@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/SelectBox/RadioSelectBox.js

@@ -0,0 +1,129 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { composeRefs } from '@radix-ui/react-compose-refs';
+import { selectBox } from '@seed-design/css/recipes/select-box';
+import { selectBoxGroup } from '@seed-design/css/recipes/select-box-group';
+import { useCollapsibleContext, Collapsible, useCollapsible, CollapsibleProvider } from '@seed-design/react-collapsible';
+import { Primitive } from '@seed-design/react-primitive';
+import { useRadioGroupItemContext, RadioGroup } from '@seed-design/react-radio-group';
+import { forwardRef, useContext, createContext, useState, useCallback } from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import clsx from 'clsx';
+
+const { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext(selectBox);
+const withStateProps = createWithStateProps([useRadioGroupItemContext]);
+const FooterContext = createContext(null);
+const RadioSelectBoxGroup = forwardRef(
+  ({ columns = 1, className, style, ...props }, ref) => {
+    const [variantProps, otherProps] = selectBoxGroup.splitVariantProps(props);
+    const recipeClassName = selectBoxGroup(variantProps);
+    const layout = columns === 1 ? "horizontal" : "vertical";
+    return /* @__PURE__ */ jsx(PropsProvider, { value: { layout }, children: /* @__PURE__ */ jsx(
+      Primitive.div,
+      {
+        ref,
+        "data-columns": columns,
+        className: clsx(recipeClassName, className),
+        style: {
+          ...style,
+          "--seed-select-box-group--columns": columns
+        },
+        ...otherProps
+      }
+    ) });
+  }
+);
+function FooterVisibilityProvider({
+  children,
+  footerVisibility
+}) {
+  const { checked } = useRadioGroupItemContext();
+  const collapsible = useCollapsible({
+    open: {
+      "when-selected": checked,
+      "when-not-selected": !checked
+    }[footerVisibility]
+  });
+  const [isFooterRendered, setIsFooterRendered] = useState(false);
+  const footerRef = useCallback((node) => {
+    setIsFooterRendered(!!node);
+  }, []);
+  return /* @__PURE__ */ jsx(CollapsibleProvider, { value: collapsible, children: /* @__PURE__ */ jsx(FooterContext.Provider, { value: { isFooterRendered, footerRef, footerVisibility }, children }) });
+}
+const RadioSelectBoxItem = forwardRef(
+  ({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
+    const [variantProps, otherProps] = selectBox.splitVariantProps(props);
+    const classNames = selectBox({
+      ...useProps(),
+      ...variantProps
+    });
+    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+      RadioGroup.Item,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps,
+        children: footerVisibility === "always" ? children : /* @__PURE__ */ jsx(FooterVisibilityProvider, { footerVisibility, children })
+      }
+    ) });
+  }
+);
+const RadioSelectBoxTrigger = withContext(
+  withStateProps(Primitive.div),
+  "trigger"
+);
+const RadioSelectBoxContent = withContext(
+  withStateProps(Primitive.div),
+  "content"
+);
+const RadioSelectBoxBody = withContext(
+  withStateProps(Primitive.div),
+  "body"
+);
+const RadioSelectBoxLabel = withContext(
+  withStateProps(Primitive.div),
+  "label"
+);
+const RadioSelectBoxDescription = withContext(withStateProps(Primitive.div), "description");
+const RadioSelectBoxHiddenInput = forwardRef((props, ref) => {
+  const collapsibleContext = useCollapsibleContext({ strict: false });
+  const footerContext = useContext(FooterContext);
+  const triggerAriaProps = footerContext?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
+  return /* @__PURE__ */ jsx(RadioGroup.ItemHiddenInput, { ref, ...triggerAriaProps, ...props });
+});
+RadioSelectBoxHiddenInput.displayName = "RadioSelectBoxHiddenInput";
+const RadioSelectBoxFooter = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const classNames = useClassNames();
+    const { stateProps } = useRadioGroupItemContext();
+    const collapsibleContext = useCollapsibleContext({ strict: false });
+    const footerContext = useContext(FooterContext);
+    const composedRef = composeRefs(ref, footerContext?.footerRef ?? null);
+    if (collapsibleContext) {
+      return /* @__PURE__ */ jsx(
+        Collapsible.Content,
+        {
+          ref: composedRef,
+          className: clsx(classNames.footer, className),
+          ...stateProps,
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      Primitive.div,
+      {
+        ref: composedRef,
+        className: clsx(classNames.footer, className),
+        ...stateProps,
+        ...props,
+        children
+      }
+    );
+  }
+);
+RadioSelectBoxFooter.displayName = "RadioSelectBoxFooter";
+
+export { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger };

