@kamod-ui/core 0.1.0

package/dist/chunk-SJ5MYJ7L.js

@@ -0,0 +1,283 @@
+import { Button } from './chunk-UGQ756Z6.js';
+import { cn } from './chunk-OMXWBB67.js';
+import EmblaCarousel from 'embla-carousel';
+import Autoplay from 'embla-carousel-autoplay';
+import { signal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useState, useRef, useCallback, useMemo, useLayoutEffect, useContext } from 'preact/hooks';
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+
+var CarouselContext = createContext(null);
+var useCarousel = (strict = true) => {
+  const context = useContext(CarouselContext);
+  if (!context && strict) throw new Error("Carousel subcomponents must be used within Carousel");
+  return context;
+};
+var Carousel = ({
+  opts,
+  orientation = "horizontal",
+  setApi,
+  plugins,
+  autoplay = false,
+  dir,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const [viewport, setViewport] = useState(null);
+  const lastViewport = useRef(null);
+  const setCarouselViewport = useCallback((el) => {
+    if (lastViewport.current === el) return;
+    lastViewport.current = el;
+    setViewport(el);
+  }, []);
+  const signalsRef = useRef(null);
+  if (!signalsRef.current) {
+    signalsRef.current = {
+      embla: signal(null),
+      canScrollPrev: signal(false),
+      canScrollNext: signal(false)
+    };
+  }
+  const { embla, canScrollPrev, canScrollNext } = signalsRef.current;
+  const optsKey = JSON.stringify(opts ?? {});
+  const mergedOpts = useMemo(() => {
+    const base = opts ?? {};
+    return {
+      ...base,
+      align: base.align ?? (orientation === "vertical" ? "start" : "center"),
+      axis: orientation === "vertical" ? "y" : "x",
+      ...dir ? { direction: dir } : {}
+    };
+  }, [optsKey, orientation, dir]);
+  const effectivePlugins = useMemo(() => {
+    if (plugins !== void 0) return plugins;
+    if (!autoplay) return [];
+    return [Autoplay(typeof autoplay === "object" ? autoplay : {})];
+  }, [plugins, autoplay]);
+  const pluginsKey = useMemo(() => effectivePlugins.map((p) => p.name).join(","), [effectivePlugins]);
+  useLayoutEffect(() => {
+    if (!viewport) return;
+    const api = EmblaCarousel(viewport, mergedOpts, effectivePlugins);
+    embla.value = api;
+    const updateScroll = () => {
+      canScrollPrev.value = api.canScrollPrev();
+      canScrollNext.value = api.canScrollNext();
+    };
+    const onSelect = () => updateScroll();
+    const onReInit = () => updateScroll();
+    api.on("select", onSelect);
+    api.on("reInit", onReInit);
+    updateScroll();
+    setApi?.(api);
+    return () => {
+      api.off("select", onSelect);
+      api.off("reInit", onReInit);
+      setApi?.(null);
+      api.destroy();
+      embla.value = null;
+      canScrollPrev.value = false;
+      canScrollNext.value = false;
+    };
+  }, [viewport, mergedOpts, pluginsKey, optsKey, orientation, dir]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        setCarouselViewport,
+        embla,
+        canScrollPrev,
+        canScrollNext,
+        scrollPrev: () => embla.value?.scrollPrev(),
+        scrollNext: () => embla.value?.scrollNext(),
+        orientation
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          "data-carousel-orientation": orientation,
+          class: cn("relative", className),
+          dir,
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+};
+var CarouselContent = ({ class: className, children, ...rest }) => {
+  const ctx = useCarousel(true);
+  if (!ctx) throw new Error("CarouselContent requires Carousel");
+  const vertical = ctx.orientation === "vertical";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (el) => {
+        ctx.setCarouselViewport(el);
+      },
+      "data-slot": "carousel-viewport",
+      "data-carousel-axis": vertical ? "y" : "x",
+      class: cn(
+        "overflow-hidden",
+        vertical && "min-h-0 touch-pan-y",
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "carousel-container",
+          class: cn("flex", vertical ? "h-full min-h-0 flex-col" : "flex-row"),
+          children
+        }
+      )
+    }
+  );
+};
+var CarouselItem = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "group",
+    "aria-roledescription": "slide",
+    "data-slot": "carousel-item",
+    class: cn("min-h-0 min-w-0 shrink-0 grow-0 basis-full", className),
+    ...rest,
+    children
+  }
+);
+var ChevronRight = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: cn("size-4", className),
+    "aria-hidden": true,
+    children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+  }
+);
+var ChevronDown = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: cn("size-4", className),
+    "aria-hidden": true,
+    children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+  }
+);
+var CarouselNext = ({ children, class: className, onClick, disabled, ...rest }) => {
+  const ctx = useCarousel(false);
+  const vertical = ctx?.orientation === "vertical";
+  const canNext = ctx?.canScrollNext.value ?? false;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...rest,
+      type: "button",
+      variant: "outline",
+      size: "icon",
+      "data-slot": "carousel-next",
+      "aria-label": "Next slide",
+      disabled: disabled ?? !canNext,
+      class: cn(
+        "absolute z-10 size-8 rounded-full shadow-xs",
+        vertical ? "-bottom-12 left-1/2 -translate-x-1/2" : "-end-12 top-1/2 -translate-y-1/2 rtl:-rotate-180",
+        className
+      ),
+      onClick: (event) => {
+        ctx?.scrollNext();
+        onClick?.(event);
+      },
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { class: "sr-only", children: "Next slide" }),
+        vertical ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {})
+      ] })
+    }
+  );
+};
+var ChevronLeft = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: cn("size-4", className),
+    "aria-hidden": true,
+    children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
+  }
+);
+var ChevronUp = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: cn("size-4", className),
+    "aria-hidden": true,
+    children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" })
+  }
+);
+var CarouselPrevious = ({ children, class: className, onClick, disabled, ...rest }) => {
+  const ctx = useCarousel(false);
+  const vertical = ctx?.orientation === "vertical";
+  const canPrev = ctx?.canScrollPrev.value ?? false;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...rest,
+      type: "button",
+      variant: "outline",
+      size: "icon",
+      "data-slot": "carousel-previous",
+      "aria-label": "Previous slide",
+      disabled: disabled ?? !canPrev,
+      class: cn(
+        "absolute z-10 size-8 rounded-full shadow-xs",
+        vertical ? "-top-12 left-1/2 -translate-x-1/2" : "-start-12 top-1/2 -translate-y-1/2 rtl:-rotate-180",
+        className
+      ),
+      onClick: (event) => {
+        ctx?.scrollPrev();
+        onClick?.(event);
+      },
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { class: "sr-only", children: "Previous slide" }),
+        vertical ? /* @__PURE__ */ jsx(ChevronUp, {}) : /* @__PURE__ */ jsx(ChevronLeft, {})
+      ] })
+    }
+  );
+};
+
+// src/components/carousel/index.ts
+var carousel_default = {
+  Root: Carousel,
+  Content: CarouselContent,
+  Item: CarouselItem,
+  Previous: CarouselPrevious,
+  Next: CarouselNext
+};
+
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, carousel_default };
+//# sourceMappingURL=chunk-SJ5MYJ7L.js.map
+//# sourceMappingURL=chunk-SJ5MYJ7L.js.map

