@kamod-ch/ui 0.2.1

package/dist/chunk-5FBD2NTR.js

@@ -0,0 +1,103 @@
+import { cn } from './chunk-MS2ZNYCJ.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-5FBD2NTR.js.map
+//# sourceMappingURL=chunk-5FBD2NTR.js.map

package/dist/chunk-5FBD2NTR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-5FBD2NTR.js","sourcesContent":["import { type ComponentChildren, cloneElement, isValidElement, 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:\n        \"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:\n        \"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 = ({\n  variant,\n  size,\n  asChild = false,\n  class: className,\n  children,\n  ...rest\n}: ButtonProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  const resolvedSize = size ?? \"default\";\n  const resolvedClassName = button({\n    variant: resolvedVariant,\n    size: resolvedSize,\n    class: className,\n  });\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      const env = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n        ?.NODE_ENV;\n      if (env !== \"production\") {\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"]}

package/dist/chunk-5KS2VSX2.js

@@ -0,0 +1,94 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { useState } from 'preact/hooks';
+import { tv } from 'tailwind-variants';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var switchRoot = tv({
+  base: [
+    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs",
+    "outline-none transition-all",
+    "focus-visible:ring-3 focus-visible:ring-ring/50",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "data-[state=checked]:bg-primary data-[state=checked]:saturate-125 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
+    "aria-invalid:ring-destructive/20 aria-invalid:border-destructive"
+  ],
+  variants: {
+    size: {
+      default: "h-6 w-11",
+      sm: "h-5 w-9"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var switchThumb = tv({
+  base: [
+    "pointer-events-none block rounded-full bg-background",
+    "shadow-sm ring-0 transition-transform",
+    "data-[state=unchecked]:translate-x-0"
+  ],
+  variants: {
+    size: {
+      default: "size-5 data-[state=checked]:translate-x-5",
+      sm: "size-4 data-[state=checked]:translate-x-4"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var Switch = ({
+  defaultChecked = false,
+  checked,
+  onCheckedChange,
+  size,
+  class: className,
+  children,
+  onClick,
+  ...rest
+}) => {
+  const [localChecked, setLocalChecked] = useState(defaultChecked);
+  const isControlled = typeof checked === "boolean";
+  const nextChecked = isControlled ? checked : localChecked;
+  return /* @__PURE__ */ jsxs("span", { "data-slot": "switch-root", class: "inline-flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": nextChecked,
+        "data-slot": "switch",
+        "data-state": nextChecked ? "checked" : "unchecked",
+        "data-size": size ?? "default",
+        class: cn(switchRoot({ size, class: className })),
+        onClick: (event) => {
+          const updated = !nextChecked;
+          if (!isControlled) {
+            setLocalChecked(updated);
+          }
+          onCheckedChange?.(updated);
+          onClick?.(event);
+        },
+        ...rest,
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "switch-thumb",
+            "data-size": size ?? "default",
+            "data-state": nextChecked ? "checked" : "unchecked",
+            class: cn(switchThumb({ size }))
+          }
+        )
+      }
+    ),
+    children ? /* @__PURE__ */ jsx("span", { "data-slot": "switch-label", children }) : null
+  ] });
+};
+
+// src/components/switch/index.ts
+var switch_default = Switch;
+
+export { Switch, switch_default };
+//# sourceMappingURL=chunk-5KS2VSX2.js.map
+//# sourceMappingURL=chunk-5KS2VSX2.js.map

package/dist/chunk-5KS2VSX2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/switch/Switch.tsx","../src/components/switch/index.ts"],"names":[],"mappings":";;;;;AAKA,IAAM,aAAa,EAAA,CAAG;AAAA,EACpB,IAAA,EAAM;AAAA,IACJ,0GAAA;AAAA,IACA,6BAAA;AAAA,IACA,iDAAA;AAAA,IACA,iDAAA;AAAA,IACA,2IAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,UAAA;AAAA,MACT,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,cAAc,EAAA,CAAG;AAAA,EACrB,IAAA,EAAM;AAAA,IACJ,sDAAA;AAAA,IACA,uCAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,2CAAA;AAAA,MACT,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAaM,IAAM,SAAS,CAAC;AAAA,EACrB,cAAA,GAAiB,KAAA;AAAA,EACjB,OAAA;AAAA,EACA,eAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,YAAA,GAAe,OAAO,OAAA,KAAY,SAAA;AACxC,EAAA,MAAM,WAAA,GAAc,eAAe,OAAA,GAAU,YAAA;AAE7C,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,aAAA,EAAc,OAAM,gCAAA,EAClC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,WAAA;AAAA,QACd,WAAA,EAAU,QAAA;AAAA,QACV,YAAA,EAAY,cAAc,SAAA,GAAY,WAAA;AAAA,QACtC,aAAW,IAAA,IAAQ,SAAA;AAAA,QACnB,KAAA,EAAO,GAAG,UAAA,CAAW,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,CAAC,CAAA;AAAA,QAChD,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,UAAA,MAAM,UAAU,CAAC,WAAA;AACjB,UAAA,IAAI,CAAC,YAAA,EAAc;AACjB,YAAA,eAAA,CAAgB,OAAO,CAAA;AAAA,UACzB;AACA,UAAA,eAAA,GAAkB,OAAO,CAAA;AACzB,UAAA,OAAA,GAAU,KAAK,CAAA;AAAA,QACjB,CAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,cAAA;AAAA,YACV,aAAW,IAAA,IAAQ,SAAA;AAAA,YACnB,YAAA,EAAY,cAAc,SAAA,GAAY,WAAA;AAAA,YACtC,OAAO,EAAA,CAAG,WAAA,CAAY,EAAE,IAAA,EAAM,CAAC;AAAA;AAAA;AACjC;AAAA,KACF;AAAA,IACC,2BAAW,GAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,cAAA,EAAgB,UAAS,CAAA,GAAU;AAAA,GAAA,EACjE,CAAA;AAEJ;;;AC7FA,IAAO,cAAA,GAAQ","file":"chunk-5KS2VSX2.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nconst switchRoot = tv({\n  base: [\n    \"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs\",\n    \"outline-none transition-all\",\n    \"focus-visible:ring-3 focus-visible:ring-ring/50\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"data-[state=checked]:bg-primary data-[state=checked]:saturate-125 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80\",\n    \"aria-invalid:ring-destructive/20 aria-invalid:border-destructive\",\n  ],\n  variants: {\n    size: {\n      default: \"h-6 w-11\",\n      sm: \"h-5 w-9\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\nconst switchThumb = tv({\n  base: [\n    \"pointer-events-none block rounded-full bg-background\",\n    \"shadow-sm ring-0 transition-transform\",\n    \"data-[state=unchecked]:translate-x-0\",\n  ],\n  variants: {\n    size: {\n      default: \"size-5 data-[state=checked]:translate-x-5\",\n      sm: \"size-4 data-[state=checked]:translate-x-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\ntype SwitchVariants = VariantProps<typeof switchRoot>;\n\nexport type SwitchProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"class\"> &\n  SwitchVariants & {\n    class?: string;\n    defaultChecked?: boolean;\n    checked?: boolean;\n    onCheckedChange?: (next: boolean) => void;\n    children?: ComponentChildren;\n  };\n\nexport const Switch = ({\n  defaultChecked = false,\n  checked,\n  onCheckedChange,\n  size,\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: SwitchProps) => {\n  const [localChecked, setLocalChecked] = useState(defaultChecked);\n  const isControlled = typeof checked === \"boolean\";\n  const nextChecked = isControlled ? checked : localChecked;\n\n  return (\n    <span data-slot=\"switch-root\" class=\"inline-flex items-center gap-2\">\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={nextChecked}\n        data-slot=\"switch\"\n        data-state={nextChecked ? \"checked\" : \"unchecked\"}\n        data-size={size ?? \"default\"}\n        class={cn(switchRoot({ size, class: className }))}\n        onClick={(event) => {\n          const updated = !nextChecked;\n          if (!isControlled) {\n            setLocalChecked(updated);\n          }\n          onCheckedChange?.(updated);\n          onClick?.(event);\n        }}\n        {...rest}\n      >\n        <span\n          data-slot=\"switch-thumb\"\n          data-size={size ?? \"default\"}\n          data-state={nextChecked ? \"checked\" : \"unchecked\"}\n          class={cn(switchThumb({ size }))}\n        />\n      </button>\n      {children ? <span data-slot=\"switch-label\">{children}</span> : null}\n    </span>\n  );\n};\n","import { Switch } from \"./Switch\";\n\nexport { Switch };\n\nexport default Switch;\n"]}

package/dist/chunk-5Q4RBIMZ.js

@@ -0,0 +1,25 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var DialogFooter = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "dialog-footer",
+    class: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...rest,
+    children
+  }
+);
+var DialogHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "dialog-header",
+    class: cn("flex flex-col gap-2 text-center sm:text-start", className),
+    ...rest,
+    children
+  }
+);
+
+export { DialogFooter, DialogHeader };
+//# sourceMappingURL=chunk-5Q4RBIMZ.js.map
+//# sourceMappingURL=chunk-5Q4RBIMZ.js.map

