@etus/ui 0.4.0-beta.2 → 0.4.0-beta.3

package/dist/chunk-OWIFNJXZ.js

@@ -0,0 +1,167 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FULL_H = "h-full";
+var FULL_W = "w-full";
+var SHAPE_BAR_V = "bar-vertical";
+var SHAPE_BAR_H = "bar-horizontal";
+var statusIndicatorVariants = cva("shrink-0", {
+  variants: {
+    variant: {
+      success: "bg-[color:var(--status-indicator-dot-color-success)]",
+      warning: "bg-[color:var(--status-indicator-dot-color-warning)]",
+      error: "bg-[color:var(--status-indicator-dot-color-error)]",
+      destructive: "bg-[color:var(--status-indicator-dot-color-destructive)]",
+      info: "bg-[color:var(--status-indicator-dot-color-info)]",
+      neutral: "bg-[color:var(--status-indicator-dot-color-neutral)]"
+    },
+    shape: {
+      dot: "rounded-[var(--status-indicator-root-border-radius)]",
+      "bar-vertical": "rounded-xs",
+      "bar-horizontal": "rounded-xs"
+    },
+    size: {
+      xs: "",
+      sm: "",
+      default: "",
+      lg: "",
+      xl: "",
+      "2xl": ""
+    }
+  },
+  compoundVariants: [
+    // Dot — uses size for both dimensions
+    { shape: "dot", size: "xs", className: "size-[var(--status-indicator-dot-size-xs)]" },
+    { shape: "dot", size: "sm", className: "size-[var(--status-indicator-dot-size-sm)]" },
+    { shape: "dot", size: "default", className: "size-[var(--status-indicator-dot-size-default)]" },
+    { shape: "dot", size: "lg", className: "size-[var(--status-indicator-dot-size-lg)]" },
+    { shape: "dot", size: "xl", className: "size-[var(--status-indicator-dot-size-xl)]" },
+    { shape: "dot", size: "2xl", className: "size-[var(--status-indicator-dot-size-2xl)]" },
+    // Bar-vertical — width is secondary dim (size controls it); height 100% (FULL_H constant below)
+    { shape: SHAPE_BAR_V, size: "xs", className: `${FULL_H} w-px` },
+    { shape: SHAPE_BAR_V, size: "sm", className: `${FULL_H} w-[2px]` },
+    { shape: SHAPE_BAR_V, size: "default", className: `${FULL_H} w-[2px]` },
+    { shape: SHAPE_BAR_V, size: "lg", className: `${FULL_H} w-[3px]` },
+    { shape: SHAPE_BAR_V, size: "xl", className: `${FULL_H} w-[4px]` },
+    { shape: SHAPE_BAR_V, size: "2xl", className: `${FULL_H} w-[6px]` },
+    // Bar-horizontal — height is secondary dim; width 100% (FULL_W constant below)
+    { shape: SHAPE_BAR_H, size: "xs", className: `${FULL_W} h-px` },
+    { shape: SHAPE_BAR_H, size: "sm", className: `${FULL_W} h-[2px]` },
+    { shape: SHAPE_BAR_H, size: "default", className: `${FULL_W} h-[2px]` },
+    { shape: SHAPE_BAR_H, size: "lg", className: `${FULL_W} h-[3px]` },
+    { shape: SHAPE_BAR_H, size: "xl", className: `${FULL_W} h-[4px]` },
+    { shape: SHAPE_BAR_H, size: "2xl", className: `${FULL_W} h-[6px]` }
+  ],
+  defaultVariants: {
+    variant: "neutral",
+    shape: "dot",
+    size: "default"
+  }
+});
+function StatusIndicator({
+  className,
+  variant,
+  shape = "dot",
+  size,
+  pulse = false,
+  label,
+  labelPosition = "right",
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const defaultAriaLabel = `Status: ${variant ?? "neutral"}`;
+  const accessibleLabel = ariaLabel ?? (label ? void 0 : defaultAriaLabel);
+  const isBar = shape === "bar-vertical" || shape === "bar-horizontal";
+  const isProd = typeof process !== "undefined" && process.env["NODE_ENV"] === "production";
+  if (isBar && label && !isProd) {
+    console.warn(
+      `<StatusIndicator shape="${shape}"> ignores the \`label\` prop. Use shape="dot" to combine with label, or move the label to surrounding context.`
+    );
+  }
+  if (isBar) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          statusIndicatorVariants({ variant, shape, size }),
+          pulse && "animate-pulse",
+          className
+        ),
+        "aria-label": accessibleLabel,
+        "data-shape": shape,
+        "data-slot": "status-indicator",
+        "data-variant": variant ?? "neutral",
+        role: "status",
+        ...props
+      }
+    );
+  }
+  if (!label) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          statusIndicatorVariants({ variant, shape: "dot", size }),
+          pulse && "animate-pulse",
+          className
+        ),
+        "aria-label": accessibleLabel,
+        "data-shape": "dot",
+        "data-slot": "status-indicator",
+        "data-variant": variant ?? "neutral",
+        role: "status",
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "sr-only",
+            "data-slot": "status-indicator-dot",
+            children: variant ?? "neutral"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center gap-[var(--status-indicator-label-gap)]",
+        labelPosition === "left" && "flex-row-reverse",
+        className
+      ),
+      "aria-label": accessibleLabel,
+      "data-shape": "dot",
+      "data-slot": "status-indicator",
+      "data-variant": variant ?? "neutral",
+      role: "status",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              statusIndicatorVariants({ variant, shape: "dot", size }),
+              pulse && "animate-pulse"
+            ),
+            "aria-hidden": "true",
+            "data-slot": "status-indicator-dot"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-[length:var(--status-indicator-label-font-size)] leading-normal text-[color:var(--status-indicator-label-color)]",
+            "data-slot": "status-indicator-label",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { StatusIndicator, statusIndicatorVariants };
+//# sourceMappingURL=chunk-OWIFNJXZ.js.map
+//# sourceMappingURL=chunk-OWIFNJXZ.js.map

