@cfx-dev/ui-components 4.2.20 → 4.2.22

package/dist/components/Slider/SliderShowcase.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import i from "react";
 import { Flex as a } from "../Layout/Flex/Flex.js";
 import { Text as t } from "../Text/Text.js";
-import "../ui.js";
+import "../../utils/ui/ui.js";
 import { Slider as l } from "./Slider.js";
 const c = "cfxui__SliderShowcase__track__9ceda", o = {
   track: c

package/dist/components/Spacer/Spacer.d.ts

@@ -1,4 +1,4 @@
-import { OffsetType } from '../ui';
+import { OffsetType } from '../../utils/ui';
 
 export interface SpacerProps {
     size?: OffsetType;

package/dist/components/Spacer/index.d.ts

@@ -0,0 +1,2 @@
+export { Spacer } from './Spacer';
+export type { SpacerProps } from './Spacer';

package/dist/components/Spacer/index.js

@@ -0,0 +1,4 @@
+import { Spacer as o } from "./Spacer.js";
+export {
+  o as Spacer
+};

package/dist/components/Style/index.d.ts

@@ -0,0 +1,2 @@
+export { Style, useContextualStyle } from './Style';
+export type { StyleProps } from './Style';

package/dist/components/Style/index.js

@@ -0,0 +1,5 @@
+import { Style as l, useContextualStyle as o } from "./Style.js";
+export {
+  l as Style,
+  o as useContextualStyle
+};

package/dist/components/Table/Table.d.ts

@@ -7,22 +7,32 @@ export interface TableHeaderType {
     sortKey?: string;
 }
 export type TableRowType = Array<string | number | Date | React.ReactNode>;
-export type DataContainerType = React.FC<{
+export type TableDataContainerType = React.FC<{
     item: string | number | Date | React.ReactNode;
 }>;
 export declare function TableIconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
-interface TableHeaderItemProps {
+export interface TableHeaderItemProps {
     item: TableHeaderType;
     onSortClick?: (sortKey: string) => void;
 }
 export declare function TableHeaderItem(props: TableHeaderItemProps): import("react/jsx-runtime").JSX.Element;
+export interface TableRowProps {
+    index: number;
+    item: TableRowType;
+    onSelectChange: (rowIndex: number | null) => void;
+    includeRadio?: boolean;
+    loading?: boolean;
+    selectedRow?: number | null;
+    dataContainer?: TableDataContainerType;
+}
+export declare function TableRow(props: TableRowProps): import("react/jsx-runtime").JSX.Element;
 export interface TableProps {
     headers: TableHeaderType[];
     data: TableRowType[];
     includeRadio?: boolean;
     loading?: boolean;
     onSelectChange?: (rowIndex: number | null) => void;
-    dataContainer?: DataContainerType;
+    dataContainer?: TableDataContainerType;
     selectedRow?: number | null;
     sortBy?: string;
     sortOrder?: 'asc' | 'desc';
@@ -30,4 +40,3 @@ export interface TableProps {
     className?: string;
 }
 export declare function Table({ headers, data, includeRadio, loading, onSelectChange, dataContainer, selectedRow: outerSelectedRow, sortBy: outerSortBy, sortOrder: outerSortOrder, onSortChange, className, }: TableProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Table/Table.js

@@ -3,7 +3,7 @@ import l, { useState as k } from "react";
 import I from "../Checkbox/Checkbox.js";
 import $ from "../IconButton/IconButton.js";
 import { Text as S } from "../Text/Text.js";
-import "../ui.js";
+import "../../utils/ui/ui.js";
 import { clsx as u } from "../../utils/clsx.js";
 const j = "cfxui__Table__tableIcon__f8e96", z = "cfxui__Table__iconButton__ac6da", A = "cfxui__Table__root__591ed", E = "cfxui__Table__radio__70dd7", O = "cfxui__Table__radioContent__35cef", g = "cfxui__Table__pointer__7b6a4", F = "cfxui__Table__selectedRow__f7130", H = "cfxui__Table__headerText__02722", V = "cfxui__Table__headerContent__f0e66", q = "cfxui__Table__hidden__e4ac6", c = {
   tableIcon: j,
@@ -165,5 +165,6 @@ function X({
 export {
   X as Table,
   G as TableHeaderItem,
-  D as TableIconButton
+  D as TableIconButton,
+  J as TableRow
 };

package/dist/components/Table/TableShowcase.js

@@ -6,7 +6,7 @@ import "../Interactive/Interactive.js";
 import { Scrollable as c } from "../Layout/Scrollable/Scrollable.js";
 import "../Layout/Scrollable/VirtualScrollable.js";
 import { Text as r } from "../Text/Text.js";
-import "../ui.js";
+import "../../utils/ui/ui.js";
 import { Table as o } from "./Table.js";
 const i = [
   [

package/dist/components/Table/index.d.ts

@@ -1,2 +1,2 @@
-export { Table } from './Table';
-export type { TableProps } from './Table';
+export { Table, TableIconButton, TableHeaderItem, TableRow, } from './Table';
+export type { TableHeaderType, TableProps, TableRowType, TableDataContainerType, TableHeaderItemProps, TableRowProps, } from './Table';

package/dist/components/Table/index.js

@@ -1,4 +1,7 @@
-import { Table as r } from "./Table.js";
+import { Table as o, TableHeaderItem as b, TableIconButton as l, TableRow as t } from "./Table.js";
 export {
-  r as Table
+  o as Table,
+  b as TableHeaderItem,
+  l as TableIconButton,
+  t as TableRow
 };

package/dist/components/Tabular/Tabular.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ResponsiveValueType } from '../ui';
+import { ResponsiveValueType } from '../../utils/ui';
 
 export type TabularTheme = 'light' | 'dark';
 export type TabularRole = 'tablist' | 'navigation';

package/dist/components/Tabular/Tabular.js

@@ -1,8 +1,8 @@
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import d, { createElement as N } from "react";
 import { Dot as p } from "../Dot/Dot.js";
-import { ui as C } from "../ui.js";
 import { clsx as n } from "../../utils/clsx.js";
+import { ui as C } from "../../utils/ui/ui.js";
 const v = "cfxui__Tabular__reset__b1dbc", k = "cfxui__Tabular__item__98cc3", I = "cfxui__Tabular__root__0ff05", R = "cfxui__Tabular__active__1ae95", y = "cfxui__Tabular__hasNotification__c372f", j = "cfxui__Tabular__content__3a95a", l = {
   reset: v,
   "tabular-size-initial-large": "cfxui__Tabular__tabular-size-initial-large__9451f",

package/dist/components/Tabular/TabularShowcase.js

@@ -2,7 +2,7 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import o from "react";
 import { Flex as i } from "../Layout/Flex/Flex.js";
 import { Text as l } from "../Text/Text.js";
-import "../ui.js";
+import "../../utils/ui/ui.js";
 import { Tabular as m } from "./Tabular.js";
 const c = [
   {

package/dist/components/Text/Text.js

@@ -1,8 +1,9 @@
-import { jsx as l } from "react/jsx-runtime";
-import f from "react";
-import { ui as t, TextSizeEnum as _ } from "../ui.js";
+import { jsx as f } from "react/jsx-runtime";
+import l from "react";
 import { clsx as w } from "../../utils/clsx.js";
 import { getColor as A } from "../../utils/color.js";
+import { ui as t } from "../../utils/ui/ui.js";
+import { TextSizeEnum as _ } from "../../utils/ui/ui.types.js";
 const E = "cfxui__Text__root__2fe11", O = "cfxui__Text__centered__4d7bd", F = "cfxui__Text__underlined__5860e", H = "cfxui__Text__strikethrough__e3ee3", N = "cfxui__Text__truncated__417f4", $ = "cfxui__Text__typographic__d8155", B = "cfxui__Text__block__cb1b6", n = {
   root: E,
   centered: O,
@@ -27,14 +28,14 @@ const E = "cfxui__Text__root__2fe11", O = "cfxui__Text__centered__4d7bd", F = "c
 }, L = (e, o = 1) => {
   const r = typeof e == "string" && D[e];
   return typeof r == "string" || typeof r == "number" ? r : o;
-}, M = "primary", V = f.forwardRef(function(o, r) {
+}, M = "primary", V = l.forwardRef(function(o, r) {
   const {
     family: c,
     size: i = "normal",
     weight: u = "normal",
-    letterSpacing: h = "normal",
+    letterSpacing: p = "normal",
     as: s = "span",
-    centered: p = !1,
+    centered: h = !1,
     truncated: m = !1,
     typographic: g = !1,
     uppercase: d = !1,
@@ -51,7 +52,7 @@ const E = "cfxui__Text__root__2fe11", O = "cfxui__Text__centered__4d7bd", F = "c
     t.getResponsiveClassnames("line-height", i),
     {
       [n.block]: S,
-      [n.centered]: p,
+      [n.centered]: h,
       [n.truncated]: m,
       [n.underlined]: y,
       [n.strikethrough]: T,
@@ -66,21 +67,21 @@ const E = "cfxui__Text__root__2fe11", O = "cfxui__Text__centered__4d7bd", F = "c
     color: v,
     fontFamily: `var(--font-family-${z})`,
     lineHeight: `var(--line-height-${i})`,
-    letterSpacing: `var(--letter-spacing-${h})`,
+    letterSpacing: `var(--letter-spacing-${p})`,
     fontWeight: `var(--font-weight-${u})`,
     ...t.getResponsiveStyles("font-size", i, P),
     ...t.getResponsiveStyles("line-height", i, q),
     ...R
   };
-  return d && (a.textTransform = "uppercase"), /* @__PURE__ */ l(s, { ref: r, dir: "auto", className: C, style: a, children: b });
-}), J = f.forwardRef(function(o, r) {
-  return /* @__PURE__ */ l(V, { ref: r, ...o, as: "div" });
+  return d && (a.textTransform = "uppercase"), /* @__PURE__ */ f(s, { ref: r, dir: "auto", className: C, style: a, children: b });
+}), K = l.forwardRef(function(o, r) {
+  return /* @__PURE__ */ f(V, { ref: r, ...o, as: "div" });
 });
 export {
   M as DEFAULT_TEXT_COLOR,
   D as TEXT_OPACITY_MAP,
   V as Text,
-  J as TextBlock,
+  K as TextBlock,
   L as getTextOpacity,
   q as lineHeightResponsiveValueFormatter,
   P as textSizeResponsiveValueFormatter

package/dist/components/Text/Text.types.d.ts

@@ -1,5 +1,5 @@
-import { ResponsiveValueType, TextSize as RawTextSize } from '../ui';
 import { GetColorProps } from '../../utils/color';
+import { ResponsiveValueType, TextSize as RawTextSize } from '../../utils/ui';
 
 export type TextSize = RawTextSize;
 export type ResponsiveTextSize = TextSize | string | number;
@@ -7,6 +7,7 @@ export type TextWeight = 'thin' | 'normal' | 'bold' | 'bolder';
 export type TextOpacity = '0' | '25' | '50' | '75' | '100';
 export type TextAs = 'span' | 'div' | 'p' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TextLetterSpacing = 'normal' | 'large';
+export type TextFamaly = 'primary' | 'secondary';
 interface TextPropsBase {
     as?: TextAs;
     centered?: boolean;
@@ -25,7 +26,7 @@ interface TextPropsBase {
     size?: ResponsiveValueType<ResponsiveTextSize>;
     weight?: TextWeight;
     letterSpacing?: TextLetterSpacing;
-    family?: 'primary' | 'secondary';
+    family?: TextFamaly;
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;

package/dist/components/Text/TextShowcase.js

@@ -5,17 +5,14 @@ import { Separator as d } from "../Separator/Separator.js";
 const h = "cfxui__TextShowcase__root__a3632", _ = {
   root: h
 }, f = "The quick brown fox jumps over the lazy dog.", T = "How vexingly quick daft zebras jump.";
-function u() {
+function m() {
   return /* @__PURE__ */ t(e, { children: [
     f,
     /* @__PURE__ */ o("br", {}),
     T
   ] });
 }
-const x = {
-  color: "secondary"
-};
-function m(a) {
+function u(a) {
   const {
     items: l
   } = a;
@@ -23,24 +20,24 @@ function m(a) {
     /* @__PURE__ */ t("div", { children: [
       /* @__PURE__ */ o(c, { ...r.textProps, children: r.title }),
       /* @__PURE__ */ o("br", {}),
-      /* @__PURE__ */ t(c, { ...x, children: [
-        r.descriptions.map((s, n) => /* @__PURE__ */ t(e, { children: [
-          s,
-          n < r.descriptions.length - 1 && /* @__PURE__ */ o("br", {})
+      /* @__PURE__ */ t(c, { color: "secondary", children: [
+        r.descriptions.map((n, s) => /* @__PURE__ */ t(e, { children: [
+          n,
+          s < r.descriptions.length - 1 && /* @__PURE__ */ o("br", {})
         ] })),
-        Object.entries(r.textProps).map(([s, n], i) => /* @__PURE__ */ t(e, { children: [
+        Object.entries(r.textProps).map(([n, s], i) => /* @__PURE__ */ t(e, { children: [
           r.descriptions.length > 0 && i === 0 && /* @__PURE__ */ o(d, { content: "props", offset: "large" }),
-          s,
+          n,
           ": ",
-          n.toString(),
+          s.toString(),
           i < r.descriptions.length - 1 && /* @__PURE__ */ o("br", {})
         ] }))
       ] })
     ] }),
-    /* @__PURE__ */ o(c, { ...r.textProps, children: /* @__PURE__ */ o(u, {}) })
+    /* @__PURE__ */ o(c, { ...r.textProps, children: /* @__PURE__ */ o(m, {}) })
   ] })) });
 }
-const E = p.memo(m);
+const w = p.memo(u);
 export {
-  E as default
+  w as default
 };

package/dist/components/Text/index.d.ts

@@ -1,3 +1,3 @@
 export { Text, TextBlock, TEXT_OPACITY_MAP, DEFAULT_TEXT_COLOR, getTextOpacity, textSizeResponsiveValueFormatter, } from './Text';
-export { TextSizeEnum } from '../ui';
-export type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, ResponsiveTextSize, } from './Text.types';
+export { TextSizeEnum } from '../../utils/ui';
+export type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, ResponsiveTextSize, TextFamaly, } from './Text.types';

package/dist/components/Text/index.js

@@ -1,11 +1,12 @@
-import { DEFAULT_TEXT_COLOR as T, TEXT_OPACITY_MAP as o, Text as x, TextBlock as r, getTextOpacity as i, textSizeResponsiveValueFormatter as m } from "./Text.js";
-import { TextSizeEnum as E } from "../ui.js";
+import { DEFAULT_TEXT_COLOR as o, TEXT_OPACITY_MAP as r, Text as x, TextBlock as i, getTextOpacity as m, textSizeResponsiveValueFormatter as p } from "./Text.js";
+import "../../utils/ui/ui.js";
+import { TextSizeEnum as O } from "../../utils/ui/ui.types.js";
 export {
-  T as DEFAULT_TEXT_COLOR,
-  o as TEXT_OPACITY_MAP,
+  o as DEFAULT_TEXT_COLOR,
+  r as TEXT_OPACITY_MAP,
   x as Text,
-  r as TextBlock,
-  E as TextSizeEnum,
-  i as getTextOpacity,
-  m as textSizeResponsiveValueFormatter
+  i as TextBlock,
+  O as TextSizeEnum,
+  m as getTextOpacity,
+  p as textSizeResponsiveValueFormatter
 };

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea';

package/dist/components/Textarea/index.js

@@ -0,0 +1,4 @@
+import { Textarea as a } from "./Textarea.js";
+export {
+  a as Textarea
+};

package/dist/components/Title/Title.d.ts

@@ -1,18 +1,19 @@
 import { default as React } from 'react';
 
 export declare const TITLE_OUTLET_ID = "title-outlet";
-export type FixedOn = 'top' | 'top-left' | 'right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left';
-type TitleChildren = ((ref: React.RefObject<any>) => React.ReactNode) | React.ReactElement;
+export type TitleFixedOn = 'top' | 'top-left' | 'right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left';
+export declare function titleGetCssStyle(fixed: boolean, delay: number, [x, y]: number[]): React.CSSProperties;
+export declare function titleGetCoords(element: HTMLElement, fixedOn: TitleFixedOn): [number, number];
+export type TitleChildren = ((ref: React.RefObject<any>) => React.ReactNode) | React.ReactElement;
 export interface TitleProps {
     children: TitleChildren;
     title?: React.ReactNode;
     delay?: number;
     animated?: boolean;
     suppressMouseActivation?: boolean;
-    fixedOn?: FixedOn;
+    fixedOn?: TitleFixedOn;
     active?: boolean;
     className?: string;
     rootClassName?: string;
 }
 export declare function Title(props: TitleProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Title/Title.js

@@ -61,7 +61,7 @@ function D(u, f) {
   }
   return [c, t];
 }
-function G(u) {
+function z(u) {
   const {
     title: f,
     children: e,
@@ -116,5 +116,7 @@ function G(u) {
 }
 export {
   S as TITLE_OUTLET_ID,
-  G as Title
+  z as Title,
+  D as titleGetCoords,
+  j as titleGetCssStyle
 };

package/dist/components/Title/TitleShowcase.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import i from "react";
 import { Flex as r } from "../Layout/Flex/Flex.js";
 import { Text as o } from "../Text/Text.js";
-import "../ui.js";
+import "../../utils/ui/ui.js";
 import { Title as l } from "./Title.js";
 function m() {
   return /* @__PURE__ */ e(r, { gap: "large", vertical: !0, children: /* @__PURE__ */ t(r, { gap: "normal", vertical: !0, children: [

package/dist/components/Title/index.d.ts

@@ -0,0 +1,2 @@
+export { TITLE_OUTLET_ID, titleGetCssStyle, titleGetCoords, Title, } from './Title';
+export type { TitleProps, TitleFixedOn, TitleChildren, } from './Title';

package/dist/components/Title/index.js

@@ -0,0 +1,7 @@
+import { TITLE_OUTLET_ID as T, Title as l, titleGetCoords as o, titleGetCssStyle as i } from "./Title.js";
+export {
+  T as TITLE_OUTLET_ID,
+  l as Title,
+  o as titleGetCoords,
+  i as titleGetCssStyle
+};

package/dist/components/ToggleGroup/ToggleGroupShowcase.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { Flex as r } from "../Layout/Flex/Flex.js";
 import { Text as a } from "../Text/Text.js";
-import "../ui.js";
+import "../../utils/ui/ui.js";
 import { ToggleGroup as i } from "./ToggleGroup.js";
 const n = [
   {

package/dist/index-AweK2ufS.js

@@ -0,0 +1,171 @@
+import * as l from "react";
+import h from "react";
+import { jsx as y, Fragment as w } from "react/jsx-runtime";
+function L(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(n) {
+    if (e == null || e(n), o === !1 || !n.defaultPrevented)
+      return t == null ? void 0 : t(n);
+  };
+}
+function A(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function O(...e) {
+  return (t) => {
+    let o = !1;
+    const r = e.map((n) => {
+      const c = A(n, t);
+      return !o && typeof c == "function" && (o = !0), c;
+    });
+    if (o)
+      return () => {
+        for (let n = 0; n < r.length; n++) {
+          const c = r[n];
+          typeof c == "function" ? c() : A(e[n], null);
+        }
+      };
+  };
+}
+function I(...e) {
+  return l.useCallback(O(...e), e);
+}
+function E(e, t = []) {
+  let o = [];
+  function r(c, s) {
+    const i = l.createContext(s), f = o.length;
+    o = [...o, s];
+    const S = (R) => {
+      var d;
+      const { scope: C, children: a, ...u } = R, p = ((d = C == null ? void 0 : C[e]) == null ? void 0 : d[f]) || i, m = l.useMemo(() => u, Object.values(u));
+      return /* @__PURE__ */ y(p.Provider, { value: m, children: a });
+    };
+    S.displayName = c + "Provider";
+    function M(R, C) {
+      var p;
+      const a = ((p = C == null ? void 0 : C[e]) == null ? void 0 : p[f]) || i, u = l.useContext(a);
+      if (u) return u;
+      if (s !== void 0) return s;
+      throw new Error(`\`${R}\` must be used within \`${c}\``);
+    }
+    return [S, M];
+  }
+  const n = () => {
+    const c = o.map((s) => l.createContext(s));
+    return function(i) {
+      const f = (i == null ? void 0 : i[e]) || c;
+      return l.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: f } }),
+        [i, f]
+      );
+    };
+  };
+  return n.scopeName = e, [r, v(n, ...t)];
+}
+function v(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const o = () => {
+    const r = e.map((n) => ({
+      useScope: n(),
+      scopeName: n.scopeName
+    }));
+    return function(c) {
+      const s = r.reduce((i, { useScope: f, scopeName: S }) => {
+        const R = f(c)[`__scope${S}`];
+        return { ...i, ...R };
+      }, {});
+      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return o.scopeName = t.scopeName, o;
+}
+var _ = l.forwardRef((e, t) => {
+  const { children: o, ...r } = e, n = l.Children.toArray(o), c = n.find(V);
+  if (c) {
+    const s = c.props.children, i = n.map((f) => f === c ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : f);
+    return /* @__PURE__ */ y(N, { ...r, ref: t, children: l.isValidElement(s) ? l.cloneElement(s, void 0, i) : null });
+  }
+  return /* @__PURE__ */ y(N, { ...r, ref: t, children: o });
+});
+_.displayName = "Slot";
+var N = l.forwardRef((e, t) => {
+  const { children: o, ...r } = e;
+  if (l.isValidElement(o)) {
+    const n = j(o);
+    return l.cloneElement(o, {
+      ...$(r, o.props),
+      // @ts-ignore
+      ref: t ? O(t, n) : n
+    });
+  }
+  return l.Children.count(o) > 1 ? l.Children.only(null) : null;
+});
+N.displayName = "SlotClone";
+var T = ({ children: e }) => /* @__PURE__ */ y(w, { children: e });
+function V(e) {
+  return l.isValidElement(e) && e.type === T;
+}
+function $(e, t) {
+  const o = { ...t };
+  for (const r in t) {
+    const n = e[r], c = t[r];
+    /^on[A-Z]/.test(r) ? n && c ? o[r] = (...i) => {
+      c(...i), n(...i);
+    } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...c } : r === "className" && (o[r] = [n, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function j(e) {
+  var r, n;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+function k(e) {
+  const t = e + "CollectionProvider", [o, r] = E(t), [n, c] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), s = (a) => {
+    const { scope: u, children: p } = a, m = h.useRef(null), d = h.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ y(n, { scope: u, itemMap: d, collectionRef: m, children: p });
+  };
+  s.displayName = t;
+  const i = e + "CollectionSlot", f = h.forwardRef(
+    (a, u) => {
+      const { scope: p, children: m } = a, d = c(i, p), x = I(u, d.collectionRef);
+      return /* @__PURE__ */ y(_, { ref: x, children: m });
+    }
+  );
+  f.displayName = i;
+  const S = e + "CollectionItemSlot", M = "data-radix-collection-item", R = h.forwardRef(
+    (a, u) => {
+      const { scope: p, children: m, ...d } = a, x = h.useRef(null), g = I(u, x), P = c(S, p);
+      return h.useEffect(() => (P.itemMap.set(x, { ref: x, ...d }), () => void P.itemMap.delete(x))), /* @__PURE__ */ y(_, { [M]: "", ref: g, children: m });
+    }
+  );
+  R.displayName = S;
+  function C(a) {
+    const u = c(e + "CollectionConsumer", a);
+    return h.useCallback(() => {
+      const m = u.collectionRef.current;
+      if (!m) return [];
+      const d = Array.from(m.querySelectorAll(`[${M}]`));
+      return Array.from(u.itemMap.values()).sort(
+        (P, b) => d.indexOf(P.ref.current) - d.indexOf(b.ref.current)
+      );
+    }, [u.collectionRef, u.itemMap]);
+  }
+  return [
+    { Provider: s, Slot: f, ItemSlot: R },
+    C,
+    r
+  ];
+}
+export {
+  k as a,
+  E as b,
+  O as c,
+  L as d,
+  I as u
+};

package/dist/{index-DBus3GoO.js → index-Bz27DCHt.js}

@@ -1330,11 +1330,11 @@ export {
   Xe as b,
   Ze as c,
   en as d,
-  nn as e,
+  Ke as e,
   Qe as f,
   on as g,
   tn as h,
-  Ke as i,
+  nn as i,
   Je as l,
   Ue as o,
   Ge as s,