package/dist/chunk-5Q4RBIMZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/DialogFooter.tsx","../src/components/dialog/DialogHeader.tsx"],"names":["jsx"],"mappings":";;;AAOO,IAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBACjE,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,eAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,wDAAA,EAA0D,SAAS,CAAA;AAAA,IAC5E,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACPK,IAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBACjEA,GAAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,eAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,+CAAA,EAAiD,SAAS,CAAA;AAAA,IACnE,GAAG,IAAA;AAAA,IAEH;AAAA;AACH","file":"chunk-5Q4RBIMZ.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DialogFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DialogFooter = ({ class: className, children, ...rest }: DialogFooterProps) => (\n  <div\n    data-slot=\"dialog-footer\"\n    class={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DialogHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DialogHeader = ({ class: className, children, ...rest }: DialogHeaderProps) => (\n  <div\n    data-slot=\"dialog-header\"\n    class={cn(\"flex flex-col gap-2 text-center sm:text-start\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"]}

package/dist/chunk-67J4KBOW.js

@@ -0,0 +1,124 @@
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/card/Card.tsx
+var card = tv({
+  base: [
+    "bg-card text-card-foreground group/card ring-border flex min-w-0 flex-col rounded-xl ring-1",
+    "has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0",
+    "*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl"
+  ],
+  variants: {
+    size: {
+      default: "gap-6 py-6",
+      sm: "gap-4 py-4 text-sm"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var Card = ({ class: className, size, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: card({ size, class: className }),
+    "data-slot": "card",
+    "data-size": size ?? "default",
+    ...rest,
+    children
+  }
+);
+var cardAction = tv({
+  base: "col-start-2 row-span-2 row-start-1 shrink-0 self-start justify-self-end"
+});
+var CardAction = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cardAction({ class: className }),
+    "data-slot": "card-action",
+    ...rest
+  }
+);
+var cardContent = tv({
+  base: "px-6 group-data-[size=sm]/card:px-4"
+});
+var CardContent = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cardContent({ class: className }),
+    "data-slot": "card-content",
+    ...rest
+  }
+);
+var cardDescription = tv({
+  base: "min-w-0 break-words text-muted-foreground text-sm group-data-[size=sm]/card:text-xs"
+});
+var CardDescription = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cardDescription({ class: className }),
+    "data-slot": "card-description",
+    ...rest
+  }
+);
+var cardFooter = tv({
+  base: "bg-muted/50 flex items-center rounded-b-xl border-t p-6 group-data-[size=sm]/card:p-4"
+});
+var CardFooter = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cardFooter({ class: className }),
+    "data-slot": "card-footer",
+    ...rest
+  }
+);
+var cardHeader = tv({
+  base: [
+    "@container/card-header grid w-full min-w-0 auto-rows-min items-start gap-1.5 px-6 group-data-[size=sm]/card:px-4",
+    // minmax(0,1fr) + min-w-0 on title/description keeps CardAction in the second column inside the card (flex preview children)
+    "has-data-[slot=card-action]:grid-cols-[minmax(0,1fr)_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]"
+  ]
+});
+var CardHeader = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cardHeader({ class: className }),
+    "data-slot": "card-header",
+    ...rest
+  }
+);
+var cardTitle = tv({
+  base: "font-heading min-w-0 break-words text-xl leading-snug font-semibold group-data-[size=sm]/card:text-base"
+});
+var CardTitle = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cardTitle({ class: className }),
+    "data-slot": "card-title",
+    ...rest
+  }
+);
+
+// src/components/card/index.ts
+var CardVariants = {
+  card,
+  cardAction,
+  cardContent,
+  cardDescription,
+  cardFooter,
+  cardHeader,
+  cardTitle
+};
+var card_default = {
+  Root: Card,
+  Header: CardHeader,
+  Footer: CardFooter,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
+  Action: CardAction
+};
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardVariants, card_default };
+//# sourceMappingURL=chunk-67J4KBOW.js.map
+//# sourceMappingURL=chunk-67J4KBOW.js.map

