@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

package/dist/components/rating-group/modules/anatomy.d.mts

@@ -0,0 +1,20 @@
+import { Control } from "../anatomy/control.mjs";
+import { HiddenInput } from "../anatomy/hidden-input.mjs";
+import { Item } from "../anatomy/item.mjs";
+import { Label } from "../anatomy/label.mjs";
+import { Root } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { RootProvider } from "../anatomy/root-provider.mjs";
+
+//#region src/components/rating-group/modules/anatomy.d.ts
+declare const RatingGroup: typeof Root & {
+  Provider: typeof RootProvider;
+  Context: typeof RootContext;
+  Label: typeof Label;
+  Control: typeof Control;
+  Item: typeof Item;
+  HiddenInput: typeof HiddenInput;
+};
+//#endregion
+export { RatingGroup };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/rating-group/modules/anatomy.mjs

@@ -0,0 +1,21 @@
+import Control from "../anatomy/control.mjs";
+import HiddenInput from "../anatomy/hidden-input.mjs";
+import Item from "../anatomy/item.mjs";
+import Label from "../anatomy/label.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import RootProvider from "../anatomy/root-provider.mjs";
+import Root from "../anatomy/root.mjs";
+
+//#region src/components/rating-group/modules/anatomy.ts
+const RatingGroup = Object.assign(Root, {
+	Provider: RootProvider,
+	Context: RootContext,
+	Label,
+	Control,
+	Item,
+	HiddenInput
+});
+
+//#endregion
+export { RatingGroup };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/rating-group/modules/provider.d.mts

@@ -0,0 +1,8 @@
+import { PropTypes } from "@zag-js/react";
+import { Api, Props } from "@zag-js/rating-group";
+
+//#region src/components/rating-group/modules/provider.d.ts
+declare function useRatingGroup(props?: Omit<Props, 'id'>): Api<PropTypes>;
+//#endregion
+export { useRatingGroup };
+//# sourceMappingURL=provider.d.mts.map

package/dist/components/rating-group/modules/provider.mjs

