@etus/ui 0.4.0-beta.1 → 0.4.0-beta.10

package/dist/chunk-DYDXGWH2.js

@@ -0,0 +1,109 @@
+import { cva } from 'class-variance-authority';
+
+// src/components/forms/TextInput/TextInput.variants.ts
+var inputVariants = cva(
+  // Base styles
+  [
+    "w-full min-w-0 rounded-md border transition-[color,box-shadow] outline-none",
+    "bg-[color:var(--input-bg-default)] text-[color:var(--input-fg-default)] border-[color:var(--input-border-default)]",
+    "file:text-[color:var(--input-fg-default)] placeholder:text-[color:var(--input-fg-placeholder)]",
+    "selection:bg-primary selection:text-primary-foreground",
+    "dark:bg-input",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--input-bg-disabled)] disabled:text-[color:var(--input-fg-disabled)]",
+    "hover:border-[color:var(--border-semantic-strong)]",
+    "focus-visible:border-[color:var(--input-border-focus)] focus-visible:ring-[color:var(--input-border-focus)]/20 focus-visible:ring-4",
+    "aria-invalid:ring-[color:var(--input-border-error)]/20 dark:aria-invalid:ring-[color:var(--input-border-error)]/40 aria-invalid:border-[color:var(--input-border-error)]"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "h-[var(--input-size-xs-h)] px-[var(--input-size-xs-px)] py-[var(--input-size-xs-py)] text-[length:var(--input-size-xs-text)]",
+        sm: "h-[var(--input-size-sm-h)] px-[var(--input-size-sm-px)] py-[var(--input-size-sm-py)] text-[length:var(--input-size-sm-text)]",
+        md: "h-[var(--input-size-md-h)] px-[var(--input-size-md-px)] py-[var(--input-size-md-py)] text-[length:var(--input-size-md-text)]",
+        lg: "h-[var(--input-size-lg-h)] px-[var(--input-size-lg-px)] py-[var(--input-size-lg-py)] text-[length:var(--input-size-lg-text)]",
+        xl: "h-[var(--input-size-xl-h)] px-[var(--input-size-xl-px)] py-[var(--input-size-xl-py)] text-[length:var(--input-size-xl-text)]"
+      },
+      variant: {
+        default: "shadow-xs",
+        filled: "border-transparent bg-muted",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-[color:var(--input-border-default)] px-0",
+        unstyled: "border-0 bg-transparent shadow-none focus-visible:ring-0"
+      },
+      hasLeadingIcon: {
+        true: "",
+        false: ""
+      },
+      hasTrailingIcon: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Unstyled without icons should have no padding
+      { variant: "unstyled", hasLeadingIcon: false, hasTrailingIcon: false, className: "p-0" },
+      // Leading icon padding adjustments
+      { size: "xs", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-xs)]" },
+      { size: "sm", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-sm)]" },
+      { size: "md", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-md)]" },
+      { size: "lg", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-lg)]" },
+      { size: "xl", hasLeadingIcon: true, className: "pl-[var(--input-icon-padding-xl)]" },
+      // Trailing icon padding adjustments
+      { size: "xs", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-xs)]" },
+      { size: "sm", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-sm)]" },
+      { size: "md", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-md)]" },
+      { size: "lg", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-lg)]" },
+      { size: "xl", hasTrailingIcon: true, className: "pr-[var(--input-icon-padding-xl)]" }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "default",
+      hasLeadingIcon: false,
+      hasTrailingIcon: false
+    }
+  }
+);
+var inputWrapperVariants = cva("relative w-full");
+var inputIconVariants = cva(
+  "absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground",
+  {
+    variants: {
+      position: {
+        leading: "left-0",
+        trailing: "right-0"
+      },
+      size: {
+        xs: "size-[var(--input-icon-size-xs)]",
+        sm: "size-[var(--input-icon-size-sm)]",
+        md: "size-[var(--input-icon-size-md)]",
+        lg: "size-[var(--input-icon-size-lg)]",
+        xl: "size-[var(--input-icon-size-xl)]"
+      },
+      interactive: {
+        true: "pointer-events-auto",
+        false: "pointer-events-none"
+      }
+    },
+    compoundVariants: [
+      // Leading icon position adjustments
+      { position: "leading", size: "xs", className: "left-[var(--input-icon-position-xs)]" },
+      { position: "leading", size: "sm", className: "left-[var(--input-icon-position-sm)]" },
+      { position: "leading", size: "md", className: "left-[var(--input-icon-position-md)]" },
+      { position: "leading", size: "lg", className: "left-[var(--input-icon-position-lg)]" },
+      { position: "leading", size: "xl", className: "left-[var(--input-icon-position-xl)]" },
+      // Trailing icon position adjustments
+      { position: "trailing", size: "xs", className: "right-[var(--input-icon-position-xs)]" },
+      { position: "trailing", size: "sm", className: "right-[var(--input-icon-position-sm)]" },
+      { position: "trailing", size: "md", className: "right-[var(--input-icon-position-md)]" },
+      { position: "trailing", size: "lg", className: "right-[var(--input-icon-position-lg)]" },
+      { position: "trailing", size: "xl", className: "right-[var(--input-icon-position-xl)]" }
+    ],
+    defaultVariants: {
+      position: "leading",
+      size: "md"
+    }
+  }
+);
+
+export { inputIconVariants, inputVariants, inputWrapperVariants };
+//# sourceMappingURL=chunk-DYDXGWH2.js.map
+//# sourceMappingURL=chunk-DYDXGWH2.js.map