package/dist/chunk-67J4KBOW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card/Card.tsx","../src/components/card/CardAction.tsx","../src/components/card/CardContent.tsx","../src/components/card/CardDescription.tsx","../src/components/card/CardFooter.tsx","../src/components/card/CardHeader.tsx","../src/components/card/CardTitle.tsx","../src/components/card/index.ts"],"names":["tv","jsx"],"mappings":"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","file":"chunk-67J4KBOW.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const card = tv({\n  base: [\n    \"bg-card text-card-foreground group/card ring-border flex min-w-0 flex-col rounded-xl ring-1\",\n    \"has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0\",\n    \"*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n  ],\n  variants: {\n    size: {\n      default: \"gap-6 py-6\",\n      sm: \"gap-4 py-4 text-sm\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\nexport type CardProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof card> & {\n    children?: ComponentChildren;\n  };\n\nexport const Card = ({ class: className, size, children, ...rest }: CardProps) => (\n  <div\n    class={card({ size, class: className as string | undefined })}\n    data-slot=\"card\"\n    data-size={size ?? \"default\"}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardAction = tv({\n  base: \"col-start-2 row-span-2 row-start-1 shrink-0 self-start justify-self-end\",\n});\n\nexport type CardActionProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardAction = ({ class: className, ...rest }: CardActionProps) => (\n  <div\n    class={cardAction({ class: className as string | undefined })}\n    data-slot=\"card-action\"\n    {...rest}\n  />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardContent = tv({\n  base: \"px-6 group-data-[size=sm]/card:px-4\",\n});\n\nexport type CardContentProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = ({ class: className, ...rest }: CardContentProps) => (\n  <div\n    class={cardContent({ class: className as string | undefined })}\n    data-slot=\"card-content\"\n    {...rest}\n  />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardDescription = tv({\n  base: \"min-w-0 break-words text-muted-foreground text-sm group-data-[size=sm]/card:text-xs\",\n});\n\nexport type CardDescriptionProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardDescription = ({ class: className, ...rest }: CardDescriptionProps) => (\n  <div\n    class={cardDescription({ class: className as string | undefined })}\n    data-slot=\"card-description\"\n    {...rest}\n  />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardFooter = tv({\n  base: \"bg-muted/50 flex items-center rounded-b-xl border-t p-6 group-data-[size=sm]/card:p-4\",\n});\n\nexport type CardFooterProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = ({ class: className, ...rest }: CardFooterProps) => (\n  <div\n    class={cardFooter({ class: className as string | undefined })}\n    data-slot=\"card-footer\"\n    {...rest}\n  />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardHeader = tv({\n  base: [\n    \"@container/card-header grid w-full min-w-0 auto-rows-min items-start gap-1.5 px-6 group-data-[size=sm]/card:px-4\",\n    // minmax(0,1fr) + min-w-0 on title/description keeps CardAction in the second column inside the card (flex preview children)\n    \"has-data-[slot=card-action]:grid-cols-[minmax(0,1fr)_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n  ],\n});\n\nexport type CardHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = ({ class: className, ...rest }: CardHeaderProps) => (\n  <div\n    class={cardHeader({ class: className as string | undefined })}\n    data-slot=\"card-header\"\n    {...rest}\n  />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardTitle = tv({\n  base: \"font-heading min-w-0 break-words text-xl leading-snug font-semibold group-data-[size=sm]/card:text-base\",\n});\n\nexport type CardTitleProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardTitle = ({ class: className, ...rest }: CardTitleProps) => (\n  <div\n    class={cardTitle({ class: className as string | undefined })}\n    data-slot=\"card-title\"\n    {...rest}\n  />\n);\n","import { Card, card } from \"./Card\";\nimport { CardAction, cardAction } from \"./CardAction\";\nimport { CardContent, cardContent } from \"./CardContent\";\nimport { CardDescription, cardDescription } from \"./CardDescription\";\nimport { CardFooter, cardFooter } from \"./CardFooter\";\nimport { CardHeader, cardHeader } from \"./CardHeader\";\nimport { CardTitle, cardTitle } from \"./CardTitle\";\n\nconst CardVariants = {\n  card,\n  cardAction,\n  cardContent,\n  cardDescription,\n  cardFooter,\n  cardHeader,\n  cardTitle,\n};\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  CardVariants,\n};\n\nexport default {\n  Root: Card,\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Action: CardAction,\n};\n"]}

package/dist/chunk-6BK3PIRX.js

@@ -0,0 +1,151 @@
+import { InputGroup, InputGroupAddon, InputGroupInput } from './chunk-QZX3RFIC.js';
+import { FieldGroup, Field, FieldLabel } from './chunk-IJ4ZRIR4.js';
+import { Calendar } from './chunk-JNF7FDJO.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { useId, useState } from 'preact/hooks';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var WEEKDAY_TWO_LETTER = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var ClockGlyph = ({ class: className }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    class: cn("size-3.5 shrink-0 opacity-70", className),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
+    ]
+  }
+);
+var CalendarDateTimePanel = ({
+  class: className,
+  selected,
+  defaultSelected,
+  onSelect,
+  defaultMonth,
+  month,
+  onMonthChange,
+  locale = "en-US",
+  disabled,
+  dir,
+  showOutsideDays = true,
+  captionLayout = "buttons",
+  size = "sm",
+  startTime: startTimeProp,
+  defaultStartTime = "10:30:00",
+  onStartTimeChange,
+  endTime: endTimeProp,
+  defaultEndTime = "12:30:00",
+  onEndTimeChange,
+  startTimeLabel = "Start Time",
+  endTimeLabel = "End Time",
+  compactWeekdays = true,
+  showWeekdayLeadBorder = false,
+  ...rest
+}) => {
+  const uid = useId();
+  const startId = `kamod-cdtp-s-${uid}`;
+  const endId = `kamod-cdtp-e-${uid}`;
+  const [innerDate, setInnerDate] = useState(defaultSelected);
+  const selectedDate = selected !== void 0 ? selected : innerDate;
+  const [innerStart, setInnerStart] = useState(defaultStartTime);
+  const [innerEnd, setInnerEnd] = useState(defaultEndTime);
+  const startVal = startTimeProp !== void 0 ? startTimeProp : innerStart;
+  const endVal = endTimeProp !== void 0 ? endTimeProp : innerEnd;
+  const setDate = (d) => {
+    if (selected === void 0) setInnerDate(d);
+    onSelect?.(d);
+  };
+  const setStart = (v) => {
+    if (startTimeProp === void 0) setInnerStart(v);
+    onStartTimeChange?.(v);
+  };
+  const setEnd = (v) => {
+    if (endTimeProp === void 0) setInnerEnd(v);
+    onEndTimeChange?.(v);
+  };
+  const photoCalendarClass = "w-full min-w-0 max-w-full border-0 bg-transparent p-0 shadow-none [&_[data-slot=calendar-day][data-outside=true]]:!text-neutral-400 dark:[&_[data-slot=calendar-day][data-outside=true]]:!text-neutral-500 [&_[data-slot=calendar-day]]:!rounded-full [&_[data-slot=calendar-day]:not(:disabled):hover]:!bg-neutral-200/90 dark:[&_[data-slot=calendar-day]:not(:disabled):hover]:!bg-white/10 [&_[data-slot=calendar-day].bg-primary]:!rounded-xl [&_[data-slot=calendar-day].bg-primary]:!bg-[#1a1a1a] [&_[data-slot=calendar-day].bg-primary]:hover:!bg-[#1a1a1a] [&_[data-slot=calendar-day].bg-primary]:!text-white dark:[&_[data-slot=calendar-day].bg-primary]:!bg-primary dark:[&_[data-slot=calendar-day].bg-primary]:!text-primary-foreground dark:[&_[data-slot=calendar-day].bg-primary]:hover:!bg-primary/90 [&_[data-slot=calendar-day].bg-accent]:!rounded-full";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "calendar-datetime-panel",
+      class: cn(
+        "bg-background text-foreground w-full max-w-[min(100%,300px)] rounded-xl border border-[#e0e0e0] p-3.5 shadow-sm dark:border-border",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "single",
+            dir,
+            locale,
+            disabled,
+            showOutsideDays,
+            captionLayout,
+            size,
+            selected: selectedDate,
+            defaultMonth: defaultMonth ?? selectedDate ?? /* @__PURE__ */ new Date(),
+            month,
+            onMonthChange,
+            onSelect: (v) => {
+              if (v instanceof Date) setDate(v);
+            },
+            captionTitleClass: "text-sm font-semibold tracking-tight",
+            weekdayLabels: compactWeekdays ? [...WEEKDAY_TWO_LETTER] : void 0,
+            showWeekdayLeadBorder,
+            class: photoCalendarClass
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { class: "mt-0.5 border-t border-[#e0e0e0] pt-3 dark:border-border", children: /* @__PURE__ */ jsxs(FieldGroup, { class: "gap-2.5", children: [
+          /* @__PURE__ */ jsxs(Field, { children: [
+            /* @__PURE__ */ jsx(FieldLabel, { class: "text-foreground mb-1 text-xs font-semibold", htmlFor: startId, children: startTimeLabel }),
+            /* @__PURE__ */ jsxs(InputGroup, { class: "border-[#e0e0e0] dark:border-input h-9 min-h-9 rounded-full px-0.5 shadow-none", children: [
+              /* @__PURE__ */ jsx(InputGroupAddon, { class: "ps-2.5", children: /* @__PURE__ */ jsx(ClockGlyph, {}) }),
+              /* @__PURE__ */ jsx(
+                InputGroupInput,
+                {
+                  id: startId,
+                  type: "time",
+                  step: 1,
+                  value: startVal,
+                  onInput: (e) => setStart(e.target.value),
+                  class: "font-mono text-xs tabular-nums"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Field, { children: [
+            /* @__PURE__ */ jsx(FieldLabel, { class: "text-foreground mb-1 text-xs font-semibold", htmlFor: endId, children: endTimeLabel }),
+            /* @__PURE__ */ jsxs(InputGroup, { class: "border-[#e0e0e0] dark:border-input h-9 min-h-9 rounded-full px-0.5 shadow-none", children: [
+              /* @__PURE__ */ jsx(InputGroupAddon, { class: "ps-2.5", children: /* @__PURE__ */ jsx(ClockGlyph, {}) }),
+              /* @__PURE__ */ jsx(
+                InputGroupInput,
+                {
+                  id: endId,
+                  type: "time",
+                  step: 1,
+                  value: endVal,
+                  onInput: (e) => setEnd(e.target.value),
+                  class: "font-mono text-xs tabular-nums"
+                }
+              )
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+
+// src/components/calendar/index.ts
+var calendar_default = Calendar;
+
+export { CalendarDateTimePanel, calendar_default };
+//# sourceMappingURL=chunk-6BK3PIRX.js.map
+//# sourceMappingURL=chunk-6BK3PIRX.js.map

package/dist/chunk-6BK3PIRX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar/CalendarDateTimePanel.tsx","../src/components/calendar/index.ts"],"names":[],"mappings":"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","file":"chunk-6BK3PIRX.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { useId, useState } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { Field, FieldGroup, FieldLabel } from \"../field\";\nimport { InputGroup, InputGroupAddon, InputGroupInput } from \"../input-group\";\nimport type { CalendarProps } from \"./Calendar\";\nimport { Calendar } from \"./Calendar\";\n\nconst WEEKDAY_TWO_LETTER = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"] as const;\n\nconst ClockGlyph = ({ class: className }: { class?: string }) => (\n  <svg\n    class={cn(\"size-3.5 shrink-0 opacity-70\", className)}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    aria-hidden=\"true\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 6v6l4 2\" />\n  </svg>\n);\n\nexport type CalendarDateTimePanelProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> &\n  Pick<\n    CalendarProps,\n    | \"defaultMonth\"\n    | \"month\"\n    | \"onMonthChange\"\n    | \"locale\"\n    | \"disabled\"\n    | \"dir\"\n    | \"showOutsideDays\"\n    | \"captionLayout\"\n    | \"size\"\n  > & {\n    /** Selected calendar day (controlled). */\n    selected?: Date;\n    /** Initial day when uncontrolled. */\n    defaultSelected?: Date;\n    onSelect?: (date: Date) => void;\n    /** `HH:mm` or `HH:mm:ss` for native `input[type=time]`. */\n    startTime?: string;\n    defaultStartTime?: string;\n    onStartTimeChange?: (value: string) => void;\n    endTime?: string;\n    defaultEndTime?: string;\n    onEndTimeChange?: (value: string) => void;\n    startTimeLabel?: string;\n    endTimeLabel?: string;\n    /** Use two-letter weekday headers (Su–Sa). @default true */\n    compactWeekdays?: boolean;\n    /** Decorative line left of the first weekday; off by default. */\n    showWeekdayLeadBorder?: boolean;\n  };\n\n/**\n * Single-month calendar with start/end time fields, styled for a compact “schedule” card (date + time range).\n * Defaults to `size=\"sm\"` on the inner {@link Calendar} for a dense layout; pass `size=\"default\"` for roomier cells.\n */\nexport const CalendarDateTimePanel = ({\n  class: className,\n  selected,\n  defaultSelected,\n  onSelect,\n  defaultMonth,\n  month,\n  onMonthChange,\n  locale = \"en-US\",\n  disabled,\n  dir,\n  showOutsideDays = true,\n  captionLayout = \"buttons\",\n  size = \"sm\",\n  startTime: startTimeProp,\n  defaultStartTime = \"10:30:00\",\n  onStartTimeChange,\n  endTime: endTimeProp,\n  defaultEndTime = \"12:30:00\",\n  onEndTimeChange,\n  startTimeLabel = \"Start Time\",\n  endTimeLabel = \"End Time\",\n  compactWeekdays = true,\n  showWeekdayLeadBorder = false,\n  ...rest\n}: CalendarDateTimePanelProps) => {\n  const uid = useId();\n  const startId = `kamod-cdtp-s-${uid}`;\n  const endId = `kamod-cdtp-e-${uid}`;\n\n  const [innerDate, setInnerDate] = useState<Date | undefined>(defaultSelected);\n  const selectedDate = selected !== undefined ? selected : innerDate;\n\n  const [innerStart, setInnerStart] = useState(defaultStartTime);\n  const [innerEnd, setInnerEnd] = useState(defaultEndTime);\n  const startVal = startTimeProp !== undefined ? startTimeProp : innerStart;\n  const endVal = endTimeProp !== undefined ? endTimeProp : innerEnd;\n\n  const setDate = (d: Date) => {\n    if (selected === undefined) setInnerDate(d);\n    onSelect?.(d);\n  };\n\n  const setStart = (v: string) => {\n    if (startTimeProp === undefined) setInnerStart(v);\n    onStartTimeChange?.(v);\n  };\n\n  const setEnd = (v: string) => {\n    if (endTimeProp === undefined) setInnerEnd(v);\n    onEndTimeChange?.(v);\n  };\n\n  const photoCalendarClass =\n    \"w-full min-w-0 max-w-full border-0 bg-transparent p-0 shadow-none \" +\n    \"[&_[data-slot=calendar-day][data-outside=true]]:!text-neutral-400 dark:[&_[data-slot=calendar-day][data-outside=true]]:!text-neutral-500 \" +\n    \"[&_[data-slot=calendar-day]]:!rounded-full [&_[data-slot=calendar-day]:not(:disabled):hover]:!bg-neutral-200/90 dark:[&_[data-slot=calendar-day]:not(:disabled):hover]:!bg-white/10 \" +\n    \"[&_[data-slot=calendar-day].bg-primary]:!rounded-xl [&_[data-slot=calendar-day].bg-primary]:!bg-[#1a1a1a] [&_[data-slot=calendar-day].bg-primary]:hover:!bg-[#1a1a1a] [&_[data-slot=calendar-day].bg-primary]:!text-white \" +\n    \"dark:[&_[data-slot=calendar-day].bg-primary]:!bg-primary dark:[&_[data-slot=calendar-day].bg-primary]:!text-primary-foreground dark:[&_[data-slot=calendar-day].bg-primary]:hover:!bg-primary/90 \" +\n    \"[&_[data-slot=calendar-day].bg-accent]:!rounded-full\";\n\n  return (\n    <div\n      data-slot=\"calendar-datetime-panel\"\n      class={cn(\n        \"bg-background text-foreground w-full max-w-[min(100%,300px)] rounded-xl border border-[#e0e0e0] p-3.5 shadow-sm dark:border-border\",\n        className,\n      )}\n      {...rest}\n    >\n      <Calendar\n        mode=\"single\"\n        dir={dir}\n        locale={locale}\n        disabled={disabled}\n        showOutsideDays={showOutsideDays}\n        captionLayout={captionLayout}\n        size={size}\n        selected={selectedDate}\n        defaultMonth={defaultMonth ?? selectedDate ?? new Date()}\n        month={month}\n        onMonthChange={onMonthChange}\n        onSelect={(v) => {\n          if (v instanceof Date) setDate(v);\n        }}\n        captionTitleClass=\"text-sm font-semibold tracking-tight\"\n        weekdayLabels={compactWeekdays ? [...WEEKDAY_TWO_LETTER] : undefined}\n        showWeekdayLeadBorder={showWeekdayLeadBorder}\n        class={photoCalendarClass}\n      />\n      <div class=\"mt-0.5 border-t border-[#e0e0e0] pt-3 dark:border-border\">\n        <FieldGroup class=\"gap-2.5\">\n          <Field>\n            <FieldLabel class=\"text-foreground mb-1 text-xs font-semibold\" htmlFor={startId}>\n              {startTimeLabel}\n            </FieldLabel>\n            <InputGroup class=\"border-[#e0e0e0] dark:border-input h-9 min-h-9 rounded-full px-0.5 shadow-none\">\n              <InputGroupAddon class=\"ps-2.5\">\n                <ClockGlyph />\n              </InputGroupAddon>\n              <InputGroupInput\n                id={startId}\n                type=\"time\"\n                step={1}\n                value={startVal}\n                onInput={(e) => setStart((e.target as HTMLInputElement).value)}\n                class=\"font-mono text-xs tabular-nums\"\n              />\n            </InputGroup>\n          </Field>\n          <Field>\n            <FieldLabel class=\"text-foreground mb-1 text-xs font-semibold\" htmlFor={endId}>\n              {endTimeLabel}\n            </FieldLabel>\n            <InputGroup class=\"border-[#e0e0e0] dark:border-input h-9 min-h-9 rounded-full px-0.5 shadow-none\">\n              <InputGroupAddon class=\"ps-2.5\">\n                <ClockGlyph />\n              </InputGroupAddon>\n              <InputGroupInput\n                id={endId}\n                type=\"time\"\n                step={1}\n                value={endVal}\n                onInput={(e) => setEnd((e.target as HTMLInputElement).value)}\n                class=\"font-mono text-xs tabular-nums\"\n              />\n            </InputGroup>\n          </Field>\n        </FieldGroup>\n      </div>\n    </div>\n  );\n};\n","import { Calendar } from \"./Calendar\";\n\nexport type {\n  CalendarDisabledProp,\n  CalendarMode,\n  CalendarProps,\n  CalendarSize,\n  DateRange,\n} from \"./Calendar\";\nexport type { CalendarDateTimePanelProps } from \"./CalendarDateTimePanel\";\nexport { CalendarDateTimePanel } from \"./CalendarDateTimePanel\";\nexport { Calendar };\n\nexport default Calendar;\n"]}

package/dist/chunk-6FYSVMH7.js

@@ -0,0 +1,21 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var Video = ({ class: className, controls = true, children, ...rest }) => (
+  // Captions are the consumer's responsibility (passed as <track> via children).
+  // oxlint-disable-next-line jsx-a11y/media-has-caption
+  /* @__PURE__ */ jsx(
+    "video",
+    {
+      "data-slot": "video",
+      class: cn("block w-full rounded-md border", className),
+      controls,
+      ...rest,
+      children
+    }
+  )
+);
+
+export { Video };
+//# sourceMappingURL=chunk-6FYSVMH7.js.map
+//# sourceMappingURL=chunk-6FYSVMH7.js.map

package/dist/chunk-6FYSVMH7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/video/Video.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,GAAW,IAAA,EAAM,QAAA,EAAU,GAAG,IAAA,EAAK;AAAA;AAAA;AAAA,kBAG3E,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,KAAA,EAAO,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA;AAAA,MACrD,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA;AACH","file":"chunk-6FYSVMH7.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type VideoProps = JSX.VideoHTMLAttributes<HTMLVideoElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Video = ({ class: className, controls = true, children, ...rest }: VideoProps) => (\n  // Captions are the consumer's responsibility (passed as <track> via children).\n  // oxlint-disable-next-line jsx-a11y/media-has-caption\n  <video\n    data-slot=\"video\"\n    class={cn(\"block w-full rounded-md border\", className)}\n    controls={controls}\n    {...rest}\n  >\n    {children}\n  </video>\n);\n"]}

package/dist/chunk-6RASPU5N.js

@@ -0,0 +1,31 @@
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/input/Input.tsx
+var input = tv({
+  base: [
+    "border-input dark:bg-input/30 text-foreground min-w-0 w-full rounded-md border bg-transparent shadow-xs",
+    "outline-none focus-visible:border-outline focus-visible:ring-outline/50 transition-[color,box-shadow] focus-visible:ring-3",
+    "selection:bg-primary/20 selection:text-foreground",
+    "file:text-foreground file:my-auto file:me-4 file:h-full 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",
+    "peer placeholder:text-muted-foreground"
+  ],
+  variants: {
+    size: { sm: "h-7 px-2.5 text-sm", md: "h-8 px-3 text-sm", lg: "h-9 px-3.5 text-base" }
+  },
+  defaultVariants: { size: "md" }
+});
+var Input = ({ size, class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "input",
+  {
+    class: input({ size, class: className }),
+    "data-slot": "input",
+    ...rest
+  }
+);
+
+export { Input, input };
+//# sourceMappingURL=chunk-6RASPU5N.js.map
+//# sourceMappingURL=chunk-6RASPU5N.js.map

package/dist/chunk-6RASPU5N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input/Input.tsx"],"names":[],"mappings":";;;;AAGO,IAAM,QAAQ,EAAA,CAAG;AAAA,EACtB,IAAA,EAAM;AAAA,IACJ,yGAAA;AAAA,IACA,4HAAA;AAAA,IACA,mDAAA;AAAA,IACA,yHAAA;AAAA,IACA,iDAAA;AAAA,IACA,oEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAM,EAAE,EAAA,EAAI,sBAAsB,EAAA,EAAI,kBAAA,EAAoB,IAAI,sBAAA;AAAuB,GACvF;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAKM,IAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAO,SAAA,EAAW,GAAG,MAAK,qBACtD,GAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,OAAO,KAAA,CAAM,EAAE,IAAA,EAAM,KAAA,EAAO,WAAiC,CAAA;AAAA,IAC7D,WAAA,EAAU,OAAA;AAAA,IACT,GAAG;AAAA;AACN","file":"chunk-6RASPU5N.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const input = tv({\n  base: [\n    \"border-input dark:bg-input/30 text-foreground min-w-0 w-full rounded-md border bg-transparent shadow-xs\",\n    \"outline-none focus-visible:border-outline focus-visible:ring-outline/50 transition-[color,box-shadow] focus-visible:ring-3\",\n    \"selection:bg-primary/20 selection:text-foreground\",\n    \"file:text-foreground file:my-auto file:me-4 file:h-full 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\",\n    \"peer placeholder:text-muted-foreground\",\n  ],\n  variants: {\n    size: { sm: \"h-7 px-2.5 text-sm\", md: \"h-8 px-3 text-sm\", lg: \"h-9 px-3.5 text-base\" },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport type InputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"size\"> &\n  VariantProps<typeof input>;\n\nexport const Input = ({ size, class: className, ...rest }: InputProps) => (\n  <input\n    class={input({ size, class: className as string | undefined })}\n    data-slot=\"input\"\n    {...rest}\n  />\n);\n"]}