jaci-ui 0.1.0

package/dist/components/radio-group/radio-group.cjs

@@ -0,0 +1,90 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_radio_group = require("../../styled-system/recipes/radio-group.cjs");
+const require_field = require("../field/field.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_field = require("@base-ui/react/field");
+let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
+let _base_ui_react_radio = require("@base-ui/react/radio");
+//#region src/components/radio-group/radio-group.tsx
+/**
+* A typed, accessible radio group. The hidden native input is registered with
+* Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work
+* without an additional form library.
+*/
+function RadioGroupRoot({ children, className, errors, invalid, name, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field.Field, {
+		className: require_cx.cx(require_radio_group.radioGroup().root, className),
+		...errors === void 0 ? {} : { errors },
+		...invalid === void 0 ? {} : { invalid },
+		...name === void 0 ? {} : { name },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio_group.RadioGroup, {
+			...props,
+			...name === void 0 ? {} : { name },
+			children
+		})
+	});
+}
+const RadioGroupLabel = (0, react.forwardRef)(function RadioGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Label, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_radio_group.radioGroup().label, className),
+		"data-slot": "radio-group-label"
+	});
+});
+const RadioGroupOption = (0, react.forwardRef)(function RadioGroupOption({ children, className, htmlFor, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		...props,
+		ref,
+		className: require_cx.cx(require_radio_group.radioGroup().option, className),
+		"data-slot": "radio-group-option",
+		htmlFor,
+		children
+	});
+});
+const RadioGroupOptions = (0, react.forwardRef)(function RadioGroupOptions({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_radio_group.radioGroup().options, className),
+		"data-slot": "radio-group-options"
+	});
+});
+const RadioGroupItem = (0, react.forwardRef)(function RadioGroupItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Root, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_radio_group.radioGroup().radio, className),
+		"data-slot": "radio-group-item"
+	});
+});
+const RadioGroupIndicator = (0, react.forwardRef)(function RadioGroupIndicator({ children, className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Indicator, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_radio_group.radioGroup().indicator, className),
+		"data-slot": "radio-group-indicator",
+		children
+	});
+});
+const RadioGroup = {
+	Root: RadioGroupRoot,
+	Label: RadioGroupLabel,
+	Options: RadioGroupOptions,
+	Option: RadioGroupOption,
+	Item: RadioGroupItem,
+	Indicator: RadioGroupIndicator
+};
+//#endregion
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupIndicator = RadioGroupIndicator;
+exports.RadioGroupItem = RadioGroupItem;
+exports.RadioGroupLabel = RadioGroupLabel;
+exports.RadioGroupOption = RadioGroupOption;
+exports.RadioGroupOptions = RadioGroupOptions;
+exports.RadioGroupRoot = RadioGroupRoot;
+
+//# sourceMappingURL=radio-group.cjs.map

