@serendie/ui 3.2.2-dev.202604251110 → 3.2.2-dev.202604270058

package/dist/client.js

@@ -3,7 +3,7 @@ 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 { ColorSchemeScript as s, getColorSchemeScript as f } from "./theme/initColorScheme.js";
-import { formatDateByLang as l, getTranslations as d, useTranslations as h } from "./i18n/index.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 u } from "./components/Accordion/AccordionGroup.js";
 import { Avatar as y, AvatarStyle as T } from "./components/Avatar/Avatar.js";
@@ -20,7 +20,7 @@ import { DashboardWidget as po } from "./components/DashboardWidget/DashboardWid
 import { DataTable as xo } 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 So } from "./components/Drawer/Drawer.js";
+import { Drawer as ho } from "./components/Drawer/Drawer.js";
 import { DropdownMenu as go, DropdownMenuStyle as uo } from "./components/DropdownMenu/DropdownMenu.js";
 import { IconButton as yo, IconButtonStyle as To } from "./components/IconButton/IconButton.js";
 import { List as Po } from "./components/List/List.js";
@@ -35,17 +35,18 @@ import { RadioButton as Eo, RadioButtonStyle as Ho, radioCheckedIconCss as Jo, r
 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 { Switch as re, SwitchStyle as te } from "./components/Switch/Switch.js";
-import { Tabs as me, TabsStyle as pe } from "./components/Tabs/Tabs.js";
-import { TabItem as xe, TabItemStyle as ne } from "./components/Tabs/TabItem.js";
-import { TextArea as fe } from "./components/TextArea/TextArea.js";
-import { TextField as le } from "./components/TextField/TextField.js";
-import { Toast as he, ToastStyle as Se, toaster as Ce } from "./components/Toast/Toast.js";
-import { Tooltip as ue } from "./components/Tooltip/Tooltip.js";
-import { TopAppBar as ye } from "./components/TopAppBar/TopAppBar.js";
-import { DataTableComponent as Ie } from "./components/DataTable/DataTableComponent.js";
-import { LanguageProvider as De, SerendieProvider as be } from "./i18n/provider.js";
-import { parse as ve } from "./node_modules/@zag-js/date-picker/dist/date-picker.parse.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 ue, toaster as Be } 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";
 export {
   C as Accordion,
   u as AccordionGroup,
@@ -67,16 +68,16 @@ export {
   s as ColorSchemeScript,
   po as DashboardWidget,
   xo as DataTable,
-  Ie as DataTableComponent,
+  be as DataTableComponent,
   so as DatePicker,
   co as Divider,
   lo as DividerStyle,
-  So as Drawer,
+  ho as Drawer,
   go as DropdownMenu,
   uo as DropdownMenuStyle,
   yo as IconButton,
   To as IconButtonStyle,
-  De as LanguageProvider,
+  ve as LanguageProvider,
   Po as List,
   bo as ListItem,
   ko as ListItemStyle,
@@ -96,20 +97,22 @@ export {
   oe as SelectStyle,
   W as SerendieChartTheme,
   r as SerendiePreset,
-  be as SerendieProvider,
-  re as Switch,
-  te as SwitchStyle,
-  xe as TabItem,
-  ne as TabItemStyle,
-  me as Tabs,
-  pe as TabsStyle,
-  fe as TextArea,
-  le as TextField,
+  Me 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,
   a as ThemeContext,
-  he as Toast,
-  Se as ToastStyle,
-  ue as Tooltip,
-  ye as TopAppBar,
+  ge as Toast,
+  ue as ToastStyle,
+  Te as Tooltip,
+  Pe as TopAppBar,
   $ as checkboxCheckedIconCss,
   oo as checkboxIconCss,
   eo as checkboxUncheckedIconCss,
@@ -121,18 +124,18 @@ export {
   f as getColorSchemeScript,
   d as getTranslations,
   J as legendChartMargin,
-  ve as parseDate,
+  Ae as parseDate,
   Jo as radioCheckedIconCss,
   Ko as radioIconCss,
   Oo as radioUncheckedIconCss,
   m as resolveTheme,
   K as spaciousChartMargin,
-  Ce as toaster,
+  Be as toaster,
   O as useBarChartProps,
   Q as useChartProps,
   V as useLineChartProps,
   X as usePieChartProps,
   x as useSystemColorScheme,
   p as useThemeContext,
-  h as useTranslations
+  S as useTranslations
 };

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,47 @@
+import { Slider as ArkSlider, SliderRootProps } from '@ark-ui/react';
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const SliderStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"marker" | "label" | "track" | "root" | "labels" | "range" | "control" | "labelEnd" | "thumb" | "markerGroup" | "markerInRange" | "markerAfterRange", {
+    size: {
+        medium: {
+            track: {
+                height: number;
+            };
+            thumb: {
+                width: number;
+                height: number;
+            };
+            marker: {
+                width: number;
+                height: number;
+            };
+        };
+        large: {
+            track: {
+                height: number;
+            };
+            thumb: {
+                width: number;
+                height: number;
+            };
+            marker: {
+                width: number;
+                height: number;
+            };
+        };
+    };
+}>;
+type SliderItemProps = {
+    startLabel?: string;
+    endLabel?: string;
+    /** Custom marker positions for display only (does not affect snapping). Defaults to 10% increments. */
+    markerValues?: number[];
+    /** Whether to show markers on the track. Defaults to true. */
+    showMarkers?: boolean;
+    /** Step value for the slider. Defaults to 1. */
+    step?: number;
+};
+export type SliderProps = SliderRootProps & RecipeVariantProps<typeof SliderStyle> & SliderItemProps;
+export declare const Slider: import('react').ForwardRefExoticComponent<ArkSlider.RootProps & {
+    size?: "large" | "medium" | undefined;
+} & SliderItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Slider/Slider.js

@@ -0,0 +1,232 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { slider_exports as o } from "../../node_modules/@ark-ui/react/dist/components/slider/slider.js";
+import { forwardRef as S } from "react";
+import { Tooltip as R } from "../Tooltip/Tooltip.js";
+import { cx as u } from "../../styled-system/css/cx.js";
+import { sva as w } from "../../styled-system/css/sva.js";
+const p = w({
+  slots: [
+    "root",
+    "labels",
+    "label",
+    "labelEnd",
+    "control",
+    "track",
+    "range",
+    "thumb",
+    "markerGroup",
+    "marker",
+    "markerInRange",
+    "markerAfterRange"
+  ],
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "sd.system.dimension.spacing.small",
+      width: "100%"
+    },
+    labels: {
+      display: "flex",
+      justifyContent: "space-between",
+      width: "100%"
+    },
+    label: {
+      color: "sd.system.color.component.onSurface",
+      textStyle: "sd.system.typography.body.medium_compact",
+      _disabled: {
+        color: "sd.system.color.interaction.disabledOnSurface"
+      }
+    },
+    labelEnd: {
+      color: "sd.system.color.component.onSurface",
+      textStyle: "sd.system.typography.body.medium_compact",
+      "[data-disabled] &": {
+        color: "sd.system.color.interaction.disabledOnSurface"
+      }
+    },
+    control: {
+      position: "relative",
+      width: "100%"
+    },
+    track: {
+      position: "relative",
+      width: "100%",
+      backgroundColor: "sd.system.color.component.outlineBright",
+      borderRadius: "sd.system.dimension.radius.full",
+      cursor: "pointer",
+      zIndex: 0,
+      _disabled: {
+        backgroundColor: "sd.system.color.interaction.disabled",
+        cursor: "default"
+      }
+    },
+    range: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      backgroundColor: "sd.system.color.impression.secondary",
+      borderRadius: "sd.system.dimension.radius.full",
+      height: "100%",
+      zIndex: 1,
+      _disabled: {
+        backgroundColor: "sd.system.color.interaction.disabledOnSurface"
+      }
+    },
+    thumb: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      top: "50%",
+      "--slider-thumb-transform": "translate(-50%, -50%)",
+      backgroundColor: "sd.system.color.impression.primary",
+      borderRadius: "sd.system.dimension.radius.full",
+      borderWidth: 0,
+      cursor: "pointer",
+      outline: "none",
+      zIndex: 2,
+      "&:hover:not(:focus-visible):not([data-disabled]), &[data-dragging]:not([data-disabled])": {
+        backgroundImage: "linear-gradient(0deg, {colors.sd.system.color.interaction.hovered} 0%, {colors.sd.system.color.interaction.hovered} 100%)"
+      },
+      "&:focus": {
+        outline: "none"
+      },
+      "&:focus-visible": {
+        backgroundColor: "sd.system.color.component.surface",
+        borderWidth: 1,
+        borderColor: "sd.system.color.impression.primary",
+        boxShadow: "none",
+        outline: "none"
+      },
+      _disabled: {
+        backgroundColor: "sd.system.color.interaction.disabledOnSurface",
+        cursor: "default"
+      }
+    },
+    markerGroup: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      pointerEvents: "none",
+      zIndex: 2
+    },
+    marker: {
+      position: "absolute",
+      width: 2,
+      height: 2,
+      borderRadius: "sd.system.dimension.radius.full",
+      transform: "translate(-50%, -50%)",
+      top: "50%"
+    },
+    markerInRange: {
+      backgroundColor: "sd.system.color.impression.primary",
+      _disabled: {
+        backgroundColor: "sd.system.color.interaction.disabledOnSurface"
+      }
+    },
+    markerAfterRange: {
+      backgroundColor: "sd.system.color.interaction.disabledOnSurface"
+    }
+  },
+  variants: {
+    size: {
+      medium: {
+        track: {
+          height: 4
+        },
+        thumb: {
+          width: 16,
+          height: 16
+        },
+        marker: {
+          width: 2,
+          height: 2
+        }
+      },
+      large: {
+        track: {
+          height: 8
+        },
+        thumb: {
+          width: 24,
+          height: 24
+        },
+        marker: {
+          width: 4,
+          height: 4
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "medium"
+  }
+}), v = S(
+  ({
+    startLabel: d,
+    endLabel: l,
+    markerValues: a,
+    showMarkers: b = !0,
+    step: h = 1,
+    className: g,
+    min: n = 0,
+    max: c = 100,
+    ...y
+  }, f) => {
+    const [k, m] = p.splitVariantProps(y), e = p(k), x = a != null && a.length ? a.filter((s) => s > n && s < c) : Array.from({ length: 9 }, (s, t) => n + (c - n) * (t + 1) / 10);
+    return /* @__PURE__ */ i(
+      o.Root,
+      {
+        ref: f,
+        className: u(e.root, g),
+        min: n,
+        max: c,
+        step: h,
+        ...m,
+        children: [
+          (d || l) && /* @__PURE__ */ i("div", { className: e.labels, children: [
+            d && /* @__PURE__ */ r(o.Label, { className: e.label, children: d }),
+            l && /* @__PURE__ */ r("span", { className: e.labelEnd, children: l })
+          ] }),
+          /* @__PURE__ */ i(o.Control, { className: e.control, children: [
+            /* @__PURE__ */ i(o.Track, { className: e.track, children: [
+              /* @__PURE__ */ r(o.Range, { className: e.range }),
+              b && /* @__PURE__ */ r(o.Context, { children: (s) => /* @__PURE__ */ r(o.MarkerGroup, { className: e.markerGroup, children: x.map((t) => {
+                const C = t <= s.value[0];
+                return /* @__PURE__ */ r(
+                  o.Marker,
+                  {
+                    value: t,
+                    className: u(
+                      e.marker,
+                      C ? e.markerInRange : e.markerAfterRange
+                    )
+                  },
+                  t
+                );
+              }) }) })
+            ] }),
+            /* @__PURE__ */ r(o.Context, { children: (s) => /* @__PURE__ */ r(
+              R,
+              {
+                content: String(s.value[0]),
+                placement: "top",
+                openDelay: 0,
+                closeDelay: 0,
+                disabled: m.disabled || s.dragging,
+                children: /* @__PURE__ */ r(o.Thumb, { index: 0, className: e.thumb, children: /* @__PURE__ */ r(o.HiddenInput, {}) })
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+v.displayName = "Slider";
+export {
+  v as Slider,
+  p as SliderStyle
+};

package/dist/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from './Slider.tsx';

package/dist/components/Slider/index.js

@@ -0,0 +1,5 @@
+import { Slider as l, SliderStyle as S } from "./Slider.js";
+export {
+  l as Slider,
+  S as SliderStyle
+};

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export * from './components/ProgressIndicator/index.ts';
 export * from './components/RadioButton/index.ts';
 export * from './components/Search/index.ts';
 export * from './components/Select/index.ts';
+export * from './components/Slider/index.ts';
 export * from './components/Switch/index.ts';
 export * from './components/Tabs/index.ts';
 export * from './components/TextArea/index.ts';

package/dist/index.js

@@ -1,8 +1,8 @@
 import { SerendiePreset as r } from "./preset.js";
 import { ThemeContext as a, resolveTheme as m, useThemeContext as p } from "./theme/ThemeContext.js";
-import { useSystemColorScheme as i } from "./theme/useSystemColorScheme.js";
+import { useSystemColorScheme as x } from "./theme/useSystemColorScheme.js";
 import { ColorSchemeScript as s, getColorSchemeScript as f } from "./theme/initColorScheme.js";
-import { formatDateByLang as l, getTranslations as d, useTranslations as h } from "./i18n/index.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";
@@ -16,10 +16,10 @@ 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 io } from "./components/DataTable/index.js";
+import { DataTable as xo } 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 So } from "./components/Drawer/Drawer.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 { List as Po } from "./components/List/List.js";
@@ -34,17 +34,18 @@ import { RadioButton as Eo, RadioButtonStyle as Ho, radioCheckedIconCss as Jo, r
 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 { Switch as re, SwitchStyle as te } from "./components/Switch/Switch.js";
-import { Tabs as me, TabsStyle as pe } from "./components/Tabs/Tabs.js";
-import { TabItem as ie, TabItemStyle as ne } from "./components/Tabs/TabItem.js";
-import { TextArea as fe } from "./components/TextArea/TextArea.js";
-import { TextField as le } from "./components/TextField/TextField.js";
-import { Toast as he, ToastStyle as Se, toaster as Ce } from "./components/Toast/Toast.js";
-import { Tooltip as Be } from "./components/Tooltip/Tooltip.js";
-import { TopAppBar as ye } from "./components/TopAppBar/TopAppBar.js";
-import { DataTableComponent as Ie } from "./components/DataTable/DataTableComponent.js";
-import { LanguageProvider as De, SerendieProvider as be } from "./i18n/provider.js";
-import { parse as ve } from "./node_modules/@zag-js/date-picker/dist/date-picker.parse.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";
 export {
   C as Accordion,
   B as AccordionGroup,
@@ -65,17 +66,17 @@ export {
   ao as ChoiceBoxStyle,
   s as ColorSchemeScript,
   po as DashboardWidget,
-  io as DataTable,
-  Ie as DataTableComponent,
+  xo as DataTable,
+  be as DataTableComponent,
   so as DatePicker,
   co as Divider,
   lo as DividerStyle,
-  So as Drawer,
+  ho as Drawer,
   go as DropdownMenu,
   Bo as DropdownMenuStyle,
   yo as IconButton,
   To as IconButtonStyle,
-  De as LanguageProvider,
+  ve as LanguageProvider,
   Po as List,
   bo as ListItem,
   ko as ListItemStyle,
@@ -95,20 +96,22 @@ export {
   oe as SelectStyle,
   W as SerendieChartTheme,
   r as SerendiePreset,
-  be as SerendieProvider,
-  re as Switch,
-  te as SwitchStyle,
-  ie as TabItem,
-  ne as TabItemStyle,
-  me as Tabs,
-  pe as TabsStyle,
-  fe as TextArea,
-  le as TextField,
+  Me 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,
   a as ThemeContext,
-  he as Toast,
-  Se as ToastStyle,
-  Be as Tooltip,
-  ye as TopAppBar,
+  ge as Toast,
+  Be as ToastStyle,
+  Te as Tooltip,
+  Pe as TopAppBar,
   $ as checkboxCheckedIconCss,
   oo as checkboxIconCss,
   eo as checkboxUncheckedIconCss,
@@ -120,18 +123,18 @@ export {
   f as getColorSchemeScript,
   d as getTranslations,
   J as legendChartMargin,
-  ve as parseDate,
+  Ae as parseDate,
   Jo as radioCheckedIconCss,
   Ko as radioIconCss,
   Oo as radioUncheckedIconCss,
   m as resolveTheme,
   K as spaciousChartMargin,
-  Ce as toaster,
+  ue as toaster,
   O as useBarChartProps,
   Q as useChartProps,
   V as useLineChartProps,
   X as usePieChartProps,
-  i as useSystemColorScheme,
+  x as useSystemColorScheme,
   p as useThemeContext,
-  h as useTranslations
+  S as useTranslations
 };

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

@@ -0,0 +1,5 @@
+import { useSliderContext as r } from "./use-slider-context.js";
+var o = (e) => e.children(r());
+export {
+  o as SliderContext
+};

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

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

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

@@ -0,0 +1,18 @@
+import { ark as m } from "../factory.js";
+import { useSliderContext as n } from "./use-slider-context.js";
+import { useSliderThumbPropsContext as d } from "./use-slider-thumb-props-context.js";
+import { forwardRef as a } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { mergeProps as s } from "../../../../../@zag-js/core/dist/merge-props.js";
+var p = a((r, i) => {
+  const o = n(), { index: e } = d(), t = s(o.getDraggingIndicatorProps({ index: e }), r);
+  return /* @__PURE__ */ g(m.span, {
+    ...t,
+    ref: i,
+    children: r.children || o.getThumbValue(e)
+  });
+});
+p.displayName = "SliderDraggingIndicator";
+export {
+  p as SliderDraggingIndicator
+};

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

@@ -0,0 +1,17 @@
+import { ark as p } from "../factory.js";
+import { useSliderContext as i } from "./use-slider-context.js";
+import { useSliderThumbPropsContext as d } from "./use-slider-thumb-props-context.js";
+import { forwardRef as n } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { mergeProps as u } from "../../../../../@zag-js/core/dist/merge-props.js";
+var f = n((r, o) => {
+  const e = i(), t = d(), m = u(e.getHiddenInputProps(t), r);
+  return /* @__PURE__ */ s(p.input, {
+    ...m,
+    ref: o
+  });
+});
+f.displayName = "SliderHiddenInput";
+export {
+  f as SliderHiddenInput
+};

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

@@ -0,0 +1,16 @@
+import { ark as m } from "../factory.js";
+import { useSliderContext as t } from "./use-slider-context.js";
+import { forwardRef as p } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { mergeProps as i } from "../../../../../@zag-js/core/dist/merge-props.js";
+var l = p((r, e) => {
+  const o = i(t().getLabelProps(), r);
+  return /* @__PURE__ */ a(m.label, {
+    ...o,
+    ref: e
+  });
+});
+l.displayName = "SliderLabel";
+export {
+  l as SliderLabel
+};

package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-marker-group.js

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