@kamod-ui/core 0.1.0

package/dist/chunk-I2PR3HXC.js

@@ -0,0 +1,51 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var defaultOptions = [
+  { value: "de", label: "DE" },
+  { value: "en", label: "EN" }
+];
+var btnBase = "rounded px-2 py-1 text-[13px] font-medium transition-colors";
+var btnActive = "bg-black text-white dark:bg-white dark:text-black";
+var btnInactive = "bg-[#f7f4ee] text-black/60 hover:bg-black/5 hover:text-black dark:bg-transparent dark:text-neutral-400 dark:hover:bg-white/10 dark:hover:text-neutral-100";
+var LocaleSegmentGroup = ({
+  value,
+  onValueChange,
+  options = defaultOptions,
+  class: className,
+  "aria-label": ariaLabel = "Language",
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      "data-slot": "locale-segment-group",
+      class: cn("flex items-center gap-0.5", className),
+      ...rest,
+      children: options.map((opt) => {
+        const selected = opt.value === value;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-state": selected ? "on" : "off",
+            "aria-pressed": selected,
+            class: cn(btnBase, selected ? btnActive : btnInactive),
+            onClick: () => {
+              if (selected) return;
+              onValueChange(opt.value);
+            },
+            children: opt.label
+          },
+          opt.value
+        );
+      })
+    }
+  );
+};
+
+export { LocaleSegmentGroup };
+//# sourceMappingURL=chunk-I2PR3HXC.js.map
+//# sourceMappingURL=chunk-I2PR3HXC.js.map

package/dist/chunk-I2PR3HXC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/locale-segment-group/LocaleSegmentGroup.tsx"],"names":[],"mappings":";;;AAKA,IAAM,cAAA,GAAwC;AAAA,EAC5C,EAAE,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,IAAA,EAAK;AAAA,EAC3B,EAAE,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,IAAA;AACxB,CAAA;AAEA,IAAM,OAAA,GACJ,6DAAA;AAEF,IAAM,SAAA,GAAY,mDAAA;AAElB,IAAM,WAAA,GACJ,2JAAA;AAYK,IAAM,qBAAqB,CAAC;AAAA,EACjC,KAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA,GAAU,cAAA;AAAA,EACV,KAAA,EAAO,SAAA;AAAA,EACP,cAAc,SAAA,GAAY,UAAA;AAAA,EAC1B,GAAG;AACL,CAAA,KAA+B;AAC7B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAU,sBAAA;AAAA,MACV,KAAA,EAAO,EAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA;AAAA,MAC/C,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAA,KAAQ;AACpB,QAAA,MAAM,QAAA,GAAW,IAAI,KAAA,KAAU,KAAA;AAC/B,QAAA,uBACE,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,QAAA;AAAA,YACL,YAAA,EAAY,WAAW,IAAA,GAAO,KAAA;AAAA,YAC9B,cAAA,EAAc,QAAA;AAAA,YACd,KAAA,EAAO,EAAA,CAAG,OAAA,EAAS,QAAA,GAAW,YAAY,WAAW,CAAA;AAAA,YACrD,SAAS,MAAM;AACb,cAAA,IAAI,QAAA,EAAU;AACd,cAAA,aAAA,CAAc,IAAI,KAAK,CAAA;AAAA,YACzB,CAAA;AAAA,YAEC,QAAA,EAAA,GAAA,CAAI;AAAA,WAAA;AAAA,UAVA,GAAA,CAAI;AAAA,SAWX;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ","file":"chunk-I2PR3HXC.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type LocaleSegmentOption = { value: string; label: string };\n\nconst defaultOptions: LocaleSegmentOption[] = [\n  { value: \"de\", label: \"DE\" },\n  { value: \"en\", label: \"EN\" }\n];\n\nconst btnBase =\n  \"rounded px-2 py-1 text-[13px] font-medium transition-colors\";\n\nconst btnActive = \"bg-black text-white dark:bg-white dark:text-black\";\n\nconst btnInactive =\n  \"bg-[#f7f4ee] text-black/60 hover:bg-black/5 hover:text-black dark:bg-transparent dark:text-neutral-400 dark:hover:bg-white/10 dark:hover:text-neutral-100\";\n\nexport type LocaleSegmentGroupProps = Omit<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  \"class\" | \"role\" | \"value\"\n> & {\n  value: string;\n  onValueChange: (next: string) => void;\n  options?: LocaleSegmentOption[];\n  class?: string;\n};\n\nexport const LocaleSegmentGroup = ({\n  value,\n  onValueChange,\n  options = defaultOptions,\n  class: className,\n  \"aria-label\": ariaLabel = \"Language\",\n  ...rest\n}: LocaleSegmentGroupProps) => {\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-slot=\"locale-segment-group\"\n      class={cn(\"flex items-center gap-0.5\", className)}\n      {...rest}\n    >\n      {options.map((opt) => {\n        const selected = opt.value === value;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            data-state={selected ? \"on\" : \"off\"}\n            aria-pressed={selected}\n            class={cn(btnBase, selected ? btnActive : btnInactive)}\n            onClick={() => {\n              if (selected) return;\n              onValueChange(opt.value);\n            }}\n          >\n            {opt.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"]}