package/dist/chunk-OWIFNJXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"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","file":"chunk-OWIFNJXZ.js","sourcesContent":["\"use client\"\n\nimport type { StatusIndicatorProps } from \"./StatusIndicator.types\"\n\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\n// Extracted to satisfy sonarjs/no-duplicate-string — each appears multiple times in compoundVariants.\nconst FULL_H = \"h-full\"\nconst FULL_W = \"w-full\"\nconst SHAPE_BAR_V = \"bar-vertical\" as const\nconst SHAPE_BAR_H = \"bar-horizontal\" as const\n\nconst statusIndicatorVariants = cva(\"shrink-0\", {\n  variants: {\n    variant: {\n      success: \"bg-[color:var(--status-indicator-dot-color-success)]\",\n      warning: \"bg-[color:var(--status-indicator-dot-color-warning)]\",\n      error: \"bg-[color:var(--status-indicator-dot-color-error)]\",\n      destructive: \"bg-[color:var(--status-indicator-dot-color-destructive)]\",\n      info: \"bg-[color:var(--status-indicator-dot-color-info)]\",\n      neutral: \"bg-[color:var(--status-indicator-dot-color-neutral)]\",\n    },\n    shape: {\n      dot: \"rounded-[var(--status-indicator-root-border-radius)]\",\n      \"bar-vertical\": \"rounded-xs\",\n      \"bar-horizontal\": \"rounded-xs\",\n    },\n    size: {\n      xs: \"\",\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n      xl: \"\",\n      \"2xl\": \"\",\n    },\n  },\n  compoundVariants: [\n    // Dot — uses size for both dimensions\n    { shape: \"dot\", size: \"xs\", className: \"size-[var(--status-indicator-dot-size-xs)]\" },\n    { shape: \"dot\", size: \"sm\", className: \"size-[var(--status-indicator-dot-size-sm)]\" },\n    { shape: \"dot\", size: \"default\", className: \"size-[var(--status-indicator-dot-size-default)]\" },\n    { shape: \"dot\", size: \"lg\", className: \"size-[var(--status-indicator-dot-size-lg)]\" },\n    { shape: \"dot\", size: \"xl\", className: \"size-[var(--status-indicator-dot-size-xl)]\" },\n    { shape: \"dot\", size: \"2xl\", className: \"size-[var(--status-indicator-dot-size-2xl)]\" },\n    // Bar-vertical — width is secondary dim (size controls it); height 100% (FULL_H constant below)\n    { shape: SHAPE_BAR_V, size: \"xs\", className: `${FULL_H} w-px` },\n    { shape: SHAPE_BAR_V, size: \"sm\", className: `${FULL_H} w-[2px]` },\n    { shape: SHAPE_BAR_V, size: \"default\", className: `${FULL_H} w-[2px]` },\n    { shape: SHAPE_BAR_V, size: \"lg\", className: `${FULL_H} w-[3px]` },\n    { shape: SHAPE_BAR_V, size: \"xl\", className: `${FULL_H} w-[4px]` },\n    { shape: SHAPE_BAR_V, size: \"2xl\", className: `${FULL_H} w-[6px]` },\n    // Bar-horizontal — height is secondary dim; width 100% (FULL_W constant below)\n    { shape: SHAPE_BAR_H, size: \"xs\", className: `${FULL_W} h-px` },\n    { shape: SHAPE_BAR_H, size: \"sm\", className: `${FULL_W} h-[2px]` },\n    { shape: SHAPE_BAR_H, size: \"default\", className: `${FULL_W} h-[2px]` },\n    { shape: SHAPE_BAR_H, size: \"lg\", className: `${FULL_W} h-[3px]` },\n    { shape: SHAPE_BAR_H, size: \"xl\", className: `${FULL_W} h-[4px]` },\n    { shape: SHAPE_BAR_H, size: \"2xl\", className: `${FULL_W} h-[6px]` },\n  ],\n  defaultVariants: {\n    variant: \"neutral\",\n    shape: \"dot\",\n    size: \"default\",\n  },\n})\n\nfunction StatusIndicator({\n  className,\n  variant,\n  shape = \"dot\",\n  size,\n  pulse = false,\n  label,\n  labelPosition = \"right\",\n  \"aria-label\": ariaLabel,\n  ...props\n}: StatusIndicatorProps) {\n  // Generate accessible label based on variant if not provided\n  const defaultAriaLabel = `Status: ${variant ?? \"neutral\"}`\n  const accessibleLabel = ariaLabel ?? (label ? undefined : defaultAriaLabel)\n\n  // Bar shapes ignore `label` — they're purely visual (warning in dev when misused).\n  const isBar = shape === \"bar-vertical\" || shape === \"bar-horizontal\"\n  // eslint-disable-next-line @typescript-eslint/dot-notation -- tsconfig has noPropertyAccessFromIndexSignature; bracket access on process.env is required by CI tsc.\n  // `typeof process` guard is required so the library runs in browser bundlers (Vite, etc.) where `process` is not defined globally — without it, the dev-only warning branch throws `ReferenceError: process is not defined`.\n  const isProd =\n    typeof process !== \"undefined\" && process.env[\"NODE_ENV\"] === \"production\"\n  if (isBar && label && !isProd) {\n     \n    console.warn(\n      `<StatusIndicator shape=\"${shape}\"> ignores the \\`label\\` prop. Use shape=\"dot\" to combine with label, or move the label to surrounding context.`,\n    )\n  }\n\n  // Bar shape — render the bar alone (no label, no inline-flex wrapper).\n  if (isBar) {\n    return (\n      <span\n        className={cn(\n          statusIndicatorVariants({ variant, shape, size }),\n          pulse && \"animate-pulse\",\n          className,\n        )}\n        aria-label={accessibleLabel}\n        data-shape={shape}\n        data-slot=\"status-indicator\"\n        data-variant={variant ?? \"neutral\"}\n        role=\"status\"\n        {...props}\n      />\n    )\n  }\n\n  // If no label, render just the dot\n  if (!label) {\n    return (\n      <span\n        className={cn(\n          statusIndicatorVariants({ variant, shape: \"dot\", size }),\n          pulse && \"animate-pulse\",\n          className\n        )}\n        aria-label={accessibleLabel}\n        data-shape=\"dot\"\n        data-slot=\"status-indicator\"\n        data-variant={variant ?? \"neutral\"}\n        role=\"status\"\n        {...props}\n      >\n        <span\n          className=\"sr-only\"\n          data-slot=\"status-indicator-dot\"\n        >\n          {variant ?? \"neutral\"}\n        </span>\n      </span>\n    )\n  }\n\n  // With label, render inline-flex container\n  return (\n    <span\n      className={cn(\n        \"inline-flex shrink-0 items-center gap-[var(--status-indicator-label-gap)]\",\n        labelPosition === \"left\" && \"flex-row-reverse\",\n        className\n      )}\n      aria-label={accessibleLabel}\n      data-shape=\"dot\"\n      data-slot=\"status-indicator\"\n      data-variant={variant ?? \"neutral\"}\n      role=\"status\"\n      {...props}\n    >\n      <span\n        className={cn(\n          statusIndicatorVariants({ variant, shape: \"dot\", size }),\n          pulse && \"animate-pulse\"\n        )}\n        aria-hidden=\"true\"\n        data-slot=\"status-indicator-dot\"\n      />\n      <span\n        className=\"text-[length:var(--status-indicator-label-font-size)] leading-normal text-[color:var(--status-indicator-label-color)]\"\n        data-slot=\"status-indicator-label\"\n      >\n        {label}\n      </span>\n    </span>\n  )\n}\n\nexport { StatusIndicator, statusIndicatorVariants }\n"]}

