@serendie/ui 3.3.0 → 3.4.0-dev.202605201157

package/dist/index.js

@@ -1,11 +1,11 @@
 import { SerendiePreset as r } from "./preset.js";
 import { ThemeContext as a, resolveTheme as m, useThemeContext as p } from "./theme/ThemeContext.js";
-import { useSystemColorScheme as x } from "./theme/useSystemColorScheme.js";
+import { useSystemColorScheme as i } from "./theme/useSystemColorScheme.js";
 import { ColorSchemeScript as s, getColorSchemeScript as f } from "./theme/initColorScheme.js";
 import { formatDateByLang as l, getTranslations as d, useTranslations as S } from "./i18n/index.js";
 import { Accordion as C } from "./components/Accordion/Accordion.js";
-import { AccordionGroup as B } from "./components/Accordion/AccordionGroup.js";
-import { Avatar as y, AvatarStyle as T } from "./components/Avatar/Avatar.js";
+import { AccordionGroup as y } from "./components/Accordion/AccordionGroup.js";
+import { Avatar as u, AvatarStyle as T } from "./components/Avatar/Avatar.js";
 import { Badge as P, BadgeCloseButton as D, BadgeStyle as b } from "./components/Badge/Badge.js";
 import { Banner as v } from "./components/Banner/Banner.js";
 import { BottomNavigation as w } from "./components/BottomNavigation/BottomNavigation.js";