package/lib/components/SelectBox/RadioSelectBox.namespace.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const RadioSelectBox = require('./RadioSelectBox.cjs');
+
+
+
+exports.Body = RadioSelectBox.RadioSelectBoxBody;
+exports.Content = RadioSelectBox.RadioSelectBoxContent;
+exports.Description = RadioSelectBox.RadioSelectBoxDescription;
+exports.Footer = RadioSelectBox.RadioSelectBoxFooter;
+exports.Group = RadioSelectBox.RadioSelectBoxGroup;
+exports.HiddenInput = RadioSelectBox.RadioSelectBoxHiddenInput;
+exports.Item = RadioSelectBox.RadioSelectBoxItem;
+exports.Label = RadioSelectBox.RadioSelectBoxLabel;
+exports.Trigger = RadioSelectBox.RadioSelectBoxTrigger;

package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts

@@ -0,0 +1,2 @@
+export { RadioSelectBoxBody as Body, RadioSelectBoxContent as Content, RadioSelectBoxDescription as Description, RadioSelectBoxFooter as Footer, RadioSelectBoxGroup as Group, RadioSelectBoxHiddenInput as HiddenInput, RadioSelectBoxItem as Item, RadioSelectBoxLabel as Label, RadioSelectBoxTrigger as Trigger, type RadioSelectBoxBodyProps as BodyProps, type RadioSelectBoxContentProps as ContentProps, type RadioSelectBoxDescriptionProps as DescriptionProps, type RadioSelectBoxFooterProps as FooterProps, type RadioSelectBoxGroupProps as GroupProps, type RadioSelectBoxHiddenInputProps as HiddenInputProps, type RadioSelectBoxItemProps as ItemProps, type RadioSelectBoxLabelProps as LabelProps, type RadioSelectBoxTriggerProps as TriggerProps, } from './RadioSelectBox';
+//# sourceMappingURL=RadioSelectBox.namespace.d.ts.map

package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioSelectBox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/RadioSelectBox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,IAAI,EAC1B,qBAAqB,IAAI,OAAO,EAChC,yBAAyB,IAAI,WAAW,EACxC,oBAAoB,IAAI,MAAM,EAC9B,mBAAmB,IAAI,KAAK,EAC5B,yBAAyB,IAAI,WAAW,EACxC,kBAAkB,IAAI,IAAI,EAC1B,mBAAmB,IAAI,KAAK,EAC5B,qBAAqB,IAAI,OAAO,EAChC,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,0BAA0B,IAAI,YAAY,EAC/C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,yBAAyB,IAAI,WAAW,EAC7C,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,0BAA0B,IAAI,YAAY,GAChD,MAAM,kBAAkB,CAAC"}

package/lib/components/SelectBox/RadioSelectBox.namespace.js

@@ -0,0 +1 @@
+export { RadioSelectBoxBody as Body, RadioSelectBoxContent as Content, RadioSelectBoxDescription as Description, RadioSelectBoxFooter as Footer, RadioSelectBoxGroup as Group, RadioSelectBoxHiddenInput as HiddenInput, RadioSelectBoxItem as Item, RadioSelectBoxLabel as Label, RadioSelectBoxTrigger as Trigger } from './RadioSelectBox.js';