package/dist/components/radio-group/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.cjs","names":["Field","cx","radioGroup","BaseRadioGroup","BaseField","withRecipeClassName","BaseRadio"],"sources":["../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { RadioGroup as BaseRadioGroupType } from \"@base-ui/react/radio-group\";\nimport type { RadioRoot as BaseRadioRoot } from \"@base-ui/react/radio\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { radioGroup } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface RadioGroupRootProps<Value = string>\n  extends Omit<BaseRadioGroupType.Props<Value>, \"children\" | \"className\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A typed, accessible radio group. The hidden native input is registered with\n * Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work\n * without an additional form library.\n */\nexport function RadioGroupRoot<Value = string>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  ...props\n}: RadioGroupRootProps<Value>) {\n  const styles = radioGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseRadioGroup {...props} {...(name === undefined ? {} : { name })}>\n        {children}\n      </BaseRadioGroup>\n    </Field>\n  );\n}\n\nexport type RadioGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const RadioGroupLabel = forwardRef<HTMLElement, RadioGroupLabelProps>(\n  function RadioGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().label, className)}\n        data-slot=\"radio-group-label\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const RadioGroupOption = forwardRef<HTMLLabelElement, RadioGroupOptionProps>(\n  function RadioGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().option, className)}\n        data-slot=\"radio-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type RadioGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const RadioGroupOptions = forwardRef<HTMLDivElement, RadioGroupOptionsProps>(\n  function RadioGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().options, className)}\n        data-slot=\"radio-group-options\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupItemProps<Value = string> = BaseRadioRoot.Props<Value>;\n\nexport const RadioGroupItem = forwardRef<HTMLSpanElement, RadioGroupItemProps>(\n  function RadioGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseRadio.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().radio, className)}\n        data-slot=\"radio-group-item\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseRadio.Indicator>;\n\nexport const RadioGroupIndicator = forwardRef<HTMLSpanElement, RadioGroupIndicatorProps>(\n  function RadioGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseRadio.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().indicator, className)}\n        data-slot=\"radio-group-indicator\"\n      >\n        {children}\n      </BaseRadio.Indicator>\n    );\n  },\n);\n\nexport const RadioGroup = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Options: RadioGroupOptions,\n  Option: RadioGroupOption,\n  Item: RadioGroupItem,\n  Indicator: RadioGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,SAAgB,eAA+B,EAC7C,UACA,WACA,QACA,SACA,MACA,GAAG,SAC0B;CAS7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,OAAD;EAPA,WAAWC,WAAAA,GAFEC,oBAAAA,WAEM,CAAC,CAAC,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;YAKnC,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,YAAD;GAAgB,GAAI;GAAO,GAAK,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;GAC9D;EACa,CAAA;CACX,CAAA;AAEX;AAIA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBH,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CACzE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC5C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,SAAS,SAAS;EAC7C,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,qBAAAA,MAAU,MAAX;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBH,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,qBAAAA,MAAU,WAAX;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBH,oBAAAA,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,aAAU;EAET;CACkB,CAAA;AAEzB,CACF;AAEA,MAAa,aAAa;CACxB,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}

