@nomos-ui/form 0.3.1 → 0.4.1

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

@@ -0,0 +1,46 @@
+import { Control, FieldValues, Path, PathValue } from "react-hook-form";
+import { SliderProps } from "./slider";
+/**
+ * Props for the `FormSlider` component with type-safe form integration.
+ */
+export type FormSliderProps<TFieldValues extends FieldValues> = {
+    /** React Hook Form control instance */
+    control: Control<TFieldValues>;
+    /** The name of the field (type-safe, must match form schema) */
+    name: Path<TFieldValues>;
+    /** Default value of the slider */
+    defaultValue?: PathValue<TFieldValues, Path<TFieldValues>>;
+} & Omit<SliderProps, "value" | "defaultValue" | "onValueChange">;
+/**
+ * A form slider component that adds type-safe form functionality to Slider.
+ * Designed to integrate with React Hook Form with full TypeScript support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * type FormData = {
+ *   volume: number[];
+ *   range: number[];
+ * };
+ *
+ * const { control } = useForm<FormData>();
+ *
+ * <FormSlider
+ *   control={control}
+ *   name="volume"
+ *   label="Volume"
+ *   defaultValue={[50]}
+ * />
+ *
+ * <FormSlider
+ *   control={control}
+ *   name="range"
+ *   label="Price range"
+ *   defaultValue={[20, 80]}
+ *   min={0}
+ *   max={100}
+ * />
+ * ```
+ */
+export default function FormSlider<TFieldValues extends FieldValues>({ control, name, defaultValue, required, ...props }: FormSliderProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-slider.d.ts.map

package/dist/components/form-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-slider.d.ts","sourceRoot":"","sources":["../../src/components/form-slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,WAAW,EACX,IAAI,EACJ,SAAS,EACV,MAAM,iBAAiB,CAAC;AAEzB,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/C;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,WAAW,IAAI;IAC9D,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAE/B,gEAAgE;IAChE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAEzB,kCAAkC;IAClC,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;CAC5D,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,YAAY,SAAS,WAAW,EAAE,EACnE,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,YAAY,CAAC,2CAqB/B"}

package/dist/components/form-slider.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FormSlider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const slider_1 = __importDefault(require("./slider"));
+const form_helpers_1 = require("../utils/helpers/form.helpers");
+/**
+ * A form slider component that adds type-safe form functionality to Slider.
+ * Designed to integrate with React Hook Form with full TypeScript support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * type FormData = {
+ *   volume: number[];
+ *   range: number[];
+ * };
+ *
+ * const { control } = useForm<FormData>();
+ *
+ * <FormSlider
+ *   control={control}
+ *   name="volume"
+ *   label="Volume"
+ *   defaultValue={[50]}
+ * />
+ *
+ * <FormSlider
+ *   control={control}
+ *   name="range"
+ *   label="Price range"
+ *   defaultValue={[20, 80]}
+ *   min={0}
+ *   max={100}
+ * />
+ * ```
+ */
+function FormSlider({ control, name, defaultValue, required = false, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: name, defaultValue: defaultValue, rules: { required: required ? "Required" : false }, render: ({ field: { onChange, value }, formState: { errors } }) => ((0, jsx_runtime_1.jsx)(slider_1.default, { sliderProps: { id: `form-slider-${name}` }, value: value, onValueChange: onChange, required: required, error: (0, form_helpers_1.getNestedErrorMessage)(errors || {}, name), ...props })) }) }));
+}
+//# sourceMappingURL=form-slider.js.map

