@opencxh/ui-kit 3.124.5 → 3.124.7

package/dist/index.js

@@ -5,13 +5,13 @@ import oe, { useRef as se, useEffect as Q, forwardRef as me, useState as R, useL
 function d(...t) {
   return Ke(t);
 }
-function _r(t) {
+function Kr(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function Gr(t) {
+function _r(t) {
   return (r) => t[r] || "";
 }
-function Jr({ tiles: t, pinned: r, className: n }) {
+function Gr({ tiles: t, pinned: r, className: n }) {
   if (r)
     return /* @__PURE__ */ c("div", { className: d("flex flex-col md:flex-row gap-2 h-full min-h-0", n), children: [
       /* @__PURE__ */ e("div", { className: "flex-1 min-h-0", children: r }),
@@ -20,7 +20,7 @@ function Jr({ tiles: t, pinned: r, className: n }) {
   const s = t.length <= 1 ? "grid-cols-1" : t.length <= 4 ? "grid-cols-2" : t.length <= 9 ? "grid-cols-3" : "grid-cols-4";
   return /* @__PURE__ */ e("div", { className: d("grid gap-2 h-full", s, n), children: t.map((a, o) => /* @__PURE__ */ e("div", { children: a }, o)) });
 }
-function Yr({
+function Jr({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -49,7 +49,7 @@ function Yr({
     }
   );
 }
-function Xr({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function Yr({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
   return Q(() => {
     if (!r || !a.current) return;
@@ -153,7 +153,7 @@ const bt = {
   }
 );
 ne.displayName = "Button";
-const Zr = ({
+const Xr = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -242,7 +242,7 @@ const Nt = {
   warning: "border-warning-border bg-warning-soft text-warning-fg hover:bg-surface-hover",
   danger: "border-danger-border bg-danger-soft text-danger-fg hover:bg-surface-hover"
 };
-function Qr({
+function Zr({
   label: t,
   icon: r,
   tone: n = "default",
@@ -313,7 +313,7 @@ const wt = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, en = ({
+}, Qr = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -355,7 +355,7 @@ const wt = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function tn({
+function en({
   options: t,
   value: r,
   onChange: n,
@@ -486,7 +486,7 @@ function Re({
   menuLabel: y = "More options"
 }) {
   const f = l || u, m = o.length > 0;
-  return /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-px", children: [
+  return /* @__PURE__ */ c("div", { className: "inline-flex items-center", children: [
     /* @__PURE__ */ e(
       ne,
       {
@@ -2096,7 +2096,7 @@ const qt = ({
       ] })
     ] })
   ] });
-}, Qt = ht(null), rn = ({
+}, Qt = ht(null), tn = ({
   items: t,
   activeTab: r,
   onTabChange: n,
@@ -2857,7 +2857,7 @@ function ur(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-const nn = ({
+const rn = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -3422,7 +3422,7 @@ const nn = ({
     ] }) })
   ] });
 };
-function sn({
+function nn({
   open: t,
   title: r,
   description: n,
@@ -3480,7 +3480,7 @@ const mr = {
   info: "bg-info",
   note: "bg-note"
 };
-function an({
+function sn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3533,7 +3533,7 @@ const xr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function ln({
+function an({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3561,7 +3561,7 @@ function ln({
     }
   );
 }
-function on({ children: t, className: r, ...n }) {
+function ln({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3581,7 +3581,7 @@ const br = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function cn({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function on({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const o = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3620,7 +3620,7 @@ const pr = {
   lg: "text-base",
   xl: "text-lg"
 };
-function dn({
+function cn({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3702,7 +3702,7 @@ const Nr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function un({
+function dn({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3725,7 +3725,7 @@ function un({
     }
   );
 }
-function mn({
+function un({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3761,7 +3761,7 @@ function mn({
     x < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-function fn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...o }) {
+function mn({ title: t, icon: r = /* @__PURE__ */ e(it, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...o }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3809,7 +3809,7 @@ const Cr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
       onError: () => l(!0)
     }
   ) : /* @__PURE__ */ e("span", { className: u, title: a ?? t, "aria-label": t, children: kr(t) });
-}, Fe = "ring-surface", Sr = "ring-surface-accent", hn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+}, Fe = "ring-surface", Sr = "ring-surface-accent", fn = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
   if (t.length === 0) return null;
   const a = t.slice(0, r), o = t.length - a.length;
   return /* @__PURE__ */ c("span", { className: d("inline-flex items-center", s), children: [
@@ -3854,7 +3854,7 @@ const Cr = ({ name: t, src: r, size: n = "sm", className: s, title: a }) => {
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function xn({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+function hn({ channel: t, children: r, size: n = "md", className: s, title: a }) {
   const o = Be[t in Be ? t : "note"];
   return /* @__PURE__ */ e(
     "span",
@@ -3871,7 +3871,7 @@ function xn({ channel: t, children: r, size: n = "md", className: s, title: a })
     }
   );
 }
-const bn = ({
+const xn = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -3952,7 +3952,7 @@ const bn = ({
     b && l && /* @__PURE__ */ e("div", { className: q, children: y || re })
   ] });
 };
-function gn({
+function bn({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -4156,7 +4156,7 @@ function gn({
     /* @__PURE__ */ e("ul", { "aria-label": ce, className: "flex flex-col", children: D })
   ] });
 }
-function pn({
+function gn({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4190,18 +4190,14 @@ const Er = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
-}, Mr = {
-  default: "border-border",
-  urgent: "border-danger-border",
-  success: "border-border"
 };
-function vn({ value: t, label: r, tone: n = "default", className: s, ...a }) {
-  return /* @__PURE__ */ c("div", { className: d("rounded-xl border bg-surface px-4 py-3.5", Mr[n], s), ...a, children: [
+function pn({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+  return /* @__PURE__ */ c("div", { className: d("rounded-xl shadow-sm bg-surface px-4 py-3.5", s), ...a, children: [
     /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Er[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const yn = ({
+const vn = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4310,19 +4306,19 @@ const yn = ({
       ]
     }
   );
-}, $r = {
+}, Mr = {
   none: "p-0",
   sm: "p-2",
   md: "p-4",
   lg: "p-6"
-}, Nn = ({
+}, yn = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: o
-}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", $r[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2 mb-3", Mr[a], s), children: [
   r && /* @__PURE__ */ e(ne, { variant: "secondary", onClick: r, leftIcon: /* @__PURE__ */ e(Y, { icon: ke, size: "sm" }), iconOnly: !0 }),
   o && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: o }),
   t.length > 0 && /* @__PURE__ */ e("div", { className: d("flex flex-wrap gap-4", !o && "ml-auto"), children: t.map(
@@ -4353,7 +4349,7 @@ const yn = ({
     )
   ) })
 ] });
-function wn({ label: t, trailing: r, align: n = "center", className: s }) {
+function Nn({ label: t, trailing: r, align: n = "center", className: s }) {
   const a = /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-border-subtle", "aria-hidden": !0 });
   return !t && !r ? /* @__PURE__ */ e("div", { className: d("flex items-center py-2", s), children: a }) : /* @__PURE__ */ c("div", { className: d("flex items-center gap-3 py-2", s), children: [
     n === "center" && a,
@@ -4362,7 +4358,7 @@ function wn({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-function kn({
+function wn({
   label: t,
   description: r,
   control: n,
@@ -4389,7 +4385,7 @@ function kn({
     }
   );
 }
-function Cn({
+function kn({
   icon: t,
   title: r,
   description: n,
@@ -4409,7 +4405,7 @@ function Cn({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Sn({ label: t, dotColor: r, onClick: n, className: s }) {
+function Cn({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -4427,13 +4423,13 @@ function Sn({ label: t, dotColor: r, onClick: n, className: s }) {
     }
   );
 }
-function Dr(t, r) {
+function $r(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const zn = ({
+const Sn = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -4456,7 +4452,7 @@ const zn = ({
     return h ? h.label : String(f || "-");
   }, u = ue(
     (f) => {
-      const m = Dr(r, f.name);
+      const m = $r(r, f.name);
       if (f.type === "array") {
         const g = m;
         return !g || g.length === 0 ? /* @__PURE__ */ e(
@@ -4738,7 +4734,7 @@ const zn = ({
       ]
     }
   ) });
-}, En = ({
+}, zn = ({
   title: t,
   actionIcons: r,
   items: n,
@@ -4773,7 +4769,7 @@ const zn = ({
       u
     )
   ) })
-] }), Tr = {
+] }), Dr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -4782,13 +4778,13 @@ const zn = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Ar = {
+}, Tr = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Lr = {
+}, Ar = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -4798,11 +4794,11 @@ const zn = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Ir = {
+}, Lr = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Mn = ({
+}, En = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -4815,16 +4811,16 @@ const zn = ({
 }) => {
   const y = `h${t}`, f = d(
     "font-sans text-pretty",
-    Tr[r || jr(t)],
-    Ar[n],
-    Lr[s],
-    Ir[a],
+    Dr[r || Ir(t)],
+    Tr[n],
+    Ar[s],
+    Lr[a],
     o && "truncate",
     l
   );
   return /* @__PURE__ */ e(y, { className: f, ...x, children: u });
 };
-function jr(t) {
+function Ir(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -4834,7 +4830,7 @@ function jr(t) {
     6: "md"
   }[t] || "md";
 }
-const $n = ({
+const Mn = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -4939,7 +4935,7 @@ const $n = ({
       ]
     }
   ) }) : null;
-}, Pr = {
+}, jr = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -4947,7 +4943,7 @@ const $n = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Or = {
+}, Pr = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -4955,7 +4951,7 @@ const $n = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Fr = {
+}, Or = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -4971,26 +4967,26 @@ const $n = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Br = {
+}, Fr = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Rr = {
+}, Br = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Vr = {
+}, Rr = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Hr = {
+}, Vr = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5017,13 +5013,13 @@ const $n = ({
     {
       ref: f,
       className: d(
-        t && Pr[t],
-        r && Or[r],
-        n && Fr[n],
-        s && Br[s],
-        a && Rr[a],
-        o && Vr[o],
-        l && Hr[l],
+        t && jr[t],
+        r && Pr[r],
+        n && Or[n],
+        s && Fr[s],
+        a && Br[a],
+        o && Rr[o],
+        l && Vr[l],
         u
       ),
       ...y,
@@ -5032,7 +5028,7 @@ const $n = ({
   )
 );
 We.displayName = "Box";
-const Dn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
+const $n = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
   We,
   {
     background: "module",
@@ -5047,7 +5043,7 @@ const Dn = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(
     ]
   }
 );
-function Tn({
+function Dn({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5095,7 +5091,7 @@ function Tn({
     n === "react" && y && /* @__PURE__ */ e(y, { ...a })
   ] });
 }
-class An extends xt {
+class Tn extends xt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5124,66 +5120,66 @@ class An extends xt {
   }
 }
 export {
-  fn as AssistantCard,
+  mn as AssistantCard,
   Cr as Avatar,
-  hn as AvatarStack,
-  an as Badge,
+  fn as AvatarStack,
+  sn as Badge,
   We as Box,
   ne as Button,
-  Zr as ButtonGroup,
-  Dn as Card,
-  xn as ChannelBadge,
+  Xr as ButtonGroup,
+  $n as Card,
+  hn as ChannelBadge,
   ge as Checkbox,
-  $n as CommandPalette,
-  sn as ConfirmDialog,
+  Mn as CommandPalette,
+  nn as ConfirmDialog,
   Ut as ContentLoading,
   $e as DatePicker,
   qt as Dropdown,
-  ln as EmptyState,
-  An as ErrorBoundary,
-  Tn as FederatedResource,
-  Qr as FilterChip,
+  an as EmptyState,
+  Tn as ErrorBoundary,
+  Dn as FederatedResource,
+  Zr as FilterChip,
   Ot as FolderSelect,
-  nn as Form,
-  Mn as Heading,
+  rn as Form,
+  En as Heading,
   Y as Icon,
-  bn as Image,
-  on as Kbd,
-  vn as KpiCard,
-  en as Link,
-  gn as List,
-  Jr as MeetingGrid,
-  pn as MessageBubble,
+  xn as Image,
+  ln as Kbd,
+  pn as KpiCard,
+  Qr as Link,
+  bn as List,
+  Gr as MeetingGrid,
+  gn as MessageBubble,
   Ue as Modal,
-  yn as PageHeader,
-  Nn as PageToolbar,
-  Yr as ParticipantTile,
+  vn as PageHeader,
+  yn as PageToolbar,
+  Jr as ParticipantTile,
   zt as Popover,
-  cn as ProgressBar,
+  on as ProgressBar,
   Vt as SearchableTextField,
-  wn as SectionDivider,
-  tn as SegmentedToggle,
+  Nn as SectionDivider,
+  en as SegmentedToggle,
   Ne as Select,
-  kn as SettingsRow,
-  Cn as SettingsSection,
-  En as SidebarMenu,
-  Sn as SourceChip,
-  dn as Spinner,
+  wn as SettingsRow,
+  kn as SettingsSection,
+  zn as SidebarMenu,
+  Cn as SourceChip,
+  cn as Spinner,
   Re as SplitButton,
-  un as StatusDot,
-  mn as StepIndicator,
+  dn as StatusDot,
+  un as StepIndicator,
   cr as StorageInput,
   Ht as Switch,
-  rn as TabBar,
+  tn as TabBar,
   Pe as Table,
   er as Tabs,
   de as Text,
   De as TextArea,
   be as TextField,
-  Xr as VideoSurface,
-  zn as View,
+  Yr as VideoSurface,
+  Sn as View,
   d as cn,
-  Gr as createSizes,
-  _r as createVariants
+  _r as createSizes,
+  Kr as createVariants
 };
 //# sourceMappingURL=index.js.map