package/dist/components/radio-group/radio-group.d.cts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Field } from "@base-ui/react/field";
+import { Radio, RadioRoot } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/components/radio-group/radio-group.d.ts
+interface RadioGroupRootProps<Value = string> extends Omit<RadioGroup.Props<Value>, "children" | "className"> {
+  /** Marks the group invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Direct error content rendered through the surrounding Field context. */
+  errors?: ReactNode | ReactNode[];
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * A typed, accessible radio group. The hidden native input is registered with
+ * Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work
+ * without an additional form library.
+ */
+declare function RadioGroupRoot<Value = string>({ children, className, errors, invalid, name, ...props }: RadioGroupRootProps<Value>): import("react").JSX.Element;
+type RadioGroupLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
+declare const RadioGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type RadioGroupOptionProps = ComponentPropsWithoutRef<"label">;
+declare const RadioGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+type RadioGroupOptionsProps = ComponentPropsWithoutRef<"div">;
+declare const RadioGroupOptions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RadioGroupItemProps<Value = string> = RadioRoot.Props<Value>;
+declare const RadioGroupItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemProps<string>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type RadioGroupIndicatorProps = ComponentPropsWithoutRef<typeof Radio.Indicator>;
+declare const RadioGroupIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").RadioIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const RadioGroup$1: {
+  Root: typeof RadioGroupRoot;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Options: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Option: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemProps<string>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").RadioIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupIndicator, RadioGroupIndicatorProps, RadioGroupItem, RadioGroupItemProps, RadioGroupLabel, RadioGroupLabelProps, RadioGroupOption, RadioGroupOptionProps, RadioGroupOptions, RadioGroupOptionsProps, RadioGroupRoot, RadioGroupRootProps };
+//# sourceMappingURL=radio-group.d.cts.map

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Field } from "@base-ui/react/field";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { Radio, RadioRoot } from "@base-ui/react/radio";
+//#region src/components/radio-group/radio-group.d.ts
+interface RadioGroupRootProps<Value = string> extends Omit<RadioGroup.Props<Value>, "children" | "className"> {
+  /** Marks the group invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Direct error content rendered through the surrounding Field context. */
+  errors?: ReactNode | ReactNode[];
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * A typed, accessible radio group. The hidden native input is registered with
+ * Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work
+ * without an additional form library.
+ */
+declare function RadioGroupRoot<Value = string>({ children, className, errors, invalid, name, ...props }: RadioGroupRootProps<Value>): import("react").JSX.Element;
+type RadioGroupLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
+declare const RadioGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type RadioGroupOptionProps = ComponentPropsWithoutRef<"label">;
+declare const RadioGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+type RadioGroupOptionsProps = ComponentPropsWithoutRef<"div">;
+declare const RadioGroupOptions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RadioGroupItemProps<Value = string> = RadioRoot.Props<Value>;
+declare const RadioGroupItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemProps<string>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type RadioGroupIndicatorProps = ComponentPropsWithoutRef<typeof Radio.Indicator>;
+declare const RadioGroupIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").RadioIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const RadioGroup$1: {
+  Root: typeof RadioGroupRoot;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Options: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Option: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemProps<string>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").RadioIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupIndicator, RadioGroupIndicatorProps, RadioGroupItem, RadioGroupItemProps, RadioGroupLabel, RadioGroupLabelProps, RadioGroupOption, RadioGroupOptionProps, RadioGroupOptions, RadioGroupOptionsProps, RadioGroupRoot, RadioGroupRootProps };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group/radio-group.js

@@ -0,0 +1,84 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { radioGroup } from "../../styled-system/recipes/radio-group.js";
+import { Field as Field$1 } from "../field/field.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { Radio } from "@base-ui/react/radio";
+//#region src/components/radio-group/radio-group.tsx
+/**
+* A typed, accessible radio group. The hidden native input is registered with
+* Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work
+* without an additional form library.
+*/
+function RadioGroupRoot({ children, className, errors, invalid, name, ...props }) {
+	return /* @__PURE__ */ jsx(Field$1, {
+		className: cx(radioGroup().root, className),
+		...errors === void 0 ? {} : { errors },
+		...invalid === void 0 ? {} : { invalid },
+		...name === void 0 ? {} : { name },
+		children: /* @__PURE__ */ jsx(RadioGroup, {
+			...props,
+			...name === void 0 ? {} : { name },
+			children
+		})
+	});
+}
+const RadioGroupLabel = forwardRef(function RadioGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		...props,
+		ref,
+		className: withRecipeClassName(radioGroup().label, className),
+		"data-slot": "radio-group-label"
+	});
+});
+const RadioGroupOption = forwardRef(function RadioGroupOption({ children, className, htmlFor, ...props }, ref) {
+	return /* @__PURE__ */ jsx("label", {
+		...props,
+		ref,
+		className: cx(radioGroup().option, className),
+		"data-slot": "radio-group-option",
+		htmlFor,
+		children
+	});
+});
+const RadioGroupOptions = forwardRef(function RadioGroupOptions({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(radioGroup().options, className),
+		"data-slot": "radio-group-options"
+	});
+});
+const RadioGroupItem = forwardRef(function RadioGroupItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		...props,
+		ref,
+		className: withRecipeClassName(radioGroup().radio, className),
+		"data-slot": "radio-group-item"
+	});
+});
+const RadioGroupIndicator = forwardRef(function RadioGroupIndicator({ children, className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Radio.Indicator, {
+		...props,
+		ref,
+		className: withRecipeClassName(radioGroup().indicator, className),
+		"data-slot": "radio-group-indicator",
+		children
+	});
+});
+const RadioGroup$1 = {
+	Root: RadioGroupRoot,
+	Label: RadioGroupLabel,
+	Options: RadioGroupOptions,
+	Option: RadioGroupOption,
+	Item: RadioGroupItem,
+	Indicator: RadioGroupIndicator
+};
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupLabel, RadioGroupOption, RadioGroupOptions, RadioGroupRoot };
+
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["Field","BaseRadioGroup","BaseField","BaseRadio","RadioGroup"],"sources":["../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { RadioGroup as BaseRadioGroupType } from \"@base-ui/react/radio-group\";\nimport type { RadioRoot as BaseRadioRoot } from \"@base-ui/react/radio\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { radioGroup } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface RadioGroupRootProps<Value = string>\n  extends Omit<BaseRadioGroupType.Props<Value>, \"children\" | \"className\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A typed, accessible radio group. The hidden native input is registered with\n * Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work\n * without an additional form library.\n */\nexport function RadioGroupRoot<Value = string>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  ...props\n}: RadioGroupRootProps<Value>) {\n  const styles = radioGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseRadioGroup {...props} {...(name === undefined ? {} : { name })}>\n        {children}\n      </BaseRadioGroup>\n    </Field>\n  );\n}\n\nexport type RadioGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const RadioGroupLabel = forwardRef<HTMLElement, RadioGroupLabelProps>(\n  function RadioGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().label, className)}\n        data-slot=\"radio-group-label\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const RadioGroupOption = forwardRef<HTMLLabelElement, RadioGroupOptionProps>(\n  function RadioGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().option, className)}\n        data-slot=\"radio-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type RadioGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const RadioGroupOptions = forwardRef<HTMLDivElement, RadioGroupOptionsProps>(\n  function RadioGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().options, className)}\n        data-slot=\"radio-group-options\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupItemProps<Value = string> = BaseRadioRoot.Props<Value>;\n\nexport const RadioGroupItem = forwardRef<HTMLSpanElement, RadioGroupItemProps>(\n  function RadioGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseRadio.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().radio, className)}\n        data-slot=\"radio-group-item\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseRadio.Indicator>;\n\nexport const RadioGroupIndicator = forwardRef<HTMLSpanElement, RadioGroupIndicatorProps>(\n  function RadioGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseRadio.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().indicator, className)}\n        data-slot=\"radio-group-indicator\"\n      >\n        {children}\n      </BaseRadio.Indicator>\n    );\n  },\n);\n\nexport const RadioGroup = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Options: RadioGroupOptions,\n  Option: RadioGroupOption,\n  Item: RadioGroupItem,\n  Indicator: RadioGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,SAAgB,eAA+B,EAC7C,UACA,WACA,QACA,SACA,MACA,GAAG,SAC0B;CAS7B,OACE,oBAACA,SAAD;EAPA,WAAW,GAFE,WAEM,CAAC,CAAC,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;YAKnC,oBAACC,YAAD;GAAgB,GAAI;GAAO,GAAK,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;GAC9D;EACa,CAAA;CACX,CAAA;AAEX;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACC,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CACzE,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC5C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,SAAS,SAAS;EAC7C,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACC,MAAU,MAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACnE,OACE,oBAACA,MAAU,WAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,aAAU;EAET;CACkB,CAAA;AAEzB,CACF;AAEA,MAAaC,eAAa;CACxB,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}

package/dist/components/range-slider/index.d.cts

@@ -0,0 +1,2 @@
+import { RangeSlider, RangeSliderControl, RangeSliderControlProps, RangeSliderIndicator, RangeSliderIndicatorProps, RangeSliderLabel, RangeSliderLabelProps, RangeSliderRoot, RangeSliderRootProps, RangeSliderSize, RangeSliderThumb, RangeSliderThumbProps, RangeSliderTrack, RangeSliderTrackProps, RangeSliderValue, RangeSliderValueProps } from "./range-slider.cjs";
+export { RangeSlider, RangeSliderControl, type RangeSliderControlProps, RangeSliderIndicator, type RangeSliderIndicatorProps, RangeSliderLabel, type RangeSliderLabelProps, RangeSliderRoot, type RangeSliderRootProps, type RangeSliderSize, RangeSliderThumb, type RangeSliderThumbProps, RangeSliderTrack, type RangeSliderTrackProps, RangeSliderValue, type RangeSliderValueProps };

package/dist/components/range-slider/index.d.ts

@@ -0,0 +1,2 @@
+import { RangeSlider, RangeSliderControl, RangeSliderControlProps, RangeSliderIndicator, RangeSliderIndicatorProps, RangeSliderLabel, RangeSliderLabelProps, RangeSliderRoot, RangeSliderRootProps, RangeSliderSize, RangeSliderThumb, RangeSliderThumbProps, RangeSliderTrack, RangeSliderTrackProps, RangeSliderValue, RangeSliderValueProps } from "./range-slider.js";
+export { RangeSlider, RangeSliderControl, type RangeSliderControlProps, RangeSliderIndicator, type RangeSliderIndicatorProps, RangeSliderLabel, type RangeSliderLabelProps, RangeSliderRoot, type RangeSliderRootProps, type RangeSliderSize, RangeSliderThumb, type RangeSliderThumbProps, RangeSliderTrack, type RangeSliderTrackProps, RangeSliderValue, type RangeSliderValueProps };

package/dist/components/range-slider/range-slider.cjs

@@ -0,0 +1,103 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_range_slider = require("../../styled-system/recipes/range-slider.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_slider = require("@base-ui/react/slider");
+//#region src/components/range-slider/range-slider.tsx
+const RangeSliderSizeContext = (0, react.createContext)("md");
+function useRangeSliderStyles() {
+	return require_range_slider.rangeSlider({ size: (0, react.useContext)(RangeSliderSizeContext) });
+}
+function asRange(values, min, max) {
+	return [values[0] ?? min, values[1] ?? max];
+}
+const RangeSliderRoot = (0, react.forwardRef)(function RangeSliderRoot({ children, className, defaultValue, max = 100, min = 0, onValueChange, onValueCommitted, size = "md", value, ...props }, ref) {
+	const styles = require_range_slider.rangeSlider({ size });
+	const fallbackValue = defaultValue ?? [min, max];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeSliderSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Root, {
+			...props,
+			defaultValue: fallbackValue,
+			max,
+			min,
+			onValueChange: (next) => onValueChange?.(asRange(next, min, max)),
+			onValueCommitted: (next) => onValueCommitted?.(asRange(next, min, max)),
+			ref,
+			value,
+			className: require_base_ui.withRecipeClassName(styles.root, className),
+			"data-jaci-component": "range-slider",
+			"data-slot": "range-slider",
+			children
+		})
+	});
+});
+const RangeSliderLabel = (0, react.forwardRef)(function RangeSliderLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Label, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useRangeSliderStyles().label, className),
+		"data-slot": "range-slider-label"
+	});
+});
+const RangeSliderValue = (0, react.forwardRef)(function RangeSliderValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Value, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useRangeSliderStyles().value, className),
+		"data-slot": "range-slider-value"
+	});
+});
+const RangeSliderControl = (0, react.forwardRef)(function RangeSliderControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Control, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useRangeSliderStyles().control, className),
+		"data-slot": "range-slider-control"
+	});
+});
+const RangeSliderTrack = (0, react.forwardRef)(function RangeSliderTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Track, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useRangeSliderStyles().track, className),
+		"data-slot": "range-slider-track"
+	});
+});
+const RangeSliderIndicator = (0, react.forwardRef)(function RangeSliderIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Indicator, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useRangeSliderStyles().indicator, className),
+		"data-slot": "range-slider-indicator"
+	});
+});
+const RangeSliderThumb = (0, react.forwardRef)(function RangeSliderThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Thumb, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useRangeSliderStyles().thumb, className),
+		"data-slot": "range-slider-thumb"
+	});
+});
+const RangeSlider = {
+	Root: RangeSliderRoot,
+	Label: RangeSliderLabel,
+	Value: RangeSliderValue,
+	Control: RangeSliderControl,
+	Track: RangeSliderTrack,
+	Indicator: RangeSliderIndicator,
+	Thumb: RangeSliderThumb
+};
+//#endregion
+exports.RangeSlider = RangeSlider;
+exports.RangeSliderControl = RangeSliderControl;
+exports.RangeSliderIndicator = RangeSliderIndicator;
+exports.RangeSliderLabel = RangeSliderLabel;
+exports.RangeSliderRoot = RangeSliderRoot;
+exports.RangeSliderThumb = RangeSliderThumb;
+exports.RangeSliderTrack = RangeSliderTrack;
+exports.RangeSliderValue = RangeSliderValue;
+
+//# sourceMappingURL=range-slider.cjs.map

