@nomos-ui/form 0.4.1 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/shadcn-ui/slider.d.ts +11 -2
- package/dist/components/shadcn-ui/slider.d.ts.map +1 -1
- package/dist/components/shadcn-ui/slider.js +6 -2
- package/dist/components/shadcn-ui/slider.js.map +1 -1
- package/dist/components/slider.d.ts +2 -2
- package/dist/components/slider.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as SliderPrimitive from "@radix-ui/react-slider";
|
|
3
|
-
export type
|
|
3
|
+
export type TipProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
4
|
+
children?: React.ReactNode | ((value: number) => React.ReactNode);
|
|
5
|
+
};
|
|
6
|
+
export type ThumbProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Thumb> & {
|
|
7
|
+
showValue?: boolean;
|
|
8
|
+
tipProps?: TipProps;
|
|
9
|
+
};
|
|
10
|
+
export type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root> & {
|
|
11
|
+
thumbProps?: ThumbProps;
|
|
12
|
+
};
|
|
4
13
|
/**
|
|
5
14
|
* Accessible slider component built on top of Radix UI Slider.
|
|
6
15
|
*
|
|
@@ -30,5 +39,5 @@ export type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root>;
|
|
|
30
39
|
* <Slider value={value} onValueChange={setValue} />
|
|
31
40
|
* ```
|
|
32
41
|
*/
|
|
33
|
-
export declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export declare function Slider({ className, defaultValue, value, min, max, thumbProps, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
34
43
|
//# sourceMappingURL=slider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CACrD,OAAO,eAAe,CAAC,KAAK,CAC7B,GAAG;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAC5E,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,WAAW,2CAgEb"}
|
|
@@ -67,12 +67,16 @@ const utils_1 = require("../../utils/shadcn-ui/utils");
|
|
|
67
67
|
* <Slider value={value} onValueChange={setValue} />
|
|
68
68
|
* ```
|
|
69
69
|
*/
|
|
70
|
-
function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
|
|
70
|
+
function Slider({ className, defaultValue, value, min = 0, max = 100, thumbProps, ...props }) {
|
|
71
71
|
const _values = React.useMemo(() => Array.isArray(value)
|
|
72
72
|
? value
|
|
73
73
|
: Array.isArray(defaultValue)
|
|
74
74
|
? defaultValue
|
|
75
75
|
: [min, max], [value, defaultValue, min, max]);
|
|
76
|
-
|
|
76
|
+
const { showValue, tipProps, ...restThumbProps } = thumbProps ?? {};
|
|
77
|
+
const { children: tipChildren, className: tipClassName, ...restTipProps } = tipProps ?? {};
|
|
78
|
+
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.jsx)(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-[14px] 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-[3px] focus-visible:ring-[3px] focus-visible:outline-none active:ring-[3px] disabled:pointer-events-none disabled:opacity-50", ...restThumbProps, children: showValue && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("absolute -top-7 left-1/2 -translate-x-1/2 rounded bg-primary px-1.5 py-0.5 text-xs text-white select-none pointer-events-none", tipClassName), ...restTipProps, children: typeof tipChildren === "function"
|
|
79
|
+
? tipChildren(_values[index])
|
|
80
|
+
: (tipChildren ?? _values[index]) })) }, index)))] }));
|
|
77
81
|
}
|
|
78
82
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/components/shadcn-ui/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/components/shadcn-ui/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,wBAwEC;;AAxHD,6CAA+B;AAC/B,wEAA0D;AAC1D,uDAAiD;AAiBjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,SAAgB,MAAM,CAAC,EACrB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,UAAU,EACV,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;IAEF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IACpE,MAAM,EACJ,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE,YAAY,EACvB,GAAG,YAAY,EAChB,GAAG,QAAQ,IAAI,EAAE,CAAC;IAEnB,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,6OAA6O,EAC7O,SAAS,CACV,KACG,KAAK,aAET,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,uMAAuM,YAEjN,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,6GAA6G,GACvH,GACoB,EACvB,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,2SAA2S,KACjT,cAAc,YAEjB,SAAS,IAAI,CACZ,iCACE,SAAS,EAAE,IAAA,UAAE,EACX,+HAA+H,EAC/H,YAAY,CACb,KACG,YAAY,YAEf,OAAO,WAAW,KAAK,UAAU;wBAChC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAW,CAAC;wBACvC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,GAC9B,CACR,IAhBI,KAAK,CAiBY,CACzB,CAAC,IACmB,CACxB,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { SliderProps as ShadcnSliderProps } from "./shadcn-ui/slider";
|
|
3
3
|
export type SliderProps = {
|
|
4
4
|
className?: string;
|
|
5
5
|
label?: string;
|
|
@@ -9,7 +9,7 @@ export type SliderProps = {
|
|
|
9
9
|
defaultValue?: number[];
|
|
10
10
|
onValueChange?: (value: number[]) => void;
|
|
11
11
|
labelProps?: React.ComponentProps<"label">;
|
|
12
|
-
sliderProps?: Omit<
|
|
12
|
+
sliderProps?: Omit<ShadcnSliderProps, "value" | "defaultValue" | "onValueChange">;
|
|
13
13
|
labelPosition?: "start" | "end";
|
|
14
14
|
error?: string;
|
|
15
15
|
tip?: string;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EAEL,WAAW,IAAI,iBAAiB,EACjC,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,iBAAiB,EACjB,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"}
|