package/dist/chunk-DYDXGWH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/TextInput/TextInput.variants.ts"],"names":[],"mappings":"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","file":"chunk-DYDXGWH2.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Input variant styles using CVA\n */\nexport const inputVariants = cva(\n  // Base styles\n  [\n    \"w-full min-w-0 rounded-md border transition-[color,box-shadow] outline-none\",\n    \"bg-[color:var(--input-bg-default)] text-[color:var(--input-fg-default)] border-[color:var(--input-border-default)]\",\n    \"file:text-[color:var(--input-fg-default)] placeholder:text-[color:var(--input-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(--input-bg-disabled)] disabled:text-[color:var(--input-fg-disabled)]\",\n    \"hover:border-[color:var(--border-semantic-strong)]\",\n    \"focus-visible:border-[color:var(--input-border-focus)] focus-visible:ring-[color:var(--input-border-focus)]/20 focus-visible:ring-4\",\n    \"aria-invalid:ring-[color:var(--input-border-error)]/20 dark:aria-invalid:ring-[color:var(--input-border-error)]/40 aria-invalid:border-[color:var(--input-border-error)]\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"h-[var(--input-size-xs-h)] px-[var(--input-size-xs-px)] py-[var(--input-size-xs-py)] text-[length:var(--input-size-xs-text)]\",\n        sm: \"h-[var(--input-size-sm-h)] px-[var(--input-size-sm-px)] py-[var(--input-size-sm-py)] text-[length:var(--input-size-sm-text)]\",\n        md: \"h-[var(--input-size-md-h)] px-[var(--input-size-md-px)] py-[var(--input-size-md-py)] text-[length:var(--input-size-md-text)]\",\n        lg: \"h-[var(--input-size-lg-h)] px-[var(--input-size-lg-px)] py-[var(--input-size-lg-py)] text-[length:var(--input-size-lg-text)]\",\n        xl: \"h-[var(--input-size-xl-h)] px-[var(--input-size-xl-px)] py-[var(--input-size-xl-py)] text-[length:var(--input-size-xl-text)]\",\n      },\n      variant: {\n        default: \"shadow-xs\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-[color:var(--input-border-default)] px-0\",\n        unstyled: \"border-0 bg-transparent shadow-none focus-visible:ring-0\",\n      },\n      hasLeadingIcon: {\n        true: \"\",\n        false: \"\",\n      },\n      hasTrailingIcon: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // Unstyled without icons should have no padding\n      { variant: \"unstyled\", hasLeadingIcon: false, hasTrailingIcon: false, className: \"p-0\" },\n      // Leading icon padding adjustments\n      { size: \"xs\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-xs)]\" },\n      { size: \"sm\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-sm)]\" },\n      { size: \"md\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-md)]\" },\n      { size: \"lg\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-lg)]\" },\n      { size: \"xl\", hasLeadingIcon: true, className: \"pl-[var(--input-icon-padding-xl)]\" },\n      // Trailing icon padding adjustments\n      { size: \"xs\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-xs)]\" },\n      { size: \"sm\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-sm)]\" },\n      { size: \"md\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-md)]\" },\n      { size: \"lg\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-lg)]\" },\n      { size: \"xl\", hasTrailingIcon: true, className: \"pr-[var(--input-icon-padding-xl)]\" },\n    ],\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n      hasLeadingIcon: false,\n      hasTrailingIcon: false,\n    },\n  }\n)\n\n/**\n * Input wrapper styles for when icons are present\n */\nexport const inputWrapperVariants = cva(\"relative w-full\")\n\n/**\n * Input icon styles using CVA\n */\nexport const inputIconVariants = cva(\n  \"absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground\",\n  {\n    variants: {\n      position: {\n        leading: \"left-0\",\n        trailing: \"right-0\",\n      },\n      size: {\n        xs: \"size-[var(--input-icon-size-xs)]\",\n        sm: \"size-[var(--input-icon-size-sm)]\",\n        md: \"size-[var(--input-icon-size-md)]\",\n        lg: \"size-[var(--input-icon-size-lg)]\",\n        xl: \"size-[var(--input-icon-size-xl)]\",\n      },\n      interactive: {\n        true: \"pointer-events-auto\",\n        false: \"pointer-events-none\",\n      },\n    },\n    compoundVariants: [\n      // Leading icon position adjustments\n      { position: \"leading\", size: \"xs\", className: \"left-[var(--input-icon-position-xs)]\" },\n      { position: \"leading\", size: \"sm\", className: \"left-[var(--input-icon-position-sm)]\" },\n      { position: \"leading\", size: \"md\", className: \"left-[var(--input-icon-position-md)]\" },\n      { position: \"leading\", size: \"lg\", className: \"left-[var(--input-icon-position-lg)]\" },\n      { position: \"leading\", size: \"xl\", className: \"left-[var(--input-icon-position-xl)]\" },\n      // Trailing icon position adjustments\n      { position: \"trailing\", size: \"xs\", className: \"right-[var(--input-icon-position-xs)]\" },\n      { position: \"trailing\", size: \"sm\", className: \"right-[var(--input-icon-position-sm)]\" },\n      { position: \"trailing\", size: \"md\", className: \"right-[var(--input-icon-position-md)]\" },\n      { position: \"trailing\", size: \"lg\", className: \"right-[var(--input-icon-position-lg)]\" },\n      { position: \"trailing\", size: \"xl\", className: \"right-[var(--input-icon-position-xl)]\" },\n    ],\n    defaultVariants: {\n      position: \"leading\",\n      size: \"md\",\n    },\n  }\n)\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>\nexport type InputIconVariantProps = VariantProps<typeof inputIconVariants>\n"]}

package/dist/chunk-E27SQ54A.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { ChevronRight, MoreHorizontal } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var breadcrumbListVariants = cva([
+  "text-[color:var(--breadcrumb-list-text)]",
+  "flex flex-wrap items-center",
+  "gap-[var(--breadcrumb-list-gap-default)] sm:gap-[var(--breadcrumb-list-gap-sm)]",
+  "text-sm",
+  "break-words"
+]);
+var breadcrumbItemVariants = cva([
+  "inline-flex items-center gap-[var(--breadcrumb-list-gap-default)]"
+]);
+var breadcrumbLinkVariants = cva([
+  "hover:text-[color:var(--breadcrumb-link-hover)]",
+  "transition-colors"
+]);
+var breadcrumbPageVariants = cva([
+  "text-[color:var(--breadcrumb-page-text)]",
+  "font-normal"
+]);
+var breadcrumbSeparatorVariants = cva([
+  "[&>svg]:size-[var(--breadcrumb-separator-size)]"
+]);
+var breadcrumbEllipsisVariants = cva([
+  "flex items-center justify-center",
+  "size-[var(--breadcrumb-ellipsis-size)]"
+]);
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      className: cn(breadcrumbListVariants(), className),
+      "data-slot": "breadcrumb-list",
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: cn(breadcrumbItemVariants(), className),
+      "data-slot": "breadcrumb-item",
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(breadcrumbLinkVariants(), className),
+      "data-slot": "breadcrumb-link",
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-current": "page",
+      "aria-disabled": "true",
+      className: cn(breadcrumbPageVariants(), className),
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "aria-hidden": "true",
+      className: cn(breadcrumbSeparatorVariants(), className),
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(breadcrumbEllipsisVariants(), className),
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbEllipsisVariants, breadcrumbItemVariants, breadcrumbLinkVariants, breadcrumbListVariants, breadcrumbPageVariants, breadcrumbSeparatorVariants };
+//# sourceMappingURL=chunk-E27SQ54A.js.map
+//# sourceMappingURL=chunk-E27SQ54A.js.map

