@televet/kibble-ui 4.0.0-beta.41 → 4.0.0-beta.43

package/dist/esm/chakra/index.js

@@ -3,22 +3,23 @@ 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 * 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 $s } 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 { c as $, b as be, h as Rs, m as at, u as Ns } from "../../chunks/factory-gZxMesut.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";
 import { m as W } from "../../chunks/walk-object-DY6qf1jj.js";
 import { B as lt } from "../../chunks/box-y05hq0PT.js";
 import { G as Es } from "../../chunks/grid-item-B2mOwD2y.js";
-import { C as lP, a as cP } from "../../chunks/grid-item-B2mOwD2y.js";
-import { F as pP } from "../../chunks/flex-C2d2LH-K.js";
-import { F as gP } from "../../chunks/float-BHAFWRjM.js";
-import { G as mP } from "../../chunks/group-CjQBwfVM.js";
+import { C as pP, a as uP } from "../../chunks/grid-item-B2mOwD2y.js";
+import { F as PP } from "../../chunks/flex-C2d2LH-K.js";
+import { F as CP } from "../../chunks/float-BHAFWRjM.js";
+import { G as vP } from "../../chunks/group-CjQBwfVM.js";
 import { S as ct } from "../../chunks/stack-B6Qs7bq9.js";
-import { H as hP } from "../../chunks/h-stack-iIc7vTB3.js";
-import { V as xP } from "../../chunks/v-stack-IBysx2n3.js";
-import { W as fP, a as SP } from "../../chunks/wrap-DrLrXdlw.js";
+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 { b as Hs, L as Qs, a as Ws, c as Ys } from "../../chunks/list-0-1dh2ih.js";
@@ -27,9 +28,10 @@ import { P as Zs, b as Js, a as Ks, c as ei, d as ti } from "../../chunks/popove
 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 wP, i as TP, l as IP } 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 ui } from "../../chunks/use-slot-recipe-BVIotsqX.js";
