@kamod-ch/ui 1.0.1 → 1.2.0

package/dist/{chunk-ZHAGKFSO.js → chunk-2SPOI3MX.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx } from 'preact/jsx-runtime';
 
 var Prose = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
@@ -12,5 +12,5 @@ var Prose = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
 );
 
 export { Prose };
-//# sourceMappingURL=chunk-ZHAGKFSO.js.map
-//# sourceMappingURL=chunk-ZHAGKFSO.js.map
+//# sourceMappingURL=chunk-2SPOI3MX.js.map
+//# sourceMappingURL=chunk-2SPOI3MX.js.map

package/dist/{chunk-ZHAGKFSO.js.map → chunk-2SPOI3MX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/prose/Prose.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC1D,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,OAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA;AAAA,IACtE,GAAG,IAAA;AAAA,IAEH;AAAA;AACH","file":"chunk-ZHAGKFSO.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ProseProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Prose = ({ class: className, children, ...rest }: ProseProps) => (\n  <div\n    data-slot=\"prose\"\n    class={cn(\"prose prose-neutral dark:prose-invert max-w-none\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"]}
+{"version":3,"sources":["../src/components/prose/Prose.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC1D,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,OAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA;AAAA,IACtE,GAAG,IAAA;AAAA,IAEH;AAAA;AACH","file":"chunk-2SPOI3MX.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ProseProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Prose = ({ class: className, children, ...rest }: ProseProps) => (\n  <div\n    data-slot=\"prose\"\n    class={cn(\"prose prose-neutral dark:prose-invert max-w-none\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"]}

package/dist/chunk-2UTJHQTS.js