package/lib/components/SelectBox/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const CheckSelectBox = require('./CheckSelectBox.cjs');
+const RadioSelectBox = require('./RadioSelectBox.cjs');
+const CheckSelectBox_namespace = require('./CheckSelectBox.namespace.cjs');
+const RadioSelectBox_namespace = require('./RadioSelectBox.namespace.cjs');
+
+
+
+exports.CheckSelectBoxBody = CheckSelectBox.CheckSelectBoxBody;
+exports.CheckSelectBoxCheckmarkControl = CheckSelectBox.CheckSelectBoxCheckmarkControl;
+exports.CheckSelectBoxCheckmarkIcon = CheckSelectBox.CheckSelectBoxCheckmarkIcon;
+exports.CheckSelectBoxContent = CheckSelectBox.CheckSelectBoxContent;
+exports.CheckSelectBoxDescription = CheckSelectBox.CheckSelectBoxDescription;
+exports.CheckSelectBoxFooter = CheckSelectBox.CheckSelectBoxFooter;
+exports.CheckSelectBoxGroup = CheckSelectBox.CheckSelectBoxGroup;
+exports.CheckSelectBoxHiddenInput = CheckSelectBox.CheckSelectBoxHiddenInput;
+exports.CheckSelectBoxLabel = CheckSelectBox.CheckSelectBoxLabel;
+exports.CheckSelectBoxRoot = CheckSelectBox.CheckSelectBoxRoot;
+exports.CheckSelectBoxTrigger = CheckSelectBox.CheckSelectBoxTrigger;
+exports.RadioSelectBoxBody = RadioSelectBox.RadioSelectBoxBody;
+exports.RadioSelectBoxContent = RadioSelectBox.RadioSelectBoxContent;
+exports.RadioSelectBoxDescription = RadioSelectBox.RadioSelectBoxDescription;
+exports.RadioSelectBoxFooter = RadioSelectBox.RadioSelectBoxFooter;
+exports.RadioSelectBoxGroup = RadioSelectBox.RadioSelectBoxGroup;
+exports.RadioSelectBoxHiddenInput = RadioSelectBox.RadioSelectBoxHiddenInput;
+exports.RadioSelectBoxItem = RadioSelectBox.RadioSelectBoxItem;
+exports.RadioSelectBoxLabel = RadioSelectBox.RadioSelectBoxLabel;
+exports.RadioSelectBoxTrigger = RadioSelectBox.RadioSelectBoxTrigger;
+exports.CheckSelectBox = CheckSelectBox_namespace;
+exports.RadioSelectBox = RadioSelectBox_namespace;

package/lib/components/SelectBox/index.d.ts

@@ -0,0 +1,5 @@
+export { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, type CheckSelectBoxBodyProps, type CheckSelectBoxCheckmarkControlProps, type CheckSelectBoxCheckmarkIconProps, type CheckSelectBoxContentProps, type CheckSelectBoxDescriptionProps, type CheckSelectBoxFooterProps, type CheckSelectBoxGroupProps, type CheckSelectBoxHiddenInputProps, type CheckSelectBoxLabelProps, type CheckSelectBoxRootProps, type CheckSelectBoxTriggerProps, } from './CheckSelectBox';
+export { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, type RadioSelectBoxBodyProps, type RadioSelectBoxContentProps, type RadioSelectBoxDescriptionProps, type RadioSelectBoxFooterProps, type RadioSelectBoxGroupProps, type RadioSelectBoxHiddenInputProps, type RadioSelectBoxItemProps, type RadioSelectBoxLabelProps, type RadioSelectBoxTriggerProps, } from './RadioSelectBox';
+export * as CheckSelectBox from './CheckSelectBox.namespace';
+export * as RadioSelectBox from './RadioSelectBox.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/SelectBox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,2BAA2B,EAC3B,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,mCAAmC,EACxC,KAAK,gCAAgC,EACrC,KAAK,0BAA0B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,8BAA8B,EACnC,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,GAChC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,8BAA8B,EACnC,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,GAChC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}

package/lib/components/SelectBox/index.js

@@ -0,0 +1,6 @@
+export { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger } from './CheckSelectBox.js';
+export { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger } from './RadioSelectBox.js';
+import * as CheckSelectBox_namespace from './CheckSelectBox.namespace.js';
+export { CheckSelectBox_namespace as CheckSelectBox };
+import * as RadioSelectBox_namespace from './RadioSelectBox.namespace.js';
+export { RadioSelectBox_namespace as RadioSelectBox };

package/lib/components/Skeleton/Skeleton.cjs

