@kamod-ui/core 0.1.0

package/dist/chunk-UGQ756Z6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-UGQ756Z6.js","sourcesContent":["import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const button = tv({\n  base: [\n    \"group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg bg-clip-padding text-sm font-medium whitespace-nowrap\",\n    \"select-none transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\",\n    \"active:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n    \"aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20\",\n    \"dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    \"has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-primary text-background hover:bg-foreground/90 focus-visible:ring-outline/50\",\n      secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:ring-secondary/50\",\n      inverse: \"bg-foreground text-background hover:opacity-[0.85] focus-visible:ring-outline/50\",\n      outline:\n        \"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\",\n      ghost: \"hover:bg-muted hover:text-foreground focus-visible:ring-outline/50\",\n      destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-outline/50\",\n      link: \"h-auto p-0 text-primary underline-offset-4 hover:underline active:translate-y-0 focus-visible:ring-0\"\n    },\n    size: {\n      xxs: \"h-5 gap-1 px-1.5 text-[10px]\",\n      xs: \"h-6 gap-1 px-2 text-xs\",\n      sm: \"h-7 gap-1.5 px-3\",\n      default: \"h-8 gap-1.5 px-2.5\",\n      lg: \"h-9 gap-2 px-5 text-base has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4.5\",\n      icon: \"size-8\",\n      \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3.5\",\n      \"icon-sm\": \"size-7 [&_svg:not([class*='size-'])]:size-4\",\n      \"icon-lg\": \"size-9 [&_svg:not([class*='size-'])]:size-5\"\n    }\n  },\n  defaultVariants: { variant: \"default\", size: \"default\" }\n});\n\ntype CommonProps = VariantProps<typeof button> & {\n  class?: string;\n  asChild?: boolean;\n  children?: ComponentChildren;\n};\n\ntype ButtonAsButton = CommonProps &\n  JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n    href?: undefined;\n  };\n\ntype ButtonAsAnchor = CommonProps &\n  JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    href: string;\n  };\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor;\n\nexport const Button = ({ variant, size, asChild = false, class: className, children, ...rest }: ButtonProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  const resolvedSize = size ?? \"default\";\n  const resolvedClassName = button({ variant: resolvedVariant, size: resolvedSize, class: className });\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      const env = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env?.NODE_ENV;\n      if (env !== \"production\") {\n         \n        console.warn(\n          \"[kamod-ui] <Button asChild> expects a single valid element child. \" +\n            \"Received: \" +\n            typeof children +\n            \". Falling back to rendering nothing.\"\n        );\n      }\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    return cloneElement(children, {\n      ...(childProps ?? {}),\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      class: cn(childProps.class, childProps.className, resolvedClassName),\n      \"data-slot\": \"button\",\n      \"data-variant\": resolvedVariant,\n      \"data-size\": resolvedSize\n    });\n  }\n\n  if (\"href\" in rest && typeof rest.href === \"string\") {\n    return (\n      <a\n        class={resolvedClassName}\n        data-slot=\"button\"\n        data-variant={resolvedVariant}\n        data-size={resolvedSize}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      class={resolvedClassName}\n      data-slot=\"button\"\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\n"]}

package/dist/chunk-UNPCAFLS.js

@@ -0,0 +1,22 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { createContext } from 'preact';
+import { useContext } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+
+var DirectionContext = createContext("ltr");
+var useDirection = () => useContext(DirectionContext);
+var DirectionProvider = ({
+  direction = "ltr",
+  class: className,
+  children,
+  "data-slot": dataSlot = "direction-provider",
+  ...rest
+}) => /* @__PURE__ */ jsx(DirectionContext.Provider, { value: direction, children: /* @__PURE__ */ jsx("div", { dir: direction, "data-slot": dataSlot, class: cn(className), ...rest, children }) });
+var Direction = ({ dir = "ltr", ...rest }) => /* @__PURE__ */ jsx(DirectionProvider, { direction: dir, "data-slot": "direction", ...rest });
+
+// src/components/direction/index.ts
+var direction_default = Direction;
+
+export { Direction, DirectionProvider, direction_default, useDirection };
+//# sourceMappingURL=chunk-UNPCAFLS.js.map
+//# sourceMappingURL=chunk-UNPCAFLS.js.map

package/dist/chunk-UNPCAFLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/direction/Direction.tsx","../src/components/direction/index.ts"],"names":[],"mappings":";;;;;AAOA,IAAM,gBAAA,GAAmB,cAA8B,KAAK,CAAA;AAGrD,IAAM,YAAA,GAAe,MAAM,UAAA,CAAW,gBAAgB;AAatD,IAAM,oBAAoB,CAAC;AAAA,EAChC,SAAA,GAAY,KAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,aAAa,QAAA,GAAW,oBAAA;AAAA,EACxB,GAAG;AACL,CAAA,yBACG,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,SAAA,EAChC,8BAAC,KAAA,EAAA,EAAI,GAAA,EAAK,WAAW,WAAA,EAAW,QAAA,EAAU,OAAO,EAAA,CAAG,SAAS,GAAI,GAAG,IAAA,EACjE,UACH,CAAA,EACF;AASK,IAAM,SAAA,GAAY,CAAC,EAAE,GAAA,GAAM,OAAO,GAAG,IAAA,EAAK,qBAC/C,GAAA,CAAC,qBAAkB,SAAA,EAAW,GAAA,EAAK,WAAA,EAAU,WAAA,EAAa,GAAG,IAAA,EAAM;;;ACvCrE,IAAO,iBAAA,GAAQ","file":"chunk-UNPCAFLS.js","sourcesContent":["import { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DirectionValue = \"ltr\" | \"rtl\";\n\nconst DirectionContext = createContext<DirectionValue>(\"ltr\");\n\n/** Returns the active text direction from the nearest `DirectionProvider` / `Direction` wrapper (default `ltr`). */\nexport const useDirection = () => useContext(DirectionContext);\n\nexport type DirectionProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"dir\"> & {\n  /** Text direction for the subtree — matches shadcn `DirectionProvider` (`direction` prop). */\n  direction?: DirectionValue;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\n/**\n * Sets both React context and the HTML `dir` attribute on a wrapping element so logical CSS (`ms-*`, `me-*`, etc.) resolves correctly.\n * For full-document RTL, also set `dir` on `<html>` (see docs).\n */\nexport const DirectionProvider = ({\n  direction = \"ltr\",\n  class: className,\n  children,\n  \"data-slot\": dataSlot = \"direction-provider\",\n  ...rest\n}: DirectionProviderProps) => (\n  <DirectionContext.Provider value={direction}>\n    <div dir={direction} data-slot={dataSlot} class={cn(className)} {...rest}>\n      {children}\n    </div>\n  </DirectionContext.Provider>\n);\n\nexport type DirectionProps = Omit<DirectionProviderProps, \"direction\"> & {\n  /** Kamod legacy prop — same as `direction` on `DirectionProvider`. */\n  dir?: DirectionValue;\n};\n\n/** Same as `DirectionProvider` but uses prop `dir` instead of `direction` (backwards compatible). */\nexport const Direction = ({ dir = \"ltr\", ...rest }: DirectionProps) => (\n  <DirectionProvider direction={dir} data-slot=\"direction\" {...rest} />\n);\n","import { Direction, DirectionProvider, useDirection } from \"./Direction\";\n\nexport { Direction, DirectionProvider, useDirection };\nexport type { DirectionProps, DirectionProviderProps, DirectionValue } from \"./Direction\";\n\nexport default Direction;\n"]}