package/dist/chunk-SJ5MYJ7L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/carousel/Carousel.tsx","../src/components/carousel/CarouselContent.tsx","../src/components/carousel/CarouselItem.tsx","../src/components/carousel/CarouselNext.tsx","../src/components/carousel/CarouselPrevious.tsx","../src/components/carousel/index.ts"],"names":["jsx","jsxs","Fragment"],"mappings":"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","file":"chunk-SJ5MYJ7L.js","sourcesContent":["import EmblaCarousel, {\n  type EmblaCarouselType,\n  type EmblaOptionsType,\n  type EmblaPluginType\n} from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport { signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useCallback, useContext, useLayoutEffect, useMemo, useRef, useState } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CarouselApi = EmblaCarouselType;\n\nexport type CarouselOrientation = \"horizontal\" | \"vertical\";\n\ntype CarouselContextValue = {\n  setCarouselViewport: (el: HTMLDivElement | null) => void;\n  embla: ReturnType<typeof signal<EmblaCarouselType | null>>;\n  canScrollPrev: ReturnType<typeof signal<boolean>>;\n  canScrollNext: ReturnType<typeof signal<boolean>>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  orientation: CarouselOrientation;\n};\n\nconst CarouselContext = createContext<CarouselContextValue | null>(null);\n\nexport const useCarousel = (strict = true) => {\n  const context = useContext(CarouselContext);\n  if (!context && strict) throw new Error(\"Carousel subcomponents must be used within Carousel\");\n  return context;\n};\n\nexport type CarouselProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"dir\"> & {\n  opts?: EmblaOptionsType;\n  orientation?: CarouselOrientation;\n  setApi?: (api: CarouselApi | null) => void;\n  plugins?: EmblaPluginType[];\n  /** When `plugins` is omitted, adds `embla-carousel-autoplay`. Ignored if `plugins` is set. */\n  autoplay?: boolean | { delay?: number; stopOnInteraction?: boolean };\n  dir?: \"ltr\" | \"rtl\";\n  children?: ComponentChildren;\n};\n\nexport const Carousel = ({\n  opts,\n  orientation = \"horizontal\",\n  setApi,\n  plugins,\n  autoplay = false,\n  dir,\n  class: className,\n  children,\n  ...rest\n}: CarouselProps) => {\n  const [viewport, setViewport] = useState<HTMLDivElement | null>(null);\n  const lastViewport = useRef<HTMLDivElement | null>(null);\n  const setCarouselViewport = useCallback((el: HTMLDivElement | null) => {\n    if (lastViewport.current === el) return;\n    lastViewport.current = el;\n    setViewport(el);\n  }, []);\n  const signalsRef = useRef<{\n    embla: ReturnType<typeof signal<EmblaCarouselType | null>>;\n    canScrollPrev: ReturnType<typeof signal<boolean>>;\n    canScrollNext: ReturnType<typeof signal<boolean>>;\n  } | null>(null);\n  if (!signalsRef.current) {\n    signalsRef.current = {\n      embla: signal<EmblaCarouselType | null>(null),\n      canScrollPrev: signal(false),\n      canScrollNext: signal(false)\n    };\n  }\n  const { embla, canScrollPrev, canScrollNext } = signalsRef.current;\n\n  const optsKey = JSON.stringify(opts ?? {});\n\n  const mergedOpts = useMemo<EmblaOptionsType>(() => {\n    const base = opts ?? {};\n    return {\n      ...base,\n      align: base.align ?? (orientation === \"vertical\" ? \"start\" : \"center\"),\n      axis: orientation === \"vertical\" ? \"y\" : \"x\",\n      ...(dir ? { direction: dir } : {})\n    };\n  }, [optsKey, orientation, dir]);\n\n  const effectivePlugins = useMemo<EmblaPluginType[]>(() => {\n    if (plugins !== undefined) return plugins;\n    if (!autoplay) return [];\n    return [Autoplay(typeof autoplay === \"object\" ? autoplay : {})];\n  }, [plugins, autoplay]);\n\n  const pluginsKey = useMemo(() => effectivePlugins.map((p) => p.name).join(\",\"), [effectivePlugins]);\n\n  useLayoutEffect(() => {\n    if (!viewport) return;\n\n    const api = EmblaCarousel(viewport, mergedOpts, effectivePlugins);\n    embla.value = api;\n\n    const updateScroll = () => {\n      canScrollPrev.value = api.canScrollPrev();\n      canScrollNext.value = api.canScrollNext();\n    };\n\n    const onSelect = () => updateScroll();\n    const onReInit = () => updateScroll();\n\n    api.on(\"select\", onSelect);\n    api.on(\"reInit\", onReInit);\n    updateScroll();\n    setApi?.(api);\n\n    return () => {\n      api.off(\"select\", onSelect);\n      api.off(\"reInit\", onReInit);\n      setApi?.(null);\n      api.destroy();\n      embla.value = null;\n      canScrollPrev.value = false;\n      canScrollNext.value = false;\n    };\n  }, [viewport, mergedOpts, pluginsKey, optsKey, orientation, dir]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        setCarouselViewport,\n        embla,\n        canScrollPrev,\n        canScrollNext,\n        scrollPrev: () => embla.value?.scrollPrev(),\n        scrollNext: () => embla.value?.scrollNext(),\n        orientation\n      }}\n    >\n      <div\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        data-carousel-orientation={orientation}\n        class={cn(\"relative\", className)}\n        dir={dir}\n        {...rest}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCarousel } from \"./Carousel\";\n\nexport type CarouselContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const CarouselContent = ({ class: className, children, ...rest }: CarouselContentProps) => {\n  const ctx = useCarousel(true);\n  if (!ctx) throw new Error(\"CarouselContent requires Carousel\");\n  const vertical = ctx.orientation === \"vertical\";\n\n  return (\n    <div\n      ref={(el) => {\n        ctx.setCarouselViewport(el);\n      }}\n      data-slot=\"carousel-viewport\"\n      data-carousel-axis={vertical ? \"y\" : \"x\"}\n      class={cn(\n        \"overflow-hidden\",\n        vertical && \"min-h-0 touch-pan-y\",\n        className\n      )}\n      {...rest}\n    >\n      <div\n        data-slot=\"carousel-container\"\n        class={cn(\"flex\", vertical ? \"h-full min-h-0 flex-col\" : \"flex-row\")}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CarouselItemProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const CarouselItem = ({ class: className, children, ...rest }: CarouselItemProps) => (\n  <div\n    role=\"group\"\n    aria-roledescription=\"slide\"\n    data-slot=\"carousel-item\"\n    class={cn(\"min-h-0 min-w-0 shrink-0 grow-0 basis-full\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\nimport { useCarousel } from \"./Carousel\";\n\nconst ChevronRight = ({ class: className }: { class?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    class={cn(\"size-4\", className)}\n    aria-hidden\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nconst ChevronDown = ({ class: className }: { class?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    class={cn(\"size-4\", className)}\n    aria-hidden\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\n\nexport type CarouselNextProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"size\"> & {\n  children?: ComponentChildren;\n};\n\nexport const CarouselNext = ({ children, class: className, onClick, disabled, ...rest }: CarouselNextProps) => {\n  const ctx = useCarousel(false);\n  const vertical = ctx?.orientation === \"vertical\";\n  const canNext = ctx?.canScrollNext.value ?? false;\n\n  return (\n    <Button\n      {...rest}\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      data-slot=\"carousel-next\"\n      aria-label=\"Next slide\"\n      disabled={disabled ?? !canNext}\n      class={cn(\n        \"absolute z-10 size-8 rounded-full shadow-xs\",\n        vertical\n          ? \"-bottom-12 left-1/2 -translate-x-1/2\"\n          : \"-end-12 top-1/2 -translate-y-1/2 rtl:-rotate-180\",\n        className\n      )}\n      onClick={(event) => {\n        ctx?.scrollNext();\n        onClick?.(event);\n      }}\n    >\n      {children ?? (\n        <>\n          <span class=\"sr-only\">Next slide</span>\n          {vertical ? <ChevronDown /> : <ChevronRight />}\n        </>\n      )}\n    </Button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\nimport { useCarousel } from \"./Carousel\";\n\nconst ChevronLeft = ({ class: className }: { class?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    class={cn(\"size-4\", className)}\n    aria-hidden\n  >\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n);\n\nconst ChevronUp = ({ class: className }: { class?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    class={cn(\"size-4\", className)}\n    aria-hidden\n  >\n    <path d=\"m18 15-6-6-6 6\" />\n  </svg>\n);\n\nexport type CarouselPreviousProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"size\"> & {\n  children?: ComponentChildren;\n};\n\nexport const CarouselPrevious = ({ children, class: className, onClick, disabled, ...rest }: CarouselPreviousProps) => {\n  const ctx = useCarousel(false);\n  const vertical = ctx?.orientation === \"vertical\";\n  const canPrev = ctx?.canScrollPrev.value ?? false;\n\n  return (\n    <Button\n      {...rest}\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      data-slot=\"carousel-previous\"\n      aria-label=\"Previous slide\"\n      disabled={disabled ?? !canPrev}\n      class={cn(\n        \"absolute z-10 size-8 rounded-full shadow-xs\",\n        vertical\n          ? \"-top-12 left-1/2 -translate-x-1/2\"\n          : \"-start-12 top-1/2 -translate-y-1/2 rtl:-rotate-180\",\n        className\n      )}\n      onClick={(event) => {\n        ctx?.scrollPrev();\n        onClick?.(event);\n      }}\n    >\n      {children ?? (\n        <>\n          <span class=\"sr-only\">Previous slide</span>\n          {vertical ? <ChevronUp /> : <ChevronLeft />}\n        </>\n      )}\n    </Button>\n  );\n};\n","export {\n  Carousel,\n  type CarouselApi,\n  type CarouselOrientation,\n  type CarouselProps\n} from \"./Carousel\";\nexport { CarouselContent, type CarouselContentProps } from \"./CarouselContent\";\nexport { CarouselItem, type CarouselItemProps } from \"./CarouselItem\";\nexport { CarouselNext, type CarouselNextProps } from \"./CarouselNext\";\nexport { CarouselPrevious, type CarouselPreviousProps } from \"./CarouselPrevious\";\n\nimport { Carousel } from \"./Carousel\";\nimport { CarouselContent } from \"./CarouselContent\";\nimport { CarouselItem } from \"./CarouselItem\";\nimport { CarouselNext } from \"./CarouselNext\";\nimport { CarouselPrevious } from \"./CarouselPrevious\";\n\nexport default {\n  Root: Carousel,\n  Content: CarouselContent,\n  Item: CarouselItem,\n  Previous: CarouselPrevious,\n  Next: CarouselNext\n};\n"]}