@@ -0,0 +1,14 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const skeleton = require('@seed-design/css/recipes/skeleton');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const styled = require('../../utils/styled.cjs');
+
+const { withContext } = createRecipeContext.createRecipeContext(skeleton.skeleton);
+const Skeleton = withContext(styled.withStyleProps(reactPrimitive.Primitive.div));
+
+exports.Skeleton = Skeleton;

package/lib/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { SkeletonVariantProps } from '@seed-design/css/recipes/skeleton';
+import { StyleProps } from '../../utils/styled';
+import type * as React from "react";
+export interface SkeletonProps extends SkeletonVariantProps, PrimitiveProps, Pick<StyleProps, "height" | "width">, Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+}
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/components/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrE,MAAM,WAAW,aACf,SAAQ,oBAAoB,EAC1B,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC,EACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAAG;AAE1D,eAAO,MAAM,QAAQ,sFAA4E,CAAC"}

package/lib/components/Skeleton/Skeleton.js

@@ -0,0 +1,10 @@
+'use client';
+import { Primitive } from '@seed-design/react-primitive';
+import { skeleton } from '@seed-design/css/recipes/skeleton';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { withStyleProps } from '../../utils/styled.js';
+
+const { withContext } = createRecipeContext(skeleton);
+const Skeleton = withContext(withStyleProps(Primitive.div));
+
+export { Skeleton };

package/lib/components/Skeleton/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Skeleton = require('./Skeleton.cjs');
+
+
+
+exports.Skeleton = Skeleton.Skeleton;

package/lib/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton, type SkeletonProps } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/Skeleton/index.js

@@ -0,0 +1 @@
+export { Skeleton } from './Skeleton.js';

package/lib/components/Slider/Slider.cjs

@@ -0,0 +1,110 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const slider = require('@seed-design/css/recipes/slider');
+const sliderTick = require('@seed-design/css/recipes/slider-tick');
+const sliderMarker = require('@seed-design/css/recipes/slider-marker');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const reactSlider = require('@seed-design/react-slider');
+const React = require('react');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const clsx = require('clsx');
+const domUtils = require('@seed-design/dom-utils');
+const reactField = require('@seed-design/react-field');
+const reactComposeRefs = require('@radix-ui/react-compose-refs');
+
+const { withProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(slider.slider);
+const { withContext: withTickContext } = createRecipeContext.createRecipeContext(sliderTick.sliderTick);
+const { withContext: withMarkerContext } = createRecipeContext.createRecipeContext(sliderMarker.sliderMarker);
+const withFieldStateProps = createWithStateProps.createWithStateProps([{ useContext: reactField.useFieldContext, strict: false }]);
+const withStateProps = createWithStateProps.createWithStateProps([
+  reactSlider.useSliderContext,
+  { useContext: reactField.useFieldContext, strict: false }
+]);
+const SliderRoot = withProvider(reactSlider.Slider.Root, "root");
+const SliderControl = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "control"
+);
+const SliderTrack = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "track"
+);
+const SliderRange = withContext(
+  withFieldStateProps(reactSlider.Slider.Range),
+  "range"
+);
+const SliderThumb = React.forwardRef(
+  ({ thumbIndex, className, ...props }, ref) => {
+    const classNames = useClassNames();
+    const fieldContext = reactField.useFieldContext({ strict: false });
+    const mergedProps = domUtils.mergeProps(fieldContext?.inputAriaAttributes ?? {}, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactSlider.Slider.Thumb,
+      {
+        ref,
+        className: clsx(classNames.thumb, className),
+        thumbIndex,
+        ...mergedProps
+      }
+    );
+  }
+);
+SliderThumb.displayName = "SliderThumb";
+const SliderHiddenInput = reactSlider.Slider.HiddenInput;
+const SliderTick = withTickContext(reactSlider.Slider.Tick);
+const SliderMarkers = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "markers"
+);
+const SliderMarker = withMarkerContext(
+  withFieldStateProps(reactSlider.Slider.Marker)
+);
+const SliderValueIndicatorRoot = withContext(
+  reactSlider.Slider.ValueIndicatorRoot,
+  "valueIndicatorRoot"
+);
+const SliderValueIndicatorLabel = withStateProps(reactSlider.Slider.ValueIndicatorLabel);
+const SliderValueIndicatorArrow = withContext(withStateProps(reactPrimitive.Primitive.div), "valueIndicatorArrow");
+const SliderValueIndicatorArrowTip = React.forwardRef(({ tipRadius = 2, className, ...otherProps }, ref) => {
+  const [valueIndicatorArrowTip, setValueIndicatorArrowTip] = React.useState(null);
+  const width = valueIndicatorArrowTip?.clientWidth ?? 0;
+  const height = valueIndicatorArrowTip?.clientHeight ?? 0;
+  const pathData = `M0,0
+      H${width}
+      L${width / 2 + tipRadius},${height - tipRadius}
+      Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
+      Z`;
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: `0 0 ${width} ${height}`,
+      ref: reactComposeRefs.composeRefs(setValueIndicatorArrowTip, ref),
+      className: clsx(classNames.valueIndicatorArrowTip, className),
+      ...otherProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "none", d: pathData })
+    }
+  );
+});
+SliderValueIndicatorArrowTip.displayName = "SliderValueIndicatorArrowTip";
+
+exports.SliderControl = SliderControl;
+exports.SliderHiddenInput = SliderHiddenInput;
+exports.SliderMarker = SliderMarker;
+exports.SliderMarkers = SliderMarkers;
+exports.SliderRange = SliderRange;
+exports.SliderRoot = SliderRoot;
+exports.SliderThumb = SliderThumb;
+exports.SliderTick = SliderTick;
+exports.SliderTrack = SliderTrack;
+exports.SliderValueIndicatorArrow = SliderValueIndicatorArrow;
+exports.SliderValueIndicatorArrowTip = SliderValueIndicatorArrowTip;
+exports.SliderValueIndicatorLabel = SliderValueIndicatorLabel;
+exports.SliderValueIndicatorRoot = SliderValueIndicatorRoot;