@@ -16,12 +16,12 @@ import { compactChartMargin as q, defaultChartMargin as z, getChartColor as E, g
 import { CheckBox as Z, CheckBoxStyle as _, checkboxCheckedIconCss as $, checkboxIconCss as oo, checkboxUncheckedIconCss as eo } from "./components/CheckBox/CheckBox.js";
 import { ChoiceBox as to, ChoiceBoxStyle as ao } from "./components/ChoiceBox/ChoiceBox.js";
 import { DashboardWidget as po } from "./components/DashboardWidget/DashboardWidget.js";
-import { DataTable as xo } from "./components/DataTable/index.js";
+import { DataTable as io } from "./components/DataTable/index.js";
 import { DatePicker as so } from "./components/DatePicker/DatePicker.js";
 import { Divider as co, DividerStyle as lo } from "./components/Divider/Divider.js";
 import { Drawer as ho } from "./components/Drawer/Drawer.js";
-import { DropdownMenu as go, DropdownMenuStyle as Bo } from "./components/DropdownMenu/DropdownMenu.js";
-import { IconButton as yo, IconButtonStyle as To } from "./components/IconButton/IconButton.js";
+import { DropdownMenu as go, DropdownMenuStyle as yo } from "./components/DropdownMenu/DropdownMenu.js";
+import { IconButton as uo, IconButtonStyle as To } from "./components/IconButton/IconButton.js";
 import { List as Po } from "./components/List/List.js";
 import { ListItem as bo, ListItemStyle as ko } from "./components/List/ListItem.js";
 import { ModalDialog as Mo } from "./components/ModalDialog/ModalDialog.js";
@@ -35,21 +35,22 @@ import { RadioGroup as Vo } from "./components/RadioButton/RadioGroup.js";
 import { Search as Yo, SearchStyle as Zo } from "./components/Search/Search.js";
 import { Select as $o, SelectStyle as oe } from "./components/Select/Select.js";
 import { Slider as re, SliderStyle as te } from "./components/Slider/Slider.js";
-import { Switch as me, SwitchStyle as pe } from "./components/Switch/Switch.js";
-import { Tabs as xe, TabsStyle as ne } from "./components/Tabs/Tabs.js";
-import { TabItem as fe, TabItemStyle as ce } from "./components/Tabs/TabItem.js";
-import { TextArea as de } from "./components/TextArea/TextArea.js";
-import { TextField as he } from "./components/TextField/TextField.js";
-import { Toast as ge, ToastStyle as Be, toaster as ue } from "./components/Toast/Toast.js";
-import { Tooltip as Te } from "./components/Tooltip/Tooltip.js";
-import { TopAppBar as Pe } from "./components/TopAppBar/TopAppBar.js";
-import { DataTableComponent as be } from "./components/DataTable/DataTableComponent.js";
-import { LanguageProvider as ve, SerendieProvider as Me } from "./i18n/provider.js";
-import { parse as Ae } from "./node_modules/@zag-js/date-picker/dist/date-picker.parse.js";
+import { Steps as me, stepsStyles as pe } from "./components/Steps/Steps.js";
+import { Switch as ie, SwitchStyle as ne } from "./components/Switch/Switch.js";
+import { Tabs as fe, TabsStyle as ce } from "./components/Tabs/Tabs.js";
+import { TabItem as de, TabItemStyle as Se } from "./components/Tabs/TabItem.js";
+import { TextArea as Ce } from "./components/TextArea/TextArea.js";
+import { TextField as ye } from "./components/TextField/TextField.js";
+import { Toast as ue, ToastStyle as Te, toaster as Ie } from "./components/Toast/Toast.js";
+import { Tooltip as De } from "./components/Tooltip/Tooltip.js";
+import { TopAppBar as ke } from "./components/TopAppBar/TopAppBar.js";
+import { DataTableComponent as Me } from "./components/DataTable/DataTableComponent.js";
+import { LanguageProvider as Ae, SerendieProvider as Le } from "./i18n/provider.js";
+import { parse as Re } from "./node_modules/@zag-js/date-picker/dist/date-picker.parse.js";
 export {
   C as Accordion,
-  B as AccordionGroup,
-  y as Avatar,
+  y as AccordionGroup,
+  u as Avatar,
   T as AvatarStyle,
   P as Badge,
   D as BadgeCloseButton,
@@ -66,17 +67,17 @@ export {
   ao as ChoiceBoxStyle,
   s as ColorSchemeScript,
   po as DashboardWidget,
-  xo as DataTable,
-  be as DataTableComponent,
+  io as DataTable,
+  Me as DataTableComponent,
   so as DatePicker,
   co as Divider,
   lo as DividerStyle,
   ho as Drawer,
   go as DropdownMenu,
-  Bo as DropdownMenuStyle,
-  yo as IconButton,
+  yo as DropdownMenuStyle,
+  uo as IconButton,
   To as IconButtonStyle,
-  ve as LanguageProvider,
+  Ae as LanguageProvider,
   Po as List,
   bo as ListItem,
   ko as ListItemStyle,
@@ -96,22 +97,23 @@ export {
   oe as SelectStyle,
   W as SerendieChartTheme,
   r as SerendiePreset,
-  Me as SerendieProvider,
+  Le as SerendieProvider,
   re as Slider,
   te as SliderStyle,
-  me as Switch,
-  pe as SwitchStyle,
-  fe as TabItem,
-  ce as TabItemStyle,
-  xe as Tabs,
-  ne as TabsStyle,
-  de as TextArea,
-  he as TextField,
+  me as Steps,
+  ie as Switch,
+  ne as SwitchStyle,
+  de as TabItem,
+  Se as TabItemStyle,
+  fe as Tabs,
+  ce as TabsStyle,
+  Ce as TextArea,
+  ye as TextField,
   a as ThemeContext,
-  ge as Toast,
-  Be as ToastStyle,
-  Te as Tooltip,
-  Pe as TopAppBar,
+  ue as Toast,
+  Te as ToastStyle,
+  De as Tooltip,
+  ke as TopAppBar,
   $ as checkboxCheckedIconCss,
   oo as checkboxIconCss,
   eo as checkboxUncheckedIconCss,
@@ -123,18 +125,19 @@ export {
   f as getColorSchemeScript,
   d as getTranslations,
   J as legendChartMargin,
-  Ae as parseDate,
+  Re as parseDate,
   Jo as radioCheckedIconCss,
   Ko as radioIconCss,
   Oo as radioUncheckedIconCss,
   m as resolveTheme,
   K as spaciousChartMargin,
-  ue as toaster,
+  pe as stepsStyles,
+  Ie as toaster,
   O as useBarChartProps,
   Q as useChartProps,
   V as useLineChartProps,
   X as usePieChartProps,
-  x as useSystemColorScheme,
+  i as useSystemColorScheme,
   p as useThemeContext,
   S as useTranslations
 };

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

@@ -0,0 +1,16 @@
+import { ark as p } from "../factory.js";
+import { useStepsContext as m } from "./use-steps-context.js";
+import { forwardRef as s } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { mergeProps as i } from "../../../../../@zag-js/core/dist/merge-props.js";
+var d = s((o, e) => {
+  const t = m(), r = i(t.getContentProps({ index: t.count }), o);
+  return /* @__PURE__ */ n(p.div, {
+    ...r,
+    ref: e
+  });
+});
+d.displayName = "StepsCompletedContent";
+export {
+  d as StepsCompletedContent
+};

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

@@ -0,0 +1,17 @@
+import { createSplitProps as m } from "../../utils/create-split-props.js";
+import { ark as s } from "../factory.js";
+import { useStepsContext as n } from "./use-steps-context.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { mergeProps as f } from "../../../../../@zag-js/core/dist/merge-props.js";
+var P = m(), d = i((r, o) => {
+  const [t, e] = P(r, ["index"]), p = f(n().getContentProps(t), e);
+  return /* @__PURE__ */ a(s.div, {
+    ...p,
+    ref: o
+  });
+});
+d.displayName = "StepsContent";
+export {
+  d as StepsContent
+};

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

@@ -0,0 +1,9 @@
+import { useStepsContext as o } from "./use-steps-context.js";
+var n = (t) => {
+  const e = o();
+  return t.children(e);
+};
+n.displayName = "StepsContext";
+export {
+  n as StepsContext
+};

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

@@ -0,0 +1,17 @@
+import { ark as s } from "../factory.js";
+import { useStepsContext as m } from "./use-steps-context.js";
+import { useStepsItemPropsContext as i } from "./use-steps-item-props-context.js";
+import { forwardRef as n } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { mergeProps as f } from "../../../../../@zag-js/core/dist/merge-props.js";
+var d = n((r, o) => {
+  const t = m(), e = i(), p = f(t.getIndicatorProps(e), r);
+  return /* @__PURE__ */ a(s.div, {
+    ...p,
+    ref: o
+  });
+});
+d.displayName = "StepsIndicator";
+export {
+  d as StepsIndicator
+};

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

@@ -0,0 +1,6 @@
+import { useStepsItemContext as e } from "./use-steps-item-context.js";
+var r = (t) => t.children(e());
+r.displayName = "StepsItemContext";
+export {
+  r as StepsItemContext
+};

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

@@ -0,0 +1,25 @@
+import { createSplitProps as i } from "../../utils/create-split-props.js";
+import { ark as a } from "../factory.js";
+import { useStepsContext as f } from "./use-steps-context.js";
+import { StepsItemPropsProvider as P } from "./use-steps-item-props-context.js";
+import { StepsItemProvider as d } from "./use-steps-item-context.js";
+import { forwardRef as l } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { mergeProps as n } from "../../../../../@zag-js/core/dist/merge-props.js";
+var c = i(), v = l((o, m) => {
+  const [r, p] = c(o, ["index"]), t = f(), s = n(t.getItemProps(r), p);
+  return /* @__PURE__ */ e(P, {
+    value: r,
+    children: /* @__PURE__ */ e(d, {
+      value: t.getItemState(r),
+      children: /* @__PURE__ */ e(a.div, {
+        ...s,
+        ref: m
+      })
+    })
+  });
+});
+v.displayName = "StepsItem";
+export {
+  v as StepsItem
+};

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

@@ -0,0 +1,16 @@
+import { ark as e } from "../factory.js";
+import { useStepsContext as m } from "./use-steps-context.js";
+import { forwardRef as p } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { mergeProps as i } from "../../../../../@zag-js/core/dist/merge-props.js";
+var f = p((r, o) => {
+  const t = i(m().getListProps(), r);
+  return /* @__PURE__ */ s(e.div, {
+    ...t,
+    ref: o
+  });
+});
+f.displayName = "StepsList";
+export {
+  f as StepsList
+};

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

@@ -0,0 +1,16 @@
+import { ark as o } from "../factory.js";
+import { useStepsContext as m } from "./use-steps-context.js";
+import { forwardRef as p } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { mergeProps as g } from "../../../../../@zag-js/core/dist/merge-props.js";
+var i = p((r, e) => {
+  const t = g(m().getNextTriggerProps(), r);
+  return /* @__PURE__ */ s(o.button, {
+    ...t,
+    ref: e
+  });
+});
+i.displayName = "StepsNextTrigger";
+export {
+  i as StepsNextTrigger
+};

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

@@ -0,0 +1,16 @@
+import { ark as t } from "../factory.js";
+import { useStepsContext as m } from "./use-steps-context.js";
+import { forwardRef as p } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { mergeProps as g } from "../../../../../@zag-js/core/dist/merge-props.js";
+var i = p((r, e) => {
+  const o = g(m().getPrevTriggerProps(), r);
+  return /* @__PURE__ */ s(t.button, {
+    ...o,
+    ref: e
+  });
+});
+i.displayName = "StepsPrevTrigger";
+export {
+  i as StepsPrevTrigger
+};

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

@@ -0,0 +1,16 @@
+import { ark as s } from "../factory.js";
+import { useStepsContext as t } from "./use-steps-context.js";
+import { forwardRef as m } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { mergeProps as f } from "../../../../../@zag-js/core/dist/merge-props.js";
+var i = m((r, o) => {
+  const e = f(t().getProgressProps(), r);
+  return /* @__PURE__ */ p(s.div, {
+    ...e,
+    ref: o
+  });
+});
+i.displayName = "StepsProgress";
+export {
+  i as StepsProgress
+};

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

@@ -0,0 +1,21 @@
+import { createSplitProps as m } from "../../utils/create-split-props.js";
+import { ark as s } from "../factory.js";
+import { StepsProvider as d } from "./use-steps-context.js";
+import { forwardRef as a } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { mergeProps as v } from "../../../../../@zag-js/core/dist/merge-props.js";
+var P = m(), l = a((r, t) => {
+  const [{ value: o }, p] = P(r, ["value"]), i = v(o.getRootProps(), p);
+  return /* @__PURE__ */ e(d, {
+    value: o,
+    children: /* @__PURE__ */ e(s.div, {
+      ...i,
+      ref: t,
+      children: r.children
+    })
+  });
+});
+l.displayName = "StepsRootProvider";
+export {
+  l as StepsRootProvider
+};

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

@@ -0,0 +1,34 @@
+import { createSplitProps as m } from "../../utils/create-split-props.js";
+import { ark as a } from "../factory.js";
+import { StepsProvider as n } from "./use-steps-context.js";
+import { useSteps as l } from "./use-steps.js";
+import { forwardRef as S } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { mergeProps as d } from "../../../../../@zag-js/core/dist/merge-props.js";
+var f = m(), P = S((r, e) => {
+  const [p, s] = f(r, [
+    "count",
+    "defaultStep",
+    "id",
+    "ids",
+    "isStepSkippable",
+    "isStepValid",
+    "linear",
+    "onStepChange",
+    "onStepComplete",
+    "onStepInvalid",
+    "orientation",
+    "step"
+  ]), o = l(p), i = d(o.getRootProps(), s);
+  return /* @__PURE__ */ t(n, {
+    value: o,
+    children: /* @__PURE__ */ t(a.div, {
+      ...i,
+      ref: e
+    })
+  });
+});
+P.displayName = "StepsRoot";
+export {
+  P as StepsRoot
+};

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

@@ -0,0 +1,17 @@
+import { ark as s } from "../factory.js";
+import { useStepsContext as m } from "./use-steps-context.js";
+import { useStepsItemPropsContext as a } from "./use-steps-item-props-context.js";
+import { forwardRef as i } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { mergeProps as S } from "../../../../../@zag-js/core/dist/merge-props.js";
+var n = i((r, o) => {
+  const t = m(), e = a(), p = S(t.getSeparatorProps(e), r);
+  return /* @__PURE__ */ f(s.div, {
+    ...p,
+    ref: o
+  });
+});
+n.displayName = "StepsSeparator";
+export {
+  n as StepsSeparator
+};

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

@@ -0,0 +1,17 @@
+import { ark as s } from "../factory.js";
+import { useStepsContext as m } from "./use-steps-context.js";
+import { useStepsItemPropsContext as i } from "./use-steps-item-props-context.js";
+import { forwardRef as g } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { mergeProps as n } from "../../../../../@zag-js/core/dist/merge-props.js";
+var a = g((r, o) => {
+  const t = m(), e = i(), p = n(t.getTriggerProps(e), r);
+  return /* @__PURE__ */ f(s.button, {
+    ...p,
+    ref: o
+  });
+});
+a.displayName = "StepsTrigger";
+export {
+  a as StepsTrigger
+};

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

@@ -0,0 +1,34 @@
+import { __exportAll as t } from "../../_virtual/_rolldown/runtime.js";
+import { StepsCompletedContent as r } from "./steps-completed-content.js";
+import { StepsContent as o } from "./steps-content.js";
+import { StepsContext as e } from "./steps-context.js";
+import { StepsIndicator as p } from "./steps-indicator.js";
+import { StepsItem as m } from "./steps-item.js";
+import { StepsItemContext as i } from "./steps-item-context.js";
+import { StepsList as s } from "./steps-list.js";
+import { StepsNextTrigger as S } from "./steps-next-trigger.js";
+import { StepsPrevTrigger as f } from "./steps-prev-trigger.js";
+import { StepsProgress as g } from "./steps-progress.js";
+import { StepsRoot as n } from "./steps-root.js";
+import { StepsRootProvider as C } from "./steps-root-provider.js";
+import { StepsSeparator as x } from "./steps-separator.js";
+import { StepsTrigger as a } from "./steps-trigger.js";
+var k = /* @__PURE__ */ t({
+  CompletedContent: () => r,
+  Content: () => o,
+  Context: () => e,
+  Indicator: () => p,
+  Item: () => m,
+  ItemContext: () => i,
+  List: () => s,
+  NextTrigger: () => S,
+  PrevTrigger: () => f,
+  Progress: () => g,
+  Root: () => n,
+  RootProvider: () => C,
+  Separator: () => x,
+  Trigger: () => a
+});
+export {
+  k as steps_exports
+};

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

@@ -0,0 +1,10 @@
+import { createContext as e } from "../../utils/create-context.js";
+var [o, r] = e({
+  name: "StepsContext",
+  hookName: "useStepsContext",
+  providerName: "<StepsProvider />"
+});
+export {
+  o as StepsProvider,
+  r as useStepsContext
+};

package/dist/node_modules/@ark-ui/react/dist/components/steps/use-steps-item-context.js

@@ -0,0 +1,10 @@
+import { createContext as e } from "../../utils/create-context.js";
+var [o, m] = e({
+  name: "StepsItemContext",
+  hookName: "useStepsItemContext",
+  providerName: "<StepsItem />"
+});
+export {
+  o as StepsItemProvider,
+  m as useStepsItemContext
+};

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

@@ -0,0 +1,10 @@
+import { createContext as e } from "../../utils/create-context.js";
+var [o, r] = e({
+  name: "StepsItemPropsContext",
+  hookName: "useStepsItemPropsContext",
+  providerName: "<StepsItemPropsProvider />"
+});
+export {
+  o as StepsItemPropsProvider,
+  r as useStepsItemPropsContext
+};

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

@@ -0,0 +1,19 @@
+import { useEnvironmentContext as i } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as s } from "../../providers/locale/use-locale-context.js";
+import { useId as c } from "react";
+import { useMachine as p } from "../../../../../@zag-js/react/dist/machine.js";
+import { normalizeProps as f } from "../../../../../@zag-js/react/dist/normalize-props.js";
+import { machine as u } from "../../../../../@zag-js/steps/dist/steps.machine.js";
+import { connect as a } from "../../../../../@zag-js/steps/dist/steps.connect.js";
+function g(o) {
+  const t = c(), { getRootNode: r } = i(), { dir: e } = s(), n = {
+    id: t,
+    dir: e,
+    getRootNode: r,
+    ...o
+  }, m = p(u, n);
+  return a(m, f);
+}
+export {
+  g as useSteps
+};

package/dist/node_modules/@zag-js/steps/dist/steps.anatomy.js

@@ -0,0 +1,17 @@
+import { createAnatomy as r } from "../../anatomy/dist/create-anatomy.js";
+var t = r("steps").parts(
+  "root",
+  "list",
+  "item",
+  "trigger",
+  "indicator",
+  "separator",
+  "content",
+  "nextTrigger",
+  "prevTrigger",
+  "progress"
+), a = t.build();
+export {
+  t as anatomy,
+  a as parts
+};