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

package/dist/chunk-SJSYKUCL.js

@@ -0,0 +1,297 @@
+import { Button } from './chunk-ONQCNOLU.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import useEmblaCarousel from 'embla-carousel-react';
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+cva(
+  // Base styles (always applied)
+  "relative",
+  {
+    variants: {
+      orientation: {
+        horizontal: "",
+        vertical: ""
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+var carouselContentVariants = cva(
+  // Base styles (always applied)
+  "flex",
+  {
+    variants: {
+      orientation: {
+        horizontal: "-ml-[var(--carousel-item-gap-default)]",
+        vertical: "-mt-[var(--carousel-item-gap-default)] flex-col"
+      },
+      gap: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    compoundVariants: [
+      { gap: "sm", orientation: "horizontal", class: "-ml-[var(--carousel-item-gap-sm)]" },
+      { gap: "default", orientation: "horizontal", class: "-ml-[var(--carousel-item-gap-default)]" },
+      { gap: "lg", orientation: "horizontal", class: "-ml-[var(--carousel-item-gap-lg)]" },
+      { gap: "sm", orientation: "vertical", class: "-mt-[var(--carousel-item-gap-sm)]" },
+      { gap: "default", orientation: "vertical", class: "-mt-[var(--carousel-item-gap-default)]" },
+      { gap: "lg", orientation: "vertical", class: "-mt-[var(--carousel-item-gap-lg)]" }
+    ],
+    defaultVariants: {
+      orientation: "horizontal",
+      gap: "default"
+    }
+  }
+);
+var carouselItemVariants = cva(
+  // Base styles (always applied)
+  "min-w-0 shrink-0 grow-0 basis-full",
+  {
+    variants: {
+      orientation: {
+        horizontal: "pl-[var(--carousel-item-gap-default)]",
+        vertical: "pt-[var(--carousel-item-gap-default)]"
+      },
+      gap: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    compoundVariants: [
+      { gap: "sm", orientation: "horizontal", class: "pl-[var(--carousel-item-gap-sm)]" },
+      { gap: "default", orientation: "horizontal", class: "pl-[var(--carousel-item-gap-default)]" },
+      { gap: "lg", orientation: "horizontal", class: "pl-[var(--carousel-item-gap-lg)]" },
+      { gap: "sm", orientation: "vertical", class: "pt-[var(--carousel-item-gap-sm)]" },
+      { gap: "default", orientation: "vertical", class: "pt-[var(--carousel-item-gap-default)]" },
+      { gap: "lg", orientation: "vertical", class: "pt-[var(--carousel-item-gap-lg)]" }
+    ],
+    defaultVariants: {
+      orientation: "horizontal",
+      gap: "default"
+    }
+  }
+);
+var carouselButtonVariants = cva(
+  // Base styles (always applied)
+  "absolute size-[var(--carousel-button-size)] rounded-full",
+  {
+    variants: {
+      orientation: {
+        horizontal: "top-1/2 -translate-y-1/2",
+        vertical: "left-1/2 -translate-x-1/2 rotate-90"
+      },
+      direction: {
+        prev: "",
+        next: ""
+      }
+    },
+    compoundVariants: [
+      { direction: "prev", orientation: "horizontal", class: "-left-[var(--carousel-button-offset)]" },
+      { direction: "next", orientation: "horizontal", class: "-right-[var(--carousel-button-offset)]" },
+      { direction: "prev", orientation: "vertical", class: "-top-[var(--carousel-button-offset)]" },
+      { direction: "next", orientation: "vertical", class: "-bottom-[var(--carousel-button-offset)]" }
+    ],
+    defaultVariants: {
+      orientation: "horizontal",
+      direction: "prev"
+    }
+  }
+);
+var CarouselContext = React.createContext(null);
+function useCarousel() {
+  const context = React.use(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+  const onSelect = React.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React.useEffect(() => {
+    if (!api) return;
+    if (setApi) {
+      setApi(api);
+    }
+  }, [api, setApi]);
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation,
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-roledescription": "carousel",
+          className: cn("relative", className),
+          "data-orientation": orientation,
+          "data-slot": "carousel",
+          role: "region",
+          onKeyDownCapture: handleKeyDown,
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            carouselContentVariants({ orientation }),
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        carouselItemVariants({ orientation }),
+        className
+      ),
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      role: "group",
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className: cn(
+        carouselButtonVariants({ orientation, direction: "prev" }),
+        className
+      ),
+      "aria-label": "Previous slide",
+      "data-slot": "carousel-previous",
+      disabled: !canScrollPrev,
+      size,
+      variant,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowLeft, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className: cn(
+        carouselButtonVariants({ orientation, direction: "next" }),
+        className
+      ),
+      "aria-label": "Next slide",
+      "data-slot": "carousel-next",
+      disabled: !canScrollNext,
+      size,
+      variant,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowRight, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
+//# sourceMappingURL=chunk-SJSYKUCL.js.map
+//# sourceMappingURL=chunk-SJSYKUCL.js.map

package/dist/chunk-SJSYKUCL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.variants.ts","../src/components/data-display/Carousel/Carousel.tsx"],"names":["api"],"mappings":"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","file":"chunk-SJSYKUCL.js","sourcesContent":["// Carousel/Carousel.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Carousel root container style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const carouselVariants = cva(\n  // Base styles (always applied)\n  \"relative\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"\",\n        vertical: \"\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n)\n\n/**\n * Carousel content container style variants\n */\nexport const carouselContentVariants = cva(\n  // Base styles (always applied)\n  \"flex\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"-ml-[var(--carousel-item-gap-default)]\",\n        vertical: \"-mt-[var(--carousel-item-gap-default)] flex-col\",\n      },\n      gap: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    compoundVariants: [\n      { gap: \"sm\", orientation: \"horizontal\", class: \"-ml-[var(--carousel-item-gap-sm)]\" },\n      { gap: \"default\", orientation: \"horizontal\", class: \"-ml-[var(--carousel-item-gap-default)]\" },\n      { gap: \"lg\", orientation: \"horizontal\", class: \"-ml-[var(--carousel-item-gap-lg)]\" },\n      { gap: \"sm\", orientation: \"vertical\", class: \"-mt-[var(--carousel-item-gap-sm)]\" },\n      { gap: \"default\", orientation: \"vertical\", class: \"-mt-[var(--carousel-item-gap-default)]\" },\n      { gap: \"lg\", orientation: \"vertical\", class: \"-mt-[var(--carousel-item-gap-lg)]\" },\n    ],\n    defaultVariants: {\n      orientation: \"horizontal\",\n      gap: \"default\",\n    },\n  }\n)\n\n/**\n * Carousel item style variants\n */\nexport const carouselItemVariants = cva(\n  // Base styles (always applied)\n  \"min-w-0 shrink-0 grow-0 basis-full\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"pl-[var(--carousel-item-gap-default)]\",\n        vertical: \"pt-[var(--carousel-item-gap-default)]\",\n      },\n      gap: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    compoundVariants: [\n      { gap: \"sm\", orientation: \"horizontal\", class: \"pl-[var(--carousel-item-gap-sm)]\" },\n      { gap: \"default\", orientation: \"horizontal\", class: \"pl-[var(--carousel-item-gap-default)]\" },\n      { gap: \"lg\", orientation: \"horizontal\", class: \"pl-[var(--carousel-item-gap-lg)]\" },\n      { gap: \"sm\", orientation: \"vertical\", class: \"pt-[var(--carousel-item-gap-sm)]\" },\n      { gap: \"default\", orientation: \"vertical\", class: \"pt-[var(--carousel-item-gap-default)]\" },\n      { gap: \"lg\", orientation: \"vertical\", class: \"pt-[var(--carousel-item-gap-lg)]\" },\n    ],\n    defaultVariants: {\n      orientation: \"horizontal\",\n      gap: \"default\",\n    },\n  }\n)\n\n/**\n * Carousel navigation button style variants\n */\nexport const carouselButtonVariants = cva(\n  // Base styles (always applied)\n  \"absolute size-[var(--carousel-button-size)] rounded-full\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"top-1/2 -translate-y-1/2\",\n        vertical: \"left-1/2 -translate-x-1/2 rotate-90\",\n      },\n      direction: {\n        prev: \"\",\n        next: \"\",\n      },\n    },\n    compoundVariants: [\n      { direction: \"prev\", orientation: \"horizontal\", class: \"-left-[var(--carousel-button-offset)]\" },\n      { direction: \"next\", orientation: \"horizontal\", class: \"-right-[var(--carousel-button-offset)]\" },\n      { direction: \"prev\", orientation: \"vertical\", class: \"-top-[var(--carousel-button-offset)]\" },\n      { direction: \"next\", orientation: \"vertical\", class: \"-bottom-[var(--carousel-button-offset)]\" },\n    ],\n    defaultVariants: {\n      orientation: \"horizontal\",\n      direction: \"prev\",\n    },\n  }\n)\n\n// Export variant prop types\nexport type CarouselVariantProps = VariantProps<typeof carouselVariants>\nexport type CarouselContentVariantProps = VariantProps<typeof carouselContentVariants>\nexport type CarouselItemVariantProps = VariantProps<typeof carouselItemVariants>\nexport type CarouselButtonVariantProps = VariantProps<typeof carouselButtonVariants>\n","import useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\"\nimport { ArrowLeft, ArrowRight } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Button } from \"../../primitives/Button\"\nimport {\n  carouselButtonVariants,\n  carouselContentVariants,\n  carouselItemVariants,\n} from \"./Carousel.variants\"\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ninterface CarouselProps {\n  opts?: CarouselOptions\n  orientation?: \"horizontal\" | \"vertical\"\n  plugins?: CarouselPlugin\n  setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n  api: ReturnType<typeof useEmblaCarousel>[1]\n  canScrollNext: boolean\n  canScrollPrev: boolean\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n  scrollNext: () => void\n  scrollPrev: () => void\n} & CarouselProps\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = React.use(CarouselContext)\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\")\n  }\n\n  return context\n}\n\nfunction Carousel({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins\n  )\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n  const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n  // Update scroll state based on carousel position - state derived from carousel events\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return\n    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- Callback invoked by useEffect, not direct call\n    setCanScrollPrev(api.canScrollPrev())\n    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- Callback invoked by useEffect, not direct call\n    setCanScrollNext(api.canScrollNext())\n  }, [])\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev()\n  }, [api])\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext()\n  }, [api])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault()\n        scrollPrev()\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault()\n        scrollNext()\n      }\n    },\n    [scrollPrev, scrollNext]\n  )\n\n  React.useEffect(() => {\n    if (!api) return\n    if (setApi) {\n      // eslint-disable-next-line react-you-might-not-need-an-effect/no-pass-data-to-parent -- Required by embla-carousel API pattern\n      setApi(api)\n    }\n  }, [api, setApi])\n\n  React.useEffect(() => {\n    if (!api) return\n    onSelect(api)\n    api.on(\"reInit\", onSelect)\n    api.on(\"select\", onSelect)\n\n    return () => {\n      api.off(\"select\", onSelect)\n    }\n  }, [api, onSelect])\n\n  return (\n    <CarouselContext\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation,\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn(\"relative\", className)}\n        data-orientation={orientation}\n        data-slot=\"carousel\"\n        role=\"region\"\n        onKeyDownCapture={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext>\n  )\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div\n      ref={carouselRef}\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        className={cn(\n          carouselContentVariants({ orientation }),\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      className={cn(\n        carouselItemVariants({ orientation }),\n        className\n      )}\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      role=\"group\"\n      {...props}\n    />\n  )\n}\n\nfunction CarouselPrevious({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      className={cn(\n        carouselButtonVariants({ orientation, direction: \"prev\" }),\n        className\n      )}\n      aria-label=\"Previous slide\"\n      data-slot=\"carousel-previous\"\n      disabled={!canScrollPrev}\n      size={size}\n      variant={variant}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n}\n\nfunction CarouselNext({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      className={cn(\n        carouselButtonVariants({ orientation, direction: \"next\" }),\n        className\n      )}\n      aria-label=\"Next slide\"\n      data-slot=\"carousel-next\"\n      disabled={!canScrollNext}\n      size={size}\n      variant={variant}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  )\n}\n\nexport {\n  Carousel,\n  type CarouselApi,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n}\n"]}

package/dist/chunk-SM4AZOEP.js

@@ -0,0 +1,222 @@
+import { SkeletonLoader } from './chunk-QHKOBGLW.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var dashboardCardVariants = cva(
+  // Base styles (always applied)
+  [
+    "flex flex-col justify-between",
+    "rounded-2xl border bg-card text-card-foreground",
+    "transition-colors duration-200"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "border-border shadow-sm",
+        ghost: "border-transparent bg-transparent shadow-none",
+        outline: "border-border bg-transparent",
+        elevated: "border-border shadow-md"
+      },
+      size: {
+        sm: "p-4",
+        md: "p-6",
+        lg: "p-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var dashboardCardHeaderVariants = cva([
+  "flex items-center justify-between gap-2"
+]);
+var dashboardCardTitleVariants = cva([
+  "text-sm font-bold text-foreground"
+]);
+var dashboardCardValueVariants = cva([
+  "mt-2 flex items-baseline gap-2"
+]);
+var dashboardCardValueTextVariants = cva([
+  "text-xl font-semibold text-foreground tabular-nums"
+]);
+var dashboardCardValueDescriptionVariants = cva([
+  "text-sm text-muted-foreground"
+]);
+var dashboardCardContentVariants = cva(["mt-4"]);
+var dashboardCardFooterVariants = cva([
+  "mt-6 text-xs text-muted-foreground"
+]);
+var dashboardCardCtaLinkVariants = cva([
+  "text-primary hover:text-primary/80 hover:underline"
+]);
+function DashboardCardHeader({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(dashboardCardHeaderVariants(), className),
+      "data-slot": "dashboard-card-header",
+      ...props,
+      children
+    }
+  );
+}
+function DashboardCardTitle({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: cn(dashboardCardTitleVariants(), className),
+      "data-slot": "dashboard-card-title",
+      ...props,
+      children
+    }
+  );
+}
+function DashboardCardValue({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(dashboardCardValueVariants(), className),
+      "data-slot": "dashboard-card-value",
+      ...props,
+      children
+    }
+  );
+}
+function DashboardCardContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(dashboardCardContentVariants(), className),
+      "data-slot": "dashboard-card-content",
+      ...props,
+      children
+    }
+  );
+}
+function DashboardCardFooter({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(dashboardCardFooterVariants(), className),
+      "data-slot": "dashboard-card-footer",
+      ...props,
+      children
+    }
+  );
+}
+function DashboardCard({
+  title,
+  badge,
+  value,
+  valueDescription,
+  icon,
+  ctaText,
+  ctaLink,
+  ctaDescription,
+  loading = false,
+  variant,
+  size,
+  className,
+  children,
+  ...props
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(dashboardCardVariants({ variant, size }), className),
+        "data-slot": "dashboard-card",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: cn(dashboardCardHeaderVariants()), children: [
+            /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-5 w-12" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: cn(dashboardCardValueVariants()), children: /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-7 w-32" }) }),
+          /* @__PURE__ */ jsx("div", { className: cn(dashboardCardContentVariants()), children: /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-32 w-full" }) })
+        ]
+      }
+    );
+  }
+  const hasSimpleProps = title || value;
+  if (!hasSimpleProps && children) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(dashboardCardVariants({ variant, size }), className),
+        "data-slot": "dashboard-card",
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(dashboardCardVariants({ variant, size }), className),
+      "data-slot": "dashboard-card",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          (title || badge || icon) && /* @__PURE__ */ jsxs("div", { className: cn(dashboardCardHeaderVariants()), children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              title && /* @__PURE__ */ jsx("h3", { className: cn(dashboardCardTitleVariants()), children: title }),
+              badge
+            ] }),
+            icon && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-muted-foreground",
+                "data-slot": "dashboard-card-icon",
+                children: icon
+              }
+            )
+          ] }),
+          value && /* @__PURE__ */ jsxs("div", { className: cn(dashboardCardValueVariants()), children: [
+            /* @__PURE__ */ jsx("span", { className: cn(dashboardCardValueTextVariants()), children: value }),
+            valueDescription && /* @__PURE__ */ jsx("span", { className: cn(dashboardCardValueDescriptionVariants()), children: valueDescription })
+          ] }),
+          children && /* @__PURE__ */ jsx("div", { className: cn(dashboardCardContentVariants()), children })
+        ] }),
+        (ctaText || ctaDescription) && /* @__PURE__ */ jsxs("div", { className: cn(dashboardCardFooterVariants()), children: [
+          ctaDescription,
+          " ",
+          ctaText && ctaLink && /* @__PURE__ */ jsx("a", { className: cn(dashboardCardCtaLinkVariants()), href: ctaLink, children: ctaText })
+        ] })
+      ]
+    }
+  );
+}
+DashboardCard.Header = DashboardCardHeader;
+DashboardCard.Title = DashboardCardTitle;
+DashboardCard.Value = DashboardCardValue;
+DashboardCard.Content = DashboardCardContent;
+DashboardCard.Footer = DashboardCardFooter;
+DashboardCard.displayName = "DashboardCard";
+
+export { DashboardCard, DashboardCardContent, DashboardCardFooter, DashboardCardHeader, DashboardCardTitle, DashboardCardValue, dashboardCardContentVariants, dashboardCardFooterVariants, dashboardCardHeaderVariants, dashboardCardTitleVariants, dashboardCardValueVariants, dashboardCardVariants };
+//# sourceMappingURL=chunk-SM4AZOEP.js.map
+//# sourceMappingURL=chunk-SM4AZOEP.js.map

