@definable/ui 0.1.13 → 0.1.15

package/dist/components/carousel.js

@@ -1,2 +1,100 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../jsx-runtime-BYECrxsp.cjs"),i=require("react"),l=require("framer-motion");function R({slides:n,interval:o=5e3,showIndicators:g=!0,className:j=""}){const[r,a]=i.useState(0),[u,c]=i.useState(0),[x,m]=i.useState(!1);i.useEffect(()=>{if(x)return;const t=setInterval(()=>{c(1),a(e=>(e+1)%n.length)},o);return()=>clearInterval(t)},[o,n.length,x]);const h={enter:t=>({x:t>0?1e3:-1e3,opacity:0}),center:{zIndex:1,x:0,opacity:1},exit:t=>({zIndex:0,x:t<0?1e3:-1e3,opacity:0})},d=1e4,b=(t,e)=>Math.abs(t)*e,f=t=>{c(t),a(e=>(e+t+n.length)%n.length)},y=t=>{m(!0);const e=t>r?1:-1;c(e),a(t),setTimeout(()=>m(!1),o)};return s.jsxRuntimeExports.jsxs("div",{className:`relative overflow-hidden ${j}`,children:[s.jsxRuntimeExports.jsx(l.AnimatePresence,{initial:!1,custom:u,children:s.jsxRuntimeExports.jsxs(l.motion.div,{custom:u,variants:h,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},drag:"x",dragConstraints:{left:0,right:0},dragElastic:1,onDragEnd:(t,{offset:e,velocity:E})=>{const p=b(e.x,E.x);p<-d?f(1):p>d&&f(-1)},className:"absolute inset-0",children:[s.jsxRuntimeExports.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-primary/20",children:s.jsxRuntimeExports.jsx("img",{src:n[r].image,alt:"carousel",className:"w-full h-full object-cover"})}),s.jsxRuntimeExports.jsx("div",{className:"absolute bottom-20 left-8 text-foreground",children:s.jsxRuntimeExports.jsxs(l.motion.h1,{className:"text-4xl font-semibold",initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.2},children:[n[r].title,s.jsxRuntimeExports.jsx("br",{}),n[r].subtitle]})})]},r)}),g&&s.jsxRuntimeExports.jsx("div",{className:"absolute bottom-8 left-8 flex gap-2 z-10",children:n.map((t,e)=>s.jsxRuntimeExports.jsx("button",{onClick:()=>y(e),className:`w-8 h-1 rounded-full transition-all duration-300 ${e===r?"bg-foreground":"bg-foreground/30 hover:bg-foreground/50"}`},e))})]})}exports.Carousel=R;
-//# sourceMappingURL=carousel.js.map
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useState as c, useEffect as C } from "react";
+import { AnimatePresence as I, motion as p } from "framer-motion";
+function E({
+  slides: n,
+  interval: i = 5e3,
+  showIndicators: b = !0,
+  className: x = ""
+}) {
+  const [a, o] = c(0), [u, s] = c(0), [d, m] = c(!1);
+  C(() => {
+    if (d) return;
+    const e = setInterval(() => {
+      s(1), o((t) => (t + 1) % n.length);
+    }, i);
+    return () => clearInterval(e);
+  }, [i, n.length, d]);
+  const y = {
+    enter: (e) => ({
+      x: e > 0 ? 1e3 : -1e3,
+      opacity: 0
+    }),
+    center: {
+      zIndex: 1,
+      x: 0,
+      opacity: 1
+    },
+    exit: (e) => ({
+      zIndex: 0,
+      x: e < 0 ? 1e3 : -1e3,
+      opacity: 0
+    })
+  }, f = 1e4, v = (e, t) => Math.abs(e) * t, g = (e) => {
+    s(e), o((t) => (t + e + n.length) % n.length);
+  }, N = (e) => {
+    m(!0);
+    const t = e > a ? 1 : -1;
+    s(t), o(e), setTimeout(() => m(!1), i);
+  };
+  return /* @__PURE__ */ l("div", { className: `relative overflow-hidden ${x}`, children: [
+    /* @__PURE__ */ r(I, { initial: !1, custom: u, children: /* @__PURE__ */ l(
+      p.div,
+      {
+        custom: u,
+        variants: y,
+        initial: "enter",
+        animate: "center",
+        exit: "exit",
+        transition: {
+          x: { type: "spring", stiffness: 300, damping: 30 },
+          opacity: { duration: 0.2 }
+        },
+        drag: "x",
+        dragConstraints: { left: 0, right: 0 },
+        dragElastic: 1,
+        onDragEnd: (e, { offset: t, velocity: w }) => {
+          const h = v(t.x, w.x);
+          h < -f ? g(1) : h > f && g(-1);
+        },
+        className: "absolute inset-0",
+        children: [
+          /* @__PURE__ */ r("div", { className: "absolute inset-0 bg-gradient-to-b from-primary/20", children: /* @__PURE__ */ r(
+            "img",
+            {
+              src: n[a].image,
+              alt: "carousel",
+              className: "w-full h-full object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ r("div", { className: "absolute bottom-20 left-8 text-foreground", children: /* @__PURE__ */ l(
+            p.h1,
+            {
+              className: "text-4xl font-semibold",
+              initial: { y: 20, opacity: 0 },
+              animate: { y: 0, opacity: 1 },
+              transition: { delay: 0.2 },
+              children: [
+                n[a].title,
+                /* @__PURE__ */ r("br", {}),
+                n[a].subtitle
+              ]
+            }
+          ) })
+        ]
+      },
+      a
+    ) }),
+    b && /* @__PURE__ */ r("div", { className: "absolute bottom-8 left-8 flex gap-2 z-10", children: n.map((e, t) => /* @__PURE__ */ r(
+      "button",
+      {
+        onClick: () => N(t),
+        className: `w-8 h-1 rounded-full transition-all duration-300 ${t === a ? "bg-foreground" : "bg-foreground/30 hover:bg-foreground/50"}`
+      },
+      t
+    )) })
+  ] });
+}
+export {
+  E as Carousel
+};

package/dist/components/checkbox.js

@@ -1,2 +1,31 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsx-runtime-BYECrxsp.cjs"),u=require("react"),l=require("@radix-ui/react-checkbox"),d=require("lucide-react"),c=require("../utils-DSKoFOjv.cjs"),m=require("framer-motion");function n(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const f=n(u),o=n(l),a=f.forwardRef(({className:e,...i},t)=>r.jsxRuntimeExports.jsx(o.Root,{ref:t,className:c.cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",e),...i,children:r.jsxRuntimeExports.jsx(o.Indicator,{className:c.cn("flex items-center justify-center text-current"),children:r.jsxRuntimeExports.jsx(m.motion.div,{initial:{scale:.5,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.5,opacity:0},transition:{duration:.15,ease:"easeOut"},children:r.jsxRuntimeExports.jsx(d.Check,{className:"h-4 w-4"})})})}));a.displayName=o.Root.displayName;exports.Checkbox=a;
-//# sourceMappingURL=checkbox.js.map
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import * as i from "@radix-ui/react-checkbox";
+import { Check as c } from "lucide-react";
+import { cn as r } from "../lib/utils.js";
+import { motion as n } from "framer-motion";
+const m = s.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e(
+  i.Root,
+  {
+    ref: a,
+    className: r(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      o
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(i.Indicator, { className: r("flex items-center justify-center text-current"), children: /* @__PURE__ */ e(
+      n.div,
+      {
+        initial: { scale: 0.5, opacity: 0 },
+        animate: { scale: 1, opacity: 1 },
+        exit: { scale: 0.5, opacity: 0 },
+        transition: { duration: 0.15, ease: "easeOut" },
+        children: /* @__PURE__ */ e(c, { className: "h-4 w-4" })
+      }
+    ) })
+  }
+));
+m.displayName = i.Root.displayName;
+export {
+  m as Checkbox
+};