@@ -0,0 +1,162 @@
+import { useHeightDisclosureContent } from './chunk-ISISDJ3Z.js';
+import { cn } from './chunk-XIANSPQO.js';
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useContext, useMemo } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+
+var CollapsibleContext = createContext(null);
+var useCollapsible = () => {
+  const context = useContext(CollapsibleContext);
+  if (!context) throw new Error("Collapsible subcomponents must be used within Collapsible");
+  return context;
+};
+var Collapsible = ({
+  defaultOpen = false,
+  open: openProp,
+  onOpenChange,
+  children,
+  ...rest
+}) => {
+  const uncontrolled = useMemo(() => signal(defaultOpen), []);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? Boolean(openProp) : uncontrolled.value;
+  const setOpen = (next) => {
+    if (!isControlled) {
+      uncontrolled.value = next;
+    }
+    onOpenChange?.(next);
+  };
+  const context = { open, setOpen };
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", ...rest, children }) });
+};
+var CollapsibleContent = ({
+  forceMount = false,
+  duration = "320ms",
+  timingFunction = "cubic-bezier(0.22, 1, 0.36, 1)",
+  largeContentThreshold = 560,
+  children,
+  class: className,
+  style,
+  ...rest
+}) => {
+  const { open } = useCollapsible();
+  const {
+    allowRender,
+    isAnimatingClose,
+    isAnimatingOpen,
+    outerRef,
+    innerRef,
+    handleTransitionEnd
+  } = useHeightDisclosureContent({
+    open,
+    forceMount,
+    duration,
+    timingFunction,
+    largeContentThreshold
+  });
+  if (!allowRender) return null;
+  const mergedStyle = {
+    ...typeof style === "object" && style !== null && !Array.isArray(style) ? style : {},
+    ["--kamodui-collapsible-duration"]: duration,
+    ["--kamodui-collapsible-timing-function"]: timingFunction
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: outerRef,
+      "data-slot": "collapsible-content",
+      "data-state": open ? "open" : "closed",
+      onTransitionEnd: handleTransitionEnd,
+      style: mergedStyle,
+      class: cn(
+        "min-h-0 overflow-hidden",
+        (isAnimatingOpen || isAnimatingClose) && "will-change-[height]"
+      ),
+      "aria-hidden": !open && !isAnimatingClose,
+      inert: !open || void 0,
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: innerRef,
+          "data-slot": "collapsible-content-inner",
+          class: cn("min-h-0 min-w-0", className),
+          children
+        }
+      )
+    }
+  );
+};
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var CollapsibleTrigger = ({
+  asChild = false,
+  children,
+  onClick,
+  ref: outerRef,
+  "data-slot": dataSlot = "collapsible-trigger",
+  ...rest
+}) => {
+  const { open, setOpen } = useCollapsible();
+  const toggle = () => setOpen(!open);
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    toggle();
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "aria-expanded": open,
+      "data-state": open ? "open" : "closed",
+      "data-slot": dataSlot,
+      onClick: (event) => {
+        childProps.onClick?.(event);
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": dataSlot,
+      "aria-expanded": open,
+      "data-state": open ? "open" : "closed",
+      onClick: (event) => {
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(outerRef, node);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/collapsible/index.ts
+var collapsible_default = {
+  Root: Collapsible,
+  Trigger: CollapsibleTrigger,
+  Content: CollapsibleContent
+};
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, collapsible_default, useCollapsible };
+//# sourceMappingURL=chunk-2UTJHQTS.js.map
+//# sourceMappingURL=chunk-2UTJHQTS.js.map

package/dist/chunk-2UTJHQTS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/CollapsibleTrigger.tsx","../src/components/collapsible/index.ts"],"names":["jsx"],"mappings":"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","file":"chunk-2UTJHQTS.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\n\nexport type CollapsibleContextValue = {\n  open: boolean;\n  setOpen: (next: boolean) => void;\n};\n\nconst CollapsibleContext = createContext<CollapsibleContextValue | null>(null);\n\nexport const useCollapsible = () => {\n  const context = useContext(CollapsibleContext);\n  if (!context) throw new Error(\"Collapsible subcomponents must be used within Collapsible\");\n  return context;\n};\n\nexport type CollapsibleProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  /** Uncontrolled initial state */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Called when open state changes (toggle or programmatic) */\n  onOpenChange?: (open: boolean) => void;\n  children?: ComponentChildren;\n};\n\nexport const Collapsible = ({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n  children,\n  ...rest\n}: CollapsibleProps) => {\n  const uncontrolled = useMemo(() => signal(defaultOpen), []);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? Boolean(openProp) : uncontrolled.value;\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) {\n      uncontrolled.value = next;\n    }\n    onOpenChange?.(next);\n  };\n\n  const context: CollapsibleContextValue = { open, setOpen };\n\n  return (\n    <CollapsibleContext.Provider value={context}>\n      <div data-slot=\"collapsible\" data-state={open ? \"open\" : \"closed\"} {...rest}>\n        {children}\n      </div>\n    </CollapsibleContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useHeightDisclosureContent } from \"../../lib/disclosure/use-height-disclosure-content\";\nimport { cn } from \"../../lib/utils\";\nimport { useCollapsible } from \"./Collapsible\";\n\nexport type CollapsibleContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  forceMount?: boolean;\n  /** Grid transition duration, e.g. `400ms` */\n  duration?: string;\n  /** CSS timing function, e.g. `cubic-bezier(0.4, 0, 0.2, 1)` */\n  timingFunction?: string;\n  /** Use max-height animation for very tall content to reduce micro-jank. */\n  largeContentThreshold?: number;\n  children?: ComponentChildren;\n};\n\nexport const CollapsibleContent = ({\n  forceMount = false,\n  duration = \"320ms\",\n  timingFunction = \"cubic-bezier(0.22, 1, 0.36, 1)\",\n  largeContentThreshold = 560,\n  children,\n  class: className,\n  style,\n  ...rest\n}: CollapsibleContentProps) => {\n  const { open } = useCollapsible();\n  const {\n    allowRender,\n    isAnimatingClose,\n    isAnimatingOpen,\n    outerRef,\n    innerRef,\n    handleTransitionEnd,\n  } = useHeightDisclosureContent({\n    open,\n    forceMount,\n    duration,\n    timingFunction,\n    largeContentThreshold,\n  });\n\n  if (!allowRender) return null;\n\n  const mergedStyle: JSX.CSSProperties = {\n    ...(typeof style === \"object\" && style !== null && !Array.isArray(style)\n      ? (style as JSX.CSSProperties)\n      : {}),\n    [\"--kamodui-collapsible-duration\" as string]: duration,\n    [\"--kamodui-collapsible-timing-function\" as string]: timingFunction,\n  };\n\n  return (\n    <div\n      ref={outerRef}\n      data-slot=\"collapsible-content\"\n      data-state={open ? \"open\" : \"closed\"}\n      onTransitionEnd={handleTransitionEnd}\n      style={mergedStyle}\n      class={cn(\n        \"min-h-0 overflow-hidden\",\n        (isAnimatingOpen || isAnimatingClose) && \"will-change-[height]\",\n      )}\n      aria-hidden={!open && !isAnimatingClose}\n      inert={!open || undefined}\n      {...rest}\n    >\n      <div\n        ref={innerRef}\n        data-slot=\"collapsible-content-inner\"\n        class={cn(\"min-h-0 min-w-0\", className)}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import { type ComponentChildren, cloneElement, isValidElement, type JSX } from \"preact\";\nimport { useCollapsible } from \"./Collapsible\";\n\nexport type CollapsibleTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const CollapsibleTrigger = ({\n  asChild = false,\n  children,\n  onClick,\n  ref: outerRef,\n  \"data-slot\": dataSlot = \"collapsible-trigger\",\n  ...rest\n}: CollapsibleTriggerProps) => {\n  const { open, setOpen } = useCollapsible();\n\n  const toggle = () => setOpen(!open);\n\n  const handleClick = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    onClick?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n    if (event.defaultPrevented) return;\n    toggle();\n  };\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onClick?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n    };\n\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      \"aria-expanded\": open,\n      \"data-state\": open ? \"open\" : \"closed\",\n      \"data-slot\": dataSlot,\n      onClick: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onClick?.(event);\n        handleClick(event);\n      },\n      ref: (node: HTMLElement | null) => {\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      },\n    } as never);\n  }\n\n  return (\n    <button\n      type=\"button\"\n      data-slot={dataSlot}\n      aria-expanded={open}\n      data-state={open ? \"open\" : \"closed\"}\n      onClick={(event) => {\n        handleClick(event);\n      }}\n      ref={(node) => {\n        callRef(outerRef, node);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { Collapsible, useCollapsible } from \"./Collapsible\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleTrigger } from \"./CollapsibleTrigger\";\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger, useCollapsible };\n\nexport default {\n  Root: Collapsible,\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent,\n};\n"]}

package/dist/{chunk-NKKMM6CK.js → chunk-3AFRSB5R.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 
 var sizeClass = {
@@ -52,5 +52,5 @@ var Spinner = ({
 );
 
 export { Spinner };
-//# sourceMappingURL=chunk-NKKMM6CK.js.map
-//# sourceMappingURL=chunk-NKKMM6CK.js.map
+//# sourceMappingURL=chunk-3AFRSB5R.js.map
+//# sourceMappingURL=chunk-3AFRSB5R.js.map

package/dist/{chunk-NKKMM6CK.js.map → chunk-3AFRSB5R.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;AASA,IAAM,SAAA,GAA+D;AAAA,EACnE,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,SAAA,GAA+D;AAAA,EACnE,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,uBAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA;AAEO,IAAM,UAAU,CAAC;AAAA,EACtB,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,WAAA,GAAc,GAAA;AAAA,EACd,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,IAAA,EAAK,QAAA;AAAA,IACL,YAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAU,SAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,MACL,sDAAA;AAAA,MACA,UAAU,IAAI,CAAA;AAAA,MACd,UAAU,IAAI,CAAA;AAAA,MACd;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,cAAA;AAAA,QACP,cAAA,EAAc,WAAA;AAAA,QACd,gBAAA,EAAe,OAAA;AAAA,QACf,KAAA,EAAM,yFAAA;AAAA,QACN,aAAA,EAAY,MAAA;AAAA,QAEZ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,IAAA,EAAK,EAAA,EAAG,MAAK,CAAA,EAAE,GAAA,EAAI,OAAM,YAAA,EAAa,CAAA;AAAA,8BAChD,MAAA,EAAA,EAAK,CAAA,EAAE,uBAAsB,KAAA,EAAM,YAAA,EAAa,oBAAiB,OAAA,EAAQ;AAAA;AAAA;AAAA;AAC5E;AACF","file":"chunk-NKKMM6CK.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SpinnerProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  tone?: \"default\" | \"muted\" | \"primary\";\n  strokeWidth?: number;\n};\n\nconst sizeClass: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n};\n\nconst toneClass: Record<NonNullable<SpinnerProps[\"tone\"]>, string> = {\n  default: \"text-current\",\n  muted: \"text-muted-foreground\",\n  primary: \"text-primary\",\n};\n\nexport const Spinner = ({\n  size = \"sm\",\n  tone = \"default\",\n  strokeWidth = 2.5,\n  class: className,\n  ...rest\n}: SpinnerProps) => (\n  <span\n    role=\"status\"\n    aria-label=\"Loading\"\n    data-slot=\"spinner\"\n    class={cn(\n      \"inline-grid shrink-0 place-items-center align-middle\",\n      sizeClass[size],\n      toneClass[tone],\n      className,\n    )}\n    {...rest}\n  >\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width={strokeWidth}\n      stroke-linecap=\"round\"\n      class=\"size-full motion-safe:animate-spin motion-reduce:animate-none [animation-duration:0.7s]\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" class=\"opacity-20\" />\n      <path d=\"M12 3a9 9 0 1 1-9 9\" class=\"opacity-90\" stroke-dasharray=\"42 16\" />\n    </svg>\n  </span>\n);\n"]}
+{"version":3,"sources":["../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;AASA,IAAM,SAAA,GAA+D;AAAA,EACnE,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,SAAA,GAA+D;AAAA,EACnE,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,uBAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA;AAEO,IAAM,UAAU,CAAC;AAAA,EACtB,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,WAAA,GAAc,GAAA;AAAA,EACd,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,IAAA,EAAK,QAAA;AAAA,IACL,YAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAU,SAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,MACL,sDAAA;AAAA,MACA,UAAU,IAAI,CAAA;AAAA,MACd,UAAU,IAAI,CAAA;AAAA,MACd;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,cAAA;AAAA,QACP,cAAA,EAAc,WAAA;AAAA,QACd,gBAAA,EAAe,OAAA;AAAA,QACf,KAAA,EAAM,yFAAA;AAAA,QACN,aAAA,EAAY,MAAA;AAAA,QAEZ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,IAAA,EAAK,EAAA,EAAG,MAAK,CAAA,EAAE,GAAA,EAAI,OAAM,YAAA,EAAa,CAAA;AAAA,8BAChD,MAAA,EAAA,EAAK,CAAA,EAAE,uBAAsB,KAAA,EAAM,YAAA,EAAa,oBAAiB,OAAA,EAAQ;AAAA;AAAA;AAAA;AAC5E;AACF","file":"chunk-3AFRSB5R.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SpinnerProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  tone?: \"default\" | \"muted\" | \"primary\";\n  strokeWidth?: number;\n};\n\nconst sizeClass: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n};\n\nconst toneClass: Record<NonNullable<SpinnerProps[\"tone\"]>, string> = {\n  default: \"text-current\",\n  muted: \"text-muted-foreground\",\n  primary: \"text-primary\",\n};\n\nexport const Spinner = ({\n  size = \"sm\",\n  tone = \"default\",\n  strokeWidth = 2.5,\n  class: className,\n  ...rest\n}: SpinnerProps) => (\n  <span\n    role=\"status\"\n    aria-label=\"Loading\"\n    data-slot=\"spinner\"\n    class={cn(\n      \"inline-grid shrink-0 place-items-center align-middle\",\n      sizeClass[size],\n      toneClass[tone],\n      className,\n    )}\n    {...rest}\n  >\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width={strokeWidth}\n      stroke-linecap=\"round\"\n      class=\"size-full motion-safe:animate-spin motion-reduce:animate-none [animation-duration:0.7s]\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" class=\"opacity-20\" />\n      <path d=\"M12 3a9 9 0 1 1-9 9\" class=\"opacity-90\" stroke-dasharray=\"42 16\" />\n    </svg>\n  </span>\n);\n"]}

package/dist/{chunk-LCMPFPBN.js → chunk-3ETRJPBL.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { useRef, useState, useLayoutEffect } from 'preact/hooks';
 import { jsxs, jsx } from 'preact/jsx-runtime';
 
@@ -137,5 +137,5 @@ var peerInputClass = cn(
 var checkbox_default = Checkbox;
 
 export { Checkbox, checkbox_default };
-//# sourceMappingURL=chunk-LCMPFPBN.js.map
-//# sourceMappingURL=chunk-LCMPFPBN.js.map
+//# sourceMappingURL=chunk-3ETRJPBL.js.map
+//# sourceMappingURL=chunk-3ETRJPBL.js.map

package/dist/{chunk-LCMPFPBN.js.map → chunk-3ETRJPBL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/index.ts"],"names":[],"mappings":"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","file":"chunk-LCMPFPBN.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { useLayoutEffect, useRef, useState } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CheckboxCheckedState = boolean | \"indeterminate\";\n\nexport type CheckboxProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\"\n> & {\n  checked?: CheckboxCheckedState;\n  defaultChecked?: CheckboxCheckedState;\n  onCheckedChange?: (checked: CheckboxCheckedState) => void;\n  onChange?: (event: JSX.TargetedEvent<HTMLInputElement>) => void;\n};\n\nconst CheckIcon = ({ class: className }: { class?: string }) => (\n  <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-3.5\", className)}\n    aria-hidden=\"true\"\n  >\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nconst MinusIcon = ({ class: className }: { class?: string }) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    class={cn(\"size-3.5\", className)}\n    aria-hidden=\"true\"\n  >\n    <path d=\"M5 12h14\" stroke-linecap=\"round\" />\n  </svg>\n);\n\nexport const Checkbox = ({\n  checked: checkedProp,\n  defaultChecked = false,\n  onCheckedChange,\n  onChange,\n  class: className,\n  disabled,\n  ref: outerRef,\n  id,\n  ...rest\n}: CheckboxProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isControlled = checkedProp !== undefined;\n  const [inner, setInner] = useState<CheckboxCheckedState>(() => defaultChecked);\n  const state: CheckboxCheckedState = isControlled ? checkedProp! : inner;\n\n  useLayoutEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    el.indeterminate = state === \"indeterminate\";\n  }, [state]);\n\n  const dataState =\n    state === true ? \"checked\" : state === \"indeterminate\" ? \"indeterminate\" : \"unchecked\";\n\n  return (\n    <span\n      data-slot=\"checkbox\"\n      data-state={dataState}\n      class={cn(\n        \"group relative inline-grid size-4 shrink-0 place-content-center align-middle\",\n        className,\n      )}\n    >\n      <input\n        {...rest}\n        id={id}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof outerRef === \"function\") {\n            outerRef(node);\n          } else if (outerRef && typeof outerRef === \"object\" && \"current\" in outerRef) {\n            (outerRef as { current: HTMLInputElement | null }).current = node;\n          }\n        }}\n        type=\"checkbox\"\n        disabled={disabled}\n        checked={state === true}\n        aria-checked={state === \"indeterminate\" ? \"mixed\" : state}\n        class={peerInputClass}\n        onChange={(event) => {\n          const el = event.currentTarget as HTMLInputElement;\n          const next: CheckboxCheckedState = el.indeterminate ? \"indeterminate\" : el.checked;\n          if (!isControlled) {\n            setInner(next);\n          }\n          onCheckedChange?.(next);\n          onChange?.(event);\n        }}\n      />\n      <span\n        class={cn(\n          \"pointer-events-none col-start-1 row-start-1 flex size-4 items-center justify-center rounded-[4px] border border-input bg-background shadow-xs transition-[color,box-shadow,background-color,border-color]\",\n          \"text-transparent dark:bg-input/30\",\n          \"group-data-[state=checked]:border-foreground group-data-[state=checked]:bg-foreground group-data-[state=checked]:text-background\",\n          \"group-data-[state=indeterminate]:border-foreground group-data-[state=indeterminate]:bg-foreground group-data-[state=indeterminate]:text-background\",\n          \"peer-focus-visible:outline-none peer-focus-visible:border-ring peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50\",\n          \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n          \"peer-aria-invalid:border-destructive peer-aria-invalid:ring-destructive/20 dark:peer-aria-invalid:ring-destructive/40\",\n        )}\n        aria-hidden=\"true\"\n      >\n        <CheckIcon\n          class={cn(\n            \"transition-opacity\",\n            state === true ? \"opacity-100\" : \"opacity-0\",\n            state === \"indeterminate\" && \"hidden\",\n          )}\n        />\n        <MinusIcon\n          class={cn(\n            \"absolute transition-opacity\",\n            state === \"indeterminate\" ? \"opacity-100\" : \"opacity-0\",\n          )}\n        />\n      </span>\n    </span>\n  );\n};\n\nconst peerInputClass = cn(\n  \"peer absolute inset-0 z-10 size-4 cursor-pointer appearance-none opacity-0\",\n  \"disabled:cursor-not-allowed\",\n);\n","import { Checkbox, type CheckboxCheckedState } from \"./Checkbox\";\n\nexport { Checkbox, type CheckboxCheckedState };\n\nexport default Checkbox;\n"]}
+{"version":3,"sources":["../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/index.ts"],"names":[],"mappings":"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","file":"chunk-3ETRJPBL.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { useLayoutEffect, useRef, useState } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CheckboxCheckedState = boolean | \"indeterminate\";\n\nexport type CheckboxProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\"\n> & {\n  checked?: CheckboxCheckedState;\n  defaultChecked?: CheckboxCheckedState;\n  onCheckedChange?: (checked: CheckboxCheckedState) => void;\n  onChange?: (event: JSX.TargetedEvent<HTMLInputElement>) => void;\n};\n\nconst CheckIcon = ({ class: className }: { class?: string }) => (\n  <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-3.5\", className)}\n    aria-hidden=\"true\"\n  >\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nconst MinusIcon = ({ class: className }: { class?: string }) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    class={cn(\"size-3.5\", className)}\n    aria-hidden=\"true\"\n  >\n    <path d=\"M5 12h14\" stroke-linecap=\"round\" />\n  </svg>\n);\n\nexport const Checkbox = ({\n  checked: checkedProp,\n  defaultChecked = false,\n  onCheckedChange,\n  onChange,\n  class: className,\n  disabled,\n  ref: outerRef,\n  id,\n  ...rest\n}: CheckboxProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isControlled = checkedProp !== undefined;\n  const [inner, setInner] = useState<CheckboxCheckedState>(() => defaultChecked);\n  const state: CheckboxCheckedState = isControlled ? checkedProp! : inner;\n\n  useLayoutEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    el.indeterminate = state === \"indeterminate\";\n  }, [state]);\n\n  const dataState =\n    state === true ? \"checked\" : state === \"indeterminate\" ? \"indeterminate\" : \"unchecked\";\n\n  return (\n    <span\n      data-slot=\"checkbox\"\n      data-state={dataState}\n      class={cn(\n        \"group relative inline-grid size-4 shrink-0 place-content-center align-middle\",\n        className,\n      )}\n    >\n      <input\n        {...rest}\n        id={id}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof outerRef === \"function\") {\n            outerRef(node);\n          } else if (outerRef && typeof outerRef === \"object\" && \"current\" in outerRef) {\n            (outerRef as { current: HTMLInputElement | null }).current = node;\n          }\n        }}\n        type=\"checkbox\"\n        disabled={disabled}\n        checked={state === true}\n        aria-checked={state === \"indeterminate\" ? \"mixed\" : state}\n        class={peerInputClass}\n        onChange={(event) => {\n          const el = event.currentTarget as HTMLInputElement;\n          const next: CheckboxCheckedState = el.indeterminate ? \"indeterminate\" : el.checked;\n          if (!isControlled) {\n            setInner(next);\n          }\n          onCheckedChange?.(next);\n          onChange?.(event);\n        }}\n      />\n      <span\n        class={cn(\n          \"pointer-events-none col-start-1 row-start-1 flex size-4 items-center justify-center rounded-[4px] border border-input bg-background shadow-xs transition-[color,box-shadow,background-color,border-color]\",\n          \"text-transparent dark:bg-input/30\",\n          \"group-data-[state=checked]:border-foreground group-data-[state=checked]:bg-foreground group-data-[state=checked]:text-background\",\n          \"group-data-[state=indeterminate]:border-foreground group-data-[state=indeterminate]:bg-foreground group-data-[state=indeterminate]:text-background\",\n          \"peer-focus-visible:outline-none peer-focus-visible:border-ring peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50\",\n          \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n          \"peer-aria-invalid:border-destructive peer-aria-invalid:ring-destructive/20 dark:peer-aria-invalid:ring-destructive/40\",\n        )}\n        aria-hidden=\"true\"\n      >\n        <CheckIcon\n          class={cn(\n            \"transition-opacity\",\n            state === true ? \"opacity-100\" : \"opacity-0\",\n            state === \"indeterminate\" && \"hidden\",\n          )}\n        />\n        <MinusIcon\n          class={cn(\n            \"absolute transition-opacity\",\n            state === \"indeterminate\" ? \"opacity-100\" : \"opacity-0\",\n          )}\n        />\n      </span>\n    </span>\n  );\n};\n\nconst peerInputClass = cn(\n  \"peer absolute inset-0 z-10 size-4 cursor-pointer appearance-none opacity-0\",\n  \"disabled:cursor-not-allowed\",\n);\n","import { Checkbox, type CheckboxCheckedState } from \"./Checkbox\";\n\nexport { Checkbox, type CheckboxCheckedState };\n\nexport default Checkbox;\n"]}

package/dist/{chunk-WAPRVVDQ.js → chunk-3HBKDY64.js}

@@ -1,9 +1,9 @@
-import { separator, Separator } from './chunk-LCWXIQKA.js';
+import { separator, Separator } from './chunk-Q3RL7TOY.js';
 
 // src/components/separator/index.ts
 var SeparatorVariants = { separator };
 var separator_default = Separator;
 
 export { SeparatorVariants, separator_default };
-//# sourceMappingURL=chunk-WAPRVVDQ.js.map
-//# sourceMappingURL=chunk-WAPRVVDQ.js.map
+//# sourceMappingURL=chunk-3HBKDY64.js.map
+//# sourceMappingURL=chunk-3HBKDY64.js.map

package/dist/{chunk-WAPRVVDQ.js.map → chunk-3HBKDY64.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/separator/index.ts"],"names":[],"mappings":";;;AAEA,IAAM,iBAAA,GAAoB,EAAE,SAAA;AAI5B,IAAO,iBAAA,GAAQ","file":"chunk-WAPRVVDQ.js","sourcesContent":["import { Separator, separator } from \"./Separator\";\n\nconst SeparatorVariants = { separator };\n\nexport { Separator, SeparatorVariants };\n\nexport default Separator;\n"]}
+{"version":3,"sources":["../src/components/separator/index.ts"],"names":[],"mappings":";;;AAEA,IAAM,iBAAA,GAAoB,EAAE,SAAA;AAI5B,IAAO,iBAAA,GAAQ","file":"chunk-3HBKDY64.js","sourcesContent":["import { Separator, separator } from \"./Separator\";\n\nconst SeparatorVariants = { separator };\n\nexport { Separator, SeparatorVariants };\n\nexport default Separator;\n"]}

package/dist/{chunk-PPYJQNE5.js → chunk-3XMFQKWB.js}

@@ -6,7 +6,7 @@ var isPointerWithinModalDialogPanelSlop = (event) => {
   const { clientX: x, clientY: y } = event;
   const slop = MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX;
   for (const panel of document.querySelectorAll(
-    '[data-slot="dialog-content"][data-state="open"]:not([data-kamod-root-dismissible])'
+    '[data-slot="dialog-content"][data-state="open"]:not([data-kamod-root-dismissible]), [data-slot="command-dialog-content"][data-state="open"]:not([data-kamod-root-dismissible])'
   )) {
     if (!(panel instanceof HTMLElement)) continue;
     const r = panel.getBoundingClientRect();
@@ -23,8 +23,12 @@ var createDismissableLayer = ({
   onDismiss
 }) => {
   const enabled = signal(true);
-  const portalLayerSelector = '[data-slot="dialog-content"], [data-slot="alert-dialog-content"], [data-slot="sheet-content"], [data-slot="popover-content"], [data-slot="select-content"], [data-slot="dropdown-content"]';
-  const overlayLayerSlots = /* @__PURE__ */ new Set(["dialog-content", "alert-dialog-content"]);
+  const portalLayerSelector = '[data-slot="dialog-content"], [data-slot="command-dialog-content"], [data-slot="alert-dialog-content"], [data-slot="sheet-content"], [data-slot="popover-content"], [data-slot="select-content"], [data-slot="dropdown-content"]';
+  const overlayLayerSlots = /* @__PURE__ */ new Set([
+    "dialog-content",
+    "command-dialog-content",
+    "alert-dialog-content"
+  ]);
   const stop = effect(() => {
     if (!enabled.value || !open()) return;
     const onPointerDown = (event) => {
@@ -155,5 +159,5 @@ var createRovingFocus = (count, initialIndex = -1) => {
 };
 
 export { MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX, createDismissableLayer, createIdFactory, createRovingFocus, getFocusableElements, isPointerWithinModalDialogPanelSlop, trapFocus };
-//# sourceMappingURL=chunk-PPYJQNE5.js.map
-//# sourceMappingURL=chunk-PPYJQNE5.js.map
+//# sourceMappingURL=chunk-3XMFQKWB.js.map
+//# sourceMappingURL=chunk-3XMFQKWB.js.map

package/dist/chunk-3XMFQKWB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/interactive/createDismissableLayer.ts","../src/lib/interactive/createFocusTrap.ts","../src/lib/interactive/createIdFactory.ts","../src/lib/interactive/createRovingFocus.ts"],"names":["signal"],"mappings":"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","file":"chunk-3XMFQKWB.js","sourcesContent":["import { effect, signal } from \"@preact/signals\";\n\n/** Clicks on `box-shadow` fall through to the overlay (shadow is not hit-testable). */\nexport const MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX = 48;\n\n/**\n * True when the pointer lies in an expanded box around an open modal dialog panel\n * (`dialog-content` without `data-kamod-root-dismissible`). Used so overlay hits\n * in the shadow “halo” do not close the dialog.\n *\n * Skips panels with zero layout size (e.g. JSDOM) so tests keep dismissing on overlay.\n */\nexport const isPointerWithinModalDialogPanelSlop = (\n  event: Pick<PointerEvent, \"clientX\" | \"clientY\">,\n): boolean => {\n  const { clientX: x, clientY: y } = event;\n  const slop = MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX;\n\n  for (const panel of document.querySelectorAll(\n    '[data-slot=\"dialog-content\"][data-state=\"open\"]:not([data-kamod-root-dismissible]), [data-slot=\"command-dialog-content\"][data-state=\"open\"]:not([data-kamod-root-dismissible])',\n  )) {\n    if (!(panel instanceof HTMLElement)) continue;\n    const r = panel.getBoundingClientRect();\n    if (r.width <= 0 || r.height <= 0) continue;\n    if (x >= r.left - slop && x <= r.right + slop && y >= r.top - slop && y <= r.bottom + slop) {\n      return true;\n    }\n  }\n  return false;\n};\n\ntype CreateDismissableLayerOptions = {\n  root: () => HTMLElement | null;\n  open: () => boolean;\n  onDismiss: () => void;\n};\n\nexport const createDismissableLayer = ({\n  root,\n  open,\n  onDismiss,\n}: CreateDismissableLayerOptions) => {\n  const enabled = signal(true);\n  const portalLayerSelector =\n    '[data-slot=\"dialog-content\"], [data-slot=\"command-dialog-content\"], [data-slot=\"alert-dialog-content\"], [data-slot=\"sheet-content\"], [data-slot=\"popover-content\"], [data-slot=\"select-content\"], [data-slot=\"dropdown-content\"]';\n  const overlayLayerSlots = new Set([\n    \"dialog-content\",\n    \"command-dialog-content\",\n    \"alert-dialog-content\",\n  ]);\n\n  const stop = effect(() => {\n    if (!enabled.value || !open()) return;\n\n    const onPointerDown = (event: PointerEvent) => {\n      const node = root();\n      if (!node) return;\n      const target = event.target as Node | null;\n      if (!target) return;\n      if (node.contains(target)) return;\n      if (target instanceof Element) {\n        const closestLayer = target.closest(portalLayerSelector);\n        if (closestLayer) {\n          const layerSlot = closestLayer.getAttribute(\"data-slot\");\n          const rootDismissible = closestLayer.hasAttribute(\"data-kamod-root-dismissible\");\n\n          // Modal `DialogContent` uses a separate `[data-slot=\"dialog-overlay\"]`; hits on the\n          // panel root (grid gap, padding, border) still target this div — those must not dismiss.\n          // `presentation=\"slot\"` fullscreen shells set `data-kamod-root-dismissible` so a direct\n          // hit on that root (dim backdrop) still dismisses.\n          if (layerSlot === \"dialog-content\" && target === closestLayer && !rootDismissible) {\n            return;\n          }\n\n          const isOverlayLayer = layerSlot ? overlayLayerSlots.has(layerSlot) : false;\n\n          // For overlay wrappers, clicking the backdrop (root element itself) should dismiss.\n          if (!isOverlayLayer || target !== closestLayer) return;\n        }\n      }\n      if (\n        target instanceof Element &&\n        target.closest('[data-slot=\"dialog-overlay\"]') &&\n        isPointerWithinModalDialogPanelSlop(event)\n      ) {\n        return;\n      }\n      onDismiss();\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onDismiss();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  });\n\n  return {\n    enabled,\n    dispose: () => stop(),\n  };\n};\n","const FOCUSABLE_SELECTOR = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled]):not([type='hidden'])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\", \");\n\nexport const getFocusableElements = (root: HTMLElement): HTMLElement[] =>\n  Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (element) =>\n      !element.hasAttribute(\"disabled\") &&\n      element.getAttribute(\"aria-hidden\") !== \"true\" &&\n      element.tabIndex !== -1,\n  );\n\nexport type TrapFocusOptions = {\n  /** When true (default), focus the container on mount if it is focusable. */\n  focusContainer?: boolean;\n};\n\n/**\n * Keeps keyboard focus inside `container` while active. Returns a dispose function.\n */\nexport const trapFocus = (container: HTMLElement, options: TrapFocusOptions = {}): (() => void) => {\n  const { focusContainer = true } = options;\n\n  const focusInitial = () => {\n    if (focusContainer && container.tabIndex >= -1) {\n      container.focus();\n      return;\n    }\n    getFocusableElements(container)[0]?.focus();\n  };\n\n  requestAnimationFrame(focusInitial);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== \"Tab\") return;\n\n    const focusables = getFocusableElements(container);\n    if (focusables.length === 0) {\n      event.preventDefault();\n      container.focus();\n      return;\n    }\n\n    const first = focusables[0]!;\n    const last = focusables[focusables.length - 1]!;\n    const active = document.activeElement;\n\n    if (event.shiftKey) {\n      if (active === first || !container.contains(active)) {\n        event.preventDefault();\n        last.focus();\n      }\n      return;\n    }\n\n    if (active === last || !container.contains(active)) {\n      event.preventDefault();\n      first.focus();\n    }\n  };\n\n  container.addEventListener(\"keydown\", onKeyDown);\n  return () => container.removeEventListener(\"keydown\", onKeyDown);\n};\n","let idCounter = 0;\n\nexport const createIdFactory = (prefix: string) => {\n  return (explicitId?: string) => {\n    if (explicitId) return explicitId;\n    idCounter += 1;\n    return `${prefix}-${idCounter}`;\n  };\n};\n","import { signal } from \"@preact/signals\";\n\nexport const createRovingFocus = (count: number, initialIndex = -1) => {\n  const activeIndex = signal(initialIndex);\n\n  const clamp = (index: number) => {\n    if (count <= 0) return -1;\n    if (index < 0) return count - 1;\n    if (index >= count) return 0;\n    return index;\n  };\n\n  return {\n    activeIndex,\n    moveNext: () => {\n      activeIndex.value = clamp(activeIndex.value + 1);\n    },\n    movePrev: () => {\n      activeIndex.value = clamp(activeIndex.value - 1);\n    },\n    moveFirst: () => {\n      activeIndex.value = count > 0 ? 0 : -1;\n    },\n    moveLast: () => {\n      activeIndex.value = count > 0 ? count - 1 : -1;\n    },\n    set: (index: number) => {\n      activeIndex.value = clamp(index);\n    },\n  };\n};\n"]}

package/dist/{chunk-HCTZJYHK.js → chunk-4SQKSVBH.js}

@@ -1,7 +1,7 @@
-import { createIdFactory } from './chunk-PPYJQNE5.js';
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { createIdFactory } from './chunk-3XMFQKWB.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { createContext } from 'preact';
-import { useState, useMemo, useEffect, useContext } from 'preact/hooks';
+import { useContext, useState, useMemo, useEffect } from 'preact/hooks';
 import { jsx } from 'preact/jsx-runtime';
 import { tv } from 'tailwind-variants';
 
@@ -241,6 +241,6 @@ var tabs_default = {
   Content: TabsContent
 };
 
-export { Tabs, TabsContent, TabsList, TabsTrigger, tabs_default };
-//# sourceMappingURL=chunk-HCTZJYHK.js.map
-//# sourceMappingURL=chunk-HCTZJYHK.js.map
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabs_default, useTabs };
+//# sourceMappingURL=chunk-4SQKSVBH.js.map
+//# sourceMappingURL=chunk-4SQKSVBH.js.map

package/dist/chunk-4SQKSVBH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tabs/Tabs.tsx","../src/components/tabs/TabsContent.tsx","../src/components/tabs/TabsList.tsx","../src/components/tabs/TabsTrigger.tsx","../src/components/tabs/index.ts"],"names":["jsx"],"mappings":"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","file":"chunk-4SQKSVBH.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo, useState } from \"preact/hooks\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\n\ntype TabsContextValue = {\n  value: string;\n  setValue: (next: string) => void;\n  orientation: \"horizontal\" | \"vertical\";\n  baseId: string;\n  triggerId: (tabValue: string) => string;\n  contentId: (tabValue: string) => string;\n};\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nexport const useTabs = () => {\n  const context = useContext(TabsContext);\n  if (!context) throw new Error(\"Tabs subcomponents must be used within Tabs\");\n  return context;\n};\n\nexport type TabsProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  defaultValue: string;\n  syncKey?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  children?: ComponentChildren;\n};\n\ntype SyncSubscriber = (nextValue: string) => void;\n\ntype SyncRegistryEntry = {\n  value: string;\n  subscribers: Set<SyncSubscriber>;\n  instancesCount: number;\n};\n\nconst syncRegistry = new Map<string, SyncRegistryEntry>();\n\nconst getOrCreateSyncEntry = (key: string, initialValue: string): SyncRegistryEntry => {\n  const existing = syncRegistry.get(key);\n  if (existing) return existing;\n\n  const created: SyncRegistryEntry = {\n    value: initialValue,\n    subscribers: new Set<SyncSubscriber>(),\n    instancesCount: 0,\n  };\n  syncRegistry.set(key, created);\n  return created;\n};\n\nexport const Tabs = ({\n  defaultValue,\n  syncKey,\n  orientation = \"horizontal\",\n  class: className,\n  children,\n  ...rest\n}: TabsProps) => {\n  const [value, setLocalValue] = useState(defaultValue);\n  const baseId = useMemo(() => createIdFactory(\"tabs\")(), []);\n  const triggerId = useMemo(() => (tabValue: string) => `${baseId}-trigger-${tabValue}`, [baseId]);\n  const contentId = useMemo(() => (tabValue: string) => `${baseId}-content-${tabValue}`, [baseId]);\n  const setValue = (next: string) => {\n    if (!syncKey) {\n      setLocalValue(next);\n      return;\n    }\n\n    const syncEntry = getOrCreateSyncEntry(syncKey, value);\n    if (syncEntry.value === next) return;\n\n    syncEntry.value = next;\n    setLocalValue(next);\n    syncEntry.subscribers.forEach((subscriber) => subscriber(next));\n  };\n\n  useEffect(() => {\n    if (!syncKey) return;\n\n    const syncEntry = getOrCreateSyncEntry(syncKey, defaultValue);\n    syncEntry.instancesCount += 1;\n    setLocalValue(syncEntry.value);\n\n    const subscriber: SyncSubscriber = (nextValue) => {\n      setLocalValue((currentValue) => {\n        if (currentValue === nextValue) return currentValue;\n        return nextValue;\n      });\n    };\n    syncEntry.subscribers.add(subscriber);\n\n    return () => {\n      syncEntry.subscribers.delete(subscriber);\n      syncEntry.instancesCount -= 1;\n      if (syncEntry.instancesCount <= 0) {\n        syncRegistry.delete(syncKey);\n      }\n    };\n  }, [defaultValue, syncKey]);\n\n  return (\n    <TabsContext.Provider value={{ value, setValue, orientation, baseId, triggerId, contentId }}>\n      <div\n        class={cn(\"group/tabs\", className)}\n        data-slot=\"tabs\"\n        data-orientation={orientation}\n        {...rest}\n      >\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useTabs } from \"./Tabs\";\n\nexport type TabsContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  value: string;\n  forceMount?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const TabsContent = ({\n  value,\n  forceMount = false,\n  class: className,\n  children,\n  id: idProp,\n  ...rest\n}: TabsContentProps) => {\n  const tabs = useTabs();\n  const active = tabs.value === value;\n  const id = idProp ?? tabs.contentId(value);\n  const labelledBy = tabs.triggerId(value);\n\n  if (!active && !forceMount) return null;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      id={id}\n      aria-labelledby={labelledBy}\n      aria-hidden={!active || undefined}\n      data-slot=\"tabs-content\"\n      data-state={active ? \"active\" : \"inactive\"}\n      class={cn(\n        \"mt-2 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        className,\n      )}\n      tabIndex={0}\n      hidden={!active && forceMount ? true : undefined}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useTabs } from \"./Tabs\";\n\nconst tabsList = tv({\n  base: [\n    \"group/tabs-list inline-flex w-fit items-stretch justify-center gap-0.5 rounded-md bg-muted/80 p-0.5 text-muted-foreground\",\n    \"ring-1 ring-inset ring-black/[0.04] dark:ring-white/[0.06]\",\n    \"group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=horizontal]/tabs:rounded-full\",\n    \"group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:rounded-xl group-data-[orientation=vertical]/tabs:gap-0.5 group-data-[orientation=vertical]/tabs:p-1\",\n  ],\n  variants: {\n    variant: {\n      default: \"\",\n      line: \"gap-1 rounded-none bg-transparent p-0 ring-0 group-data-[orientation=horizontal]/tabs:rounded-none\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TabsListProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof tabsList> & {\n    children?: ComponentChildren;\n  };\n\nexport const TabsList = ({ variant, class: className, children, ...rest }: TabsListProps) => {\n  const tabs = useTabs();\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-orientation={tabs.orientation}\n      class={cn(tabsList({ variant }), className)}\n      data-slot=\"tabs-list\"\n      data-variant={variant ?? \"default\"}\n      data-orientation={tabs.orientation}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useTabs } from \"./Tabs\";\n\nexport type TabsTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  value: string;\n  children?: ComponentChildren;\n};\n\nexport const TabsTrigger = ({\n  value,\n  class: className,\n  children,\n  onClick,\n  onKeyDown,\n  id: idProp,\n  ...rest\n}: TabsTriggerProps) => {\n  const tabs = useTabs();\n  const active = tabs.value === value;\n  const id = idProp ?? tabs.triggerId(value);\n  const controlsId = tabs.contentId(value);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      id={id}\n      aria-controls={controlsId}\n      class={cn(\n        \"relative inline-flex h-full min-h-0 flex-1 items-center justify-center gap-1.5 border border-transparent px-3 py-1 text-sm whitespace-nowrap text-muted-foreground transition-[color,box-shadow,background-color,font-weight] duration-200 ease-out\",\n        \"group-data-[orientation=horizontal]/tabs:rounded-full group-data-[orientation=vertical]/tabs:rounded-md\",\n        \"group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start\",\n        \"hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"disabled:pointer-events-none disabled:opacity-50 dark:hover:text-foreground\",\n        \"group-data-[variant=default]/tabs-list:data-[state=inactive]:font-medium\",\n        \"group-data-[variant=default]/tabs-list:data-[state=active]:bg-background group-data-[variant=default]/tabs-list:data-[state=active]:font-semibold group-data-[variant=default]/tabs-list:data-[state=active]:text-foreground\",\n        \"group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[0_1px_2px_-0.5px_rgb(0_0_0/0.06),0_1px_3px_-1px_rgb(0_0_0/0.08)]\",\n        \"dark:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[0_1px_2px_-0.5px_rgb(0_0_0/0.35)] dark:group-data-[variant=default]/tabs-list:data-[state=active]:ring-1 dark:group-data-[variant=default]/tabs-list:data-[state=active]:ring-white/[0.08]\",\n        \"group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:px-0 group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:group-data-[variant=line]/tabs-list:data-[state=active]:ring-0\",\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:font-semibold group-data-[variant=line]/tabs-list:data-[state=active]:text-foreground\",\n        \"group-data-[variant=line]/tabs-list:data-[state=inactive]:font-normal group-data-[variant=line]/tabs-list:data-[state=inactive]:text-muted-foreground\",\n        \"dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n        \"dark:group-data-[variant=default]/tabs-list:data-[state=active]:bg-input/30 dark:group-data-[variant=default]/tabs-list:data-[state=active]:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity\",\n        \"group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5\",\n        \"group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5\",\n        \"group-data-[variant=line]/tabs-list:data-[state=active]:after:h-[2px] group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n        className,\n      )}\n      data-slot=\"tabs-trigger\"\n      data-state={active ? \"active\" : \"inactive\"}\n      data-active={active ? \"true\" : undefined}\n      data-value={value}\n      data-orientation={tabs.orientation}\n      aria-selected={active}\n      tabIndex={active ? 0 : -1}\n      onClick={(event) => {\n        tabs.setValue(value);\n        onClick?.(event);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\", \"Home\", \"End\"].includes(event.key))\n          return;\n\n        const tabList = event.currentTarget.closest('[role=\"tablist\"]');\n        if (!tabList) return;\n\n        const triggers = Array.from(\n          tabList.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]:not([disabled])'),\n        );\n        const currentIndex = triggers.indexOf(event.currentTarget);\n        if (currentIndex === -1 || triggers.length === 0) return;\n\n        const horizontal = tabs.orientation === \"horizontal\";\n        let nextIndex = currentIndex;\n\n        if (event.key === \"Home\") nextIndex = 0;\n        if (event.key === \"End\") nextIndex = triggers.length - 1;\n        if (event.key === \"ArrowRight\" && horizontal)\n          nextIndex = (currentIndex + 1) % triggers.length;\n        if (event.key === \"ArrowLeft\" && horizontal)\n          nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n        if (event.key === \"ArrowDown\" && !horizontal)\n          nextIndex = (currentIndex + 1) % triggers.length;\n        if (event.key === \"ArrowUp\" && !horizontal)\n          nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n\n        if (nextIndex === currentIndex) return;\n        event.preventDefault();\n        const next = triggers[nextIndex];\n        next.focus();\n        const nextValue = next.getAttribute(\"data-value\");\n        if (nextValue) tabs.setValue(nextValue);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { Tabs, useTabs } from \"./Tabs\";\nimport { TabsContent } from \"./TabsContent\";\nimport { TabsList } from \"./TabsList\";\nimport { TabsTrigger } from \"./TabsTrigger\";\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger, useTabs };\n\nexport default {\n  Root: Tabs,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n};\n"]}

package/dist/{chunk-ZVAW22GX.js → chunk-4ZFKDNSK.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { tv } from 'tailwind-variants';
 import { jsx } from 'preact/jsx-runtime';
 
@@ -46,5 +46,5 @@ var Typography = ({
 var typography_default = Typography;
 
 export { Typography, typography, typography_default };
-//# sourceMappingURL=chunk-ZVAW22GX.js.map
-//# sourceMappingURL=chunk-ZVAW22GX.js.map
+//# sourceMappingURL=chunk-4ZFKDNSK.js.map
+//# sourceMappingURL=chunk-4ZFKDNSK.js.map

package/dist/{chunk-ZVAW22GX.js.map → chunk-4ZFKDNSK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/typography/Typography.tsx","../src/components/typography/index.ts"],"names":[],"mappings":";;;;AAIO,IAAM,aAAa,EAAA,CAAG;AAAA,EAC3B,IAAA,EAAM,iBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,gEAAA;AAAA,MACJ,EAAA,EAAI,4EAAA;AAAA,MACJ,EAAA,EAAI,mDAAA;AAAA,MACJ,EAAA,EAAI,kDAAA;AAAA,MACJ,CAAA,EAAG,sCAAA;AAAA,MACH,UAAA,EAAY,6BAAA;AAAA,MACZ,IAAA,EAAM,mFAAA;AAAA,MACN,UAAA,EACE,mFAAA;AAAA,MACF,IAAA,EAAM,iCAAA;AAAA,MACN,KAAA,EAAO,6BAAA;AAAA,MACP,IAAA,EAAM,+BAAA;AAAA,MACN,KAAA,EAAO,uBAAA;AAAA,MACP,KAAA,EAAO,+BAAA;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC;AAYM,IAAM,aAAa,CAAC;AAAA,EACzB,EAAA,GAAK,GAAA;AAAA,EACL,OAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAuB;AACrB,EAAA,MAAM,GAAA,GAAM,EAAA;AACZ,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,WAAA,EAAa,YAAA;AAAA,IACb,OAAO,EAAA,CAAG,UAAA,CAAW,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,IAC5C,GAAG;AAAA,GACL;AACA,EAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AACnC;;;ACjDA,IAAO,kBAAA,GAAQ","file":"chunk-ZVAW22GX.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const typography = tv({\n  base: \"text-foreground\",\n  variants: {\n    variant: {\n      h1: \"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n      h2: \"scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\",\n      h3: \"scroll-m-20 text-2xl font-semibold tracking-tight\",\n      h4: \"scroll-m-20 text-xl font-semibold tracking-tight\",\n      p: \"leading-7 [&:not(:first-child)]:mt-6\",\n      blockquote: \"mt-6 border-l-2 pl-6 italic\",\n      code: \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n      inlineCode:\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n      list: \"my-6 ml-6 list-disc [&>li]:mt-2\",\n      table: \"my-6 w-full overflow-y-auto\",\n      lead: \"text-xl text-muted-foreground\",\n      large: \"text-lg font-semibold\",\n      muted: \"text-sm text-muted-foreground\",\n      small: \"text-sm font-medium leading-none\",\n    },\n  },\n  defaultVariants: {\n    variant: \"p\",\n  },\n});\n\nexport type TypographyVariants = VariantProps<typeof typography>;\n\nexport type TypographyProps = JSX.HTMLAttributes<\n  HTMLElementTagNameMap[keyof HTMLElementTagNameMap]\n> &\n  TypographyVariants & {\n    as?: keyof HTMLElementTagNameMap;\n    children?: ComponentChildren;\n  };\n\nexport const Typography = ({\n  as = \"p\",\n  variant,\n  class: className,\n  children,\n  ...rest\n}: TypographyProps) => {\n  const Tag = as as keyof JSX.IntrinsicElements;\n  const props = {\n    \"data-slot\": \"typography\",\n    class: cn(typography({ variant }), className),\n    ...rest,\n  } as any;\n  return <Tag {...props}>{children}</Tag>;\n};\n","import { Typography, typography } from \"./Typography\";\n\nexport type { TypographyVariants } from \"./Typography\";\nexport { Typography, typography };\n\nexport default Typography;\n"]}
+{"version":3,"sources":["../src/components/typography/Typography.tsx","../src/components/typography/index.ts"],"names":[],"mappings":";;;;AAIO,IAAM,aAAa,EAAA,CAAG;AAAA,EAC3B,IAAA,EAAM,iBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,gEAAA;AAAA,MACJ,EAAA,EAAI,4EAAA;AAAA,MACJ,EAAA,EAAI,mDAAA;AAAA,MACJ,EAAA,EAAI,kDAAA;AAAA,MACJ,CAAA,EAAG,sCAAA;AAAA,MACH,UAAA,EAAY,6BAAA;AAAA,MACZ,IAAA,EAAM,mFAAA;AAAA,MACN,UAAA,EACE,mFAAA;AAAA,MACF,IAAA,EAAM,iCAAA;AAAA,MACN,KAAA,EAAO,6BAAA;AAAA,MACP,IAAA,EAAM,+BAAA;AAAA,MACN,KAAA,EAAO,uBAAA;AAAA,MACP,KAAA,EAAO,+BAAA;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC;AAYM,IAAM,aAAa,CAAC;AAAA,EACzB,EAAA,GAAK,GAAA;AAAA,EACL,OAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAuB;AACrB,EAAA,MAAM,GAAA,GAAM,EAAA;AACZ,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,WAAA,EAAa,YAAA;AAAA,IACb,OAAO,EAAA,CAAG,UAAA,CAAW,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,IAC5C,GAAG;AAAA,GACL;AACA,EAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AACnC;;;ACjDA,IAAO,kBAAA,GAAQ","file":"chunk-4ZFKDNSK.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const typography = tv({\n  base: \"text-foreground\",\n  variants: {\n    variant: {\n      h1: \"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n      h2: \"scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\",\n      h3: \"scroll-m-20 text-2xl font-semibold tracking-tight\",\n      h4: \"scroll-m-20 text-xl font-semibold tracking-tight\",\n      p: \"leading-7 [&:not(:first-child)]:mt-6\",\n      blockquote: \"mt-6 border-l-2 pl-6 italic\",\n      code: \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n      inlineCode:\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n      list: \"my-6 ml-6 list-disc [&>li]:mt-2\",\n      table: \"my-6 w-full overflow-y-auto\",\n      lead: \"text-xl text-muted-foreground\",\n      large: \"text-lg font-semibold\",\n      muted: \"text-sm text-muted-foreground\",\n      small: \"text-sm font-medium leading-none\",\n    },\n  },\n  defaultVariants: {\n    variant: \"p\",\n  },\n});\n\nexport type TypographyVariants = VariantProps<typeof typography>;\n\nexport type TypographyProps = JSX.HTMLAttributes<\n  HTMLElementTagNameMap[keyof HTMLElementTagNameMap]\n> &\n  TypographyVariants & {\n    as?: keyof HTMLElementTagNameMap;\n    children?: ComponentChildren;\n  };\n\nexport const Typography = ({\n  as = \"p\",\n  variant,\n  class: className,\n  children,\n  ...rest\n}: TypographyProps) => {\n  const Tag = as as keyof JSX.IntrinsicElements;\n  const props = {\n    \"data-slot\": \"typography\",\n    class: cn(typography({ variant }), className),\n    ...rest,\n  } as any;\n  return <Tag {...props}>{children}</Tag>;\n};\n","import { Typography, typography } from \"./Typography\";\n\nexport type { TypographyVariants } from \"./Typography\";\nexport { Typography, typography };\n\nexport default Typography;\n"]}

package/dist/{chunk-IJ4ZRIR4.js → chunk-53FZEAOJ.js}

@@ -1,6 +1,6 @@
-import { Separator } from './chunk-LCWXIQKA.js';
-import { label } from './chunk-D3DQ4ICC.js';
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { Separator } from './chunk-Q3RL7TOY.js';
+import { label } from './chunk-BZMD4EZC.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { tv } from 'tailwind-variants';
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { useMemo } from 'preact/hooks';
@@ -178,5 +178,5 @@ var FieldTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ js
 var field_default = Field;
 
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldRoot, field_default };
-//# sourceMappingURL=chunk-IJ4ZRIR4.js.map
-//# sourceMappingURL=chunk-IJ4ZRIR4.js.map
+//# sourceMappingURL=chunk-53FZEAOJ.js.map
+//# sourceMappingURL=chunk-53FZEAOJ.js.map

package/dist/{chunk-IJ4ZRIR4.js.map → chunk-53FZEAOJ.js.map}

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