package/dist/components/form-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-slider.js","sourceRoot":"","sources":["../../src/components/form-slider.tsx"],"names":[],"mappings":";;;;;AAwDA,6BA2BC;;AAnFD,qDAMyB;AAEzB,sDAA+C;AAC/C,gEAAsE;AAgBtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,SAAwB,UAAU,CAAmC,EACnE,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACsB;IAC9B,OAAO,CACL,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,EAClD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CACjE,uBAAC,gBAAM,IACL,WAAW,EAAE,EAAE,EAAE,EAAE,eAAe,IAAI,EAAE,EAAE,EAC1C,KAAK,EAAE,KAAiB,EACxB,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAA,oCAAqB,EAAC,MAAM,IAAI,EAAE,EAAE,IAAI,CAAW,KACtD,KAAK,GACT,CACH,GACD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/shadcn-ui/slider.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+export type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root>;
+/**
+ * Accessible slider component built on top of Radix UI Slider.
+ *
+ * Supports:
+ * - Single value sliders
+ * - Range sliders with multiple thumbs
+ * - Controlled and uncontrolled usage
+ * - Horizontal and vertical orientations
+ *
+ * @example
+ * Single value
+ * ```tsx
+ * <Slider defaultValue={[50]} max={100} step={1} />
+ * ```
+ *
+ * @example
+ * Range slider
+ * ```tsx
+ * <Slider defaultValue={[20, 80]} min={0} max={100} />
+ * ```
+ *
+ * @example
+ * Controlled slider
+ * ```tsx
+ * const [value, setValue] = React.useState([40]);
+ *
+ * <Slider value={value} onValueChange={setValue} />
+ * ```
+ */
+export declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/shadcn-ui/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn-ui/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CA2Cb"}

package/dist/components/shadcn-ui/slider.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = Slider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const SliderPrimitive = __importStar(require("@radix-ui/react-slider"));
+const utils_1 = require("../../utils/shadcn-ui/utils");
+/**
+ * Accessible slider component built on top of Radix UI Slider.
+ *
+ * Supports:
+ * - Single value sliders
+ * - Range sliders with multiple thumbs
+ * - Controlled and uncontrolled usage
+ * - Horizontal and vertical orientations
+ *
+ * @example
+ * Single value
+ * ```tsx
+ * <Slider defaultValue={[50]} max={100} step={1} />
+ * ```
+ *
+ * @example
+ * Range slider
+ * ```tsx
+ * <Slider defaultValue={[20, 80]} min={0} max={100} />
+ * ```
+ *
+ * @example
+ * Controlled slider
+ * ```tsx
+ * const [value, setValue] = React.useState([40]);
+ *
+ * <Slider value={value} onValueChange={setValue} />
+ * ```
+ */
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = React.useMemo(() => Array.isArray(value)
+        ? value
+        : Array.isArray(defaultValue)
+            ? defaultValue
+            : [min, max], [value, defaultValue, min, max]);
+    return ((0, jsx_runtime_1.jsxs)(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: (0, utils_1.cn)("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 [data-orientation=vertical]:h-full [data-orientation=vertical]:min-h-40 [data-orientation=vertical]:w-auto [data-orientation=vertical]:flex-col", className), ...props, children: [" ", (0, jsx_runtime_1.jsxs)(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative grow overflow-hidden rounded-full bg-muted [data-orientation=horizontal]:h-1 [data-orientation=horizontal]:w-full [data-orientation=vertical]:h-full [data-orientation=vertical]:w-1", children: [" ", (0, jsx_runtime_1.jsx)(SliderPrimitive.Range, { "data-slot": "slider-range", className: "absolute bg-primary select-none [data-orientation=horizontal]:h-full [data-orientation=vertical]:w-full" }), " "] }), " ", Array.from({ length: _values.length }, (_, index) => ((0, jsx_runtime_1.jsx)(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-none active:ring-3 disabled:pointer-events-none disabled:opacity-50" }, index))), " "] }));
+}
+//# sourceMappingURL=slider.js.map

package/dist/components/shadcn-ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/components/shadcn-ui/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,wBAkDC;;AArFD,6CAA+B;AAC/B,wEAA0D;AAC1D,uDAAiD;AAIjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,SAAgB,MAAM,CAAC,EACrB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,GAAG,KAAK,EACI;IACZ,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAClB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;YAC3B,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAClB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAChC,CAAC;IACF,OAAO,CACL,wBAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,mOAAmO,EACnO,SAAS,CACV,KACG,KAAK,aAER,GAAG,EACJ,wBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,+LAA+L,aAExM,GAAG,EACJ,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,yGAAyG,GACnH,EAAC,GAAG,IACgB,EAAC,GAAG,EAC3B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EAExB,SAAS,EAAC,0RAA0R,IAD/R,KAAK,CAEV,CACH,CAAC,EAAE,GAAG,IACc,CACxB,CAAC;AACJ,CAAC"}