package/dist/chunk-SZ2I2SRP.js

@@ -0,0 +1,156 @@
+import { Separator } from './chunk-3WAPI4KR.js';
+import { label } from './chunk-Y4OW24IS.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { tv } from 'tailwind-variants';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+import { useMemo } from 'preact/hooks';
+
+var fieldRoot = tv({
+  base: [
+    "group/field flex w-full gap-3",
+    "data-[invalid]:text-destructive"
+  ],
+  variants: {
+    orientation: {
+      vertical: "flex-col *:w-full [.sr-only]:w-auto",
+      horizontal: [
+        "flex-row flex-wrap items-center",
+        "[&>[data-slot=field-label]]:flex-1",
+        "has-[>[data-slot=field-content]]:items-start",
+        "has-[>[data-slot=field-content]]:[&>[data-slot=checkbox],[role=checkbox],[role=radio]]:mt-px"
+      ],
+      responsive: [
+        "flex-col *:w-full [.sr-only]:w-auto",
+        "@md/field-group:flex-row @md/field-group:flex-wrap @md/field-group:items-center",
+        "@md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-1",
+        "@md/field-group:has-[>[data-slot=field-content]]:items-start",
+        "@md/field-group:has-[>[data-slot=field-content]]:[&>[data-slot=checkbox],[role=checkbox],[role=radio]]:mt-px"
+      ]
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+var Field = ({
+  class: className,
+  label: label2,
+  description,
+  error,
+  required = false,
+  orientation = "vertical",
+  disabled = false,
+  invalid = false,
+  children,
+  ...rest
+}) => {
+  const legacy = label2 != null || description != null || error != null;
+  const resolvedRequired = required && label2 != null;
+  if (legacy) {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...rest,
+        "data-slot": "field",
+        "data-orientation": orientation,
+        "data-disabled": disabled ? "" : void 0,
+        class: cn(
+          "group/field",
+          !isHorizontal && "grid gap-2",
+          isHorizontal && label2 != null && "flex flex-col gap-2",
+          isHorizontal && label2 == null && fieldRoot({ orientation: "horizontal" }),
+          disabled ? "opacity-80" : null,
+          className
+        ),
+        ...invalid ? { "data-invalid": "" } : {},
+        children: [
+          label2 != null ? /* @__PURE__ */ jsxs("label", { "data-slot": "field-label", class: "text-sm leading-none font-medium", children: [
+            label2,
+            resolvedRequired ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", class: "ms-1 text-destructive", children: "*" }) : null
+          ] }) : null,
+          isHorizontal && label2 != null ? /* @__PURE__ */ jsx("div", { class: "flex min-w-0 flex-row flex-wrap items-center gap-3", children }) : children,
+          description != null ? /* @__PURE__ */ jsx("p", { "data-slot": "field-description", class: "text-muted-foreground text-sm leading-normal", children: description }) : null,
+          error != null ? /* @__PURE__ */ jsx("p", { "data-slot": "field-error", role: "alert", class: "text-destructive text-sm", children: error }) : null
+        ]
+      }
+    );
+  }
+  const orient = orientation === "responsive" ? "responsive" : orientation;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      "data-slot": "field",
+      "data-orientation": orientation,
+      "data-disabled": disabled ? "" : void 0,
+      class: cn(fieldRoot({ orientation: orient }), disabled ? "opacity-80" : null, className),
+      ...invalid ? { "data-invalid": "" } : {},
+      children
+    }
+  );
+};
+var FieldContent = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn("flex flex-1 flex-col gap-1", className), "data-slot": "field-content", ...rest, children });
+var FieldDescription = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("p", { class: cn("text-muted-foreground text-sm leading-normal font-normal", className), "data-slot": "field-description", ...rest, children });
+var FieldError = ({ class: className, children, errors, ...rest }) => {
+  const content = useMemo(() => {
+    if (children) return children;
+    if (!errors?.length) return null;
+    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()].filter(Boolean);
+    if (uniqueErrors.length === 0) return null;
+    if (uniqueErrors.length === 1) {
+      return uniqueErrors[0]?.message ?? null;
+    }
+    return /* @__PURE__ */ jsx("ul", { class: "ml-4 list-disc space-y-0.5", children: uniqueErrors.map(
+      (error, index) => error?.message ? /* @__PURE__ */ jsx("li", { children: error.message }, `${error.message}-${index}`) : null
+    ) });
+  }, [children, errors]);
+  if (content == null) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      class: cn("text-destructive text-sm font-normal", className),
+      "data-slot": "field-error",
+      ...rest,
+      children: content
+    }
+  );
+};
+var FieldGroup = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn("flex flex-col gap-6 @container/field-group", className), "data-slot": "field-group", ...rest, children });
+var FieldLabel = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "label",
+  {
+    class: cn(
+      label({ size: "sm" }),
+      "group-data-[disabled]/field:pointer-events-none group-data-[disabled]/field:opacity-50",
+      className
+    ),
+    "data-slot": "field-label",
+    ...rest
+  }
+);
+var fieldLegend = tv({
+  base: "",
+  variants: {
+    variant: {
+      legend: "text-base font-semibold",
+      label: "text-sm font-medium"
+    }
+  },
+  defaultVariants: { variant: "legend" }
+});
+var FieldLegend = ({ class: className, variant, ...rest }) => /* @__PURE__ */ jsx("legend", { class: cn(fieldLegend({ variant }), className), "data-slot": "field-legend", ...rest });
+var FieldSeparator = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsxs("div", { class: cn("flex items-center gap-3 py-2", className), "data-slot": "field-separator", ...rest, children: [
+  /* @__PURE__ */ jsx(Separator, { class: "min-w-0 flex-1 shrink", orientation: "horizontal" }),
+  children ? /* @__PURE__ */ jsx("span", { class: "text-muted-foreground shrink-0 text-xs font-medium whitespace-nowrap", children }) : null
+] });
+var FieldSet = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("fieldset", { class: cn("m-0 min-w-0 space-y-6 border-0 p-0", className), "data-slot": "field-set", ...rest });
+var FieldTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn("text-sm leading-none font-medium", className), "data-slot": "field-title", ...rest, children });
+
+// src/components/field/index.ts
+var field_default = Field;
+
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldRoot, field_default };
+//# sourceMappingURL=chunk-SZ2I2SRP.js.map
+//# sourceMappingURL=chunk-SZ2I2SRP.js.map