package/dist/chunk-PFVT27B5.js

@@ -0,0 +1,92 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { GripVerticalIcon } from 'lucide-react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var resizablePanelGroupVariants = cva([
+  "flex h-full w-full",
+  "data-[panel-group-direction=vertical]:flex-col"
+]);
+var resizablePanelVariants = cva([
+  // Base styles - intentionally minimal as panel content varies
+]);
+var resizableHandleVariants = cva(
+  [
+    "bg-[color:var(--resizable-handle-bg)] relative flex items-center justify-center",
+    "focus-visible:ring-[color:var(--resizable-handle-ring)] focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
+    // Horizontal (default) styles
+    "w-[var(--resizable-handle-width-default)] after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2",
+    // Vertical direction styles
+    "data-[panel-group-direction=vertical]:h-[var(--resizable-handle-width-vertical)] data-[panel-group-direction=vertical]:w-full",
+    "data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1",
+    "data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0",
+    "data-[panel-group-direction=vertical]:after:-translate-y-1/2",
+    // Rotate handle icon in vertical mode
+    "[&[data-panel-group-direction=vertical]>div]:rotate-90"
+  ],
+  {
+    variants: {
+      /**
+       * Visual variant of the handle
+       * - default: Visible border line
+       * - invisible: No visible line, just cursor change
+       * - highlighted: More prominent handle on hover
+       */
+      variant: {
+        default: "",
+        invisible: "bg-transparent after:bg-transparent",
+        highlighted: "hover:bg-primary/20 transition-colors"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var resizableHandleGripVariants = cva([
+  "bg-[color:var(--resizable-handle-grip-bg)] z-10 flex h-[var(--resizable-handle-grip-height)] w-[var(--resizable-handle-grip-width)] items-center justify-center rounded-[var(--resizable-handle-grip-radius)] border"
+]);
+function ResizablePanelGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ResizablePrimitive.Group,
+    {
+      className: cn(resizablePanelGroupVariants(), className),
+      "data-slot": "resizable-panel-group",
+      ...props
+    }
+  );
+}
+function ResizablePanel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ResizablePrimitive.Panel,
+    {
+      className: cn(resizablePanelVariants(), className),
+      "data-slot": "resizable-panel",
+      ...props
+    }
+  );
+}
+function ResizableHandle({
+  withHandle,
+  variant,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ResizablePrimitive.Separator,
+    {
+      className: cn(resizableHandleVariants({ variant }), className),
+      "data-slot": "resizable-handle",
+      ...props,
+      children: withHandle && /* @__PURE__ */ jsx("div", { className: cn(resizableHandleGripVariants()), children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" }) })
+    }
+  );
+}
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, resizableHandleGripVariants, resizableHandleVariants, resizablePanelGroupVariants, resizablePanelVariants };
+//# sourceMappingURL=chunk-PFVT27B5.js.map
+//# sourceMappingURL=chunk-PFVT27B5.js.map

package/dist/chunk-PFVT27B5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ResizablePanels/ResizablePanels.variants.ts","../src/components/layout/ResizablePanels/ResizablePanels.tsx"],"names":[],"mappings":";;;;;;AAMO,IAAM,8BAA8B,GAAA,CAAI;AAAA,EAC7C,oBAAA;AAAA,EACA;AACF,CAAC;AAMM,IAAM,yBAAyB,GAAA,CAAI;AAAA;AAE1C,CAAC;AAMM,IAAM,uBAAA,GAA0B,GAAA;AAAA,EACrC;AAAA,IACE,iFAAA;AAAA,IACA,uIAAA;AAAA;AAAA,IAEA,0HAAA;AAAA;AAAA,IAEA,+HAAA;AAAA,IACA,oGAAA;AAAA,IACA,8GAAA;AAAA,IACA,8DAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,qCAAA;AAAA,QACX,WAAA,EAAa;AAAA;AACf,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,8BAA8B,GAAA,CAAI;AAAA,EAC7C;AACF,CAAC;AC3CD,SAAS,mBAAA,CAAoB;AAAA,EAC3B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,uBACE,GAAA;AAAA,IAAoB,kBAAA,CAAA,KAAA;AAAA,IAAnB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA4B,EAAG,SAAS,CAAA;AAAA,MACtD,WAAA,EAAU,uBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,OAAM,EAAwB;AACpE,EAAA,uBACE,GAAA;AAAA,IAAoB,kBAAA,CAAA,KAAA;AAAA,IAAnB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,eAAA,CAAgB;AAAA,EACvB,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAoB,kBAAA,CAAA,SAAA;AAAA,IAAnB;AAAA,MACC,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC7D,WAAA,EAAU,kBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,UAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,CAAA,EAC9C,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,UAAA,EAAW,CAAA,EACzC;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-PFVT27B5.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ResizablePanelGroup variant styles\n * Container for resizable panels with direction support\n */\nexport const resizablePanelGroupVariants = cva([\n  \"flex h-full w-full\",\n  \"data-[panel-group-direction=vertical]:flex-col\",\n])\n\n/**\n * ResizablePanel variant styles\n * Individual panel that can be resized\n */\nexport const resizablePanelVariants = cva([\n  // Base styles - intentionally minimal as panel content varies\n])\n\n/**\n * ResizableHandle variant styles\n * Draggable divider between panels\n */\nexport const resizableHandleVariants = cva(\n  [\n    \"bg-[color:var(--resizable-handle-bg)] relative flex items-center justify-center\",\n    \"focus-visible:ring-[color:var(--resizable-handle-ring)] focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden\",\n    // Horizontal (default) styles\n    \"w-[var(--resizable-handle-width-default)] after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2\",\n    // Vertical direction styles\n    \"data-[panel-group-direction=vertical]:h-[var(--resizable-handle-width-vertical)] data-[panel-group-direction=vertical]:w-full\",\n    \"data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1\",\n    \"data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0\",\n    \"data-[panel-group-direction=vertical]:after:-translate-y-1/2\",\n    // Rotate handle icon in vertical mode\n    \"[&[data-panel-group-direction=vertical]>div]:rotate-90\",\n  ],\n  {\n    variants: {\n      /**\n       * Visual variant of the handle\n       * - default: Visible border line\n       * - invisible: No visible line, just cursor change\n       * - highlighted: More prominent handle on hover\n       */\n      variant: {\n        default: \"\",\n        invisible: \"bg-transparent after:bg-transparent\",\n        highlighted: \"hover:bg-primary/20 transition-colors\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * ResizableHandle grip (visible handle indicator) styles\n */\nexport const resizableHandleGripVariants = cva([\n  \"bg-[color:var(--resizable-handle-grip-bg)] z-10 flex h-[var(--resizable-handle-grip-height)] w-[var(--resizable-handle-grip-width)] items-center justify-center rounded-[var(--resizable-handle-grip-radius)] border\",\n])\n\nexport type ResizablePanelGroupVariantProps = VariantProps<typeof resizablePanelGroupVariants>\nexport type ResizablePanelVariantProps = VariantProps<typeof resizablePanelVariants>\nexport type ResizableHandleVariantProps = VariantProps<typeof resizableHandleVariants>\n","\"use client\"\n\nimport type {\n  ResizableHandleProps,\n  ResizablePanelGroupProps,\n  ResizablePanelProps,\n} from \"./ResizablePanels.types\"\n\nimport { GripVerticalIcon } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  resizableHandleGripVariants,\n  resizableHandleVariants,\n  resizablePanelGroupVariants,\n  resizablePanelVariants,\n} from \"./ResizablePanels.variants\"\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePanelGroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      className={cn(resizablePanelGroupVariants(), className)}\n      data-slot=\"resizable-panel-group\"\n      {...props}\n    />\n  )\n}\n\nfunction ResizablePanel({ className, ...props }: ResizablePanelProps) {\n  return (\n    <ResizablePrimitive.Panel\n      className={cn(resizablePanelVariants(), className)}\n      data-slot=\"resizable-panel\"\n      {...props}\n    />\n  )\n}\n\nfunction ResizableHandle({\n  withHandle,\n  variant,\n  className,\n  ...props\n}: ResizableHandleProps) {\n  return (\n    <ResizablePrimitive.Separator\n      className={cn(resizableHandleVariants({ variant }), className)}\n      data-slot=\"resizable-handle\"\n      {...props}\n    >\n      {withHandle && (\n        <div className={cn(resizableHandleGripVariants())}>\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </ResizablePrimitive.Separator>\n  )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n"]}

package/dist/chunk-PGTCXLGY.js

@@ -0,0 +1,67 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var textareaVariants = cva(
+  // Base styles
+  [
+    "w-full min-w-0 transition-[color,box-shadow] outline-none",
+    "rounded-[var(--textarea-radius)] border-[length:var(--textarea-border-width)]",
+    "bg-[color:var(--textarea-bg-default)] text-[color:var(--textarea-fg-default)] border-[color:var(--textarea-border-default)]",
+    "placeholder:text-[color:var(--textarea-fg-placeholder)]",
+    "selection:bg-primary selection:text-primary-foreground",
+    "dark:bg-input",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--textarea-bg-disabled)] disabled:text-[color:var(--textarea-fg-disabled)] disabled:border-[color:var(--textarea-border-disabled)] disabled:opacity-50",
+    "hover:border-[color:var(--border-semantic-strong)]",
+    "focus-visible:border-[color:var(--textarea-border-focus)] focus-visible:ring-[color:var(--textarea-border-focus)]/20 focus-visible:ring-4",
+    "aria-invalid:ring-[color:var(--textarea-border-error)]/20 dark:aria-invalid:ring-[color:var(--textarea-border-error)]/40 aria-invalid:border-[color:var(--textarea-border-error)]",
+    "field-sizing-content"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "min-h-[var(--textarea-size-sm-min-h)] px-[var(--textarea-size-sm-px)] py-[var(--textarea-size-sm-py)] text-[length:var(--textarea-size-sm-text)]",
+        md: "min-h-[var(--textarea-size-md-min-h)] px-[var(--textarea-size-md-px)] py-[var(--textarea-size-md-py)] text-[length:var(--textarea-size-md-text)]",
+        lg: "min-h-[var(--textarea-size-lg-min-h)] px-[var(--textarea-size-lg-px)] py-[var(--textarea-size-lg-py)] text-[length:var(--textarea-size-lg-text)]"
+      },
+      variant: {
+        default: "shadow-[var(--textarea-shadow)]",
+        filled: "border-transparent bg-[color:var(--textarea-bg-filled)]",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-[color:var(--textarea-border-default)] px-0",
+        unstyled: "border-0 bg-transparent p-0 shadow-none focus-visible:ring-0"
+      },
+      resize: {
+        none: "resize-none",
+        vertical: "resize-y",
+        horizontal: "resize-x",
+        both: "resize"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default",
+      resize: "vertical"
+    }
+  }
+);
+function Textarea({
+  className,
+  size,
+  variant,
+  resize,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: cn(textareaVariants({ size, variant, resize }), className),
+      "data-slot": "textarea",
+      ...props
+    }
+  );
+}
+
+export { Textarea, textareaVariants };
+//# sourceMappingURL=chunk-PGTCXLGY.js.map
+//# sourceMappingURL=chunk-PGTCXLGY.js.map