package/dist/components/collapse.js

@@ -1,2 +1,49 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),m=require("react"),o=require("framer-motion"),x=require("lucide-react"),a=require("../utils-DSKoFOjv.cjs");function d(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const p=d(m);function j({title:t,children:s,defaultOpen:n=!1,className:i,titleClassName:c,contentClassName:l}){const[r,u]=p.useState(n);return e.jsxRuntimeExports.jsxs("div",{className:a.cn("border rounded-lg",i),children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>u(!r),className:"flex items-center justify-between w-full text-left",children:[e.jsxRuntimeExports.jsx("h3",{className:a.cn("text-sm font-sm",c),children:t}),e.jsxRuntimeExports.jsx(o.motion.div,{animate:{rotate:r?180:0},transition:{duration:.2},children:e.jsxRuntimeExports.jsx(x.ChevronDown,{className:"h-5 w-5 text-muted-foreground"})})]}),e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,children:r&&e.jsxRuntimeExports.jsx(o.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},className:"overflow-hidden",children:e.jsxRuntimeExports.jsx("div",{className:a.cn("p-4 pt-0",l),children:s})})})]})}exports.Collapse=j;
-//# sourceMappingURL=collapse.js.map
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { motion as o, AnimatePresence as f } from "framer-motion";
+import { ChevronDown as p } from "lucide-react";
+import { cn as i } from "../lib/utils.js";
+function g({
+  title: a,
+  children: r,
+  defaultOpen: s = !1,
+  className: l,
+  titleClassName: m,
+  contentClassName: c
+}) {
+  const [t, d] = h.useState(s);
+  return /* @__PURE__ */ n("div", { className: i("border rounded-lg", l), children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => d(!t),
+        className: "flex items-center justify-between w-full text-left",
+        children: [
+          /* @__PURE__ */ e("h3", { className: i("text-sm font-sm", m), children: a }),
+          /* @__PURE__ */ e(
+            o.div,
+            {
+              animate: { rotate: t ? 180 : 0 },
+              transition: { duration: 0.2 },
+              children: /* @__PURE__ */ e(p, { className: "h-5 w-5 text-muted-foreground" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(f, { initial: !1, children: t && /* @__PURE__ */ e(
+      o.div,
+      {
+        initial: { height: 0, opacity: 0 },
+        animate: { height: "auto", opacity: 1 },
+        exit: { height: 0, opacity: 0 },
+        transition: { duration: 0.2 },
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ e("div", { className: i("p-4 pt-0", c), children: r })
+      }
+    ) })
+  ] });
+}
+export {
+  g as Collapse
+};

package/dist/components/command-menu.js

@@ -1,2 +1,89 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),s=require("./command.js"),i=require("react"),o=require("lucide-react");function c({open:n,onOpenChange:t}){i.useEffect(()=>{const m=x=>{x.key==="k"&&(x.metaKey||x.ctrlKey)&&(x.preventDefault(),t(!n))};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[n,t]);const r=i.useCallback(m=>{t(!1),m()},[t]);return e.jsxRuntimeExports.jsx(s.CommandDialog,{open:n,onOpenChange:t,children:e.jsxRuntimeExports.jsxs(s.Command,{className:"rounded-lg border shadow-md",children:[e.jsxRuntimeExports.jsx(s.CommandInput,{placeholder:"Type a command or search..."}),e.jsxRuntimeExports.jsxs(s.CommandList,{children:[e.jsxRuntimeExports.jsx(s.CommandEmpty,{children:"No results found."}),e.jsxRuntimeExports.jsxs(s.CommandGroup,{heading:"Suggestions",children:[e.jsxRuntimeExports.jsxs(s.CommandItem,{onSelect:()=>r(()=>console.log("Home")),children:[e.jsxRuntimeExports.jsx(o.Home,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Home"})]}),e.jsxRuntimeExports.jsxs(s.CommandItem,{onSelect:()=>r(()=>console.log("Documents")),children:[e.jsxRuntimeExports.jsx(o.FileText,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Documents"})]}),e.jsxRuntimeExports.jsxs(s.CommandItem,{onSelect:()=>r(()=>console.log("Projects")),children:[e.jsxRuntimeExports.jsx(o.FolderOpen,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Projects"})]})]}),e.jsxRuntimeExports.jsx(s.CommandSeparator,{}),e.jsxRuntimeExports.jsx(s.CommandGroup,{heading:"Settings",children:e.jsxRuntimeExports.jsxs(s.CommandItem,{onSelect:()=>r(()=>console.log("Settings")),children:[e.jsxRuntimeExports.jsx(o.Settings,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Settings"})]})})]})]})})}function d(){const[n,t]=i.useState(!1);return e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>t(!0),className:"inline-flex items-center justify-center gap-1 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent hover:text-accent-foreground",children:[e.jsxRuntimeExports.jsx(o.Search,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Search..."}),e.jsxRuntimeExports.jsxs("kbd",{className:"pointer-events-none ml-1 inline-flex h-5 select-none items-center gap-1 rounded border border-input bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground",children:[e.jsxRuntimeExports.jsx("span",{className:"text-xs",children:"⌘"}),"K"]})]}),e.jsxRuntimeExports.jsx(c,{open:n,onOpenChange:t})]})}exports.CommandMenu=c;exports.CommandMenuDemo=d;
-//# sourceMappingURL=command-menu.js.map
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { CommandDialog as l, Command as a, CommandInput as i, CommandList as u, CommandEmpty as h, CommandGroup as s, CommandItem as d, CommandSeparator as p } from "./command.js";
+import { useEffect as f, useCallback as g, useState as x } from "react";
+import { Home as S, FileText as b, FolderOpen as N, Settings as C, Search as w } from "lucide-react";
+function y({ open: t, onOpenChange: o }) {
+  f(() => {
+    const m = (c) => {
+      c.key === "k" && (c.metaKey || c.ctrlKey) && (c.preventDefault(), o(!t));
+    };
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [t, o]);
+  const r = g((m) => {
+    o(!1), m();
+  }, [o]);
+  return /* @__PURE__ */ e(l, { open: t, onOpenChange: o, children: /* @__PURE__ */ n(a, { className: "rounded-lg border shadow-md", children: [
+    /* @__PURE__ */ e(i, { placeholder: "Type a command or search..." }),
+    /* @__PURE__ */ n(u, { children: [
+      /* @__PURE__ */ e(h, { children: "No results found." }),
+      /* @__PURE__ */ n(s, { heading: "Suggestions", children: [
+        /* @__PURE__ */ n(
+          d,
+          {
+            onSelect: () => r(() => console.log("Home")),
+            children: [
+              /* @__PURE__ */ e(S, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e("span", { children: "Home" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          d,
+          {
+            onSelect: () => r(() => console.log("Documents")),
+            children: [
+              /* @__PURE__ */ e(b, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e("span", { children: "Documents" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          d,
+          {
+            onSelect: () => r(() => console.log("Projects")),
+            children: [
+              /* @__PURE__ */ e(N, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e("span", { children: "Projects" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(p, {}),
+      /* @__PURE__ */ e(s, { heading: "Settings", children: /* @__PURE__ */ n(
+        d,
+        {
+          onSelect: () => r(() => console.log("Settings")),
+          children: [
+            /* @__PURE__ */ e(C, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: "Settings" })
+          ]
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function E() {
+  const [t, o] = x(!1);
+  return /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => o(!0),
+        className: "inline-flex items-center justify-center gap-1 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent hover:text-accent-foreground",
+        children: [
+          /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e("span", { children: "Search..." }),
+          /* @__PURE__ */ n("kbd", { className: "pointer-events-none ml-1 inline-flex h-5 select-none items-center gap-1 rounded border border-input bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs", children: "⌘" }),
+            "K"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(y, { open: t, onOpenChange: o })
+  ] });
+}
+export {
+  y as CommandMenu,
+  E as CommandMenuDemo
+};

package/dist/components/command.js

@@ -1,2 +1,115 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../jsx-runtime-BYECrxsp.cjs"),De=require("react"),$e=require("@radix-ui/react-dialog"),N=require("@radix-ui/react-primitive"),L=require("@radix-ui/react-id"),z=require("@radix-ui/react-compose-refs"),qe=require("lucide-react"),D=require("../utils-DSKoFOjv.cjs");function he(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=he(De),B=he($e);var pe=1,Oe=.9,Le=.8,Fe=.17,te=.1,re=.999,Ke=.9999,ze=.99,Ve=/[\\\/_+.#"@\[\(\{&]/,Ge=/[\\\/_+.#"@\[\(\{&]/g,Te=/[\s-]/,be=/[\s-]/g;function ae(e,n,t,s,o,d,c){if(d===n.length)return o===e.length?pe:ze;var f=`${o},${d}`;if(c[f]!==void 0)return c[f];for(var b=s.charAt(d),i=t.indexOf(b,o),v=0,g,C,w,S;i>=0;)g=ae(e,n,t,s,i+1,d+1,c),g>v&&(i===o?g*=pe:Ve.test(e.charAt(i-1))?(g*=Le,w=e.slice(o,i-1).match(Ge),w&&o>0&&(g*=Math.pow(re,w.length))):Te.test(e.charAt(i-1))?(g*=Oe,S=e.slice(o,i-1).match(be),S&&o>0&&(g*=Math.pow(re,S.length))):(g*=Fe,o>0&&(g*=Math.pow(re,i-o))),e.charAt(i)!==n.charAt(d)&&(g*=Ke)),(g<te&&t.charAt(i-1)===s.charAt(d+1)||s.charAt(d+1)===s.charAt(d)&&t.charAt(i-1)!==s.charAt(d))&&(C=ae(e,n,t,s,i+1,d+2,c),C*te>g&&(g=C*te)),g>v&&(v=g),i=t.indexOf(b,i+1);return c[f]=v,v}function ve(e){return e.toLowerCase().replace(be," ")}function Be(e,n,t){return e=t&&t.length>0?`${e+" "+t.join(" ")}`:e,ae(e,n,ve(e),ve(n),0,0,{})}var K='[cmdk-group=""]',ne='[cmdk-group-items=""]',_e='[cmdk-group-heading=""]',xe='[cmdk-item=""]',ge=`${xe}:not([aria-disabled="true"])`,le="cmdk-item-select",q="data-value",Ue=(e,n,t)=>Be(e,n,t),ye=a.createContext(void 0),V=()=>a.useContext(ye),we=a.createContext(void 0),oe=()=>a.useContext(we),Ee=a.createContext(void 0),Re=a.forwardRef((e,n)=>{let t=O(()=>{var r,u;return{search:"",value:(u=(r=e.value)!=null?r:e.defaultValue)!=null?u:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),s=O(()=>new Set),o=O(()=>new Map),d=O(()=>new Map),c=O(()=>new Set),f=ke(e),{label:b,children:i,value:v,onValueChange:g,filter:C,shouldFilter:w,loop:S,disablePointerSelection:U=!1,vimBindings:A=!0,...G}=e,H=L.useId(),ie=L.useId(),W=L.useId(),P=a.useRef(null),x=nt();M(()=>{if(v!==void 0){let r=v.trim();t.current.value=r,E.emit()}},[v]),M(()=>{x(6,de)},[]);let E=a.useMemo(()=>({subscribe:r=>(c.current.add(r),()=>c.current.delete(r)),snapshot:()=>t.current,setState:(r,u,m)=>{var l,p,h,k;if(!Object.is(t.current[r],u)){if(t.current[r]=u,r==="search")Q(),X(),x(1,Y);else if(r==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let y=document.getElementById(W);y?y.focus():(l=document.getElementById(H))==null||l.focus()}if(x(7,()=>{var y;t.current.selectedItemId=(y=$())==null?void 0:y.id,E.emit()}),m||x(5,de),((p=f.current)==null?void 0:p.value)!==void 0){let y=u??"";(k=(h=f.current).onValueChange)==null||k.call(h,y);return}}E.emit()}},emit:()=>{c.current.forEach(r=>r())}}),[]),J=a.useMemo(()=>({value:(r,u,m)=>{var l;u!==((l=d.current.get(r))==null?void 0:l.value)&&(d.current.set(r,{value:u,keywords:m}),t.current.filtered.items.set(r,ue(u,m)),x(2,()=>{X(),E.emit()}))},item:(r,u)=>(s.current.add(r),u&&(o.current.has(u)?o.current.get(u).add(r):o.current.set(u,new Set([r]))),x(3,()=>{Q(),X(),t.current.value||Y(),E.emit()}),()=>{d.current.delete(r),s.current.delete(r),t.current.filtered.items.delete(r);let m=$();x(4,()=>{Q(),(m==null?void 0:m.getAttribute("id"))===r&&Y(),E.emit()})}),group:r=>(o.current.has(r)||o.current.set(r,new Set),()=>{d.current.delete(r),o.current.delete(r)}),filter:()=>f.current.shouldFilter,label:b||e["aria-label"],getDisablePointerSelection:()=>f.current.disablePointerSelection,listId:H,inputId:W,labelId:ie,listInnerRef:P}),[]);function ue(r,u){var m,l;let p=(l=(m=f.current)==null?void 0:m.filter)!=null?l:Ue;return r?p(r,t.current.search,u):0}function X(){if(!t.current.search||f.current.shouldFilter===!1)return;let r=t.current.filtered.items,u=[];t.current.filtered.groups.forEach(l=>{let p=o.current.get(l),h=0;p.forEach(k=>{let y=r.get(k);h=Math.max(y,h)}),u.push([l,h])});let m=P.current;F().sort((l,p)=>{var h,k;let y=l.getAttribute("id"),T=p.getAttribute("id");return((h=r.get(T))!=null?h:0)-((k=r.get(y))!=null?k:0)}).forEach(l=>{let p=l.closest(ne);p?p.appendChild(l.parentElement===p?l:l.closest(`${ne} > *`)):m.appendChild(l.parentElement===m?l:l.closest(`${ne} > *`))}),u.sort((l,p)=>p[1]-l[1]).forEach(l=>{var p;let h=(p=P.current)==null?void 0:p.querySelector(`${K}[${q}="${encodeURIComponent(l[0])}"]`);h==null||h.parentElement.appendChild(h)})}function Y(){let r=F().find(m=>m.getAttribute("aria-disabled")!=="true"),u=r==null?void 0:r.getAttribute(q);E.setState("value",u||void 0)}function Q(){var r,u,m,l;if(!t.current.search||f.current.shouldFilter===!1){t.current.filtered.count=s.current.size;return}t.current.filtered.groups=new Set;let p=0;for(let h of s.current){let k=(u=(r=d.current.get(h))==null?void 0:r.value)!=null?u:"",y=(l=(m=d.current.get(h))==null?void 0:m.keywords)!=null?l:[],T=ue(k,y);t.current.filtered.items.set(h,T),T>0&&p++}for(let[h,k]of o.current)for(let y of k)if(t.current.filtered.items.get(y)>0){t.current.filtered.groups.add(h);break}t.current.filtered.count=p}function de(){var r,u,m;let l=$();l&&(((r=l.parentElement)==null?void 0:r.firstChild)===l&&((m=(u=l.closest(K))==null?void 0:u.querySelector(_e))==null||m.scrollIntoView({block:"nearest"})),l.scrollIntoView({block:"nearest"}))}function $(){var r;return(r=P.current)==null?void 0:r.querySelector(`${xe}[aria-selected="true"]`)}function F(){var r;return Array.from(((r=P.current)==null?void 0:r.querySelectorAll(ge))||[])}function Z(r){let u=F()[r];u&&E.setState("value",u.getAttribute(q))}function ee(r){var u;let m=$(),l=F(),p=l.findIndex(k=>k===m),h=l[p+r];(u=f.current)!=null&&u.loop&&(h=p+r<0?l[l.length-1]:p+r===l.length?l[0]:l[p+r]),h&&E.setState("value",h.getAttribute(q))}function se(r){let u=$(),m=u==null?void 0:u.closest(K),l;for(;m&&!l;)m=r>0?tt(m,K):rt(m,K),l=m==null?void 0:m.querySelector(ge);l?E.setState("value",l.getAttribute(q)):ee(r)}let ce=()=>Z(F().length-1),me=r=>{r.preventDefault(),r.metaKey?ce():r.altKey?se(1):ee(1)},fe=r=>{r.preventDefault(),r.metaKey?Z(0):r.altKey?se(-1):ee(-1)};return a.createElement(N.Primitive.div,{ref:n,tabIndex:-1,...G,"cmdk-root":"",onKeyDown:r=>{var u;(u=G.onKeyDown)==null||u.call(G,r);let m=r.nativeEvent.isComposing||r.keyCode===229;if(!(r.defaultPrevented||m))switch(r.key){case"n":case"j":{A&&r.ctrlKey&&me(r);break}case"ArrowDown":{me(r);break}case"p":case"k":{A&&r.ctrlKey&&fe(r);break}case"ArrowUp":{fe(r);break}case"Home":{r.preventDefault(),Z(0);break}case"End":{r.preventDefault(),ce();break}case"Enter":{r.preventDefault();let l=$();if(l){let p=new Event(le);l.dispatchEvent(p)}}}}},a.createElement("label",{"cmdk-label":"",htmlFor:J.inputId,id:J.labelId,style:lt},b),_(e,r=>a.createElement(we.Provider,{value:E},a.createElement(ye.Provider,{value:J},r))))}),He=a.forwardRef((e,n)=>{var t,s;let o=L.useId(),d=a.useRef(null),c=a.useContext(Ee),f=V(),b=ke(e),i=(s=(t=b.current)==null?void 0:t.forceMount)!=null?s:c==null?void 0:c.forceMount;M(()=>{if(!i)return f.item(o,c==null?void 0:c.id)},[i]);let v=Ce(o,d,[e.value,e.children,d],e.keywords),g=oe(),C=j(x=>x.value&&x.value===v.current),w=j(x=>i||f.filter()===!1?!0:x.search?x.filtered.items.get(o)>0:!0);a.useEffect(()=>{let x=d.current;if(!(!x||e.disabled))return x.addEventListener(le,S),()=>x.removeEventListener(le,S)},[w,e.onSelect,e.disabled]);function S(){var x,E;U(),(E=(x=b.current).onSelect)==null||E.call(x,v.current)}function U(){g.setState("value",v.current,!0)}if(!w)return null;let{disabled:A,value:G,onSelect:H,forceMount:ie,keywords:W,...P}=e;return a.createElement(N.Primitive.div,{ref:z.composeRefs(d,n),...P,id:o,"cmdk-item":"",role:"option","aria-disabled":!!A,"aria-selected":!!C,"data-disabled":!!A,"data-selected":!!C,onPointerMove:A||f.getDisablePointerSelection()?void 0:U,onClick:A?void 0:S},e.children)}),We=a.forwardRef((e,n)=>{let{heading:t,children:s,forceMount:o,...d}=e,c=L.useId(),f=a.useRef(null),b=a.useRef(null),i=L.useId(),v=V(),g=j(w=>o||v.filter()===!1?!0:w.search?w.filtered.groups.has(c):!0);M(()=>v.group(c),[]),Ce(c,f,[e.value,e.heading,b]);let C=a.useMemo(()=>({id:c,forceMount:o}),[o]);return a.createElement(N.Primitive.div,{ref:z.composeRefs(f,n),...d,"cmdk-group":"",role:"presentation",hidden:g?void 0:!0},t&&a.createElement("div",{ref:b,"cmdk-group-heading":"","aria-hidden":!0,id:i},t),_(e,w=>a.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":t?i:void 0},a.createElement(Ee.Provider,{value:C},w))))}),Je=a.forwardRef((e,n)=>{let{alwaysRender:t,...s}=e,o=a.useRef(null),d=j(c=>!c.search);return!t&&!d?null:a.createElement(N.Primitive.div,{ref:z.composeRefs(o,n),...s,"cmdk-separator":"",role:"separator"})}),Xe=a.forwardRef((e,n)=>{let{onValueChange:t,...s}=e,o=e.value!=null,d=oe(),c=j(i=>i.search),f=j(i=>i.selectedItemId),b=V();return a.useEffect(()=>{e.value!=null&&d.setState("search",e.value)},[e.value]),a.createElement(N.Primitive.input,{ref:n,...s,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":b.listId,"aria-labelledby":b.labelId,"aria-activedescendant":f,id:b.inputId,type:"text",value:o?e.value:c,onChange:i=>{o||d.setState("search",i.target.value),t==null||t(i.target.value)}})}),Ye=a.forwardRef((e,n)=>{let{children:t,label:s="Suggestions",...o}=e,d=a.useRef(null),c=a.useRef(null),f=j(i=>i.selectedItemId),b=V();return a.useEffect(()=>{if(c.current&&d.current){let i=c.current,v=d.current,g,C=new ResizeObserver(()=>{g=requestAnimationFrame(()=>{let w=i.offsetHeight;v.style.setProperty("--cmdk-list-height",w.toFixed(1)+"px")})});return C.observe(i),()=>{cancelAnimationFrame(g),C.unobserve(i)}}},[]),a.createElement(N.Primitive.div,{ref:z.composeRefs(d,n),...o,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":f,"aria-label":s,id:b.listId},_(e,i=>a.createElement("div",{ref:z.composeRefs(c,b.listInnerRef),"cmdk-list-sizer":""},i)))}),Qe=a.forwardRef((e,n)=>{let{open:t,onOpenChange:s,overlayClassName:o,contentClassName:d,container:c,...f}=e;return a.createElement(B.Root,{open:t,onOpenChange:s},a.createElement(B.Portal,{container:c},a.createElement(B.Overlay,{"cmdk-overlay":"",className:o}),a.createElement(B.Content,{"aria-label":e.label,"cmdk-dialog":"",className:d},a.createElement(Re,{ref:n,...f}))))}),Ze=a.forwardRef((e,n)=>j(t=>t.filtered.count===0)?a.createElement(N.Primitive.div,{ref:n,...e,"cmdk-empty":"",role:"presentation"}):null),et=a.forwardRef((e,n)=>{let{progress:t,children:s,label:o="Loading...",...d}=e;return a.createElement(N.Primitive.div,{ref:n,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":100,"aria-label":o},_(e,c=>a.createElement("div",{"aria-hidden":!0},c)))}),R=Object.assign(Re,{List:Ye,Item:He,Input:Xe,Group:We,Separator:Je,Dialog:Qe,Empty:Ze,Loading:et});function tt(e,n){let t=e.nextElementSibling;for(;t;){if(t.matches(n))return t;t=t.nextElementSibling}}function rt(e,n){let t=e.previousElementSibling;for(;t;){if(t.matches(n))return t;t=t.previousElementSibling}}function ke(e){let n=a.useRef(e);return M(()=>{n.current=e}),n}var M=typeof window>"u"?a.useEffect:a.useLayoutEffect;function O(e){let n=a.useRef();return n.current===void 0&&(n.current=e()),n}function j(e){let n=oe(),t=()=>e(n.snapshot());return a.useSyncExternalStore(n.subscribe,t,t)}function Ce(e,n,t,s=[]){let o=a.useRef(),d=V();return M(()=>{var c;let f=(()=>{var i;for(let v of t){if(typeof v=="string")return v.trim();if(typeof v=="object"&&"current"in v)return v.current?(i=v.current.textContent)==null?void 0:i.trim():o.current}})(),b=s.map(i=>i.trim());d.value(e,f,b),(c=n.current)==null||c.setAttribute(q,f),o.current=f}),o}var nt=()=>{let[e,n]=a.useState(),t=O(()=>new Map);return M(()=>{t.current.forEach(s=>s()),t.current=new Map},[e]),(s,o)=>{t.current.set(s,o),n({})}};function at(e){let n=e.type;return typeof n=="function"?n(e.props):"render"in n?n.render(e.props):e}function _({asChild:e,children:n},t){return e&&a.isValidElement(n)?a.cloneElement(at(n),{ref:n.ref},t(n.props.children)):t(n)}var lt={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};const Ie=a.forwardRef(({className:e,...n},t)=>I.jsxRuntimeExports.jsx(R,{ref:t,className:D.cn("flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground",e),...n}));Ie.displayName=R.displayName;const ot=({children:e,open:n,onOpenChange:t})=>I.jsxRuntimeExports.jsx("div",{className:D.cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",n?"block":"hidden"),onClick:s=>{s.target===s.currentTarget&&t(!1)},children:I.jsxRuntimeExports.jsx("div",{className:"fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-lg border border-border bg-popover shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",children:e})}),Se=a.forwardRef(({className:e,...n},t)=>I.jsxRuntimeExports.jsxs("div",{className:"flex items-center border-b border-border px-3","cmdk-input-wrapper":"",children:[I.jsxRuntimeExports.jsx(qe.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),I.jsxRuntimeExports.jsx(R.Input,{ref:t,className:D.cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...n})]}));Se.displayName=R.Input.displayName;const je=a.forwardRef(({className:e,...n},t)=>I.jsxRuntimeExports.jsx(R.List,{ref:t,className:D.cn("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...n}));je.displayName=R.List.displayName;const Ne=a.forwardRef((e,n)=>I.jsxRuntimeExports.jsx(R.Empty,{ref:n,className:"py-6 text-center text-sm text-muted-foreground",...e}));Ne.displayName=R.Empty.displayName;const Ae=a.forwardRef(({className:e,...n},t)=>I.jsxRuntimeExports.jsx(R.Group,{ref:t,className:D.cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...n}));Ae.displayName=R.Group.displayName;const Pe=a.forwardRef(({className:e,...n},t)=>I.jsxRuntimeExports.jsx(R.Separator,{ref:t,className:D.cn("-mx-1 h-px bg-border",e),...n}));Pe.displayName=R.Separator.displayName;const Me=a.forwardRef(({className:e,...n},t)=>I.jsxRuntimeExports.jsx(R.Item,{ref:t,className:D.cn("relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n}));Me.displayName=R.Item.displayName;exports.Command=Ie;exports.CommandDialog=ot;exports.CommandEmpty=Ne;exports.CommandGroup=Ae;exports.CommandInput=Se;exports.CommandItem=Me;exports.CommandList=je;exports.CommandSeparator=Pe;
-//# sourceMappingURL=command.js.map
+import { jsx as d, jsxs as m } from "react/jsx-runtime";
+import * as r from "react";
+import { Command as t } from "cmdk";
+import { Search as l } from "lucide-react";
+import { cn as s } from "../lib/utils.js";
+const i = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+  t,
+  {
+    ref: o,
+    className: s(
+      "flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground",
+      e
+    ),
+    ...a
+  }
+));
+i.displayName = t.displayName;
+const w = ({
+  children: e,
+  open: a,
+  onOpenChange: o
+}) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: s(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      a ? "block" : "hidden"
+    ),
+    onClick: (n) => {
+      n.target === n.currentTarget && o(!1);
+    },
+    children: /* @__PURE__ */ d(
+      "div",
+      {
+        className: "fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-lg border border-border bg-popover shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        children: e
+      }
+    )
+  }
+), p = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ m("div", { className: "flex items-center border-b border-border px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ d(
+    t.Input,
+    {
+      ref: o,
+      className: s(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+p.displayName = t.Input.displayName;
+const c = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+  t.List,
+  {
+    ref: o,
+    className: s("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...a
+  }
+));
+c.displayName = t.List.displayName;
+const f = r.forwardRef((e, a) => /* @__PURE__ */ d(
+  t.Empty,
+  {
+    ref: a,
+    className: "py-6 text-center text-sm text-muted-foreground",
+    ...e
+  }
+));
+f.displayName = t.Empty.displayName;
+const u = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+  t.Group,
+  {
+    ref: o,
+    className: s(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+));
+u.displayName = t.Group.displayName;
+const x = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+  t.Separator,
+  {
+    ref: o,
+    className: s("-mx-1 h-px bg-border", e),
+    ...a
+  }
+));
+x.displayName = t.Separator.displayName;
+const g = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+  t.Item,
+  {
+    ref: o,
+    className: s(
+      "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...a
+  }
+));
+g.displayName = t.Item.displayName;
+export {
+  i as Command,
+  w as CommandDialog,
+  f as CommandEmpty,
+  u as CommandGroup,
+  p as CommandInput,
+  g as CommandItem,
+  c as CommandList,
+  x as CommandSeparator
+};

package/dist/components/confirmation-modal.js

@@ -1,2 +1,44 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BYECrxsp.cjs"),d=require("lucide-react"),m=require("./modal.js"),s=require("./button.js");function l({isOpen:o,onClose:e,onConfirm:i,title:a,description:n,confirmText:u="Confirm",cancelText:x="Cancel",type:r="danger"}){const c=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(s.Button,{variant:"ghost",onClick:e,children:x}),t.jsxRuntimeExports.jsx(s.Button,{variant:r==="danger"?"destructive":"default",onClick:()=>{i(),e()},children:u})]});return t.jsxRuntimeExports.jsx(m.Modal,{isOpen:o,onClose:e,size:"md",zIndexClassName:"z-[1000]",title:a,description:n,icon:t.jsxRuntimeExports.jsx(d.AlertTriangle,{className:`h-5 w-5 ${r==="danger"?"text-destructive-foreground":"text-primary-foreground"}`}),footer:c,children:t.jsxRuntimeExports.jsx("div",{className:"p-4",children:t.jsxRuntimeExports.jsx("p",{className:"text-sm text-muted-foreground",children:n})})})}exports.ConfirmationModal=l;
-//# sourceMappingURL=confirmation-modal.js.map
+import { jsx as r, jsxs as l, Fragment as s } from "react/jsx-runtime";
+import { AlertTriangle as f } from "lucide-react";
+import { Modal as u } from "./modal.js";
+import { Button as o } from "./button.js";
+function C({
+  isOpen: a,
+  onClose: e,
+  onConfirm: i,
+  title: d,
+  description: t,
+  confirmText: m = "Confirm",
+  cancelText: c = "Cancel",
+  type: n = "danger"
+}) {
+  return /* @__PURE__ */ r(
+    u,
+    {
+      isOpen: a,
+      onClose: e,
+      size: "md",
+      zIndexClassName: "z-[1000]",
+      title: d,
+      description: t,
+      icon: /* @__PURE__ */ r(f, { className: `h-5 w-5 ${n === "danger" ? "text-destructive-foreground" : "text-primary-foreground"}` }),
+      footer: /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ r(o, { variant: "ghost", onClick: e, children: c }),
+        /* @__PURE__ */ r(
+          o,
+          {
+            variant: n === "danger" ? "destructive" : "default",
+            onClick: () => {
+              i(), e();
+            },
+            children: m
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ r("div", { className: "p-4", children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: t }) })
+    }
+  );
+}
+export {
+  C as ConfirmationModal
+};