@etus/ui 0.4.0-beta.17 → 0.4.0-beta.19

package/dist/{chunk-P7D6S6GX.js → chunk-PTXC4KPQ.js}

@@ -1,6 +1,7 @@
-import { buttonVariants } from './chunk-7TF5PVEU.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { buttonVariants } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { cva } from 'class-variance-authority';
 import 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -137,7 +138,40 @@ function AlertDialogCancel({
     }
   );
 }
+var alertDialogIconPillVariants = cva(
+  [
+    "flex size-fit items-center justify-center",
+    "rounded-[var(--alert-dialog-icon-pill-radius)] p-[var(--alert-dialog-icon-pill-padding)]",
+    "[&_svg]:size-[var(--alert-dialog-icon-pill-icon-size)] [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-[color:var(--alert-dialog-icon-pill-color-default-bg)] text-[color:var(--alert-dialog-icon-pill-color-default-fg)]",
+        warning: "bg-[color:var(--alert-dialog-icon-pill-color-warning-bg)] text-[color:var(--alert-dialog-icon-pill-color-warning-fg)]",
+        destructive: "bg-[color:var(--alert-dialog-icon-pill-color-destructive-bg)] text-[color:var(--alert-dialog-icon-pill-color-destructive-fg)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function AlertDialogIconPill({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(alertDialogIconPillVariants({ variant }), className),
+      "data-slot": "alert-dialog-icon-pill",
+      ...props
+    }
+  );
+}
 
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
-//# sourceMappingURL=chunk-P7D6S6GX.js.map
-//# sourceMappingURL=chunk-P7D6S6GX.js.map
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogIconPill, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=chunk-PTXC4KPQ.js.map
+//# sourceMappingURL=chunk-PTXC4KPQ.js.map

package/dist/chunk-PTXC4KPQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"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","file":"chunk-PTXC4KPQ.js","sourcesContent":["\"use client\"\n\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { buttonVariants } from \"../../primitives/Button\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[color:var(--alert-dialog-overlay-bg)]\",\n        className\n      )}\n      data-slot=\"alert-dialog-overlay\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        className={cn(\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] duration-200\",\n          \"bg-[color:var(--alert-dialog-content-bg)] rounded-[var(--alert-dialog-content-radius)] border-[color:var(--alert-dialog-content-border)] shadow-[var(--alert-dialog-content-shadow)] gap-[var(--alert-dialog-content-gap)] p-[var(--alert-dialog-content-padding)] max-w-[var(--alert-dialog-content-max-width)]\",\n          className\n        )}\n        data-slot=\"alert-dialog-content\"\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-[var(--alert-dialog-header-gap)] text-center sm:text-left\", className)}\n      data-slot=\"alert-dialog-header\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse gap-[var(--alert-dialog-footer-gap)] sm:flex-row sm:justify-end\",\n        className\n      )}\n      data-slot=\"alert-dialog-footer\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      className={cn(\"text-lg font-semibold\", className)}\n      data-slot=\"alert-dialog-title\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"alert-dialog-description\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ variant }), className)}\n      data-slot=\"alert-dialog-action\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      data-slot=\"alert-dialog-cancel\"\n      {...props}\n    />\n  )\n}\n\n\nconst alertDialogIconPillVariants = cva(\n  [\n    \"flex size-fit items-center justify-center\",\n    \"rounded-[var(--alert-dialog-icon-pill-radius)] p-[var(--alert-dialog-icon-pill-padding)]\",\n    \"[&_svg]:size-[var(--alert-dialog-icon-pill-icon-size)] [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[color:var(--alert-dialog-icon-pill-color-default-bg)] text-[color:var(--alert-dialog-icon-pill-color-default-fg)]\",\n        warning:\n          \"bg-[color:var(--alert-dialog-icon-pill-color-warning-bg)] text-[color:var(--alert-dialog-icon-pill-color-warning-fg)]\",\n        destructive:\n          \"bg-[color:var(--alert-dialog-icon-pill-color-destructive-bg)] text-[color:var(--alert-dialog-icon-pill-color-destructive-fg)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * AlertDialogIconPill - Tinted icon pill for the dialog header (Figma 1405:15827).\n */\nfunction AlertDialogIconPill({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof alertDialogIconPillVariants>) {\n  return (\n    <span\n      className={cn(alertDialogIconPillVariants({ variant }), className)}\n      data-slot=\"alert-dialog-icon-pill\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogIconPill,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"]}

package/dist/{chunk-UYC7M3FM.js → chunk-PVIIIQJI.js}

@@ -1,7 +1,7 @@
-import { Textarea } from './chunk-U6EOAIPK.js';
-import { TextInput } from './chunk-PWCMCMDN.js';
-import { Button } from './chunk-7TF5PVEU.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Textarea } from './chunk-ARJAIH7Q.js';
+import { TextInput } from './chunk-K4UCALQQ.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -179,5 +179,5 @@ function InputGroupTextarea({
 }
 
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupInputVariants, inputGroupTextareaVariants, inputGroupVariants };
-//# sourceMappingURL=chunk-UYC7M3FM.js.map
-//# sourceMappingURL=chunk-UYC7M3FM.js.map
+//# sourceMappingURL=chunk-PVIIIQJI.js.map
+//# sourceMappingURL=chunk-PVIIIQJI.js.map

