@serendie/ui 1.0.0 → 2.0.0-dev.202507172231

package/dist/index.js

@@ -1,97 +1,114 @@
-import { SerendiePreset as t } from "./preset.js";
+import { SerendiePreset as e } from "./preset.js";
 import { Accordion as a } from "./components/Accordion/Accordion.js";
-import { AccordionGroup as x } from "./components/Accordion/AccordionGroup.js";
-import { Avatar as i, AvatarStyle as c } from "./components/Avatar/Avatar.js";
-import { Badge as f, BadgeCloseButton as d, BadgeStyle as s } from "./components/Badge/Badge.js";
-import { Banner as S } from "./components/Banner/Banner.js";
-import { BottomNavigation as y } from "./components/BottomNavigation/BottomNavigation.js";
-import { BottomNavigationItem as I, BottomNavigationItemStyle as g } from "./components/BottomNavigation/BottomNavigationItem.js";
-import { Button as u, ButtonStyle as k } from "./components/Button/Button.js";
-import { CheckBox as b, CheckBoxStyle as v, checkboxCheckedIconCss as D, checkboxIconCss as w, checkboxUncheckedIconCss as A } from "./components/CheckBox/CheckBox.js";
-import { ChoiceBox as N, ChoiceBoxStyle as L } from "./components/ChoiceBox/ChoiceBox.js";
-import { DashboardWidget as R } from "./components/DashboardWidget/DashboardWidget.js";
-import { Divider as G, DividerStyle as U } from "./components/Divider/Divider.js";
-import { Drawer as j } from "./components/Drawer/Drawer.js";
-import { DropdownMenu as z, DropdownMenuStyle as E } from "./components/DropdownMenu/DropdownMenu.js";
-import { IconButton as J, IconButtonStyle as K } from "./components/IconButton/IconButton.js";
-import { List as Q } from "./components/List/List.js";
-import { ListItem as X, ListItemStyle as Y } from "./components/List/ListItem.js";
-import { ModalDialog as _ } from "./components/ModalDialog/ModalDialog.js";
-import { NotificationBadge as oo } from "./components/NotificationBadge/NotificationBadge.js";
-import { Pagination as to, PaginationStyle as ro } from "./components/Pagination/Pagination.js";
-import { PasswordField as mo } from "./components/PasswordField/PasswordField.js";
-import { ProgressIndicator as po, ProgressIndicatorStyle as io } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { RadioButton as no, RadioButtonStyle as fo, radioCheckedIconCss as so, radioIconCss as lo, radioUncheckedIconCss as So } from "./components/RadioButton/RadioButton.js";
-import { RadioGroup as yo } from "./components/RadioButton/RadioGroup.js";
-import { Search as Io, SearchStyle as go } from "./components/Search/Search.js";
-import { Select as uo, SelectStyle as ko } from "./components/Select/Select.js";
-import { Switch as bo, SwitchStyle as vo } from "./components/Switch/Switch.js";
-import { Tabs as wo, TabsStyle as Ao } from "./components/Tabs/Tabs.js";
-import { TabItem as No, TabItemStyle as Lo } from "./components/Tabs/TabItem.js";
-import { TextArea as Ro } from "./components/TextArea/TextArea.js";
-import { TextField as Go } from "./components/TextField/TextField.js";
-import { Toast as Wo, ToastStyle as jo, toaster as qo } from "./components/Toast/Toast.js";
-import { TopAppBar as Eo } from "./components/TopAppBar/TopAppBar.js";
+import { AccordionGroup as m } from "./components/Accordion/AccordionGroup.js";
+import { Avatar as x, AvatarStyle as n } from "./components/Avatar/Avatar.js";
+import { Badge as f, BadgeCloseButton as s, BadgeStyle as d } from "./components/Badge/Badge.js";
+import { Banner as h } from "./components/Banner/Banner.js";
+import { BottomNavigation as S } from "./components/BottomNavigation/BottomNavigation.js";
+import { BottomNavigationItem as g, BottomNavigationItemStyle as y } from "./components/BottomNavigation/BottomNavigationItem.js";
+import { Button as I, ButtonStyle as T } from "./components/Button/Button.js";
+import { SerendieChartTheme as b } from "./components/Chart/SerendieChartTheme.js";
+import { compactChartMargin as D, defaultChartMargin as v, getChartColor as M, getChartColors as w, legendChartMargin as A, spaciousChartMargin as L, useBarChartProps as N, useChartProps as R, useLineChartProps as F, usePieChartProps as G } from "./components/Chart/SerendieChartProps.js";
+import { CheckBox as W, CheckBoxStyle as j, checkboxCheckedIconCss as q, checkboxIconCss as z, checkboxUncheckedIconCss as E } from "./components/CheckBox/CheckBox.js";
+import { ChoiceBox as J, ChoiceBoxStyle as K } from "./components/ChoiceBox/ChoiceBox.js";
+import { DashboardWidget as Q } from "./components/DashboardWidget/DashboardWidget.js";
+import { DataTable as X } from "./components/DataTable/index.js";
+import { Divider as Z, DividerStyle as _ } from "./components/Divider/Divider.js";
+import { Drawer as oo } from "./components/Drawer/Drawer.js";
+import { DropdownMenu as eo, DropdownMenuStyle as to } from "./components/DropdownMenu/DropdownMenu.js";
+import { IconButton as po, IconButtonStyle as mo } from "./components/IconButton/IconButton.js";
+import { List as xo } from "./components/List/List.js";
+import { ListItem as co, ListItemStyle as fo } from "./components/List/ListItem.js";
+import { ModalDialog as lo } from "./components/ModalDialog/ModalDialog.js";
+import { NotificationBadge as Co } from "./components/NotificationBadge/NotificationBadge.js";
+import { Pagination as Bo, PaginationStyle as go } from "./components/Pagination/Pagination.js";
+import { PasswordField as uo } from "./components/PasswordField/PasswordField.js";
+import { ProgressIndicator as To, ProgressIndicatorStyle as Po } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { RadioButton as ko, RadioButtonStyle as Do, radioCheckedIconCss as vo, radioIconCss as Mo, radioUncheckedIconCss as wo } from "./components/RadioButton/RadioButton.js";
+import { RadioGroup as Lo } from "./components/RadioButton/RadioGroup.js";
+import { Search as Ro, SearchStyle as Fo } from "./components/Search/Search.js";
+import { Select as Uo, SelectStyle as Wo } from "./components/Select/Select.js";
+import { Switch as qo, SwitchStyle as zo } from "./components/Switch/Switch.js";
+import { Tabs as Ho, TabsStyle as Jo } from "./components/Tabs/Tabs.js";
+import { TabItem as Oo, TabItemStyle as Qo } from "./components/Tabs/TabItem.js";
+import { TextArea as Xo } from "./components/TextArea/TextArea.js";
+import { TextField as Zo } from "./components/TextField/TextField.js";
+import { Toast as $o, ToastStyle as or, toaster as rr } from "./components/Toast/Toast.js";
+import { TopAppBar as tr } from "./components/TopAppBar/TopAppBar.js";
+import { DataTableComponent as pr } from "./components/DataTable/DataTableComponent.js";
 export {
   a as Accordion,
-  x as AccordionGroup,
-  i as Avatar,
-  c as AvatarStyle,
+  m as AccordionGroup,
+  x as Avatar,
+  n as AvatarStyle,
   f as Badge,
-  d as BadgeCloseButton,
-  s as BadgeStyle,
-  S as Banner,
-  y as BottomNavigation,
-  I as BottomNavigationItem,
-  g as BottomNavigationItemStyle,
-  u as Button,
-  k as ButtonStyle,
-  b as CheckBox,
-  v as CheckBoxStyle,
-  N as ChoiceBox,
-  L as ChoiceBoxStyle,
-  R as DashboardWidget,
-  G as Divider,
-  U as DividerStyle,
-  j as Drawer,
-  z as DropdownMenu,
-  E as DropdownMenuStyle,
-  J as IconButton,
-  K as IconButtonStyle,
-  Q as List,
-  X as ListItem,
-  Y as ListItemStyle,
-  _ as ModalDialog,
-  oo as NotificationBadge,
-  to as Pagination,
-  ro as PaginationStyle,
-  mo as PasswordField,
-  po as ProgressIndicator,
-  io as ProgressIndicatorStyle,
-  no as RadioButton,
-  fo as RadioButtonStyle,
-  yo as RadioGroup,
-  Io as Search,
-  go as SearchStyle,
-  uo as Select,
-  ko as SelectStyle,
-  t as SerendiePreset,
-  bo as Switch,
-  vo as SwitchStyle,
-  No as TabItem,
-  Lo as TabItemStyle,
-  wo as Tabs,
-  Ao as TabsStyle,
-  Ro as TextArea,
-  Go as TextField,
-  Wo as Toast,
-  jo as ToastStyle,
-  Eo as TopAppBar,
-  D as checkboxCheckedIconCss,
-  w as checkboxIconCss,
-  A as checkboxUncheckedIconCss,
-  so as radioCheckedIconCss,
-  lo as radioIconCss,
-  So as radioUncheckedIconCss,
-  qo as toaster
+  s as BadgeCloseButton,
+  d as BadgeStyle,
+  h as Banner,
+  S as BottomNavigation,
+  g as BottomNavigationItem,
+  y as BottomNavigationItemStyle,
+  I as Button,
+  T as ButtonStyle,
+  W as CheckBox,
+  j as CheckBoxStyle,
+  J as ChoiceBox,
+  K as ChoiceBoxStyle,
+  Q as DashboardWidget,
+  X as DataTable,
+  pr as DataTableComponent,
+  Z as Divider,
+  _ as DividerStyle,
+  oo as Drawer,
+  eo as DropdownMenu,
+  to as DropdownMenuStyle,
+  po as IconButton,
+  mo as IconButtonStyle,
+  xo as List,
+  co as ListItem,
+  fo as ListItemStyle,
+  lo as ModalDialog,
+  Co as NotificationBadge,
+  Bo as Pagination,
+  go as PaginationStyle,
+  uo as PasswordField,
+  To as ProgressIndicator,
+  Po as ProgressIndicatorStyle,
+  ko as RadioButton,
+  Do as RadioButtonStyle,
+  Lo as RadioGroup,
+  Ro as Search,
+  Fo as SearchStyle,
+  Uo as Select,
+  Wo as SelectStyle,
+  b as SerendieChartTheme,
+  e as SerendiePreset,
+  qo as Switch,
+  zo as SwitchStyle,
+  Oo as TabItem,
+  Qo as TabItemStyle,
+  Ho as Tabs,
+  Jo as TabsStyle,
+  Xo as TextArea,
+  Zo as TextField,
+  $o as Toast,
+  or as ToastStyle,
+  tr as TopAppBar,
+  q as checkboxCheckedIconCss,
+  z as checkboxIconCss,
+  E as checkboxUncheckedIconCss,
+  D as compactChartMargin,
+  v as defaultChartMargin,
+  M as getChartColor,
+  w as getChartColors,
+  A as legendChartMargin,
+  vo as radioCheckedIconCss,
+  Mo as radioIconCss,
+  wo as radioUncheckedIconCss,
+  L as spaciousChartMargin,
+  rr as toaster,
+  N as useBarChartProps,
+  R as useChartProps,
+  F as useLineChartProps,
+  G as usePieChartProps
 };

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