package/dist/chunk-V27UIXBD.js

@@ -0,0 +1,36 @@
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/textarea/Textarea.tsx
+var textarea = tv({
+  base: [
+    "border-input/70 bg-background/80 text-foreground ring-offset-background min-h-16 w-full rounded-lg border shadow-xs",
+    "px-3 py-2 leading-relaxed transition-[color,box-shadow,border-color] outline-none resize-y",
+    "placeholder:text-muted-foreground/80",
+    "focus-visible:border-outline focus-visible:ring-outline/45 focus-visible:ring-3",
+    "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-invalid:border-error aria-invalid:focus-visible:ring-error/40 aria-invalid:focus-visible:border-error",
+    "peer"
+  ],
+  variants: {
+    size: {
+      sm: "min-h-16 px-2.5 py-1.5 text-sm",
+      md: "min-h-16 px-3 py-2 text-base",
+      lg: "min-h-24 px-4 py-3 text-lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var Textarea = ({ size, class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "textarea",
+  {
+    class: textarea({ size, class: className }),
+    "data-slot": "textarea",
+    ...rest
+  }
+);
+
+export { Textarea, textarea };
+//# sourceMappingURL=chunk-V27UIXBD.js.map
+//# sourceMappingURL=chunk-V27UIXBD.js.map

package/dist/chunk-V27UIXBD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAGO,IAAM,WAAW,EAAA,CAAG;AAAA,EACzB,IAAA,EAAM;AAAA,IACJ,qHAAA;AAAA,IACA,4FAAA;AAAA,IACA,sCAAA;AAAA,IACA,iFAAA;AAAA,IACA,sFAAA;AAAA,IACA,iDAAA;AAAA,IACA,4GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gCAAA;AAAA,MACJ,EAAA,EAAI,8BAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAKM,IAAM,QAAA,GAAW,CAAC,EAAE,IAAA,EAAM,OAAO,SAAA,EAAW,GAAG,MAAK,qBACzD,GAAA;AAAA,EAAC,UAAA;AAAA,EAAA;AAAA,IACC,OAAO,QAAA,CAAS,EAAE,IAAA,EAAM,KAAA,EAAO,WAAiC,CAAA;AAAA,IAChE,WAAA,EAAU,UAAA;AAAA,IACT,GAAG;AAAA;AACN","file":"chunk-V27UIXBD.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const textarea = tv({\n  base: [\n    \"border-input/70 bg-background/80 text-foreground ring-offset-background min-h-16 w-full rounded-lg border shadow-xs\",\n    \"px-3 py-2 leading-relaxed transition-[color,box-shadow,border-color] outline-none resize-y\",\n    \"placeholder:text-muted-foreground/80\",\n    \"focus-visible:border-outline focus-visible:ring-outline/45 focus-visible:ring-3\",\n    \"file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"aria-invalid:border-error aria-invalid:focus-visible:ring-error/40 aria-invalid:focus-visible:border-error\",\n    \"peer\"\n  ],\n  variants: {\n    size: {\n      sm: \"min-h-16 px-2.5 py-1.5 text-sm\",\n      md: \"min-h-16 px-3 py-2 text-base\",\n      lg: \"min-h-24 px-4 py-3 text-lg\"\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\n\nexport type TextareaProps = Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, \"size\"> &\n  VariantProps<typeof textarea>;\n\nexport const Textarea = ({ size, class: className, ...rest }: TextareaProps) => (\n  <textarea\n    class={textarea({ size, class: className as string | undefined })}\n    data-slot=\"textarea\"\n    {...rest}\n  />\n);\n\n"]}

package/dist/chunk-VB5LDR7C.js

@@ -0,0 +1,97 @@
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-GLWYIUE5.js';
+import { Calendar } from './chunk-3GKUUTSA.js';
+import { Button } from './chunk-UGQ756Z6.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { useState } from 'preact/hooks';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var formatDatePickerDisplay = (date, locale) => date.toLocaleDateString(locale, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
+var CalendarGlyph = ({ class: className }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    class: cn("size-4 shrink-0 opacity-60", className),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+      /* @__PURE__ */ jsx("path", { d: "M16 2v4M8 2v4M3 10h18" })
+    ]
+  }
+);
+var ChevronDownGlyph = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    class: cn("size-4 shrink-0 opacity-60", className),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+  }
+);
+var DatePicker = ({
+  class: className,
+  value,
+  defaultValue,
+  onValueChange,
+  placeholder = "Pick a date",
+  closeOnSelect = true,
+  align = "start",
+  triggerIcon = "chevron",
+  format = formatDatePickerDisplay,
+  children,
+  ...rest
+}) => {
+  const [localValue, setLocalValue] = useState(defaultValue);
+  const [open, setOpen] = useState(false);
+  const selected = value !== void 0 ? value : localValue;
+  const isControlled = value !== void 0;
+  const setSelected = (next) => {
+    if (!isControlled) setLocalValue(next);
+    onValueChange?.(next);
+  };
+  const iconEl = triggerIcon === "calendar" ? /* @__PURE__ */ jsx(CalendarGlyph, {}) : triggerIcon === "chevron" ? /* @__PURE__ */ jsx(ChevronDownGlyph, {}) : null;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "date-picker", class: cn("inline-flex", className), ...rest, children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: children ?? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        "data-empty": selected ? void 0 : "true",
+        class: cn(
+          "data-[empty=true]:text-muted-foreground w-[min(100%,280px)] text-start font-normal",
+          triggerIcon === "chevron" && "justify-between",
+          (triggerIcon === "calendar" || triggerIcon === "none") && "justify-start gap-2"
+        ),
+        children: [
+          triggerIcon === "calendar" ? iconEl : null,
+          /* @__PURE__ */ jsx("span", { class: "min-w-0 flex-1 truncate", children: selected ? format(selected) : /* @__PURE__ */ jsx("span", { children: placeholder }) }),
+          triggerIcon === "chevron" ? iconEl : null
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { class: "w-auto overflow-hidden p-0", align, sideOffset: 4, children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected,
+        defaultMonth: selected,
+        onSelect: (d) => {
+          if (!(d instanceof Date)) return;
+          setSelected(d);
+          if (closeOnSelect) setOpen(false);
+        }
+      }
+    ) })
+  ] }) });
+};
+
+// src/components/date-picker/index.ts
+var date_picker_default = DatePicker;
+
+export { DatePicker, date_picker_default, formatDatePickerDisplay };
+//# sourceMappingURL=chunk-VB5LDR7C.js.map
+//# sourceMappingURL=chunk-VB5LDR7C.js.map

