@definable/ui 0.1.13 → 0.1.15

package/dist/components/mention.js

@@ -1,2 +1,153 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BYECrxsp.cjs"),a=require("react"),l=require("react-mentions"),o=require("../utils-DSKoFOjv.cjs"),v=(e,n,i,s,r)=>t.jsxRuntimeExports.jsxs("div",{className:o.cn("flex items-center gap-2 p-2 text-sm",r?"bg-primary/10 text-primary":"bg-transparent"),children:[e.avatar&&t.jsxRuntimeExports.jsx("div",{className:"flex-shrink-0 h-6 w-6 rounded-full overflow-hidden",children:t.jsxRuntimeExports.jsx("img",{src:e.avatar,alt:e.display,className:"h-full w-full object-cover"})}),t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[t.jsxRuntimeExports.jsx("span",{className:"font-medium",children:e.display}),e.subtitle&&t.jsxRuntimeExports.jsx("span",{className:"text-xs text-muted-foreground",children:e.subtitle})]})]}),y=(e,n)=>`@${n}`,d=a.forwardRef(({value:e,onChange:n,placeholder:i="Type @ to mention someone",data:s,disabled:r=!1,className:u,inputClassName:m,suggestionItemClassName:x,trigger:c="@",displayTransform:p=y,onKeyDown:g},h)=>{const f={control:{fontSize:14,fontWeight:"normal",lineHeight:"1.5",minHeight:"60px"},highlighter:{border:"0",boxSizing:"border-box",overflow:"hidden",minHeight:"60px"},input:{padding:"12px 12px",border:"0",overflow:"auto",fontSize:"14px",outline:"none",backgroundColor:"transparent",fontFamily:"inherit",lineHeight:"1.5",minHeight:"60px",margin:0},suggestions:{marginTop:"0px",list:{backgroundColor:"var(--suggestion-background, hsl(var(--background)))",border:"1px solid hsl(var(--border))",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",overflow:"hidden",zIndex:100,maxHeight:"250px",overflowY:"auto",color:"hsl(var(--foreground))",minWidth:"280px",width:"auto"},item:{padding:"0",borderBottom:"1px solid hsl(var(--border))"}}},b={mentions:{normal:{color:"inherit",fontWeight:"normal"},highlight:{color:"hsl(var(--primary))",fontWeight:"500",backgroundColor:"transparent",padding:"0",margin:"0",boxShadow:"none",borderRadius:"0",textDecoration:"none"}}};return a.useEffect(()=>{typeof window<"u"&&document.documentElement.style.setProperty("--suggestion-background","hsl(var(--background))")},[]),t.jsxRuntimeExports.jsx("div",{ref:h,className:o.cn("relative w-full",u),children:t.jsxRuntimeExports.jsx(l.MentionsInput,{value:e,onChange:n,style:{...f,...b},placeholder:i,disabled:r,a11ySuggestionsListLabel:"Suggested mentions",className:o.cn("w-full rounded-md bg-transparent text-sm placeholder:text-muted-foreground resize-none font-normal",m),suggestionsPortalHost:typeof document<"u"?document.body:void 0,allowSuggestionsAboveCursor:!0,onKeyDown:g,children:t.jsxRuntimeExports.jsx(l.Mention,{trigger:c,data:s,renderSuggestion:v,displayTransform:p,appendSpaceOnAdd:!0,className:o.cn("text-primary font-medium",x),markup:"@[__display__](__id__)"})})})});d.displayName="Mention";exports.Mention=d;
-//# sourceMappingURL=mention.js.map
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import x, { forwardRef as b } from "react";
+import { MentionsInput as v, Mention as y } from "react-mentions";
+import { cn as n } from "../lib/utils.js";
+const w = (e, t, i, a, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: n(
+      "flex items-center gap-2 p-2 text-sm",
+      r ? "bg-primary/10 text-primary" : "bg-transparent"
+    ),
+    children: [
+      e.avatar && /* @__PURE__ */ o("div", { className: "flex-shrink-0 h-6 w-6 rounded-full overflow-hidden", children: /* @__PURE__ */ o(
+        "img",
+        {
+          src: e.avatar,
+          alt: e.display,
+          className: "h-full w-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ d("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ o("span", { className: "font-medium", children: e.display }),
+        e.subtitle && /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: e.subtitle })
+      ] })
+    ]
+  }
+), _ = (e, t) => `@${t}`, S = b(
+  ({
+    value: e,
+    onChange: t,
+    placeholder: i = "Type @ to mention someone",
+    data: a,
+    disabled: r = !1,
+    className: l,
+    inputClassName: s,
+    suggestionItemClassName: m,
+    trigger: p = "@",
+    displayTransform: u = _,
+    onKeyDown: c
+  }, g) => {
+    const h = {
+      control: {
+        fontSize: 14,
+        fontWeight: "normal",
+        lineHeight: "1.5",
+        minHeight: "60px"
+      },
+      highlighter: {
+        border: "0",
+        boxSizing: "border-box",
+        overflow: "hidden",
+        minHeight: "60px"
+      },
+      input: {
+        padding: "12px 12px",
+        border: "0",
+        overflow: "auto",
+        fontSize: "14px",
+        outline: "none",
+        backgroundColor: "transparent",
+        fontFamily: "inherit",
+        lineHeight: "1.5",
+        minHeight: "60px",
+        margin: 0
+      },
+      suggestions: {
+        marginTop: "0px",
+        list: {
+          backgroundColor: "var(--suggestion-background, hsl(var(--background)))",
+          border: "1px solid hsl(var(--border))",
+          boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)",
+          overflow: "hidden",
+          zIndex: 100,
+          maxHeight: "250px",
+          overflowY: "auto",
+          color: "hsl(var(--foreground))",
+          minWidth: "280px",
+          width: "auto"
+        },
+        item: {
+          padding: "0",
+          borderBottom: "1px solid hsl(var(--border))"
+        }
+      }
+    }, f = {
+      mentions: {
+        normal: {
+          color: "inherit",
+          fontWeight: "normal"
+        },
+        highlight: {
+          color: "hsl(var(--primary))",
+          fontWeight: "500",
+          backgroundColor: "transparent",
+          padding: "0",
+          margin: "0",
+          boxShadow: "none",
+          borderRadius: "0",
+          textDecoration: "none"
+        }
+      }
+    };
+    return x.useEffect(() => {
+      typeof window < "u" && document.documentElement.style.setProperty(
+        "--suggestion-background",
+        "hsl(var(--background))"
+      );
+    }, []), /* @__PURE__ */ o(
+      "div",
+      {
+        ref: g,
+        className: n("relative w-full", l),
+        children: /* @__PURE__ */ o(
+          v,
+          {
+            value: e,
+            onChange: t,
+            style: { ...h, ...f },
+            placeholder: i,
+            disabled: r,
+            a11ySuggestionsListLabel: "Suggested mentions",
+            className: n(
+              "w-full rounded-md bg-transparent text-sm placeholder:text-muted-foreground resize-none font-normal",
+              s
+            ),
+            suggestionsPortalHost: typeof document < "u" ? document.body : void 0,
+            allowSuggestionsAboveCursor: !0,
+            onKeyDown: c,
+            children: /* @__PURE__ */ o(
+              y,
+              {
+                trigger: p,
+                data: a,
+                renderSuggestion: w,
+                displayTransform: u,
+                appendSpaceOnAdd: !0,
+                className: n(
+                  "text-primary font-medium",
+                  m
+                ),
+                markup: "@[__display__](__id__)"
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+S.displayName = "Mention";
+export {
+  S as Mention
+};

package/dist/components/modal.js

@@ -1,2 +1,135 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),W=require("react-dom"),m=require("framer-motion"),q=require("lucide-react"),x=require("../utils-DSKoFOjv.cjs"),p=require("react"),M=require("./sheet.js"),z=t=>{switch(t){case"sm":return{width:"100%",maxWidth:"384px"};case"md":return{width:"100%",maxWidth:"448px"};case"lg":return{width:"100%",maxWidth:"512px"};case"xl":return{width:"100%",maxWidth:"70%"};case"2xl":return{width:"80%",maxWidth:"1200px"};case"3xl":return{width:"90%",maxWidth:"1600px"};case"full":return{width:"100%"};default:return{width:"100%",maxWidth:"448px"}}};function P({isOpen:t,onClose:d,title:s,description:r,icon:n,children:j,footer:i,size:f="md",showClose:E=!0,className:h,isContentScrollable:b=!0,mainClassName:g,contentClassName:R,header:a,headerClassName:v,zIndexClassName:w="z-[50]",mobileSheet:c}){if(c!=null&&c.enable&&t&&window.innerWidth<768){const{position:o}=c,N=a||(s||r||n?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[n&&e.jsxRuntimeExports.jsx("div",{className:"h-8 w-8 rounded-lg flex items-center justify-center",children:n}),e.jsxRuntimeExports.jsxs("div",{children:[s&&e.jsxRuntimeExports.jsx("h2",{className:"text-sm font-medium",children:s}),r&&e.jsxRuntimeExports.jsx("p",{className:"text-sm text-muted-foreground",children:r})]})]}):void 0),k=e.jsxRuntimeExports.jsx("div",{className:"flex gap-2 justify-end",children:i});return e.jsxRuntimeExports.jsx(M.Sheet,{isOpen:t,onClose:d,header:N,footer:k,className:x.cn(h,"w-full max-w-full"),position:o||"bottom",headerClassName:x.cn(v,"w-full max-w-full"),enableFullscreen:!1,children:j})}const u=p.useCallback(o=>{o.key==="Escape"&&t&&d()},[t,d]);p.useEffect(()=>(document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)),[u]);const l=s||r||n||a,y=e.jsxRuntimeExports.jsx(m.AnimatePresence,{children:t&&e.jsxRuntimeExports.jsx("div",{className:x.cn("fixed inset-0 z-50 overflow-hidden",w),children:e.jsxRuntimeExports.jsxs("div",{className:x.cn("min-h-full flex items-center justify-center p-4",g),children:[e.jsxRuntimeExports.jsx(m.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:"fixed inset-0 bg-background/80 backdrop-blur-sm",onClick:d}),e.jsxRuntimeExports.jsxs(m.motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.1,ease:"easeOut"},className:x.cn("relative transform rounded-lg bg-background shadow-xl border border-border/50 flex flex-col max-h-[85vh] overflow-hidden",h),style:z(f),children:[l&&e.jsxRuntimeExports.jsxs("div",{className:"flex-shrink-0 rounded-t-lg bg-card flex items-center justify-between p-2 border-b border-border/50",children:[a||e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[n&&e.jsxRuntimeExports.jsx("div",{className:"h-8 w-8 rounded-lg flex items-center justify-center",children:n}),e.jsxRuntimeExports.jsxs("div",{children:[s&&e.jsxRuntimeExports.jsx("h2",{className:"text-sm font-small",children:s}),r&&e.jsxRuntimeExports.jsx("p",{className:"text-sm text-muted-foreground",children:r})]})]}),E&&e.jsxRuntimeExports.jsx("button",{onClick:d,className:"p-1.5 rounded-md hover:bg-muted text-muted-foreground",children:e.jsxRuntimeExports.jsxs("div",{className:"flex justify-center items-center",children:[e.jsxRuntimeExports.jsx(q.X,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx("kbd",{className:"ml-2 text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded",children:"ESC"})]})})]}),e.jsxRuntimeExports.jsx("div",{className:x.cn("flex-1 min-h-0",b?"overflow-y-auto":"",!i&&!l?"rounded-lg":"",!i&&l?"rounded-b-lg":"",i&&!l?"rounded-t-lg":"",R),children:j}),i&&e.jsxRuntimeExports.jsx("div",{className:"flex-shrink-0 flex items-center justify-end gap-2 px-4 py-3 border-t border-border/50 bg-card rounded-b-lg",children:i})]})]})})});return W.createPortal(y,document.body)}exports.Modal=P;
-//# sourceMappingURL=modal.js.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { createPortal as W } from "react-dom";
+import { AnimatePresence as E, motion as p } from "framer-motion";
+import { X as z } from "lucide-react";
+import { cn as l } from "../lib/utils.js";
+import { useCallback as F, useEffect as H } from "react";
+import { Sheet as L } from "./sheet.js";
+const P = (r) => {
+  switch (r) {
+    case "sm":
+      return { width: "100%", maxWidth: "384px" };
+    case "md":
+      return { width: "100%", maxWidth: "448px" };
+    case "lg":
+      return { width: "100%", maxWidth: "512px" };
+    case "xl":
+      return { width: "100%", maxWidth: "70%" };
+    case "2xl":
+      return { width: "80%", maxWidth: "1200px" };
+    case "3xl":
+      return { width: "90%", maxWidth: "1600px" };
+    case "full":
+      return { width: "100%" };
+    default:
+      return { width: "100%", maxWidth: "448px" };
+  }
+};
+function I({
+  isOpen: r,
+  onClose: i,
+  title: d,
+  description: a,
+  icon: n,
+  children: h,
+  footer: s,
+  size: g = "md",
+  showClose: w = !0,
+  className: f,
+  isContentScrollable: b = !0,
+  mainClassName: v,
+  contentClassName: y,
+  header: c,
+  headerClassName: N,
+  zIndexClassName: k = "z-[50]",
+  mobileSheet: m
+}) {
+  if (m != null && m.enable && r && window.innerWidth < 768) {
+    const { position: x } = m;
+    return /* @__PURE__ */ e(
+      L,
+      {
+        isOpen: r,
+        onClose: i,
+        header: c || (d || a || n ? /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+          n && /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-lg flex items-center justify-center", children: n }),
+          /* @__PURE__ */ t("div", { children: [
+            d && /* @__PURE__ */ e("h2", { className: "text-sm font-medium", children: d }),
+            a && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a })
+          ] })
+        ] }) : void 0),
+        footer: /* @__PURE__ */ e("div", { className: "flex gap-2 justify-end", children: s }),
+        className: l(f, "w-full max-w-full"),
+        position: x || "bottom",
+        headerClassName: l(N, "w-full max-w-full"),
+        enableFullscreen: !1,
+        children: h
+      }
+    );
+  }
+  const u = F((x) => {
+    x.key === "Escape" && r && i();
+  }, [r, i]);
+  H(() => (document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u)), [u]);
+  const o = d || a || n || c, j = /* @__PURE__ */ e(E, { children: r && /* @__PURE__ */ e("div", { className: l("fixed inset-0 z-50 overflow-hidden", k), children: /* @__PURE__ */ t("div", { className: l("min-h-full flex items-center justify-center p-4", v), children: [
+    /* @__PURE__ */ e(
+      p.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        className: "fixed inset-0 bg-background/80 backdrop-blur-sm",
+        onClick: i
+      }
+    ),
+    /* @__PURE__ */ t(
+      p.div,
+      {
+        initial: { opacity: 0, scale: 0.95 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.95 },
+        transition: { duration: 0.1, ease: "easeOut" },
+        className: l(
+          "relative transform rounded-lg bg-background shadow-xl border border-border/50 flex flex-col max-h-[85vh] overflow-hidden",
+          f
+        ),
+        style: P(g),
+        children: [
+          o && /* @__PURE__ */ t("div", { className: "flex-shrink-0 rounded-t-lg bg-card flex items-center justify-between p-2 border-b border-border/50", children: [
+            c || /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+              n && /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-lg flex items-center justify-center", children: n }),
+              /* @__PURE__ */ t("div", { children: [
+                d && /* @__PURE__ */ e("h2", { className: "text-sm font-small", children: d }),
+                a && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a })
+              ] })
+            ] }),
+            w && /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: i,
+                className: "p-1.5 rounded-md hover:bg-muted text-muted-foreground",
+                children: /* @__PURE__ */ t("div", { className: "flex justify-center items-center", children: [
+                  /* @__PURE__ */ e(z, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ e("kbd", { className: "ml-2 text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded", children: "ESC" })
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: l(
+            "flex-1 min-h-0",
+            b ? "overflow-y-auto" : "",
+            !s && !o ? "rounded-lg" : "",
+            !s && o ? "rounded-b-lg" : "",
+            s && !o ? "rounded-t-lg" : "",
+            y
+          ), children: h }),
+          s && /* @__PURE__ */ e("div", { className: "flex-shrink-0 flex items-center justify-end gap-2 px-4 py-3 border-t border-border/50 bg-card rounded-b-lg", children: s })
+        ]
+      }
+    )
+  ] }) }) });
+  return W(j, document.body);
+}
+export {
+  I as Modal
+};

