@televet/kibble-ui 4.0.0-beta.49 → 4.0.0-beta.51

package/dist/esm/chakra/index.js

@@ -1,11 +1,11 @@
 import { c as Y } from "../../chunks/create-recipe-context-BcvaE0iS.js";
 import { j as s } from "../../chunks/jsx-runtime-C5mzlN2N.js";
-import { k as Zn, l as Jn, m as Kn, n as es, o as ts, p as os, q as rs, r as ns, s as ss, c as is, t as as, u as ls, v as cs, w as ds, x as ps, y as us, z as gs, A as Ps, B as ms, C as Cs, D as hs, E as vs, F as xs, G as bs } from "../../chunks/index-C1_01X--.js";
-import { a8 as fs, U as d, f as Ee, e as f, c as Fe, aJ as Ss, ag as ys, _ as ws, bc as Ts, aW as Is } from "../../chunks/index-DLvqBeH6.js";
+import { k as Zn, l as Jn, m as Kn, n as es, o as ts, p as os, q as rs, r as ns, s as ss, c as is, t as as, u as ls, v as cs, w as ds, x as ps, y as us, z as gs, A as Ps, B as ms, C as Cs, D as hs, E as vs, F as xs, G as bs } from "../../chunks/index-Dw9PbX_m.js";
+import { a8 as fs, Y as d, c as Ee, aJ as Ss, ag as ys, f as Fe, e as f, Z as ws, bc as Ts, aV as Is } from "../../chunks/index-B8d8Hi2Q.js";
 import * as et from "react";
-import { forwardRef as a, useMemo as X, useRef as tt, useState as _e, useCallback as je, useId as I, useEffect as ot, Children as ks, isValidElement as rt, Fragment as js, cloneElement as Rs } from "react";
-import { i as T, f as l, j as y, s as Oe, l as Ve, h as nt, a as x, b as g, k, n as j, c as oe, u as st, m as it } from "../../chunks/use-locale-context-zakBNK5b.js";
-import { P as iP } from "../../chunks/use-locale-context-zakBNK5b.js";
+import { forwardRef as a, useMemo as X, useRef as tt, useState as Oe, useCallback as je, useId as I, useEffect as ot, Children as ks, isValidElement as rt, Fragment as js, cloneElement as Rs } from "react";
+import { i as T, f as l, j as y, s as _e, l as Ve, h as nt, a as x, b as g, k, n as j, c as oe, u as st, m as it } from "../../chunks/use-locale-context-BnlMA8su.js";
+import { P as iP } from "../../chunks/use-locale-context-BnlMA8su.js";
 import { c as R, b as be, h as $s, m as at, u as Ns } from "../../chunks/factory-gZxMesut.js";
 import { d as As } from "../../chunks/config-C4FE-eBu.js";
 import { b as lP, a as cP } from "../../chunks/config-C4FE-eBu.js";
@@ -21,14 +21,14 @@ import { H as bP } from "../../chunks/h-stack-iIc7vTB3.js";
 import { V as SP } from "../../chunks/v-stack-IBysx2n3.js";
 import { W as wP, a as TP } from "../../chunks/wrap-DrLrXdlw.js";
 import { c as b } from "../../chunks/create-slot-recipe-context-DJkLYvCT.js";
-import { c as dt, Q as Fs, E as _s, d as Os, e as Vs, b as pt, P as Ls, C as Us, F as Ds, f as Gs, g as zs, S as Ms, A as Bs, h as qs } from "../../chunks/icons-grAfs3Oz.js";
+import { c as dt, Q as Fs, E as Os, d as _s, e as Vs, b as pt, P as Ls, C as Us, F as Ds, f as Gs, g as zs, S as Ms, A as Bs, h as qs } from "../../chunks/icons-grAfs3Oz.js";
 import { b as Hs, L as Qs, a as Ws, c as Ys } from "../../chunks/list-0-1dh2ih.js";
-import { u as Xs, s as ut, R as gt } from "../../chunks/render-strategy-Cr139kIz.js";
-import { P as Zs, b as Js, a as Ks, c as ei, d as ti } from "../../chunks/popover-root-provider-_dExZRNY.js";
+import { u as Xs, s as ut, R as gt } from "../../chunks/render-strategy-DBmKAZIM.js";
+import { P as Zs, b as Js, a as Ks, c as ei, d as ti } from "../../chunks/popover-root-provider-CKQPoRvU.js";
 import { I as Pt, S as oi } from "../../chunks/icon-button-g512TBA9.js";