package/dist/chunk-SM4AZOEP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DashboardCard/DashboardCard.variants.ts","../src/components/data-display/DashboardCard/DashboardCard.tsx"],"names":[],"mappings":"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","file":"chunk-SM4AZOEP.js","sourcesContent":["// DashboardCard/DashboardCard.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * DashboardCard style variants using CVA\n */\nexport const dashboardCardVariants = cva(\n  // Base styles (always applied)\n  [\n    \"flex flex-col justify-between\",\n    \"rounded-2xl border bg-card text-card-foreground\",\n    \"transition-colors duration-200\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"border-border shadow-sm\",\n        ghost: \"border-transparent bg-transparent shadow-none\",\n        outline: \"border-border bg-transparent\",\n        elevated: \"border-border shadow-md\",\n      },\n      size: {\n        sm: \"p-4\",\n        md: \"p-6\",\n        lg: \"p-8\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n)\n\nexport const dashboardCardHeaderVariants = cva([\n  \"flex items-center justify-between gap-2\",\n])\n\nexport const dashboardCardTitleVariants = cva([\n  \"text-sm font-bold text-foreground\",\n])\n\nexport const dashboardCardValueVariants = cva([\n  \"mt-2 flex items-baseline gap-2\",\n])\n\nexport const dashboardCardValueTextVariants = cva([\n  \"text-xl font-semibold text-foreground tabular-nums\",\n])\n\nexport const dashboardCardValueDescriptionVariants = cva([\n  \"text-sm text-muted-foreground\",\n])\n\nexport const dashboardCardContentVariants = cva([\"mt-4\"])\n\nexport const dashboardCardFooterVariants = cva([\n  \"mt-6 text-xs text-muted-foreground\",\n])\n\nexport const dashboardCardCtaLinkVariants = cva([\n  \"text-primary hover:text-primary/80 hover:underline\",\n])\n\nexport type DashboardCardVariantProps = VariantProps<\n  typeof dashboardCardVariants\n>\n","// DashboardCard/DashboardCard.tsx\nimport type {\n  DashboardCardContentProps,\n  DashboardCardFooterProps,\n  DashboardCardHeaderProps,\n  DashboardCardProps,\n  DashboardCardTitleProps,\n  DashboardCardValueProps,\n} from \"./DashboardCard.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { SkeletonLoader } from \"../../primitives/SkeletonLoader\"\nimport {\n  dashboardCardContentVariants,\n  dashboardCardCtaLinkVariants,\n  dashboardCardFooterVariants,\n  dashboardCardHeaderVariants,\n  dashboardCardTitleVariants,\n  dashboardCardValueDescriptionVariants,\n  dashboardCardValueTextVariants,\n  dashboardCardValueVariants,\n  dashboardCardVariants,\n} from \"./DashboardCard.variants\"\n\n/**\n * DashboardCardHeader - Header section with title and optional badge/icon\n */\nfunction DashboardCardHeader({\n  className,\n  children,\n  ...props\n}: DashboardCardHeaderProps) {\n  return (\n    <div\n      className={cn(dashboardCardHeaderVariants(), className)}\n      data-slot=\"dashboard-card-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCardTitle - Title text for the card\n */\nfunction DashboardCardTitle({\n  className,\n  children,\n  ...props\n}: DashboardCardTitleProps) {\n  return (\n    <h3\n      className={cn(dashboardCardTitleVariants(), className)}\n      data-slot=\"dashboard-card-title\"\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\n/**\n * DashboardCardValue - Main value display area\n */\nfunction DashboardCardValue({\n  className,\n  children,\n  ...props\n}: DashboardCardValueProps) {\n  return (\n    <div\n      className={cn(dashboardCardValueVariants(), className)}\n      data-slot=\"dashboard-card-value\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCardContent - Content area for charts, progress bars, etc.\n */\nfunction DashboardCardContent({\n  className,\n  children,\n  ...props\n}: DashboardCardContentProps) {\n  return (\n    <div\n      className={cn(dashboardCardContentVariants(), className)}\n      data-slot=\"dashboard-card-content\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCardFooter - Footer with optional CTA\n */\nfunction DashboardCardFooter({\n  className,\n  children,\n  ...props\n}: DashboardCardFooterProps) {\n  return (\n    <div\n      className={cn(dashboardCardFooterVariants(), className)}\n      data-slot=\"dashboard-card-footer\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCard - Card wrapper for dashboard widgets\n *\n * Displays KPIs, charts, progress bars, and other dashboard content\n * with a consistent structure: header, value, content, and footer.\n *\n * @example\n * ```tsx\n * // Simple usage\n * <DashboardCard\n *   title=\"Revenue\"\n *   value=\"$45,231\"\n *   valueDescription=\"total this month\"\n *   badge={<Badge variant=\"success\">+12%</Badge>}\n * >\n *   <LineChart data={chartData} />\n * </DashboardCard>\n *\n * // Composable usage\n * <DashboardCard>\n *   <DashboardCard.Header>\n *     <DashboardCard.Title>Custom Title</DashboardCard.Title>\n *   </DashboardCard.Header>\n *   <DashboardCard.Value>$99,999</DashboardCard.Value>\n *   <DashboardCard.Content>\n *     <ProgressBar value={75} />\n *   </DashboardCard.Content>\n *   <DashboardCard.Footer>\n *     <a href=\"/details\">View details</a>\n *   </DashboardCard.Footer>\n * </DashboardCard>\n * ```\n */\nfunction DashboardCard({\n  title,\n  badge,\n  value,\n  valueDescription,\n  icon,\n  ctaText,\n  ctaLink,\n  ctaDescription,\n  loading = false,\n  variant,\n  size,\n  className,\n  children,\n  ...props\n}: DashboardCardProps) {\n  // Loading state\n  if (loading) {\n    return (\n      <div\n        className={cn(dashboardCardVariants({ variant, size }), className)}\n        data-slot=\"dashboard-card\"\n        {...props}\n      >\n        <div className={cn(dashboardCardHeaderVariants())}>\n          <SkeletonLoader className=\"h-4 w-24\" />\n          <SkeletonLoader className=\"h-5 w-12\" />\n        </div>\n        <div className={cn(dashboardCardValueVariants())}>\n          <SkeletonLoader className=\"h-7 w-32\" />\n        </div>\n        <div className={cn(dashboardCardContentVariants())}>\n          <SkeletonLoader className=\"h-32 w-full\" />\n        </div>\n      </div>\n    )\n  }\n\n  // If only children provided, render as composable\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Intentional: checking truthiness, not null/undefined\n  const hasSimpleProps = title || value\n\n  if (!hasSimpleProps && children) {\n    return (\n      <div\n        className={cn(dashboardCardVariants({ variant, size }), className)}\n        data-slot=\"dashboard-card\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  // Simple/declarative usage\n  return (\n    <div\n      className={cn(dashboardCardVariants({ variant, size }), className)}\n      data-slot=\"dashboard-card\"\n      {...props}\n    >\n      <div>\n        {/* Header */}\n        {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Intentional: checking truthiness */}\n        {(title || badge || icon) && (\n          <div className={cn(dashboardCardHeaderVariants())}>\n            <div className=\"flex items-center gap-2\">\n              {title && (\n                <h3 className={cn(dashboardCardTitleVariants())}>{title}</h3>\n              )}\n              {badge}\n            </div>\n            {icon && (\n              <span\n                className=\"text-muted-foreground\"\n                data-slot=\"dashboard-card-icon\"\n              >\n                {icon}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Value */}\n        {value && (\n          <div className={cn(dashboardCardValueVariants())}>\n            <span className={cn(dashboardCardValueTextVariants())}>\n              {value}\n            </span>\n            {valueDescription && (\n              <span className={cn(dashboardCardValueDescriptionVariants())}>\n                {valueDescription}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Content */}\n        {children && (\n          <div className={cn(dashboardCardContentVariants())}>{children}</div>\n        )}\n      </div>\n\n      {/* Footer/CTA */}\n      {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Intentional: checking truthiness */}\n      {(ctaText || ctaDescription) && (\n        <div className={cn(dashboardCardFooterVariants())}>\n          {ctaDescription}{\" \"}\n          {ctaText && ctaLink && (\n            <a className={cn(dashboardCardCtaLinkVariants())} href={ctaLink}>\n              {ctaText}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Attach subcomponents\nDashboardCard.Header = DashboardCardHeader\nDashboardCard.Title = DashboardCardTitle\nDashboardCard.Value = DashboardCardValue\nDashboardCard.Content = DashboardCardContent\nDashboardCard.Footer = DashboardCardFooter\n\nDashboardCard.displayName = \"DashboardCard\"\n\nexport {\n  DashboardCard,\n  DashboardCardContent,\n  DashboardCardFooter,\n  DashboardCardHeader,\n  DashboardCardTitle,\n  DashboardCardValue,\n}\n"]}