package/dist/chunk-VB5LDR7C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker/DatePicker.tsx","../src/components/date-picker/index.ts"],"names":[],"mappings":"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","file":"chunk-VB5LDR7C.js","sourcesContent":["import { useState } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\nimport { Calendar } from \"../calendar/Calendar\";\nimport { Popover } from \"../popover/Popover\";\nimport { PopoverContent } from \"../popover/PopoverContent\";\nimport { PopoverTrigger } from \"../popover/PopoverTrigger\";\n\n/** Long date label (~`date-fns` `PPP`) without extra dependencies. */\nexport const formatDatePickerDisplay = (date: Date, locale?: string) =>\n  date.toLocaleDateString(locale, { weekday: \"long\", month: \"long\", day: \"numeric\", year: \"numeric\" });\n\nconst CalendarGlyph = ({ class: className }: { class?: string }) => (\n  <svg\n    class={cn(\"size-4 shrink-0 opacity-60\", className)}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    aria-hidden=\"true\"\n  >\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" />\n    <path d=\"M16 2v4M8 2v4M3 10h18\" />\n  </svg>\n);\n\nconst ChevronDownGlyph = ({ class: className }: { class?: string }) => (\n  <svg\n    class={cn(\"size-4 shrink-0 opacity-60\", className)}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\n\nexport type DatePickerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onChange\"> & {\n  value?: Date;\n  defaultValue?: Date;\n  onValueChange?: (next: Date | undefined) => void;\n  placeholder?: string;\n  /** Close popover after a day is picked (single mode). @default true */\n  closeOnSelect?: boolean;\n  align?: \"start\" | \"center\" | \"end\";\n  /** Trigger affordance aligned with shadcn demos. @default \"chevron\" */\n  triggerIcon?: \"chevron\" | \"calendar\" | \"none\";\n  format?: (date: Date) => string;\n  children?: ComponentChildren;\n};\n\nexport const DatePicker = ({\n  class: className,\n  value,\n  defaultValue,\n  onValueChange,\n  placeholder = \"Pick a date\",\n  closeOnSelect = true,\n  align = \"start\",\n  triggerIcon = \"chevron\",\n  format = formatDatePickerDisplay,\n  children,\n  ...rest\n}: DatePickerProps) => {\n  const [localValue, setLocalValue] = useState<Date | undefined>(defaultValue);\n  const [open, setOpen] = useState(false);\n  const selected = value !== undefined ? value : localValue;\n  const isControlled = value !== undefined;\n\n  const setSelected = (next: Date | undefined) => {\n    if (!isControlled) setLocalValue(next);\n    onValueChange?.(next);\n  };\n\n  const iconEl =\n    triggerIcon === \"calendar\" ? (\n      <CalendarGlyph />\n    ) : triggerIcon === \"chevron\" ? (\n      <ChevronDownGlyph />\n    ) : null;\n\n  return (\n    <div data-slot=\"date-picker\" class={cn(\"inline-flex\", className)} {...rest}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          {children ?? (\n            <Button\n              variant=\"outline\"\n              data-empty={selected ? undefined : \"true\"}\n              class={cn(\n                \"data-[empty=true]:text-muted-foreground w-[min(100%,280px)] text-start font-normal\",\n                triggerIcon === \"chevron\" && \"justify-between\",\n                (triggerIcon === \"calendar\" || triggerIcon === \"none\") && \"justify-start gap-2\"\n              )}\n            >\n              {triggerIcon === \"calendar\" ? iconEl : null}\n              <span class=\"min-w-0 flex-1 truncate\">\n                {selected ? format(selected) : <span>{placeholder}</span>}\n              </span>\n              {triggerIcon === \"chevron\" ? iconEl : null}\n            </Button>\n          )}\n        </PopoverTrigger>\n        <PopoverContent class=\"w-auto overflow-hidden p-0\" align={align} sideOffset={4}>\n          <Calendar\n            mode=\"single\"\n            selected={selected}\n            defaultMonth={selected}\n            onSelect={(d) => {\n              if (!(d instanceof Date)) return;\n              setSelected(d);\n              if (closeOnSelect) setOpen(false);\n            }}\n          />\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\n","import { DatePicker, formatDatePickerDisplay } from \"./DatePicker\";\n\nexport { DatePicker, formatDatePickerDisplay };\n\nexport default DatePicker;\n\n"]}