package/dist/components/notification.js

@@ -1,2 +1,25 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-BYECrxsp.cjs"),e=require("sonner");function s({isDark:t}={isDark:!1}){return o.jsxRuntimeExports.jsx(e.Toaster,{position:"top-right",expand:!1,richColors:!0,closeButton:!0,theme:t?"dark":"light",toastOptions:{style:{background:t?"hsl(0 0% 10%)":"hsl(0 0% 100%)",color:t?"hsl(0 0% 98%)":"hsl(0 0% 10%)",border:t?"1px solid hsl(0 0% 15%)":"1px solid hsl(0 0% 90%)"},className:t?"dark":"light"}})}exports.NotificationContainer=s;
-//# sourceMappingURL=notification.js.map
+import { jsx as t } from "react/jsx-runtime";
+import { Toaster as l } from "sonner";
+function e({ isDark: o } = { isDark: !1 }) {
+  return /* @__PURE__ */ t(
+    l,
+    {
+      position: "top-right",
+      expand: !1,
+      richColors: !0,
+      closeButton: !0,
+      theme: o ? "dark" : "light",
+      toastOptions: {
+        style: {
+          background: o ? "hsl(0 0% 10%)" : "hsl(0 0% 100%)",
+          color: o ? "hsl(0 0% 98%)" : "hsl(0 0% 10%)",
+          border: o ? "1px solid hsl(0 0% 15%)" : "1px solid hsl(0 0% 90%)"
+        },
+        className: o ? "dark" : "light"
+      }
+    }
+  );
+}
+export {
+  e as NotificationContainer
+};