package/lib/components/Slider/Slider.d.ts

@@ -0,0 +1,51 @@
+import { SliderVariantProps } from '@seed-design/css/recipes/slider';
+import { SliderTickVariantProps } from '@seed-design/css/recipes/slider-tick';
+import { SliderMarkerVariantProps } from '@seed-design/css/recipes/slider-marker';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { Slider } from '@seed-design/react-slider';
+import { HTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SliderRootProps extends SliderVariantProps, Slider.RootProps {
+}
+export declare const SliderRoot: ForwardRefExoticComponent<SliderRootProps & RefAttributes<HTMLDivElement>>;
+export interface SliderControlProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
+}
+export declare const SliderControl: ForwardRefExoticComponent<SliderControlProps & RefAttributes<HTMLDivElement>>;
+export interface SliderTrackProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
+}
+export declare const SliderTrack: ForwardRefExoticComponent<SliderTrackProps & RefAttributes<HTMLDivElement>>;
+export interface SliderRangeProps extends Slider.RangeProps {
+}
+export declare const SliderRange: ForwardRefExoticComponent<SliderRangeProps & RefAttributes<HTMLDivElement>>;
+export interface SliderThumbProps extends Slider.ThumbProps {
+}
+export declare const SliderThumb: ForwardRefExoticComponent<Slider.ThumbProps & RefAttributes<HTMLDivElement>>;
+export interface SliderHiddenInputProps extends Slider.HiddenInputProps {
+}
+export declare const SliderHiddenInput: ForwardRefExoticComponent<Slider.HiddenInputProps & RefAttributes<HTMLInputElement>>;
+export interface SliderTickProps extends SliderTickVariantProps, Slider.TickProps {
+}
+export declare const SliderTick: ForwardRefExoticComponent<SliderTickProps & RefAttributes<HTMLDivElement>>;
+export interface SliderMarkersProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
+}
+export declare const SliderMarkers: ForwardRefExoticComponent<SliderMarkersProps & RefAttributes<HTMLDivElement>>;
+export interface SliderMarkerProps extends SliderMarkerVariantProps, Slider.MarkerProps {
+}
+export declare const SliderMarker: ForwardRefExoticComponent<SliderMarkerProps & RefAttributes<HTMLDivElement>>;
+export interface SliderValueIndicatorRootProps extends Slider.ValueIndicatorRootProps {
+}
+export declare const SliderValueIndicatorRoot: ForwardRefExoticComponent<SliderValueIndicatorRootProps & RefAttributes<HTMLDivElement>>;
+export interface SliderValueIndicatorLabelProps extends Slider.ValueIndicatorLabelProps {
+}
+export declare const SliderValueIndicatorLabel: ForwardRefExoticComponent<Omit<Slider.ValueIndicatorLabelProps & RefAttributes<HTMLSpanElement>, "ref"> & RefAttributes<HTMLSpanElement>>;
+export interface SliderValueIndicatorArrowProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
+}
+export declare const SliderValueIndicatorArrow: ForwardRefExoticComponent<SliderValueIndicatorArrowProps & RefAttributes<HTMLDivElement>>;
+export interface SliderValueIndicatorArrowTipProps extends React.SVGProps<SVGSVGElement> {
+    /**
+     * radius of the arrow tip
+     * @default 2
+     */
+    tipRadius?: number;
+}
+export declare const SliderValueIndicatorArrowTip: ForwardRefExoticComponent<Omit<SliderValueIndicatorArrowTipProps, "ref"> & RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=Slider.d.ts.map