package/dist/chunk-VJ26PA3U.js

@@ -0,0 +1,9 @@
+import { button, Button } from './chunk-UGQ756Z6.js';
+
+// src/components/button/index.ts
+var ButtonVariants = { button };
+var button_default = Button;
+
+export { ButtonVariants, button_default };
+//# sourceMappingURL=chunk-VJ26PA3U.js.map
+//# sourceMappingURL=chunk-VJ26PA3U.js.map

package/dist/chunk-VJ26PA3U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/index.ts"],"names":[],"mappings":";;;AAEA,IAAM,cAAA,GAAiB,EAAE,MAAA;AAIzB,IAAO,cAAA,GAAQ","file":"chunk-VJ26PA3U.js","sourcesContent":["import { Button, button } from \"./Button\";\n\nconst ButtonVariants = { button };\n\nexport { Button, ButtonVariants };\n\nexport default Button;\n"]}

package/dist/chunk-VKB4VUN7.js

@@ -0,0 +1,164 @@
+import { Separator } from './chunk-3WAPI4KR.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { isValidElement, cloneElement } from 'preact';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var item = tv({
+  base: [
+    "group/item flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-[color,background-color,box-shadow] duration-100",
+    "[a]:transition-colors [a]:hover:bg-accent/50",
+    "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent hover:bg-muted/40",
+      outline: "border-border hover:bg-accent/35",
+      muted: "bg-muted/50 hover:bg-muted/65"
+    },
+    size: {
+      default: "gap-4 p-4",
+      sm: "gap-2.5 px-4 py-3",
+      xs: "gap-2 px-3 py-2 text-xs"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Item = ({
+  variant,
+  size,
+  asChild = false,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const resolvedVariant = variant ?? "default";
+  const resolvedSize = size ?? "default";
+  const resolvedClassName = item({
+    variant: resolvedVariant,
+    size: resolvedSize,
+    class: className
+  });
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps ?? {},
+      ...rest,
+      class: cn(childProps.class, childProps.className, resolvedClassName),
+      "data-slot": "item",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize,
+      class: resolvedClassName,
+      ...rest,
+      children
+    }
+  );
+};
+var ItemActions = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "item-actions", class: cn("flex items-center gap-2", className), ...rest, children });
+var ItemContent = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-content",
+    class: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+    ...rest,
+    children
+  }
+);
+var ItemDescription = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    "data-slot": "item-description",
+    class: cn(
+      "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+      "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var ItemFooter = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-footer",
+    class: cn("flex basis-full items-center justify-between gap-2", className),
+    ...rest,
+    children
+  }
+);
+var ItemGroup = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { role: "list", "data-slot": "item-group", class: cn("group/item-group flex flex-col", className), ...rest, children });
+var ItemHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-header",
+    class: cn("flex basis-full items-center justify-between gap-2", className),
+    ...rest,
+    children
+  }
+);
+var itemMedia = tv({
+  base: [
+    "flex shrink-0 items-center justify-center gap-2",
+    "group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start",
+    "[&_svg]:pointer-events-none"
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+      image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var ItemMedia = ({ variant, class: className, children, ...rest }) => {
+  const resolvedVariant = variant ?? "default";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": resolvedVariant,
+      class: cn(itemMedia({ variant: resolvedVariant, class: className })),
+      ...rest,
+      children
+    }
+  );
+};
+var ItemSeparator = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  Separator,
+  {
+    orientation: "horizontal",
+    class: cn("my-0", className),
+    "data-slot": "item-separator",
+    ...rest
+  }
+);
+var ItemTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-title",
+    class: cn("flex w-fit items-center gap-2 text-sm font-medium leading-snug", className),
+    ...rest,
+    children
+  }
+);
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=chunk-VKB4VUN7.js.map
+//# sourceMappingURL=chunk-VKB4VUN7.js.map

