@kamod-ch/ui 0.2.1

package/dist/chunk-FIOKWIJP.js

@@ -0,0 +1,361 @@
+import { Button } from './chunk-5FBD2NTR.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { signal } from '@preact/signals';
+import EmblaCarousel from 'embla-carousel';
+import Autoplay from 'embla-carousel-autoplay';
+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,
+  label,
+  dir,
+  class: className,
+  children,
+  "aria-label": ariaLabel,
+  ...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 autoplayPluginRef = useRef(null);
+  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(() => {
+    autoplayPluginRef.current = null;
+    if (plugins !== void 0) return plugins;
+    if (!autoplay) return [];
+    const plugin = Autoplay(typeof autoplay === "object" ? autoplay : {});
+    autoplayPluginRef.current = plugin;
+    return [plugin];
+  }, [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,
+        autoplayPluginRef
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "region",
+          "aria-roledescription": "carousel",
+          "aria-label": label ?? ariaLabel,
+          "data-slot": "carousel",
+          "data-carousel-orientation": orientation,
+          class: cn("relative", className),
+          dir,
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+};
+var CarouselAutoplayPause = ({
+  class: className,
+  onClick,
+  ...rest
+}) => {
+  const ctx = useCarousel(false);
+  const [paused, setPaused] = useState(false);
+  const plugin = ctx?.autoplayPluginRef.current;
+  if (!plugin) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "icon-sm",
+      "data-slot": "carousel-autoplay-pause",
+      "aria-label": paused ? "Resume autoplay" : "Pause autoplay",
+      "aria-pressed": paused,
+      class: cn("absolute end-2 top-2 z-10 size-8 rounded-full shadow-xs", className),
+      onClick: (event) => {
+        if (paused) {
+          plugin.play();
+        } else {
+          plugin.stop();
+        }
+        setPaused(!paused);
+        onClick?.(event);
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { class: "sr-only", children: paused ? "Resume autoplay" : "Pause autoplay" }),
+        paused ? /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            class: "size-3.5",
+            "aria-hidden": true,
+            children: /* @__PURE__ */ jsx("path", { d: "M8 5v14l11-7z" })
+          }
+        ) : /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            class: "size-3.5",
+            "aria-hidden": true,
+            children: /* @__PURE__ */ jsx("path", { d: "M6 5h4v14H6V5zm8 0h4v14h-4V5z" })
+          }
+        )
+      ]
+    }
+  );
+};
+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,
+  AutoplayPause: CarouselAutoplayPause
+};
+
+export { Carousel, CarouselAutoplayPause, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, carousel_default };
+//# sourceMappingURL=chunk-FIOKWIJP.js.map
+//# sourceMappingURL=chunk-FIOKWIJP.js.map

package/dist/chunk-FIOKWIJP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/carousel/Carousel.tsx","../src/components/carousel/CarouselAutoplayPause.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":["useState","jsx","jsxs","Fragment"],"mappings":"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","file":"chunk-FIOKWIJP.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport EmblaCarousel, {\n  type EmblaCarouselType,\n  type EmblaOptionsType,\n  type EmblaPluginType,\n} from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useCallback, useContext, useLayoutEffect, useMemo, useRef, useState } from \"preact/hooks\";\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  autoplayPluginRef: { current: EmblaPluginType | null };\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  /** Accessible name for the carousel region. */\n  label?: string;\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  label,\n  dir,\n  class: className,\n  children,\n  \"aria-label\": ariaLabel,\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  const autoplayPluginRef = useRef<EmblaPluginType | null>(null);\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    autoplayPluginRef.current = null;\n    if (plugins !== undefined) return plugins;\n    if (!autoplay) return [];\n    const plugin = Autoplay(typeof autoplay === \"object\" ? autoplay : {});\n    autoplayPluginRef.current = plugin;\n    return [plugin];\n  }, [plugins, autoplay]);\n\n  const pluginsKey = useMemo(\n    () => effectivePlugins.map((p) => p.name).join(\",\"),\n    [effectivePlugins],\n  );\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        autoplayPluginRef,\n      }}\n    >\n      <div\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label={label ?? ariaLabel}\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 { JSX } from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\nimport { useCarousel } from \"./Carousel\";\n\nexport type CarouselAutoplayPauseProps = Omit<\n  JSX.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"size\"\n> & {\n  class?: string;\n};\n\nexport const CarouselAutoplayPause = ({\n  class: className,\n  onClick,\n  ...rest\n}: CarouselAutoplayPauseProps) => {\n  const ctx = useCarousel(false);\n  const [paused, setPaused] = useState(false);\n  const plugin = ctx?.autoplayPluginRef.current as { play: () => void; stop: () => void } | null;\n\n  if (!plugin) {\n    return null;\n  }\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon-sm\"\n      data-slot=\"carousel-autoplay-pause\"\n      aria-label={paused ? \"Resume autoplay\" : \"Pause autoplay\"}\n      aria-pressed={paused}\n      class={cn(\"absolute end-2 top-2 z-10 size-8 rounded-full shadow-xs\", className)}\n      onClick={(event) => {\n        if (paused) {\n          plugin.play();\n        } else {\n          plugin.stop();\n        }\n        setPaused(!paused);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      <span class=\"sr-only\">{paused ? \"Resume autoplay\" : \"Pause autoplay\"}</span>\n      {paused ? (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          class=\"size-3.5\"\n          aria-hidden\n        >\n          <path d=\"M8 5v14l11-7z\" />\n        </svg>\n      ) : (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          class=\"size-3.5\"\n          aria-hidden\n        >\n          <path d=\"M6 5h4v14H6V5zm8 0h4v14h-4V5z\" />\n        </svg>\n      )}\n    </Button>\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(\"overflow-hidden\", vertical && \"min-h-0 touch-pan-y\", className)}\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> & {\n  children?: ComponentChildren;\n};\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 = ({\n  children,\n  class: className,\n  onClick,\n  disabled,\n  ...rest\n}: 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 = ({\n  children,\n  class: className,\n  onClick,\n  disabled,\n  ...rest\n}: 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 { CarouselAutoplayPause, type CarouselAutoplayPauseProps } from \"./CarouselAutoplayPause\";\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 { CarouselAutoplayPause } from \"./CarouselAutoplayPause\";\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  AutoplayPause: CarouselAutoplayPause,\n};\n"]}