package/dist/components/popover.js

@@ -1,2 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-BYECrxsp.cjs"),c=require("react"),p=require("@radix-ui/react-popover"),l=require("../utils-DSKoFOjv.cjs");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=i(c),r=i(p),m=r.Root,f=r.Trigger,s=u.forwardRef(({className:e,align:o="center",sideOffset:t=4,...a},d)=>n.jsxRuntimeExports.jsx(r.Portal,{children:n.jsxRuntimeExports.jsx(r.Content,{ref:d,align:o,sideOffset:t,className:l.cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...a})}));s.displayName=r.Content.displayName;exports.Popover=m;exports.PopoverContent=s;exports.PopoverTrigger=f;
-//# sourceMappingURL=popover.js.map
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import * as o from "@radix-ui/react-popover";
+import { cn as s } from "../lib/utils.js";
+const l = o.Root, c = o.Trigger, m = n.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+  o.Content,
+  {
+    ref: i,
+    align: a,
+    sideOffset: r,
+    className: s(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...d
+  }
+) }));
+m.displayName = o.Content.displayName;
+export {
+  l as Popover,
+  m as PopoverContent,
+  c as PopoverTrigger
+};

package/dist/components/progress.js

@@ -1,2 +1,34 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsx-runtime-BYECrxsp.cjs"),c=require("react"),l=require("@radix-ui/react-progress"),u=require("framer-motion"),m=require("../utils-DSKoFOjv.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const f=o(c),n=o(l),a=f.forwardRef(({className:e,value:t,...r},s)=>i.jsxRuntimeExports.jsx(n.Root,{ref:s,className:m.cn("relative h-2 w-full overflow-hidden rounded-full bg-muted",e),...r,children:i.jsxRuntimeExports.jsx(u.motion.div,{className:"h-full w-full bg-primary",initial:{x:"-100%"},animate:{x:`${t?t-100:-100}%`},transition:{type:"spring",stiffness:100,damping:30,mass:.5}})}));a.displayName=n.Root.displayName;exports.Progress=a;
-//# sourceMappingURL=progress.js.map
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "react";
+import * as o from "@radix-ui/react-progress";
+import { motion as e } from "framer-motion";
+import { cn as l } from "../lib/utils.js";
+const f = a.forwardRef(({ className: m, value: r, ...s }, t) => /* @__PURE__ */ i(
+  o.Root,
+  {
+    ref: t,
+    className: l(
+      "relative h-2 w-full overflow-hidden rounded-full bg-muted",
+      m
+    ),
+    ...s,
+    children: /* @__PURE__ */ i(
+      e.div,
+      {
+        className: "h-full w-full bg-primary",
+        initial: { x: "-100%" },
+        animate: { x: `${r ? r - 100 : -100}%` },
+        transition: {
+          type: "spring",
+          stiffness: 100,
+          damping: 30,
+          mass: 0.5
+        }
+      }
+    )
+  }
+));
+f.displayName = o.Root.displayName;
+export {
+  f as Progress
+};