package/dist/chunk-IGGEBO7K.js

@@ -0,0 +1,8 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var Table = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "table-wrapper", class: cn("relative w-full overflow-x-auto", className), ...rest, children: /* @__PURE__ */ jsx("table", { "data-slot": "table", class: "w-full caption-bottom text-sm", children }) });
+
+export { Table };
+//# sourceMappingURL=chunk-IGGEBO7K.js.map
+//# sourceMappingURL=chunk-IGGEBO7K.js.map

package/dist/chunk-IGGEBO7K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/Table.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC1D,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAgB,KAAA,EAAO,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1F,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,WAAA,EAAU,OAAA,EAAQ,KAAA,EAAM,+BAAA,EAC5B,QAAA,EACH,CAAA,EACF","file":"chunk-IGGEBO7K.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Table = ({ class: className, children, ...rest }: TableProps) => (\n  <div data-slot=\"table-wrapper\" class={cn(\"relative w-full overflow-x-auto\", className)} {...rest}>\n    <table data-slot=\"table\" class=\"w-full caption-bottom text-sm\">\n      {children}\n    </table>\n  </div>\n);\n\n"]}

package/dist/chunk-J2Z2LSXM.js

@@ -0,0 +1,26 @@
+import { signal } from '@preact/signals';
+
+// src/lib/signals/createControllableSignal.ts
+var createControllableSignal = ({
+  value,
+  defaultValue,
+  onChange
+}) => {
+  const isControlled = value !== void 0;
+  const local = signal(value ?? defaultValue);
+  const setState = (next) => {
+    if (!isControlled) {
+      local.value = next;
+    }
+    onChange?.(next);
+  };
+  return {
+    state: local,
+    setState,
+    isControlled
+  };
+};
+
+export { createControllableSignal };
+//# sourceMappingURL=chunk-J2Z2LSXM.js.map
+//# sourceMappingURL=chunk-J2Z2LSXM.js.map

package/dist/chunk-J2Z2LSXM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/signals/createControllableSignal.ts"],"names":[],"mappings":";;;AAcO,IAAM,2BAA2B,CAAI;AAAA,EAC1C,KAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAiE;AAC/D,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAW,KAAA,IAAS,YAAkB,CAAA;AAEpD,EAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAY;AAC5B,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB;AACA,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA;AAAA,IACA;AAAA,GACF;AACF","file":"chunk-J2Z2LSXM.js","sourcesContent":["import { signal, type Signal } from \"@preact/signals\";\n\ntype CreateControllableSignalOptions<T> = {\n  value?: T;\n  defaultValue: T;\n  onChange?: (next: T) => void;\n};\n\nexport type ControllableSignal<T> = {\n  state: Signal<T>;\n  setState: (next: T) => void;\n  isControlled: boolean;\n};\n\nexport const createControllableSignal = <T>({\n  value,\n  defaultValue,\n  onChange\n}: CreateControllableSignalOptions<T>): ControllableSignal<T> => {\n  const isControlled = value !== undefined;\n  const local = signal<T>((value ?? defaultValue) as T);\n\n  const setState = (next: T) => {\n    if (!isControlled) {\n      local.value = next;\n    }\n    onChange?.(next);\n  };\n\n  return {\n    state: local,\n    setState,\n    isControlled\n  };\n};\n"]}

