@kamod-ui/core 0.1.0

package/dist/chunk-2UHCXHAX.js

@@ -0,0 +1,119 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { useRef, useState, useLayoutEffect } from 'preact/hooks';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var CheckIcon = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: cn("size-3.5", className),
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+  }
+);
+var MinusIcon = ({ class: className }) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", class: cn("size-3.5", className), "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14", "stroke-linecap": "round" }) });
+var Checkbox = ({
+  checked: checkedProp,
+  defaultChecked = false,
+  onCheckedChange,
+  onChange,
+  class: className,
+  disabled,
+  ref: outerRef,
+  id,
+  ...rest
+}) => {
+  const inputRef = useRef(null);
+  const isControlled = checkedProp !== void 0;
+  const [inner, setInner] = useState(() => defaultChecked);
+  const state = isControlled ? checkedProp : inner;
+  useLayoutEffect(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    el.indeterminate = state === "indeterminate";
+  }, [state]);
+  const dataState = state === true ? "checked" : state === "indeterminate" ? "indeterminate" : "unchecked";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "checkbox",
+      "data-state": dataState,
+      class: cn("group relative inline-grid size-4 shrink-0 place-content-center align-middle", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ...rest,
+            id,
+            ref: (node) => {
+              inputRef.current = node;
+              if (typeof outerRef === "function") {
+                outerRef(node);
+              } else if (outerRef && typeof outerRef === "object" && "current" in outerRef) {
+                outerRef.current = node;
+              }
+            },
+            type: "checkbox",
+            disabled,
+            checked: state === true,
+            "aria-checked": state === "indeterminate" ? "mixed" : state,
+            class: peerInputClass,
+            onChange: (event) => {
+              const el = event.currentTarget;
+              const next = el.indeterminate ? "indeterminate" : el.checked;
+              if (!isControlled) {
+                setInner(next);
+              }
+              onCheckedChange?.(next);
+              onChange?.(event);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            class: cn(
+              "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]",
+              "text-transparent dark:bg-input/30",
+              "group-data-[state=checked]:border-foreground group-data-[state=checked]:bg-foreground group-data-[state=checked]:text-background",
+              "group-data-[state=indeterminate]:border-foreground group-data-[state=indeterminate]:bg-foreground group-data-[state=indeterminate]:text-background",
+              "peer-focus-visible:outline-none peer-focus-visible:border-ring peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50",
+              "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+              "peer-aria-invalid:border-destructive peer-aria-invalid:ring-destructive/20 dark:peer-aria-invalid:ring-destructive/40"
+            ),
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx(
+                CheckIcon,
+                {
+                  class: cn(
+                    "transition-opacity",
+                    state === true ? "opacity-100" : "opacity-0",
+                    state === "indeterminate" && "hidden"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(MinusIcon, { class: cn("absolute transition-opacity", state === "indeterminate" ? "opacity-100" : "opacity-0") })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var peerInputClass = cn(
+  "peer absolute inset-0 z-10 size-4 cursor-pointer appearance-none opacity-0",
+  "disabled:cursor-not-allowed"
+);
+
+// src/components/checkbox/index.ts
+var checkbox_default = Checkbox;
+
+export { Checkbox, checkbox_default };
+//# sourceMappingURL=chunk-2UHCXHAX.js.map
+//# sourceMappingURL=chunk-2UHCXHAX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/index.ts"],"names":[],"mappings":";;;;AAgBA,IAAM,SAAA,GAAY,CAAC,EAAE,KAAA,EAAO,WAAU,qBACpC,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,cAAA,EAAa,GAAA;AAAA,IACb,gBAAA,EAAe,OAAA;AAAA,IACf,iBAAA,EAAgB,OAAA;AAAA,IAChB,KAAA,EAAO,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,IAC/B,aAAA,EAAY,MAAA;AAAA,IAEZ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iBAAA,EAAkB;AAAA;AAC5B,CAAA;AAGF,IAAM,SAAA,GAAY,CAAC,EAAE,KAAA,EAAO,SAAA,EAAU,qBACpC,GAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,cAAA,EAAe,cAAA,EAAa,GAAA,EAAI,KAAA,EAAO,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAAG,aAAA,EAAY,MAAA,EACxH,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,UAAA,EAAW,gBAAA,EAAe,SAAQ,CAAA,EAC5C,CAAA;AAGK,IAAM,WAAW,CAAC;AAAA,EACvB,OAAA,EAAS,WAAA;AAAA,EACT,cAAA,GAAiB,KAAA;AAAA,EACjB,eAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAA,EAAK,QAAA;AAAA,EACL,EAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,QAAA,GAAW,OAAyB,IAAI,CAAA;AAC9C,EAAA,MAAM,eAAe,WAAA,KAAgB,MAAA;AACrC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAA+B,MAAM,cAAc,CAAA;AAC7E,EAAA,MAAM,KAAA,GAA8B,eAAe,WAAA,GAAe,KAAA;AAElE,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,KAAK,QAAA,CAAS,OAAA;AACpB,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,EAAA,CAAG,gBAAgB,KAAA,KAAU,eAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,YAAY,KAAA,KAAU,IAAA,GAAO,SAAA,GAAY,KAAA,KAAU,kBAAkB,eAAA,GAAkB,WAAA;AAE7F,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,UAAA;AAAA,MACV,YAAA,EAAY,SAAA;AAAA,MACZ,KAAA,EAAO,EAAA,CAAG,8EAAA,EAAgF,SAAS,CAAA;AAAA,MAEnG,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACE,GAAG,IAAA;AAAA,YACJ,EAAA;AAAA,YACA,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,cAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,cAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,gBAAA,QAAA,CAAS,IAAI,CAAA;AAAA,cACf,WAAW,QAAA,IAAY,OAAO,QAAA,KAAa,QAAA,IAAY,aAAa,QAAA,EAAU;AAC5E,gBAAC,SAAkD,OAAA,GAAU,IAAA;AAAA,cAC/D;AAAA,YACF,CAAA;AAAA,YACA,IAAA,EAAK,UAAA;AAAA,YACL,QAAA;AAAA,YACA,SAAS,KAAA,KAAU,IAAA;AAAA,YACnB,cAAA,EAAc,KAAA,KAAU,eAAA,GAAkB,OAAA,GAAU,KAAA;AAAA,YACpD,KAAA,EAAO,cAAA;AAAA,YACP,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,cAAA,MAAM,KAAK,KAAA,CAAM,aAAA;AACjB,cAAA,MAAM,IAAA,GAA6B,EAAA,CAAG,aAAA,GAAgB,eAAA,GAAkB,EAAA,CAAG,OAAA;AAC3E,cAAA,IAAI,CAAC,YAAA,EAAc;AACjB,gBAAA,QAAA,CAAS,IAAI,CAAA;AAAA,cACf;AACA,cAAA,eAAA,GAAkB,IAAI,CAAA;AACtB,cAAA,QAAA,GAAW,KAAK,CAAA;AAAA,YAClB;AAAA;AAAA,SACF;AAAA,wBACA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAA;AAAA,cACL,2MAAA;AAAA,cACA,mCAAA;AAAA,cACA,kIAAA;AAAA,cACA,oJAAA;AAAA,cACA,8HAAA;AAAA,cACA,2DAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,aAAA,EAAY,MAAA;AAAA,YAEZ,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,SAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,oBACL,oBAAA;AAAA,oBACA,KAAA,KAAU,OAAO,aAAA,GAAgB,WAAA;AAAA,oBACjC,UAAU,eAAA,IAAmB;AAAA;AAC/B;AAAA,eACF;AAAA,8BACA,GAAA,CAAC,aAAU,KAAA,EAAO,EAAA,CAAG,+BAA+B,KAAA,KAAU,eAAA,GAAkB,aAAA,GAAgB,WAAW,CAAA,EAAG;AAAA;AAAA;AAAA;AAChH;AAAA;AAAA,GACF;AAEJ;AAEA,IAAM,cAAA,GAAiB,EAAA;AAAA,EACrB,4EAAA;AAAA,EACA;AACF,CAAA;;;ACrHA,IAAO,gBAAA,GAAQ","file":"chunk-2UHCXHAX.js","sourcesContent":["import { useLayoutEffect, useRef, useState } from \"preact/hooks\";\nimport type { JSX } from \"preact\";\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 viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class={cn(\"size-3.5\", className)} aria-hidden=\"true\">\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 = state === true ? \"checked\" : state === \"indeterminate\" ? \"indeterminate\" : \"unchecked\";\n\n  return (\n    <span\n      data-slot=\"checkbox\"\n      data-state={dataState}\n      class={cn(\"group relative inline-grid size-4 shrink-0 place-content-center align-middle\", className)}\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 class={cn(\"absolute transition-opacity\", state === \"indeterminate\" ? \"opacity-100\" : \"opacity-0\")} />\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-2XNWLXG2.js

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

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

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

package/dist/chunk-3EHH62ZA.js

@@ -0,0 +1,175 @@
+import { signal } from '@preact/signals';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+// src/components/toast/toast-store.ts
+var toasts = signal([]);
+var EXIT_ANIMATION_MS = 180;
+var addToast = (toast) => {
+  const id = `toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+  const nextToast = {
+    id,
+    variant: toast.variant ?? "default",
+    duration: toast.duration ?? 5e3,
+    ...toast
+  };
+  toasts.value = [...toasts.value, nextToast];
+  if (typeof window !== "undefined" && (nextToast.duration ?? 0) > 0) {
+    window.setTimeout(() => {
+      removeToast(id);
+    }, nextToast.duration);
+  }
+  return id;
+};
+var removeToast = (id) => {
+  const item = toasts.value.find((toast) => toast.id === id);
+  if (!item) return;
+  if (item.closing) return;
+  toasts.value = toasts.value.map((toast) => toast.id === id ? { ...toast, closing: true } : toast);
+  if (typeof window !== "undefined") {
+    window.setTimeout(() => {
+      toasts.value = toasts.value.filter((toast) => toast.id !== id);
+    }, EXIT_ANIMATION_MS);
+    return;
+  }
+  toasts.value = toasts.value.filter((toast) => toast.id !== id);
+};
+var POSITION_CLASS = {
+  "top-left": "top-4 left-4",
+  "top-center": "top-4 left-1/2 -translate-x-1/2",
+  "top-right": "top-4 right-4",
+  "bottom-left": "bottom-4 left-4",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
+  "bottom-right": "bottom-4 right-4"
+};
+var ENTER_CLASS = {
+  "top-left": "slide-in-from-top-2",
+  "top-center": "slide-in-from-top-2",
+  "top-right": "slide-in-from-top-2",
+  "bottom-left": "slide-in-from-bottom-2",
+  "bottom-center": "slide-in-from-bottom-2",
+  "bottom-right": "slide-in-from-bottom-2"
+};
+var EXIT_CLASS = {
+  "top-left": "slide-out-to-top-2",
+  "top-center": "slide-out-to-top-2",
+  "top-right": "slide-out-to-top-2",
+  "bottom-left": "slide-out-to-bottom-2",
+  "bottom-center": "slide-out-to-bottom-2",
+  "bottom-right": "slide-out-to-bottom-2"
+};
+var TONE_CLASS = {
+  default: "border-border",
+  success: "border-emerald-500/35",
+  info: "border-sky-500/35",
+  warning: "border-amber-500/35",
+  error: "border-destructive/40",
+  destructive: "border-destructive/40"
+};
+var BADGE_CLASS = {
+  default: "bg-muted text-muted-foreground",
+  success: "bg-emerald-500/15 text-emerald-500",
+  info: "bg-sky-500/15 text-sky-500",
+  warning: "bg-amber-500/15 text-amber-500",
+  error: "bg-destructive/15 text-destructive",
+  destructive: "bg-destructive/15 text-destructive"
+};
+var LABEL = {
+  default: "Info",
+  success: "Success",
+  info: "Info",
+  warning: "Warning",
+  error: "Error",
+  destructive: "Error"
+};
+var Toaster = ({ position = "bottom-right" }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "toaster",
+      role: "region",
+      "aria-live": "polite",
+      "aria-label": "Notifications",
+      class: ["pointer-events-none fixed z-[120] grid w-[calc(100%-2rem)] max-w-sm gap-2", POSITION_CLASS[position]].join(" "),
+      children: toasts.value.map((toast) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "toast-item",
+          class: [
+            "pointer-events-auto grid gap-3 rounded-xl border bg-popover/95 p-4 shadow-lg backdrop-blur-sm",
+            toast.closing ? "animate-out fade-out duration-150" : "animate-in fade-in duration-200",
+            toast.closing ? EXIT_CLASS[position] : ENTER_CLASS[position],
+            TONE_CLASS[toast.variant ?? "default"] ?? TONE_CLASS.default
+          ].filter(Boolean).join(" "),
+          children: /* @__PURE__ */ jsxs("div", { class: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                class: [
+                  "inline-flex h-6 min-h-6 w-6 min-w-6 items-center justify-center rounded-md text-[11px] font-semibold uppercase",
+                  BADGE_CLASS[toast.variant ?? "default"] ?? BADGE_CLASS.default
+                ].join(" "),
+                children: (LABEL[toast.variant ?? "default"] ?? LABEL.default).slice(0, 1)
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { class: "grid min-w-0 flex-1 gap-1", children: [
+              /* @__PURE__ */ jsxs("div", { class: "flex items-start justify-between gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-slot": "toast-title",
+                    class: [
+                      "text-sm font-semibold",
+                      toast.variant === "destructive" || toast.variant === "error" ? "text-destructive" : "text-foreground"
+                    ].filter(Boolean).join(" "),
+                    children: toast.title
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "data-slot": "toast-close",
+                    "aria-label": "Dismiss notification",
+                    class: "inline-flex h-6 min-h-6 items-center rounded-md px-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+                    onClick: () => removeToast(toast.id),
+                    children: "Close"
+                  }
+                )
+              ] }),
+              toast.description ? /* @__PURE__ */ jsx("div", { "data-slot": "toast-description", class: "text-xs leading-relaxed text-muted-foreground", children: toast.description }) : null,
+              toast.actionLabel ? /* @__PURE__ */ jsx("div", { class: "pt-0.5", children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "toast-action",
+                  class: "inline-flex h-8 items-center rounded-md border border-border bg-background px-2.5 text-xs font-medium transition-colors hover:bg-accent",
+                  onClick: () => {
+                    toast.onAction?.();
+                    removeToast(toast.id);
+                  },
+                  children: toast.actionLabel
+                }
+              ) }) : null,
+              /* @__PURE__ */ jsx("div", { class: "text-[10px] uppercase tracking-wide text-muted-foreground/90", children: LABEL[toast.variant ?? "default"] ?? LABEL.default })
+            ] })
+          ] })
+        },
+        toast.id
+      ))
+    }
+  );
+};
+
+// src/components/toast/useToast.ts
+var useToast = () => {
+  return {
+    toasts,
+    toast: addToast,
+    dismiss: removeToast
+  };
+};
+
+export { Toaster, useToast };
+//# sourceMappingURL=chunk-3EHH62ZA.js.map
+//# sourceMappingURL=chunk-3EHH62ZA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast/toast-store.ts","../src/components/toast/Toaster.tsx","../src/components/toast/useToast.ts"],"names":[],"mappings":"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","file":"chunk-3EHH62ZA.js","sourcesContent":["import { signal } from \"@preact/signals\";\n\nexport type ToastItemData = {\n  id: string;\n  title: string;\n  description?: string;\n  variant?: \"default\" | \"success\" | \"info\" | \"warning\" | \"error\" | \"destructive\";\n  actionLabel?: string;\n  onAction?: () => void;\n  duration?: number;\n  closing?: boolean;\n};\n\nexport const toasts = signal<ToastItemData[]>([]);\nconst EXIT_ANIMATION_MS = 180;\n\nexport const addToast = (toast: Omit<ToastItemData, \"id\">) => {\n  const id = `toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;\n  const nextToast: ToastItemData = {\n    id,\n    variant: toast.variant ?? \"default\",\n    duration: toast.duration ?? 5000,\n    ...toast\n  };\n  toasts.value = [...toasts.value, nextToast];\n\n  if (typeof window !== \"undefined\" && (nextToast.duration ?? 0) > 0) {\n    window.setTimeout(() => {\n      removeToast(id);\n    }, nextToast.duration);\n  }\n\n  return id;\n};\n\nexport const removeToast = (id: string) => {\n  const item = toasts.value.find((toast) => toast.id === id);\n  if (!item) return;\n  if (item.closing) return;\n\n  toasts.value = toasts.value.map((toast) => (toast.id === id ? { ...toast, closing: true } : toast));\n\n  if (typeof window !== \"undefined\") {\n    window.setTimeout(() => {\n      toasts.value = toasts.value.filter((toast) => toast.id !== id);\n    }, EXIT_ANIMATION_MS);\n    return;\n  }\n\n  toasts.value = toasts.value.filter((toast) => toast.id !== id);\n};\n","import { toasts, removeToast } from \"./toast-store\";\n\ntype ToasterPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nconst POSITION_CLASS: Record<ToasterPosition, string> = {\n  \"top-left\": \"top-4 left-4\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2\",\n  \"top-right\": \"top-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-4 right-4\"\n};\n\nconst ENTER_CLASS: Record<ToasterPosition, string> = {\n  \"top-left\": \"slide-in-from-top-2\",\n  \"top-center\": \"slide-in-from-top-2\",\n  \"top-right\": \"slide-in-from-top-2\",\n  \"bottom-left\": \"slide-in-from-bottom-2\",\n  \"bottom-center\": \"slide-in-from-bottom-2\",\n  \"bottom-right\": \"slide-in-from-bottom-2\"\n};\n\nconst EXIT_CLASS: Record<ToasterPosition, string> = {\n  \"top-left\": \"slide-out-to-top-2\",\n  \"top-center\": \"slide-out-to-top-2\",\n  \"top-right\": \"slide-out-to-top-2\",\n  \"bottom-left\": \"slide-out-to-bottom-2\",\n  \"bottom-center\": \"slide-out-to-bottom-2\",\n  \"bottom-right\": \"slide-out-to-bottom-2\"\n};\n\nconst TONE_CLASS: Record<string, string> = {\n  default: \"border-border\",\n  success: \"border-emerald-500/35\",\n  info: \"border-sky-500/35\",\n  warning: \"border-amber-500/35\",\n  error: \"border-destructive/40\",\n  destructive: \"border-destructive/40\"\n};\n\nconst BADGE_CLASS: Record<string, string> = {\n  default: \"bg-muted text-muted-foreground\",\n  success: \"bg-emerald-500/15 text-emerald-500\",\n  info: \"bg-sky-500/15 text-sky-500\",\n  warning: \"bg-amber-500/15 text-amber-500\",\n  error: \"bg-destructive/15 text-destructive\",\n  destructive: \"bg-destructive/15 text-destructive\"\n};\n\nconst LABEL: Record<string, string> = {\n  default: \"Info\",\n  success: \"Success\",\n  info: \"Info\",\n  warning: \"Warning\",\n  error: \"Error\",\n  destructive: \"Error\"\n};\n\ntype ToasterProps = {\n  position?: ToasterPosition;\n};\n\nexport const Toaster = ({ position = \"bottom-right\" }: ToasterProps) => {\n  return (\n    <div\n      data-slot=\"toaster\"\n      role=\"region\"\n      aria-live=\"polite\"\n      aria-label=\"Notifications\"\n      class={[\"pointer-events-none fixed z-[120] grid w-[calc(100%-2rem)] max-w-sm gap-2\", POSITION_CLASS[position]].join(\" \")}\n    >\n      {toasts.value.map((toast) => (\n        <div\n          key={toast.id}\n          data-slot=\"toast-item\"\n          class={[\n            \"pointer-events-auto grid gap-3 rounded-xl border bg-popover/95 p-4 shadow-lg backdrop-blur-sm\",\n            toast.closing ? \"animate-out fade-out duration-150\" : \"animate-in fade-in duration-200\",\n            toast.closing ? EXIT_CLASS[position] : ENTER_CLASS[position],\n            TONE_CLASS[toast.variant ?? \"default\"] ?? TONE_CLASS.default\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        >\n          <div class=\"flex items-start gap-3\">\n            <div\n              aria-hidden=\"true\"\n              class={[\n                \"inline-flex h-6 min-h-6 w-6 min-w-6 items-center justify-center rounded-md text-[11px] font-semibold uppercase\",\n                BADGE_CLASS[toast.variant ?? \"default\"] ?? BADGE_CLASS.default\n              ].join(\" \")}\n            >\n              {(LABEL[toast.variant ?? \"default\"] ?? LABEL.default).slice(0, 1)}\n            </div>\n            <div class=\"grid min-w-0 flex-1 gap-1\">\n              <div class=\"flex items-start justify-between gap-2\">\n                <div\n                  data-slot=\"toast-title\"\n                  class={[\n                    \"text-sm font-semibold\",\n                    toast.variant === \"destructive\" || toast.variant === \"error\" ? \"text-destructive\" : \"text-foreground\"\n                  ]\n                    .filter(Boolean)\n                    .join(\" \")}\n                >\n                  {toast.title}\n                </div>\n                <button\n                  type=\"button\"\n                  data-slot=\"toast-close\"\n                  aria-label=\"Dismiss notification\"\n                  class=\"inline-flex h-6 min-h-6 items-center rounded-md px-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n                  onClick={() => removeToast(toast.id)}\n                >\n                  Close\n                </button>\n              </div>\n              {toast.description ? (\n                <div data-slot=\"toast-description\" class=\"text-xs leading-relaxed text-muted-foreground\">\n                  {toast.description}\n                </div>\n              ) : null}\n              {toast.actionLabel ? (\n                <div class=\"pt-0.5\">\n                  <button\n                    type=\"button\"\n                    data-slot=\"toast-action\"\n                    class=\"inline-flex h-8 items-center rounded-md border border-border bg-background px-2.5 text-xs font-medium transition-colors hover:bg-accent\"\n                    onClick={() => {\n                      toast.onAction?.();\n                      removeToast(toast.id);\n                    }}\n                  >\n                    {toast.actionLabel}\n                  </button>\n                </div>\n              ) : null}\n              <div class=\"text-[10px] uppercase tracking-wide text-muted-foreground/90\">{LABEL[toast.variant ?? \"default\"] ?? LABEL.default}</div>\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n","import { addToast, removeToast, toasts } from \"./toast-store\";\n\nexport const useToast = () => {\n  return {\n    toasts,\n    toast: addToast,\n    dismiss: removeToast\n  };\n};\n\n"]}