package/dist/{chunk-UYC7M3FM.js.map → chunk-PVIIIQJI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/forms/InputGroup/InputGroup.variants.ts","../src/components/forms/InputGroup/InputGroup.tsx"],"names":[],"mappings":"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","file":"chunk-UYC7M3FM.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * InputGroup container variant styles using CVA\n */\nexport const inputGroupVariants = cva(\n  // Base styles\n  [\n    \"group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-[var(--input-group-radius)] border shadow-xs transition-[color,box-shadow] outline-none\",\n    \"min-w-0 has-[>textarea]:h-auto\",\n\n    // Variants based on alignment\n    \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n    \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n    \"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3\",\n    \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3\",\n\n    // Focus state\n    \"has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]\",\n\n    // Error state\n    \"has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8\",\n        md: \"h-9\",\n        lg: \"h-10\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * InputGroupAddon variant styles using CVA\n */\nexport const inputGroupAddonVariants = cva(\n  \"text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[var(--input-group-button-radius)] group-data-[disabled=true]/input-group:opacity-50\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\n        \"inline-end\":\n          \"order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5\",\n        \"block-end\":\n          \"order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\n/**\n * InputGroupButton variant styles using CVA\n */\nexport const inputGroupButtonVariants = cva(\n  \"text-sm shadow-none flex gap-2 items-center\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 px-2 rounded-[var(--input-group-button-radius)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n        sm: \"h-8 px-2.5 gap-1.5 rounded-[var(--input-group-button-radius)] has-[>svg]:px-2.5\",\n        \"icon-xs\":\n          \"size-6 rounded-[var(--input-group-button-radius)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\n/**\n * InputGroupInput variant styles (for the input within the group)\n */\nexport const inputGroupInputVariants = cva(\n  \"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\"\n)\n\n/**\n * InputGroupTextarea variant styles (for the textarea within the group)\n */\nexport const inputGroupTextareaVariants = cva(\n  \"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent\"\n)\n\n// Export variant types\nexport type InputGroupVariantProps = VariantProps<typeof inputGroupVariants>\nexport type InputGroupAddonVariantProps = VariantProps<typeof inputGroupAddonVariants>\nexport type InputGroupButtonVariantProps = VariantProps<typeof inputGroupButtonVariants>\nexport type InputGroupInputVariantProps = VariantProps<typeof inputGroupInputVariants>\nexport type InputGroupTextareaVariantProps = VariantProps<typeof inputGroupTextareaVariants>\n","\"use client\"\n\nimport type {\n  InputGroupAddonProps,\n  InputGroupButtonProps,\n  InputGroupInputProps,\n  InputGroupProps,\n  InputGroupTextareaProps,\n  InputGroupTextProps,\n} from \"./InputGroup.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Button } from \"../../primitives/Button\"\nimport { Textarea } from \"../Textarea\"\nimport { TextInput, type TextInputProps } from \"../TextInput\"\nimport {\n  inputGroupAddonVariants,\n  inputGroupButtonVariants,\n  inputGroupInputVariants,\n  inputGroupTextareaVariants,\n  inputGroupVariants,\n} from \"./InputGroup.variants\"\n\n/**\n * Context that propagates the root `disabled` state down to control children\n * (InputGroupInput / InputGroupTextarea / InputGroupButton) so a single\n * `<InputGroup disabled>` disables the whole composite.\n */\nconst InputGroupContext = React.createContext<{ disabled?: boolean }>({})\n\nfunction InputGroup({\n  className,\n  size,\n  disabled,\n  ...props\n}: InputGroupProps) {\n  return (\n    <InputGroupContext value={{ disabled }}>\n      <div\n        className={cn(inputGroupVariants({ size }), className)}\n        data-disabled={disabled ?? undefined}\n        data-slot=\"input-group\"\n        role=\"group\"\n        {...props}\n      />\n    </InputGroupContext>\n  )\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      data-align={align}\n      data-slot=\"input-group-addon\"\n      role=\"group\"\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  disabled,\n  ...props\n}: InputGroupButtonProps) {\n  const group = React.use(InputGroupContext)\n\n  return (\n    <Button\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      data-size={size}\n      disabled={disabled ?? group.disabled}\n      type={type}\n      variant={variant}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  disabled,\n  ...props\n}: InputGroupInputProps) {\n  const group = React.use(InputGroupContext)\n\n  return (\n    <TextInput\n      className={cn(inputGroupInputVariants(), className)}\n      data-slot=\"input-group-control\"\n      disabled={disabled ?? group.disabled}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  disabled,\n  ...props\n}: InputGroupTextareaProps) {\n  const group = React.use(InputGroupContext)\n\n  return (\n    <Textarea\n      className={cn(inputGroupTextareaVariants(), className)}\n      data-slot=\"input-group-control\"\n      disabled={disabled ?? group.disabled}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n}\n\n// Re-export types\nexport type { TextInputProps }\n"]}
+{"version":3,"sources":["../src/components/forms/InputGroup/InputGroup.variants.ts","../src/components/forms/InputGroup/InputGroup.tsx"],"names":[],"mappings":"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","file":"chunk-PVIIIQJI.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * InputGroup container variant styles using CVA\n */\nexport const inputGroupVariants = cva(\n  // Base styles\n  [\n    \"group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-[var(--input-group-radius)] border shadow-xs transition-[color,box-shadow] outline-none\",\n    \"min-w-0 has-[>textarea]:h-auto\",\n\n    // Variants based on alignment\n    \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n    \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n    \"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3\",\n    \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3\",\n\n    // Focus state\n    \"has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]\",\n\n    // Error state\n    \"has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8\",\n        md: \"h-9\",\n        lg: \"h-10\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * InputGroupAddon variant styles using CVA\n */\nexport const inputGroupAddonVariants = cva(\n  \"text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[var(--input-group-button-radius)] group-data-[disabled=true]/input-group:opacity-50\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\n        \"inline-end\":\n          \"order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5\",\n        \"block-end\":\n          \"order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\n/**\n * InputGroupButton variant styles using CVA\n */\nexport const inputGroupButtonVariants = cva(\n  \"text-sm shadow-none flex gap-2 items-center\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 px-2 rounded-[var(--input-group-button-radius)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n        sm: \"h-8 px-2.5 gap-1.5 rounded-[var(--input-group-button-radius)] has-[>svg]:px-2.5\",\n        \"icon-xs\":\n          \"size-6 rounded-[var(--input-group-button-radius)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\n/**\n * InputGroupInput variant styles (for the input within the group)\n */\nexport const inputGroupInputVariants = cva(\n  \"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\"\n)\n\n/**\n * InputGroupTextarea variant styles (for the textarea within the group)\n */\nexport const inputGroupTextareaVariants = cva(\n  \"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent\"\n)\n\n// Export variant types\nexport type InputGroupVariantProps = VariantProps<typeof inputGroupVariants>\nexport type InputGroupAddonVariantProps = VariantProps<typeof inputGroupAddonVariants>\nexport type InputGroupButtonVariantProps = VariantProps<typeof inputGroupButtonVariants>\nexport type InputGroupInputVariantProps = VariantProps<typeof inputGroupInputVariants>\nexport type InputGroupTextareaVariantProps = VariantProps<typeof inputGroupTextareaVariants>\n","\"use client\"\n\nimport type {\n  InputGroupAddonProps,\n  InputGroupButtonProps,\n  InputGroupInputProps,\n  InputGroupProps,\n  InputGroupTextareaProps,\n  InputGroupTextProps,\n} from \"./InputGroup.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Button } from \"../../primitives/Button\"\nimport { Textarea } from \"../Textarea\"\nimport { TextInput, type TextInputProps } from \"../TextInput\"\nimport {\n  inputGroupAddonVariants,\n  inputGroupButtonVariants,\n  inputGroupInputVariants,\n  inputGroupTextareaVariants,\n  inputGroupVariants,\n} from \"./InputGroup.variants\"\n\n/**\n * Context that propagates the root `disabled` state down to control children\n * (InputGroupInput / InputGroupTextarea / InputGroupButton) so a single\n * `<InputGroup disabled>` disables the whole composite.\n */\nconst InputGroupContext = React.createContext<{ disabled?: boolean }>({})\n\nfunction InputGroup({\n  className,\n  size,\n  disabled,\n  ...props\n}: InputGroupProps) {\n  return (\n    <InputGroupContext value={{ disabled }}>\n      <div\n        className={cn(inputGroupVariants({ size }), className)}\n        data-disabled={disabled ?? undefined}\n        data-slot=\"input-group\"\n        role=\"group\"\n        {...props}\n      />\n    </InputGroupContext>\n  )\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      data-align={align}\n      data-slot=\"input-group-addon\"\n      role=\"group\"\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  disabled,\n  ...props\n}: InputGroupButtonProps) {\n  const group = React.use(InputGroupContext)\n\n  return (\n    <Button\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      data-size={size}\n      disabled={disabled ?? group.disabled}\n      type={type}\n      variant={variant}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  disabled,\n  ...props\n}: InputGroupInputProps) {\n  const group = React.use(InputGroupContext)\n\n  return (\n    <TextInput\n      className={cn(inputGroupInputVariants(), className)}\n      data-slot=\"input-group-control\"\n      disabled={disabled ?? group.disabled}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  disabled,\n  ...props\n}: InputGroupTextareaProps) {\n  const group = React.use(InputGroupContext)\n\n  return (\n    <Textarea\n      className={cn(inputGroupTextareaVariants(), className)}\n      data-slot=\"input-group-control\"\n      disabled={disabled ?? group.disabled}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n}\n\n// Re-export types\nexport type { TextInputProps }\n"]}

package/dist/{chunk-E2TI5V67.js → chunk-PXR6CZIL.js}

@@ -1,5 +1,5 @@
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-OXDWUKGP.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-6G5QK3SU.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { EyeIcon, ClockIcon, CheckIcon, AlertCircleIcon, ArchiveIcon, ChevronDownIcon } from 'lucide-react';
 import { useId, useState, useMemo } from 'react';
 import { cva } from 'class-variance-authority';
@@ -282,5 +282,5 @@ function TaskStatus({
 }
 
 export { ALL_STATUSES, DEFAULT_STATUS_CONFIGS, TaskStatus, taskStatusColorVariants, taskStatusIconVariants, taskStatusLabelVariants, taskStatusMenuItemVariants, taskStatusTriggerVariants, taskStatusVariants };
-//# sourceMappingURL=chunk-E2TI5V67.js.map
-//# sourceMappingURL=chunk-E2TI5V67.js.map
+//# sourceMappingURL=chunk-PXR6CZIL.js.map
+//# sourceMappingURL=chunk-PXR6CZIL.js.map

package/dist/{chunk-E2TI5V67.js.map → chunk-PXR6CZIL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/workflow/TaskStatus/TaskStatus.variants.ts","../src/components/workflow/TaskStatus/TaskStatus.tsx"],"names":[],"mappings":"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","file":"chunk-E2TI5V67.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * TaskStatus container variants\n */\nexport const taskStatusVariants = cva(\n  \"inline-flex items-center gap-1.5 font-medium transition-all duration-200\",\n  {\n    compoundVariants: [\n      // Interactive states\n      {\n        className: \"cursor-pointer hover:opacity-80\",\n        interactive: true,\n      },\n      {\n        className: \"cursor-not-allowed opacity-50\",\n        disabled: true,\n      },\n    ],\n    defaultVariants: {\n      disabled: false,\n      interactive: false,\n      size: \"default\",\n      variant: \"default\",\n    },\n    variants: {\n      disabled: {\n        false: \"\",\n        true: \"\",\n      },\n      interactive: {\n        false: \"\",\n        true: \"\",\n      },\n      size: {\n        default: \"px-3 py-1.5 text-sm\",\n        lg: \"px-4 py-2 text-base\",\n        sm: \"px-2 py-1 text-xs\",\n      },\n      variant: {\n        default: \"rounded-md bg-muted\",\n        outline: \"rounded-md border border-current bg-transparent\",\n        pill: \"rounded-full bg-muted\",\n        subtle: \"rounded-md bg-muted/30\",\n      },\n    },\n  }\n)\n\n/**\n * Status-specific color variants using semantic tokens\n * Only applies text colors - background is controlled by variant prop\n */\nexport const taskStatusColorVariants = cva(\"\", {\n  defaultVariants: {\n    status: \"todo\",\n  },\n  variants: {\n    status: {\n      backlog: \"text-[color:var(--task-status-backlog-text)]\",\n      blocked: \"text-[color:var(--task-status-blocked-text)]\",\n      done: \"text-[color:var(--task-status-done-text)]\",\n      \"in-progress\": \"text-[color:var(--task-status-in-progress-text)]\",\n      \"in-review\": \"text-[color:var(--task-status-in-review-text)]\",\n      todo: \"text-[color:var(--task-status-todo-text)]\",\n    },\n  },\n})\n\n/**\n * Icon container variants\n */\nexport const taskStatusIconVariants = cva(\"shrink-0\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"h-4 w-4\",\n      lg: \"h-5 w-5\",\n      sm: \"h-3.5 w-3.5\",\n    },\n  },\n})\n\n/**\n * Label variants\n */\nexport const taskStatusLabelVariants = cva(\"font-medium leading-none\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"text-sm\",\n      lg: \"text-base\",\n      sm: \"text-xs\",\n    },\n  },\n})\n\n/**\n * Trigger button variants (for interactive mode)\n */\nexport const taskStatusTriggerVariants = cva(\n  \"ml-1 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  {\n    defaultVariants: {\n      size: \"default\",\n    },\n    variants: {\n      size: {\n        default: \"h-4 w-4\",\n        lg: \"h-5 w-5\",\n        sm: \"h-3 w-3\",\n      },\n    },\n  }\n)\n\n/**\n * Dropdown menu item variants\n */\nexport const taskStatusMenuItemVariants = cva(\n  \"flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n  {\n    defaultVariants: {\n      selected: false,\n    },\n    variants: {\n      selected: {\n        false: \"\",\n        true: \"bg-accent/50\",\n      },\n    },\n  }\n)\n\n// Export variant prop types\nexport type TaskStatusVariantProps = VariantProps<typeof taskStatusVariants>\nexport type TaskStatusColorVariantProps = VariantProps<typeof taskStatusColorVariants>\nexport type TaskStatusIconVariantProps = VariantProps<typeof taskStatusIconVariants>\nexport type TaskStatusLabelVariantProps = VariantProps<typeof taskStatusLabelVariants>\nexport type TaskStatusTriggerVariantProps = VariantProps<typeof taskStatusTriggerVariants>\nexport type TaskStatusMenuItemVariantProps = VariantProps<typeof taskStatusMenuItemVariants>\n","\"use client\"\n\nimport type { StatusType, TaskStatusConfigMap, TaskStatusProps } from \"./TaskStatus.types\"\n\nimport {\n  AlertCircleIcon,\n  ArchiveIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  ClockIcon,\n  EyeIcon,\n} from \"lucide-react\"\nimport { useId, useMemo, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../../navigation/DropdownMenu\"\nimport {\n  taskStatusColorVariants,\n  taskStatusIconVariants,\n  taskStatusLabelVariants,\n  taskStatusTriggerVariants,\n  taskStatusVariants,\n} from \"./TaskStatus.variants\"\n\n/**\n * Default status configurations with labels, colors, and icons\n */\nconst DEFAULT_STATUS_CONFIGS: TaskStatusConfigMap = {\n  backlog: {\n    color: \"text-muted-foreground\",\n    icon: <ArchiveIcon />,\n    label: \"Backlog\",\n  },\n  blocked: {\n    color: \"text-destructive\",\n    icon: <AlertCircleIcon />,\n    label: \"Blocked\",\n  },\n  done: {\n    color: \"text-green-600 dark:text-green-400\",\n    icon: <CheckIcon />,\n    label: \"Done\",\n  },\n  \"in-progress\": {\n    color: \"text-blue-600 dark:text-blue-400\",\n    icon: <ClockIcon />,\n    label: \"In Progress\",\n  },\n  \"in-review\": {\n    color: \"text-yellow-600 dark:text-yellow-400\",\n    icon: <EyeIcon />,\n    label: \"In Review\",\n  },\n  todo: {\n    color: \"text-muted-foreground\",\n    icon: null,\n    label: \"To Do\",\n  },\n}\n\n/**\n * List of all available statuses for the dropdown\n */\nconst ALL_STATUSES: StatusType[] = [\n  \"todo\",\n  \"in-progress\",\n  \"in-review\",\n  \"done\",\n  \"blocked\",\n  \"backlog\",\n]\n\n/**\n * TaskStatus - A component that displays the status of a task visually.\n *\n * Can be used as a simple badge or as an interactive dropdown to change status.\n * Supports multiple visual variants and sizes.\n *\n * @example\n * // Simple status badge\n * <TaskStatus status=\"in-progress\" />\n *\n * @example\n * // Interactive status dropdown\n * <TaskStatus\n *   status={status}\n *   interactive\n *   onChange={setStatus}\n * />\n *\n * @example\n * // Pill variant without icon\n * <TaskStatus\n *   status=\"done\"\n *   variant=\"pill\"\n *   showIcon={false}\n * />\n */\nfunction TaskStatus({\n  children,\n  className,\n  customStatuses,\n  disabled = false,\n  interactive = false,\n  onChange,\n  ref,\n  showIcon = true,\n  showLabel = true,\n  size = \"default\",\n  status,\n  variant = \"default\",\n  ...props\n}: TaskStatusProps) {\n  const id = useId()\n  const [isOpen, setIsOpen] = useState(false)\n\n  // Merge custom status configs with defaults\n  const statusConfigs = useMemo(\n    () => ({\n      ...DEFAULT_STATUS_CONFIGS,\n      ...customStatuses,\n    }),\n    [customStatuses]\n  )\n\n  const currentConfig = statusConfigs[status]\n\n  const handleStatusSelect = (newStatus: StatusType) => {\n    if (!disabled && onChange) {\n      onChange(newStatus)\n    }\n    setIsOpen(false)\n  }\n\n  // Render content (icon + label)\n  const renderContent = () => {\n    if (children) {\n      return children\n    }\n\n    return (\n      <>\n        {showIcon && currentConfig.icon && (\n          <span\n            className={cn(taskStatusIconVariants({ size }))}\n            data-slot=\"task-status-icon\"\n          >\n            {currentConfig.icon}\n          </span>\n        )}\n        {showLabel && (\n          <span\n            className={cn(taskStatusLabelVariants({ size }))}\n            data-slot=\"task-status-label\"\n          >\n            {currentConfig.label}\n          </span>\n        )}\n      </>\n    )\n  }\n\n  // Base status element\n  const statusElement = (\n    <div\n      ref={ref}\n      className={cn(\n        taskStatusVariants({ disabled, interactive, size, variant }),\n        taskStatusColorVariants({ status }),\n        className\n      )}\n      aria-disabled={disabled}\n      aria-label={`Status: ${currentConfig.label}`}\n      aria-live=\"polite\"\n      data-slot=\"task-status\"\n      data-status={status}\n      id={`task-status-${id}`}\n      role=\"status\"\n      {...props}\n    >\n      {renderContent()}\n      {interactive && !disabled && (\n        <ChevronDownIcon\n          className={cn(\n            taskStatusTriggerVariants({ size }),\n            isOpen && \"rotate-180 transition-transform\"\n          )}\n          data-slot=\"task-status-trigger\"\n        />\n      )}\n    </div>\n  )\n\n  // If not interactive, just return the status element\n  if (!interactive || disabled) {\n    return statusElement\n  }\n\n  // Interactive mode with dropdown\n  return (\n    <DropdownMenu open={isOpen} onOpenChange={setIsOpen}>\n      <DropdownMenuTrigger asChild disabled={disabled}>\n        {statusElement}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"min-w-36\">\n        {ALL_STATUSES.map((statusOption) => {\n          const config = statusConfigs[statusOption]\n          const isSelected = statusOption === status\n\n          return (\n            <DropdownMenuItem\n              key={statusOption}\n              className={cn(\n                \"flex items-center gap-2\",\n                isSelected && \"bg-accent/50\"\n              )}\n              onClick={() => { handleStatusSelect(statusOption); }}\n            >\n              {config.icon && (\n                <span\n                  className={cn(\n                    taskStatusIconVariants({ size: \"sm\" }),\n                    config.color\n                  )}\n                >\n                  {config.icon}\n                </span>\n              )}\n              <span className=\"flex-1\">{config.label}</span>\n              {isSelected && (\n                <CheckIcon className=\"h-4 w-4 text-primary\" />\n              )}\n            </DropdownMenuItem>\n          )\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport { ALL_STATUSES, DEFAULT_STATUS_CONFIGS, TaskStatus }\n"]}
+{"version":3,"sources":["../src/components/workflow/TaskStatus/TaskStatus.variants.ts","../src/components/workflow/TaskStatus/TaskStatus.tsx"],"names":[],"mappings":"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","file":"chunk-PXR6CZIL.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * TaskStatus container variants\n */\nexport const taskStatusVariants = cva(\n  \"inline-flex items-center gap-1.5 font-medium transition-all duration-200\",\n  {\n    compoundVariants: [\n      // Interactive states\n      {\n        className: \"cursor-pointer hover:opacity-80\",\n        interactive: true,\n      },\n      {\n        className: \"cursor-not-allowed opacity-50\",\n        disabled: true,\n      },\n    ],\n    defaultVariants: {\n      disabled: false,\n      interactive: false,\n      size: \"default\",\n      variant: \"default\",\n    },\n    variants: {\n      disabled: {\n        false: \"\",\n        true: \"\",\n      },\n      interactive: {\n        false: \"\",\n        true: \"\",\n      },\n      size: {\n        default: \"px-3 py-1.5 text-sm\",\n        lg: \"px-4 py-2 text-base\",\n        sm: \"px-2 py-1 text-xs\",\n      },\n      variant: {\n        default: \"rounded-md bg-muted\",\n        outline: \"rounded-md border border-current bg-transparent\",\n        pill: \"rounded-full bg-muted\",\n        subtle: \"rounded-md bg-muted/30\",\n      },\n    },\n  }\n)\n\n/**\n * Status-specific color variants using semantic tokens\n * Only applies text colors - background is controlled by variant prop\n */\nexport const taskStatusColorVariants = cva(\"\", {\n  defaultVariants: {\n    status: \"todo\",\n  },\n  variants: {\n    status: {\n      backlog: \"text-[color:var(--task-status-backlog-text)]\",\n      blocked: \"text-[color:var(--task-status-blocked-text)]\",\n      done: \"text-[color:var(--task-status-done-text)]\",\n      \"in-progress\": \"text-[color:var(--task-status-in-progress-text)]\",\n      \"in-review\": \"text-[color:var(--task-status-in-review-text)]\",\n      todo: \"text-[color:var(--task-status-todo-text)]\",\n    },\n  },\n})\n\n/**\n * Icon container variants\n */\nexport const taskStatusIconVariants = cva(\"shrink-0\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"h-4 w-4\",\n      lg: \"h-5 w-5\",\n      sm: \"h-3.5 w-3.5\",\n    },\n  },\n})\n\n/**\n * Label variants\n */\nexport const taskStatusLabelVariants = cva(\"font-medium leading-none\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"text-sm\",\n      lg: \"text-base\",\n      sm: \"text-xs\",\n    },\n  },\n})\n\n/**\n * Trigger button variants (for interactive mode)\n */\nexport const taskStatusTriggerVariants = cva(\n  \"ml-1 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  {\n    defaultVariants: {\n      size: \"default\",\n    },\n    variants: {\n      size: {\n        default: \"h-4 w-4\",\n        lg: \"h-5 w-5\",\n        sm: \"h-3 w-3\",\n      },\n    },\n  }\n)\n\n/**\n * Dropdown menu item variants\n */\nexport const taskStatusMenuItemVariants = cva(\n  \"flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n  {\n    defaultVariants: {\n      selected: false,\n    },\n    variants: {\n      selected: {\n        false: \"\",\n        true: \"bg-accent/50\",\n      },\n    },\n  }\n)\n\n// Export variant prop types\nexport type TaskStatusVariantProps = VariantProps<typeof taskStatusVariants>\nexport type TaskStatusColorVariantProps = VariantProps<typeof taskStatusColorVariants>\nexport type TaskStatusIconVariantProps = VariantProps<typeof taskStatusIconVariants>\nexport type TaskStatusLabelVariantProps = VariantProps<typeof taskStatusLabelVariants>\nexport type TaskStatusTriggerVariantProps = VariantProps<typeof taskStatusTriggerVariants>\nexport type TaskStatusMenuItemVariantProps = VariantProps<typeof taskStatusMenuItemVariants>\n","\"use client\"\n\nimport type { StatusType, TaskStatusConfigMap, TaskStatusProps } from \"./TaskStatus.types\"\n\nimport {\n  AlertCircleIcon,\n  ArchiveIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  ClockIcon,\n  EyeIcon,\n} from \"lucide-react\"\nimport { useId, useMemo, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../../navigation/DropdownMenu\"\nimport {\n  taskStatusColorVariants,\n  taskStatusIconVariants,\n  taskStatusLabelVariants,\n  taskStatusTriggerVariants,\n  taskStatusVariants,\n} from \"./TaskStatus.variants\"\n\n/**\n * Default status configurations with labels, colors, and icons\n */\nconst DEFAULT_STATUS_CONFIGS: TaskStatusConfigMap = {\n  backlog: {\n    color: \"text-muted-foreground\",\n    icon: <ArchiveIcon />,\n    label: \"Backlog\",\n  },\n  blocked: {\n    color: \"text-destructive\",\n    icon: <AlertCircleIcon />,\n    label: \"Blocked\",\n  },\n  done: {\n    color: \"text-green-600 dark:text-green-400\",\n    icon: <CheckIcon />,\n    label: \"Done\",\n  },\n  \"in-progress\": {\n    color: \"text-blue-600 dark:text-blue-400\",\n    icon: <ClockIcon />,\n    label: \"In Progress\",\n  },\n  \"in-review\": {\n    color: \"text-yellow-600 dark:text-yellow-400\",\n    icon: <EyeIcon />,\n    label: \"In Review\",\n  },\n  todo: {\n    color: \"text-muted-foreground\",\n    icon: null,\n    label: \"To Do\",\n  },\n}\n\n/**\n * List of all available statuses for the dropdown\n */\nconst ALL_STATUSES: StatusType[] = [\n  \"todo\",\n  \"in-progress\",\n  \"in-review\",\n  \"done\",\n  \"blocked\",\n  \"backlog\",\n]\n\n/**\n * TaskStatus - A component that displays the status of a task visually.\n *\n * Can be used as a simple badge or as an interactive dropdown to change status.\n * Supports multiple visual variants and sizes.\n *\n * @example\n * // Simple status badge\n * <TaskStatus status=\"in-progress\" />\n *\n * @example\n * // Interactive status dropdown\n * <TaskStatus\n *   status={status}\n *   interactive\n *   onChange={setStatus}\n * />\n *\n * @example\n * // Pill variant without icon\n * <TaskStatus\n *   status=\"done\"\n *   variant=\"pill\"\n *   showIcon={false}\n * />\n */\nfunction TaskStatus({\n  children,\n  className,\n  customStatuses,\n  disabled = false,\n  interactive = false,\n  onChange,\n  ref,\n  showIcon = true,\n  showLabel = true,\n  size = \"default\",\n  status,\n  variant = \"default\",\n  ...props\n}: TaskStatusProps) {\n  const id = useId()\n  const [isOpen, setIsOpen] = useState(false)\n\n  // Merge custom status configs with defaults\n  const statusConfigs = useMemo(\n    () => ({\n      ...DEFAULT_STATUS_CONFIGS,\n      ...customStatuses,\n    }),\n    [customStatuses]\n  )\n\n  const currentConfig = statusConfigs[status]\n\n  const handleStatusSelect = (newStatus: StatusType) => {\n    if (!disabled && onChange) {\n      onChange(newStatus)\n    }\n    setIsOpen(false)\n  }\n\n  // Render content (icon + label)\n  const renderContent = () => {\n    if (children) {\n      return children\n    }\n\n    return (\n      <>\n        {showIcon && currentConfig.icon && (\n          <span\n            className={cn(taskStatusIconVariants({ size }))}\n            data-slot=\"task-status-icon\"\n          >\n            {currentConfig.icon}\n          </span>\n        )}\n        {showLabel && (\n          <span\n            className={cn(taskStatusLabelVariants({ size }))}\n            data-slot=\"task-status-label\"\n          >\n            {currentConfig.label}\n          </span>\n        )}\n      </>\n    )\n  }\n\n  // Base status element\n  const statusElement = (\n    <div\n      ref={ref}\n      className={cn(\n        taskStatusVariants({ disabled, interactive, size, variant }),\n        taskStatusColorVariants({ status }),\n        className\n      )}\n      aria-disabled={disabled}\n      aria-label={`Status: ${currentConfig.label}`}\n      aria-live=\"polite\"\n      data-slot=\"task-status\"\n      data-status={status}\n      id={`task-status-${id}`}\n      role=\"status\"\n      {...props}\n    >\n      {renderContent()}\n      {interactive && !disabled && (\n        <ChevronDownIcon\n          className={cn(\n            taskStatusTriggerVariants({ size }),\n            isOpen && \"rotate-180 transition-transform\"\n          )}\n          data-slot=\"task-status-trigger\"\n        />\n      )}\n    </div>\n  )\n\n  // If not interactive, just return the status element\n  if (!interactive || disabled) {\n    return statusElement\n  }\n\n  // Interactive mode with dropdown\n  return (\n    <DropdownMenu open={isOpen} onOpenChange={setIsOpen}>\n      <DropdownMenuTrigger asChild disabled={disabled}>\n        {statusElement}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"min-w-36\">\n        {ALL_STATUSES.map((statusOption) => {\n          const config = statusConfigs[statusOption]\n          const isSelected = statusOption === status\n\n          return (\n            <DropdownMenuItem\n              key={statusOption}\n              className={cn(\n                \"flex items-center gap-2\",\n                isSelected && \"bg-accent/50\"\n              )}\n              onClick={() => { handleStatusSelect(statusOption); }}\n            >\n              {config.icon && (\n                <span\n                  className={cn(\n                    taskStatusIconVariants({ size: \"sm\" }),\n                    config.color\n                  )}\n                >\n                  {config.icon}\n                </span>\n              )}\n              <span className=\"flex-1\">{config.label}</span>\n              {isSelected && (\n                <CheckIcon className=\"h-4 w-4 text-primary\" />\n              )}\n            </DropdownMenuItem>\n          )\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport { ALL_STATUSES, DEFAULT_STATUS_CONFIGS, TaskStatus }\n"]}

package/dist/{chunk-KDJCZXLB.js → chunk-PZSKZFVO.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -87,5 +87,5 @@ function ArrowAnimated({
 ArrowAnimated.displayName = "ArrowAnimated";
 
 export { ArrowAnimated, arrowAnimatedHeadTransforms, arrowAnimatedHeadVariants, arrowAnimatedLineVariants, arrowAnimatedVariants };
-//# sourceMappingURL=chunk-KDJCZXLB.js.map
-//# sourceMappingURL=chunk-KDJCZXLB.js.map
+//# sourceMappingURL=chunk-PZSKZFVO.js.map
+//# sourceMappingURL=chunk-PZSKZFVO.js.map

package/dist/{chunk-KDJCZXLB.js.map → chunk-PZSKZFVO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/ArrowAnimated/ArrowAnimated.variants.ts","../src/components/primitives/ArrowAnimated/ArrowAnimated.tsx"],"names":[],"mappings":";;;;AAMO,IAAM,qBAAA,GAAwB,GAAA;AAAA;AAAA,EAEnC,CAAC,gBAAgB,CAAA;AAAA,EACjB;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,UAAA;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,4BAA4B,GAAA,CAAI;AAAA,EAC3C,2CAAA;AAAA,EACA;AACF,CAAC;AAEM,IAAM,4BAA4B,GAAA,CAAI;AAAA,EAC3C;AACF,CAAC;AAGM,IAAM,2BAAA,GAA8B;AAAA,EACzC,KAAA,EAAO,+BAAA;AAAA,EACP,IAAA,EAAM,gCAAA;AAAA,EACN,EAAA,EAAI,gCAAA;AAAA,EACJ,IAAA,EAAM;AACR;ACxBA,IAAM,cAAA,GAAiB;AAAA,EACrB,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAA;AA4BA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA,GAAY,OAAA;AAAA,EACZ,IAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,KAAA,GAAQ,eAAe,SAAS,CAAA;AACtC,EAAA,MAAM,aAAA,GAAgB,4BAA4B,SAAS,CAAA;AAE3D,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACxD,WAAA,EAAU,gBAAA;AAAA,MACV,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,SAAS,KAAA,CAAM,OAAA;AAAA,MACd,GAAG,KAAA;AAAA,MAGJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,yBAAA,EAA2B,CAAA,EAAG,CAAA,EAAG,MAAM,IAAA,EAAM,CAAA;AAAA,wBAEjE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA0B,EAAG,aAAa,CAAA;AAAA,YACxD,GAAG,KAAA,CAAM;AAAA;AAAA;AACX;AAAA;AAAA,GACF;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-KDJCZXLB.js","sourcesContent":["// ArrowAnimated/ArrowAnimated.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ArrowAnimated style variants using CVA\n */\nexport const arrowAnimatedVariants = cva(\n  // Base styles\n  [\"stroke-[1.5px]\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-2.5\",\n        md: \"size-3\",\n        lg: \"size-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const arrowAnimatedLineVariants = cva([\n  \"opacity-0 transition-opacity duration-200\",\n  \"group-hover:opacity-100\",\n])\n\nexport const arrowAnimatedHeadVariants = cva([\n  \"transition-transform duration-200\",\n])\n\n// Direction-specific translate transforms\nexport const arrowAnimatedHeadTransforms = {\n  right: \"group-hover:translate-x-[3px]\",\n  left: \"group-hover:-translate-x-[3px]\",\n  up: \"group-hover:-translate-y-[3px]\",\n  down: \"group-hover:translate-y-[3px]\",\n} as const\n\nexport type ArrowAnimatedVariantProps = VariantProps<\n  typeof arrowAnimatedVariants\n>\n","// ArrowAnimated/ArrowAnimated.tsx\nimport type { ArrowAnimatedProps } from \"./ArrowAnimated.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  arrowAnimatedHeadTransforms,\n  arrowAnimatedHeadVariants,\n  arrowAnimatedLineVariants,\n  arrowAnimatedVariants,\n} from \"./ArrowAnimated.variants\"\n\n/**\n * SVG path data for each direction\n */\nconst directionPaths = {\n  right: {\n    line: \"M0 5h7\",\n    head: \"M1 1l4 4-4 4\",\n    viewBox: \"0 0 10 10\",\n  },\n  left: {\n    line: \"M3 5h7\",\n    head: \"M9 1l-4 4 4 4\",\n    viewBox: \"0 0 10 10\",\n  },\n  up: {\n    line: \"M5 3v7\",\n    head: \"M1 9l4-4 4 4\",\n    viewBox: \"0 0 10 10\",\n  },\n  down: {\n    line: \"M5 0v7\",\n    head: \"M1 1l4 4 4-4\",\n    viewBox: \"0 0 10 10\",\n  },\n} as const\n\n/**\n * ArrowAnimated - Animated arrow icon for CTAs and links\n *\n * An SVG arrow that animates on hover (when parent has `group` class).\n * The line fades in and the arrow head translates in the direction of the arrow.\n *\n * @example\n * ```tsx\n * // Basic usage (requires parent with 'group' class)\n * <a href=\"/link\" className=\"group flex items-center\">\n *   Learn more\n *   <ArrowAnimated className=\"ml-1\" />\n * </a>\n *\n * // Different directions\n * <ArrowAnimated direction=\"right\" />\n * <ArrowAnimated direction=\"left\" />\n * <ArrowAnimated direction=\"up\" />\n * <ArrowAnimated direction=\"down\" />\n *\n * // Different sizes\n * <ArrowAnimated size=\"sm\" />\n * <ArrowAnimated size=\"md\" />\n * <ArrowAnimated size=\"lg\" />\n * ```\n */\nfunction ArrowAnimated({\n  direction = \"right\",\n  size,\n  className,\n  ...props\n}: ArrowAnimatedProps) {\n  const paths = directionPaths[direction]\n  const headTransform = arrowAnimatedHeadTransforms[direction]\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(arrowAnimatedVariants({ size }), className)}\n      data-slot=\"arrow-animated\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox={paths.viewBox}\n      {...props}\n    >\n      {/* Line that fades in on hover */}\n      <path className={cn(arrowAnimatedLineVariants())} d={paths.line} />\n      {/* Arrow head that translates on hover */}\n      <path\n        className={cn(arrowAnimatedHeadVariants(), headTransform)}\n        d={paths.head}\n      />\n    </svg>\n  )\n}\n\nArrowAnimated.displayName = \"ArrowAnimated\"\n\nexport { ArrowAnimated }\n"]}
+{"version":3,"sources":["../src/components/primitives/ArrowAnimated/ArrowAnimated.variants.ts","../src/components/primitives/ArrowAnimated/ArrowAnimated.tsx"],"names":[],"mappings":";;;;AAMO,IAAM,qBAAA,GAAwB,GAAA;AAAA;AAAA,EAEnC,CAAC,gBAAgB,CAAA;AAAA,EACjB;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,UAAA;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,4BAA4B,GAAA,CAAI;AAAA,EAC3C,2CAAA;AAAA,EACA;AACF,CAAC;AAEM,IAAM,4BAA4B,GAAA,CAAI;AAAA,EAC3C;AACF,CAAC;AAGM,IAAM,2BAAA,GAA8B;AAAA,EACzC,KAAA,EAAO,+BAAA;AAAA,EACP,IAAA,EAAM,gCAAA;AAAA,EACN,EAAA,EAAI,gCAAA;AAAA,EACJ,IAAA,EAAM;AACR;ACxBA,IAAM,cAAA,GAAiB;AAAA,EACrB,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAA;AA4BA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA,GAAY,OAAA;AAAA,EACZ,IAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,KAAA,GAAQ,eAAe,SAAS,CAAA;AACtC,EAAA,MAAM,aAAA,GAAgB,4BAA4B,SAAS,CAAA;AAE3D,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACxD,WAAA,EAAU,gBAAA;AAAA,MACV,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,SAAS,KAAA,CAAM,OAAA;AAAA,MACd,GAAG,KAAA;AAAA,MAGJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,yBAAA,EAA2B,CAAA,EAAG,CAAA,EAAG,MAAM,IAAA,EAAM,CAAA;AAAA,wBAEjE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA0B,EAAG,aAAa,CAAA;AAAA,YACxD,GAAG,KAAA,CAAM;AAAA;AAAA;AACX;AAAA;AAAA,GACF;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-PZSKZFVO.js","sourcesContent":["// ArrowAnimated/ArrowAnimated.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ArrowAnimated style variants using CVA\n */\nexport const arrowAnimatedVariants = cva(\n  // Base styles\n  [\"stroke-[1.5px]\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-2.5\",\n        md: \"size-3\",\n        lg: \"size-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const arrowAnimatedLineVariants = cva([\n  \"opacity-0 transition-opacity duration-200\",\n  \"group-hover:opacity-100\",\n])\n\nexport const arrowAnimatedHeadVariants = cva([\n  \"transition-transform duration-200\",\n])\n\n// Direction-specific translate transforms\nexport const arrowAnimatedHeadTransforms = {\n  right: \"group-hover:translate-x-[3px]\",\n  left: \"group-hover:-translate-x-[3px]\",\n  up: \"group-hover:-translate-y-[3px]\",\n  down: \"group-hover:translate-y-[3px]\",\n} as const\n\nexport type ArrowAnimatedVariantProps = VariantProps<\n  typeof arrowAnimatedVariants\n>\n","// ArrowAnimated/ArrowAnimated.tsx\nimport type { ArrowAnimatedProps } from \"./ArrowAnimated.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  arrowAnimatedHeadTransforms,\n  arrowAnimatedHeadVariants,\n  arrowAnimatedLineVariants,\n  arrowAnimatedVariants,\n} from \"./ArrowAnimated.variants\"\n\n/**\n * SVG path data for each direction\n */\nconst directionPaths = {\n  right: {\n    line: \"M0 5h7\",\n    head: \"M1 1l4 4-4 4\",\n    viewBox: \"0 0 10 10\",\n  },\n  left: {\n    line: \"M3 5h7\",\n    head: \"M9 1l-4 4 4 4\",\n    viewBox: \"0 0 10 10\",\n  },\n  up: {\n    line: \"M5 3v7\",\n    head: \"M1 9l4-4 4 4\",\n    viewBox: \"0 0 10 10\",\n  },\n  down: {\n    line: \"M5 0v7\",\n    head: \"M1 1l4 4 4-4\",\n    viewBox: \"0 0 10 10\",\n  },\n} as const\n\n/**\n * ArrowAnimated - Animated arrow icon for CTAs and links\n *\n * An SVG arrow that animates on hover (when parent has `group` class).\n * The line fades in and the arrow head translates in the direction of the arrow.\n *\n * @example\n * ```tsx\n * // Basic usage (requires parent with 'group' class)\n * <a href=\"/link\" className=\"group flex items-center\">\n *   Learn more\n *   <ArrowAnimated className=\"ml-1\" />\n * </a>\n *\n * // Different directions\n * <ArrowAnimated direction=\"right\" />\n * <ArrowAnimated direction=\"left\" />\n * <ArrowAnimated direction=\"up\" />\n * <ArrowAnimated direction=\"down\" />\n *\n * // Different sizes\n * <ArrowAnimated size=\"sm\" />\n * <ArrowAnimated size=\"md\" />\n * <ArrowAnimated size=\"lg\" />\n * ```\n */\nfunction ArrowAnimated({\n  direction = \"right\",\n  size,\n  className,\n  ...props\n}: ArrowAnimatedProps) {\n  const paths = directionPaths[direction]\n  const headTransform = arrowAnimatedHeadTransforms[direction]\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(arrowAnimatedVariants({ size }), className)}\n      data-slot=\"arrow-animated\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox={paths.viewBox}\n      {...props}\n    >\n      {/* Line that fades in on hover */}\n      <path className={cn(arrowAnimatedLineVariants())} d={paths.line} />\n      {/* Arrow head that translates on hover */}\n      <path\n        className={cn(arrowAnimatedHeadVariants(), headTransform)}\n        d={paths.head}\n      />\n    </svg>\n  )\n}\n\nArrowAnimated.displayName = \"ArrowAnimated\"\n\nexport { ArrowAnimated }\n"]}

package/dist/{chunk-DNAGXK2C.js → chunk-Q3JCNSPU.js}

@@ -1,5 +1,5 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-TEVGCTUN.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import 'react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -87,5 +87,5 @@ function DeltaBar({
 DeltaBar.displayName = "DeltaBar";
 
 export { DeltaBar };
-//# sourceMappingURL=chunk-DNAGXK2C.js.map
-//# sourceMappingURL=chunk-DNAGXK2C.js.map
+//# sourceMappingURL=chunk-Q3JCNSPU.js.map
+//# sourceMappingURL=chunk-Q3JCNSPU.js.map

package/dist/{chunk-DNAGXK2C.js.map → chunk-Q3JCNSPU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/DeltaBar/DeltaBar.variants.ts","../src/components/data-display/DeltaBar/DeltaBar.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,yEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEO,IAAM,uBAAA,GAA0B,GAAA;AAAA,EACrC,mDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAEO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,6EAAA;AAAA,EACA;AAAA,IACE,UAAU,EAAC;AAAA,IACX,iBAAiB;AAAC;AAEtB,CAAA;ACDO,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA;AAAA,EACA,aAAA,GAAgB,oBAAA;AAAA,EAChB,aAAA,GAAgB,gBAAA;AAAA,EAChB,kBAAA,GAAqB,IAAA;AAAA,EACrB,aAAA,GAAgB,IAAA;AAAA,EAChB,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAEhB,EAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,IAAA,EAAM,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,CAAC,CAAA;AAGxD,EAAA,MAAM,aAAa,YAAA,IAAgB,CAAA;AAGnC,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAY,CAAA,GAAI,CAAA;AAG1C,EAAA,MAAM,WAAW,UAAA,GACZ,kBAAA,GAAqB,aAAA,GAAgB,aAAA,GACrC,qBAAqB,aAAA,GAAgB,aAAA;AAE1C,EAAA,MAAM,UAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,yBAAA,CAA0B,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,WAAA,EAAU,WAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAGJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,0BAAA,EAA2B,EAAG,CAAA;AAAA,wBAG9C,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,QAAA;AAAA,cACjB,IAAA,EAAM,aAAa,KAAA,GAAQ,MAAA;AAAA,cAC3B,KAAA,EAAO,aAAa,MAAA,GAAY,KAAA;AAAA,cAChC,KAAA,EAAO,CAAA,EAAG,MAAA,CAAO,QAAQ,CAAC,CAAA,CAAA;AAAA,aAC5B;AAAA,YACA,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,QAAA,EAAU,aAAA,EAAe,CAAC;AAAA;AAAA;AACpE;AAAA;AAAA,GACF;AAGF,EAAA,IAAI,CAAC,SAAS,OAAO,UAAA;AAErB,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACpB,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAgB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAC3B,CAAA,EACF,CAAA;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-DNAGXK2C.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const deltaBarContainerVariants = cva(\n  \"relative flex w-full items-center rounded-full overflow-hidden bg-muted\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        md: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const deltaBarSegmentVariants = cva(\n  \"absolute top-0 h-full transition-all duration-500\",\n  {\n    variants: {\n      animated: {\n        true: \"\",\n        false: \"!transition-none\",\n      },\n    },\n    defaultVariants: {\n      animated: true,\n    },\n  }\n)\n\nexport const deltaBarCenterLineVariants = cva(\n  \"absolute top-0 h-full w-0.5 bg-background/50 left-1/2 -translate-x-1/2 z-10\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n","\"use client\"\n\nimport type { DeltaBarProps } from \"./DeltaBar.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  deltaBarCenterLineVariants,\n  deltaBarContainerVariants,\n  deltaBarSegmentVariants,\n} from \"./DeltaBar.variants\"\n\n/**\n * DeltaBar - Visual indicator for change between values\n *\n * Displays a bar with positive values extending right and negative\n * values extending left from the center. Ideal for showing\n * growth/decline, profit/loss, or any bidirectional metric.\n *\n * @example\n * ```tsx\n * // Positive delta (shows green bar to the right)\n * <DeltaBar value={25} />\n *\n * // Negative delta (shows red bar to the left)\n * <DeltaBar value={-15} />\n *\n * // Custom colors and size\n * <DeltaBar\n *   value={50}\n *   size=\"lg\"\n *   increaseColor=\"var(--chart-1)\"\n *   decreaseColor=\"var(--chart-2)\"\n * />\n * ```\n */\nexport function DeltaBar({\n  className,\n  decreaseColor = \"var(--destructive)\",\n  increaseColor = \"var(--success)\",\n  isIncreasePositive = true,\n  showAnimation = true,\n  size = \"md\",\n  tooltip,\n  value,\n  ...props\n}: DeltaBarProps) {\n  // Clamp value between -100 and 100\n  const clampedValue = Math.max(-100, Math.min(100, value))\n\n  // Determine if this is an increase (positive direction)\n  const isIncrease = clampedValue >= 0\n\n  // Calculate bar width as percentage of half the container (max 50%)\n  const barWidth = Math.abs(clampedValue) / 2\n\n  // Determine bar color based on direction and whether increase is positive\n  const barColor = isIncrease\n    ? (isIncreasePositive ? increaseColor : decreaseColor)\n    : (isIncreasePositive ? decreaseColor : increaseColor)\n\n  const barElement = (\n    <div\n      className={cn(deltaBarContainerVariants({ size }), className)}\n      data-slot=\"delta-bar\"\n      {...props}\n    >\n      {/* Center line indicator */}\n      <div className={deltaBarCenterLineVariants()} />\n\n      {/* Delta bar segment */}\n      <div\n        style={{\n          backgroundColor: barColor,\n          left: isIncrease ? \"50%\" : undefined,\n          right: isIncrease ? undefined : \"50%\",\n          width: `${String(barWidth)}%`,\n        }}\n        className={cn(deltaBarSegmentVariants({ animated: showAnimation }))}\n      />\n    </div>\n  )\n\n  if (!tooltip) return barElement\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {barElement}\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n\nDeltaBar.displayName = \"DeltaBar\"\n"]}
+{"version":3,"sources":["../src/components/data-display/DeltaBar/DeltaBar.variants.ts","../src/components/data-display/DeltaBar/DeltaBar.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,yEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEO,IAAM,uBAAA,GAA0B,GAAA;AAAA,EACrC,mDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAEO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,6EAAA;AAAA,EACA;AAAA,IACE,UAAU,EAAC;AAAA,IACX,iBAAiB;AAAC;AAEtB,CAAA;ACDO,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA;AAAA,EACA,aAAA,GAAgB,oBAAA;AAAA,EAChB,aAAA,GAAgB,gBAAA;AAAA,EAChB,kBAAA,GAAqB,IAAA;AAAA,EACrB,aAAA,GAAgB,IAAA;AAAA,EAChB,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAEhB,EAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,IAAA,EAAM,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,CAAC,CAAA;AAGxD,EAAA,MAAM,aAAa,YAAA,IAAgB,CAAA;AAGnC,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAY,CAAA,GAAI,CAAA;AAG1C,EAAA,MAAM,WAAW,UAAA,GACZ,kBAAA,GAAqB,aAAA,GAAgB,aAAA,GACrC,qBAAqB,aAAA,GAAgB,aAAA;AAE1C,EAAA,MAAM,UAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,yBAAA,CAA0B,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,WAAA,EAAU,WAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAGJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,0BAAA,EAA2B,EAAG,CAAA;AAAA,wBAG9C,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,QAAA;AAAA,cACjB,IAAA,EAAM,aAAa,KAAA,GAAQ,MAAA;AAAA,cAC3B,KAAA,EAAO,aAAa,MAAA,GAAY,KAAA;AAAA,cAChC,KAAA,EAAO,CAAA,EAAG,MAAA,CAAO,QAAQ,CAAC,CAAA,CAAA;AAAA,aAC5B;AAAA,YACA,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,QAAA,EAAU,aAAA,EAAe,CAAC;AAAA;AAAA;AACpE;AAAA;AAAA,GACF;AAGF,EAAA,IAAI,CAAC,SAAS,OAAO,UAAA;AAErB,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACpB,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAgB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAC3B,CAAA,EACF,CAAA;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-Q3JCNSPU.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const deltaBarContainerVariants = cva(\n  \"relative flex w-full items-center rounded-full overflow-hidden bg-muted\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        md: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const deltaBarSegmentVariants = cva(\n  \"absolute top-0 h-full transition-all duration-500\",\n  {\n    variants: {\n      animated: {\n        true: \"\",\n        false: \"!transition-none\",\n      },\n    },\n    defaultVariants: {\n      animated: true,\n    },\n  }\n)\n\nexport const deltaBarCenterLineVariants = cva(\n  \"absolute top-0 h-full w-0.5 bg-background/50 left-1/2 -translate-x-1/2 z-10\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n","\"use client\"\n\nimport type { DeltaBarProps } from \"./DeltaBar.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  deltaBarCenterLineVariants,\n  deltaBarContainerVariants,\n  deltaBarSegmentVariants,\n} from \"./DeltaBar.variants\"\n\n/**\n * DeltaBar - Visual indicator for change between values\n *\n * Displays a bar with positive values extending right and negative\n * values extending left from the center. Ideal for showing\n * growth/decline, profit/loss, or any bidirectional metric.\n *\n * @example\n * ```tsx\n * // Positive delta (shows green bar to the right)\n * <DeltaBar value={25} />\n *\n * // Negative delta (shows red bar to the left)\n * <DeltaBar value={-15} />\n *\n * // Custom colors and size\n * <DeltaBar\n *   value={50}\n *   size=\"lg\"\n *   increaseColor=\"var(--chart-1)\"\n *   decreaseColor=\"var(--chart-2)\"\n * />\n * ```\n */\nexport function DeltaBar({\n  className,\n  decreaseColor = \"var(--destructive)\",\n  increaseColor = \"var(--success)\",\n  isIncreasePositive = true,\n  showAnimation = true,\n  size = \"md\",\n  tooltip,\n  value,\n  ...props\n}: DeltaBarProps) {\n  // Clamp value between -100 and 100\n  const clampedValue = Math.max(-100, Math.min(100, value))\n\n  // Determine if this is an increase (positive direction)\n  const isIncrease = clampedValue >= 0\n\n  // Calculate bar width as percentage of half the container (max 50%)\n  const barWidth = Math.abs(clampedValue) / 2\n\n  // Determine bar color based on direction and whether increase is positive\n  const barColor = isIncrease\n    ? (isIncreasePositive ? increaseColor : decreaseColor)\n    : (isIncreasePositive ? decreaseColor : increaseColor)\n\n  const barElement = (\n    <div\n      className={cn(deltaBarContainerVariants({ size }), className)}\n      data-slot=\"delta-bar\"\n      {...props}\n    >\n      {/* Center line indicator */}\n      <div className={deltaBarCenterLineVariants()} />\n\n      {/* Delta bar segment */}\n      <div\n        style={{\n          backgroundColor: barColor,\n          left: isIncrease ? \"50%\" : undefined,\n          right: isIncrease ? undefined : \"50%\",\n          width: `${String(barWidth)}%`,\n        }}\n        className={cn(deltaBarSegmentVariants({ animated: showAnimation }))}\n      />\n    </div>\n  )\n\n  if (!tooltip) return barElement\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {barElement}\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n\nDeltaBar.displayName = \"DeltaBar\"\n"]}

package/dist/{chunk-JUTPDS4E.js → chunk-QD2ZS5DU.js}

@@ -1,5 +1,5 @@
-import { ScrollArea } from './chunk-CNRV2IGH.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { ScrollArea } from './chunk-HM6TEHA6.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
@@ -135,5 +135,5 @@ function PanelFooter({ className, ...props }) {
 }
 
 export { Panel, PanelContent, PanelFooter, PanelHeader, panelContentVariants, panelFooterVariants, panelHeaderVariants, panelVariants };
-//# sourceMappingURL=chunk-JUTPDS4E.js.map
-//# sourceMappingURL=chunk-JUTPDS4E.js.map
+//# sourceMappingURL=chunk-QD2ZS5DU.js.map
+//# sourceMappingURL=chunk-QD2ZS5DU.js.map

package/dist/{chunk-JUTPDS4E.js.map → chunk-QD2ZS5DU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/Panel/Panel.variants.ts","../src/components/layout/Panel/Panel.tsx"],"names":[],"mappings":"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","file":"chunk-JUTPDS4E.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Panel variant styles\n * Layout container for sidebars, inspectors, and section panels\n */\nexport const panelVariants = cva(\n  [\"flex flex-col rounded-[var(--panel-root-radius)]\"],\n  {\n  variants: {\n    /**\n     * Visual variant of the panel\n     * - default: Background with subtle border\n     * - subtle: Muted background, no border\n     * - outlined: Border only, no background\n     * - elevated: With light shadow\n     * - inset: Inner shadow effect\n     */\n    variant: {\n      default: \"bg-[color:var(--panel-variant-default-bg)] border border-[color:var(--panel-root-border-color)]\",\n      subtle: \"bg-[color:var(--panel-variant-subtle-bg)]\",\n      outlined: \"border border-[color:var(--panel-root-border-color)] bg-transparent\",\n      elevated: \"bg-[color:var(--panel-variant-elevated-bg)] shadow-[var(--panel-root-shadow)]\",\n      inset: \"bg-[color:var(--panel-variant-subtle-bg)] shadow-inner\",\n    },\n    /**\n     * Width of the panel\n     * - xs: 240px (compact sidebar)\n     * - sm: 280px (standard sidebar)\n     * - md: 320px (medium panel)\n     * - lg: 400px (wide panel)\n     * - xl: 480px (extra wide panel)\n     * - auto: Content width\n     * - full: 100% width\n     */\n    size: {\n      xs: \"w-[var(--panel-size-xs)]\",\n      sm: \"w-[var(--panel-size-sm)]\",\n      md: \"w-[var(--panel-size-md)]\",\n      lg: \"w-[var(--panel-size-lg)]\",\n      xl: \"w-[var(--panel-size-xl)]\",\n      auto: \"w-auto\",\n      full: \"w-full\",\n    },\n    /**\n     * Position variant for styling based on panel placement\n     * - left: Left-positioned panel (sidebar)\n     * - right: Right-positioned panel (inspector)\n     * - top: Top-positioned panel\n     * - bottom: Bottom-positioned panel\n     * - center: Centered panel\n     */\n    position: {\n      left: \"border-r\",\n      right: \"border-l\",\n      top: \"border-b\",\n      bottom: \"border-t\",\n      center: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"auto\",\n  },\n})\n\n/**\n * PanelHeader variant styles\n * Header section with padding and shrink behavior\n */\nexport const panelHeaderVariants = cva([\n  \"px-[var(--panel-header-padding-x)] py-[var(--panel-header-padding-y)] shrink-0\",\n])\n\n/**\n * PanelContent variant styles\n * Main content area with flex-grow. When `scrollable`, the content is routed\n * through the ScrollArea component; `min-h-0` lets the flex child shrink so the\n * ScrollArea can establish its own scroll viewport.\n */\nexport const panelContentVariants = cva([\"flex-1\"], {\n  variants: {\n    scrollable: {\n      true: \"min-h-0\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    scrollable: false,\n  },\n})\n\n/**\n * PanelFooter variant styles\n * Footer section with padding and shrink behavior\n */\nexport const panelFooterVariants = cva([\n  \"px-[var(--panel-footer-padding-x)] py-[var(--panel-footer-padding-y)] shrink-0\",\n])\n\nexport type PanelVariantProps = VariantProps<typeof panelVariants>\nexport type PanelContentVariantProps = VariantProps<typeof panelContentVariants>\n","import type {\n  PanelContentProps,\n  PanelFooterProps,\n  PanelHeaderProps,\n  PanelProps,\n} from \"./Panel.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ScrollArea } from \"../ScrollArea\"\nimport {\n  panelContentVariants,\n  panelFooterVariants,\n  panelHeaderVariants,\n  panelVariants,\n} from \"./Panel.variants\"\n\nfunction Panel({\n  as: Component = \"div\",\n  variant,\n  size,\n  position,\n  className,\n  ...props\n}: PanelProps) {\n  return (\n    <Component\n      className={cn(panelVariants({ variant, size, position }), className)}\n      data-slot=\"panel\"\n      {...props}\n    />\n  )\n}\n\nfunction PanelHeader({ className, ...props }: PanelHeaderProps) {\n  return (\n    <div\n      className={cn(panelHeaderVariants(), className)}\n      data-slot=\"panel-header\"\n      {...props}\n    />\n  )\n}\n\nfunction PanelContent({\n  scrollable = false,\n  className,\n  children,\n  ...props\n}: PanelContentProps) {\n  return (\n    <div\n      className={cn(panelContentVariants({ scrollable }), className)}\n      data-slot=\"panel-content\"\n      {...props}\n    >\n      {scrollable ? <ScrollArea className=\"size-full\">{children}</ScrollArea> : children}\n    </div>\n  )\n}\n\nfunction PanelFooter({ className, ...props }: PanelFooterProps) {\n  return (\n    <div\n      className={cn(panelFooterVariants(), className)}\n      data-slot=\"panel-footer\"\n      {...props}\n    />\n  )\n}\n\nexport { Panel, PanelContent, PanelFooter, PanelHeader }\n"]}
+{"version":3,"sources":["../src/components/layout/Panel/Panel.variants.ts","../src/components/layout/Panel/Panel.tsx"],"names":[],"mappings":";;;;;AAMO,IAAM,aAAA,GAAgB,GAAA;AAAA,EAC3B,CAAC,kDAAkD,CAAA;AAAA,EACnD;AAAA,IACA,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,iGAAA;AAAA,QACT,MAAA,EAAQ,2CAAA;AAAA,QACR,QAAA,EAAU,qEAAA;AAAA,QACV,QAAA,EAAU,+EAAA;AAAA,QACV,KAAA,EAAO;AAAA,OACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,UAAA;AAAA,QACN,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,UAAA;AAAA,QACL,MAAA,EAAQ,UAAA;AAAA,QACR,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AACD;AAMM,IAAM,sBAAsB,GAAA,CAAI;AAAA,EACrC;AACF,CAAC;AAQM,IAAM,oBAAA,GAAuB,GAAA,CAAI,CAAC,QAAQ,CAAA,EAAG;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY;AAAA;AAEhB,CAAC;AAMM,IAAM,sBAAsB,GAAA,CAAI;AAAA,EACrC;AACF,CAAC;AClFD,SAAS,KAAA,CAAM;AAAA,EACb,IAAI,SAAA,GAAY,KAAA;AAAA,EAChB,OAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAe;AACb,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,QAAA,EAAU,CAAA,EAAG,SAAS,CAAA;AAAA,MACnE,WAAA,EAAU,OAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAC9C,WAAA,EAAU,cAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAC7D,WAAA,EAAU,eAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH,uCAAa,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,WAAA,EAAa,UAAS,CAAA,GAAgB;AAAA;AAAA,GAC5E;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAC9C,WAAA,EAAU,cAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-QD2ZS5DU.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Panel variant styles\n * Layout container for sidebars, inspectors, and section panels\n */\nexport const panelVariants = cva(\n  [\"flex flex-col rounded-[var(--panel-root-radius)]\"],\n  {\n  variants: {\n    /**\n     * Visual variant of the panel\n     * - default: Background with subtle border\n     * - subtle: Muted background, no border\n     * - outlined: Border only, no background\n     * - elevated: With light shadow\n     * - inset: Inner shadow effect\n     */\n    variant: {\n      default: \"bg-[color:var(--panel-variant-default-bg)] border border-[color:var(--panel-root-border-color)]\",\n      subtle: \"bg-[color:var(--panel-variant-subtle-bg)]\",\n      outlined: \"border border-[color:var(--panel-root-border-color)] bg-transparent\",\n      elevated: \"bg-[color:var(--panel-variant-elevated-bg)] shadow-[var(--panel-root-shadow)]\",\n      inset: \"bg-[color:var(--panel-variant-subtle-bg)] shadow-inner\",\n    },\n    /**\n     * Width of the panel\n     * - xs: 240px (compact sidebar)\n     * - sm: 280px (standard sidebar)\n     * - md: 320px (medium panel)\n     * - lg: 400px (wide panel)\n     * - xl: 480px (extra wide panel)\n     * - auto: Content width\n     * - full: 100% width\n     */\n    size: {\n      xs: \"w-[var(--panel-size-xs)]\",\n      sm: \"w-[var(--panel-size-sm)]\",\n      md: \"w-[var(--panel-size-md)]\",\n      lg: \"w-[var(--panel-size-lg)]\",\n      xl: \"w-[var(--panel-size-xl)]\",\n      auto: \"w-auto\",\n      full: \"w-full\",\n    },\n    /**\n     * Position variant for styling based on panel placement\n     * - left: Left-positioned panel (sidebar)\n     * - right: Right-positioned panel (inspector)\n     * - top: Top-positioned panel\n     * - bottom: Bottom-positioned panel\n     * - center: Centered panel\n     */\n    position: {\n      left: \"border-r\",\n      right: \"border-l\",\n      top: \"border-b\",\n      bottom: \"border-t\",\n      center: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"auto\",\n  },\n})\n\n/**\n * PanelHeader variant styles\n * Header section with padding and shrink behavior\n */\nexport const panelHeaderVariants = cva([\n  \"px-[var(--panel-header-padding-x)] py-[var(--panel-header-padding-y)] shrink-0\",\n])\n\n/**\n * PanelContent variant styles\n * Main content area with flex-grow. When `scrollable`, the content is routed\n * through the ScrollArea component; `min-h-0` lets the flex child shrink so the\n * ScrollArea can establish its own scroll viewport.\n */\nexport const panelContentVariants = cva([\"flex-1\"], {\n  variants: {\n    scrollable: {\n      true: \"min-h-0\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    scrollable: false,\n  },\n})\n\n/**\n * PanelFooter variant styles\n * Footer section with padding and shrink behavior\n */\nexport const panelFooterVariants = cva([\n  \"px-[var(--panel-footer-padding-x)] py-[var(--panel-footer-padding-y)] shrink-0\",\n])\n\nexport type PanelVariantProps = VariantProps<typeof panelVariants>\nexport type PanelContentVariantProps = VariantProps<typeof panelContentVariants>\n","import type {\n  PanelContentProps,\n  PanelFooterProps,\n  PanelHeaderProps,\n  PanelProps,\n} from \"./Panel.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ScrollArea } from \"../ScrollArea\"\nimport {\n  panelContentVariants,\n  panelFooterVariants,\n  panelHeaderVariants,\n  panelVariants,\n} from \"./Panel.variants\"\n\nfunction Panel({\n  as: Component = \"div\",\n  variant,\n  size,\n  position,\n  className,\n  ...props\n}: PanelProps) {\n  return (\n    <Component\n      className={cn(panelVariants({ variant, size, position }), className)}\n      data-slot=\"panel\"\n      {...props}\n    />\n  )\n}\n\nfunction PanelHeader({ className, ...props }: PanelHeaderProps) {\n  return (\n    <div\n      className={cn(panelHeaderVariants(), className)}\n      data-slot=\"panel-header\"\n      {...props}\n    />\n  )\n}\n\nfunction PanelContent({\n  scrollable = false,\n  className,\n  children,\n  ...props\n}: PanelContentProps) {\n  return (\n    <div\n      className={cn(panelContentVariants({ scrollable }), className)}\n      data-slot=\"panel-content\"\n      {...props}\n    >\n      {scrollable ? <ScrollArea className=\"size-full\">{children}</ScrollArea> : children}\n    </div>\n  )\n}\n\nfunction PanelFooter({ className, ...props }: PanelFooterProps) {\n  return (\n    <div\n      className={cn(panelFooterVariants(), className)}\n      data-slot=\"panel-footer\"\n      {...props}\n    />\n  )\n}\n\nexport { Panel, PanelContent, PanelFooter, PanelHeader }\n"]}

package/dist/{chunk-3NLWCX2F.js → chunk-QJOWG2D4.js}

@@ -1,7 +1,7 @@
-import { Lightbox } from './chunk-2FJJOHHH.js';
-import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from './chunk-2YSZPUQZ.js';
+import { Lightbox } from './chunk-C34UNXMN.js';
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from './chunk-QXET2TML.js';
 import { AspectRatio } from './chunk-45D4O7RK.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { cva } from 'class-variance-authority';
 import { Check } from 'lucide-react';
 import * as React from 'react';
@@ -593,5 +593,5 @@ function ImageGallery({
 }
 
 export { ImageGallery, ImageGalleryItem };
-//# sourceMappingURL=chunk-3NLWCX2F.js.map
-//# sourceMappingURL=chunk-3NLWCX2F.js.map
+//# sourceMappingURL=chunk-QJOWG2D4.js.map
+//# sourceMappingURL=chunk-QJOWG2D4.js.map