-const mg = $("em", {
+import { u as NP } from "../../chunks/use-recipe-B7BYguEn.js";
+const mg = R("em", {
   base: {
     fontStyle: "italic"
   }
@@ -104,7 +106,7 @@ const hg = vt, vg = ht, xt = a((e, t) => {
   );
 });
 xt.displayName = "Presence";
-const xg = $(xt), {
+const xg = R(xt), {
   StylesProvider: vi,
   ClassNamesProvider: xi,
   useRecipeResult: bi,
@@ -123,7 +125,7 @@ const xg = $(xt), {
       "& caption": n.caption
     } : n.root, [n, t]);
     return /* @__PURE__ */ s.jsx(xi, { value: c, children: /* @__PURE__ */ s.jsx(vi, { value: n, children: /* @__PURE__ */ s.jsx(
-      $.table,
+      R.table,
       {
         ref: r,
         ...i,
@@ -135,7 +137,7 @@ const xg = $(xt), {
 ), yi = fi, wi = z(
   "tr",
   "row"
-), Ti = $("div", {
+), Ti = R("div", {
   base: {
     display: "block",
     whiteSpace: "nowrap",
@@ -143,10 +145,10 @@ const xg = $(xt), {
     overflow: "auto",
     maxWidth: "100%"
   }
-}), Ii = z("thead", "header"), ki = z("tfoot", "footer"), ji = z("th", "columnHeader"), $i = z(
+}), Ii = z("thead", "header"), ki = z("tfoot", "footer"), ji = z("th", "columnHeader"), Ri = z(
   "td",
   "cell"
-), Ri = z("caption", "caption", {
+), $i = z("caption", "caption", {
   defaultProps: {
     captionSide: "bottom"
   }
@@ -158,8 +160,8 @@ const xg = $(xt), {
 ), bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Body: Ni,
-  Caption: Ri,
-  Cell: $i,
+  Caption: $i,
+  Cell: Ri,
   Column: Ei,
   ColumnGroup: Ai,
   ColumnHeader: ji,
@@ -307,16 +309,16 @@ const [jt, Z] = x({
   name: "ClipboardContext",
   hookName: "useClipboardContext",
   providerName: "<ClipboardProvider />"
-}), Mi = (e) => e.children(Z()), $t = a((e, t) => {
+}), Mi = (e) => e.children(Z()), Rt = a((e, t) => {
   const o = Z(), r = d(o.getControlProps(), e);
   return /* @__PURE__ */ s.jsx(l.div, { ...r, ref: t });
 });
-$t.displayName = "ClipboardControl";
-const Rt = a((e, t) => {
+Rt.displayName = "ClipboardControl";
+const $t = a((e, t) => {
   const { children: o, copied: r, ...n } = e, i = Z(), c = d(i.getIndicatorProps({ copied: i.copied }), n);
   return /* @__PURE__ */ s.jsx(l.div, { ...c, ref: t, children: i.copied ? r : o });
 });
-Rt.displayName = "ClipboardIndicator";
+$t.displayName = "ClipboardIndicator";
 const Nt = a((e, t) => {
   const o = Z(), r = d(o.getInputProps(), e);
   return /* @__PURE__ */ s.jsx(l.input, { ...r, ref: t });
@@ -327,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}`, Re = (e) => e.ids?.input ?? `clip:${e.id}:input`, Hi = (e) => e.ids?.label ?? `clip:${e.id}:label`, Qi = (e) => e.getById(Re(e)), Wi = (e, t) => Zi(e.getDoc(), t);
+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);
 function Yi(e, t) {
   const o = e.createElement("pre");
   return Object.assign(o.style, {
@@ -375,7 +377,7 @@ function Ji(e, t) {
     getLabelProps() {
       return t.label({
         ...te.label.attrs,
-        htmlFor: Re(i),
+        htmlFor: $e(i),
         "data-copied": f(c),
         id: Hi(i)
       });
@@ -393,7 +395,7 @@ function Ji(e, t) {
         "data-copied": f(c),
         readOnly: !0,
         "data-readonly": "true",
-        id: Re(i),
+        id: $e(i),
         onFocus(p) {
           p.currentTarget.select();
         },
@@ -883,16 +885,16 @@ const [ko, w] = x({
   return /* @__PURE__ */ s.jsx(l.button, { ...r, ref: t });
 });
 jo.displayName = "FileUploadClearTrigger";
-const pa = (e) => e.children(w()), $o = a((e, t) => {
+const pa = (e) => e.children(w()), Ro = a((e, t) => {
   const [o, r] = g()(e, ["disableClick"]), n = w(), i = d(n.getDropzoneProps(o), r);
   return /* @__PURE__ */ s.jsx(l.div, { ...i, ref: t });
 });
-$o.displayName = "FileUploadDropzone";
-const Ro = a((e, t) => {
+Ro.displayName = "FileUploadDropzone";
+const $o = a((e, t) => {
   const o = w(), r = d(o.getHiddenInputProps(), e), n = V();
   return /* @__PURE__ */ s.jsx(l.input, { "aria-describedby": n?.ariaDescribedby, ...r, ref: t });
 });
-Ro.displayName = "FileUploadHiddenInput";
+$o.displayName = "FileUploadHiddenInput";
 const [ua, de] = x({
   name: "FileUploadItemPropsContext",
   hookName: "useFileUploadItemPropsContext",
@@ -1160,10 +1162,10 @@ 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}`, $a = (e, t) => e.ids?.item?.(t) ?? `pagination:${e.id}:item:${t}`, he = (e, t) => {
+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) => {
   let o = t - e + 1;
   return Array.from({ length: o }, (r, n) => n + e);
-}, Ra = (e) => e.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" }), ve = "ellipsis", Na = (e) => {
+}, $a = (e) => e.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" }), ve = "ellipsis", Na = (e) => {
   const { page: t, totalPages: o, siblingCount: r } = e, n = Math.min(2 * r + 5, o), i = 1, c = o, p = Math.max(t - r, i), u = Math.min(t + r, c), P = p > i + 1, S = u < c - 1, E = n - 2;
   if (!P && S)
     return [...he(1, E), ve, c];
@@ -1176,7 +1178,7 @@ var wa = Ee("pagination").parts("root", "item", "ellipsis", "prevTrigger", "next
     return [i, ve, ...F, ve, c];
   }
   return he(i, c);
-}, Aa = (e) => Ra(Na(e));
+}, Aa = (e) => $a(Na(e));
 function Ea(e, t) {
   const { send: o, scope: r, prop: n, computed: i, context: c } = e, p = i("totalPages"), u = c.get("page"), P = n("translations"), S = n("count"), E = i("previousPage"), G = i("nextPage"), F = i("pageRange"), ae = n("type") === "button", Ce = u === 1, m = u === p, h = Aa({
     page: u,
@@ -1231,7 +1233,7 @@ function Ea(e, t) {
     getItemProps(N) {
       const Q = N.value, Xe = Q === u;
       return t.element({
-        id: $a(r, Q),
+        id: Ra(r, Q),
         ...le.item.attrs,
         dir: n("dir"),
         "data-index": Q,
@@ -1364,7 +1366,7 @@ var Fa = Fe({
     },
     actions: {
       setPage({ context: e, event: t, computed: o }) {
-        const r = $e(t.page, o("totalPages"));
+        const r = Re(t.page, o("totalPages"));
         e.set("page", r);
       },
       setPageSize({ context: e, event: t }) {
@@ -1377,17 +1379,17 @@ var Fa = Fe({
         e.set("page", t("totalPages"));
       },
       goToPrevPage({ context: e, computed: t }) {
-        e.set("page", (o) => $e(o - 1, t("totalPages")));
+        e.set("page", (o) => Re(o - 1, t("totalPages")));
       },
       goToNextPage({ context: e, computed: t }) {
-        e.set("page", (o) => $e(o + 1, t("totalPages")));
+        e.set("page", (o) => Re(o + 1, t("totalPages")));
       },
       setPageIfNeeded({ context: e, computed: t }) {
         t("isValidPage") || e.set("page", 1);
       }
     }
   }
-}), $e = (e, t) => Math.min(Math.max(e, 1), t);
+}), Re = (e, t) => Math.min(Math.max(e, 1), t);
 oe()([
   "count",
   "dir",
@@ -1639,17 +1641,17 @@ const [kr, A] = x({
   return /* @__PURE__ */ s.jsx(l.div, { ...r, ref: t });
 });
 jr.displayName = "SliderControl";
-const [qa, $r] = x({
+const [qa, Rr] = x({
   name: "SliderThumbPropsContext",
   hookName: "useSliderThumbPropsContext",
   providerName: "<SliderThumbPropsProvider />"
-}), Rr = a((e, t) => {
-  const o = A(), { index: r } = $r(), n = d(o.getDraggingIndicatorProps({ index: r }), e);
+}), $r = a((e, t) => {
+  const o = A(), { index: r } = Rr(), n = d(o.getDraggingIndicatorProps({ index: r }), e);
   return /* @__PURE__ */ s.jsx(l.span, { ...n, ref: t, children: e.children || o.getThumbValue(r) });
 });
-Rr.displayName = "SliderDraggingIndicator";
+$r.displayName = "SliderDraggingIndicator";
 const Nr = a((e, t) => {
-  const o = A(), r = $r(), n = d(o.getHiddenInputProps(r), e);
+  const o = A(), r = Rr(), n = d(o.getHiddenInputProps(r), e);
   return /* @__PURE__ */ s.jsx(l.input, { ...n, ref: t });
 });
 Nr.displayName = "SliderHiddenInput";
@@ -2157,7 +2159,7 @@ const {
   function(t, o) {
     const { ratio: r = 4 / 3, children: n, className: i, ...c } = t, p = ks.only(n);
     return /* @__PURE__ */ s.jsx(
-      $.div,
+      R.div,
       {
         ref: o,
         position: "relative",
@@ -2176,9 +2178,9 @@ const {
   }
 ), { withContext: Il } = Y({
   key: "badge"
-}), Ig = Il("span"), kl = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%", jl = `(?:${kl.split(",").join("|")})`, $l = new RegExp(
+}), Ig = Il("span"), kl = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%", jl = `(?:${kl.split(",").join("|")})`, Rl = new RegExp(
   `^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${jl}$`
-), Rl = (e) => typeof e == "string" && $l.test(e), xe = (e) => Rl(e) || Rs(e) ? e : `token(spacing.${e}, ${e})`, kg = a(
+), $l = (e) => typeof e == "string" && Rl.test(e), xe = (e) => $l(e) || $s(e) ? e : `token(spacing.${e}, ${e})`, kg = a(
   function(t, o) {
     const {
       inline: r,
@@ -2190,7 +2192,7 @@ const {
       ...P
     } = t;
     return /* @__PURE__ */ s.jsx(
-      $.div,
+      R.div,
       {
         ref: o,
         ...P,
@@ -2256,7 +2258,7 @@ const {
     "aria-hidden": !0,
     children: /* @__PURE__ */ s.jsx(_s, {})
   }
-}), $g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Rg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CurrentLink: ql,
   Ellipsis: Ql,
@@ -2272,7 +2274,7 @@ function Wl(e) {
   let n;
   return t ? n = typeof r == "function" ? r(t) : r : n = o, rt(n) ? n : /* @__PURE__ */ s.jsx(s.Fragment, { children: n });
 }
-const Rg = (e) => {
+const $g = (e) => {
   const { children: t, fallback: o } = e, [r, n] = _e(!1);
   return ot(() => {
     n(!0);
@@ -2285,7 +2287,7 @@ const Rg = (e) => {
   Et,
   "root",
   { forwardAsChild: !0 }
-), Jl = Yl, Kl = se(_t, "trigger", { forwardAsChild: !0 }), ec = se($t, "control", { forwardAsChild: !0 }), rn = se(Rt, "indicator", {
+), Jl = Yl, Kl = se(_t, "trigger", { forwardAsChild: !0 }), ec = se(Rt, "control", { forwardAsChild: !0 }), rn = se($t, "indicator", {
   forwardAsChild: !0,
   defaultProps: {
     copied: /* @__PURE__ */ s.jsx(pt, { boxSize: "1em" }),
@@ -2359,7 +2361,7 @@ const Rg = (e) => {
   }
 ), Pn = v(Bt, "channelInput", { forwardAsChild: !0 }), Tc = a(function(t, o) {
   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 }), $c = v(co, "swatchIndicator", { forwardAsChild: !0 }), Rc = 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", {
+}), 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) {
   const { children: r = /* @__PURE__ */ s.jsx(Ls, {}), ...n } = t, i = C(), c = at(i.getEyeDropperTriggerProps(), n);
@@ -2401,12 +2403,12 @@ const Rg = (e) => {
   Sliders: wc,
   Swatch: jc,
   SwatchGroup: Ic,
-  SwatchIndicator: $c,
+  SwatchIndicator: Rc,
   SwatchTrigger: kc,
   TransparencyGrid: gn,
   Trigger: bc,
   ValueSwatch: ln,
-  ValueText: Rc,
+  ValueText: $c,
   View: Nc
 }, Symbol.toStringTag, { value: "Module" })), { withContext: Gc } = Y({
   key: "container"
@@ -2452,7 +2454,7 @@ const Rg = (e) => {
   { forwardAsChild: !0 }
 ), nd = U(ni, "closeTrigger", { forwardAsChild: !0 }), sd = a(function(t, o) {
   const r = mt();
-  return /* @__PURE__ */ s.jsx($.button, { ...t, ref: o, onClick: () => r.setOpen(!1) });
+  return /* @__PURE__ */ s.jsx(R.button, { ...t, ref: o, onClick: () => r.setOpen(!1) });
 }), id = U(
   ri,
   "backdrop",
@@ -2523,28 +2525,28 @@ function Pe(e) {
 }
 const {
   withProvider: hn,
-  withContext: R,
+  withContext: $,
   useStyles: Td,
   PropsProvider: Id
 } = b({ key: "fileUpload" }), kd = hn(Do, "root", { forwardAsChild: !0 }), jd = hn(
   Uo,
   "root",
   { forwardAsChild: !0 }
-), $d = Id, Rd = R(jo, "clearTrigger", { forwardAsChild: !0 }), Nd = R($o, "dropzone", { forwardAsChild: !0 }), Ad = R("div", "dropzoneContent"), vn = R(
+), Rd = Id, $d = $(jo, "clearTrigger", { forwardAsChild: !0 }), Nd = $(Ro, "dropzone", { forwardAsChild: !0 }), Ad = $("div", "dropzoneContent"), vn = $(
   No,
   "item",
   { forwardAsChild: !0 }
-), xn = R("div", "itemContent"), bn = R(Ao, "itemDeleteTrigger", {
+), xn = $("div", "itemContent"), bn = $(Ao, "itemDeleteTrigger", {
   forwardAsChild: !0,
   defaultProps: {
     children: /* @__PURE__ */ s.jsx(Us, {})
   }
-}), fn = R(Eo, "itemGroup", { forwardAsChild: !0 }), Ae = R(Fo, "itemName", { forwardAsChild: !0 }), Sn = R(_o, "itemPreview", {
+}), fn = $(Eo, "itemGroup", { forwardAsChild: !0 }), Ae = $(Fo, "itemName", { forwardAsChild: !0 }), Sn = $(_o, "itemPreview", {
   forwardAsChild: !0,
   defaultProps: {
     children: /* @__PURE__ */ s.jsx(Ds, {})
   }
-}), Ed = R(Oo, "itemPreviewImage", { forwardAsChild: !0 }), yn = R(Vo, "itemSizeText", { forwardAsChild: !0 }), Fd = R(Lo, "label", { forwardAsChild: !0 }), _d = R(Go, "trigger", { forwardAsChild: !0 }), wn = (e) => {
+}), Ed = $(Oo, "itemPreviewImage", { forwardAsChild: !0 }), yn = $(Vo, "itemSizeText", { forwardAsChild: !0 }), Fd = $(Lo, "label", { forwardAsChild: !0 }), _d = $(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, {}),
@@ -2578,9 +2580,9 @@ const {
       children: u
     }
   );
-}), Ld = pa, Ud = Ro, Ug = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ld = pa, Ud = $o, Ug = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ClearTrigger: Rd,
+  ClearTrigger: $d,
   Context: Ld,
   Dropzone: Nd,
   DropzoneContent: Ad,
@@ -2597,7 +2599,7 @@ const {
   Items: wn,
   Label: Fd,
   List: Od,
-  PropsProvider: $d,
+  PropsProvider: Rd,
   Root: jd,
   RootProvider: kd,
   Trigger: _d
@@ -2640,7 +2642,7 @@ const { withContext: Md } = Y({
   function(t, o) {
     const { rel: r, className: n, ...i } = t;
     return /* @__PURE__ */ s.jsx(
-      $.a,
+      R.a,
       {
         ...i,
         ref: o,
@@ -2670,7 +2672,7 @@ a(
   function(t, o) {
     const { className: r, ...n } = t;
     return /* @__PURE__ */ s.jsx(
-      $.div,
+      R.div,
       {
         ref: o,
         position: "relative",
@@ -2738,13 +2740,13 @@ const Bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   nr,
   "root",
   { forwardAsChild: !0, forwardProps: ["page"] }
-), rp = ep, $n = we(er, "ellipsis", { forwardAsChild: !0 }), Rn = we(tr, "item", { forwardAsChild: !0 }), np = we(or, "nextTrigger", { forwardAsChild: !0 }), sp = we(rr, "prevTrigger", { forwardAsChild: !0 }), ip = ya, ap = a(function(t, o) {
+), rp = ep, Rn = we(er, "ellipsis", { forwardAsChild: !0 }), $n = we(tr, "item", { forwardAsChild: !0 }), np = we(or, "nextTrigger", { forwardAsChild: !0 }), sp = we(rr, "prevTrigger", { forwardAsChild: !0 }), ip = ya, ap = a(function(t, o) {
   const { format: r = "compact", ...n } = t, { page: i, totalPages: c, pageRange: p, count: u } = J(), P = X(() => r === "short" ? `${i} / ${c}` : r === "compact" ? `${i} of ${c}` : `${p.start + 1} - ${Math.min(p.end, u)} of ${u}`, [r, i, c, p, u]);
   return /* @__PURE__ */ s.jsx(lt, { fontWeight: "medium", ref: o, ...n, children: P });
 }), lp = (e) => {
   const { pages: t } = J(), { render: o, ellipsis: r, ...n } = e;
-  return /* @__PURE__ */ s.jsx(Pe, { each: t, children: (i, c) => i.type === "ellipsis" ? /* @__PURE__ */ s.jsx($n, { asChild: !0, index: c, ...n, children: r || /* @__PURE__ */ s.jsx(Pt, { as: "span", children: /* @__PURE__ */ s.jsx(zs, {}) }) }, c) : /* @__PURE__ */ s.jsx(
-    Rn,
+  return /* @__PURE__ */ s.jsx(Pe, { each: t, children: (i, c) => i.type === "ellipsis" ? /* @__PURE__ */ s.jsx(Rn, { asChild: !0, index: c, ...n, children: r || /* @__PURE__ */ s.jsx(Pt, { as: "span", children: /* @__PURE__ */ s.jsx(zs, {}) }) }, c) : /* @__PURE__ */ s.jsx(
+    $n,
     {
       asChild: !0,
       type: "page",
@@ -2757,8 +2759,8 @@ const Bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Context: ip,
-  Ellipsis: $n,
-  Item: Rn,
+  Ellipsis: Rn,
+  Item: $n,
   Items: lp,
   NextTrigger: np,
   PageText: ap,
@@ -2817,7 +2819,7 @@ const Bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   hr,
   "root",
   { forwardAsChild: !0 }
-), $p = En(vr, "root", { forwardAsChild: !0 }), Rp = kp, Fn = Ie(
+), Rp = En(vr, "root", { forwardAsChild: !0 }), $p = kp, Fn = Ie(
   Cr,
   "pattern",
   { forwardAsChild: !0 }
@@ -2839,9 +2841,9 @@ const Bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Frame: Np,
   Overlay: Ap,
   Pattern: Fn,
-  PropsProvider: Rp,
+  PropsProvider: $p,
   Root: jp,
-  RootProvider: $p
+  RootProvider: Rp
 }, Symbol.toStringTag, { value: "Module" })), {
   withProvider: _n,
   withContext: Ye,
@@ -2851,12 +2853,12 @@ const Bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function Ke(e, t) {
   if (!rt(e)) return null;
   const o = { [`data-${t}`]: "", "aria-hidden": "" };
-  return $s(e, o);
+  return Rs(e, o);
 }
 const Ln = a(function(t, o) {
   const { icon: r = /* @__PURE__ */ s.jsx(Ms, {}), ...n } = t, i = On(), c = Sr();
   return /* @__PURE__ */ s.jsxs(
-    $.span,
+    R.span,
     {
       ...n,
       "data-highlighted": c.highlighted ? "" : void 0,
@@ -2936,7 +2938,7 @@ const Ln = a(function(t, o) {
   Er,
   "marker",
   { forwardAsChild: !0 }
-), qn = D("div", "markerIndicator"), Jp = D(Rr, "draggingIndicator", { forwardAsChild: !0 }), Kp = (e) => {
+), qn = D("div", "markerIndicator"), Jp = D($r, "draggingIndicator", { forwardAsChild: !0 }), Kp = (e) => {
   const t = A();
   return /* @__PURE__ */ s.jsx(Pe, { each: t.value, children: (o, r) => /* @__PURE__ */ s.jsx(zn, { index: r, ...e, children: /* @__PURE__ */ s.jsx(Hn, {}) }, r) });
 }, eu = a(
@@ -3011,7 +3013,7 @@ a(
       [t, r]
     );
     return /* @__PURE__ */ s.jsx(Qn, { value: n, children: /* @__PURE__ */ s.jsx(
-      $.div,
+      R.div,
       {
         ref: o,
         role: "group",
@@ -3072,16 +3074,16 @@ const eP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   { forwardAsChild: !0 }
 ), Iu = _(zr, "content"), Yn = a(
   function(t, o) {
-    return /* @__PURE__ */ s.jsx(ye, { children: (r) => /* @__PURE__ */ s.jsx($.div, { ref: o, ...t, children: r.index + 1 }) });
+    return /* @__PURE__ */ s.jsx(ye, { children: (r) => /* @__PURE__ */ s.jsx(R.div, { ref: o, ...t, children: r.index + 1 }) });
   }
 ), ku = _(
   "div",
   "title"
-), ju = _("div", "description"), $u = _(
+), ju = _("div", "description"), Ru = _(
   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 }) }), Ru = _(
+), 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 = _(
   qr,
   "indicator",
   {
@@ -3096,7 +3098,7 @@ const eP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Content: Tu,
   Context: Eu,
   Description: ju,
-  Indicator: Ru,
+  Indicator: $u,
   Item: yu,
   ItemContext: Fu,
   List: Su,
@@ -3106,7 +3108,7 @@ const eP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PropsProvider: fu,
   Root: bu,
   RootProvider: xu,
-  Separator: $u,
+  Separator: Ru,
   Status: Xn,
   Title: ku,
   Trigger: wu
@@ -3146,7 +3148,7 @@ const eP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   overflow: "hidden",
   whiteSpace: "nowrap",
   position: "absolute"
-}, Qu = $("span", {
+}, Qu = R("span", {
   base: Hu
 });
 Qu.displayName = "VisuallyHidden";
@@ -3158,9 +3160,9 @@ export {
   kg as Bleed,
   jg as Blockquote,
   lt as Box,
-  $g as Breadcrumb,
-  lP as Center,
-  Rg as ClientOnly,
+  Rg as Breadcrumb,
+  pP as Center,
+  $g as ClientOnly,
   Ng as Clipboard,
   Ag as Code,
   Eg as Collapsible,
@@ -3172,15 +3174,15 @@ export {
   Lg as Editable,
   mg as Em,
   Ug as FileUpload,
-  pP as Flex,
-  gP as Float,
+  PP as Flex,
+  CP as Float,
   Pe as For,
   vg as FormatByte,
   hg as FormatNumber,
   Es as Grid,
-  cP as GridItem,
-  mP as Group,
-  hP as HStack,
+  uP as GridItem,
+  vP as Group,
+  bP as HStack,
   Gg as Highlight,
   zg as Kbd,
   Mg as LinkOverlay,
@@ -3206,14 +3208,18 @@ export {
   oP as Steps,
   bg as Table,
   rP as Timeline,
-  xP as VStack,
+  SP as VStack,
   Qu as VisuallyHidden,
-  fP as Wrap,
-  SP as WrapItem,
-  wP as useBreakpoint,
-  TP as useBreakpointValue,
+  wP as Wrap,
+  TP as WrapItem,
+  lP as defineRecipe,
+  cP as defineSlotRecipe,
+  kP as useBreakpoint,
+  jP as useBreakpointValue,
   fg as useConst,
   Sg as useDisclosure,
-  IP as useMediaQuery
+  RP as useMediaQuery,
+  NP as useRecipe,
+  ui as useSlotRecipe
 };
 //# sourceMappingURL=index.js.map