package/dist/chunk-G6TV6TF7.js

@@ -0,0 +1,95 @@
+import { tv } from 'tailwind-variants';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+// src/components/native-select/NativeSelect.tsx
+var nativeSelectWrapper = tv({
+  base: [
+    /* min-w-0 + no w-fit: column flex + w-full on <select> must resolve to parent width (w-fit breaks that). */
+    "group/native-select relative isolate min-w-0 max-w-full has-[select:disabled]:opacity-50"
+  ]
+});
+var nativeSelect = tv({
+  base: [
+    "border-input dark:bg-input/30 text-foreground ring-offset-background min-h-0 min-w-0 w-full rounded-md border bg-transparent shadow-xs",
+    "invalid:text-foreground/85",
+    "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground appearance-none bg-none select-none",
+    "[&_option]:text-foreground",
+    "hover:border-foreground/20 transition-[color,box-shadow,border-color] outline-none",
+    "focus-visible:border-outline focus-visible:ring-outline/50 focus-visible:ring-3",
+    "disabled:pointer-events-none disabled:cursor-not-allowed",
+    "aria-invalid:border-error aria-invalid:focus-visible:ring-error/40 aria-invalid:focus-visible:ring-3"
+  ],
+  variants: {
+    size: {
+      sm: "min-h-8 py-1 pe-9 ps-2.5 text-sm leading-5",
+      md: "min-h-9 py-1.5 pe-10 ps-3 text-sm leading-5",
+      lg: "min-h-11 py-2 pe-11 ps-3.5 text-base leading-6"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var nativeSelectIcon = tv({
+  base: ["text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2"],
+  variants: {
+    size: {
+      sm: "end-2.5 size-3.5",
+      md: "end-3 size-4",
+      lg: "end-3.5 size-5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var NativeSelect = ({
+  class: className,
+  size,
+  icon,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsxs("div", { class: nativeSelectWrapper(), "data-size": size, "data-slot": "native-select-wrapper", children: [
+  /* @__PURE__ */ jsx(
+    "select",
+    {
+      class: nativeSelect({ size, class: className }),
+      "data-slot": "native-select",
+      ...rest,
+      children
+    }
+  ),
+  icon ?? /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      class: nativeSelectIcon({ size }),
+      "data-slot": "native-select-icon",
+      children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+    }
+  )
+] });
+var NativeSelectOptGroup = ({ children, ...rest }) => /* @__PURE__ */ jsx("optgroup", { ...rest, children });
+var NativeSelectOption = ({ children, ...rest }) => /* @__PURE__ */ jsx("option", { ...rest, children });
+
+// src/components/native-select/index.ts
+var NativeSelectVariants = {
+  nativeSelect,
+  nativeSelectIcon,
+  nativeSelectWrapper
+};
+var native_select_default = {
+  Root: NativeSelect,
+  Option: NativeSelectOption,
+  OptGroup: NativeSelectOptGroup
+};
+
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, NativeSelectVariants, native_select_default };
+//# sourceMappingURL=chunk-G6TV6TF7.js.map
+//# sourceMappingURL=chunk-G6TV6TF7.js.map

package/dist/chunk-G6TV6TF7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/native-select/NativeSelect.tsx","../src/components/native-select/NativeSelectOptGroup.tsx","../src/components/native-select/NativeSelectOption.tsx","../src/components/native-select/index.ts"],"names":["jsx"],"mappings":";;;;AAGO,IAAM,sBAAsB,EAAA,CAAG;AAAA,EACpC,IAAA,EAAM;AAAA;AAAA,IAEJ;AAAA;AAEJ,CAAC,CAAA;AAEM,IAAM,eAAe,EAAA,CAAG;AAAA,EAC7B,IAAA,EAAM;AAAA,IACJ,wIAAA;AAAA,IACA,4BAAA;AAAA,IACA,8HAAA;AAAA,IACA,4BAAA;AAAA,IACA,oFAAA;AAAA,IACA,iFAAA;AAAA,IACA,0DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,4CAAA;AAAA,MACJ,EAAA,EAAI,6CAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAEM,IAAM,mBAAmB,EAAA,CAAG;AAAA,EACjC,IAAA,EAAM,CAAC,6EAA6E,CAAA;AAAA,EACpF,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAQM,IAAM,eAAe,CAAC;AAAA,EAC3B,KAAA,EAAO,SAAA;AAAA,EACP,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA,CAAC,SAAI,KAAA,EAAO,mBAAA,IAAuB,WAAA,EAAW,IAAA,EAAM,aAAU,uBAAA,EAC5D,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAO,YAAA,CAAa,EAAE,IAAA,EAAM,KAAA,EAAO,WAAiC,CAAA;AAAA,MACpE,WAAA,EAAU,eAAA;AAAA,MACT,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAAA,EACC,IAAA,oBACC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe,OAAA;AAAA,MACf,aAAA,EAAY,MAAA;AAAA,MACZ,KAAA,EAAO,gBAAA,CAAiB,EAAE,IAAA,EAAM,CAAA;AAAA,MAChC,WAAA,EAAU,oBAAA;AAAA,MAEV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe;AAAA;AAAA;AACzB,CAAA,EAEJ;AC7EK,IAAM,oBAAA,GAAuB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBACvDA,GAAAA,CAAC,UAAA,EAAA,EAAU,GAAG,IAAA,EAAO,QAAA,EAAS;ACDzB,IAAM,kBAAA,GAAqB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBACrDA,GAAAA,CAAC,QAAA,EAAA,EAAQ,GAAG,IAAA,EAAO,QAAA,EAAS;;;ACH9B,IAAM,oBAAA,GAAuB;AAAA,EAC3B,YAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF;AAIA,IAAO,qBAAA,GAAQ;AAAA,EACb,IAAA,EAAM,YAAA;AAAA,EACN,MAAA,EAAQ,kBAAA;AAAA,EACR,QAAA,EAAU;AACZ","file":"chunk-G6TV6TF7.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const nativeSelectWrapper = tv({\n  base: [\n    /* min-w-0 + no w-fit: column flex + w-full on <select> must resolve to parent width (w-fit breaks that). */\n    \"group/native-select relative isolate min-w-0 max-w-full has-[select:disabled]:opacity-50\",\n  ],\n});\n\nexport const nativeSelect = tv({\n  base: [\n    \"border-input dark:bg-input/30 text-foreground ring-offset-background min-h-0 min-w-0 w-full rounded-md border bg-transparent shadow-xs\",\n    \"invalid:text-foreground/85\",\n    \"placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground appearance-none bg-none select-none\",\n    \"[&_option]:text-foreground\",\n    \"hover:border-foreground/20 transition-[color,box-shadow,border-color] outline-none\",\n    \"focus-visible:border-outline focus-visible:ring-outline/50 focus-visible:ring-3\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed\",\n    \"aria-invalid:border-error aria-invalid:focus-visible:ring-error/40 aria-invalid:focus-visible:ring-3\",\n  ],\n  variants: {\n    size: {\n      sm: \"min-h-8 py-1 pe-9 ps-2.5 text-sm leading-5\",\n      md: \"min-h-9 py-1.5 pe-10 ps-3 text-sm leading-5\",\n      lg: \"min-h-11 py-2 pe-11 ps-3.5 text-base leading-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const nativeSelectIcon = tv({\n  base: [\"text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2\"],\n  variants: {\n    size: {\n      sm: \"end-2.5 size-3.5\",\n      md: \"end-3 size-4\",\n      lg: \"end-3.5 size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NativeSelectProps = Omit<JSX.SelectHTMLAttributes<HTMLSelectElement>, \"size\"> &\n  VariantProps<typeof nativeSelect> & {\n    icon?: ComponentChildren;\n    children?: ComponentChildren;\n  };\n\nexport const NativeSelect = ({\n  class: className,\n  size,\n  icon,\n  children,\n  ...rest\n}: NativeSelectProps) => (\n  <div class={nativeSelectWrapper()} data-size={size} data-slot=\"native-select-wrapper\">\n    <select\n      class={nativeSelect({ size, class: className as string | undefined })}\n      data-slot=\"native-select\"\n      {...rest}\n    >\n      {children}\n    </select>\n    {icon ?? (\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        class={nativeSelectIcon({ size })}\n        data-slot=\"native-select-icon\"\n      >\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    )}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type NativeSelectOptGroupProps = JSX.OptgroupHTMLAttributes<HTMLOptGroupElement> & {\n  children?: ComponentChildren;\n};\n\nexport const NativeSelectOptGroup = ({ children, ...rest }: NativeSelectOptGroupProps) => (\n  <optgroup {...rest}>{children}</optgroup>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type NativeSelectOptionProps = JSX.OptionHTMLAttributes<HTMLOptionElement> & {\n  children?: ComponentChildren;\n};\n\nexport const NativeSelectOption = ({ children, ...rest }: NativeSelectOptionProps) => (\n  <option {...rest}>{children}</option>\n);\n","import { NativeSelect, nativeSelect, nativeSelectIcon, nativeSelectWrapper } from \"./NativeSelect\";\nimport { NativeSelectOptGroup } from \"./NativeSelectOptGroup\";\nimport { NativeSelectOption } from \"./NativeSelectOption\";\n\nconst NativeSelectVariants = {\n  nativeSelect,\n  nativeSelectIcon,\n  nativeSelectWrapper,\n};\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption, NativeSelectVariants };\n\nexport default {\n  Root: NativeSelect,\n  Option: NativeSelectOption,\n  OptGroup: NativeSelectOptGroup,\n};\n"]}

package/dist/chunk-GGTDJEE2.js

@@ -0,0 +1,15 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var Chart = ({ class: className, title, description, children, ...rest }) => /* @__PURE__ */ jsxs("div", { "data-slot": "chart", class: cn("rounded-md border p-4", className), ...rest, children: [
+  title ? /* @__PURE__ */ jsx("h3", { class: "text-sm font-medium", children: title }) : null,
+  description ? /* @__PURE__ */ jsx("p", { class: "mt-1 text-xs text-muted-foreground", children: description }) : null,
+  /* @__PURE__ */ jsx("div", { class: "mt-3", children })
+] });
+
+// src/components/chart/index.ts
+var chart_default = Chart;
+
+export { Chart, chart_default };
+//# sourceMappingURL=chunk-GGTDJEE2.js.map
+//# sourceMappingURL=chunk-GGTDJEE2.js.map

package/dist/chunk-GGTDJEE2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chart/Chart.tsx","../src/components/chart/index.ts"],"names":[],"mappings":";;;AASO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,KAAA,EAAO,WAAA,EAAa,UAAU,GAAG,IAAA,uBACzE,IAAA,CAAC,KAAA,EAAA,EAAI,aAAU,OAAA,EAAQ,KAAA,EAAO,GAAG,uBAAA,EAAyB,SAAS,CAAA,EAAI,GAAG,IAAA,EACvE,QAAA,EAAA;AAAA,EAAA,KAAA,mBAAQ,GAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAM,qBAAA,EAAuB,iBAAM,CAAA,GAAQ,IAAA;AAAA,EACvD,8BAAc,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAM,oCAAA,EAAsC,uBAAY,CAAA,GAAO,IAAA;AAAA,kBACjF,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAA,EAAQ,QAAA,EAAS;AAAA,CAAA,EAC9B;;;ACVF,IAAO,aAAA,GAAQ","file":"chunk-GGTDJEE2.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ChartProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  title?: string;\n  description?: string;\n  children?: ComponentChildren;\n};\n\nexport const Chart = ({ class: className, title, description, children, ...rest }: ChartProps) => (\n  <div data-slot=\"chart\" class={cn(\"rounded-md border p-4\", className)} {...rest}>\n    {title ? <h3 class=\"text-sm font-medium\">{title}</h3> : null}\n    {description ? <p class=\"mt-1 text-xs text-muted-foreground\">{description}</p> : null}\n    <div class=\"mt-3\">{children}</div>\n  </div>\n);\n","import { Chart } from \"./Chart\";\n\nexport { Chart };\n\nexport default Chart;\n"]}