package/dist/chunk-SZ2I2SRP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/field/field-variants.ts","../src/components/field/Field.tsx","../src/components/field/FieldContent.tsx","../src/components/field/FieldDescription.tsx","../src/components/field/FieldError.tsx","../src/components/field/FieldGroup.tsx","../src/components/field/FieldLabel.tsx","../src/components/field/FieldLegend.tsx","../src/components/field/FieldSeparator.tsx","../src/components/field/FieldSet.tsx","../src/components/field/FieldTitle.tsx","../src/components/field/index.ts"],"names":["label","jsx","tv","jsxs"],"mappings":"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","file":"chunk-SZ2I2SRP.js","sourcesContent":["import { tv, type VariantProps } from \"tailwind-variants\";\n\n/** Root layout for composable Field (shadcn fieldVariants). */\nexport const fieldRoot = tv({\n  base: [\n    \"group/field flex w-full gap-3\",\n    \"data-[invalid]:text-destructive\"\n  ],\n  variants: {\n    orientation: {\n      vertical: \"flex-col *:w-full [.sr-only]:w-auto\",\n      horizontal: [\n        \"flex-row flex-wrap items-center\",\n        \"[&>[data-slot=field-label]]:flex-1\",\n        \"has-[>[data-slot=field-content]]:items-start\",\n        \"has-[>[data-slot=field-content]]:[&>[data-slot=checkbox],[role=checkbox],[role=radio]]:mt-px\"\n      ],\n      responsive: [\n        \"flex-col *:w-full [.sr-only]:w-auto\",\n        \"@md/field-group:flex-row @md/field-group:flex-wrap @md/field-group:items-center\",\n        \"@md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-1\",\n        \"@md/field-group:has-[>[data-slot=field-content]]:items-start\",\n        \"@md/field-group:has-[>[data-slot=field-content]]:[&>[data-slot=checkbox],[role=checkbox],[role=radio]]:mt-px\"\n      ]\n    }\n  },\n  defaultVariants: {\n    orientation: \"vertical\"\n  }\n});\n\nexport type FieldRootVariants = VariantProps<typeof fieldRoot>;\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { fieldRoot, type FieldRootVariants } from \"./field-variants\";\n\nexport type FieldProps = JSX.HTMLAttributes<HTMLDivElement> &\n  FieldRootVariants & {\n    /** Legacy: label text/node (composition: use FieldLabel instead). */\n    label?: ComponentChildren;\n    /** Legacy: helper below control. */\n    description?: ComponentChildren;\n    /** Legacy: error below control. */\n    error?: ComponentChildren;\n    required?: boolean;\n    orientation?: \"vertical\" | \"horizontal\" | \"responsive\";\n    disabled?: boolean;\n    invalid?: boolean;\n    children?: ComponentChildren;\n  };\n\nexport const Field = ({\n  class: className,\n  label,\n  description,\n  error,\n  required = false,\n  orientation = \"vertical\",\n  disabled = false,\n  invalid = false,\n  children,\n  ...rest\n}: FieldProps) => {\n  const legacy = label != null || description != null || error != null;\n  const resolvedRequired = required && label != null;\n\n  if (legacy) {\n    const isHorizontal = orientation === \"horizontal\";\n\n    return (\n      <div\n        {...rest}\n        data-slot=\"field\"\n        data-orientation={orientation}\n        data-disabled={disabled ? \"\" : undefined}\n        class={cn(\n          \"group/field\",\n          !isHorizontal && \"grid gap-2\",\n          isHorizontal && label != null && \"flex flex-col gap-2\",\n          isHorizontal && label == null && fieldRoot({ orientation: \"horizontal\" }),\n          disabled ? \"opacity-80\" : null,\n          className\n        )}\n        {...(invalid ? { \"data-invalid\": \"\" } : {})}\n      >\n        {label != null ? (\n          <label data-slot=\"field-label\" class=\"text-sm leading-none font-medium\">\n            {label}\n            {resolvedRequired ? <span aria-hidden=\"true\" class=\"ms-1 text-destructive\">*</span> : null}\n          </label>\n        ) : null}\n        {isHorizontal && label != null ? (\n          <div class=\"flex min-w-0 flex-row flex-wrap items-center gap-3\">{children}</div>\n        ) : (\n          children\n        )}\n        {description != null ? (\n          <p data-slot=\"field-description\" class=\"text-muted-foreground text-sm leading-normal\">\n            {description}\n          </p>\n        ) : null}\n        {error != null ? (\n          <p data-slot=\"field-error\" role=\"alert\" class=\"text-destructive text-sm\">\n            {error}\n          </p>\n        ) : null}\n      </div>\n    );\n  }\n\n  const orient = orientation === \"responsive\" ? \"responsive\" : orientation;\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"field\"\n      data-orientation={orientation}\n      data-disabled={disabled ? \"\" : undefined}\n      class={cn(fieldRoot({ orientation: orient }), disabled ? \"opacity-80\" : null, className)}\n      {...(invalid ? { \"data-invalid\": \"\" } : {})}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type FieldContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const FieldContent = ({ class: className, children, ...rest }: FieldContentProps) => (\n  <div class={cn(\"flex flex-1 flex-col gap-1\", className)} data-slot=\"field-content\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type FieldDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const FieldDescription = ({ class: className, children, ...rest }: FieldDescriptionProps) => (\n  <p class={cn(\"text-muted-foreground text-sm leading-normal font-normal\", className)} data-slot=\"field-description\" {...rest}>\n    {children}\n  </p>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type FieldErrorProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  errors?: Array<{ message?: string } | undefined>;\n  children?: ComponentChildren;\n};\n\nexport const FieldError = ({ class: className, children, errors, ...rest }: FieldErrorProps) => {\n  const content = useMemo(() => {\n    if (children) return children;\n    if (!errors?.length) return null;\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()].filter(Boolean);\n\n    if (uniqueErrors.length === 0) return null;\n    if (uniqueErrors.length === 1) {\n      return uniqueErrors[0]?.message ?? null;\n    }\n\n    return (\n      <ul class=\"ml-4 list-disc space-y-0.5\">\n        {uniqueErrors.map((error, index) =>\n          error?.message ? (\n            <li key={`${error.message}-${index}`}>{error.message}</li>\n          ) : null\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (content == null) return null;\n\n  return (\n    <div\n      role=\"alert\"\n      class={cn(\"text-destructive text-sm font-normal\", className)}\n      data-slot=\"field-error\"\n      {...rest}\n    >\n      {content}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type FieldGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const FieldGroup = ({ class: className, children, ...rest }: FieldGroupProps) => (\n  <div class={cn(\"flex flex-col gap-6 @container/field-group\", className)} data-slot=\"field-group\" {...rest}>\n    {children}\n  </div>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { label as labelStyles } from \"../label/Label\";\n\nexport type FieldLabelProps = JSX.LabelHTMLAttributes<HTMLLabelElement>;\n\nexport const FieldLabel = ({ class: className, ...rest }: FieldLabelProps) => (\n  <label\n    class={cn(\n      labelStyles({ size: \"sm\" }),\n      \"group-data-[disabled]/field:pointer-events-none group-data-[disabled]/field:opacity-50\",\n      className\n    )}\n    data-slot=\"field-label\"\n    {...rest}\n  />\n);\n","import type { JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const fieldLegend = tv({\n  base: \"\",\n  variants: {\n    variant: {\n      legend: \"text-base font-semibold\",\n      label: \"text-sm font-medium\"\n    }\n  },\n  defaultVariants: { variant: \"legend\" }\n});\n\nexport type FieldLegendProps = JSX.HTMLAttributes<HTMLLegendElement> & VariantProps<typeof fieldLegend>;\n\nexport const FieldLegend = ({ class: className, variant, ...rest }: FieldLegendProps) => (\n  <legend class={cn(fieldLegend({ variant }), className)} data-slot=\"field-legend\" {...rest} />\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { Separator } from \"../separator/Separator\";\n\nexport type FieldSeparatorProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const FieldSeparator = ({ class: className, children, ...rest }: FieldSeparatorProps) => (\n  <div class={cn(\"flex items-center gap-3 py-2\", className)} data-slot=\"field-separator\" {...rest}>\n    <Separator class=\"min-w-0 flex-1 shrink\" orientation=\"horizontal\" />\n    {children ? (\n      <span class=\"text-muted-foreground shrink-0 text-xs font-medium whitespace-nowrap\">{children}</span>\n    ) : null}\n  </div>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type FieldSetProps = JSX.FieldsetHTMLAttributes<HTMLFieldSetElement>;\n\nexport const FieldSet = ({ class: className, ...rest }: FieldSetProps) => (\n  <fieldset class={cn(\"m-0 min-w-0 space-y-6 border-0 p-0\", className)} data-slot=\"field-set\" {...rest} />\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type FieldTitleProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const FieldTitle = ({ class: className, children, ...rest }: FieldTitleProps) => (\n  <div class={cn(\"text-sm leading-none font-medium\", className)} data-slot=\"field-title\" {...rest}>\n    {children}\n  </div>\n);\n","import { Field } from \"./Field\";\n\nexport { Field };\nexport { fieldRoot } from \"./field-variants\";\nexport type { FieldRootVariants } from \"./field-variants\";\nexport { FieldContent } from \"./FieldContent\";\nexport { FieldDescription } from \"./FieldDescription\";\nexport { FieldError } from \"./FieldError\";\nexport { FieldGroup } from \"./FieldGroup\";\nexport { FieldLabel } from \"./FieldLabel\";\nexport { FieldLegend } from \"./FieldLegend\";\nexport { FieldSeparator } from \"./FieldSeparator\";\nexport { FieldSet } from \"./FieldSet\";\nexport { FieldTitle } from \"./FieldTitle\";\n\nexport default Field;\n"]}