package/dist/chunk-E27SQ54A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Breadcrumb/Breadcrumb.variants.ts","../src/components/navigation/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"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","file":"chunk-E27SQ54A.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * BreadcrumbList variant styles\n * Container for breadcrumb items with responsive spacing\n */\nexport const breadcrumbListVariants = cva([\n  \"text-[color:var(--breadcrumb-list-text)]\",\n  \"flex flex-wrap items-center\",\n  \"gap-[var(--breadcrumb-list-gap-default)] sm:gap-[var(--breadcrumb-list-gap-sm)]\",\n  \"text-sm\",\n  \"break-words\",\n])\n\n/**\n * BreadcrumbItem variant styles\n * Individual breadcrumb item wrapper\n */\nexport const breadcrumbItemVariants = cva([\n  \"inline-flex items-center gap-[var(--breadcrumb-list-gap-default)]\",\n])\n\n/**\n * BreadcrumbLink variant styles\n * Clickable link with hover transition\n */\nexport const breadcrumbLinkVariants = cva([\n  \"hover:text-[color:var(--breadcrumb-link-hover)]\",\n  \"transition-colors\",\n])\n\n/**\n * BreadcrumbPage variant styles\n * Current page indicator (non-clickable)\n */\nexport const breadcrumbPageVariants = cva([\n  \"text-[color:var(--breadcrumb-page-text)]\",\n  \"font-normal\",\n])\n\n/**\n * BreadcrumbSeparator variant styles\n * Visual separator between items\n */\nexport const breadcrumbSeparatorVariants = cva([\n  \"[&>svg]:size-[var(--breadcrumb-separator-size)]\",\n])\n\n/**\n * BreadcrumbEllipsis variant styles\n * Indicator for hidden items\n */\nexport const breadcrumbEllipsisVariants = cva([\n  \"flex items-center justify-center\",\n  \"size-[var(--breadcrumb-ellipsis-size)]\",\n])\n\nexport type BreadcrumbListVariantProps = VariantProps<typeof breadcrumbListVariants>\nexport type BreadcrumbItemVariantProps = VariantProps<typeof breadcrumbItemVariants>\nexport type BreadcrumbLinkVariantProps = VariantProps<typeof breadcrumbLinkVariants>\nexport type BreadcrumbPageVariantProps = VariantProps<typeof breadcrumbPageVariants>\nexport type BreadcrumbSeparatorVariantProps = VariantProps<typeof breadcrumbSeparatorVariants>\nexport type BreadcrumbEllipsisVariantProps = VariantProps<typeof breadcrumbEllipsisVariants>\n","import type {\n  BreadcrumbEllipsisProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListProps,\n  BreadcrumbPageProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorProps,\n} from \"./Breadcrumb.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  breadcrumbEllipsisVariants,\n  breadcrumbItemVariants,\n  breadcrumbLinkVariants,\n  breadcrumbListVariants,\n  breadcrumbPageVariants,\n  breadcrumbSeparatorVariants,\n} from \"./Breadcrumb.variants\"\n\n/**\n * Breadcrumb - Navigation component showing page hierarchy.\n *\n * Renders as a nav element with aria-label=\"breadcrumb\" for accessibility.\n *\n * @example\n * <Breadcrumb>\n *   <BreadcrumbList>\n *     <BreadcrumbItem>\n *       <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n *     </BreadcrumbItem>\n *     <BreadcrumbSeparator />\n *     <BreadcrumbItem>\n *       <BreadcrumbPage>Current</BreadcrumbPage>\n *     </BreadcrumbItem>\n *   </BreadcrumbList>\n * </Breadcrumb>\n */\nfunction Breadcrumb({ ...props }: BreadcrumbProps) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\n/**\n * BreadcrumbList - Ordered list container for breadcrumb items.\n */\nfunction BreadcrumbList({ className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol\n      className={cn(breadcrumbListVariants(), className)}\n      data-slot=\"breadcrumb-list\"\n      {...props}\n    />\n  )\n}\n\n/**\n * BreadcrumbItem - Individual breadcrumb list item.\n */\nfunction BreadcrumbItem({ className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li\n      className={cn(breadcrumbItemVariants(), className)}\n      data-slot=\"breadcrumb-item\"\n      {...props}\n    />\n  )\n}\n\n/**\n * BreadcrumbLink - Clickable link within a breadcrumb item.\n *\n * @example\n * // Basic usage\n * <BreadcrumbLink href=\"/products\">Products</BreadcrumbLink>\n *\n * @example\n * // With React Router\n * <BreadcrumbLink asChild>\n *   <Link to=\"/products\">Products</Link>\n * </BreadcrumbLink>\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: BreadcrumbLinkProps) {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      className={cn(breadcrumbLinkVariants(), className)}\n      data-slot=\"breadcrumb-link\"\n      {...props}\n    />\n  )\n}\n\n/**\n * BreadcrumbPage - Current page indicator (non-clickable).\n *\n * Includes proper ARIA attributes for accessibility.\n */\nfunction BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n  return (\n    <span\n      aria-current=\"page\"\n      aria-disabled=\"true\"\n      className={cn(breadcrumbPageVariants(), className)}\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      {...props}\n    />\n  )\n}\n\n/**\n * BreadcrumbSeparator - Visual separator between breadcrumb items.\n *\n * Hidden from screen readers with aria-hidden.\n *\n * @example\n * // Default (ChevronRight)\n * <BreadcrumbSeparator />\n *\n * @example\n * // Custom separator\n * <BreadcrumbSeparator>\n *   <Slash className=\"size-4\" />\n * </BreadcrumbSeparator>\n */\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: BreadcrumbSeparatorProps) {\n  return (\n    <li\n      aria-hidden=\"true\"\n      className={cn(breadcrumbSeparatorVariants(), className)}\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\n/**\n * BreadcrumbEllipsis - Indicator for hidden items in long paths.\n *\n * Can be combined with DropdownMenu to show hidden items.\n */\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: BreadcrumbEllipsisProps) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(breadcrumbEllipsisVariants(), className)}\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n}\n"]}