package/dist/components/radio-group.js

@@ -1,2 +1,47 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsx-runtime-BYECrxsp.cjs"),m=require("react"),p=require("@radix-ui/react-radio-group"),a=require("../utils-DSKoFOjv.cjs"),f=require("lucide-react"),n=require("framer-motion");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=c(m),s=c(p),u=l.forwardRef(({className:e,...r},t)=>i.jsxRuntimeExports.jsx(s.Root,{className:a.cn("grid gap-2",e),...r,ref:t}));u.displayName=s.Root.displayName;const d=l.forwardRef(({className:e,...r},t)=>i.jsxRuntimeExports.jsx(n.motion.div,{whileHover:{scale:1.05},whileTap:{scale:.95},children:i.jsxRuntimeExports.jsx(s.Item,{ref:t,className:a.cn("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),...r,children:i.jsxRuntimeExports.jsx(s.Indicator,{className:"flex items-center justify-center",children:i.jsxRuntimeExports.jsx(n.motion.div,{initial:{scale:0},animate:{scale:1},transition:{type:"spring",stiffness:300,damping:20},children:i.jsxRuntimeExports.jsx(f.Circle,{className:"h-2.5 w-2.5 fill-current text-current"})})})})}));d.displayName=s.Item.displayName;exports.RadioGroup=u;exports.RadioGroupItem=d;
-//# sourceMappingURL=radio-group.js.map
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import * as e from "@radix-ui/react-radio-group";
+import { cn as l } from "../lib/utils.js";
+import { Circle as m } from "lucide-react";
+import { motion as t } from "framer-motion";
+const n = s.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ r(
+  e.Root,
+  {
+    className: l("grid gap-2", i),
+    ...a,
+    ref: o
+  }
+));
+n.displayName = e.Root.displayName;
+const c = s.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ r(
+  t.div,
+  {
+    whileHover: { scale: 1.05 },
+    whileTap: { scale: 0.95 },
+    children: /* @__PURE__ */ r(
+      e.Item,
+      {
+        ref: o,
+        className: l(
+          "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          i
+        ),
+        ...a,
+        children: /* @__PURE__ */ r(e.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ r(
+          t.div,
+          {
+            initial: { scale: 0 },
+            animate: { scale: 1 },
+            transition: { type: "spring", stiffness: 300, damping: 20 },
+            children: /* @__PURE__ */ r(m, { className: "h-2.5 w-2.5 fill-current text-current" })
+          }
+        ) })
+      }
+    )
+  }
+));
+c.displayName = e.Item.displayName;
+export {
+  n as RadioGroup,
+  c as RadioGroupItem
+};