package/lib/components/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAkBlE,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,MAAM,CAAC,SAAS;CAAG;AAEhF,eAAO,MAAM,UAAU,4GAAqE,CAAC;AAE7F,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7F,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3F,eAAO,MAAM,WAAW,6GAGvB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAE9D,eAAO,MAAM,WAAW,6GAGvB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAE9D,eAAO,MAAM,WAAW,8GAgBvB,CAAC;AAGF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE1E,eAAO,MAAM,iBAAiB,sHAAqB,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,MAAM,CAAC,SAAS;CAAG;AAEpF,eAAO,MAAM,UAAU,4GAAgE,CAAC;AAExF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7F,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,EAAE,MAAM,CAAC,WAAW;CAAG;AAE1F,eAAO,MAAM,YAAY,8GAExB,CAAC;AAEF,MAAM,WAAW,6BAA8B,SAAQ,MAAM,CAAC,uBAAuB;CAAG;AAExF,eAAO,MAAM,wBAAwB,0HAGpC,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,MAAM,CAAC,wBAAwB;CAAG;AAE1F,eAAO,MAAM,yBAAyB,2LAA6C,CAAC;AAEpF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,cAAc,CAAC,cAAc,CAAC;CAAG;AAErC,eAAO,MAAM,yBAAyB,2HAGiB,CAAC;AAExD,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACtF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,4BAA4B,0IA4BvC,CAAC"}

package/lib/components/Slider/Slider.js