package/dist/chunk-JC7JMWSH.js

@@ -0,0 +1,109 @@
+import { RadioGroup, useRadioGroup } from './chunk-7TDS7TC6.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { tv } from 'tailwind-variants';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var itemRoot = tv({
+  base: [
+    "flex cursor-pointer items-center gap-3 text-sm leading-none font-medium text-foreground",
+    "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50"
+  ],
+  variants: {
+    size: {
+      default: "",
+      sm: "gap-2 text-xs"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var indicatorBox = tv({
+  base: "relative inline-flex shrink-0 items-center justify-center",
+  variants: {
+    size: {
+      default: "size-4",
+      sm: "size-3.5"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var dotSize = tv({
+  base: "pointer-events-none absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-[opacity,transform] peer-checked:scale-100 peer-checked:opacity-100 scale-75",
+  variants: {
+    size: {
+      default: "size-2.5",
+      sm: "size-2"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var RadioGroupItem = ({
+  value,
+  children,
+  size,
+  class: className,
+  onChange,
+  disabled,
+  ...rest
+}) => {
+  const group = useRadioGroup();
+  const selected = group.controlledValue !== void 0 ? group.controlledValue : group.value.value;
+  const checked = selected === value;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      "data-slot": "radio-group-item",
+      "data-state": checked ? "checked" : "unchecked",
+      "data-size": size ?? "default",
+      class: cn(itemRoot({ size, class: className })),
+      children: [
+        /* @__PURE__ */ jsxs("span", { class: indicatorBox({ size }), children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              "data-slot": "radio-group-input",
+              class: "peer absolute inset-0 z-20 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
+              name: group.name,
+              value,
+              checked,
+              disabled,
+              onChange: (event) => {
+                group.setValue(value);
+                onChange?.(event);
+                const el = event.currentTarget;
+                const selected2 = group.controlledValue !== void 0 ? group.controlledValue : group.value.value;
+                el.checked = selected2 === value;
+              },
+              ...rest
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              class: cn(
+                "pointer-events-none absolute inset-0 z-0 flex items-center justify-center rounded-full border border-input bg-background shadow-xs transition-[color,box-shadow]",
+                "peer-focus-visible:outline-none peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50",
+                "peer-disabled:opacity-50",
+                "peer-checked:border-primary",
+                "peer-aria-invalid:border-destructive peer-aria-invalid:ring-destructive/20"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, class: dotSize({ size }) })
+        ] }),
+        children ? /* @__PURE__ */ jsx("span", { "data-slot": "radio-group-label", children }) : null
+      ]
+    }
+  );
+};
+
+// src/components/radio-group/index.ts
+var radio_group_default = {
+  Root: RadioGroup,
+  Item: RadioGroupItem
+};
+
+export { RadioGroupItem, radio_group_default };
+//# sourceMappingURL=chunk-JC7JMWSH.js.map
+//# sourceMappingURL=chunk-JC7JMWSH.js.map

package/dist/chunk-JC7JMWSH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/radio-group/RadioGroupItem.tsx","../src/components/radio-group/index.ts"],"names":["selected"],"mappings":"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","file":"chunk-JC7JMWSH.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useRadioGroup } from \"./RadioGroup\";\n\nconst itemRoot = tv({\n  base: [\n    \"flex cursor-pointer items-center gap-3 text-sm leading-none font-medium text-foreground\",\n    \"has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50\"\n  ],\n  variants: {\n    size: {\n      default: \"\",\n      sm: \"gap-2 text-xs\"\n    }\n  },\n  defaultVariants: { size: \"default\" }\n});\n\nconst indicatorBox = tv({\n  base: \"relative inline-flex shrink-0 items-center justify-center\",\n  variants: {\n    size: {\n      default: \"size-4\",\n      sm: \"size-3.5\"\n    }\n  },\n  defaultVariants: { size: \"default\" }\n});\n\nconst dotSize = tv({\n  base: \"pointer-events-none absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-[opacity,transform] peer-checked:scale-100 peer-checked:opacity-100 scale-75\",\n  variants: {\n    size: {\n      default: \"size-2.5\",\n      sm: \"size-2\"\n    }\n  },\n  defaultVariants: { size: \"default\" }\n});\n\ntype ItemVariants = VariantProps<typeof itemRoot>;\n\nexport type RadioGroupItemProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"name\" | \"class\" | \"size\"\n> &\n  ItemVariants & {\n    value: string;\n    children?: ComponentChildren;\n    class?: string;\n  };\n\nexport const RadioGroupItem = ({\n  value,\n  children,\n  size,\n  class: className,\n  onChange,\n  disabled,\n  ...rest\n}: RadioGroupItemProps) => {\n  const group = useRadioGroup();\n  const selected =\n    group.controlledValue !== undefined ? group.controlledValue : group.value.value;\n  const checked = selected === value;\n\n  return (\n    <label\n      data-slot=\"radio-group-item\"\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      data-size={size ?? \"default\"}\n      class={cn(itemRoot({ size, class: className }))}\n    >\n      <span class={indicatorBox({ size })}>\n        <input\n          type=\"radio\"\n          data-slot=\"radio-group-input\"\n          class=\"peer absolute inset-0 z-20 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed\"\n          name={group.name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          onChange={(event) => {\n            group.setValue(value);\n            onChange?.(event);\n            const el = event.currentTarget as HTMLInputElement;\n            const selected =\n              group.controlledValue !== undefined ? group.controlledValue : group.value.value;\n            el.checked = selected === value;\n          }}\n          {...rest}\n        />\n        <span\n          aria-hidden\n          class={cn(\n            \"pointer-events-none absolute inset-0 z-0 flex items-center justify-center rounded-full border border-input bg-background shadow-xs transition-[color,box-shadow]\",\n            \"peer-focus-visible:outline-none peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50\",\n            \"peer-disabled:opacity-50\",\n            \"peer-checked:border-primary\",\n            \"peer-aria-invalid:border-destructive peer-aria-invalid:ring-destructive/20\"\n          )}\n        />\n        <span aria-hidden class={dotSize({ size })} />\n      </span>\n      {children ? <span data-slot=\"radio-group-label\">{children}</span> : null}\n    </label>\n  );\n};\n","import { RadioGroup } from \"./RadioGroup\";\nimport { RadioGroupItem } from \"./RadioGroupItem\";\n\nexport { RadioGroup, RadioGroupItem };\n\nexport default {\n  Root: RadioGroup,\n  Item: RadioGroupItem\n};\n"]}

package/dist/chunk-JZRMLE4X.js

@@ -0,0 +1,77 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { useState } from 'preact/hooks';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var toggle = tv({
+  base: [
+    "inline-flex shrink-0 items-center justify-center gap-1 rounded-sm text-xs font-medium whitespace-nowrap",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+    "data-[size=sm]:[&_svg:not([class*='size-'])]:size-3",
+    "data-[size=lg]:[&_svg:not([class*='size-'])]:size-4",
+    "select-none transition-all outline-none",
+    "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/45",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:shadow-xs"
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent hover:bg-muted hover:text-muted-foreground",
+      outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45"
+    },
+    size: {
+      sm: "h-7 min-w-7 px-1.5 text-[11px] leading-none",
+      default: "h-8 min-w-8 px-2",
+      lg: "h-9 min-w-9 px-2.5 text-sm",
+      icon: "size-8 p-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Toggle = ({
+  defaultPressed = false,
+  pressed,
+  onPressedChange,
+  variant,
+  size,
+  class: className,
+  children,
+  onClick,
+  ...rest
+}) => {
+  const [localPressed, setLocalPressed] = useState(defaultPressed);
+  const isControlled = typeof pressed === "boolean";
+  const nextPressed = isControlled ? pressed : localPressed;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": nextPressed,
+      "data-slot": "toggle",
+      "data-variant": variant ?? "default",
+      "data-size": size ?? "default",
+      "data-state": nextPressed ? "on" : "off",
+      class: cn(toggle({ variant, size, class: className })),
+      onClick: (event) => {
+        const updated = !nextPressed;
+        if (!isControlled) {
+          setLocalPressed(updated);
+        }
+        onPressedChange?.(updated);
+        onClick?.(event);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/toggle/index.ts
+var toggle_default = Toggle;
+
+export { Toggle, toggle_default };
+//# sourceMappingURL=chunk-JZRMLE4X.js.map
+//# sourceMappingURL=chunk-JZRMLE4X.js.map

package/dist/chunk-JZRMLE4X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle/Toggle.tsx","../src/components/toggle/index.ts"],"names":[],"mappings":";;;;;AAKA,IAAM,SAAS,EAAA,CAAG;AAAA,EAChB,IAAA,EAAM;AAAA,IACJ,yGAAA;AAAA,IACA,qFAAA;AAAA,IACA,qDAAA;AAAA,IACA,qDAAA;AAAA,IACA,yCAAA;AAAA,IACA,2EAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,2DAAA;AAAA,MACT,OAAA,EACE;AAAA,KACJ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,6CAAA;AAAA,MACJ,OAAA,EAAS,kBAAA;AAAA,MACT,EAAA,EAAI,4BAAA;AAAA,MACJ,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAaM,IAAM,SAAS,CAAC;AAAA,EACrB,cAAA,GAAiB,KAAA;AAAA,EACjB,OAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;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,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,cAAA,EAAc,WAAA;AAAA,MACd,WAAA,EAAU,QAAA;AAAA,MACV,gBAAc,OAAA,IAAW,SAAA;AAAA,MACzB,aAAW,IAAA,IAAQ,SAAA;AAAA,MACnB,YAAA,EAAY,cAAc,IAAA,GAAO,KAAA;AAAA,MACjC,KAAA,EAAO,GAAG,MAAA,CAAO,EAAE,SAAS,IAAA,EAAM,KAAA,EAAO,SAAA,EAAW,CAAC,CAAA;AAAA,MACrD,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,MAAM,UAAU,CAAC,WAAA;AACjB,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,eAAA,CAAgB,OAAO,CAAA;AAAA,QACzB;AACA,QAAA,eAAA,GAAkB,OAAO,CAAA;AACzB,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;AC/EA,IAAO,cAAA,GAAQ","file":"chunk-JZRMLE4X.js","sourcesContent":["import { useState } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nconst toggle = tv({\n  base: [\n    \"inline-flex shrink-0 items-center justify-center gap-1 rounded-sm text-xs font-medium whitespace-nowrap\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5\",\n    \"data-[size=sm]:[&_svg:not([class*='size-'])]:size-3\",\n    \"data-[size=lg]:[&_svg:not([class*='size-'])]:size-4\",\n    \"select-none transition-all outline-none\",\n    \"focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/45\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:shadow-xs\"\n  ],\n  variants: {\n    variant: {\n      default: \"bg-transparent hover:bg-muted hover:text-muted-foreground\",\n      outline:\n        \"border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45\"\n    },\n    size: {\n      sm: \"h-7 min-w-7 px-1.5 text-[11px] leading-none\",\n      default: \"h-8 min-w-8 px-2\",\n      lg: \"h-9 min-w-9 px-2.5 text-sm\",\n      icon: \"size-8 p-0\"\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n});\n\ntype ToggleVariants = VariantProps<typeof toggle>;\n\nexport type ToggleProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"class\"> &\n  ToggleVariants & {\n  class?: string;\n  defaultPressed?: boolean;\n  pressed?: boolean;\n  onPressedChange?: (next: boolean) => void;\n  children?: ComponentChildren;\n};\n\nexport const Toggle = ({\n  defaultPressed = false,\n  pressed,\n  onPressedChange,\n  variant,\n  size,\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: ToggleProps) => {\n  const [localPressed, setLocalPressed] = useState(defaultPressed);\n  const isControlled = typeof pressed === \"boolean\";\n  const nextPressed = isControlled ? pressed : localPressed;\n\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={nextPressed}\n      data-slot=\"toggle\"\n      data-variant={variant ?? \"default\"}\n      data-size={size ?? \"default\"}\n      data-state={nextPressed ? \"on\" : \"off\"}\n      class={cn(toggle({ variant, size, class: className }))}\n      onClick={(event) => {\n        const updated = !nextPressed;\n        if (!isControlled) {\n          setLocalPressed(updated);\n        }\n        onPressedChange?.(updated);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\n","import { Toggle } from \"./Toggle\";\n\nexport { Toggle };\n\nexport default Toggle;\n"]}