package/dist/components/scroll-area.js

@@ -1,2 +1,46 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BYECrxsp.cjs"),d=require("react"),p=require("@radix-ui/react-scroll-area"),s=require("../utils-DSKoFOjv.cjs");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=c(d),l=c(p),u=i.forwardRef(({className:e,children:r,...t},o)=>a.jsxRuntimeExports.jsxs(l.Root,{ref:o,className:s.cn("relative overflow-hidden",e),...t,children:[a.jsxRuntimeExports.jsx(l.Viewport,{className:"h-full w-full rounded-[inherit]",children:r}),a.jsxRuntimeExports.jsx(n,{}),a.jsxRuntimeExports.jsx(l.Corner,{})]}));u.displayName=l.Root.displayName;const n=i.forwardRef(({className:e,orientation:r="vertical",...t},o)=>a.jsxRuntimeExports.jsx(l.ScrollAreaScrollbar,{ref:o,orientation:r,className:s.cn("flex touch-none select-none transition-colors",r==="vertical"&&"h-full w-1.5 border-l border-l-transparent p-[1px] hover:w-2",r==="horizontal"&&"h-1.5 flex-col border-t border-t-transparent p-[1px] hover:h-2",e),...t,children:a.jsxRuntimeExports.jsx(l.ScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full bg-border/40 hover:bg-border/70 transition-all duration-150","data-[state=dragging]:bg-border/70")})}));n.displayName=l.ScrollAreaScrollbar.displayName;exports.ScrollArea=u;exports.ScrollBar=n;
-//# sourceMappingURL=scroll-area.js.map
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import * as c from "react";
+import * as r from "@radix-ui/react-scroll-area";
+import { cn as s } from "../lib/utils.js";
+const n = c.forwardRef(({ className: o, children: e, ...a }, t) => /* @__PURE__ */ i(
+  r.Root,
+  {
+    ref: t,
+    className: s("relative overflow-hidden", o),
+    ...a,
+    children: [
+      /* @__PURE__ */ l(r.Viewport, { className: "h-full w-full rounded-[inherit]", children: e }),
+      /* @__PURE__ */ l(d, {}),
+      /* @__PURE__ */ l(r.Corner, {})
+    ]
+  }
+));
+n.displayName = r.Root.displayName;
+const d = c.forwardRef(({ className: o, orientation: e = "vertical", ...a }, t) => /* @__PURE__ */ l(
+  r.ScrollAreaScrollbar,
+  {
+    ref: t,
+    orientation: e,
+    className: s(
+      "flex touch-none select-none transition-colors",
+      e === "vertical" && "h-full w-1.5 border-l border-l-transparent p-[1px] hover:w-2",
+      e === "horizontal" && "h-1.5 flex-col border-t border-t-transparent p-[1px] hover:h-2",
+      o
+    ),
+    ...a,
+    children: /* @__PURE__ */ l(
+      r.ScrollAreaThumb,
+      {
+        className: s(
+          "relative flex-1 rounded-full bg-border/40 hover:bg-border/70 transition-all duration-150",
+          "data-[state=dragging]:bg-border/70"
+        )
+      }
+    )
+  }
+));
+d.displayName = r.ScrollAreaScrollbar.displayName;
+export {
+  n as ScrollArea,
+  d as ScrollBar
+};