@@ -0,0 +1,94 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { slider } from '@seed-design/css/recipes/slider';
+import { sliderTick } from '@seed-design/css/recipes/slider-tick';
+import { sliderMarker } from '@seed-design/css/recipes/slider-marker';
+import { Primitive } from '@seed-design/react-primitive';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { Slider, useSliderContext } from '@seed-design/react-slider';
+import { forwardRef, useState } from 'react';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import clsx from 'clsx';
+import { mergeProps } from '@seed-design/dom-utils';
+import { useFieldContext } from '@seed-design/react-field';
+import { composeRefs } from '@radix-ui/react-compose-refs';
+
+const { withProvider, withContext, useClassNames } = createSlotRecipeContext(slider);
+const { withContext: withTickContext } = createRecipeContext(sliderTick);
+const { withContext: withMarkerContext } = createRecipeContext(sliderMarker);
+const withFieldStateProps = createWithStateProps([{ useContext: useFieldContext, strict: false }]);
+const withStateProps = createWithStateProps([
+  useSliderContext,
+  { useContext: useFieldContext, strict: false }
+]);
+const SliderRoot = withProvider(Slider.Root, "root");
+const SliderControl = withContext(
+  withStateProps(Primitive.div),
+  "control"
+);
+const SliderTrack = withContext(
+  withStateProps(Primitive.div),
+  "track"
+);
+const SliderRange = withContext(
+  withFieldStateProps(Slider.Range),
+  "range"
+);
+const SliderThumb = forwardRef(
+  ({ thumbIndex, className, ...props }, ref) => {
+    const classNames = useClassNames();
+    const fieldContext = useFieldContext({ strict: false });
+    const mergedProps = mergeProps(fieldContext?.inputAriaAttributes ?? {}, props);
+    return /* @__PURE__ */ jsx(
+      Slider.Thumb,
+      {
+        ref,
+        className: clsx(classNames.thumb, className),
+        thumbIndex,
+        ...mergedProps
+      }
+    );
+  }
+);
+SliderThumb.displayName = "SliderThumb";
+const SliderHiddenInput = Slider.HiddenInput;
+const SliderTick = withTickContext(Slider.Tick);
+const SliderMarkers = withContext(
+  withStateProps(Primitive.div),
+  "markers"
+);
+const SliderMarker = withMarkerContext(
+  withFieldStateProps(Slider.Marker)
+);
+const SliderValueIndicatorRoot = withContext(
+  Slider.ValueIndicatorRoot,
+  "valueIndicatorRoot"
+);
+const SliderValueIndicatorLabel = withStateProps(Slider.ValueIndicatorLabel);
+const SliderValueIndicatorArrow = withContext(withStateProps(Primitive.div), "valueIndicatorArrow");
+const SliderValueIndicatorArrowTip = forwardRef(({ tipRadius = 2, className, ...otherProps }, ref) => {
+  const [valueIndicatorArrowTip, setValueIndicatorArrowTip] = useState(null);
+  const width = valueIndicatorArrowTip?.clientWidth ?? 0;
+  const height = valueIndicatorArrowTip?.clientHeight ?? 0;
+  const pathData = `M0,0
+      H${width}
+      L${width / 2 + tipRadius},${height - tipRadius}
+      Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
+      Z`;
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: `0 0 ${width} ${height}`,
+      ref: composeRefs(setValueIndicatorArrowTip, ref),
+      className: clsx(classNames.valueIndicatorArrowTip, className),
+      ...otherProps,
+      children: /* @__PURE__ */ jsx("path", { stroke: "none", d: pathData })
+    }
+  );
+});
+SliderValueIndicatorArrowTip.displayName = "SliderValueIndicatorArrowTip";
+
+export { SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot };

package/lib/components/Slider/Slider.namespace.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Slider = require('./Slider.cjs');
+
+
+
+exports.Control = Slider.SliderControl;
+exports.HiddenInput = Slider.SliderHiddenInput;
+exports.Marker = Slider.SliderMarker;
+exports.Markers = Slider.SliderMarkers;
+exports.Range = Slider.SliderRange;
+exports.Root = Slider.SliderRoot;
+exports.Thumb = Slider.SliderThumb;
+exports.Tick = Slider.SliderTick;
+exports.Track = Slider.SliderTrack;
+exports.ValueIndicatorArrow = Slider.SliderValueIndicatorArrow;
+exports.ValueIndicatorArrowTip = Slider.SliderValueIndicatorArrowTip;
+exports.ValueIndicatorLabel = Slider.SliderValueIndicatorLabel;
+exports.ValueIndicatorRoot = Slider.SliderValueIndicatorRoot;

package/lib/components/Slider/Slider.namespace.d.ts

@@ -0,0 +1,2 @@
+export { SliderRoot as Root, SliderControl as Control, SliderTrack as Track, SliderRange as Range, SliderThumb as Thumb, SliderHiddenInput as HiddenInput, SliderTick as Tick, SliderMarkers as Markers, SliderMarker as Marker, SliderValueIndicatorRoot as ValueIndicatorRoot, SliderValueIndicatorArrow as ValueIndicatorArrow, SliderValueIndicatorArrowTip as ValueIndicatorArrowTip, SliderValueIndicatorLabel as ValueIndicatorLabel, type SliderRootProps as RootProps, type SliderControlProps as ControlProps, type SliderTrackProps as TrackProps, type SliderRangeProps as RangeProps, type SliderThumbProps as ThumbProps, type SliderHiddenInputProps as HiddenInputProps, type SliderTickProps as TickProps, type SliderMarkersProps as MarkersProps, type SliderMarkerProps as MarkerProps, type SliderValueIndicatorRootProps as ValueIndicatorRootProps, type SliderValueIndicatorArrowProps as ValueIndicatorArrowProps, type SliderValueIndicatorArrowTipProps as ValueIndicatorArrowTipProps, type SliderValueIndicatorLabelProps as ValueIndicatorLabelProps, } from './Slider';
+//# sourceMappingURL=Slider.namespace.d.ts.map