package/dist/components/shadcn-ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn-ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,2CAiBA;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn-ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,2CAiBA;AACD,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/shadcn-ui/switch.js

@@ -38,6 +38,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const SwitchPrimitive = __importStar(require("@radix-ui/react-switch"));
 const utils_1 = require("../../utils/shadcn-ui/utils");
 function Switch({ className, size = "default", ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: (0, utils_1.cn)("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (0, jsx_runtime_1.jsx)(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground" }) }));
+    return ((0, jsx_runtime_1.jsx)(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: (0, utils_1.cn)("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", className), ...props, children: (0, jsx_runtime_1.jsx)(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] dark:data-[state=checked]:bg-primary-foreground group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground" }) }));
 }
 //# sourceMappingURL=switch.js.map

package/dist/components/shadcn-ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/shadcn-ui/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BS,wBAAM;;AA5Bf,wEAA0D;AAC1D,uDAAiD;AAEjD,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,uBAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,IAAA,UAAE,EACX,qpBAAqpB,EACrpB,SAAS,CACV,KACG,KAAK,YAET,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,+eAA+e,GACzf,GACmB,CACxB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/shadcn-ui/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BS,wBAAM;;AA3Bf,wEAA0D;AAC1D,uDAAiD;AAEjD,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,uBAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,IAAA,UAAE,EACX,irBAAirB,EACjrB,SAAS,CACV,KACG,KAAK,YAET,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,+hBAA+hB,GACziB,GACmB,CACxB,CAAC;AACJ,CAAC"}

package/dist/components/slider.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Slider as ShadcnSlider } from "./shadcn-ui/slider";
+export type SliderProps = {
+    className?: string;
+    label?: string;
+    required?: boolean;
+    showRequiredSign?: boolean;
+    value?: number[];
+    defaultValue?: number[];
+    onValueChange?: (value: number[]) => void;
+    labelProps?: React.ComponentProps<"label">;
+    sliderProps?: Omit<React.ComponentProps<typeof ShadcnSlider>, "value" | "defaultValue" | "onValueChange">;
+    labelPosition?: "start" | "end";
+    error?: string;
+    tip?: string;
+    disabled?: boolean;
+};
+export default function Slider({ className, label, required, showRequiredSign, value, defaultValue, onValueChange, labelProps, sliderProps, labelPosition, error, tip, disabled, }: SliderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,MAAM,IAAI,YAAY,EAEvB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,IAAI,CAChB,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,EACzC,OAAO,GAAG,cAAc,GAAG,eAAe,CAC3C,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,gBAAwB,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,aAAuB,EACvB,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE,WAAW,2CAoDb"}

package/dist/components/slider.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Slider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tailwind_merge_1 = require("tailwind-merge");
+const lucide_react_1 = require("lucide-react");
+const slider_1 = require("./shadcn-ui/slider");
+function Slider({ className, label, required = false, showRequiredSign = false, value, defaultValue, onValueChange, labelProps, sliderProps, labelPosition = "start", error, tip, disabled, }) {
+    const sliderId = sliderProps?.id ??
+        (label ? `slider-${label.toLowerCase().replace(/\s+/g, "-")}` : undefined);
+    const sliderEl = ((0, jsx_runtime_1.jsx)(slider_1.Slider, { ...sliderProps, id: sliderId, value: value, defaultValue: defaultValue, onValueChange: onValueChange, disabled: disabled, "aria-invalid": !!error }));
+    const labelEl = label ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)("label", { ...labelProps, htmlFor: labelProps?.htmlFor ?? sliderId, className: (0, tailwind_merge_1.twMerge)("font-bold", disabled && "opacity-50 cursor-not-allowed", labelProps?.className), children: label }), required && showRequiredSign && (0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { size: 12, color: "red" })] })) : null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("grid gap-1 w-full", className), children: [labelPosition === "start" && labelEl, sliderEl, labelPosition === "end" && labelEl, tip && !error && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground tip-message", children: tip })), error && ((0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-destructive error-message", children: ["*", error] }))] }));
+}
+//# sourceMappingURL=slider.js.map

