@orion-ds/react 4.6.6 → 4.7.0

package/dist/index80 2.mjs

@@ -0,0 +1,161 @@
+import { jsxs as l, jsx as n, Fragment as S } from "react/jsx-runtime";
+import { forwardRef as D, useState as U, useRef as N, useEffect as g } from "react";
+import { ChevronDown as F } from "lucide-react";
+import e from "./index175.mjs";
+const $ = {
+  online: "var(--text-success)",
+  away: "var(--text-warning)",
+  busy: "var(--text-error)",
+  offline: "var(--text-tertiary)"
+}, z = D(
+  ({
+    user: s,
+    sections: h,
+    open: d,
+    onOpenChange: b,
+    trigger: p,
+    align: C = "end",
+    placement: w = "bottom",
+    showHeader: I = !0,
+    compact: f = !1,
+    fullWidth: k = !1,
+    className: y,
+    ...x
+  }, E) => {
+    const [j, B] = U(!1), m = N(null), o = N(null), t = d !== void 0 ? d : j, c = (r) => {
+      d === void 0 && B(r), b?.(r);
+    };
+    g(() => {
+      const r = (i) => {
+        m.current && !m.current.contains(i.target) && o.current && !o.current.contains(i.target) && c(!1);
+      };
+      if (t)
+        return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+    }, [t]), g(() => {
+      const r = (i) => {
+        i.key === "Escape" && t && (c(!1), o.current?.focus());
+      };
+      return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    }, [t]);
+    const L = (r) => {
+      r.disabled || (r.onClick?.(), c(!1));
+    }, u = (r) => r.split(" ").map((i) => i[0]).join("").toUpperCase().slice(0, 2), O = [
+      e.userMenu,
+      k && e.userMenuFullWidth,
+      y
+    ].filter(Boolean).join(" "), R = [e.trigger, f && e.triggerCompact].filter(Boolean).join(" "), M = [
+      e.dropdown,
+      t && e.dropdownOpen,
+      C === "start" && e.dropdownStart,
+      w === "top" && e.dropdownTop
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l("div", { ref: E, className: O, ...x, children: [
+      p ? /* @__PURE__ */ n("div", { onClick: () => c(!t), children: p }) : /* @__PURE__ */ l(
+        "button",
+        {
+          ref: o,
+          type: "button",
+          className: R,
+          onClick: () => c(!t),
+          "aria-expanded": t,
+          "aria-haspopup": "true",
+          children: [
+            /* @__PURE__ */ l("div", { className: e.avatar, children: [
+              s.avatar ? /* @__PURE__ */ n(
+                "img",
+                {
+                  src: s.avatar,
+                  alt: s.name,
+                  className: e.avatarImage
+                }
+              ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }),
+              s.status && /* @__PURE__ */ n(
+                "span",
+                {
+                  className: e.statusIndicator,
+                  style: { backgroundColor: $[s.status] }
+                }
+              )
+            ] }),
+            !f && /* @__PURE__ */ l(S, { children: [
+              /* @__PURE__ */ l("div", { className: e.triggerInfo, children: [
+                /* @__PURE__ */ n("span", { className: e.triggerName, children: s.name }),
+                s.role && /* @__PURE__ */ n("span", { className: e.triggerRole, children: s.role })
+              ] }),
+              /* @__PURE__ */ n(
+                F,
+                {
+                  size: 16,
+                  className: `${e.chevron} ${t ? e.chevronOpen : ""}`
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("div", { ref: m, className: M, role: "menu", children: [
+        I && /* @__PURE__ */ l("div", { className: e.header, children: [
+          /* @__PURE__ */ n("div", { className: e.headerAvatar, children: s.avatar ? /* @__PURE__ */ n(
+            "img",
+            {
+              src: s.avatar,
+              alt: s.name,
+              className: e.avatarImage
+            }
+          ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }) }),
+          /* @__PURE__ */ l("div", { className: e.headerInfo, children: [
+            /* @__PURE__ */ n("span", { className: e.headerName, children: s.name }),
+            s.email && /* @__PURE__ */ n("span", { className: e.headerEmail, children: s.email })
+          ] })
+        ] }),
+        h.map((r, i) => /* @__PURE__ */ l("div", { className: e.section, children: [
+          r.label && /* @__PURE__ */ n("div", { className: e.sectionLabel, children: r.label }),
+          r.items.map((a) => {
+            const v = [
+              e.item,
+              a.danger && e.itemDanger,
+              a.disabled && e.itemDisabled
+            ].filter(Boolean).join(" ");
+            return a.href && !a.disabled ? /* @__PURE__ */ l(
+              "a",
+              {
+                href: a.href,
+                className: v,
+                role: "menuitem",
+                onClick: () => c(!1),
+                children: [
+                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
+                  /* @__PURE__ */ n("span", { children: a.label }),
+                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
+                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
+                ]
+              },
+              a.id
+            ) : /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                className: v,
+                role: "menuitem",
+                disabled: a.disabled,
+                onClick: () => L(a),
+                children: [
+                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
+                  /* @__PURE__ */ n("span", { children: a.label }),
+                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
+                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
+                ]
+              },
+              a.id
+            );
+          }),
+          i < h.length - 1 && /* @__PURE__ */ n("div", { className: e.divider })
+        ] }, r.id))
+      ] })
+    ] });
+  }
+);
+z.displayName = "UserMenu";
+export {
+  z as UserMenu
+};

package/dist/index81 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("lucide-react"),s=require("./index162.cjs"),n=require("./index10.cjs"),B=require("./index11.cjs"),r=require("./index14.cjs"),k=require("./index33.cjs"),q=require("./index58.cjs"),l=c.forwardRef(({currentOrg:t,organizations:o,onSettings:d,onParticipants:u,onCreateOrganization:m,onOrgChange:j,fullWidth:v=!0,className:x,...h},f)=>{const[p,N]=c.useState(!1),g=e.jsxs("button",{className:s.default.trigger,children:[e.jsx(n.Avatar,{size:"xs",icon:e.jsx(i.Building2,{size:16})}),e.jsx("span",{className:s.default.triggerName,children:t.name}),e.jsx(i.ChevronDown,{size:16,className:`${s.default.chevron} ${p?s.default.chevronOpen:""}`})]}),z=e.jsxs("div",{className:s.default.content,children:[e.jsxs("div",{className:s.default.activeWorkspace,children:[e.jsx(n.Avatar,{size:"lg",icon:e.jsx(i.Building2,{size:20})}),e.jsx(B.Badge,{variant:"secondary",size:"sm",children:t.role}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgName,children:t.name}),e.jsxs("div",{className:s.default.orgMeta,children:[t.memberCount," participantes"]})]})]}),e.jsxs("div",{className:s.default.actionButtons,children:[e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Settings,{size:16}),onClick:d,children:"Configuración"}),e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Users,{size:16}),onClick:u,children:"Participantes"})]}),e.jsx("div",{className:s.default.dividerWrapper,children:e.jsx(k.Divider,{})}),e.jsx("div",{className:s.default.sectionLabel,children:"Otras organizaciones"}),e.jsx("div",{className:s.default.orgList,children:o.map(a=>e.jsxs("div",{className:s.default.orgItem,onClick:()=>j?.(a.name),children:[e.jsx(n.Avatar,{size:"xs",initials:a.name.slice(0,2).toUpperCase()}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgItemName,children:a.name}),e.jsx("div",{className:s.default.orgItemRole,children:a.role})]})]},a.name))}),e.jsx(r.Button,{variant:"ghost",size:"sm",icon:e.jsx(i.Plus,{size:16}),fullWidth:!0,onClick:m,children:"Nueva organización"})]});return e.jsx("div",{ref:f,className:[x].filter(Boolean).join(" ")||void 0,...h,children:e.jsx(q.Popover,{trigger:g,content:z,onOpenChange:N,placement:"bottom-start",showArrow:!1,fullWidth:v})})});l.displayName="WorkspaceSwitcher";exports.WorkspaceSwitcher=l;

