{
  "name": "resizable",
  "title": "Resizable",
  "description": "Kura Resizable component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "import { Pane } from 'paneforge';\nimport Handle from './resizable-handle.svelte';\nimport PaneGroup from './resizable-pane-group.svelte';\n\nexport {\n  PaneGroup,\n  Pane,\n  Handle,\n  //\n  PaneGroup as ResizablePaneGroup,\n  Pane as ResizablePane,\n  Handle as ResizableHandle\n};\n",
      "path": "resizable/index.ts",
      "_imports_": [
        {
          "import": "./resizable-handle.svelte",
          "item": "resizable",
          "file": {
            "type": "ui",
            "path": "resizable/resizable-handle.svelte"
          },
          "meta": {}
        },
        {
          "import": "./resizable-pane-group.svelte",
          "item": "resizable",
          "file": {
            "type": "ui",
            "path": "resizable/resizable-pane-group.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import * as ResizablePrimitive from 'paneforge';\n  import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    withHandle = false,\n    ...restProps\n  }: WithoutChildrenOrChild<ResizablePrimitive.PaneResizerProps> & {\n    withHandle?: boolean;\n  } = $props();\n</script>\n\n<ResizablePrimitive.PaneResizer\n  bind:ref\n  data-slot=\"resizable-handle\"\n  class={cn(\n    'cn-resizable-handle relative flex w-px items-center justify-center bg-muted after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden data-[direction=vertical]:h-px data-[direction=vertical]:w-full data-[direction=vertical]:after:left-0 data-[direction=vertical]:after:h-1 data-[direction=vertical]:after:w-full data-[direction=vertical]:after:translate-x-0 data-[direction=vertical]:after:-translate-y-1/2 [&[data-direction=vertical]>div]:rotate-90',\n    className\n  )}\n  {...restProps}\n>\n  {#if withHandle}\n    <div class=\"z-10 flex h-6 w-1 shrink-0 rounded-none bg-primary\"></div>\n  {/if}\n</ResizablePrimitive.PaneResizer>\n",
      "path": "resizable/resizable-handle.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import * as ResizablePrimitive from 'paneforge';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    this: paneGroup = $bindable(),\n    class: className,\n    ...restProps\n  }: ResizablePrimitive.PaneGroupProps & {\n    this?: ResizablePrimitive.PaneGroup;\n  } = $props();\n</script>\n\n<ResizablePrimitive.PaneGroup\n  bind:ref\n  bind:this={paneGroup}\n  data-slot=\"resizable-pane-group\"\n  class={cn(\n    'cn-resizable-panel-group flex h-full w-full border border-border bg-background text-foreground data-[direction=vertical]:flex-col',\n    className\n  )}\n  {...restProps}\n/>\n",
      "path": "resizable/resizable-pane-group.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "paneforge",
      "version": "^1.0.2"
    }
  ],
  "devDependencies": []
}