package/dist/chunk-UGOQKTHL.js

@@ -0,0 +1,23 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var AspectRatio = ({ ratio, class: className, style, children, ...rest }) => {
+  const styleObject = typeof style === "object" && style !== null && !Array.isArray(style) ? style : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "aspect-ratio",
+      class: cn("relative w-full min-h-0 overflow-hidden", className),
+      style: {
+        ...styleObject,
+        aspectRatio: ratio
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+export { AspectRatio };
+//# sourceMappingURL=chunk-UGOQKTHL.js.map
+//# sourceMappingURL=chunk-UGOQKTHL.js.map

package/dist/chunk-UGOQKTHL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":";;;AAUO,IAAM,WAAA,GAAc,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,WAAW,KAAA,EAAO,QAAA,EAAU,GAAG,IAAA,EAAK,KAAwB;AACtG,EAAA,MAAM,WAAA,GAAc,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,MAAA;AAEnG,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,KAAA,EAAO,EAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA;AAAA,MAC9D,KAAA,EAAO;AAAA,QACL,GAAG,WAAA;AAAA,QACH,WAAA,EAAa;AAAA,OACf;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-UGOQKTHL.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type AspectRatioProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  /** Width ÷ height (e.g. `16 / 9`, `1`, `9 / 16`). Applied as CSS `aspect-ratio`. */\n  ratio: number;\n  children?: ComponentChildren;\n};\n\n/** Fixed-ratio box for media (CSS `aspect-ratio`; no Radix dependency). Children should use `h-full w-full object-cover` to fill. */\nexport const AspectRatio = ({ ratio, class: className, style, children, ...rest }: AspectRatioProps) => {\n  const styleObject = typeof style === \"object\" && style !== null && !Array.isArray(style) ? style : undefined;\n\n  return (\n    <div\n      data-slot=\"aspect-ratio\"\n      class={cn(\"relative w-full min-h-0 overflow-hidden\", className)}\n      style={{\n        ...styleObject,\n        aspectRatio: ratio\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n"]}