package/dist/index81 3.mjs

@@ -0,0 +1,119 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k, useState as w } from "react";
+import { Building2 as c, ChevronDown as x, Settings as y, Users as B, Plus as W } from "lucide-react";
+import i from "./index162.mjs";
+import { Avatar as n } from "./index10.mjs";
+import { Badge as b } from "./index11.mjs";
+import { Button as o } from "./index14.mjs";
+import { Divider as I } from "./index33.mjs";
+import { Popover as S } from "./index58.mjs";
+const j = k(
+  ({
+    currentOrg: r,
+    organizations: t,
+    onSettings: l,
+    onParticipants: m,
+    onCreateOrganization: d,
+    onOrgChange: h,
+    fullWidth: p = !0,
+    className: v,
+    ...N
+  }, f) => {
+    const [z, g] = w(!1), u = /* @__PURE__ */ s("button", { className: i.trigger, children: [
+      /* @__PURE__ */ e(n, { size: "xs", icon: /* @__PURE__ */ e(c, { size: 16 }) }),
+      /* @__PURE__ */ e("span", { className: i.triggerName, children: r.name }),
+      /* @__PURE__ */ e(
+        x,
+        {
+          size: 16,
+          className: `${i.chevron} ${z ? i.chevronOpen : ""}`
+        }
+      )
+    ] }), C = /* @__PURE__ */ s("div", { className: i.content, children: [
+      /* @__PURE__ */ s("div", { className: i.activeWorkspace, children: [
+        /* @__PURE__ */ e(n, { size: "lg", icon: /* @__PURE__ */ e(c, { size: 20 }) }),
+        /* @__PURE__ */ e(b, { variant: "secondary", size: "sm", children: r.role }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("div", { className: i.orgName, children: r.name }),
+          /* @__PURE__ */ s("div", { className: i.orgMeta, children: [
+            r.memberCount,
+            " participantes"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: i.actionButtons, children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            variant: "secondary",
+            size: "sm",
+            icon: /* @__PURE__ */ e(y, { size: 16 }),
+            onClick: l,
+            children: "Configuración"
+          }
+        ),
+        /* @__PURE__ */ e(
+          o,
+          {
+            variant: "secondary",
+            size: "sm",
+            icon: /* @__PURE__ */ e(B, { size: 16 }),
+            onClick: m,
+            children: "Participantes"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: i.dividerWrapper, children: /* @__PURE__ */ e(I, {}) }),
+      /* @__PURE__ */ e("div", { className: i.sectionLabel, children: "Otras organizaciones" }),
+      /* @__PURE__ */ e("div", { className: i.orgList, children: t.map((a) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: i.orgItem,
+          onClick: () => h?.(a.name),
+          children: [
+            /* @__PURE__ */ e(n, { size: "xs", initials: a.name.slice(0, 2).toUpperCase() }),
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ e("div", { className: i.orgItemName, children: a.name }),
+              /* @__PURE__ */ e("div", { className: i.orgItemRole, children: a.role })
+            ] })
+          ]
+        },
+        a.name
+      )) }),
+      /* @__PURE__ */ e(
+        o,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: /* @__PURE__ */ e(W, { size: 16 }),
+          fullWidth: !0,
+          onClick: d,
+          children: "Nueva organización"
+        }
+      )
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        className: [v].filter(Boolean).join(" ") || void 0,
+        ...N,
+        children: /* @__PURE__ */ e(
+          S,
+          {
+            trigger: u,
+            content: C,
+            onOpenChange: g,
+            placement: "bottom-start",
+            showArrow: !1,
+            fullWidth: p
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = "WorkspaceSwitcher";
+export {
+  j as WorkspaceSwitcher
+};

package/dist/index82 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index83.cjs"),c=require("./index97.cjs"),u=require("./index98.cjs");function i(t){const r=t.split(".");let n=s.primitives;for(const e of r)if(n=n[e],n===void 0)throw new Error(`Token path "${t}" not found`);return n}function f(t,r){const n=r.split(".");let e=c.themes[t].semantic;for(const o of n)if(e=e[o],e===void 0)throw new Error(`Semantic token path "${r}" not found in ${t} theme`);if(typeof e=="string"&&e.startsWith("{")&&e.endsWith("}")){const o=e.slice(1,-1);return i(o)}return e}function a(t){return u.brands[t]}exports.getBrand=a;exports.getSemanticToken=f;exports.getToken=i;

package/dist/index82 3.mjs

@@ -0,0 +1,33 @@
+import { primitives as i } from "./index83.mjs";
+import { themes as s } from "./index97.mjs";
+import { brands as f } from "./index98.mjs";
+function c(o) {
+  const e = o.split(".");
+  let n = i;
+  for (const t of e)
+    if (n = n[t], n === void 0)
+      throw new Error(`Token path "${o}" not found`);
+  return n;
+}
+function k(o, e) {
+  const n = e.split(".");
+  let t = s[o].semantic;
+  for (const r of n)
+    if (t = t[r], t === void 0)
+      throw new Error(
+        `Semantic token path "${e}" not found in ${o} theme`
+      );
+  if (typeof t == "string" && t.startsWith("{") && t.endsWith("}")) {
+    const r = t.slice(1, -1);
+    return c(r);
+  }
+  return t;
+}
+function p(o) {
+  return f[o];
+}
+export {
+  p as getBrand,
+  k as getSemanticToken,
+  c as getToken
+};

package/dist/index83 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={project:{name:"Orion",description:"AI-First Design System Primitives"},color:{brand:{orion:{50:"#e8f0ff",100:"#c7daff",200:"#a3c2ff",300:"#7ea9ff",400:"#5990ff",500:"#1B5BFF",600:"#1850e6",700:"#1544cc",800:"#1139b3",900:"#0d2d99",950:"#071a5c"},deepblue:{50:"#e6f2ff",100:"#b3d9ff",200:"#80bfff",300:"#4da6ff",400:"#1a8cff",500:"#006FBA",600:"#0062a6",700:"#005592",800:"#00487d",900:"#003b69",950:"#002540"},red:{50:"#fdf2f2",100:"#fde8e8",200:"#fbd5d5",300:"#f8b4b4",400:"#f08282",500:"#D7282F",600:"#b91c22",700:"#93151b",800:"#7a151b",900:"#661619",950:"#3b090b"},orange:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},ember:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},lemon:{50:"#F4FFE6",100:"#E5FFCC",200:"#CCFFAA",300:"#A8FF77",400:"#8DFF5C",500:"#72FF43",600:"#5CE629",700:"#47B31A",800:"#358C14",900:"#266B0F",950:"#1A4A0A"}},neutral:{0:"#ffffff",50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617",1e3:"#000000"},neutralPure:{0:"#ffffff",50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a",1e3:"#000000"},error:{500:"#ef4444"},success:{500:"#22c55e"},warning:{500:"#eab308"},info:{500:"#3b82f6"}},typography:{family:{primary:"Libre Baskerville, system-ui, sans-serif",secondary:"Inter, system-ui, sans-serif",mono:"JetBrains Mono, monospace"},weight:{regular:"400",medium:"500",bold:"700"},size:{10:"10px",11:"11px",12:"12px",13:"13px",14:"14px",16:"16px",18:"18px",20:"20px",24:"24px",32:"32px",48:"48px",64:"64px",80:"80px",96:"96px"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"}},spacing:{0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",16:"64px",20:"80px",24:"96px",32:"128px",px:"1px","05":"2px"},radius:{0:"0px",sm:"8px",md:"12px",lg:"16px","lg-2":"20px",xl:"24px","2xl":"32px",full:"9999px"},radiusScale:{0:"0",xs:"sm",sm:"lg",md:"xl",lg:"2xl","lg-2":"3xl",xl:"3xl","2xl":"3xl",full:"3xl"},blur:{sm:"4px",md:"8px",lg:"12px",xl:"24px"},zIndex:{base:"0",dropdown:"50",sticky:"100",overlay:"200",modal:"300",popover:"400",tooltip:"500",toast:"600"},transition:{fast:"150ms ease",normal:"300ms ease",slow:"500ms ease"},icon:{library:"lucide",cdn:"https://unpkg.com/lucide@latest",size:{sm:"16px",md:"20px",lg:"24px",xl:"32px"},stroke:"2"}},{color:f,typography:p,spacing:a,radius:x,blur:s,icon:r}=e;exports.blur=s;exports.color=f;exports.icon=r;exports.primitives=e;exports.radius=x;exports.spacing=a;exports.typography=p;

package/dist/index83 3.mjs

@@ -0,0 +1,249 @@
+const f = {
+  project: {
+    name: "Orion",
+    description: "AI-First Design System Primitives"
+  },
+  color: {
+    brand: {
+      orion: {
+        50: "#e8f0ff",
+        100: "#c7daff",
+        200: "#a3c2ff",
+        300: "#7ea9ff",
+        400: "#5990ff",
+        500: "#1B5BFF",
+        600: "#1850e6",
+        700: "#1544cc",
+        800: "#1139b3",
+        900: "#0d2d99",
+        950: "#071a5c"
+      },
+      deepblue: {
+        50: "#e6f2ff",
+        100: "#b3d9ff",
+        200: "#80bfff",
+        300: "#4da6ff",
+        400: "#1a8cff",
+        500: "#006FBA",
+        600: "#0062a6",
+        700: "#005592",
+        800: "#00487d",
+        900: "#003b69",
+        950: "#002540"
+      },
+      red: {
+        50: "#fdf2f2",
+        100: "#fde8e8",
+        200: "#fbd5d5",
+        300: "#f8b4b4",
+        400: "#f08282",
+        500: "#D7282F",
+        600: "#b91c22",
+        700: "#93151b",
+        800: "#7a151b",
+        900: "#661619",
+        950: "#3b090b"
+      },
+      orange: {
+        50: "#fef0eb",
+        100: "#fdd5c9",
+        200: "#fcb9a5",
+        300: "#fa9d80",
+        400: "#f87d52",
+        500: "#F15D22",
+        600: "#d9531f",
+        700: "#c0491b",
+        800: "#a63f17",
+        900: "#8c3513",
+        950: "#59220c"
+      },
+      ember: {
+        50: "#fef0eb",
+        100: "#fdd5c9",
+        200: "#fcb9a5",
+        300: "#fa9d80",
+        400: "#f87d52",
+        500: "#F15D22",
+        600: "#d9531f",
+        700: "#c0491b",
+        800: "#a63f17",
+        900: "#8c3513",
+        950: "#59220c"
+      },
+      lemon: {
+        50: "#F4FFE6",
+        100: "#E5FFCC",
+        200: "#CCFFAA",
+        300: "#A8FF77",
+        400: "#8DFF5C",
+        500: "#72FF43",
+        600: "#5CE629",
+        700: "#47B31A",
+        800: "#358C14",
+        900: "#266B0F",
+        950: "#1A4A0A"
+      }
+    },
+    neutral: {
+      0: "#ffffff",
+      50: "#f8fafc",
+      100: "#f1f5f9",
+      200: "#e2e8f0",
+      300: "#cbd5e1",
+      400: "#94a3b8",
+      500: "#64748b",
+      600: "#475569",
+      700: "#334155",
+      800: "#1e293b",
+      900: "#0f172a",
+      950: "#020617",
+      1e3: "#000000"
+    },
+    neutralPure: {
+      0: "#ffffff",
+      50: "#fafafa",
+      100: "#f5f5f5",
+      200: "#e5e5e5",
+      300: "#d4d4d4",
+      400: "#a3a3a3",
+      500: "#737373",
+      600: "#525252",
+      700: "#404040",
+      800: "#262626",
+      900: "#171717",
+      950: "#0a0a0a",
+      1e3: "#000000"
+    },
+    error: {
+      500: "#ef4444"
+    },
+    success: {
+      500: "#22c55e"
+    },
+    warning: {
+      500: "#eab308"
+    },
+    info: {
+      500: "#3b82f6"
+    }
+  },
+  typography: {
+    family: {
+      primary: "Libre Baskerville, system-ui, sans-serif",
+      secondary: "Inter, system-ui, sans-serif",
+      mono: "JetBrains Mono, monospace"
+    },
+    weight: {
+      regular: "400",
+      medium: "500",
+      bold: "700"
+    },
+    size: {
+      10: "10px",
+      11: "11px",
+      12: "12px",
+      13: "13px",
+      14: "14px",
+      16: "16px",
+      18: "18px",
+      20: "20px",
+      24: "24px",
+      32: "32px",
+      48: "48px",
+      64: "64px",
+      80: "80px",
+      96: "96px"
+    },
+    lineHeight: {
+      none: "1",
+      tight: "1.25",
+      snug: "1.375",
+      normal: "1.5",
+      relaxed: "1.625",
+      loose: "2"
+    }
+  },
+  spacing: {
+    0: "0px",
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+    9: "36px",
+    10: "40px",
+    11: "44px",
+    12: "48px",
+    16: "64px",
+    20: "80px",
+    24: "96px",
+    32: "128px",
+    px: "1px",
+    "05": "2px"
+  },
+  radius: {
+    0: "0px",
+    sm: "8px",
+    md: "12px",
+    lg: "16px",
+    "lg-2": "20px",
+    xl: "24px",
+    "2xl": "32px",
+    full: "9999px"
+  },
+  radiusScale: {
+    0: "0",
+    xs: "sm",
+    sm: "lg",
+    md: "xl",
+    lg: "2xl",
+    "lg-2": "3xl",
+    xl: "3xl",
+    "2xl": "3xl",
+    full: "3xl"
+  },
+  blur: {
+    sm: "4px",
+    md: "8px",
+    lg: "12px",
+    xl: "24px"
+  },
+  zIndex: {
+    base: "0",
+    dropdown: "50",
+    sticky: "100",
+    overlay: "200",
+    modal: "300",
+    popover: "400",
+    tooltip: "500",
+    toast: "600"
+  },
+  transition: {
+    fast: "150ms ease",
+    normal: "300ms ease",
+    slow: "500ms ease"
+  },
+  icon: {
+    library: "lucide",
+    cdn: "https://unpkg.com/lucide@latest",
+    size: {
+      sm: "16px",
+      md: "20px",
+      lg: "24px",
+      xl: "32px"
+    },
+    stroke: "2"
+  }
+}, { color: e, typography: p, spacing: x, radius: a, blur: s, icon: l } = f;
+export {
+  s as blur,
+  e as color,
+  l as icon,
+  f as primitives,
+  a as radius,
+  x as spacing,
+  p as typography
+};

package/dist/index84 2.mjs

@@ -0,0 +1,50 @@
+import { useRef as i, useState as A, useCallback as h, useEffect as v } from "react";
+function g(b = {}) {
+  const { enabled: a = !0, threshold: f = 100, smooth: s = !0 } = b, r = i(null), [d, m] = A(!0), c = i(!1), u = i(!0), o = h(() => {
+    const t = r.current;
+    if (!t) return !0;
+    const { scrollTop: e, scrollHeight: n, clientHeight: B } = t;
+    return n - e - B < f;
+  }, [f]), l = h(() => {
+    const t = r.current;
+    t && (c.current = !0, t.scrollTo({
+      top: t.scrollHeight,
+      behavior: s ? "smooth" : "auto"
+    }), setTimeout(
+      () => {
+        c.current = !1;
+        const e = o();
+        u.current = e, m(e);
+      },
+      s ? 300 : 0
+    ));
+  }, [s, o]);
+  return v(() => {
+    const t = r.current;
+    if (!t) return;
+    const e = () => {
+      if (c.current) return;
+      const n = o();
+      u.current = n, m(n);
+    };
+    return t.addEventListener("scroll", e, { passive: !0 }), () => t.removeEventListener("scroll", e);
+  }, [o]), v(() => {
+    if (!a) return;
+    const t = r.current;
+    if (!t) return;
+    const e = new MutationObserver(() => {
+      u.current && l();
+    });
+    return e.observe(t, {
+      childList: !0,
+      subtree: !0
+    }), () => e.disconnect();
+  }, [a, l]), {
+    scrollRef: r,
+    isAtBottom: d,
+    scrollToBottom: l
+  };
+}
+export {
+  g as useAutoScroll
+};

package/dist/index84 4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function v(h={}){const{enabled:a=!0,threshold:f=100,smooth:c=!0}=h,o=r.useRef(null),[b,m]=r.useState(!0),u=r.useRef(!1),l=r.useRef(!0),n=r.useCallback(()=>{const t=o.current;if(!t)return!0;const{scrollTop:e,scrollHeight:s,clientHeight:d}=t;return s-e-d<f},[f]),i=r.useCallback(()=>{const t=o.current;t&&(u.current=!0,t.scrollTo({top:t.scrollHeight,behavior:c?"smooth":"auto"}),setTimeout(()=>{u.current=!1;const e=n();l.current=e,m(e)},c?300:0))},[c,n]);return r.useEffect(()=>{const t=o.current;if(!t)return;const e=()=>{if(u.current)return;const s=n();l.current=s,m(s)};return t.addEventListener("scroll",e,{passive:!0}),()=>t.removeEventListener("scroll",e)},[n]),r.useEffect(()=>{if(!a)return;const t=o.current;if(!t)return;const e=new MutationObserver(()=>{l.current&&i()});return e.observe(t,{childList:!0,subtree:!0}),()=>e.disconnect()},[a,i]),{scrollRef:o,isAtBottom:b,scrollToBottom:i}}exports.useAutoScroll=v;

package/dist/index85 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function S(g={}){const{maxLength:i,onSend:h,disabled:f=!1}=g,[n,m]=e.useState(""),[s,c]=e.useState([]),a=e.useRef(null),d=n.length,u=i!==void 0&&d>i,l=n.trim().length===0&&s.length===0;e.useEffect(()=>{const t=a.current;t&&(t.style.height="auto",t.style.height=`${t.scrollHeight}px`)},[n]);const b=e.useCallback(t=>{c(o=>[...o,...t])},[]),y=e.useCallback(t=>{c(o=>o.filter((x,p)=>p!==t))},[]),C=e.useCallback(()=>{c([])},[]),r=e.useCallback(()=>{if(f||l&&s.length===0||u)return;const t=n.trim();h?.(t,s.length>0?s:void 0),m(""),c([]),a.current&&(a.current.style.height="auto")},[f,l,u,n,s,h]),k=e.useCallback(t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),r())},[r]),v=e.useCallback(()=>{a.current?.focus()},[]);return{value:n,setValue:m,attachments:s,addAttachments:b,removeAttachment:y,clearAttachments:C,handleSubmit:r,handleKeyDown:k,textareaRef:a,isEmpty:l,charCount:d,isOverLimit:u,focus:v}}exports.useChatInput=S;

package/dist/index85 2.mjs

@@ -0,0 +1,44 @@
+import { useState as g, useRef as E, useEffect as S, useCallback as s } from "react";
+function K(y = {}) {
+  const { maxLength: l, onSend: h, disabled: f = !1 } = y, [e, m] = g(""), [n, r] = g([]), c = E(null), d = e.length, o = l !== void 0 && d > l, a = e.trim().length === 0 && n.length === 0;
+  S(() => {
+    const t = c.current;
+    t && (t.style.height = "auto", t.style.height = `${t.scrollHeight}px`);
+  }, [e]);
+  const p = s((t) => {
+    r((i) => [...i, ...t]);
+  }, []), v = s((t) => {
+    r((i) => i.filter((k, C) => C !== t));
+  }, []), x = s(() => {
+    r([]);
+  }, []), u = s(() => {
+    if (f || a && n.length === 0 || o) return;
+    const t = e.trim();
+    h?.(t, n.length > 0 ? n : void 0), m(""), r([]), c.current && (c.current.style.height = "auto");
+  }, [f, a, o, e, n, h]), A = s(
+    (t) => {
+      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), u());
+    },
+    [u]
+  ), b = s(() => {
+    c.current?.focus();
+  }, []);
+  return {
+    value: e,
+    setValue: m,
+    attachments: n,
+    addAttachments: p,
+    removeAttachment: v,
+    clearAttachments: x,
+    handleSubmit: u,
+    handleKeyDown: A,
+    textareaRef: c,
+    isEmpty: a,
+    charCount: d,
+    isOverLimit: o,
+    focus: b
+  };
+}
+export {
+  K as useChatInput
+};