@nomos-ui/form 0.4.6 → 0.4.8
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/input.d.ts +2 -2
- package/dist/components/input.d.ts.map +1 -1
- package/dist/components/input.js +15 -15
- package/dist/components/input.js.map +1 -1
- package/dist/components/shadcn-ui/select.d.ts +3 -3
- package/dist/components/shadcn-ui/select.js +10 -10
- package/dist/components/textarea.js +1 -1
- package/dist/components/textarea.js.map +1 -1
- package/package.json +2 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Props for the enhanced Input component
|
|
4
4
|
*/
|
|
@@ -12,7 +12,7 @@ export type InputProps<TValue> = {
|
|
|
12
12
|
/** Label text for the input */
|
|
13
13
|
label?: string;
|
|
14
14
|
/** Additional label name for the label */
|
|
15
|
-
labelProps?: React.ComponentProps<
|
|
15
|
+
labelProps?: React.ComponentProps<'label'>;
|
|
16
16
|
/** Additional class name for the input container/wrapper */
|
|
17
17
|
inputContainerClassName?: string;
|
|
18
18
|
/** Input type (e.g., text, number, password) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,MAAM,IAAI;IAC/B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,gCAAgC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,yEAAyE;IACzE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAC3B,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACjD,EACA,cAAc,EACd,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,IAAa,EACb,QAAgB,EAChB,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,KAAK,EACL,uBAAuB,EACvB,GAAG,EACH,QAAQ,EACR,cAAc,EACd,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,MAAM,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,MAAM,IAAI;IAC/B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,gCAAgC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,yEAAyE;IACzE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAC3B,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACjD,EACA,cAAc,EACd,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,IAAa,EACb,QAAgB,EAChB,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,KAAK,EACL,uBAAuB,EACvB,GAAG,EACH,QAAQ,EACR,cAAc,EACd,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,MAAM,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,CAAC,2CA4I5E"}
|
package/dist/components/input.js
CHANGED
|
@@ -30,41 +30,41 @@ const utils_1 = require("../utils/shadcn-ui/utils");
|
|
|
30
30
|
* />
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
|
-
function Input({ inputClassName, className, placeholder, label, labelProps, type =
|
|
34
|
-
const isPassword = type.includes(
|
|
33
|
+
function Input({ inputClassName, className, placeholder, label, labelProps, type = 'text', disabled = false, trim = false, value, onChange, required = false, showRequiredSign = false, tip, error, inputContainerClassName, ref, inputRef, showSearchIcon, ...props }) {
|
|
34
|
+
const isPassword = type.includes('password');
|
|
35
35
|
const [showPassword, setShowPassword] = (0, react_1.useState)(!isPassword);
|
|
36
36
|
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
37
37
|
function handleOnChange(val, e) {
|
|
38
38
|
if (disabled || !onChange)
|
|
39
39
|
return;
|
|
40
|
-
onChange(type ===
|
|
40
|
+
onChange(type === 'number' && val ? Number(val) : val, e);
|
|
41
41
|
}
|
|
42
42
|
const currentValue = (0, react_1.useMemo)(() => {
|
|
43
|
-
if (type ===
|
|
44
|
-
let newValue = value?.toString().split(
|
|
43
|
+
if (type === 'datetime-local') {
|
|
44
|
+
let newValue = value?.toString().split('.');
|
|
45
45
|
if (newValue?.length === 2)
|
|
46
46
|
return newValue[0]?.slice?.(0, -3);
|
|
47
47
|
else
|
|
48
48
|
return value;
|
|
49
49
|
}
|
|
50
|
-
if (type ===
|
|
51
|
-
return value?.toString().split(
|
|
50
|
+
if (type === 'date')
|
|
51
|
+
return value?.toString().split('T')[0];
|
|
52
52
|
return value;
|
|
53
53
|
}, [value, type]);
|
|
54
|
-
return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)(
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)('gap-1 grid w-full', className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)("label", { ...((labelProps?.htmlFor || props?.id) && {
|
|
55
55
|
htmlFor: labelProps?.htmlFor || props?.id,
|
|
56
|
-
}), className: (0, utils_1.cn)(
|
|
56
|
+
}), className: (0, utils_1.cn)('text-sm font-bold text-foreground', labelProps?.className), children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { size: 12, className: "text-destructive" }))] })), (0, jsx_runtime_1.jsxs)("div", { "data-focus": isFocused, className: (0, utils_1.cn)('flex w-full min-w-0 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow,border-color]', 'border-input file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground', 'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',
|
|
57
57
|
// Focus styles
|
|
58
|
-
|
|
58
|
+
'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]', 'data-[focus=true]:border-ring data-[focus=true]:ring-ring/50 data-[focus=true]:ring-[3px]',
|
|
59
59
|
// Error/Invalid styles
|
|
60
60
|
error &&
|
|
61
|
-
|
|
61
|
+
'border-destructive ring-destructive/20 dark:ring-destructive/40', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
|
|
62
62
|
// Disabled styles
|
|
63
|
-
|
|
63
|
+
'disabled:cursor-not-allowed disabled:opacity-50',
|
|
64
64
|
// Dark mode
|
|
65
|
-
|
|
65
|
+
'dark:bg-input/30',
|
|
66
66
|
// Layout
|
|
67
|
-
|
|
67
|
+
'flex-row items-center', inputContainerClassName), children: [(type === 'search' || showSearchIcon) && ((0, jsx_runtime_1.jsx)(lucide_react_1.SearchIcon, { size: 18, className: "text-muted-foreground ml-3 flex-shrink-0" })), (0, jsx_runtime_1.jsx)("input", { type: isPassword && showPassword ? 'text' : type, disabled: disabled, required: required, "aria-invalid": error ? 'true' : 'false', onBlur: (e) => {
|
|
68
68
|
props?.onBlur?.(e);
|
|
69
69
|
setIsFocused(false);
|
|
70
70
|
}, onFocus: (e) => {
|
|
@@ -75,6 +75,6 @@ function Input({ inputClassName, className, placeholder, label, labelProps, type
|
|
|
75
75
|
if (onChange) {
|
|
76
76
|
handleOnChange(value, e);
|
|
77
77
|
}
|
|
78
|
-
}, value: currentValue ||
|
|
78
|
+
}, value: currentValue || '', placeholder: placeholder !== undefined ? placeholder : `${label ? label : ''}...`, className: (0, utils_1.cn)('min-h-9 w-full flex-1 bg-transparent px-3 py-1 text-base outline-none', 'file:inline-flex file:h-7', 'disabled:cursor-not-allowed disabled:bg-transparent', 'md:text-sm', inputClassName), step: "any", ref: inputRef, ...props }), isPassword && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => !disabled && setShowPassword((prev) => !prev), disabled: disabled, className: "mr-3 flex-shrink-0 cursor-pointer text-muted-foreground hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", tabIndex: -1, children: showPassword ? (0, jsx_runtime_1.jsx)(lucide_react_1.EyeIcon, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_react_1.EyeOffIcon, { size: 16 }) }))] }), 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] }))] }));
|
|
79
79
|
}
|
|
80
80
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";;AAwEA,
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import * as SelectPrimitive from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
3
|
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
7
|
-
size?:
|
|
7
|
+
size?: 'sm' | 'default';
|
|
8
8
|
}): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -56,27 +56,27 @@ function SelectGroup({ ...props }) {
|
|
|
56
56
|
function SelectValue({ ...props }) {
|
|
57
57
|
return (0, jsx_runtime_1.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
|
|
58
58
|
}
|
|
59
|
-
function SelectTrigger({ className, size =
|
|
60
|
-
return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: (0, utils_1.cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-[5px] text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-
|
|
59
|
+
function SelectTrigger({ className, size = 'default', children, ...props }) {
|
|
60
|
+
return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: (0, utils_1.cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-[5px] text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
|
|
61
61
|
}
|
|
62
|
-
function SelectContent({ className, children, position =
|
|
63
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { "data-slot": "select-content", className: (0, utils_1.cn)(
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
function SelectContent({ className, children, position = 'popper', align = 'center', ...props }) {
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { "data-slot": "select-content", className: (0, utils_1.cn)('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md', position === 'popper' &&
|
|
64
|
+
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, align: align, ...props, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: (0, utils_1.cn)('p-1', position === 'popper' &&
|
|
65
|
+
'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1'), children: children }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }) }));
|
|
66
66
|
}
|
|
67
67
|
function SelectLabel({ className, ...props }) {
|
|
68
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Label, { "data-slot": "select-label", className: (0, utils_1.cn)(
|
|
68
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Label, { "data-slot": "select-label", className: (0, utils_1.cn)('text-muted-foreground px-2 py-1.5 text-xs', className), ...props }));
|
|
69
69
|
}
|
|
70
70
|
function SelectItem({ className, children, ...props }) {
|
|
71
71
|
return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Item, { "data-slot": "select-item", className: (0, utils_1.cn)("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckIcon, { className: "size-4" }) }) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children })] }));
|
|
72
72
|
}
|
|
73
73
|
function SelectSeparator({ className, ...props }) {
|
|
74
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Separator, { "data-slot": "select-separator", className: (0, utils_1.cn)(
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Separator, { "data-slot": "select-separator", className: (0, utils_1.cn)('bg-border pointer-events-none -mx-1 my-1 h-px', className), ...props }));
|
|
75
75
|
}
|
|
76
76
|
function SelectScrollUpButton({ className, ...props }) {
|
|
77
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: (0, utils_1.cn)(
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: (0, utils_1.cn)('flex cursor-default items-center justify-center py-1', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUpIcon, { className: "size-4" }) }));
|
|
78
78
|
}
|
|
79
79
|
function SelectScrollDownButton({ className, ...props }) {
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: (0, utils_1.cn)(
|
|
80
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: (0, utils_1.cn)('flex cursor-default items-center justify-center py-1', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: "size-4" }) }));
|
|
81
81
|
}
|
|
82
82
|
//# sourceMappingURL=select.js.map
|
|
@@ -40,7 +40,7 @@ function Textarea({ textareaClassName, className, placeholder, label, labelProps
|
|
|
40
40
|
const charCount = currentValue.toString().length;
|
|
41
41
|
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("w-full space-y-1.5", className), ref: ref, children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex items-center gap-1"), children: [(0, jsx_runtime_1.jsx)("label", { ...((labelProps?.htmlFor || props?.id) && {
|
|
42
42
|
htmlFor: labelProps?.htmlFor || props?.id,
|
|
43
|
-
}), className: (0, tailwind_merge_1.twMerge)("text-sm font-
|
|
43
|
+
}), className: (0, tailwind_merge_1.twMerge)("text-sm font-bold leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70", labelProps?.className), children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { className: "h-3 w-3 text-destructive" }))] })), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("relative flex w-full rounded-md border bg-transparent shadow-xs transition-[color,box-shadow]", isFocused && !error && "border-ring ring-[3px] ring-ring/50", error &&
|
|
44
44
|
"border-destructive ring-[3px] ring-destructive/20 dark:ring-destructive/40", !isFocused && !error && "border-textarea", disabled && "cursor-not-allowed opacity-50", textareaContainerClassName), children: (0, jsx_runtime_1.jsx)("textarea", { disabled: disabled, required: required, onBlur: (e) => {
|
|
45
45
|
props?.onBlur?.(e);
|
|
46
46
|
setIsFocused(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";;AA4EA,2BA6HC;;AAxMD,iCAA0C;AAC1C,+CAA4C;AAC5C,oDAA8C;AAC9C,mDAAyC;AAiDzC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,SAAwB,QAAQ,CAA2C,EACzE,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,KAAK,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,gBAAgB,GAAG,KAAK,EACxB,GAAG,EACH,KAAK,EACL,0BAA0B,EAC1B,GAAG,EACH,WAAW,EACX,IAAI,GAAG,CAAC,EACR,SAAS,EACT,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EAE2D;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,SAAS,cAAc,CACrB,GAAW,EACX,CAAyC;QAEzC,IAAI,QAAQ,IAAI,CAAC,QAAQ;YAAE,OAAO;QAClC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAW,EAAE,CAAC,CAAC,CAAC;IACnD,CAAC;IAED,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC;IAEjD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aAC1D,KAAK,IAAI,CACR,iCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,yBAAyB,CAAC,aAC3C,qCACM,CAAC,CAAC,UAAU,EAAE,OAAO,IAAI,KAAK,EAAE,EAAE,CAAC,IAAI;4BACzC,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,KAAK,EAAE,EAAE;yBAC1C,CAAC,EACF,SAAS,EAAE,IAAA,wBAAO,EAChB,
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nomos-ui/form",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.8",
|
|
4
4
|
"description": "The Shadcn library for building robust React forms",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/exports/index.js",
|
|
@@ -128,3 +128,4 @@
|
|
|
128
128
|
"access": "public"
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
|
+
|