package/dist/chunk-PGTCXLGY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/Textarea/Textarea.variants.ts","../src/components/forms/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;AAKO,IAAM,gBAAA,GAAmB,GAAA;AAAA;AAAA,EAE9B;AAAA,IACE,2DAAA;AAAA,IACA,+EAAA;AAAA,IACA,6HAAA;AAAA,IACA,yDAAA;AAAA,IACA,wDAAA;AAAA,IACA,eAAA;AAAA,IACA,wOAAA;AAAA,IACA,oDAAA;AAAA,IACA,2IAAA;AAAA,IACA,mLAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kJAAA;AAAA,QACJ,EAAA,EAAI,kJAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,iCAAA;AAAA,QACT,MAAA,EAAQ,yDAAA;AAAA,QACR,OAAA,EAAS,yFAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,aAAA;AAAA,QACN,QAAA,EAAU,UAAA;AAAA,QACV,UAAA,EAAY,UAAA;AAAA,QACZ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,SAAA;AAAA,MACT,MAAA,EAAQ;AAAA;AACV;AAEJ;ACvCA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,gBAAA,CAAiB,EAAE,MAAM,OAAA,EAAS,MAAA,EAAQ,CAAA,EAAG,SAAS,CAAA;AAAA,MACpE,WAAA,EAAU,UAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-PGTCXLGY.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Textarea variant styles using CVA\n */\nexport const textareaVariants = cva(\n  // Base styles\n  [\n    \"w-full min-w-0 transition-[color,box-shadow] outline-none\",\n    \"rounded-[var(--textarea-radius)] border-[length:var(--textarea-border-width)]\",\n    \"bg-[color:var(--textarea-bg-default)] text-[color:var(--textarea-fg-default)] border-[color:var(--textarea-border-default)]\",\n    \"placeholder:text-[color:var(--textarea-fg-placeholder)]\",\n    \"selection:bg-primary selection:text-primary-foreground\",\n    \"dark:bg-input\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--textarea-bg-disabled)] disabled:text-[color:var(--textarea-fg-disabled)] disabled:border-[color:var(--textarea-border-disabled)] disabled:opacity-50\",\n    \"hover:border-[color:var(--border-semantic-strong)]\",\n    \"focus-visible:border-[color:var(--textarea-border-focus)] focus-visible:ring-[color:var(--textarea-border-focus)]/20 focus-visible:ring-4\",\n    \"aria-invalid:ring-[color:var(--textarea-border-error)]/20 dark:aria-invalid:ring-[color:var(--textarea-border-error)]/40 aria-invalid:border-[color:var(--textarea-border-error)]\",\n    \"field-sizing-content\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[var(--textarea-size-sm-min-h)] px-[var(--textarea-size-sm-px)] py-[var(--textarea-size-sm-py)] text-[length:var(--textarea-size-sm-text)]\",\n        md: \"min-h-[var(--textarea-size-md-min-h)] px-[var(--textarea-size-md-px)] py-[var(--textarea-size-md-py)] text-[length:var(--textarea-size-md-text)]\",\n        lg: \"min-h-[var(--textarea-size-lg-min-h)] px-[var(--textarea-size-lg-px)] py-[var(--textarea-size-lg-py)] text-[length:var(--textarea-size-lg-text)]\",\n      },\n      variant: {\n        default: \"shadow-[var(--textarea-shadow)]\",\n        filled: \"border-transparent bg-[color:var(--textarea-bg-filled)]\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-[color:var(--textarea-border-default)] px-0\",\n        unstyled: \"border-0 bg-transparent p-0 shadow-none focus-visible:ring-0\",\n      },\n      resize: {\n        none: \"resize-none\",\n        vertical: \"resize-y\",\n        horizontal: \"resize-x\",\n        both: \"resize\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n      resize: \"vertical\",\n    },\n  }\n)\n\nexport type TextareaVariantProps = VariantProps<typeof textareaVariants>\n","import type { TextareaProps } from \"./Textarea.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { textareaVariants } from \"./Textarea.variants\"\n\nfunction Textarea({\n  className,\n  size,\n  variant,\n  resize,\n  ...props\n}: TextareaProps) {\n  return (\n    <textarea\n      className={cn(textareaVariants({ size, variant, resize }), className)}\n      data-slot=\"textarea\"\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"]}

package/dist/chunk-PK5O62XD.js

@@ -0,0 +1,58 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var featuredIconVariants = cva(
+  "inline-grid place-items-center shrink-0 [&_svg]:shrink-0",
+  {
+    variants: {
+      size: {
+        xs: "size-[var(--featured-icon-size-xs-plate)] [&_svg]:size-[var(--featured-icon-size-xs-icon)]",
+        sm: "size-[var(--featured-icon-size-sm-plate)] [&_svg]:size-[var(--featured-icon-size-sm-icon)]",
+        md: "size-[var(--featured-icon-size-md-plate)] [&_svg]:size-[var(--featured-icon-size-md-icon)]",
+        lg: "size-[var(--featured-icon-size-lg-plate)] [&_svg]:size-[var(--featured-icon-size-lg-icon)]",
+        xl: "size-[var(--featured-icon-size-xl-plate)] [&_svg]:size-[var(--featured-icon-size-xl-icon)]",
+        "2xl": "size-[var(--featured-icon-size-2xl-plate)] [&_svg]:size-[var(--featured-icon-size-2xl-icon)]"
+      },
+      shape: {
+        default: "rounded-[var(--featured-icon-radius-default)]",
+        circle: "rounded-[var(--featured-icon-radius-circle)]"
+      },
+      tone: {
+        default: "bg-[color:var(--featured-icon-color-default-bg)] text-[color:var(--featured-icon-color-default-fg)]",
+        brand: "bg-[color:var(--featured-icon-color-brand-bg)] text-[color:var(--featured-icon-color-brand-fg)]",
+        success: "bg-[color:var(--featured-icon-color-success-bg)] text-[color:var(--featured-icon-color-success-fg)]",
+        warning: "bg-[color:var(--featured-icon-color-warning-bg)] text-[color:var(--featured-icon-color-warning-fg)]",
+        info: "bg-[color:var(--featured-icon-color-info-bg)] text-[color:var(--featured-icon-color-info-fg)]",
+        destructive: "bg-[color:var(--featured-icon-color-destructive-bg)] text-[color:var(--featured-icon-color-destructive-fg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      shape: "default",
+      tone: "default"
+    }
+  }
+);
+function FeaturedIcon({
+  className,
+  size,
+  shape,
+  tone,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(featuredIconVariants({ size, shape, tone }), className),
+      "data-slot": "featured-icon",
+      ...props,
+      children
+    }
+  );
+}
+
+export { FeaturedIcon, featuredIconVariants };
+//# sourceMappingURL=chunk-PK5O62XD.js.map
+//# sourceMappingURL=chunk-PK5O62XD.js.map

package/dist/chunk-PK5O62XD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/FeaturedIcon/FeaturedIcon.variants.ts","../src/components/primitives/FeaturedIcon/FeaturedIcon.tsx"],"names":[],"mappings":";;;;AAEO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC,0DAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI,4FAAA;AAAA,QACJ,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,+CAAA;AAAA,QACT,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EACE,qGAAA;AAAA,QACF,KAAA,EACE,iGAAA;AAAA,QACF,OAAA,EACE,qGAAA;AAAA,QACF,OAAA,EACE,qGAAA;AAAA,QACF,IAAA,EAAM,+FAAA;AAAA,QACN,WAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ;ACjCA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,oBAAA,CAAqB,EAAE,MAAM,KAAA,EAAO,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA;AAAA,MACpE,WAAA,EAAU,eAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-PK5O62XD.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const featuredIconVariants = cva(\n  \"inline-grid place-items-center shrink-0 [&_svg]:shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"size-[var(--featured-icon-size-xs-plate)] [&_svg]:size-[var(--featured-icon-size-xs-icon)]\",\n        sm: \"size-[var(--featured-icon-size-sm-plate)] [&_svg]:size-[var(--featured-icon-size-sm-icon)]\",\n        md: \"size-[var(--featured-icon-size-md-plate)] [&_svg]:size-[var(--featured-icon-size-md-icon)]\",\n        lg: \"size-[var(--featured-icon-size-lg-plate)] [&_svg]:size-[var(--featured-icon-size-lg-icon)]\",\n        xl: \"size-[var(--featured-icon-size-xl-plate)] [&_svg]:size-[var(--featured-icon-size-xl-icon)]\",\n        \"2xl\": \"size-[var(--featured-icon-size-2xl-plate)] [&_svg]:size-[var(--featured-icon-size-2xl-icon)]\",\n      },\n      shape: {\n        default: \"rounded-[var(--featured-icon-radius-default)]\",\n        circle: \"rounded-[var(--featured-icon-radius-circle)]\",\n      },\n      tone: {\n        default:\n          \"bg-[color:var(--featured-icon-color-default-bg)] text-[color:var(--featured-icon-color-default-fg)]\",\n        brand:\n          \"bg-[color:var(--featured-icon-color-brand-bg)] text-[color:var(--featured-icon-color-brand-fg)]\",\n        success:\n          \"bg-[color:var(--featured-icon-color-success-bg)] text-[color:var(--featured-icon-color-success-fg)]\",\n        warning:\n          \"bg-[color:var(--featured-icon-color-warning-bg)] text-[color:var(--featured-icon-color-warning-fg)]\",\n        info: \"bg-[color:var(--featured-icon-color-info-bg)] text-[color:var(--featured-icon-color-info-fg)]\",\n        destructive:\n          \"bg-[color:var(--featured-icon-color-destructive-bg)] text-[color:var(--featured-icon-color-destructive-fg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"default\",\n      tone: \"default\",\n    },\n  }\n)\n","import type { FeaturedIconProps } from \"./FeaturedIcon.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { featuredIconVariants } from \"./FeaturedIcon.variants\"\n\nfunction FeaturedIcon({\n  className,\n  size,\n  shape,\n  tone,\n  children,\n  ...props\n}: FeaturedIconProps) {\n  return (\n    <span\n      className={cn(featuredIconVariants({ size, shape, tone }), className)}\n      data-slot=\"featured-icon\"\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport { FeaturedIcon, featuredIconVariants }\n"]}