package/dist/chunk-SXJMERQL.js

@@ -0,0 +1,40 @@
+import { cva } from 'class-variance-authority';
+
+// src/components/forms/ToggleGroup/ToggleGroup.variants.ts
+var toggleGroupItemVariants = cva(
+  "inline-flex items-center justify-center gap-[var(--toggle-root-gap)] font-[var(--toggle-root-font-weight)] rounded-[var(--toggle-root-border-radius)] border-[length:var(--toggle-root-border-width)] transition-[var(--toggle-root-transition)] hover:bg-[color:var(--toggle-variant-default-bg-hover)] hover:text-[color:var(--toggle-variant-default-color-hover)] disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[color:var(--toggle-variant-default-bg-on)] data-[state=on]:text-[color:var(--toggle-variant-default-color-on)] [&_svg]:pointer-events-none [&_svg]:size-[var(--toggle-icon-size)] [&_svg]:shrink-0 focus-visible:z-10 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-[color:var(--toggle-variant-default-bg-default)] text-[color:var(--toggle-variant-default-color-default)] border-[color:var(--toggle-variant-default-border)]",
+        outline: "border-[color:var(--toggle-variant-outline-border)] bg-[color:var(--toggle-variant-outline-bg-default)] text-[color:var(--toggle-variant-outline-color-default)] shadow-xs hover:bg-[color:var(--toggle-variant-outline-bg-hover)] hover:text-[color:var(--toggle-variant-outline-color-hover)]"
+      },
+      size: {
+        default: "h-[var(--toggle-size-default-height)] px-[var(--toggle-size-default-padding-x)] min-w-[var(--toggle-size-default-min-width)]",
+        sm: "h-[var(--toggle-size-sm-height)] px-[var(--toggle-size-sm-padding-x)] min-w-[var(--toggle-size-sm-min-width)]",
+        md: "h-[var(--toggle-size-md-height)] px-[var(--toggle-size-md-padding-x)] min-w-[var(--toggle-size-md-min-width)]",
+        lg: "h-[var(--toggle-size-lg-height)] px-[var(--toggle-size-lg-padding-x)] min-w-[var(--toggle-size-lg-min-width)]"
+      },
+      connected: {
+        true: "rounded-none first:rounded-l-md last:rounded-r-md",
+        false: "rounded-md"
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "outline",
+        connected: true,
+        className: "border-l-0 first:border-l"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      connected: false
+    }
+  }
+);
+
+export { toggleGroupItemVariants };
+//# sourceMappingURL=chunk-SXJMERQL.js.map
+//# sourceMappingURL=chunk-SXJMERQL.js.map