package/lib/components/Slider/Slider.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,iBAAiB,IAAI,WAAW,EAChC,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,YAAY,IAAI,MAAM,EACtB,wBAAwB,IAAI,kBAAkB,EAC9C,yBAAyB,IAAI,mBAAmB,EAChD,4BAA4B,IAAI,sBAAsB,EACtD,yBAAyB,IAAI,mBAAmB,EAChD,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,sBAAsB,IAAI,gBAAgB,EAC/C,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,6BAA6B,IAAI,uBAAuB,EAC7D,KAAK,8BAA8B,IAAI,wBAAwB,EAC/D,KAAK,iCAAiC,IAAI,2BAA2B,EACrE,KAAK,8BAA8B,IAAI,wBAAwB,GAChE,MAAM,UAAU,CAAC"}

package/lib/components/Slider/Slider.namespace.js

@@ -0,0 +1 @@
+export { SliderControl as Control, SliderHiddenInput as HiddenInput, SliderMarker as Marker, SliderMarkers as Markers, SliderRange as Range, SliderRoot as Root, SliderThumb as Thumb, SliderTick as Tick, SliderTrack as Track, SliderValueIndicatorArrow as ValueIndicatorArrow, SliderValueIndicatorArrowTip as ValueIndicatorArrowTip, SliderValueIndicatorLabel as ValueIndicatorLabel, SliderValueIndicatorRoot as ValueIndicatorRoot } from './Slider.js';

package/lib/components/Slider/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Slider = require('./Slider.cjs');
+const Slider_namespace = require('./Slider.namespace.cjs');
+
+
+
+exports.SliderControl = Slider.SliderControl;
+exports.SliderHiddenInput = Slider.SliderHiddenInput;
+exports.SliderMarker = Slider.SliderMarker;
+exports.SliderMarkers = Slider.SliderMarkers;
+exports.SliderRange = Slider.SliderRange;
+exports.SliderRoot = Slider.SliderRoot;
+exports.SliderThumb = Slider.SliderThumb;
+exports.SliderTick = Slider.SliderTick;
+exports.SliderTrack = Slider.SliderTrack;
+exports.SliderValueIndicatorArrow = Slider.SliderValueIndicatorArrow;
+exports.SliderValueIndicatorArrowTip = Slider.SliderValueIndicatorArrowTip;
+exports.SliderValueIndicatorLabel = Slider.SliderValueIndicatorLabel;
+exports.SliderValueIndicatorRoot = Slider.SliderValueIndicatorRoot;
+exports.Slider = Slider_namespace;

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

@@ -0,0 +1,3 @@
+export { SliderRoot, SliderControl, SliderTrack, SliderRange, SliderThumb, SliderHiddenInput, SliderTick, SliderMarkers, SliderMarker, SliderValueIndicatorRoot, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, type SliderRootProps, type SliderControlProps, type SliderTrackProps, type SliderRangeProps, type SliderThumbProps, type SliderHiddenInputProps, type SliderTickProps, type SliderMarkersProps, type SliderMarkerProps, type SliderValueIndicatorRootProps, type SliderValueIndicatorArrowProps, type SliderValueIndicatorArrowTipProps, type SliderValueIndicatorLabelProps, } from './Slider';
+export * as Slider from './Slider.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,YAAY,EACZ,wBAAwB,EACxB,yBAAyB,EACzB,4BAA4B,EAC5B,yBAAyB,EACzB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,6BAA6B,EAClC,KAAK,8BAA8B,EACnC,KAAK,iCAAiC,EACtC,KAAK,8BAA8B,GACpC,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}

package/lib/components/Slider/index.js

@@ -0,0 +1,3 @@
+export { SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot } from './Slider.js';
+import * as Slider_namespace from './Slider.namespace.js';
+export { Slider_namespace as Slider };