package/dist/chunk-PLLJNHWU.js

@@ -0,0 +1,175 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Drawer as Drawer$1 } from 'vaul';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var drawerOverlayVariants = cva([
+  "fixed inset-0 z-50 bg-[color:var(--drawer-overlay-bg)]",
+  "data-[state=open]:animate-in data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+]);
+var drawerContentVariants = cva(
+  [
+    "group/drawer-content bg-[color:var(--drawer-content-bg)] fixed z-50 flex h-auto flex-col"
+  ],
+  {
+    variants: {
+      /**
+       * Visual styling applied based on direction
+       * Note: Direction is controlled by vaul via data-vaul-drawer-direction attribute
+       */
+      direction: {
+        top: [
+          "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-[var(--drawer-content-radius)] border-b border-[color:var(--drawer-content-border)]"
+        ],
+        bottom: [
+          "inset-x-0 bottom-0 mt-24 max-h-[80vh] rounded-t-[var(--drawer-content-radius)] border-t border-[color:var(--drawer-content-border)]"
+        ],
+        left: [
+          "inset-y-0 left-0 w-3/4 border-r border-[color:var(--drawer-content-border)] sm:max-w-sm"
+        ],
+        right: [
+          "inset-y-0 right-0 w-3/4 border-l border-[color:var(--drawer-content-border)] sm:max-w-sm"
+        ]
+      }
+    },
+    defaultVariants: {
+      direction: "bottom"
+    }
+  }
+);
+var drawerContentBaseVariants = cva([
+  "group/drawer-content bg-[color:var(--drawer-content-bg)] fixed z-50 flex h-auto flex-col",
+  // Top direction styles
+  "data-[vaul-drawer-direction=top]:inset-x-0",
+  "data-[vaul-drawer-direction=top]:top-0",
+  "data-[vaul-drawer-direction=top]:mb-24",
+  "data-[vaul-drawer-direction=top]:max-h-[80vh]",
+  "data-[vaul-drawer-direction=top]:rounded-b-[var(--drawer-content-radius)]",
+  "data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:border-[color:var(--drawer-content-border)]",
+  // Bottom direction styles
+  "data-[vaul-drawer-direction=bottom]:inset-x-0",
+  "data-[vaul-drawer-direction=bottom]:bottom-0",
+  "data-[vaul-drawer-direction=bottom]:mt-24",
+  "data-[vaul-drawer-direction=bottom]:max-h-[80vh]",
+  "data-[vaul-drawer-direction=bottom]:rounded-t-[var(--drawer-content-radius)]",
+  "data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:border-[color:var(--drawer-content-border)]",
+  // Right direction styles
+  "data-[vaul-drawer-direction=right]:inset-y-0",
+  "data-[vaul-drawer-direction=right]:right-0",
+  "data-[vaul-drawer-direction=right]:w-3/4",
+  "data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:border-[color:var(--drawer-content-border)]",
+  "data-[vaul-drawer-direction=right]:sm:max-w-sm",
+  // Left direction styles
+  "data-[vaul-drawer-direction=left]:inset-y-0",
+  "data-[vaul-drawer-direction=left]:left-0",
+  "data-[vaul-drawer-direction=left]:w-3/4",
+  "data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:border-[color:var(--drawer-content-border)]",
+  "data-[vaul-drawer-direction=left]:sm:max-w-sm"
+]);
+var drawerHandleVariants = cva([
+  "bg-[color:var(--drawer-handle-bg)] mx-auto mt-[var(--drawer-handle-margin-top)] h-[var(--drawer-handle-height)] w-[var(--drawer-handle-width)] shrink-0 rounded-full",
+  "hidden group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+]);
+var drawerHeaderVariants = cva([
+  "flex flex-col gap-[var(--drawer-header-gap)] p-[var(--drawer-header-padding)]",
+  "md:gap-1.5 md:text-left",
+  "group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center",
+  "group-data-[vaul-drawer-direction=top]/drawer-content:text-center"
+]);
+var drawerFooterVariants = cva([
+  "mt-auto flex flex-col gap-[var(--drawer-footer-gap)] p-[var(--drawer-footer-padding)]"
+]);
+var drawerTitleVariants = cva([
+  "text-foreground font-semibold"
+]);
+var drawerDescriptionVariants = cva([
+  "text-muted-foreground text-sm"
+]);
+function Drawer({ ...props }) {
+  return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+  return /* @__PURE__ */ jsx(Drawer$1.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Overlay,
+    {
+      className: cn(drawerOverlayVariants(), className),
+      "data-slot": "drawer-overlay",
+      ...props
+    }
+  );
+}
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Drawer$1.Content,
+      {
+        className: cn(drawerContentBaseVariants(), className),
+        "data-slot": "drawer-content",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: cn(drawerHandleVariants()) }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(drawerHeaderVariants(), className),
+      "data-slot": "drawer-header",
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(drawerFooterVariants(), className),
+      "data-slot": "drawer-footer",
+      ...props
+    }
+  );
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Title,
+    {
+      className: cn(drawerTitleVariants(), className),
+      "data-slot": "drawer-title",
+      ...props
+    }
+  );
+}
+function DrawerDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Description,
+    {
+      className: cn(drawerDescriptionVariants(), className),
+      "data-slot": "drawer-description",
+      ...props
+    }
+  );
+}
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawerContentBaseVariants, drawerContentVariants, drawerDescriptionVariants, drawerFooterVariants, drawerHandleVariants, drawerHeaderVariants, drawerOverlayVariants, drawerTitleVariants };
+//# sourceMappingURL=chunk-PLLJNHWU.js.map
+//# sourceMappingURL=chunk-PLLJNHWU.js.map