@serendie/ui 2.0.0 → 2.1.0

package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-option-item-props-context.js

@@ -0,0 +1,10 @@
+import { createContext as e } from "../../utils/create-context.js";
+const [t, r] = e({
+  name: "MenuItemPropsContext",
+  hookName: "useMenuItemPropsContext",
+  providerName: "<MenuItemPropsProvider />"
+});
+export {
+  t as MenuItemPropsProvider,
+  r as useMenuItemPropsContext
+};

package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu.js

@@ -1,24 +1,17 @@
-import { machine as s, connect as u } from "../../../../../@zag-js/menu/dist/index.js";
-import { useMachine as d, normalizeProps as l } from "../../../../../@zag-js/react/dist/index.js";
-import { useId as p } from "react";
-import { useEnvironmentContext as f } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as h } from "../../providers/locale/use-locale-context.js";
-import { useEvent as o } from "../../utils/use-event.js";
-const S = (e = {}) => {
-  const { getRootNode: t } = f(), { dir: i } = h(), n = {
-    id: p(),
-    dir: i,
-    getRootNode: t,
-    open: e.defaultOpen,
-    "open.controlled": e.open !== void 0,
-    ...e
-  }, c = {
-    ...n,
-    onOpenChange: o(e.onOpenChange),
-    onSelect: o(e.onSelect)
-  }, [m, r, a] = d(s(n), { context: c });
-  return { api: u(m, r, l), machine: a };
+import { machine as s, connect as c } from "../../../../../@zag-js/menu/dist/index.js";
+import { useMachine as m, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
+import { useId as a } from "react";
+import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as f } from "../../providers/locale/use-locale-context.js";
+const M = (t) => {
+  const e = a(), { getRootNode: n } = u(), { dir: r } = f(), i = {
+    id: e,
+    dir: r,
+    getRootNode: n,
+    ...t
+  }, o = m(s, i);
+  return { api: c(o, p), service: o };
 };
 export {
-  S as useMenu
+  M as useMenu
 };

package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-ellipsis.js

@@ -4,12 +4,10 @@ import { createSplitProps as n } from "../../utils/create-split-props.js";
 import { ark as a } from "../factory.js";
 import { usePaginationContext as l } from "./use-pagination-context.js";
 import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
-const f = m(
-  (o, r) => {
-    const [i, s] = n()(o, ["index"]), t = l(), p = P(t.getEllipsisProps(i), s);
-    return /* @__PURE__ */ e(a.div, { ...p, ref: r });
-  }
-);
+const f = m((o, r) => {
+  const [i, s] = n()(o, ["index"]), t = l(), p = P(t.getEllipsisProps(i), s);
+  return /* @__PURE__ */ e(a.div, { ...p, ref: r });
+});
 f.displayName = "PaginationEllipsis";
 export {
   f as PaginationEllipsis

package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-next-trigger.js

@@ -3,12 +3,10 @@ import { forwardRef as n } from "react";
 import { ark as g } from "../factory.js";
 import { usePaginationContext as m } from "./use-pagination-context.js";
 import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
-const p = n(
-  (r, o) => {
-    const t = m(), e = a(t.getNextTriggerProps(), r);
-    return /* @__PURE__ */ i(g.button, { ...e, ref: o });
-  }
-);
+const p = n((r, o) => {
+  const t = m(), e = a(t.getNextTriggerProps(), r);
+  return /* @__PURE__ */ i(g.button, { ...e, ref: o });
+});
 p.displayName = "PaginationNextTrigger";
 export {
   p as PaginationNextTrigger

package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-prev-trigger.js

@@ -3,12 +3,10 @@ import { forwardRef as n } from "react";
 import { ark as g } from "../factory.js";
 import { usePaginationContext as m } from "./use-pagination-context.js";
 import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
-const p = n(
-  (r, o) => {
-    const t = m(), e = a(t.getPrevTriggerProps(), r);
-    return /* @__PURE__ */ i(g.button, { ...e, ref: o });
-  }
-);
+const p = n((r, o) => {
+  const t = m(), e = a(t.getPrevTriggerProps(), r);
+  return /* @__PURE__ */ i(g.button, { ...e, ref: o });
+});
 p.displayName = "PaginationPrevTrigger";
 export {
   p as PaginationPrevTrigger

package/dist/node_modules/@ark-ui/react/dist/components/pagination/pagination-root.js

@@ -5,10 +5,11 @@ import { ark as m } from "../factory.js";
 import { usePagination as s } from "./use-pagination.js";
 import { PaginationProvider as P } from "./use-pagination-context.js";
 import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
-const l = p((t, a) => {
-  const [i, n] = g()(t, [
+const l = p((a, t) => {
+  const [i, e] = g()(a, [
     "count",
     "defaultPage",
+    "defaultPageSize",
     "id",
     "ids",
     "onPageChange",
@@ -18,8 +19,8 @@ const l = p((t, a) => {
     "siblingCount",
     "translations",
     "type"
-  ]), o = s(i), e = f(o.getRootProps(), n);
-  return /* @__PURE__ */ r(P, { value: o, children: /* @__PURE__ */ r(m.nav, { ...e, ref: a }) });
+  ]), o = s(i), n = f(o.getRootProps(), e);
+  return /* @__PURE__ */ r(P, { value: o, children: /* @__PURE__ */ r(m.nav, { ...n, ref: t }) });
 });
 l.displayName = "PaginationRoot";
 export {

package/dist/node_modules/@ark-ui/react/dist/components/pagination/use-pagination.js

@@ -1,23 +1,17 @@
-import { machine as m, connect as c } from "../../../../../@zag-js/pagination/dist/index.js";
-import { useMachine as s, normalizeProps as g } from "../../../../../@zag-js/react/dist/index.js";
-import { useId as u } from "react";
-import { useEnvironmentContext as f } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as d } from "../../providers/locale/use-locale-context.js";
-import { useEvent as p } from "../../utils/use-event.js";
-const E = (e) => {
-  const { getRootNode: o } = f(), { dir: n } = d(), t = {
-    id: u(),
+import { machine as m, connect as s } from "../../../../../@zag-js/pagination/dist/index.js";
+import { useMachine as c, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
+import { useId as a } from "react";
+import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as f } from "../../providers/locale/use-locale-context.js";
+const l = (o) => {
+  const t = a(), { getRootNode: e } = u(), { dir: n } = f(), r = {
+    id: t,
     dir: n,
-    getRootNode: o,
-    page: e.defaultPage,
-    ...e
-  }, a = {
-    ...t,
-    page: e.page,
-    onPageChange: p(e.onPageChange, { sync: !0 })
-  }, [i, r] = s(m(t), { context: a });
-  return c(i, r, g);
+    getRootNode: e,
+    ...o
+  }, i = c(m, r);
+  return s(i, p);
 };
 export {
-  E as usePagination
+  l as usePagination
 };

package/dist/node_modules/@ark-ui/react/dist/components/portal/portal.js

@@ -1,19 +1,28 @@
-import { jsx as e, Fragment as n } from "react/jsx-runtime";
-import { isShadowRoot as f, getDocument as c } from "../../../../../@zag-js/dom-query/dist/index.js";
-import { Children as p } from "react";
-import { createPortal as a } from "react-dom";
-import { useEnvironmentContext as l } from "../../providers/environment/use-environment-context.js";
-import { useIsServer as g } from "../../utils/use-is-server.js";
-const C = (t) => {
-  const { children: r, container: o, disabled: m } = t, i = g(), { getRootNode: s } = l();
-  if (i || m) return /* @__PURE__ */ e(n, { children: r });
-  const d = (o == null ? void 0 : o.current) ?? N(s);
-  return /* @__PURE__ */ e(n, { children: p.map(r, (u) => a(u, d)) });
+import { jsx as i, Fragment as c } from "react/jsx-runtime";
+import { isShadowRoot as f, getDocument as l } from "../../../../../@zag-js/dom-query/dist/index.js";
+import { useState as g, useSyncExternalStore as N, useEffect as S, Children as h } from "react";
+import { createPortal as x } from "react-dom";
+import { useEnvironmentContext as C } from "../../providers/environment/use-environment-context.js";
+const w = (t) => {
+  var n;
+  const { children: o, disabled: e } = t, [s, a] = g((n = t.container) == null ? void 0 : n.current), m = N(
+    P,
+    () => !1,
+    () => !0
+  ), { getRootNode: u } = C();
+  if (S(() => {
+    a(() => {
+      var r;
+      return (r = t.container) == null ? void 0 : r.current;
+    });
+  }, [t.container]), m || e) return /* @__PURE__ */ i(c, { children: o });
+  const d = s ?? E(u);
+  return /* @__PURE__ */ i(c, { children: h.map(o, (r) => x(r, d)) });
+}, E = (t) => {
+  const o = t == null ? void 0 : t(), e = o.getRootNode();
+  return f(e) ? e : l(o).body;
+}, P = () => () => {
 };
-function N(t) {
-  const r = t == null ? void 0 : t(), o = r.getRootNode();
-  return f(o) ? o : c(r).body;
-}
 export {
-  C as Portal
+  w as Portal
 };

package/dist/node_modules/@ark-ui/react/dist/components/presence/split-presence-props.js

@@ -1,11 +1,12 @@
 import { createSplitProps as e } from "../../utils/create-split-props.js";
-const n = (t) => e()(t, [
+const o = (t) => e()(t, [
   "immediate",
   "lazyMount",
   "onExitComplete",
   "present",
+  "skipAnimationOnMount",
   "unmountOnExit"
 ]);
 export {
-  n as splitPresenceProps
+  o as splitPresenceProps
 };

package/dist/node_modules/@ark-ui/react/dist/components/presence/use-presence.js

@@ -1,25 +1,25 @@
-import { machine as a, connect as f } from "../../../../../@zag-js/presence/dist/index.js";
-import { useMachine as d } from "../../../../../@zag-js/react/dist/index.js";
-import { useRef as P } from "react";
-import { composeRefs as l } from "../../utils/compose-refs.js";
-import { useEvent as x } from "../../utils/use-event.js";
-const R = (t) => {
-  const { lazyMount: o, unmountOnExit: s, ...c } = t, n = P(!1), r = {
-    ...c,
-    onExitComplete: x(t.onExitComplete)
-  }, [m, p] = d(a(r), { context: r }), e = f(m, p);
-  e.present && (n.current = !0);
-  const u = !e.present && !n.current && o || s && !e.present && n.current;
+import { machine as f, connect as d } from "../../../../../@zag-js/presence/dist/index.js";
+import { useMachine as l } from "../../../../../@zag-js/react/dist/index.js";
+import { useRef as E } from "react";
+import { useEvent as P } from "../../utils/use-event.js";
+const k = (n = {}) => {
+  const { lazyMount: s, unmountOnExit: o, present: r, skipAnimationOnMount: c = !1, ...i } = n, t = E(!1), p = {
+    ...i,
+    present: r,
+    onExitComplete: P(n.onExitComplete)
+  }, m = l(f, p), e = d(m);
+  e.present && (t.current = !0);
+  const u = !e.present && !t.current && s || o && !e.present && t.current, a = () => ({
+    "data-state": e.skip && c ? void 0 : r ? "open" : "closed",
+    hidden: !e.present
+  });
   return {
-    getPresenceProps: (i) => ({
-      ref: l(e.setNode, i),
-      "data-state": t.present ? "open" : "closed",
-      hidden: !e.present
-    }),
+    ref: e.setNode,
+    getPresenceProps: a,
     present: e.present,
     unmounted: u
   };
 };
 export {
-  R as usePresence
+  k as usePresence
 };

package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js

@@ -4,12 +4,10 @@ import { ark as s } from "../factory.js";
 import { useRadioGroupContext as n } from "./use-radio-group-context.js";
 import { useRadioGroupItemPropsContext as a } from "./use-radio-group-item-props-context.js";
 import { mergeProps as d } from "../../../../../@zag-js/core/dist/index.js";
-const f = i(
-  (o, r) => {
-    const t = n(), m = a(), e = d(t.getItemControlProps(m), o);
-    return /* @__PURE__ */ p(s.div, { ...e, ref: r });
-  }
-);
+const f = i((o, r) => {
+  const t = n(), m = a(), e = d(t.getItemControlProps(m), o);
+  return /* @__PURE__ */ p(s.div, { ...e, ref: r });
+});
 f.displayName = "RadioGroupItemControl";
 export {
   f as RadioGroupItemControl

package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js

@@ -4,12 +4,10 @@ import { ark as i } from "../factory.js";
 import { useRadioGroupContext as a } from "./use-radio-group-context.js";
 import { useRadioGroupItemPropsContext as d } from "./use-radio-group-item-props-context.js";
 import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
-const n = s(
-  (o, r) => {
-    const t = a(), e = d(), m = f(t.getItemTextProps(e), o);
-    return /* @__PURE__ */ p(i.span, { ...m, ref: r });
-  }
-);
+const n = s((o, r) => {
+  const t = a(), e = d(), m = f(t.getItemTextProps(e), o);
+  return /* @__PURE__ */ p(i.span, { ...m, ref: r });
+});
 n.displayName = "RadioGroupItemText";
 export {
   n as RadioGroupItemText

package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js

@@ -7,11 +7,7 @@ import { RadioGroupItemProvider as f } from "./use-radio-group-item-context.js";
 import { RadioGroupItemPropsProvider as n } from "./use-radio-group-item-props-context.js";
 import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
 const P = d((t, m) => {
-  const [o, i] = s()(t, [
-    "value",
-    "disabled",
-    "invalid"
-  ]), e = u(), p = c(e.getItemProps(o), i), a = e.getItemState(o);
+  const [o, i] = s()(t, ["value", "disabled", "invalid"]), e = u(), p = c(e.getItemProps(o), i), a = e.getItemState(o);
   return /* @__PURE__ */ r(f, { value: a, children: /* @__PURE__ */ r(n, { value: o, children: /* @__PURE__ */ r(l.label, { ...p, ref: m }) }) });
 });
 P.displayName = "RadioGroupItem";

package/dist/node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js

@@ -1,25 +1,17 @@
-import { machine as u, connect as m } from "../../../../../@zag-js/radio-group/dist/index.js";
-import { useMachine as c, normalizeProps as s } from "../../../../../@zag-js/react/dist/index.js";
-import { useId as l } from "react";
-import { useEnvironmentContext as d } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as f } from "../../providers/locale/use-locale-context.js";
-import { useEvent as v } from "../../utils/use-event.js";
-const E = (e) => {
-  const { getRootNode: t } = d(), { dir: n } = f(), o = {
-    id: l(),
-    dir: n,
-    getRootNode: t,
-    value: e.defaultValue,
-    ...e
-  }, r = {
-    ...o,
-    value: e.value,
-    onValueChange: v(e.onValueChange, { sync: !0 })
-  }, [a, i] = c(u(o), {
-    context: r
-  });
-  return m(a, i, s);
+import { machine as m, connect as s } from "../../../../../@zag-js/radio-group/dist/index.js";
+import { useMachine as c, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
+import { useId as u } from "react";
+import { useEnvironmentContext as a } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as d } from "../../providers/locale/use-locale-context.js";
+const C = (o) => {
+  const t = u(), { getRootNode: e } = a(), { dir: r } = d(), n = {
+    id: t,
+    dir: r,
+    getRootNode: e,
+    ...o
+  }, i = c(m, n);
+  return s(i, p);
 };
 export {
-  E as useRadioGroup
+  C as useRadioGroup
 };

package/dist/node_modules/@ark-ui/react/dist/components/select/select-content.js

@@ -1,14 +1,15 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { ark as p } from "../factory.js";
+import { composeRefs as p } from "../../utils/compose-refs.js";
+import { ark as f } from "../factory.js";
 import { usePresenceContext as c } from "../presence/use-presence-context.js";
-import { useSelectContext as f } from "./use-select-context.js";
-import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
-const l = s((t, r) => {
-  const o = f(), e = c(), n = i(o.getContentProps(), e.getPresenceProps(r), t);
-  return e.unmounted ? null : /* @__PURE__ */ m(p.div, { ...n });
+import { useSelectContext as i } from "./use-select-context.js";
+import { mergeProps as l } from "../../../../../@zag-js/core/dist/index.js";
+const u = s((r, o) => {
+  const t = i(), e = c(), n = l(t.getContentProps(), e.getPresenceProps(), r);
+  return e.unmounted ? null : /* @__PURE__ */ m(f.div, { ...n, ref: p(e.ref, o) });
 });
-l.displayName = "SelectContent";
+u.displayName = "SelectContent";
 export {
-  l as SelectContent
+  u as SelectContent
 };

package/dist/node_modules/@ark-ui/react/dist/components/select/select-root.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { createSplitProps as d } from "../../utils/create-split-props.js";
+import { forwardRef as d } from "react";
+import { createSplitProps as a } from "../../utils/create-split-props.js";
 import { ark as u } from "../factory.js";
 import { splitPresenceProps as f } from "../presence/split-presence-props.js";
 import { usePresence as P } from "../presence/use-presence.js";
@@ -8,10 +8,12 @@ import { PresenceProvider as g } from "../presence/use-presence-context.js";
 import { useSelect as h } from "./use-select.js";
 import { SelectProvider as S } from "./use-select-context.js";
 import { mergeProps as r } from "../../../../../@zag-js/core/dist/index.js";
-const v = (t, s) => {
-  const [i, n] = f(t), [l, p] = d()(n, [
+const v = (t, l) => {
+  const [n, s] = f(t), [i, c] = a()(s, [
     "closeOnSelect",
+    "collection",
     "composite",
+    "defaultHighlightedValue",
     "defaultOpen",
     "defaultValue",
     "deselectable",
@@ -21,10 +23,6 @@ const v = (t, s) => {
     "id",
     "ids",
     "invalid",
-    "isItemDisabled",
-    "items",
-    "itemToString",
-    "itemToValue",
     "loopFocus",
     "multiple",
     "name",
@@ -33,6 +31,7 @@ const v = (t, s) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onSelect",
     "onValueChange",
     "open",
     "positioning",
@@ -40,9 +39,9 @@ const v = (t, s) => {
     "required",
     "scrollToIndexFn",
     "value"
-  ]), e = h(l), c = P(r({ present: e.open }, i)), m = r(e.getRootProps(), p);
-  return /* @__PURE__ */ o(S, { value: e, children: /* @__PURE__ */ o(g, { value: c, children: /* @__PURE__ */ o(u.div, { ...m, ref: s }) }) });
-}, D = a(v);
+  ]), e = h(i), p = P(r({ present: e.open }, n)), m = r(e.getRootProps(), c);
+  return /* @__PURE__ */ o(S, { value: e, children: /* @__PURE__ */ o(g, { value: p, children: /* @__PURE__ */ o(u.div, { ...m, ref: l }) }) });
+}, j = d(v);
 export {
-  D as SelectRoot
+  j as SelectRoot
 };

package/dist/node_modules/@ark-ui/react/dist/components/select/use-select.js

@@ -1,53 +1,26 @@
-import { useMachine as h, normalizeProps as C } from "../../../../../@zag-js/react/dist/index.js";
-import { collection as v, machine as p, connect as O } from "../../../../../@zag-js/select/dist/index.js";
-import { useMemo as b, useId as x, useEffect as P } from "react";
-import { useEnvironmentContext as S } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as V } from "../../providers/locale/use-locale-context.js";
-import { createSplitProps as y } from "../../utils/create-split-props.js";
-import { useEvent as n } from "../../utils/use-event.js";
-import { useFieldContext as E } from "../field/use-field-context.js";
-const z = (o) => {
-  const [i, r] = y()(o, [
-    "isItemDisabled",
-    "itemToValue",
-    "itemToString",
-    "items"
-  ]), t = b(
-    () => v(i),
-    Object.values(i)
-  ), a = V(), s = S(), e = E(), c = {
-    id: x(),
+import { useMachine as i, normalizeProps as m } from "../../../../../@zag-js/react/dist/index.js";
+import { machine as a, connect as d } from "../../../../../@zag-js/select/dist/index.js";
+import { useId as p } from "react";
+import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as l } from "../../providers/locale/use-locale-context.js";
+import { useFieldContext as b } from "../field/use-field-context.js";
+const O = (r) => {
+  const t = p(), { dir: e } = l(), { getRootNode: n } = u(), o = b(), s = {
+    id: t,
     ids: {
-      label: e == null ? void 0 : e.ids.label,
-      hiddenSelect: e == null ? void 0 : e.ids.control
+      label: o == null ? void 0 : o.ids.label,
+      hiddenSelect: o == null ? void 0 : o.ids.control
     },
-    disabled: e == null ? void 0 : e.disabled,
-    readOnly: e == null ? void 0 : e.readOnly,
-    invalid: e == null ? void 0 : e.invalid,
-    required: e == null ? void 0 : e.required,
-    dir: a.dir,
-    getRootNode: s.getRootNode,
-    collection: t,
-    open: o.defaultOpen,
-    value: o.defaultValue,
-    "open.controlled": o.open !== void 0,
+    disabled: o == null ? void 0 : o.disabled,
+    readOnly: o == null ? void 0 : o.readOnly,
+    invalid: o == null ? void 0 : o.invalid,
+    required: o == null ? void 0 : o.required,
+    dir: e,
+    getRootNode: n,
     ...r
-  }, m = (() => {
-    const { collection: q, ...g } = c;
-    return {
-      ...g,
-      value: o.value,
-      onValueChange: n(o.onValueChange, { sync: !0 }),
-      onHighlightChange: n(o.onHighlightChange),
-      onOpenChange: n(o.onOpenChange)
-    };
-  })(), [u, d] = h(p(c), {
-    context: m
-  }), l = O(u, d, C);
-  return P(() => {
-    l.setCollection(t);
-  }, [t]), l;
+  }, c = i(a, s);
+  return d(c, m);
 };
 export {
-  z as useSelect
+  O as useSelect
 };

package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js

@@ -4,12 +4,10 @@ import { ark as p } from "../factory.js";
 import { useFieldContext as s } from "../field/use-field-context.js";
 import { useSwitchContext as d } from "./use-switch-context.js";
 import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
-const a = n(
-  (t, o) => {
-    const e = d(), i = c(e.getHiddenInputProps(), t), r = s();
-    return /* @__PURE__ */ m(p.input, { "aria-describedby": r == null ? void 0 : r.ariaDescribedby, ...i, ref: o });
-  }
-);
+const a = n((t, o) => {
+  const e = d(), i = c(e.getHiddenInputProps(), t), r = s();
+  return /* @__PURE__ */ m(p.input, { "aria-describedby": r == null ? void 0 : r.ariaDescribedby, ...i, ref: o });
+});
 a.displayName = "SwitchHiddenInput";
 export {
   a as SwitchHiddenInput

package/dist/node_modules/@ark-ui/react/dist/components/switch/use-switch.js

@@ -1,31 +1,25 @@
-import { useMachine as a, normalizeProps as d } from "../../../../../@zag-js/react/dist/index.js";
-import { machine as m, connect as u } from "../../../../../@zag-js/switch/dist/index.js";
-import { useId as h } from "react";
-import { useEnvironmentContext as C } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as k } from "../../providers/locale/use-locale-context.js";
-import { useEvent as x } from "../../utils/use-event.js";
-import { useFieldContext as l } from "../field/use-field-context.js";
-const I = (t) => {
-  const { getRootNode: o } = C(), { dir: r } = k(), e = l(), n = {
-    id: h(),
+import { useMachine as c, normalizeProps as m } from "../../../../../@zag-js/react/dist/index.js";
+import { machine as a, connect as p } from "../../../../../@zag-js/switch/dist/index.js";
+import { useId as u } from "react";
+import { useEnvironmentContext as d } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as h } from "../../providers/locale/use-locale-context.js";
+import { useFieldContext as b } from "../field/use-field-context.js";
+const I = (r) => {
+  const t = u(), { getRootNode: n } = d(), { dir: e } = h(), o = b(), s = {
+    id: t,
     ids: {
-      label: e == null ? void 0 : e.ids.label,
-      hiddenInput: e == null ? void 0 : e.ids.control
+      label: o == null ? void 0 : o.ids.label,
+      hiddenInput: o == null ? void 0 : o.ids.control
     },
-    dir: r,
-    disabled: e == null ? void 0 : e.disabled,
-    readOnly: e == null ? void 0 : e.readOnly,
-    invalid: e == null ? void 0 : e.invalid,
-    required: e == null ? void 0 : e.required,
-    getRootNode: o,
-    checked: t.defaultChecked,
-    ...t
-  }, c = {
-    ...n,
-    checked: t.checked,
-    onCheckedChange: x(t.onCheckedChange, { sync: !0 })
-  }, [s, i] = a(m(n), { context: c });
-  return u(s, i, d);
+    dir: e,
+    disabled: o == null ? void 0 : o.disabled,
+    readOnly: o == null ? void 0 : o.readOnly,
+    invalid: o == null ? void 0 : o.invalid,
+    required: o == null ? void 0 : o.required,
+    getRootNode: n,
+    ...r
+  }, i = c(a, s);
+  return p(i, m);
 };
 export {
   I as useSwitch