@@ -0,0 +1,15 @@
+import { useId } from "react";
+import { normalizeProps, useMachine } from "@zag-js/react";
+import { connect, machine } from "@zag-js/rating-group";
+
+//#region src/components/rating-group/modules/provider.ts
+function useRatingGroup(props = {}) {
+	return connect(useMachine(machine, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+export { useRatingGroup };
+//# sourceMappingURL=provider.mjs.map

package/dist/components/rating-group/modules/root-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/rating-group/modules/root-context.ts
+const RootContext = createContext();
+
+//#endregion
+export { RootContext };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/segmented-control/anatomy/control.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react82 from "react";
+
+//#region src/components/segmented-control/anatomy/control.d.ts
+interface SegmentedControlControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Control(props: SegmentedControlControlProps): react82.JSX.Element;
+//#endregion
+export { Control, SegmentedControlControlProps };
+//# sourceMappingURL=control.d.mts.map

package/dist/components/segmented-control/anatomy/control.mjs

@@ -0,0 +1,17 @@
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/segmented-control/anatomy/control.tsx
+function Control(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesSegmentedControl.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Control as default };
+//# sourceMappingURL=control.mjs.map

package/dist/components/segmented-control/anatomy/indicator.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react83 from "react";
+
+//#region src/components/segmented-control/anatomy/indicator.d.ts
+interface SegmentedControlIndicatorProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'children'> {}
+declare function Indicator(props: SegmentedControlIndicatorProps): react83.JSX.Element;
+//#endregion
+export { Indicator, SegmentedControlIndicatorProps };
+//# sourceMappingURL=indicator.d.mts.map

package/dist/components/segmented-control/anatomy/indicator.mjs

@@ -0,0 +1,17 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/segmented-control/anatomy/indicator.tsx
+function Indicator(props) {
+	const segmentedControl = use(RootContext);
+	const { element,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getIndicatorProps(), { className: classesSegmentedControl.indicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
+}
+
+//#endregion
+export { Indicator as default };
+//# sourceMappingURL=indicator.mjs.map

package/dist/components/segmented-control/anatomy/item-hidden-input.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react80 from "react";
+
+//#region src/components/segmented-control/anatomy/item-hidden-input.d.ts
+interface SegmentedControlItemHiddenInputProps extends PropsWithElement<'input'>, HTMLAttributes<'input', 'children'> {}
+declare function ItemHiddenInput(props: SegmentedControlItemHiddenInputProps): react80.JSX.Element;
+//#endregion
+export { ItemHiddenInput, SegmentedControlItemHiddenInputProps };
+//# sourceMappingURL=item-hidden-input.d.mts.map

package/dist/components/segmented-control/anatomy/item-hidden-input.mjs

@@ -0,0 +1,19 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ItemContext } from "../modules/item-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/segmented-control/anatomy/item-hidden-input.tsx
+function ItemHiddenInput(props) {
+	const segmentedControl = use(RootContext);
+	const itemProps = use(ItemContext);
+	const { element,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getItemHiddenInputProps(itemProps), { className: classesSegmentedControl.itemHiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+export { ItemHiddenInput as default };
+//# sourceMappingURL=item-hidden-input.mjs.map

package/dist/components/segmented-control/anatomy/item-text.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react84 from "react";
+
+//#region src/components/segmented-control/anatomy/item-text.d.ts
+interface SegmentedControlItemTextProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {}
+declare function ItemText(props: SegmentedControlItemTextProps): react84.JSX.Element;
+//#endregion
+export { ItemText, SegmentedControlItemTextProps };
+//# sourceMappingURL=item-text.d.mts.map

package/dist/components/segmented-control/anatomy/item-text.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ItemContext } from "../modules/item-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/segmented-control/anatomy/item-text.tsx
+function ItemText(props) {
+	const segmentedControl = use(RootContext);
+	const itemProps = use(ItemContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getItemTextProps(itemProps), { className: classesSegmentedControl.itemText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { ItemText as default };
+//# sourceMappingURL=item-text.mjs.map

package/dist/components/segmented-control/anatomy/item.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import { ItemProps } from "@zag-js/radio-group";
+
+//#region src/components/segmented-control/anatomy/item.d.ts
+interface SegmentedControlItemProps extends ItemProps, PropsWithElement<'label'>, HTMLAttributes<'label'> {}
+declare function Item(props: SegmentedControlItemProps): react_jsx_runtime31.JSX.Element;
+//#endregion
+export { Item, SegmentedControlItemProps };
+//# sourceMappingURL=item.d.mts.map

package/dist/components/segmented-control/anatomy/item.mjs

@@ -0,0 +1,26 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ItemContext } from "../modules/item-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitItemProps } from "@zag-js/radio-group";
+
+//#region src/components/segmented-control/anatomy/item.tsx
+function Item(props) {
+	const segmentedControl = use(RootContext);
+	const [itemProps, componentProps] = splitItemProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(segmentedControl.getItemProps(itemProps), { className: classesSegmentedControl.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Item as default };
+//# sourceMappingURL=item.mjs.map

package/dist/components/segmented-control/anatomy/label.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react81 from "react";
+
+//#region src/components/segmented-control/anatomy/label.d.ts
+interface SegmentedControlLabelProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {}
+declare function Label(props: SegmentedControlLabelProps): react81.JSX.Element;
+//#endregion
+export { Label, SegmentedControlLabelProps };
+//# sourceMappingURL=label.d.mts.map

package/dist/components/segmented-control/anatomy/label.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/segmented-control/anatomy/label.tsx
+function Label(props) {
+	const segmentedControl = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getLabelProps(), { className: classesSegmentedControl.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Label as default };
+//# sourceMappingURL=label.mjs.map

package/dist/components/segmented-control/anatomy/root-context.d.mts

@@ -0,0 +1,11 @@
+import { useSegmentedControl } from "../modules/provider.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/segmented-control/anatomy/root-context.d.ts
+interface SegmentedControlRootContextProps {
+  children: (ratingGroup: ReturnType<typeof useSegmentedControl>) => ReactNode;
+}
+declare function RootContext(props: SegmentedControlRootContextProps): ReactNode;
+//#endregion
+export { RootContext, SegmentedControlRootContextProps };
+//# sourceMappingURL=root-context.d.mts.map

package/dist/components/segmented-control/anatomy/root-context.mjs

@@ -0,0 +1,13 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+
+//#region src/components/segmented-control/anatomy/root-context.tsx
+function RootContext$1(props) {
+	const segmentedControl = use(RootContext);
+	const { children } = props;
+	return children(segmentedControl);
+}
+
+//#endregion
+export { RootContext$1 as default };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/segmented-control/anatomy/root-provider.d.mts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import { useSegmentedControl } from "../modules/provider.mjs";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+
+//#region src/components/segmented-control/anatomy/root-provider.d.ts
+interface SegmentedControlRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'defaultValue'> {
+  value: ReturnType<typeof useSegmentedControl>;
+}
+declare function RootProvider(props: SegmentedControlRootProviderProps): react_jsx_runtime30.JSX.Element;
+//#endregion
+export { RootProvider, SegmentedControlRootProviderProps };
+//# sourceMappingURL=root-provider.d.mts.map

package/dist/components/segmented-control/anatomy/root-provider.mjs

@@ -0,0 +1,21 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/segmented-control/anatomy/root-provider.tsx
+function RootProvider(props) {
+	const { element, children, value: segmentedControl,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getRootProps(), { className: classesSegmentedControl.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: segmentedControl,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { RootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

package/dist/components/segmented-control/anatomy/root.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+import { Props } from "@zag-js/radio-group";
+
+//#region src/components/segmented-control/anatomy/root.d.ts
+interface SegmentedControlRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'defaultValue'> {}
+declare function Root(props: SegmentedControlRootProps): react_jsx_runtime29.JSX.Element;
+//#endregion
+export { Root, SegmentedControlRootProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/segmented-control/anatomy/root.mjs

@@ -0,0 +1,25 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { useSegmentedControl } from "../modules/provider.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesSegmentedControl } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitProps } from "@zag-js/radio-group";
+
+//#region src/components/segmented-control/anatomy/root.tsx
+function Root(props) {
+	const [segmentedControlProps, componentProps] = splitProps(props);
+	const { element, children,...rest } = componentProps;
+	const segmentedControl = useSegmentedControl(segmentedControlProps);
+	const attributes = mergeProps(segmentedControl.getRootProps(), { className: classesSegmentedControl.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: segmentedControl,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Root as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/segmented-control/index.d.mts

@@ -0,0 +1,11 @@
+import { SegmentedControlControlProps } from "./anatomy/control.mjs";
+import { SegmentedControlIndicatorProps } from "./anatomy/indicator.mjs";
+import { SegmentedControlItemHiddenInputProps } from "./anatomy/item-hidden-input.mjs";
+import { SegmentedControlItemTextProps } from "./anatomy/item-text.mjs";
+import { SegmentedControlItemProps } from "./anatomy/item.mjs";
+import { SegmentedControlLabelProps } from "./anatomy/label.mjs";
+import { useSegmentedControl } from "./modules/provider.mjs";
+import { SegmentedControlRootContextProps } from "./anatomy/root-context.mjs";
+import { SegmentedControlRootProviderProps } from "./anatomy/root-provider.mjs";
+import { SegmentedControlRootProps } from "./anatomy/root.mjs";
+import { SegmentedControl } from "./modules/anatomy.mjs";

package/dist/components/segmented-control/modules/anatomy.d.mts

@@ -0,0 +1,24 @@
+import { Control } from "../anatomy/control.mjs";
+import { Indicator } from "../anatomy/indicator.mjs";
+import { ItemHiddenInput } from "../anatomy/item-hidden-input.mjs";
+import { ItemText } from "../anatomy/item-text.mjs";
+import { Item } from "../anatomy/item.mjs";
+import { Label } from "../anatomy/label.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { RootProvider } from "../anatomy/root-provider.mjs";
+import { Root } from "../anatomy/root.mjs";
+
+//#region src/components/segmented-control/modules/anatomy.d.ts
+declare const SegmentedControl: typeof Root & {
+  Provider: typeof RootProvider;
+  Context: typeof RootContext;
+  Label: typeof Label;
+  Control: typeof Control;
+  Indicator: typeof Indicator;
+  Item: typeof Item;
+  ItemText: typeof ItemText;
+  ItemHiddenInput: typeof ItemHiddenInput;
+};
+//#endregion
+export { SegmentedControl };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/segmented-control/modules/anatomy.mjs

@@ -0,0 +1,25 @@
+import Control from "../anatomy/control.mjs";
+import Indicator from "../anatomy/indicator.mjs";
+import ItemHiddenInput from "../anatomy/item-hidden-input.mjs";
+import ItemText from "../anatomy/item-text.mjs";
+import Item from "../anatomy/item.mjs";
+import Label from "../anatomy/label.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import RootProvider from "../anatomy/root-provider.mjs";
+import Root from "../anatomy/root.mjs";
+
+//#region src/components/segmented-control/modules/anatomy.ts
+const SegmentedControl = Object.assign(Root, {
+	Provider: RootProvider,
+	Context: RootContext,
+	Label,
+	Control,
+	Indicator,
+	Item,
+	ItemText,
+	ItemHiddenInput
+});
+
+//#endregion
+export { SegmentedControl };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/segmented-control/modules/item-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/segmented-control/modules/item-context.ts
+const ItemContext = createContext();
+
+//#endregion
+export { ItemContext };
+//# sourceMappingURL=item-context.mjs.map

package/dist/components/segmented-control/modules/provider.d.mts

@@ -0,0 +1,8 @@
+import { PropTypes } from "@zag-js/react";
+import { Api, Props } from "@zag-js/radio-group";
+
+//#region src/components/segmented-control/modules/provider.d.ts
+declare function useSegmentedControl(props?: Omit<Props, 'id'>): Api<PropTypes>;
+//#endregion
+export { useSegmentedControl };
+//# sourceMappingURL=provider.d.mts.map

package/dist/components/segmented-control/modules/provider.mjs

@@ -0,0 +1,16 @@
+import { useId } from "react";
+import { normalizeProps, useMachine } from "@zag-js/react";
+import { connect, machine } from "@zag-js/radio-group";
+
+//#region src/components/segmented-control/modules/provider.ts
+function useSegmentedControl(props = {}) {
+	return connect(useMachine(machine, {
+		id: useId(),
+		orientation: "horizontal",
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+export { useSegmentedControl };
+//# sourceMappingURL=provider.mjs.map

package/dist/components/segmented-control/modules/root-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/segmented-control/modules/root-context.ts
+const RootContext = createContext();
+
+//#endregion
+export { RootContext };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/slider/anatomy/control.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react91 from "react";
+
+//#region src/components/slider/anatomy/control.d.ts
+interface SliderControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Control(props: SliderControlProps): react91.JSX.Element;
+//#endregion
+export { Control, SliderControlProps };
+//# sourceMappingURL=control.d.mts.map

package/dist/components/slider/anatomy/control.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSlider } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/slider/anatomy/control.tsx
+function Control(props) {
+	const slider = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getControlProps(), { className: classesSlider.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Control as default };
+//# sourceMappingURL=control.mjs.map

package/dist/components/slider/anatomy/hidden-input.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react87 from "react";
+
+//#region src/components/slider/anatomy/hidden-input.d.ts
+interface SliderHiddenInputProps extends PropsWithElement<'input'>, HTMLAttributes<'input', 'children'> {}
+declare function HiddenInput(props: SliderHiddenInputProps): react87.JSX.Element;
+//#endregion
+export { HiddenInput, SliderHiddenInputProps };
+//# sourceMappingURL=hidden-input.d.mts.map

package/dist/components/slider/anatomy/hidden-input.mjs

@@ -0,0 +1,19 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ThumbContext } from "../modules/thumb-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSlider } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/slider/anatomy/hidden-input.tsx
+function HiddenInput(props) {
+	const slider = use(RootContext);
+	const thumbProps = use(ThumbContext);
+	const { element,...rest } = props;
+	const attributes = mergeProps(slider.getHiddenInputProps(thumbProps), { className: classesSlider.hiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+export { HiddenInput as default };
+//# sourceMappingURL=hidden-input.mjs.map

package/dist/components/slider/anatomy/label.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react89 from "react";
+
+//#region src/components/slider/anatomy/label.d.ts
+interface SliderLabelProps extends PropsWithElement<'label'>, HTMLAttributes<'label'> {}
+declare function Label(props: SliderLabelProps): react89.JSX.Element;
+//#endregion
+export { Label, SliderLabelProps };
+//# sourceMappingURL=label.d.mts.map

package/dist/components/slider/anatomy/label.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSlider } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/slider/anatomy/label.tsx
+function Label(props) {
+	const slider = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getLabelProps(), { className: classesSlider.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Label as default };
+//# sourceMappingURL=label.mjs.map

package/dist/components/slider/anatomy/marker-group.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react92 from "react";
+
+//#region src/components/slider/anatomy/marker-group.d.ts
+interface SliderMarkerGroupProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function MarkerGroup(props: SliderMarkerGroupProps): react92.JSX.Element;
+//#endregion
+export { MarkerGroup, SliderMarkerGroupProps };
+//# sourceMappingURL=marker-group.d.mts.map

package/dist/components/slider/anatomy/marker-group.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesSlider } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/slider/anatomy/marker-group.tsx
+function MarkerGroup(props) {
+	const slider = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getMarkerGroupProps(), { className: classesSlider.markerGroup }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { MarkerGroup as default };
+//# sourceMappingURL=marker-group.mjs.map