@@ -5,12 +5,10 @@ import { CollapsibleContent as d } from "../collapsible/collapsible-content.js";
 import { useAccordionContext as a } from "./use-accordion-context.js";
 import { useAccordionItemPropsContext as f } from "./use-accordion-item-props-context.js";
 import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
-const C = c(), l = p(
-  (o, t) => {
-    const r = a(), e = f(), n = r.getItemContentProps(e), [, s] = C(n, ["hidden", "data-state"]), i = P(s, o);
-    return /* @__PURE__ */ m(d, { ref: t, ...i });
-  }
-);
+const C = c(), l = p((o, t) => {
+  const r = a(), e = f(), n = r.getItemContentProps(e), [, s] = C(n, ["hidden", "data-state"]), i = P(s, o);
+  return /* @__PURE__ */ m(d, { ref: t, ...i });
+});
 l.displayName = "AccordionItemContent";
 export {
   l as AccordionItemContent

package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-indicator.js

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

package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-trigger.js

@@ -5,18 +5,16 @@ import { ark as a } from "../factory.js";
 import { useAccordionContext as g } from "./use-accordion-context.js";
 import { useAccordionItemPropsContext as d } from "./use-accordion-item-props-context.js";
 import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
-const l = c(
-  (r, t) => {
-    const e = g(), i = d(), m = p(), o = e.getItemTriggerProps(i), s = f(
-      {
-        ...o,
-        "aria-controls": m.isUnmounted ? void 0 : o["aria-controls"]
-      },
-      r
-    );
-    return /* @__PURE__ */ n(a.button, { ...s, ref: t });
-  }
-);
+const l = c((r, t) => {
+  const e = g(), i = d(), m = p(), o = e.getItemTriggerProps(i), s = f(
+    {
+      ...o,
+      "aria-controls": m.isUnmounted ? void 0 : o["aria-controls"]
+    },
+    r
+  );
+  return /* @__PURE__ */ n(a.button, { ...s, ref: t });
+});
 l.displayName = "AccordionItemTrigger";
 export {
   l as AccordionItemTrigger

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

@@ -1,26 +1,26 @@
 import { jsx as t } from "react/jsx-runtime";
-import { splitItemProps as d } from "../../../../../@zag-js/accordion/dist/index.js";
-import { forwardRef as a } from "react";
-import { useAccordionContext as P } from "./use-accordion-context.js";
-import { AccordionItemProvider as f } from "./use-accordion-item-context.js";
-import { CollapsibleRoot as l } from "../collapsible/collapsible-root.js";
-import { useRenderStrategyPropsContext as I } from "../../utils/render-strategy.js";
-import { AccordionItemPropsProvider as g } from "./use-accordion-item-props-context.js";
+import { forwardRef as d } from "react";
+import { useAccordionContext as a } from "./use-accordion-context.js";
+import { AccordionItemProvider as l } from "./use-accordion-item-context.js";
+import { CollapsibleRoot as P } from "../collapsible/collapsible-root.js";
+import { createSplitProps as f } from "../../utils/create-split-props.js";
+import { useRenderStrategyPropsContext as g } from "../../utils/render-strategy.js";
+import { AccordionItemPropsProvider as I } from "./use-accordion-item-props-context.js";
 import { mergeProps as u } from "../../../../../@zag-js/core/dist/index.js";
-const x = a((m, n) => {
-  const [o, i] = d(m), r = P(), p = I(), s = u(r.getItemProps(o), i), e = r.getItemState(o), c = r.getItemContentProps(o);
-  return /* @__PURE__ */ t(g, { value: o, children: /* @__PURE__ */ t(f, { value: e, children: /* @__PURE__ */ t(
-    l,
+const v = d((m, i) => {
+  const [o, n] = f()(m, ["value", "disabled"]), r = a(), p = g(), c = u(r.getItemProps(o), n), e = r.getItemState(o), s = r.getItemContentProps(o);
+  return /* @__PURE__ */ t(I, { value: o, children: /* @__PURE__ */ t(l, { value: e, children: /* @__PURE__ */ t(
+    P,
     {
-      ref: n,
+      ref: i,
       open: e.expanded,
-      ids: { content: c.id },
+      ids: { content: s.id },
       ...p,
-      ...s
+      ...c
     }
   ) }) });
 });
-x.displayName = "AccordionItem";
+v.displayName = "AccordionItem";
 export {
-  x as AccordionItem
+  v as AccordionItem
 };

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

@@ -1,24 +1,17 @@
-import { machine as u, connect as m } from "../../../../../@zag-js/accordion/dist/index.js";
-import { useMachine as s, normalizeProps as l } from "../../../../../@zag-js/react/dist/index.js";
-import { useId as d } from "react";
-import { useEnvironmentContext as f } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as C } from "../../providers/locale/use-locale-context.js";
-import { useEvent as n } from "../../utils/use-event.js";
-const F = (o = {}) => {
-  const { getRootNode: t } = f(), { dir: a } = C(), e = {
-    id: d(),
-    dir: a,
-    getRootNode: t,
-    value: o.defaultValue,
+import { connect as i, machine as m } from "../../../../../@zag-js/accordion/dist/index.js";
+import { useMachine as s, 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
-  }, c = {
-    ...e,
-    value: o.value,
-    onFocusChange: n(o.onFocusChange),
-    onValueChange: n(o.onValueChange)
-  }, [i, r] = s(u(e), { context: c });
-  return m(i, r, l);
+  }, c = s(m, n);
+  return i(c, p);
 };
 export {
-  F as useAccordion
+  C as useAccordion
 };

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

@@ -6,11 +6,7 @@ import { useAvatar as v } from "./use-avatar.js";
 import { AvatarProvider as d } from "./use-avatar-context.js";
 import { mergeProps as n } from "../../../../../@zag-js/core/dist/index.js";
 const c = s((t, a) => {
-  const [e, m] = i()(t, [
-    "id",
-    "ids",
-    "onStatusChange"
-  ]), r = v(e), p = n(r.getRootProps(), m);
+  const [e, m] = i()(t, ["id", "ids", "onStatusChange"]), r = v(e), p = n(r.getRootProps(), m);
   return /* @__PURE__ */ o(d, { value: r, children: /* @__PURE__ */ o(f.div, { ...p, ref: a }) });
 });
 c.displayName = "AvatarRoot";

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

@@ -1,21 +1,17 @@
-import { machine as m, connect as a } from "../../../../../@zag-js/avatar/dist/index.js";
-import { useMachine as c, normalizeProps as u } from "../../../../../@zag-js/react/dist/index.js";
-import { useId as f } from "react";
-import { useEnvironmentContext as p } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as d } from "../../providers/locale/use-locale-context.js";
-import { useEvent as x } from "../../utils/use-event.js";
-const S = (t = {}) => {
-  const { getRootNode: n } = p(), { dir: e } = d(), o = {
-    id: f(),
-    dir: e,
-    getRootNode: n,
-    ...t
-  }, r = {
-    ...o,
-    onStatusChange: x(t.onStatusChange)
-  }, [s, i] = c(m(o), { context: r });
-  return a(s, i, u);
+import { machine as m, connect as s } from "../../../../../@zag-js/avatar/dist/index.js";
+import { useMachine as i, 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 C = (o) => {
+  const t = a(), { getRootNode: e } = u(), { dir: r } = f(), n = {
+    id: t,
+    dir: r,
+    getRootNode: e,
+    ...o
+  }, c = i(m, n);
+  return s(c, p);
 };
 export {
-  S as useAvatar
+  C as useAvatar
 };

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

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

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

@@ -1,34 +1,28 @@
-import { machine as u, connect as d } from "../../../../../@zag-js/checkbox/dist/index.js";
-import { useMachine as p, normalizeProps as h } from "../../../../../@zag-js/react/dist/index.js";
-import { useMemo as C, useId as x } from "react";
-import { useEnvironmentContext as k } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as l } from "../../providers/locale/use-locale-context.js";
-import { useEvent as v } from "../../utils/use-event.js";
-import { useFieldContext as b } from "../field/use-field-context.js";
-import { useCheckboxGroupContext as g } from "./use-checkbox-group-context.js";
-import { mergeProps as y } from "../../../../../@zag-js/core/dist/index.js";
-const P = (n = {}) => {
-  const o = g(), e = b(), t = C(() => y(n, (o == null ? void 0 : o.getItemProps({ value: n.value })) ?? {}), [n, o]), { getRootNode: s } = k(), { dir: c } = l(), r = {
-    id: x(),
+import { machine as a, connect as u } from "../../../../../@zag-js/checkbox/dist/index.js";
+import { useMachine as p, normalizeProps as d } from "../../../../../@zag-js/react/dist/index.js";
+import { useMemo as v, useId as x } from "react";
+import { useEnvironmentContext as C } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as b } from "../../providers/locale/use-locale-context.js";
+import { useFieldContext as h } from "../field/use-field-context.js";
+import { useCheckboxGroupContext as l } from "./use-checkbox-group-context.js";
+import { mergeProps as g } from "../../../../../@zag-js/core/dist/index.js";
+const E = (t = {}) => {
+  const r = l(), o = h(), e = v(() => g(t, (r == null ? void 0 : r.getItemProps({ value: t.value })) ?? {}), [t, r]), n = x(), { getRootNode: s } = C(), { dir: m } = b(), i = {
+    id: n,
     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: c,
-    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: m,
+    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: s,
-    checked: t.defaultChecked,
-    ...t
-  }, m = {
-    ...r,
-    checked: t.checked,
-    onCheckedChange: v(t.onCheckedChange, { sync: !0 })
-  }, [i, a] = p(u(r), { context: m });
-  return d(i, a, h);
+    ...e
+  }, c = p(a, i);
+  return u(c, d);
 };
 export {
-  P as useCheckbox
+  E as useCheckbox
 };

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

@@ -3,15 +3,13 @@ import { forwardRef as n } from "react";
 import { ark as m } from "../factory.js";
 import { useCollapsibleContext as p } from "./use-collapsible-context.js";
 import { mergeProps as s } from "../../../../../@zag-js/core/dist/index.js";
-const i = n(
-  (r, t) => {
-    const o = p();
-    if (o.isUnmounted)
-      return null;
-    const e = s(o.getContentProps(), r);
-    return /* @__PURE__ */ l(m.div, { ...e, ref: t });
-  }
-);
+const i = n((r, t) => {
+  const o = p();
+  if (o.isUnmounted)
+    return null;
+  const e = s(o.getContentProps(), r);
+  return /* @__PURE__ */ l(m.div, { ...e, ref: t });
+});
 i.displayName = "CollapsibleContent";
 export {
   i as CollapsibleContent

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

@@ -1,26 +1,19 @@
-import { machine as f, connect as d } from "../../../../../@zag-js/collapsible/dist/index.js";
-import { useMachine as b, normalizeProps as v } from "../../../../../@zag-js/react/dist/index.js";
-import { useRef as x, useId as C } from "react";
+import { machine as a, connect as f } from "../../../../../@zag-js/collapsible/dist/index.js";
+import { useMachine as b, normalizeProps as d } from "../../../../../@zag-js/react/dist/index.js";
+import { useId as v, useRef as x } from "react";
 import { useEnvironmentContext as h } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as O } from "../../providers/locale/use-locale-context.js";
-import { useEvent as g } from "../../utils/use-event.js";
-const w = (e = {}) => {
-  const { lazyMount: i, unmountOnExit: s, ...r } = e, o = x(!1), { dir: c } = O(), { getRootNode: l } = h(), t = {
-    id: C(),
+import { useLocaleContext as C } from "../../providers/locale/use-locale-context.js";
+const g = (t = {}) => {
+  const { lazyMount: n, unmountOnExit: s, ...i } = t, r = v(), e = x(!1), { dir: c } = C(), { getRootNode: m } = h(), u = {
+    id: r,
     dir: c,
-    getRootNode: l,
-    open: e.defaultOpen,
-    "open.controlled": e.open !== void 0,
-    ...r
-  }, u = {
-    ...t,
-    open: e.open,
-    onOpenChange: g(e.onOpenChange, { sync: !0 })
-  }, [m, a] = b(f(t), { context: u }), n = d(m, a, v);
-  n.visible && (o.current = !0);
-  const p = !n.visible && !o.current && i || s && !n.visible && o.current;
-  return { ...n, isUnmounted: p };
+    getRootNode: m,
+    ...i
+  }, l = b(a, u), o = f(l, d);
+  o.visible && (e.current = !0);
+  const p = !o.visible && !e.current && n || s && !o.visible && e.current;
+  return { ...o, isUnmounted: p };
 };
 export {
-  w as useCollapsible
+  g as useCollapsible
 };

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

@@ -0,0 +1,5 @@
+import { ListCollection as t } from "../../../../../@zag-js/collection/dist/index.js";
+const i = (o) => new t(o);
+export {
+  i as createListCollection
+};

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

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

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

@@ -5,12 +5,10 @@ import { ark as f } from "../factory.js";
 import { useComboboxContext as n } from "./use-combobox-context.js";
 import { ComboboxItemGroupPropsProvider as P } from "./use-combobox-item-group-props-context.js";
 import { mergeProps as x } from "../../../../../@zag-js/core/dist/index.js";
-const a = c(
-  (m, t) => {
-    const p = u(), [e, s] = d()(m, ["id"]), o = { id: p, ...e }, i = n(), b = x(i.getItemGroupProps(o), s);
-    return /* @__PURE__ */ r(P, { value: o, children: /* @__PURE__ */ r(f.div, { ...b, ref: t }) });
-  }
-);
+const a = c((m, t) => {
+  const p = u(), [e, s] = d()(m, ["id"]), o = { id: p, ...e }, i = n(), b = x(i.getItemGroupProps(o), s);
+  return /* @__PURE__ */ r(P, { value: o, children: /* @__PURE__ */ r(f.div, { ...b, ref: t }) });
+});
 a.displayName = "ComboboxItemGroup";
 export {
   a as ComboboxItemGroup