package/dist/chunk-E2TI5V67.js

@@ -0,0 +1,286 @@
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-OXDWUKGP.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { EyeIcon, ClockIcon, CheckIcon, AlertCircleIcon, ArchiveIcon, ChevronDownIcon } from 'lucide-react';
+import { useId, useState, useMemo } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var taskStatusVariants = cva(
+  "inline-flex items-center gap-1.5 font-medium transition-all duration-200",
+  {
+    compoundVariants: [
+      // Interactive states
+      {
+        className: "cursor-pointer hover:opacity-80",
+        interactive: true
+      },
+      {
+        className: "cursor-not-allowed opacity-50",
+        disabled: true
+      }
+    ],
+    defaultVariants: {
+      disabled: false,
+      interactive: false,
+      size: "default",
+      variant: "default"
+    },
+    variants: {
+      disabled: {
+        false: "",
+        true: ""
+      },
+      interactive: {
+        false: "",
+        true: ""
+      },
+      size: {
+        default: "px-3 py-1.5 text-sm",
+        lg: "px-4 py-2 text-base",
+        sm: "px-2 py-1 text-xs"
+      },
+      variant: {
+        default: "rounded-md bg-muted",
+        outline: "rounded-md border border-current bg-transparent",
+        pill: "rounded-full bg-muted",
+        subtle: "rounded-md bg-muted/30"
+      }
+    }
+  }
+);
+var taskStatusColorVariants = cva("", {
+  defaultVariants: {
+    status: "todo"
+  },
+  variants: {
+    status: {
+      backlog: "text-[color:var(--task-status-backlog-text)]",
+      blocked: "text-[color:var(--task-status-blocked-text)]",
+      done: "text-[color:var(--task-status-done-text)]",
+      "in-progress": "text-[color:var(--task-status-in-progress-text)]",
+      "in-review": "text-[color:var(--task-status-in-review-text)]",
+      todo: "text-[color:var(--task-status-todo-text)]"
+    }
+  }
+});
+var taskStatusIconVariants = cva("shrink-0", {
+  defaultVariants: {
+    size: "default"
+  },
+  variants: {
+    size: {
+      default: "h-4 w-4",
+      lg: "h-5 w-5",
+      sm: "h-3.5 w-3.5"
+    }
+  }
+});
+var taskStatusLabelVariants = cva("font-medium leading-none", {
+  defaultVariants: {
+    size: "default"
+  },
+  variants: {
+    size: {
+      default: "text-sm",
+      lg: "text-base",
+      sm: "text-xs"
+    }
+  }
+});
+var taskStatusTriggerVariants = cva(
+  "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",
+  {
+    defaultVariants: {
+      size: "default"
+    },
+    variants: {
+      size: {
+        default: "h-4 w-4",
+        lg: "h-5 w-5",
+        sm: "h-3 w-3"
+      }
+    }
+  }
+);
+var taskStatusMenuItemVariants = cva(
+  "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",
+  {
+    defaultVariants: {
+      selected: false
+    },
+    variants: {
+      selected: {
+        false: "",
+        true: "bg-accent/50"
+      }
+    }
+  }
+);
+var DEFAULT_STATUS_CONFIGS = {
+  backlog: {
+    color: "text-muted-foreground",
+    icon: /* @__PURE__ */ jsx(ArchiveIcon, {}),
+    label: "Backlog"
+  },
+  blocked: {
+    color: "text-destructive",
+    icon: /* @__PURE__ */ jsx(AlertCircleIcon, {}),
+    label: "Blocked"
+  },
+  done: {
+    color: "text-green-600 dark:text-green-400",
+    icon: /* @__PURE__ */ jsx(CheckIcon, {}),
+    label: "Done"
+  },
+  "in-progress": {
+    color: "text-blue-600 dark:text-blue-400",
+    icon: /* @__PURE__ */ jsx(ClockIcon, {}),
+    label: "In Progress"
+  },
+  "in-review": {
+    color: "text-yellow-600 dark:text-yellow-400",
+    icon: /* @__PURE__ */ jsx(EyeIcon, {}),
+    label: "In Review"
+  },
+  todo: {
+    color: "text-muted-foreground",
+    icon: null,
+    label: "To Do"
+  }
+};
+var ALL_STATUSES = [
+  "todo",
+  "in-progress",
+  "in-review",
+  "done",
+  "blocked",
+  "backlog"
+];
+function TaskStatus({
+  children,
+  className,
+  customStatuses,
+  disabled = false,
+  interactive = false,
+  onChange,
+  ref,
+  showIcon = true,
+  showLabel = true,
+  size = "default",
+  status,
+  variant = "default",
+  ...props
+}) {
+  const id = useId();
+  const [isOpen, setIsOpen] = useState(false);
+  const statusConfigs = useMemo(
+    () => ({
+      ...DEFAULT_STATUS_CONFIGS,
+      ...customStatuses
+    }),
+    [customStatuses]
+  );
+  const currentConfig = statusConfigs[status];
+  const handleStatusSelect = (newStatus) => {
+    if (!disabled && onChange) {
+      onChange(newStatus);
+    }
+    setIsOpen(false);
+  };
+  const renderContent = () => {
+    if (children) {
+      return children;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      showIcon && currentConfig.icon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(taskStatusIconVariants({ size })),
+          "data-slot": "task-status-icon",
+          children: currentConfig.icon
+        }
+      ),
+      showLabel && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(taskStatusLabelVariants({ size })),
+          "data-slot": "task-status-label",
+          children: currentConfig.label
+        }
+      )
+    ] });
+  };
+  const statusElement = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        taskStatusVariants({ disabled, interactive, size, variant }),
+        taskStatusColorVariants({ status }),
+        className
+      ),
+      "aria-disabled": disabled,
+      "aria-label": `Status: ${currentConfig.label}`,
+      "aria-live": "polite",
+      "data-slot": "task-status",
+      "data-status": status,
+      id: `task-status-${id}`,
+      role: "status",
+      ...props,
+      children: [
+        renderContent(),
+        interactive && !disabled && /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: cn(
+              taskStatusTriggerVariants({ size }),
+              isOpen && "rotate-180 transition-transform"
+            ),
+            "data-slot": "task-status-trigger"
+          }
+        )
+      ]
+    }
+  );
+  if (!interactive || disabled) {
+    return statusElement;
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, disabled, children: statusElement }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "min-w-36", children: ALL_STATUSES.map((statusOption) => {
+      const config = statusConfigs[statusOption];
+      const isSelected = statusOption === status;
+      return /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          className: cn(
+            "flex items-center gap-2",
+            isSelected && "bg-accent/50"
+          ),
+          onClick: () => {
+            handleStatusSelect(statusOption);
+          },
+          children: [
+            config.icon && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  taskStatusIconVariants({ size: "sm" }),
+                  config.color
+                ),
+                children: config.icon
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "flex-1", children: config.label }),
+            isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4 text-primary" })
+          ]
+        },
+        statusOption
+      );
+    }) })
+  ] });
+}
+
+export { ALL_STATUSES, DEFAULT_STATUS_CONFIGS, TaskStatus, taskStatusColorVariants, taskStatusIconVariants, taskStatusLabelVariants, taskStatusMenuItemVariants, taskStatusTriggerVariants, taskStatusVariants };
+//# sourceMappingURL=chunk-E2TI5V67.js.map
+//# sourceMappingURL=chunk-E2TI5V67.js.map

package/dist/chunk-E2TI5V67.js.map

@@ -0,0 +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"]}