package/dist/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":";;AA2BA,yBAkEC;;AA5FD,mDAAyC;AACzC,+CAA4C;AAC5C,+CAG4B;AAqB5B,SAAwB,MAAM,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,gBAAgB,GAAG,KAAK,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,aAAa,GAAG,OAAO,EACvB,KAAK,EACL,GAAG,EACH,QAAQ,GACI;IACZ,MAAM,QAAQ,GACZ,WAAW,EAAE,EAAE;QACf,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE7E,MAAM,QAAQ,GAAG,CACf,uBAAC,eAAY,OACP,WAAW,EACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,kBACJ,CAAC,CAAC,KAAK,GACrB,CACH,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CACtB,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,qCACM,UAAU,EACd,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,QAAQ,EACxC,SAAS,EAAE,IAAA,wBAAO,EAChB,WAAW,EACX,QAAQ,IAAI,+BAA+B,EAC3C,UAAU,EAAE,SAAS,CACtB,YAEA,KAAK,GACA,EAEP,QAAQ,IAAI,gBAAgB,IAAI,uBAAC,2BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,GAAG,IACnE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,wBAAO,EAAC,mBAAmB,EAAE,SAAS,CAAC,aACpD,aAAa,KAAK,OAAO,IAAI,OAAO,EAEpC,QAAQ,EAER,aAAa,KAAK,KAAK,IAAI,OAAO,EAElC,GAAG,IAAI,CAAC,KAAK,IAAI,CAChB,8BAAG,SAAS,EAAC,2CAA2C,YAAE,GAAG,GAAK,CACnE,EAEA,KAAK,IAAI,CACR,+BAAG,SAAS,EAAC,wCAAwC,kBAAG,KAAK,IAAK,CACnE,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/exports/index.d.ts

@@ -11,8 +11,10 @@ import FormFileInput, { FormFileInputProps } from "../components/form-file-input
 import FormDebugInfo from "../components/form-debug-info";
 import Switch, { SwitchProps } from "../components/switch";
 import FormSwitch, { FormSwitchProps } from "../components/form-switch";
-export { FormDebugInfo, FormInput, Input, Select, FormSelect, Textarea, FormTextarea, ImageInput, FormImageInput, FileInput, FormFileInput, Switch, FormSwitch, };
-export type { SelectOption, SelectProps, FormSelectProps, FormFileInputProps, FileInputProps, SwitchProps, FormSwitchProps, };
+import Slider, { SliderProps } from "../components/slider";
+import FormSlider, { FormSliderProps } from "../components/form-slider";
+export { FormDebugInfo, FormInput, Input, Select, FormSelect, Textarea, FormTextarea, ImageInput, FormImageInput, FileInput, FormFileInput, Switch, FormSwitch, Slider, FormSlider, };
+export type { SelectOption, SelectProps, FormSelectProps, FormFileInputProps, FileInputProps, SwitchProps, FormSwitchProps, FormSliderProps, SliderProps, };
 export * from "../components/input";
 export * from "../components/switch";
 export * from "../components/form-switch";

package/dist/exports/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,SAAS,EAAE,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,aAAa,EAAE,EACpB,kBAAkB,EACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EACL,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,GACX,CAAC;AACF,YAAY,EACV,YAAY,EACZ,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,eAAe,GAChB,CAAC;AACF,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,SAAS,EAAE,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,aAAa,EAAE,EACpB,kBAAkB,EACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EACL,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,MAAM,EACN,UAAU,GACX,CAAC;AACF,YAAY,EACV,YAAY,EACZ,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,eAAe,EACf,eAAe,EACf,WAAW,GACZ,CAAC;AACF,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC"}

package/dist/exports/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormSwitch = exports.Switch = exports.FormFileInput = exports.FileInput = exports.FormImageInput = exports.ImageInput = exports.FormTextarea = exports.Textarea = exports.FormSelect = exports.Select = exports.Input = exports.FormInput = exports.FormDebugInfo = void 0;
+exports.FormSlider = exports.Slider = exports.FormSwitch = exports.Switch = exports.FormFileInput = exports.FileInput = exports.FormImageInput = exports.ImageInput = exports.FormTextarea = exports.Textarea = exports.FormSelect = exports.Select = exports.Input = exports.FormInput = exports.FormDebugInfo = void 0;
 const form_input_1 = __importDefault(require("../components/form-input"));
 exports.FormInput = form_input_1.default;
 const input_1 = __importDefault(require("../components/input"));