-import { u as V } from "../../chunks/use-field-context-B8ygn96q.js";
-import { j as Ze, u as mt, b as ri, e as ni, d as si, h as ii, c as ai, D as li, g as ci, f as di, a as pi } from "../../chunks/dialog-trigger-sGBMGLMB.js";
-import { k as kP, i as jP, l as RP } from "../../chunks/dialog-trigger-sGBMGLMB.js";
+import { u as V } from "../../chunks/use-field-context-Bxg2bkx0.js";
+import { j as Ze, u as mt, b as ri, e as ni, d as si, h as ii, c as ai, D as li, g as ci, f as di, a as pi } from "../../chunks/dialog-trigger-CKEZLJZ6.js";
+import { k as kP, i as jP, l as RP } from "../../chunks/dialog-trigger-CKEZLJZ6.js";
 import { u as ui } from "../../chunks/use-slot-recipe-BVIotsqX.js";
 import { u as NP } from "../../chunks/use-recipe-B7BYguEn.js";
 const mg = R("em", {
@@ -93,7 +93,7 @@ const vt = (e) => {
 };
 vt.displayName = "FormatNumber";
 const hg = vt, vg = ht, xt = a((e, t) => {
-  const [o, r] = Oe(e), n = Ve(o);
+  const [o, r] = _e(e), n = Ve(o);
   return n.unmounted ? null : /* @__PURE__ */ s.jsx(
     l.div,
     {
@@ -177,7 +177,7 @@ function fg(e) {
   return t.current === null && (t.current = typeof e == "function" ? e() : e), t.current;
 }
 function Sg(e = {}) {
-  const t = Ze(e.onOpen), o = Ze(e.onClose), [r, n] = _e(e.defaultOpen || !1), i = e.open !== void 0 ? e.open : r, c = e.open !== void 0, p = je(() => {
+  const t = Ze(e.onOpen), o = Ze(e.onClose), [r, n] = Oe(e.defaultOpen || !1), i = e.open !== void 0 ? e.open : r, c = e.open !== void 0, p = je(() => {
     c || n(!1), o?.();
   }, [c, o]), u = je(() => {
     c || n(!0), t?.();
@@ -196,7 +196,7 @@ const [bt, ce] = x({
   name: "AccordionContext",
   hookName: "useAccordionContext",
   providerName: "<AccordionProvider />"
-}), Fi = (e) => e.children(ce()), [_i, Oi] = x({
+}), Fi = (e) => e.children(ce()), [Oi, _i] = x({
   name: "AccordionItemContext",
   hookName: "useAccordionItemContext",
   providerName: "<AccordionItemProvider />"
@@ -235,7 +235,7 @@ const [Ui, Ue] = x({
   providerName: "<AccordionItemPropsProvider />"
 }), St = a((e, t) => {
   const [o, r] = g()(e, ["value", "disabled"]), n = ce(), i = Xs(), c = d(n.getItemProps(o), r), p = n.getItemState(o), u = n.getItemContentProps(o);
-  return /* @__PURE__ */ s.jsx(Ui, { value: o, children: /* @__PURE__ */ s.jsx(_i, { value: p, children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsx(Ui, { value: o, children: /* @__PURE__ */ s.jsx(Oi, { value: p, children: /* @__PURE__ */ s.jsx(
     Le,
     {
       ref: t,
@@ -260,7 +260,7 @@ const Di = g(), yt = a((e, t) => {
   return /* @__PURE__ */ s.jsx(De, { ref: t, ...c });
 });
 yt.displayName = "AccordionItemContent";
-const Gi = (e) => e.children(Oi()), wt = a((e, t) => {
+const Gi = (e) => e.children(_i()), wt = a((e, t) => {
   const o = ce(), r = Ue(), n = d(o.getItemIndicatorProps(r), e);
   return /* @__PURE__ */ s.jsx(l.div, { ...n, ref: t });
 });
@@ -282,8 +282,8 @@ const zi = (e) => {
     dir: r,
     getRootNode: o,
     ...e
-  }, i = k(rs, n);
-  return os(i, j);
+  }, i = k(os, n);
+  return rs(i, j);
 }, It = a((e, t) => {
   const [o, r] = ut(e), [n, i] = g()(r, [
     "collapsible",
@@ -329,7 +329,7 @@ const At = a((e, t) => {
   return /* @__PURE__ */ s.jsx(l.label, { ...r, ref: t });
 });
 At.displayName = "ClipboardLabel";
-var Bi = Ee("clipboard").parts("root", "control", "trigger", "indicator", "input", "label"), te = Bi.build(), qi = (e) => e.ids?.root ?? `clip:${e.id}`, $e = (e) => e.ids?.input ?? `clip:${e.id}:input`, Hi = (e) => e.ids?.label ?? `clip:${e.id}:label`, Qi = (e) => e.getById($e(e)), Wi = (e, t) => Zi(e.getDoc(), t);
+var Bi = Fe("clipboard").parts("root", "control", "trigger", "indicator", "input", "label"), te = Bi.build(), qi = (e) => e.ids?.root ?? `clip:${e.id}`, $e = (e) => e.ids?.input ?? `clip:${e.id}:input`, Hi = (e) => e.ids?.label ?? `clip:${e.id}:label`, Qi = (e) => e.getById($e(e)), Wi = (e, t) => Zi(e.getDoc(), t);
 function Yi(e, t) {
   const o = e.createElement("pre");
   return Object.assign(o.style, {
@@ -423,7 +423,7 @@ function Ji(e, t) {
     }
   };
 }
-var Ki = Fe({
+var Ki = Ee({
   props({ props: e }) {
     return {
       timeout: 3e3,
@@ -545,16 +545,16 @@ const Ft = a((e, t) => {
   return /* @__PURE__ */ s.jsx(jt, { value: o, children: /* @__PURE__ */ s.jsx(l.div, { ref: t, ...n }) });
 });
 Ft.displayName = "ClipboardRootProvider";
-const _t = a((e, t) => {
+const Ot = a((e, t) => {
   const o = Z(), r = d(o.getTriggerProps(), e);
   return /* @__PURE__ */ s.jsx(l.button, { ...r, ref: t });
 });
-_t.displayName = "ClipboardTrigger";
-const Ot = a((e, t) => {
+Ot.displayName = "ClipboardTrigger";
+const _t = a((e, t) => {
   const o = Z();
   return /* @__PURE__ */ s.jsx(l.span, { ...e, ref: t, children: e.children || o.value });
 });
-Ot.displayName = "ClipboardValueText";
+_t.displayName = "ClipboardValueText";
 const ta = (e) => e.children(fe()), Vt = a((e, t) => {
   const [{ value: o }, r] = g()(e, ["value"]), n = d(o.getRootProps(), r);
   return /* @__PURE__ */ s.jsx(ft, { value: o, children: /* @__PURE__ */ s.jsx(l.div, { ...n, ref: t }) });
@@ -691,10 +691,10 @@ const ia = (e) => {
     required: n?.required,
     getRootNode: o,
     ...e
-  }, c = k(ss, i);
-  return ns(c, j);
+  }, c = k(ns, i);
+  return ss(c, j);
 }, no = a((e, t) => {
-  const [o, r] = Oe(e), [n, i] = g()(r, [
+  const [o, r] = _e(e), [n, i] = g()(r, [
     "closeOnSelect",
     "defaultOpen",
     "defaultValue",
@@ -725,7 +725,7 @@ const ia = (e) => {
 });
 no.displayName = "ColorPickerRoot";
 const so = a((e, t) => {
-  const [o, r] = Oe(e), [{ value: n }, i] = g()(r, ["value"]), c = Ve(d({ present: n.open }, o)), p = d(n.getRootProps(), i);
+  const [o, r] = _e(e), [{ value: n }, i] = g()(r, ["value"]), c = Ve(d({ present: n.open }, o)), p = d(n.getRootProps(), i);
   return /* @__PURE__ */ s.jsx(Dt, { value: n, children: /* @__PURE__ */ s.jsx(it, { value: c, children: /* @__PURE__ */ s.jsx(l.div, { ...p, ref: t }) }) });
 });
 so.displayName = "ColorPickerRootProvider";
@@ -831,8 +831,8 @@ const da = (e) => {
     required: n?.required,
     getRootNode: o,
     ...e
-  }, c = k(ls, i);
-  return as(c, j);
+  }, c = k(as, i);
+  return ls(c, j);
 }, wo = a((e, t) => {
   const [o, r] = g()(e, [
     "activationMode",
@@ -921,18 +921,18 @@ const Fo = a((e, t) => {
   return /* @__PURE__ */ s.jsx(l.div, { ...c, ref: t, children: o || i.file.name });
 });
 Fo.displayName = "FileUploadItemName";
-const _o = a((e, t) => {
+const Oo = a((e, t) => {
   const o = w(), r = de(), n = d(o.getItemPreviewProps(r), e);
   return r.file.type.match(e.type ?? ".*") ? /* @__PURE__ */ s.jsx(l.div, { ...n, ref: t }) : null;
 });
-_o.displayName = "FileUploadItemPreview";
-const Oo = a(
+Oo.displayName = "FileUploadItemPreview";
+const _o = a(
   (e, t) => {
-    const [o, r] = _e(""), n = w(), i = de(), c = d(n.getItemPreviewImageProps({ ...i, url: o }), e);
+    const [o, r] = Oe(""), n = w(), i = de(), c = d(n.getItemPreviewImageProps({ ...i, url: o }), e);
     return ot(() => n.createFileUrl(i.file, (p) => r(p)), [i, n]), o ? /* @__PURE__ */ s.jsx(l.img, { ...c, ref: t }) : null;
   }
 );
-Oo.displayName = "FileUploadItemPreviewImage";
+_o.displayName = "FileUploadItemPreviewImage";
 const Vo = a((e, t) => {
   const { children: o, ...r } = e, n = w(), i = de(), c = d(n.getItemSizeTextProps(i), r);
   return /* @__PURE__ */ s.jsx(l.div, { ...c, ref: t, children: o || n.getFileSize(i.file) });
@@ -957,8 +957,8 @@ const ga = (e) => {
     invalid: i?.invalid,
     getRootNode: o,
     ...e
-  }, p = k(ds, c);
-  return cs(p, j);
+  }, p = k(cs, c);
+  return ds(p, j);
 }, Uo = a((e, t) => {
   const [o, r] = g()(e, [
     "accept",
@@ -1089,8 +1089,8 @@ const Sa = (e) => {
     locale: n,
     getRootNode: o,
     ...e
-  }, p = k(us, c);
-  return ps(p, j);
+  }, p = k(ps, c);
+  return us(p, j);
 }, Yo = a((e, t) => {
   const [o, r] = g()(e, [
     "allowMouseWheel",
@@ -1162,7 +1162,7 @@ const rr = a((e, t) => {
   return /* @__PURE__ */ s.jsx(l.button, { ...r, ref: t });
 });
 rr.displayName = "PaginationPrevTrigger";
-var wa = Ee("pagination").parts("root", "item", "ellipsis", "prevTrigger", "nextTrigger"), le = wa.build(), Ta = (e) => e.ids?.root ?? `pagination:${e.id}`, Ia = (e) => e.ids?.prevTrigger ?? `pagination:${e.id}:prev`, ka = (e) => e.ids?.nextTrigger ?? `pagination:${e.id}:next`, ja = (e, t) => e.ids?.ellipsis?.(t) ?? `pagination:${e.id}:ellipsis:${t}`, Ra = (e, t) => e.ids?.item?.(t) ?? `pagination:${e.id}:item:${t}`, he = (e, t) => {
+var wa = Fe("pagination").parts("root", "item", "ellipsis", "prevTrigger", "nextTrigger"), le = wa.build(), Ta = (e) => e.ids?.root ?? `pagination:${e.id}`, Ia = (e) => e.ids?.prevTrigger ?? `pagination:${e.id}:prev`, ka = (e) => e.ids?.nextTrigger ?? `pagination:${e.id}:next`, ja = (e, t) => e.ids?.ellipsis?.(t) ?? `pagination:${e.id}:ellipsis:${t}`, Ra = (e, t) => e.ids?.item?.(t) ?? `pagination:${e.id}:item:${t}`, he = (e, t) => {
   let o = t - e + 1;
   return Array.from({ length: o }, (r, n) => n + e);
 }, $a = (e) => e.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" }), ve = "ellipsis", Na = (e) => {
@@ -1274,7 +1274,7 @@ function Ea(e, t) {
     }
   };
 }
-var Fa = Fe({
+var Fa = Ee({
   props({ props: e }) {
     return {
       defaultPageSize: 10,
@@ -1408,7 +1408,7 @@ oe()([
 ]);
 oe()(["value", "type"]);
 oe()(["index"]);
-const _a = (e) => {
+const Oa = (e) => {
   const t = I(), { getRootNode: o } = T(), { dir: r } = y(), n = {
     id: t,
     dir: r,
@@ -1430,7 +1430,7 @@ const _a = (e) => {
     "siblingCount",
     "translations",
     "type"
-  ]), n = _a(o), i = d(n.getRootProps(), r);
+  ]), n = Oa(o), i = d(n.getRootProps(), r);
   return /* @__PURE__ */ s.jsx(Ko, { value: n, children: /* @__PURE__ */ s.jsx(l.nav, { ...i, ref: t }) });
 });
 nr.displayName = "PaginationRoot";
@@ -1458,7 +1458,7 @@ const cr = a((e, t) => {
   return /* @__PURE__ */ s.jsx(l.circle, { ref: t, ...r });
 });
 cr.displayName = "ProgressCircleTrack";
-const Oa = (e) => e.children(q()), ze = a((e, t) => {
+const _a = (e) => e.children(q()), ze = a((e, t) => {
   const o = q(), r = d(o.getLabelProps(), e);
   return /* @__PURE__ */ s.jsx(l.label, { ...r, ref: t });
 });
@@ -1475,8 +1475,8 @@ const Va = (e) => {
     locale: n,
     getRootNode: o,
     ...e
-  }, c = k(Ps, i);
-  return gs(c, j);
+  }, c = k(gs, i);
+  return Ps(c, j);
 }, Me = a((e, t) => {
   const [o, r] = g()(e, [
     "defaultValue",
@@ -1543,8 +1543,8 @@ const Ua = (e) => {
     dir: r,
     getRootNode: o,
     ...e
-  }, i = k(Cs, n);
-  return ms(i, j);
+  }, i = k(ms, n);
+  return Cs(i, j);
 }, hr = a((e, t) => {
   const [o, r] = g()(e, [
     "defaultValue",
@@ -1604,8 +1604,8 @@ const Ma = (e) => {
     required: n?.required,
     getRootNode: o,
     ...e
-  }, c = k(vs, i);
-  return hs(c, j);
+  }, c = k(hs, i);
+  return vs(c, j);
 }, Tr = a((e, t) => {
   const [o, r] = g()(e, [
     "allowHalf",
@@ -1670,20 +1670,20 @@ const Fr = a((e, t) => {
   return /* @__PURE__ */ s.jsx(l.div, { ...r, ref: t });
 });
 Fr.displayName = "SliderMarkerGroup";
-const _r = a((e, t) => {
+const Or = a((e, t) => {
   const o = A(), r = d(o.getRangeProps(), e);
   return /* @__PURE__ */ s.jsx(l.div, { ...r, ref: t });
 });
-_r.displayName = "SliderRange";
+Or.displayName = "SliderRange";
 const Ha = (e) => {
   const t = I(), { getRootNode: o } = T(), { dir: r } = y(), n = {
     id: t,
     dir: r,
     getRootNode: o,
     ...e
-  }, i = k(bs, n);
-  return xs(i, j);
-}, Or = a((e, t) => {
+  }, i = k(xs, n);
+  return bs(i, j);
+}, _r = a((e, t) => {
   const [o, r] = g()(e, [
     "aria-label",
     "aria-labelledby",
@@ -1712,7 +1712,7 @@ const Ha = (e) => {
   ]), n = Ha(o), i = d(n.getRootProps(), r);
   return /* @__PURE__ */ s.jsx(kr, { value: n, children: /* @__PURE__ */ s.jsx(l.div, { ...i, ref: t }) });
 });
-Or.displayName = "SliderRoot";
+_r.displayName = "SliderRoot";
 const Vr = a((e, t) => {
   const [{ value: o }, r] = g()(e, ["value"]), n = d(o.getRootProps(), r);
   return /* @__PURE__ */ s.jsx(kr, { value: o, children: /* @__PURE__ */ s.jsx(l.div, { ...n, ref: t }) });
@@ -1787,7 +1787,7 @@ const Yr = a((e, t) => {
   return /* @__PURE__ */ s.jsx(l.button, { ...r, ref: t });
 });
 Yr.displayName = "StepsPrevTrigger";
-var Xa = Ee("steps").parts(
+var Xa = Fe("steps").parts(
   "root",
   "list",
   "item",
@@ -1798,7 +1798,7 @@ var Xa = Ee("steps").parts(
   "nextTrigger",
   "prevTrigger",
   "progress"
-), O = Xa.build(), Za = (e) => e.ids?.root ?? `steps:${e.id}`, Ja = (e) => e.ids?.list ?? `steps:${e.id}:list`, Je = (e, t) => e.ids?.triggerId?.(t) ?? `steps:${e.id}:trigger:${t}`, Ka = (e, t) => e.ids?.contentId?.(t) ?? `steps:${e.id}:content:${t}`;
+), _ = Xa.build(), Za = (e) => e.ids?.root ?? `steps:${e.id}`, Ja = (e) => e.ids?.list ?? `steps:${e.id}:list`, Je = (e, t) => e.ids?.triggerId?.(t) ?? `steps:${e.id}:trigger:${t}`, Ka = (e, t) => e.ids?.contentId?.(t) ?? `steps:${e.id}:content:${t}`;
 function el(e, t) {
   const { context: o, send: r, computed: n, prop: i, scope: c } = e, p = o.get("step"), u = i("count"), P = n("percent"), S = n("hasNextStep"), E = n("hasPrevStep"), G = (m) => ({
     triggerId: Je(c, m.index),
@@ -1832,7 +1832,7 @@ function el(e, t) {
     setStep: Ce,
     getRootProps() {
       return t.element({
-        ...O.root.attrs,
+        ..._.root.attrs,
         id: Za(c),
         dir: i("dir"),
         "data-orientation": i("orientation"),
@@ -1844,7 +1844,7 @@ function el(e, t) {
     getListProps() {
       const h = Ts(u).map((N, Q) => Je(c, Q));
       return t.element({
-        ...O.list.attrs,
+        ..._.list.attrs,
         dir: i("dir"),
         id: Ja(c),
         role: "tablist",
@@ -1856,7 +1856,7 @@ function el(e, t) {
     getItemProps(m) {
       const h = G(m);
       return t.element({
-        ...O.item.attrs,
+        ..._.item.attrs,
         dir: i("dir"),
         "aria-current": h.current ? "step" : void 0,
         "data-orientation": i("orientation")
@@ -1865,7 +1865,7 @@ function el(e, t) {
     getTriggerProps(m) {
       const h = G(m);
       return t.button({
-        ...O.trigger.attrs,
+        ..._.trigger.attrs,
         id: h.triggerId,
         role: "tab",
         dir: i("dir"),
@@ -1885,7 +1885,7 @@ function el(e, t) {
     getContentProps(m) {
       const h = G(m);
       return t.element({
-        ...O.content.attrs,
+        ..._.content.attrs,
         dir: i("dir"),
         id: h.contentId,
         role: "tabpanel",
@@ -1899,7 +1899,7 @@ function el(e, t) {
     getIndicatorProps(m) {
       const h = G(m);
       return t.element({
-        ...O.indicator.attrs,
+        ..._.indicator.attrs,
         dir: i("dir"),
         "aria-hidden": !0,
         "data-complete": f(h.completed),
@@ -1910,7 +1910,7 @@ function el(e, t) {
     getSeparatorProps(m) {
       const h = G(m);
       return t.element({
-        ...O.separator.attrs,
+        ..._.separator.attrs,
         dir: i("dir"),
         "data-orientation": i("orientation"),
         "data-complete": f(h.completed),
@@ -1920,7 +1920,7 @@ function el(e, t) {
     },
     getNextTriggerProps() {
       return t.button({
-        ...O.nextTrigger.attrs,
+        ..._.nextTrigger.attrs,
         dir: i("dir"),
         type: "button",
         disabled: !S,
@@ -1932,7 +1932,7 @@ function el(e, t) {
     getPrevTriggerProps() {
       return t.button({
         dir: i("dir"),
-        ...O.prevTrigger.attrs,
+        ..._.prevTrigger.attrs,
         type: "button",
         disabled: !E,
         onClick(m) {
@@ -1943,7 +1943,7 @@ function el(e, t) {
     getProgressProps() {
       return t.element({
         dir: i("dir"),
-        ...O.progress.attrs,
+        ..._.progress.attrs,
         role: "progressbar",
         "aria-valuenow": P,
         "aria-valuemin": 0,
@@ -1954,7 +1954,7 @@ function el(e, t) {
     }
   };
 }
-var tl = Fe({
+var tl = Ee({
   props({ props: e }) {
     return {
       defaultStep: 0,
@@ -2216,13 +2216,13 @@ const {
 } = b({ key: "blockquote" }), El = Nl(
   "figure",
   "root"
-), Fl = Al, _l = Qe("blockquote", "content"), Ol = Qe("figcaption", "caption"), Vl = Qe(
+), Fl = Al, Ol = Qe("blockquote", "content"), _l = Qe("figcaption", "caption"), Vl = Qe(
   Fs,
   "icon"
 ), jg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Caption: Ol,
-  Content: _l,
+  Caption: _l,
+  Content: Ol,
   Icon: Vl,
   PropsProvider: Fl,
   Root: El
@@ -2250,13 +2250,13 @@ const {
 }), Hl = ne("li", "separator", {
   defaultProps: {
     "aria-hidden": !0,
-    children: /* @__PURE__ */ s.jsx(Os, {})
+    children: /* @__PURE__ */ s.jsx(_s, {})
   }
 }), Ql = ne("span", "ellipsis", {
   defaultProps: {
     role: "presentation",
     "aria-hidden": !0,
-    children: /* @__PURE__ */ s.jsx(_s, {})
+    children: /* @__PURE__ */ s.jsx(Os, {})
   }
 }), Rg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2275,7 +2275,7 @@ function Wl(e) {
   return t ? n = typeof r == "function" ? r(t) : r : n = o, rt(n) ? n : /* @__PURE__ */ s.jsx(s.Fragment, { children: n });
 }
 const $g = (e) => {
-  const { children: t, fallback: o } = e, [r, n] = _e(!1);
+  const { children: t, fallback: o } = e, [r, n] = Oe(!1);
   return ot(() => {
     n(!0);
   }, []), /* @__PURE__ */ s.jsx(Wl, { when: r, fallback: o, children: t });
@@ -2287,13 +2287,13 @@ const $g = (e) => {
   Et,
   "root",
   { forwardAsChild: !0 }
-), Jl = Yl, Kl = se(_t, "trigger", { forwardAsChild: !0 }), ec = se(Rt, "control", { forwardAsChild: !0 }), rn = se($t, "indicator", {
+), Jl = Yl, Kl = se(Ot, "trigger", { forwardAsChild: !0 }), ec = se(Rt, "control", { forwardAsChild: !0 }), rn = se($t, "indicator", {
   forwardAsChild: !0,
   defaultProps: {
     copied: /* @__PURE__ */ s.jsx(pt, { boxSize: "1em" }),
     children: /* @__PURE__ */ s.jsx(Vs, { boxSize: "1em" })
   }
-}), tc = se(Nt, "input", { forwardAsChild: !0 }), oc = se(At, "label", { forwardAsChild: !0 }), rc = Mi, nc = se(Ot, "valueText", { forwardAsChild: !0 }), sc = a(function(t, o) {
+}), tc = se(Nt, "input", { forwardAsChild: !0 }), oc = se(At, "label", { forwardAsChild: !0 }), rc = Mi, nc = se(_t, "valueText", { forwardAsChild: !0 }), sc = a(function(t, o) {
   return /* @__PURE__ */ s.jsx(rn, { copied: "Copied", ...t, ref: o, children: "Copy" });
 }), Ng = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2363,10 +2363,10 @@ const $g = (e) => {
   return /* @__PURE__ */ s.jsx(Pn, { channel: "hex", ref: o, ...t });
 }), Ic = v(lo, "swatchGroup", { forwardAsChild: !0 }), kc = v(po, "swatchTrigger", { forwardAsChild: !0 }), jc = v(ao, "swatch", { forwardAsChild: !0 }), Rc = v(co, "swatchIndicator", { forwardAsChild: !0 }), $c = v(mo, "valueText", { forwardAsChild: !0 }), Nc = v(Co, "view", { forwardAsChild: !0 }), Ac = v(eo, "formatTrigger", { forwardAsChild: !0 }), Ec = v(Kt, "formatSelect", { forwardAsChild: !0 }), Fc = v(Jt, "eyeDropperTrigger", {
   forwardAsChild: !0
-}), _c = a(function(t, o) {
+}), Oc = a(function(t, o) {
   const { children: r = /* @__PURE__ */ s.jsx(Ls, {}), ...n } = t, i = C(), c = at(i.getEyeDropperTriggerProps(), n);
   return /* @__PURE__ */ s.jsx(Pt, { ref: o, ...c, children: r });
-}), Oc = v(Yt, "channelSliderValueText", {
+}), _c = v(Yt, "channelSliderValueText", {
   forwardAsChild: !0
 }), Vc = v(Ht, "channelSliderLabel", {
   forwardAsChild: !0
@@ -2384,12 +2384,12 @@ const $g = (e) => {
   ChannelSliderLabel: Vc,
   ChannelSliderThumb: un,
   ChannelSliderTrack: pn,
-  ChannelSliderValueText: Oc,
+  ChannelSliderValueText: _c,
   ChannelText: Dc,
   Content: Sc,
   Context: Uc,
   Control: xc,
-  EyeDropper: _c,
+  EyeDropper: Oc,
   EyeDropperTrigger: Fc,
   FormatSelect: Ec,
   FormatTrigger: Ac,
@@ -2412,7 +2412,7 @@ const $g = (e) => {
   View: Nc
 }, Symbol.toStringTag, { value: "Module" })), { withContext: Gc } = Y({
   key: "container"
-}), _g = Gc("div"), {
+}), Og = Gc("div"), {
   withProvider: zc,
   withContext: We,
   PropsProvider: Mc
@@ -2422,7 +2422,7 @@ const $g = (e) => {
 ), qc = Mc, Hc = We(
   "div",
   "item"
-), Qc = We("dt", "itemLabel"), Wc = We("dd", "itemValue"), Og = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), Qc = We("dt", "itemLabel"), Wc = We("dd", "itemValue"), _g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Item: Hc,
   ItemLabel: Qc,
@@ -2541,12 +2541,12 @@ const {
   defaultProps: {
     children: /* @__PURE__ */ s.jsx(Us, {})
   }
-}), fn = $(Eo, "itemGroup", { forwardAsChild: !0 }), Ae = $(Fo, "itemName", { forwardAsChild: !0 }), Sn = $(_o, "itemPreview", {
+}), fn = $(Eo, "itemGroup", { forwardAsChild: !0 }), Ae = $(Fo, "itemName", { forwardAsChild: !0 }), Sn = $(Oo, "itemPreview", {
   forwardAsChild: !0,
   defaultProps: {
     children: /* @__PURE__ */ s.jsx(Ds, {})
   }
-}), Ed = $(Oo, "itemPreviewImage", { forwardAsChild: !0 }), yn = $(Vo, "itemSizeText", { forwardAsChild: !0 }), Fd = $(Lo, "label", { forwardAsChild: !0 }), _d = $(Go, "trigger", { forwardAsChild: !0 }), wn = (e) => {
+}), Ed = $(_o, "itemPreviewImage", { forwardAsChild: !0 }), yn = $(Vo, "itemSizeText", { forwardAsChild: !0 }), Fd = $(Lo, "label", { forwardAsChild: !0 }), Od = $(Go, "trigger", { forwardAsChild: !0 }), wn = (e) => {
   const { showSize: t, clearable: o, files: r, ...n } = e, i = w(), c = r ?? i.acceptedFiles;
   return /* @__PURE__ */ s.jsx(Pe, { each: c, children: (p) => /* @__PURE__ */ s.jsxs(vn, { file: p, ...n, children: [
     /* @__PURE__ */ s.jsx(Sn, {}),
@@ -2556,7 +2556,7 @@ const {
     ] }) : /* @__PURE__ */ s.jsx(Ae, { flex: "1" }),
     o && /* @__PURE__ */ s.jsx(bn, {})
   ] }, p.name) });
-}, Od = a(
+}, _d = a(
   function(t, o) {
     const { showSize: r, clearable: n, files: i, ...c } = t;
     return /* @__PURE__ */ s.jsx(fn, { ref: o, ...c, children: /* @__PURE__ */ s.jsx(
@@ -2598,11 +2598,11 @@ const {
   ItemSizeText: yn,
   Items: wn,
   Label: Fd,
-  List: Od,
+  List: _d,
   PropsProvider: Rd,
   Root: jd,
   RootProvider: kd,
-  Trigger: _d
+  Trigger: Od
 }, Symbol.toStringTag, { value: "Module" })), Dg = a(
   function(t, o) {
     const { columns: r, minChildWidth: n, ...i } = t, c = Ns(), p = n ? Gd(n, c) : zd(r);
@@ -2787,7 +2787,7 @@ const Bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   dr,
   "range",
   { forwardAsChild: !0 }
-), Cp = Te(qe, "valueText", { forwardAsChild: !0 }), hp = Oa, Qg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), Cp = Te(qe, "valueText", { forwardAsChild: !0 }), hp = _a, Qg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Context: hp,
   Label: gp,
@@ -2845,18 +2845,18 @@ const Bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Root: jp,
   RootProvider: Rp
 }, Symbol.toStringTag, { value: "Module" })), {
-  withProvider: _n,
+  withProvider: On,
   withContext: Ye,
-  useStyles: On,
+  useStyles: _n,
   PropsProvider: Fp
-} = b({ key: "ratingGroup" }), _p = _n(Ir, "root", { forwardAsChild: !0 }), Op = _n(Tr, "root", { forwardAsChild: !0 }), Vp = Fp, Lp = Ye(wr, "label", { forwardAsChild: !0 }), Vn = Ye(yr, "item", { forwardAsChild: !0 });
+} = b({ key: "ratingGroup" }), Op = On(Ir, "root", { forwardAsChild: !0 }), _p = On(Tr, "root", { forwardAsChild: !0 }), Vp = Fp, Lp = Ye(wr, "label", { forwardAsChild: !0 }), Vn = Ye(yr, "item", { forwardAsChild: !0 });
 function Ke(e, t) {
   if (!rt(e)) return null;
   const o = { [`data-${t}`]: "", "aria-hidden": "" };
   return Rs(e, o);
 }
 const Ln = a(function(t, o) {
-  const { icon: r = /* @__PURE__ */ s.jsx(Ms, {}), ...n } = t, i = On(), c = Sr();
+  const { icon: r = /* @__PURE__ */ s.jsx(Ms, {}), ...n } = t, i = _n(), c = Sr();
   return /* @__PURE__ */ s.jsxs(
     R.span,
     {
@@ -2889,9 +2889,9 @@ const Ln = a(function(t, o) {
   Items: Un,
   Label: Lp,
   PropsProvider: Vp,
-  Root: Op,
-  RootProvider: _p,
-  useRatingGroupStyles: On
+  Root: _p,
+  RootProvider: Op,
+  useRatingGroupStyles: _n
 }, Symbol.toStringTag, { value: "Module" })), { withContext: Mp } = Y({
   key: "skeleton"
 }), Dn = Mp("div"), Zg = et.forwardRef(function(t, o) {
@@ -2915,7 +2915,7 @@ const Ln = a(function(t, o) {
   withContext: D,
   PropsProvider: Bp
 } = b({ key: "slider" }), qp = Gn(Vr, "root", { forwardAsChild: !0 }), Hp = Gn(
-  Or,
+  _r,
   "root",
   { forwardAsChild: !0 }
 ), Qp = Bp, Wp = D(
@@ -2923,7 +2923,7 @@ const Ln = a(function(t, o) {
   "track",
   { forwardAsChild: !0 }
 ), Yp = D(
-  _r,
+  Or,
   "range",
   { forwardAsChild: !0 }
 ), zn = D(
@@ -3050,40 +3050,40 @@ const eP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Root: mu
 }, Symbol.toStringTag, { value: "Module" })), {
   withProvider: Wn,
-  withContext: _,
+  withContext: O,
   PropsProvider: vu
 } = b({ key: "steps" }), xu = Wn(Zr, "root", { forwardAsChild: !0 }), bu = Wn(
   Xr,
   "root",
   { forwardAsChild: !0 }
-), fu = vu, Su = _(
+), fu = vu, Su = O(
   Qr,
   "list",
   { forwardAsChild: !0 }
-), yu = _(
+), yu = O(
   Hr,
   "item",
   { forwardAsChild: !0 }
-), wu = _(
+), wu = O(
   Kr,
   "trigger",
   { forwardAsChild: !0 }
-), Tu = _(
+), Tu = O(
   Mr,
   "content",
   { forwardAsChild: !0 }
-), Iu = _(zr, "content"), Yn = a(
+), Iu = O(zr, "content"), Yn = a(
   function(t, o) {
     return /* @__PURE__ */ s.jsx(ye, { children: (r) => /* @__PURE__ */ s.jsx(R.div, { ref: o, ...t, children: r.index + 1 }) });
   }
-), ku = _(
+), ku = O(
   "div",
   "title"
-), ju = _("div", "description"), Ru = _(
+), ju = O("div", "description"), Ru = O(
   Jr,
   "separator",
   { forwardAsChild: !0 }
-), Xn = (e) => /* @__PURE__ */ s.jsx(ye, { children: (t) => t.current ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e.current ?? e.incomplete }) : t.completed ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e.complete }) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e.incomplete ?? e.current }) }), $u = _(
+), Xn = (e) => /* @__PURE__ */ s.jsx(ye, { children: (t) => t.current ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e.current ?? e.incomplete }) : t.completed ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e.complete }) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e.incomplete ?? e.current }) }), $u = O(
   qr,
   "indicator",
   {
@@ -3092,7 +3092,7 @@ const eP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       children: /* @__PURE__ */ s.jsx(Xn, { complete: /* @__PURE__ */ s.jsx(pt, {}), incomplete: /* @__PURE__ */ s.jsx(Yn, {}) })
     }
   }
-), Nu = _(Wr, "nextTrigger", { forwardAsChild: !0 }), Au = _(Yr, "prevTrigger", { forwardAsChild: !0 }), Eu = Br, Fu = ye, oP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), Nu = O(Wr, "nextTrigger", { forwardAsChild: !0 }), Au = O(Yr, "prevTrigger", { forwardAsChild: !0 }), Eu = Br, Fu = ye, oP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CompletedContent: Iu,
   Content: Tu,
@@ -3113,14 +3113,14 @@ const eP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Title: ku,
   Trigger: wu
 }, Symbol.toStringTag, { value: "Module" })), {
-  withProvider: _u,
+  withProvider: Ou,
   withContext: ee,
-  PropsProvider: Ou
-} = b({ key: "timeline" }), Vu = _u(
+  PropsProvider: _u
+} = b({ key: "timeline" }), Vu = Ou(
   "div",
   "root",
   { defaultProps: { role: "list" } }
-), Lu = Ou, Uu = ee(
+), Lu = _u, Uu = ee(
   "div",
   "item",
   { defaultProps: { role: "listitem" } }
@@ -3167,8 +3167,8 @@ export {
   Ag as Code,
   Eg as Collapsible,
   Fg as ColorPicker,
-  _g as Container,
-  Og as DataList,
+  Og as Container,
+  _g as DataList,
   Cg as DownloadTrigger,
   Vg as Drawer,
   Lg as Editable,
@@ -3216,6 +3216,7 @@ export {
   cP as defineSlotRecipe,
   kP as useBreakpoint,
   jP as useBreakpointValue,
+  Li as useCollapsible,
   fg as useConst,
   Sg as useDisclosure,
   RP as useMediaQuery,