package/dist/chunk-UGQ756Z6.js

@@ -0,0 +1,92 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { isValidElement, cloneElement } from 'preact';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var button = tv({
+  base: [
+    "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg bg-clip-padding text-sm font-medium whitespace-nowrap",
+    "select-none transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+    "active:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20",
+    "dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    "has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+  ],
+  variants: {
+    variant: {
+      default: "bg-primary text-background hover:bg-foreground/90 focus-visible:ring-outline/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:ring-secondary/50",
+      inverse: "bg-foreground text-background hover:opacity-[0.85] focus-visible:ring-outline/50",
+      outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border",
+      ghost: "hover:bg-muted hover:text-foreground focus-visible:ring-outline/50",
+      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-outline/50",
+      link: "h-auto p-0 text-primary underline-offset-4 hover:underline active:translate-y-0 focus-visible:ring-0"
+    },
+    size: {
+      xxs: "h-5 gap-1 px-1.5 text-[10px]",
+      xs: "h-6 gap-1 px-2 text-xs",
+      sm: "h-7 gap-1.5 px-3",
+      default: "h-8 gap-1.5 px-2.5",
+      lg: "h-9 gap-2 px-5 text-base has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4.5",
+      icon: "size-8",
+      "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3.5",
+      "icon-sm": "size-7 [&_svg:not([class*='size-'])]:size-4",
+      "icon-lg": "size-9 [&_svg:not([class*='size-'])]:size-5"
+    }
+  },
+  defaultVariants: { variant: "default", size: "default" }
+});
+var Button = ({ variant, size, asChild = false, class: className, children, ...rest }) => {
+  const resolvedVariant = variant ?? "default";
+  const resolvedSize = size ?? "default";
+  const resolvedClassName = button({ variant: resolvedVariant, size: resolvedSize, class: className });
+  if (asChild) {
+    if (!isValidElement(children)) {
+      const env = globalThis.process?.env?.NODE_ENV;
+      if (env !== "production") {
+        console.warn(
+          "[kamod-ui] <Button asChild> expects a single valid element child. Received: " + typeof children + ". Falling back to rendering nothing."
+        );
+      }
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps ?? {},
+      ...rest,
+      class: cn(childProps.class, childProps.className, resolvedClassName),
+      "data-slot": "button",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize
+    });
+  }
+  if ("href" in rest && typeof rest.href === "string") {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        class: resolvedClassName,
+        "data-slot": "button",
+        "data-variant": resolvedVariant,
+        "data-size": resolvedSize,
+        ...rest,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      class: resolvedClassName,
+      "data-slot": "button",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize,
+      ...rest,
+      children
+    }
+  );
+};
+
+export { Button, button };
+//# sourceMappingURL=chunk-UGQ756Z6.js.map
+//# sourceMappingURL=chunk-UGQ756Z6.js.map