@deepnoid/ui 0.1.26 → 0.1.27
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/.turbo/turbo-build.log +128 -124
- package/dist/chunk-6TIIBU7J.mjs +35 -0
- package/dist/{chunk-IVK24VIL.mjs → chunk-C7OF5HJF.mjs} +1 -1
- package/dist/{chunk-MSAULFDB.mjs → chunk-E4UUZOR4.mjs} +16 -16
- package/dist/{chunk-P5PJTJLY.mjs → chunk-GRA2LU42.mjs} +18 -18
- package/dist/chunk-PX4PFLJ3.mjs +178 -0
- package/dist/{chunk-EAK5DVWA.mjs → chunk-UNH3BCGN.mjs} +8 -1
- package/dist/{chunk-6OMHIMIA.mjs → chunk-XA6PVFTW.mjs} +2 -2
- package/dist/components/input/index.js +18 -18
- package/dist/components/input/index.mjs +1 -1
- package/dist/components/input/input.d.mts +44 -44
- package/dist/components/input/input.d.ts +44 -44
- package/dist/components/input/input.js +18 -18
- package/dist/components/input/input.mjs +1 -1
- package/dist/components/pagination/index.js +18 -18
- package/dist/components/pagination/index.mjs +2 -2
- package/dist/components/pagination/pagination.js +18 -18
- package/dist/components/pagination/pagination.mjs +2 -2
- package/dist/components/select/index.js +16 -16
- package/dist/components/select/index.mjs +1 -1
- package/dist/components/select/select.d.mts +38 -38
- package/dist/components/select/select.d.ts +38 -38
- package/dist/components/select/select.js +16 -16
- package/dist/components/select/select.mjs +1 -1
- package/dist/components/table/definition-table.d.mts +51 -0
- package/dist/components/table/definition-table.d.ts +51 -0
- package/dist/components/table/definition-table.js +351 -0
- package/dist/components/table/definition-table.mjs +9 -0
- package/dist/components/table/form-table.d.mts +1 -1
- package/dist/components/table/form-table.d.ts +1 -1
- package/dist/components/table/form-table.mjs +43 -3
- package/dist/components/table/index.d.mts +1 -1
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/index.js +40 -47
- package/dist/components/table/index.mjs +7 -7
- package/dist/components/table/table-head.js +8 -1
- package/dist/components/table/table-head.mjs +1 -1
- package/dist/components/table/table.js +26 -19
- package/dist/components/table/table.mjs +4 -4
- package/dist/components/tree/index.d.mts +1 -0
- package/dist/components/tree/index.d.ts +1 -0
- package/dist/components/tree/index.js +124 -49
- package/dist/components/tree/index.mjs +1 -1
- package/dist/components/tree/tree.d.mts +17 -10
- package/dist/components/tree/tree.d.ts +17 -10
- package/dist/components/tree/tree.js +129 -49
- package/dist/components/tree/tree.mjs +3 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +180 -112
- package/dist/index.mjs +9 -9
- package/package.json +1 -1
- package/dist/chunk-ICZTNO4V.mjs +0 -49
- package/dist/chunk-TEQ723QO.mjs +0 -102
|
@@ -12,8 +12,8 @@ interface Props extends Omit<ComponentPropsWithRef<"input">, "onChange" | keyof
|
|
|
12
12
|
options: SelectOption[];
|
|
13
13
|
defaultSelectedOptions?: SelectOption[];
|
|
14
14
|
label?: string;
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
helperMessage?: string;
|
|
16
|
+
errorMessage?: string;
|
|
17
17
|
classNames?: SlotsToClasses<SelectSlots>;
|
|
18
18
|
onChange?: (options: SelectOption[]) => void;
|
|
19
19
|
multiple?: boolean;
|
|
@@ -41,8 +41,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
41
41
|
selectWrapper: string[];
|
|
42
42
|
select: string[];
|
|
43
43
|
option: string[];
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
helperMessage: string[];
|
|
45
|
+
errorMessage: string[];
|
|
46
46
|
};
|
|
47
47
|
md: {
|
|
48
48
|
base: string[];
|
|
@@ -51,8 +51,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
51
51
|
selectWrapper: string[];
|
|
52
52
|
select: string[];
|
|
53
53
|
option: string[];
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
helperMessage: string[];
|
|
55
|
+
errorMessage: string[];
|
|
56
56
|
};
|
|
57
57
|
lg: {
|
|
58
58
|
base: string[];
|
|
@@ -61,8 +61,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
61
61
|
selectWrapper: string[];
|
|
62
62
|
select: string[];
|
|
63
63
|
option: string[];
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
helperMessage: string[];
|
|
65
|
+
errorMessage: string[];
|
|
66
66
|
};
|
|
67
67
|
xl: {
|
|
68
68
|
base: string[];
|
|
@@ -71,8 +71,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
71
71
|
selectWrapper: string[];
|
|
72
72
|
select: string[];
|
|
73
73
|
option: string[];
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
helperMessage: string[];
|
|
75
|
+
errorMessage: string[];
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
78
|
direction: {
|
|
@@ -91,8 +91,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
91
91
|
base: string[];
|
|
92
92
|
selectWrapper: string[];
|
|
93
93
|
select: string[];
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
helperMessage: string[];
|
|
95
|
+
errorMessage: string[];
|
|
96
96
|
};
|
|
97
97
|
};
|
|
98
98
|
isSelected: {
|
|
@@ -109,8 +109,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
109
109
|
select: string[];
|
|
110
110
|
optionsWrapper: string[];
|
|
111
111
|
option: string[];
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
helperMessage: string[];
|
|
113
|
+
errorMessage: string[];
|
|
114
114
|
readonly: string[];
|
|
115
115
|
}, undefined, {
|
|
116
116
|
color: {
|
|
@@ -132,8 +132,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
132
132
|
selectWrapper: string[];
|
|
133
133
|
select: string[];
|
|
134
134
|
option: string[];
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
helperMessage: string[];
|
|
136
|
+
errorMessage: string[];
|
|
137
137
|
};
|
|
138
138
|
md: {
|
|
139
139
|
base: string[];
|
|
@@ -142,8 +142,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
142
142
|
selectWrapper: string[];
|
|
143
143
|
select: string[];
|
|
144
144
|
option: string[];
|
|
145
|
-
|
|
146
|
-
|
|
145
|
+
helperMessage: string[];
|
|
146
|
+
errorMessage: string[];
|
|
147
147
|
};
|
|
148
148
|
lg: {
|
|
149
149
|
base: string[];
|
|
@@ -152,8 +152,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
152
152
|
selectWrapper: string[];
|
|
153
153
|
select: string[];
|
|
154
154
|
option: string[];
|
|
155
|
-
|
|
156
|
-
|
|
155
|
+
helperMessage: string[];
|
|
156
|
+
errorMessage: string[];
|
|
157
157
|
};
|
|
158
158
|
xl: {
|
|
159
159
|
base: string[];
|
|
@@ -162,8 +162,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
162
162
|
selectWrapper: string[];
|
|
163
163
|
select: string[];
|
|
164
164
|
option: string[];
|
|
165
|
-
|
|
166
|
-
|
|
165
|
+
helperMessage: string[];
|
|
166
|
+
errorMessage: string[];
|
|
167
167
|
};
|
|
168
168
|
};
|
|
169
169
|
direction: {
|
|
@@ -182,8 +182,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
182
182
|
base: string[];
|
|
183
183
|
selectWrapper: string[];
|
|
184
184
|
select: string[];
|
|
185
|
-
|
|
186
|
-
|
|
185
|
+
helperMessage: string[];
|
|
186
|
+
errorMessage: string[];
|
|
187
187
|
};
|
|
188
188
|
};
|
|
189
189
|
isSelected: {
|
|
@@ -200,8 +200,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
200
200
|
select: string[];
|
|
201
201
|
optionsWrapper: string[];
|
|
202
202
|
option: string[];
|
|
203
|
-
|
|
204
|
-
|
|
203
|
+
helperMessage: string[];
|
|
204
|
+
errorMessage: string[];
|
|
205
205
|
readonly: string[];
|
|
206
206
|
}, tailwind_variants.TVReturnType<{
|
|
207
207
|
color: {
|
|
@@ -223,8 +223,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
223
223
|
selectWrapper: string[];
|
|
224
224
|
select: string[];
|
|
225
225
|
option: string[];
|
|
226
|
-
|
|
227
|
-
|
|
226
|
+
helperMessage: string[];
|
|
227
|
+
errorMessage: string[];
|
|
228
228
|
};
|
|
229
229
|
md: {
|
|
230
230
|
base: string[];
|
|
@@ -233,8 +233,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
233
233
|
selectWrapper: string[];
|
|
234
234
|
select: string[];
|
|
235
235
|
option: string[];
|
|
236
|
-
|
|
237
|
-
|
|
236
|
+
helperMessage: string[];
|
|
237
|
+
errorMessage: string[];
|
|
238
238
|
};
|
|
239
239
|
lg: {
|
|
240
240
|
base: string[];
|
|
@@ -243,8 +243,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
243
243
|
selectWrapper: string[];
|
|
244
244
|
select: string[];
|
|
245
245
|
option: string[];
|
|
246
|
-
|
|
247
|
-
|
|
246
|
+
helperMessage: string[];
|
|
247
|
+
errorMessage: string[];
|
|
248
248
|
};
|
|
249
249
|
xl: {
|
|
250
250
|
base: string[];
|
|
@@ -253,8 +253,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
253
253
|
selectWrapper: string[];
|
|
254
254
|
select: string[];
|
|
255
255
|
option: string[];
|
|
256
|
-
|
|
257
|
-
|
|
256
|
+
helperMessage: string[];
|
|
257
|
+
errorMessage: string[];
|
|
258
258
|
};
|
|
259
259
|
};
|
|
260
260
|
direction: {
|
|
@@ -273,8 +273,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
273
273
|
base: string[];
|
|
274
274
|
selectWrapper: string[];
|
|
275
275
|
select: string[];
|
|
276
|
-
|
|
277
|
-
|
|
276
|
+
helperMessage: string[];
|
|
277
|
+
errorMessage: string[];
|
|
278
278
|
};
|
|
279
279
|
};
|
|
280
280
|
isSelected: {
|
|
@@ -291,8 +291,8 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
291
291
|
select: string[];
|
|
292
292
|
optionsWrapper: string[];
|
|
293
293
|
option: string[];
|
|
294
|
-
|
|
295
|
-
|
|
294
|
+
helperMessage: string[];
|
|
295
|
+
errorMessage: string[];
|
|
296
296
|
readonly: string[];
|
|
297
297
|
}, undefined, unknown, unknown, undefined>>;
|
|
298
298
|
type SelectVariantProps = VariantProps<typeof select>;
|
|
@@ -4363,8 +4363,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
|
|
|
4363
4363
|
const {
|
|
4364
4364
|
label,
|
|
4365
4365
|
options,
|
|
4366
|
-
|
|
4367
|
-
|
|
4366
|
+
helperMessage,
|
|
4367
|
+
errorMessage,
|
|
4368
4368
|
classNames,
|
|
4369
4369
|
defaultSelectedOptions = [],
|
|
4370
4370
|
onChange,
|
|
@@ -4492,8 +4492,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
|
|
|
4492
4492
|
]
|
|
4493
4493
|
}
|
|
4494
4494
|
),
|
|
4495
|
-
|
|
4496
|
-
|
|
4495
|
+
helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
|
|
4496
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
|
|
4497
4497
|
] })
|
|
4498
4498
|
]
|
|
4499
4499
|
}
|
|
@@ -4565,8 +4565,8 @@ var select = tv({
|
|
|
4565
4565
|
],
|
|
4566
4566
|
optionsWrapper: ["border", "rounded", "bg-white", "shadow", "overflow-auto"],
|
|
4567
4567
|
option: ["flex", "justify-between", "items-center", "cursor-pointer"],
|
|
4568
|
-
|
|
4569
|
-
|
|
4568
|
+
helperMessage: ["text-neutral-main"],
|
|
4569
|
+
errorMessage: ["text-danger-main"],
|
|
4570
4570
|
readonly: ["pointer-events-none", "!bg-trans-soft"]
|
|
4571
4571
|
},
|
|
4572
4572
|
variants: {
|
|
@@ -4589,8 +4589,8 @@ var select = tv({
|
|
|
4589
4589
|
selectWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]"],
|
|
4590
4590
|
select: ["text-sm"],
|
|
4591
4591
|
option: ["px-[4px]", "py-[3px]", "text-sm"],
|
|
4592
|
-
|
|
4593
|
-
|
|
4592
|
+
helperMessage: ["text-sm"],
|
|
4593
|
+
errorMessage: ["text-sm"]
|
|
4594
4594
|
},
|
|
4595
4595
|
md: {
|
|
4596
4596
|
base: ["text-md", "gap-[6px]", "rounded-md"],
|
|
@@ -4599,8 +4599,8 @@ var select = tv({
|
|
|
4599
4599
|
selectWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]"],
|
|
4600
4600
|
select: ["text-md"],
|
|
4601
4601
|
option: ["px-[6px]", "py-[5.5px]", "text-md"],
|
|
4602
|
-
|
|
4603
|
-
|
|
4602
|
+
helperMessage: ["text-sm"],
|
|
4603
|
+
errorMessage: ["text-sm"]
|
|
4604
4604
|
},
|
|
4605
4605
|
lg: {
|
|
4606
4606
|
base: ["text-lg", "gap-[8px]"],
|
|
@@ -4609,8 +4609,8 @@ var select = tv({
|
|
|
4609
4609
|
selectWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]"],
|
|
4610
4610
|
select: ["text-lg"],
|
|
4611
4611
|
option: ["px-[8px]", "py-[8px]", "text-lg"],
|
|
4612
|
-
|
|
4613
|
-
|
|
4612
|
+
helperMessage: ["text-md"],
|
|
4613
|
+
errorMessage: ["text-md"]
|
|
4614
4614
|
},
|
|
4615
4615
|
xl: {
|
|
4616
4616
|
base: ["text-xl", "gap-[10px]"],
|
|
@@ -4619,8 +4619,8 @@ var select = tv({
|
|
|
4619
4619
|
selectWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]"],
|
|
4620
4620
|
select: ["text-xl"],
|
|
4621
4621
|
option: ["px-[10px]", "py-[11.5px]"],
|
|
4622
|
-
|
|
4623
|
-
|
|
4622
|
+
helperMessage: ["text-md"],
|
|
4623
|
+
errorMessage: ["text-md"]
|
|
4624
4624
|
}
|
|
4625
4625
|
},
|
|
4626
4626
|
direction: {
|
|
@@ -4650,8 +4650,8 @@ var select = tv({
|
|
|
4650
4650
|
"group-has-[p.error]/select:text-danger-light",
|
|
4651
4651
|
"group-has-[p.error]/select:placeholder:text-danger-light"
|
|
4652
4652
|
],
|
|
4653
|
-
|
|
4654
|
-
|
|
4653
|
+
helperMessage: ["!text-neutral-light"],
|
|
4654
|
+
errorMessage: ["!text-danger-light"]
|
|
4655
4655
|
}
|
|
4656
4656
|
},
|
|
4657
4657
|
isSelected: {
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
3
|
+
import * as react from 'react';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
|
+
import { SlotsToClasses } from '../../utils/types.mjs';
|
|
6
|
+
|
|
7
|
+
type TableRow = {
|
|
8
|
+
columns: ReactNode[];
|
|
9
|
+
columnClasses?: string[];
|
|
10
|
+
};
|
|
11
|
+
interface DefinitionTableProps {
|
|
12
|
+
rows: TableRow[];
|
|
13
|
+
footer?: ReactNode;
|
|
14
|
+
classNames?: SlotsToClasses<DefinitionTableSlots>;
|
|
15
|
+
}
|
|
16
|
+
declare const DefinitionTable: react.ForwardRefExoticComponent<DefinitionTableProps & react.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
|
|
18
|
+
declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
|
|
19
|
+
[key: string]: {
|
|
20
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
21
|
+
base?: tailwind_merge.ClassNameValue;
|
|
22
|
+
table?: tailwind_merge.ClassNameValue;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
} | {
|
|
26
|
+
[x: string]: {
|
|
27
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
28
|
+
base?: tailwind_merge.ClassNameValue;
|
|
29
|
+
table?: tailwind_merge.ClassNameValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
base: string[];
|
|
34
|
+
table: string[];
|
|
35
|
+
}, undefined, {
|
|
36
|
+
[key: string]: {
|
|
37
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
38
|
+
base?: tailwind_merge.ClassNameValue;
|
|
39
|
+
table?: tailwind_merge.ClassNameValue;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
} | {}, {
|
|
43
|
+
base: string[];
|
|
44
|
+
table: string[];
|
|
45
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
46
|
+
base: string[];
|
|
47
|
+
table: string[];
|
|
48
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
49
|
+
type DefinitionTableSlots = keyof ReturnType<typeof DefinitionTableStyle>;
|
|
50
|
+
|
|
51
|
+
export { DefinitionTable as default };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
3
|
+
import * as react from 'react';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
|
+
import { SlotsToClasses } from '../../utils/types.js';
|
|
6
|
+
|
|
7
|
+
type TableRow = {
|
|
8
|
+
columns: ReactNode[];
|
|
9
|
+
columnClasses?: string[];
|
|
10
|
+
};
|
|
11
|
+
interface DefinitionTableProps {
|
|
12
|
+
rows: TableRow[];
|
|
13
|
+
footer?: ReactNode;
|
|
14
|
+
classNames?: SlotsToClasses<DefinitionTableSlots>;
|
|
15
|
+
}
|
|
16
|
+
declare const DefinitionTable: react.ForwardRefExoticComponent<DefinitionTableProps & react.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
|
|
18
|
+
declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
|
|
19
|
+
[key: string]: {
|
|
20
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
21
|
+
base?: tailwind_merge.ClassNameValue;
|
|
22
|
+
table?: tailwind_merge.ClassNameValue;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
} | {
|
|
26
|
+
[x: string]: {
|
|
27
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
28
|
+
base?: tailwind_merge.ClassNameValue;
|
|
29
|
+
table?: tailwind_merge.ClassNameValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
base: string[];
|
|
34
|
+
table: string[];
|
|
35
|
+
}, undefined, {
|
|
36
|
+
[key: string]: {
|
|
37
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
38
|
+
base?: tailwind_merge.ClassNameValue;
|
|
39
|
+
table?: tailwind_merge.ClassNameValue;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
} | {}, {
|
|
43
|
+
base: string[];
|
|
44
|
+
table: string[];
|
|
45
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
46
|
+
base: string[];
|
|
47
|
+
table: string[];
|
|
48
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
49
|
+
type DefinitionTableSlots = keyof ReturnType<typeof DefinitionTableStyle>;
|
|
50
|
+
|
|
51
|
+
export { DefinitionTable as default };
|