package/dist/chunk-VKB4VUN7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/item/Item.tsx","../src/components/item/ItemActions.tsx","../src/components/item/ItemContent.tsx","../src/components/item/ItemDescription.tsx","../src/components/item/ItemFooter.tsx","../src/components/item/ItemGroup.tsx","../src/components/item/ItemHeader.tsx","../src/components/item/ItemMedia.tsx","../src/components/item/ItemSeparator.tsx","../src/components/item/ItemTitle.tsx"],"names":["jsx","tv"],"mappings":"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","file":"chunk-VKB4VUN7.js","sourcesContent":["import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const item = tv({\n  base: [\n    \"group/item flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-[color,background-color,box-shadow] duration-100\",\n    \"[a]:transition-colors [a]:hover:bg-accent/50\",\n    \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-transparent hover:bg-muted/40\",\n      outline: \"border-border hover:bg-accent/35\",\n      muted: \"bg-muted/50 hover:bg-muted/65\",\n    },\n    size: {\n      default: \"gap-4 p-4\",\n      sm: \"gap-2.5 px-4 py-3\",\n      xs: \"gap-2 px-3 py-2 text-xs\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\nexport type ItemProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"size\"> &\n  VariantProps<typeof item> & {\n    children?: ComponentChildren;\n    asChild?: boolean;\n  };\n\nexport const Item = ({\n  variant,\n  size,\n  asChild = false,\n  class: className,\n  children,\n  ...rest\n}: ItemProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  const resolvedSize = size ?? \"default\";\n  const resolvedClassName = item({\n    variant: resolvedVariant,\n    size: resolvedSize,\n    class: className as string | undefined,\n  });\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    return cloneElement(children, {\n      ...(childProps ?? {}),\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      class: cn(childProps.class, childProps.className, resolvedClassName),\n      \"data-slot\": \"item\",\n      \"data-variant\": resolvedVariant,\n      \"data-size\": resolvedSize,\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"item\"\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      class={resolvedClassName}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemActionsProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemActions = ({ class: className, children, ...rest }: ItemActionsProps) => (\n  <div data-slot=\"item-actions\" class={cn(\"flex items-center gap-2\", className)} {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemContent = ({ class: className, children, ...rest }: ItemContentProps) => (\n  <div\n    data-slot=\"item-content\"\n    class={cn(\"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemDescription = ({ class: className, children, ...rest }: ItemDescriptionProps) => (\n  <p\n    data-slot=\"item-description\"\n    class={cn(\n      \"text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal\",\n      \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemFooter = ({ class: className, children, ...rest }: ItemFooterProps) => (\n  <div\n    data-slot=\"item-footer\"\n    class={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemGroup = ({ class: className, children, ...rest }: ItemGroupProps) => (\n  <div role=\"list\" data-slot=\"item-group\" class={cn(\"group/item-group flex flex-col\", className)} {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemHeader = ({ class: className, children, ...rest }: ItemHeaderProps) => (\n  <div\n    data-slot=\"item-header\"\n    class={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const itemMedia = tv({\n  base: [\n    \"flex shrink-0 items-center justify-center gap-2\",\n    \"group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start\",\n    \"[&_svg]:pointer-events-none\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4\",\n      image: \"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type ItemMediaProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof itemMedia> & {\n    children?: ComponentChildren;\n  };\n\nexport const ItemMedia = ({ variant, class: className, children, ...rest }: ItemMediaProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={resolvedVariant}\n      class={cn(itemMedia({ variant: resolvedVariant, class: className as string | undefined }))}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import { cn } from \"../../lib/utils\";\nimport { Separator, type SeparatorProps } from \"../separator/Separator\";\n\nexport const ItemSeparator = ({ class: className, ...rest }: SeparatorProps) => (\n  <Separator\n    orientation=\"horizontal\"\n    class={cn(\"my-0\", className)}\n    data-slot=\"item-separator\"\n    {...rest}\n  />\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemTitleProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemTitle = ({ class: className, children, ...rest }: ItemTitleProps) => (\n  <div\n    data-slot=\"item-title\"\n    class={cn(\"flex w-fit items-center gap-2 text-sm font-medium leading-snug\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"]}

package/dist/chunk-Y37OHTAO.js

@@ -0,0 +1,208 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { createContext, toChildArray, isValidElement, Fragment } from 'preact';
+import { useState, useCallback, useMemo, useEffect, useContext } from 'preact/hooks';
+import { tv } from 'tailwind-variants';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var AvatarContext = createContext(null);
+var useAvatarContext = () => {
+  const ctx = useContext(AvatarContext);
+  if (!ctx) {
+    throw new Error("AvatarImage, AvatarFallback, and AvatarBadge must be used within Avatar");
+  }
+  return ctx;
+};
+var AvatarBadge = ({ class: className, children, ...rest }) => {
+  useAvatarContext();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      class: cn(
+        "absolute z-20 box-border inline-flex items-center justify-center rounded-full bg-primary",
+        /* Bottom-inline-end overlap (~¼ avatar width) with a thick white ring so the dot reads clearly on the photo. */
+        "bottom-0.5 end-0.5 ring-[3px] ring-white dark:ring-background",
+        "group-data-[size=sm]/avatar:bottom-px group-data-[size=sm]/avatar:end-px group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:ring-2",
+        "group-data-[size=sm]/avatar:[&_svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&_svg]:size-2",
+        "group-data-[size=lg]/avatar:bottom-1 group-data-[size=lg]/avatar:end-1 group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&_svg]:size-2",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+var avatarRoot = tv({
+  base: "group/avatar relative inline-flex shrink-0 select-none",
+  variants: {
+    size: {
+      sm: "size-8",
+      default: "size-10",
+      lg: "size-12"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var avatarMedia = tv({
+  base: [
+    "absolute inset-0 overflow-hidden rounded-full border border-border",
+    "after:pointer-events-none after:absolute after:inset-0 after:z-[5] after:rounded-full after:border after:border-border/50"
+  ]
+});
+function partitionAvatarChildren(children) {
+  const media = [];
+  const badges = [];
+  for (const node of toChildArray(children)) {
+    if (isValidElement(node) && node.type === AvatarBadge) {
+      badges.push(node);
+    } else {
+      media.push(node);
+    }
+  }
+  return { media, badges };
+}
+var Avatar = ({ size = "default", class: className, children, ...rest }) => {
+  const [loaded, setLoaded] = useState(false);
+  const [failed, setFailed] = useState(false);
+  const notifyLoad = useCallback(() => {
+    setLoaded(true);
+    setFailed(false);
+  }, []);
+  const notifyError = useCallback(() => {
+    setFailed(true);
+    setLoaded(false);
+  }, []);
+  const resetImage = useCallback(() => {
+    setLoaded(false);
+    setFailed(false);
+  }, []);
+  const showFallback = !loaded || failed;
+  const value = useMemo(
+    () => ({
+      notifyLoad,
+      notifyError,
+      resetImage,
+      showFallback
+    }),
+    [notifyLoad, notifyError, resetImage, showFallback]
+  );
+  const dataSize = size === "default" ? "default" : size;
+  const { media, badges } = partitionAvatarChildren(children);
+  return /* @__PURE__ */ jsx(AvatarContext.Provider, { value, children: /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ...rest,
+      "data-slot": "avatar",
+      "data-size": dataSize,
+      class: avatarRoot({ size, class: className }),
+      children: [
+        /* @__PURE__ */ jsx("span", { class: avatarMedia(), children: media }),
+        badges
+      ]
+    }
+  ) });
+};
+var AvatarFallback = ({ class: className, children, ...rest }) => {
+  const { showFallback } = useAvatarContext();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-fallback",
+      class: cn(
+        "bg-muted text-muted-foreground absolute inset-0 z-0 inline-flex size-full items-center justify-center font-medium",
+        "text-sm group-data-[size=sm]/avatar:text-xs group-data-[size=lg]/avatar:text-base",
+        !showFallback && "hidden",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+var AvatarGroupCount = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "avatar-group-count",
+    class: cn(
+      "bg-muted text-muted-foreground relative z-[100] -ms-2 inline-flex size-10 shrink-0 items-center justify-center rounded-full text-center text-xs font-medium tabular-nums leading-none ring-2 ring-background rtl:-ms-0 rtl:-me-2",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var AvatarGroup = ({ class: className, children, ...rest }) => {
+  const items = toChildArray(children);
+  let stackIndex = 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      class: cn(
+        "isolate flex flex-row flex-wrap items-center -space-x-2 rtl:space-x-reverse",
+        className
+      ),
+      ...rest,
+      children: items.map((child, i) => {
+        if (isValidElement(child) && child.type === Avatar) {
+          const z = stackIndex;
+          stackIndex += 1;
+          const key = typeof child.key === "string" || typeof child.key === "number" ? child.key : `avatar-group-${i}`;
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              class: "relative inline-flex shrink-0 rounded-full ring-2 ring-background",
+              style: { zIndex: z },
+              children: child
+            },
+            key
+          );
+        }
+        if (isValidElement(child) && child.type === AvatarGroupCount) {
+          const key = typeof child.key === "string" || typeof child.key === "number" ? child.key : `avatar-group-count-${i}`;
+          return /* @__PURE__ */ jsx("span", { class: "relative z-[100] inline-flex shrink-0", children: child }, key);
+        }
+        return /* @__PURE__ */ jsx(Fragment, { children: child }, i);
+      })
+    }
+  );
+};
+var AvatarImage = ({
+  class: className,
+  src,
+  alt = "",
+  onLoad,
+  onError,
+  ...rest
+}) => {
+  const { notifyLoad, notifyError, resetImage, showFallback } = useAvatarContext();
+  useEffect(() => {
+    resetImage();
+    if (!src || src === "") {
+      notifyError();
+    }
+  }, [src, resetImage, notifyError]);
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      "data-slot": "avatar-image",
+      src,
+      alt,
+      class: cn("absolute inset-0 z-10 size-full object-cover", showFallback && "invisible", className),
+      onLoad: (e) => {
+        onLoad?.(e);
+        notifyLoad();
+      },
+      onError: (e) => {
+        onError?.(e);
+        notifyError();
+      },
+      ...rest
+    }
+  );
+};
+
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, avatarRoot };
+//# sourceMappingURL=chunk-Y37OHTAO.js.map
+//# sourceMappingURL=chunk-Y37OHTAO.js.map