@@ -44,6 +44,10 @@ const switch_1 = __importDefault(require("../components/switch"));
 exports.Switch = switch_1.default;
 const form_switch_1 = __importDefault(require("../components/form-switch"));
 exports.FormSwitch = form_switch_1.default;
+const slider_1 = __importDefault(require("../components/slider"));
+exports.Slider = slider_1.default;
+const form_slider_1 = __importDefault(require("../components/form-slider"));
+exports.FormSlider = form_slider_1.default;
 __exportStar(require("../components/input"), exports);
 __exportStar(require("../components/switch"), exports);
 __exportStar(require("../components/form-switch"), exports);

package/dist/exports/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,0EAAiD;AAkB/C,oBAlBK,oBAAS,CAkBL;AAjBX,gEAAwC;AAkBtC,gBAlBK,eAAK,CAkBL;AAjBP,kEAAyE;AAkBvE,iBAlBK,gBAAM,CAkBL;AAjBR,4EAAwE;AAkBtE,qBAlBK,qBAAU,CAkBL;AAjBZ,sEAA8C;AAkB5C,mBAlBK,kBAAQ,CAkBL;AAjBV,gFAAuD;AAkBrD,uBAlBK,uBAAY,CAkBL;AAjBd,sFAA4D;AAmB1D,yBAnBK,0BAAc,CAmBL;AAlBhB,4EAAmD;AAiBjD,qBAjBK,qBAAU,CAiBL;AAhBZ,0EAAqE;AAkBnE,oBAlBK,oBAAS,CAkBL;AAjBX,oFAEuC;AAgBrC,wBAlBK,yBAAa,CAkBL;AAff,oFAA0D;AAKxD,wBALK,yBAAa,CAKL;AAJf,kEAA2D;AAezD,iBAfK,gBAAM,CAeL;AAdR,4EAAwE;AAetE,qBAfK,qBAAU,CAeL;AAWZ,sDAAoC;AACpC,uDAAqC;AACrC,4DAA0C;AAC1C,2DAAyC;AACzC,2DAAyC;AACzC,gEAA8C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,0EAAiD;AAoB/C,oBApBK,oBAAS,CAoBL;AAnBX,gEAAwC;AAoBtC,gBApBK,eAAK,CAoBL;AAnBP,kEAAyE;AAoBvE,iBApBK,gBAAM,CAoBL;AAnBR,4EAAwE;AAoBtE,qBApBK,qBAAU,CAoBL;AAnBZ,sEAA8C;AAoB5C,mBApBK,kBAAQ,CAoBL;AAnBV,gFAAuD;AAoBrD,uBApBK,uBAAY,CAoBL;AAnBd,sFAA4D;AAqB1D,yBArBK,0BAAc,CAqBL;AApBhB,4EAAmD;AAmBjD,qBAnBK,qBAAU,CAmBL;AAlBZ,0EAAqE;AAoBnE,oBApBK,oBAAS,CAoBL;AAnBX,oFAEuC;AAkBrC,wBApBK,yBAAa,CAoBL;AAjBf,oFAA0D;AAOxD,wBAPK,yBAAa,CAOL;AANf,kEAA2D;AAiBzD,iBAjBK,gBAAM,CAiBL;AAhBR,4EAAwE;AAiBtE,qBAjBK,qBAAU,CAiBL;AAhBZ,kEAA2D;AAiBzD,iBAjBK,gBAAM,CAiBL;AAhBR,4EAAwE;AAiBtE,qBAjBK,qBAAU,CAiBL;AAaZ,sDAAoC;AACpC,uDAAqC;AACrC,4DAA0C;AAC1C,2DAAyC;AACzC,2DAAyC;AACzC,gEAA8C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nomos-ui/form",
-  "version": "0.3.1",
+  "version": "0.4.1",
   "description": "The Shadcn library for building robust React forms",
   "main": "dist/index.js",
   "module": "dist/exports/index.js",
@@ -71,6 +71,7 @@
     "@nomos-ui/layout": "^0.0.6",
     "@nomos-ui/uanela-redux-next": "^0.3.1",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.6",
     "@tailwindcss/postcss": "^4.1.16",