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

package/dist/chunk-73DDLKBG.js

@@ -0,0 +1,205 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var radioCardGroupVariants = cva(
+  "grid gap-3",
+  {
+    variants: {
+      columns: {
+        1: "grid-cols-1",
+        2: "grid-cols-2",
+        3: "grid-cols-3",
+        4: "grid-cols-4"
+      }
+    },
+    defaultVariants: {
+      columns: 1
+    }
+  }
+);
+var radioCardGroupItemVariants = cva(
+  [
+    "relative flex cursor-pointer rounded-lg border transition-all",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "hover:border-primary/50",
+    "data-[state=checked]:border-primary data-[state=checked]:bg-primary/5",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "gap-2 p-3",
+        md: "gap-3 p-4",
+        lg: "gap-4 p-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioCardGroupItemIndicatorVariants = cva(
+  [
+    "absolute right-3 top-3 flex h-4 w-4 items-center justify-center rounded-full border",
+    "data-[state=checked]:border-primary data-[state=checked]:bg-primary"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5 right-2 top-2",
+        md: "h-4 w-4 right-3 top-3",
+        lg: "h-5 w-5 right-4 top-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioCardGroupItemDotVariants = cva(
+  "h-2 w-2 rounded-full bg-primary-foreground",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5 w-1.5",
+        md: "h-2 w-2",
+        lg: "h-2.5 w-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioCardGroupItemContentVariants = cva(
+  "flex flex-col gap-1",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var radioCardGroupItemIconVariants = cva(
+  "flex-shrink-0 text-muted-foreground data-[state=checked]:text-primary",
+  {
+    variants: {
+      size: {
+        sm: "[&>svg]:h-4 [&>svg]:w-4",
+        md: "[&>svg]:h-5 [&>svg]:w-5",
+        lg: "[&>svg]:h-6 [&>svg]:w-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioCardGroupItemTitleVariants = cva(
+  "font-medium leading-none",
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        md: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioCardGroupItemDescriptionVariants = cva(
+  "text-muted-foreground",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-xs",
+        lg: "text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var RadioCardGroupContext = React.createContext("md");
+function RadioCardGroup({
+  children,
+  className,
+  columns = 1,
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(RadioCardGroupContext, { value: size, children: /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn(radioCardGroupVariants({ columns }), className),
+      "data-slot": "radio-card-group",
+      ...props,
+      children
+    }
+  ) });
+}
+function RadioCardGroupItem({
+  className,
+  description,
+  icon,
+  size: sizeProp,
+  title,
+  ...props
+}) {
+  const contextSize = React.use(RadioCardGroupContext);
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsxs(
+    RadioGroupPrimitive.Item,
+    {
+      className: cn(radioCardGroupItemVariants({ size }), className),
+      "data-slot": "radio-card-group-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: radioCardGroupItemIndicatorVariants({ size }),
+            "data-slot": "radio-card-indicator",
+            children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: radioCardGroupItemDotVariants({ size }) }) })
+          }
+        ),
+        icon && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: radioCardGroupItemIconVariants({ size }),
+            "data-slot": "radio-card-icon",
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: radioCardGroupItemContentVariants(), children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: radioCardGroupItemTitleVariants({ size }),
+              "data-slot": "radio-card-title",
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: radioCardGroupItemDescriptionVariants({ size }),
+              "data-slot": "radio-card-description",
+              children: description
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { RadioCardGroup, RadioCardGroupItem, radioCardGroupItemContentVariants, radioCardGroupItemDescriptionVariants, radioCardGroupItemDotVariants, radioCardGroupItemIconVariants, radioCardGroupItemIndicatorVariants, radioCardGroupItemTitleVariants, radioCardGroupItemVariants, radioCardGroupVariants };
+//# sourceMappingURL=chunk-73DDLKBG.js.map
+//# sourceMappingURL=chunk-73DDLKBG.js.map

package/dist/chunk-73DDLKBG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/RadioCardGroup/RadioCardGroup.variants.ts","../src/components/forms/RadioCardGroup/RadioCardGroup.tsx"],"names":[],"mappings":"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","file":"chunk-73DDLKBG.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const radioCardGroupVariants = cva(\n  \"grid gap-3\",\n  {\n    variants: {\n      columns: {\n        1: \"grid-cols-1\",\n        2: \"grid-cols-2\",\n        3: \"grid-cols-3\",\n        4: \"grid-cols-4\",\n      },\n    },\n    defaultVariants: {\n      columns: 1,\n    },\n  }\n)\n\nexport const radioCardGroupItemVariants = cva(\n  [\n    \"relative flex cursor-pointer rounded-lg border transition-all\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"hover:border-primary/50\",\n    \"data-[state=checked]:border-primary data-[state=checked]:bg-primary/5\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"gap-2 p-3\",\n        md: \"gap-3 p-4\",\n        lg: \"gap-4 p-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioCardGroupItemIndicatorVariants = cva(\n  [\n    \"absolute right-3 top-3 flex h-4 w-4 items-center justify-center rounded-full border\",\n    \"data-[state=checked]:border-primary data-[state=checked]:bg-primary\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-3.5 w-3.5 right-2 top-2\",\n        md: \"h-4 w-4 right-3 top-3\",\n        lg: \"h-5 w-5 right-4 top-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioCardGroupItemDotVariants = cva(\n  \"h-2 w-2 rounded-full bg-primary-foreground\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5 w-1.5\",\n        md: \"h-2 w-2\",\n        lg: \"h-2.5 w-2.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioCardGroupItemContentVariants = cva(\n  \"flex flex-col gap-1\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport const radioCardGroupItemIconVariants = cva(\n  \"flex-shrink-0 text-muted-foreground data-[state=checked]:text-primary\",\n  {\n    variants: {\n      size: {\n        sm: \"[&>svg]:h-4 [&>svg]:w-4\",\n        md: \"[&>svg]:h-5 [&>svg]:w-5\",\n        lg: \"[&>svg]:h-6 [&>svg]:w-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioCardGroupItemTitleVariants = cva(\n  \"font-medium leading-none\",\n  {\n    variants: {\n      size: {\n        sm: \"text-sm\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioCardGroupItemDescriptionVariants = cva(\n  \"text-muted-foreground\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-xs\",\n        lg: \"text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n","\"use client\"\n\nimport type { RadioCardGroupItemProps, RadioCardGroupProps, RadioCardGroupSize } from \"./RadioCardGroup.types\"\n\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  radioCardGroupItemContentVariants,\n  radioCardGroupItemDescriptionVariants,\n  radioCardGroupItemDotVariants,\n  radioCardGroupItemIconVariants,\n  radioCardGroupItemIndicatorVariants,\n  radioCardGroupItemTitleVariants,\n  radioCardGroupItemVariants,\n  radioCardGroupVariants,\n} from \"./RadioCardGroup.variants\"\n\n/**\n * Context for RadioCardGroup size\n */\nconst RadioCardGroupContext = React.createContext<RadioCardGroupSize>(\"md\")\n\n/**\n * RadioCardGroup - Card-style radio selection component\n *\n * A visually prominent radio group where each option is displayed\n * as a card with optional icon, title, and description.\n *\n * @example\n * ```tsx\n * <RadioCardGroup value={value} onValueChange={setValue}>\n *   <RadioCardGroupItem\n *     value=\"startup\"\n *     title=\"Startup\"\n *     description=\"Best for small teams\"\n *     icon={<RocketIcon />}\n *   />\n *   <RadioCardGroupItem\n *     value=\"enterprise\"\n *     title=\"Enterprise\"\n *     description=\"For large organizations\"\n *     icon={<BuildingIcon />}\n *   />\n * </RadioCardGroup>\n * ```\n */\nfunction RadioCardGroup({\n  children,\n  className,\n  columns = 1,\n  size = \"md\",\n  ...props\n}: RadioCardGroupProps) {\n  return (\n    <RadioCardGroupContext value={size}>\n      <RadioGroupPrimitive.Root\n        className={cn(radioCardGroupVariants({ columns }), className)}\n        data-slot=\"radio-card-group\"\n        {...props}\n      >\n        {children}\n      </RadioGroupPrimitive.Root>\n    </RadioCardGroupContext>\n  )\n}\n\n/**\n * RadioCardGroupItem - Individual card option\n */\nfunction RadioCardGroupItem({\n  className,\n  description,\n  icon,\n  size: sizeProp,\n  title,\n  ...props\n}: RadioCardGroupItemProps) {\n  const contextSize = React.use(RadioCardGroupContext)\n  const size = sizeProp ?? contextSize\n\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(radioCardGroupItemVariants({ size }), className)}\n      data-slot=\"radio-card-group-item\"\n      {...props}\n    >\n      {/* Indicator circle */}\n      <div\n        className={radioCardGroupItemIndicatorVariants({ size })}\n        data-slot=\"radio-card-indicator\"\n      >\n        <RadioGroupPrimitive.Indicator asChild>\n          <div className={radioCardGroupItemDotVariants({ size })} />\n        </RadioGroupPrimitive.Indicator>\n      </div>\n\n      {/* Icon */}\n      {icon && (\n        <div\n          className={radioCardGroupItemIconVariants({ size })}\n          data-slot=\"radio-card-icon\"\n        >\n          {icon}\n        </div>\n      )}\n\n      {/* Content */}\n      <div className={radioCardGroupItemContentVariants()}>\n        <span\n          className={radioCardGroupItemTitleVariants({ size })}\n          data-slot=\"radio-card-title\"\n        >\n          {title}\n        </span>\n        {description && (\n          <span\n            className={radioCardGroupItemDescriptionVariants({ size })}\n            data-slot=\"radio-card-description\"\n          >\n            {description}\n          </span>\n        )}\n      </div>\n    </RadioGroupPrimitive.Item>\n  )\n}\n\nexport { RadioCardGroup, RadioCardGroupItem }\n"]}

package/dist/chunk-7AR5QRRX.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-RVAYDRMA.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-7AR5QRRX.js.map
+//# sourceMappingURL=chunk-7AR5QRRX.js.map

package/dist/chunk-7AR5QRRX.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-7AR5QRRX.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-7IKX4AFY.js

@@ -0,0 +1,264 @@
+import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-XXWCMY2G.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import * as React from 'react';
+import { ComposedChart, CartesianGrid, XAxis, Label, YAxis, Bar, Line } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function normalizeBarSeriesConfig(series) {
+  return series.map(
+    (s) => typeof s === "string" ? { dataKey: s } : s
+  );
+}
+function normalizeLineSeriesConfig(series) {
+  return series.map(
+    (s) => typeof s === "string" ? { dataKey: s } : s
+  );
+}
+function ComboChart({
+  barGap = 4,
+  barRadius = 4,
+  barSeries,
+  className,
+  config,
+  data,
+  enableBiaxial = false,
+  enableLegendSlider = false,
+  gridDashArray = "3 3",
+  intervalType,
+  legendPosition = "bottom",
+  lineSeries,
+  onValueChange,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  showXAxis = true,
+  startEndOnly = false,
+  tickGap,
+  tooltipCallback,
+  tooltipIndicator = "dot",
+  xAxisKey,
+  xAxisLabel,
+  xAxisTickFormatter,
+  ...props
+}) {
+  const normalizedBarSeries = normalizeBarSeriesConfig(barSeries.series);
+  const normalizedLineSeries = lineSeries ? normalizeLineSeriesConfig(lineSeries.series) : [];
+  const isStacked = barSeries.variant === "stacked";
+  const prevTooltipStateRef = React.useRef(false);
+  const showBarYAxis = barSeries.showYAxis !== false;
+  const showLineYAxis = lineSeries?.showYAxis !== false && enableBiaxial;
+  const handleBarClick = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (dataKey) => (data2) => {
+      if (!onValueChange || !data2?.payload) return;
+      const payload = data2.payload;
+      const value = payload[dataKey];
+      onValueChange({
+        category: payload[xAxisKey],
+        dataKey,
+        payload,
+        seriesType: "bar",
+        value: typeof value === "number" ? value : 0
+      });
+    },
+    [onValueChange, xAxisKey]
+  );
+  const handleDotClick = React.useCallback(
+    (dataKey) => (data2) => {
+      if (!onValueChange) return;
+      const payload = data2.payload;
+      const value = payload[dataKey];
+      onValueChange({
+        category: payload[xAxisKey],
+        dataKey,
+        payload,
+        seriesType: "line",
+        value: typeof value === "number" ? value : 0
+      });
+    },
+    [onValueChange, xAxisKey]
+  );
+  const TooltipContentWithCallback = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (props2) => {
+      const { active = false, label, payload } = props2;
+      if (tooltipCallback && active !== prevTooltipStateRef.current) {
+        prevTooltipStateRef.current = active;
+        const barDataKeys = new Set(normalizedBarSeries.map((s) => s.dataKey));
+        tooltipCallback({
+          active,
+          label,
+          payload: payload?.map((p) => ({
+            dataKey: String(p.dataKey),
+            payload: p.payload,
+            seriesType: barDataKeys.has(String(p.dataKey)) ? "bar" : "line",
+            value: p.value
+          }))
+        });
+      }
+      return /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator, ...props2 });
+    },
+    [normalizedBarSeries, tooltipCallback, tooltipIndicator]
+  );
+  const barYDomain = React.useMemo(() => {
+    const min = barSeries.minValue ?? (barSeries.autoMinValue ? "auto" : 0);
+    const max = barSeries.maxValue ?? "auto";
+    return [min, max];
+  }, [barSeries.autoMinValue, barSeries.maxValue, barSeries.minValue]);
+  const lineYDomain = React.useMemo(() => {
+    if (!lineSeries) return [0, "auto"];
+    const min = lineSeries.minValue ?? (lineSeries.autoMinValue ? "auto" : 0);
+    const max = lineSeries.maxValue ?? "auto";
+    return [min, max];
+  }, [lineSeries]);
+  const xAxisTicks = React.useMemo(() => {
+    if (!startEndOnly || data.length < 2) return;
+    const first = data[0];
+    const last = data[data.length - 1];
+    if (!first || !last) return;
+    return [first[xAxisKey], last[xAxisKey]];
+  }, [data, startEndOnly, xAxisKey]);
+  const margins = React.useMemo(() => {
+    let left = 12;
+    let right = 12;
+    if (barSeries.yAxisLabel) left = 20;
+    if (enableBiaxial && lineSeries?.yAxisLabel) right = 20;
+    return {
+      bottom: xAxisLabel ? 20 : 0,
+      left,
+      right
+    };
+  }, [barSeries.yAxisLabel, enableBiaxial, lineSeries?.yAxisLabel, xAxisLabel]);
+  return /* @__PURE__ */ jsx("div", { "data-slot": "combo-chart", ...props, children: /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      className: cn(className),
+      config,
+      children: /* @__PURE__ */ jsxs(
+        ComposedChart,
+        {
+          accessibilityLayer: true,
+          barGap,
+          data,
+          margin: margins,
+          children: [
+            showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: gridDashArray, vertical: false }),
+            showXAxis && /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                axisLine: false,
+                dataKey: xAxisKey,
+                interval: intervalType,
+                minTickGap: tickGap,
+                tickFormatter: xAxisTickFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                ticks: xAxisTicks,
+                children: xAxisLabel && /* @__PURE__ */ jsx(Label, { offset: -5, position: "insideBottom", value: xAxisLabel })
+              }
+            ),
+            showBarYAxis && /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                axisLine: false,
+                domain: barYDomain,
+                orientation: "left",
+                tickFormatter: barSeries.yAxisTickFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                width: barSeries.yAxisWidth,
+                yAxisId: "left",
+                children: barSeries.yAxisLabel && /* @__PURE__ */ jsx(Label, { angle: -90, offset: -5, position: "insideLeft", value: barSeries.yAxisLabel })
+              }
+            ),
+            showLineYAxis && lineSeries && /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                axisLine: false,
+                domain: lineYDomain,
+                orientation: "right",
+                tickFormatter: lineSeries.yAxisTickFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                width: lineSeries.yAxisWidth,
+                yAxisId: "right",
+                children: lineSeries.yAxisLabel && /* @__PURE__ */ jsx(Label, { angle: 90, offset: -5, position: "insideRight", value: lineSeries.yAxisLabel })
+              }
+            ),
+            showTooltip && /* @__PURE__ */ jsx(
+              ChartTooltip,
+              {
+                content: tooltipCallback ? /* @__PURE__ */ jsx(TooltipContentWithCallback, {}) : /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator }),
+                cursor: false
+              }
+            ),
+            showLegend && /* @__PURE__ */ jsx(
+              ChartLegend,
+              {
+                align: legendPosition === "left" ? "left" : legendPosition === "right" ? "right" : "center",
+                content: /* @__PURE__ */ jsx(ChartLegendContent, { enableSlider: enableLegendSlider }),
+                layout: legendPosition === "left" || legendPosition === "right" ? "vertical" : "horizontal",
+                verticalAlign: legendPosition === "top" ? "top" : legendPosition === "bottom" ? "bottom" : "middle"
+              }
+            ),
+            normalizedBarSeries.map((seriesConfig) => {
+              const { dataKey, radius: seriesRadius, stackId } = seriesConfig;
+              const fill = `var(--color-${dataKey})`;
+              const finalRadius = seriesRadius ?? barRadius;
+              return /* @__PURE__ */ jsx(
+                Bar,
+                {
+                  dataKey,
+                  fill,
+                  radius: finalRadius,
+                  stackId: isStacked ? "combo-stack" : stackId,
+                  style: onValueChange ? { cursor: "pointer" } : void 0,
+                  yAxisId: "left",
+                  onClick: onValueChange ? handleBarClick(dataKey) : void 0
+                },
+                dataKey
+              );
+            }),
+            lineSeries && normalizedLineSeries.map((seriesConfig) => {
+              const {
+                activeDot: seriesActiveDot,
+                dataKey,
+                dot: seriesDot,
+                strokeDasharray,
+                strokeOpacity,
+                strokeWidth: seriesStrokeWidth
+              } = seriesConfig;
+              const stroke = `var(--color-${dataKey})`;
+              const finalDot = seriesDot ?? lineSeries.dot ?? false;
+              const finalStrokeWidth = seriesStrokeWidth ?? lineSeries.strokeWidth ?? 2;
+              const curveType = lineSeries.curveType ?? "monotone";
+              const baseActiveDot = seriesActiveDot ?? lineSeries.activeDot ?? { r: 6 };
+              const finalActiveDot = onValueChange ? typeof baseActiveDot === "object" ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : !baseActiveDot ? false : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : baseActiveDot;
+              return /* @__PURE__ */ jsx(
+                Line,
+                {
+                  activeDot: finalActiveDot,
+                  connectNulls: lineSeries.connectNulls,
+                  dataKey,
+                  dot: finalDot,
+                  stroke,
+                  strokeDasharray,
+                  strokeOpacity,
+                  strokeWidth: finalStrokeWidth,
+                  type: curveType,
+                  yAxisId: enableBiaxial ? "right" : "left"
+                },
+                dataKey
+              );
+            })
+          ]
+        }
+      )
+    }
+  ) });
+}
+ComboChart.displayName = "ComboChart";
+
+export { ComboChart };
+//# sourceMappingURL=chunk-7IKX4AFY.js.map
+//# sourceMappingURL=chunk-7IKX4AFY.js.map