package/dist/components/range-slider/range-slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-slider.cjs","names":["rangeSlider","BaseSlider","withRecipeClassName"],"sources":["../../../src/components/range-slider/range-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { rangeSlider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type RangeSliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst RangeSliderSizeContext = createContext<RangeSliderSize>(\"md\");\n\nfunction useRangeSliderStyles() {\n  return rangeSlider({ size: useContext(RangeSliderSizeContext) });\n}\n\nexport interface RangeSliderRootProps\n  extends Omit<\n    BaseSliderRoot.Props<readonly number[]>,\n    \"children\" | \"className\" | \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommitted\"\n  > {\n  value?: readonly [number, number];\n  defaultValue?: readonly [number, number];\n  onValueChange?: (value: readonly [number, number]) => void;\n  onValueCommitted?: (value: readonly [number, number]) => void;\n  size?: RangeSliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction asRange(values: readonly number[], min: number, max: number): readonly [number, number] {\n  return [values[0] ?? min, values[1] ?? max];\n}\n\nexport const RangeSliderRoot = forwardRef<HTMLDivElement, RangeSliderRootProps>(\n  function RangeSliderRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      max = 100,\n      min = 0,\n      onValueChange,\n      onValueCommitted,\n      size = \"md\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const styles = rangeSlider({ size });\n    const fallbackValue = defaultValue ?? [min, max];\n\n    return (\n      <RangeSliderSizeContext.Provider value={size}>\n        <BaseSlider.Root\n          {...props}\n          defaultValue={fallbackValue}\n          max={max}\n          min={min}\n          onValueChange={(next) => onValueChange?.(asRange(next, min, max))}\n          onValueCommitted={(next) => onValueCommitted?.(asRange(next, min, max))}\n          ref={ref}\n          value={value}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"range-slider\"\n          data-slot=\"range-slider\"\n        >\n          {children}\n        </BaseSlider.Root>\n      </RangeSliderSizeContext.Provider>\n    );\n  },\n);\n\nexport type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\nexport const RangeSliderLabel = forwardRef<HTMLDivElement, RangeSliderLabelProps>(\n  function RangeSliderLabel({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().label, className)}\n        data-slot=\"range-slider-label\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\nexport const RangeSliderValue = forwardRef<HTMLOutputElement, RangeSliderValueProps>(\n  function RangeSliderValue({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Value\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().value, className)}\n        data-slot=\"range-slider-value\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\nexport const RangeSliderControl = forwardRef<HTMLDivElement, RangeSliderControlProps>(\n  function RangeSliderControl({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Control\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().control, className)}\n        data-slot=\"range-slider-control\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\nexport const RangeSliderTrack = forwardRef<HTMLDivElement, RangeSliderTrackProps>(\n  function RangeSliderTrack({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Track\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().track, className)}\n        data-slot=\"range-slider-track\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\nexport const RangeSliderIndicator = forwardRef<HTMLDivElement, RangeSliderIndicatorProps>(\n  function RangeSliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().indicator, className)}\n        data-slot=\"range-slider-indicator\"\n      />\n    );\n  },\n);\n\nexport interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof BaseSlider.Thumb> {\n  index: 0 | 1;\n}\n\nexport const RangeSliderThumb = forwardRef<HTMLDivElement, RangeSliderThumbProps>(\n  function RangeSliderThumb({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().thumb, className)}\n        data-slot=\"range-slider-thumb\"\n      />\n    );\n  },\n);\n\nexport const RangeSlider = {\n  Root: RangeSliderRoot,\n  Label: RangeSliderLabel,\n  Value: RangeSliderValue,\n  Control: RangeSliderControl,\n  Track: RangeSliderTrack,\n  Indicator: RangeSliderIndicator,\n  Thumb: RangeSliderThumb,\n};\n"],"mappings":"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"}