package/dist/chunk-SXJMERQL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/ToggleGroup/ToggleGroup.variants.ts"],"names":[],"mappings":";;;AAMO,IAAM,uBAAA,GAA0B,GAAA;AAAA,EACrC,s1BAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,kKAAA;AAAA,QACT,OAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,8HAAA;AAAA,QACT,EAAA,EAAI,+GAAA;AAAA,QACJ,EAAA,EAAI,+GAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,mDAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,SAAA;AAAA,MACN,SAAA,EAAW;AAAA;AACb;AAEJ","file":"chunk-SXJMERQL.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ToggleGroupItem variants - matches primitives/Toggle\n * Re-exported for forms/ToggleGroup compatibility\n */\nexport const toggleGroupItemVariants = cva(\n  \"inline-flex items-center justify-center gap-[var(--toggle-root-gap)] font-[var(--toggle-root-font-weight)] rounded-[var(--toggle-root-border-radius)] border-[length:var(--toggle-root-border-width)] transition-[var(--toggle-root-transition)] hover:bg-[color:var(--toggle-variant-default-bg-hover)] hover:text-[color:var(--toggle-variant-default-color-hover)] disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[color:var(--toggle-variant-default-bg-on)] data-[state=on]:text-[color:var(--toggle-variant-default-color-on)] [&_svg]:pointer-events-none [&_svg]:size-[var(--toggle-icon-size)] [&_svg]:shrink-0 focus-visible:z-10 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-[color:var(--toggle-variant-default-bg-default)] text-[color:var(--toggle-variant-default-color-default)] border-[color:var(--toggle-variant-default-border)]\",\n        outline:\n          \"border-[color:var(--toggle-variant-outline-border)] bg-[color:var(--toggle-variant-outline-bg-default)] text-[color:var(--toggle-variant-outline-color-default)] shadow-xs hover:bg-[color:var(--toggle-variant-outline-bg-hover)] hover:text-[color:var(--toggle-variant-outline-color-hover)]\",\n      },\n      size: {\n        default: \"h-[var(--toggle-size-default-height)] px-[var(--toggle-size-default-padding-x)] min-w-[var(--toggle-size-default-min-width)]\",\n        sm: \"h-[var(--toggle-size-sm-height)] px-[var(--toggle-size-sm-padding-x)] min-w-[var(--toggle-size-sm-min-width)]\",\n        md: \"h-[var(--toggle-size-md-height)] px-[var(--toggle-size-md-padding-x)] min-w-[var(--toggle-size-md-min-width)]\",\n        lg: \"h-[var(--toggle-size-lg-height)] px-[var(--toggle-size-lg-padding-x)] min-w-[var(--toggle-size-lg-min-width)]\",\n      },\n      connected: {\n        true: \"rounded-none first:rounded-l-md last:rounded-r-md\",\n        false: \"rounded-md\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"outline\",\n        connected: true,\n        className: \"border-l-0 first:border-l\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      connected: false,\n    },\n  }\n)\n\nexport type ToggleGroupItemVariantProps = VariantProps<typeof toggleGroupItemVariants>\n"]}