package/dist/components/select.js

@@ -1,2 +1,130 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),C=require("react"),I=require("@radix-ui/react-select"),x=require("lucide-react"),i=require("../utils-DSKoFOjv.cjs"),V=require("./input.js");function g(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>a[t]})}}return r.default=a,Object.freeze(r)}const o=g(C),s=g(I),j=s.Root,k=s.Group,P=s.Value,b=o.forwardRef(({className:a,children:r,...t},n)=>e.jsxRuntimeExports.jsxs(s.Trigger,{ref:n,className:i.cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",a),...t,children:[r,e.jsxRuntimeExports.jsx(s.Icon,{asChild:!0,children:e.jsxRuntimeExports.jsx(x.ChevronDown,{className:"h-4 w-4 opacity-50"})})]}));b.displayName=s.Trigger.displayName;const f=o.forwardRef(({className:a,children:r,position:t="popper",searchable:n,onSearch:d,searchPlaceholder:u="Search...",...p},c)=>{const[w,N]=o.useState(""),m=o.useRef(null);o.useEffect(()=>{n&&m.current&&setTimeout(()=>{var l;(l=m.current)==null||l.focus()},50)},[n]);const v=l=>{N(l.target.value),d&&d(l.target.value)},h=l=>{l.stopPropagation()},E=l=>{l.stopPropagation()};return e.jsxRuntimeExports.jsx(s.Portal,{children:e.jsxRuntimeExports.jsxs(s.Content,{ref:c,className:i.cn("relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:t,...p,children:[n&&e.jsxRuntimeExports.jsx("div",{className:"px-2 py-1.5 sticky top-0 bg-popover z-10 border-b",onClick:h,children:e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(x.Search,{className:"absolute left-2 top-1/2 transform -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground"}),e.jsxRuntimeExports.jsx(V.Input,{ref:m,value:w,onChange:v,onClick:h,onKeyDown:E,placeholder:u,className:"h-7 text-xs pl-7"})]})}),e.jsxRuntimeExports.jsx(s.Viewport,{className:i.cn("p-1",t==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:r})]})})});f.displayName=s.Content.displayName;const S=o.forwardRef(({className:a,...r},t)=>e.jsxRuntimeExports.jsx(s.Label,{ref:t,className:i.cn("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...r}));S.displayName=s.Label.displayName;const y=o.forwardRef(({className:a,children:r,...t},n)=>e.jsxRuntimeExports.jsxs(s.Item,{ref:n,className:i.cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...t,children:[e.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:e.jsxRuntimeExports.jsx(s.ItemIndicator,{children:e.jsxRuntimeExports.jsx(x.Check,{className:"h-4 w-4"})})}),e.jsxRuntimeExports.jsx(s.ItemText,{children:r})]}));y.displayName=s.Item.displayName;const R=o.forwardRef(({children:a,searchPlaceholder:r,...t},n)=>{const[d,u]=o.useState(""),p=o.Children.map(a,c=>o.isValidElement(c)&&c.type===f?o.cloneElement(c,{searchable:!0,onSearch:u,searchPlaceholder:r}):c);return e.jsxRuntimeExports.jsx(j,{...t,children:p})});R.displayName="SearchableSelect";exports.SearchableSelect=R;exports.Select=j;exports.SelectContent=f;exports.SelectGroup=k;exports.SelectItem=y;exports.SelectLabel=S;exports.SelectTrigger=b;exports.SelectValue=P;
-//# sourceMappingURL=select.js.map
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+import * as e from "@radix-ui/react-select";
+import { ChevronDown as N, Search as S, Check as v } from "lucide-react";
+import { cn as i } from "../lib/utils.js";
+import { Input as C } from "./input.js";
+const I = e.Root, E = e.Group, L = e.Value, R = a.forwardRef(({ className: o, children: s, ...r }, n) => /* @__PURE__ */ c(
+  e.Trigger,
+  {
+    ref: n,
+    className: i(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      o
+    ),
+    ...r,
+    children: [
+      s,
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(N, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+R.displayName = e.Trigger.displayName;
+const g = a.forwardRef(({ className: o, children: s, position: r = "popper", searchable: n, onSearch: m, searchPlaceholder: p = "Search...", ...f }, d) => {
+  const [b, y] = a.useState(""), u = a.useRef(null);
+  a.useEffect(() => {
+    n && u.current && setTimeout(() => {
+      var l;
+      (l = u.current) == null || l.focus();
+    }, 50);
+  }, [n]);
+  const w = (l) => {
+    y(l.target.value), m && m(l.target.value);
+  }, h = (l) => {
+    l.stopPropagation();
+  }, x = (l) => {
+    l.stopPropagation();
+  };
+  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ c(
+    e.Content,
+    {
+      ref: d,
+      className: i(
+        "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        o
+      ),
+      position: r,
+      ...f,
+      children: [
+        n && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "px-2 py-1.5 sticky top-0 bg-popover z-10 border-b",
+            onClick: h,
+            children: /* @__PURE__ */ c("div", { className: "relative", children: [
+              /* @__PURE__ */ t(S, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+              /* @__PURE__ */ t(
+                C,
+                {
+                  ref: u,
+                  value: b,
+                  onChange: w,
+                  onClick: h,
+                  onKeyDown: x,
+                  placeholder: p,
+                  className: "h-7 text-xs pl-7"
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ t(
+          e.Viewport,
+          {
+            className: i(
+              "p-1",
+              r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children: s
+          }
+        )
+      ]
+    }
+  ) });
+});
+g.displayName = e.Content.displayName;
+const V = a.forwardRef(({ className: o, ...s }, r) => /* @__PURE__ */ t(
+  e.Label,
+  {
+    ref: r,
+    className: i("py-1.5 pl-8 pr-2 text-sm font-semibold", o),
+    ...s
+  }
+));
+V.displayName = e.Label.displayName;
+const k = a.forwardRef(({ className: o, children: s, ...r }, n) => /* @__PURE__ */ c(
+  e.Item,
+  {
+    ref: n,
+    className: i(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(v, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(e.ItemText, { children: s })
+    ]
+  }
+));
+k.displayName = e.Item.displayName;
+const T = a.forwardRef(({ children: o, searchPlaceholder: s, ...r }, n) => {
+  const [m, p] = a.useState(""), f = a.Children.map(o, (d) => a.isValidElement(d) && d.type === g ? a.cloneElement(d, {
+    searchable: !0,
+    onSearch: p,
+    searchPlaceholder: s
+  }) : d);
+  return /* @__PURE__ */ t(I, { ...r, children: f });
+});
+T.displayName = "SearchableSelect";
+export {
+  T as SearchableSelect,
+  I as Select,
+  g as SelectContent,
+  E as SelectGroup,
+  k as SelectItem,
+  V as SelectLabel,
+  R as SelectTrigger,
+  L as SelectValue
+};