package/dist/components/range-slider/range-slider.d.cts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Slider, SliderRoot } from "@base-ui/react/slider";
+//#region src/components/range-slider/range-slider.d.ts
+type RangeSliderSize = "sm" | "md" | "lg";
+interface RangeSliderRootProps extends Omit<SliderRoot.Props<readonly number[]>, "children" | "className" | "defaultValue" | "value" | "onValueChange" | "onValueCommitted"> {
+  value?: readonly [number, number];
+  defaultValue?: readonly [number, number];
+  onValueChange?: (value: readonly [number, number]) => void;
+  onValueCommitted?: (value: readonly [number, number]) => void;
+  size?: RangeSliderSize;
+  children?: ReactNode;
+  className?: string;
+}
+declare const RangeSliderRoot: import("react").ForwardRefExoticComponent<Omit<RangeSliderRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof Slider.Label>;
+declare const RangeSliderLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderValueProps = ComponentPropsWithoutRef<typeof Slider.Value>;
+declare const RangeSliderValue: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+type RangeSliderControlProps = ComponentPropsWithoutRef<typeof Slider.Control>;
+declare const RangeSliderControl: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof Slider.Track>;
+declare const RangeSliderTrack: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof Slider.Indicator>;
+declare const RangeSliderIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof Slider.Thumb> {
+  index: 0 | 1;
+}
+declare const RangeSliderThumb: import("react").ForwardRefExoticComponent<RangeSliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const RangeSlider: {
+  Root: import("react").ForwardRefExoticComponent<Omit<RangeSliderRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Track: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Thumb: import("react").ForwardRefExoticComponent<RangeSliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { RangeSlider, RangeSliderControl, RangeSliderControlProps, RangeSliderIndicator, RangeSliderIndicatorProps, RangeSliderLabel, RangeSliderLabelProps, RangeSliderRoot, RangeSliderRootProps, RangeSliderSize, RangeSliderThumb, RangeSliderThumbProps, RangeSliderTrack, RangeSliderTrackProps, RangeSliderValue, RangeSliderValueProps };
+//# sourceMappingURL=range-slider.d.cts.map

package/dist/components/range-slider/range-slider.d.ts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Slider, SliderRoot } from "@base-ui/react/slider";
+//#region src/components/range-slider/range-slider.d.ts
+type RangeSliderSize = "sm" | "md" | "lg";
+interface RangeSliderRootProps extends Omit<SliderRoot.Props<readonly number[]>, "children" | "className" | "defaultValue" | "value" | "onValueChange" | "onValueCommitted"> {
+  value?: readonly [number, number];
+  defaultValue?: readonly [number, number];
+  onValueChange?: (value: readonly [number, number]) => void;
+  onValueCommitted?: (value: readonly [number, number]) => void;
+  size?: RangeSliderSize;
+  children?: ReactNode;
+  className?: string;
+}
+declare const RangeSliderRoot: import("react").ForwardRefExoticComponent<Omit<RangeSliderRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof Slider.Label>;
+declare const RangeSliderLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderValueProps = ComponentPropsWithoutRef<typeof Slider.Value>;
+declare const RangeSliderValue: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+type RangeSliderControlProps = ComponentPropsWithoutRef<typeof Slider.Control>;
+declare const RangeSliderControl: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof Slider.Track>;
+declare const RangeSliderTrack: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof Slider.Indicator>;
+declare const RangeSliderIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof Slider.Thumb> {
+  index: 0 | 1;
+}
+declare const RangeSliderThumb: import("react").ForwardRefExoticComponent<RangeSliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const RangeSlider: {
+  Root: import("react").ForwardRefExoticComponent<Omit<RangeSliderRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Track: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Thumb: import("react").ForwardRefExoticComponent<RangeSliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { RangeSlider, RangeSliderControl, RangeSliderControlProps, RangeSliderIndicator, RangeSliderIndicatorProps, RangeSliderLabel, RangeSliderLabelProps, RangeSliderRoot, RangeSliderRootProps, RangeSliderSize, RangeSliderThumb, RangeSliderThumbProps, RangeSliderTrack, RangeSliderTrackProps, RangeSliderValue, RangeSliderValueProps };
+//# sourceMappingURL=range-slider.d.ts.map

package/dist/components/range-slider/range-slider.js

@@ -0,0 +1,96 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { rangeSlider } from "../../styled-system/recipes/range-slider.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+//#region src/components/range-slider/range-slider.tsx
+const RangeSliderSizeContext = createContext("md");
+function useRangeSliderStyles() {
+	return rangeSlider({ size: useContext(RangeSliderSizeContext) });
+}
+function asRange(values, min, max) {
+	return [values[0] ?? min, values[1] ?? max];
+}
+const RangeSliderRoot = forwardRef(function RangeSliderRoot({ children, className, defaultValue, max = 100, min = 0, onValueChange, onValueCommitted, size = "md", value, ...props }, ref) {
+	const styles = rangeSlider({ size });
+	const fallbackValue = defaultValue ?? [min, max];
+	return /* @__PURE__ */ jsx(RangeSliderSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ jsx(Slider.Root, {
+			...props,
+			defaultValue: fallbackValue,
+			max,
+			min,
+			onValueChange: (next) => onValueChange?.(asRange(next, min, max)),
+			onValueCommitted: (next) => onValueCommitted?.(asRange(next, min, max)),
+			ref,
+			value,
+			className: withRecipeClassName(styles.root, className),
+			"data-jaci-component": "range-slider",
+			"data-slot": "range-slider",
+			children
+		})
+	});
+});
+const RangeSliderLabel = forwardRef(function RangeSliderLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Label, {
+		...props,
+		ref,
+		className: withRecipeClassName(useRangeSliderStyles().label, className),
+		"data-slot": "range-slider-label"
+	});
+});
+const RangeSliderValue = forwardRef(function RangeSliderValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Value, {
+		...props,
+		ref,
+		className: withRecipeClassName(useRangeSliderStyles().value, className),
+		"data-slot": "range-slider-value"
+	});
+});
+const RangeSliderControl = forwardRef(function RangeSliderControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Control, {
+		...props,
+		ref,
+		className: withRecipeClassName(useRangeSliderStyles().control, className),
+		"data-slot": "range-slider-control"
+	});
+});
+const RangeSliderTrack = forwardRef(function RangeSliderTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Track, {
+		...props,
+		ref,
+		className: withRecipeClassName(useRangeSliderStyles().track, className),
+		"data-slot": "range-slider-track"
+	});
+});
+const RangeSliderIndicator = forwardRef(function RangeSliderIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Indicator, {
+		...props,
+		ref,
+		className: withRecipeClassName(useRangeSliderStyles().indicator, className),
+		"data-slot": "range-slider-indicator"
+	});
+});
+const RangeSliderThumb = forwardRef(function RangeSliderThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Thumb, {
+		...props,
+		ref,
+		className: withRecipeClassName(useRangeSliderStyles().thumb, className),
+		"data-slot": "range-slider-thumb"
+	});
+});
+const RangeSlider = {
+	Root: RangeSliderRoot,
+	Label: RangeSliderLabel,
+	Value: RangeSliderValue,
+	Control: RangeSliderControl,
+	Track: RangeSliderTrack,
+	Indicator: RangeSliderIndicator,
+	Thumb: RangeSliderThumb
+};
+//#endregion
+export { RangeSlider, RangeSliderControl, RangeSliderIndicator, RangeSliderLabel, RangeSliderRoot, RangeSliderThumb, RangeSliderTrack, RangeSliderValue };
+
+//# sourceMappingURL=range-slider.js.map