@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
|
@@ -4388,7 +4388,7 @@ function toVal(mix) {
|
|
|
4388
4388
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
4389
4389
|
var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
|
|
4390
4390
|
const [props, variantProps] = mapPropsVariants(originalProps, inputStyle.variantKeys);
|
|
4391
|
-
const { classNames, label,
|
|
4391
|
+
const { classNames, label, helperMessage, errorMessage, startContent, endContent, ...inputProps } = props;
|
|
4392
4392
|
const inputRef = (0, import_react2.useRef)(null);
|
|
4393
4393
|
const slots = (0, import_react2.useMemo)(() => inputStyle({ ...variantProps }), [variantProps]);
|
|
4394
4394
|
const getContentProps = (0, import_react2.useCallback)(
|
|
@@ -4431,7 +4431,7 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
|
|
|
4431
4431
|
className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
|
|
4432
4432
|
};
|
|
4433
4433
|
return import_react2.default.cloneElement(endContent, mergedProps);
|
|
4434
|
-
} else if (
|
|
4434
|
+
} else if (errorMessage) {
|
|
4435
4435
|
const iconProps = { ...getContentProps(), className: getContentProps().className };
|
|
4436
4436
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ...iconProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "exclamation-circle", fill: true, size: originalProps.size }) });
|
|
4437
4437
|
} else {
|
|
@@ -4485,8 +4485,8 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
|
|
|
4485
4485
|
]
|
|
4486
4486
|
}
|
|
4487
4487
|
),
|
|
4488
|
-
|
|
4489
|
-
|
|
4488
|
+
helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
|
|
4489
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
|
|
4490
4490
|
] })
|
|
4491
4491
|
]
|
|
4492
4492
|
}
|
|
@@ -4526,8 +4526,8 @@ var inputStyle = tv(
|
|
|
4526
4526
|
"group-has-[:hover]/input:text-neutral-dark",
|
|
4527
4527
|
"group-has-[p.error]/input:text-danger-main"
|
|
4528
4528
|
],
|
|
4529
|
-
|
|
4530
|
-
|
|
4529
|
+
helperMessage: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
|
|
4530
|
+
errorMessage: ["text-danger-main"],
|
|
4531
4531
|
readonly: ["pointer-events-none", "!text-body-foreground"]
|
|
4532
4532
|
},
|
|
4533
4533
|
variants: {
|
|
@@ -4562,7 +4562,7 @@ var inputStyle = tv(
|
|
|
4562
4562
|
"group-has-[:focus]/input:text-primary-main",
|
|
4563
4563
|
"!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
|
|
4564
4564
|
],
|
|
4565
|
-
|
|
4565
|
+
helperMessage: [
|
|
4566
4566
|
"group-has-[:focus]/input:text-primary-main",
|
|
4567
4567
|
"group-has-[:focus:hover]/input:text-primary-main",
|
|
4568
4568
|
"group-has-[:focus]/input:hover:text-primary-main"
|
|
@@ -4573,7 +4573,7 @@ var inputStyle = tv(
|
|
|
4573
4573
|
"group-has-[:focus]/input:text-secondary-main",
|
|
4574
4574
|
"!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
|
|
4575
4575
|
],
|
|
4576
|
-
|
|
4576
|
+
helperMessage: [
|
|
4577
4577
|
"group-has-[:focus]/input:text-secondary-main",
|
|
4578
4578
|
"group-has-[:focus:hover]/input:text-secondary-main",
|
|
4579
4579
|
"group-has-[:focus]/input:hover:text-secondary-main"
|
|
@@ -4586,32 +4586,32 @@ var inputStyle = tv(
|
|
|
4586
4586
|
label: ["text-sm"],
|
|
4587
4587
|
innerWrapper: ["gap-[4px]"],
|
|
4588
4588
|
inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]"],
|
|
4589
|
-
|
|
4590
|
-
|
|
4589
|
+
helperMessage: ["text-sm"],
|
|
4590
|
+
errorMessage: ["text-sm"]
|
|
4591
4591
|
},
|
|
4592
4592
|
md: {
|
|
4593
4593
|
base: ["text-md", "gap-[6px]"],
|
|
4594
4594
|
label: ["text-md"],
|
|
4595
4595
|
innerWrapper: ["gap-[6px]"],
|
|
4596
4596
|
inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]"],
|
|
4597
|
-
|
|
4598
|
-
|
|
4597
|
+
helperMessage: ["text-sm"],
|
|
4598
|
+
errorMessage: ["text-sm"]
|
|
4599
4599
|
},
|
|
4600
4600
|
lg: {
|
|
4601
4601
|
base: ["text-lg", "gap-[8px]"],
|
|
4602
4602
|
label: ["text-lg"],
|
|
4603
4603
|
innerWrapper: ["gap-[8px]"],
|
|
4604
4604
|
inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]"],
|
|
4605
|
-
|
|
4606
|
-
|
|
4605
|
+
helperMessage: ["text-md"],
|
|
4606
|
+
errorMessage: ["text-md"]
|
|
4607
4607
|
},
|
|
4608
4608
|
xl: {
|
|
4609
4609
|
base: ["text-xl", "gap-[10px]"],
|
|
4610
4610
|
label: ["text-xl"],
|
|
4611
4611
|
innerWrapper: ["gap-[10px]"],
|
|
4612
4612
|
inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]"],
|
|
4613
|
-
|
|
4614
|
-
|
|
4613
|
+
helperMessage: ["text-md"],
|
|
4614
|
+
errorMessage: ["text-md"]
|
|
4615
4615
|
}
|
|
4616
4616
|
},
|
|
4617
4617
|
direction: {
|
|
@@ -4635,8 +4635,8 @@ var inputStyle = tv(
|
|
|
4635
4635
|
"group-has-[p.error]/input:placeholder:text-danger-light"
|
|
4636
4636
|
],
|
|
4637
4637
|
content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
|
|
4638
|
-
|
|
4639
|
-
|
|
4638
|
+
helperMessage: ["!text-neutral-light"],
|
|
4639
|
+
errorMessage: ["!text-danger-light"]
|
|
4640
4640
|
}
|
|
4641
4641
|
}
|
|
4642
4642
|
},
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import "../../chunk-7B7LRG5J.mjs";
|
|
3
3
|
import {
|
|
4
4
|
pagination_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-C7OF5HJF.mjs";
|
|
6
6
|
import "../../chunk-F3HENRVM.mjs";
|
|
7
7
|
import "../../chunk-2GCSFWHD.mjs";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-GRA2LU42.mjs";
|
|
9
9
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
10
10
|
import "../../chunk-HWL7TPUN.mjs";
|
|
11
11
|
import "../../chunk-3IU2RPSM.mjs";
|
|
@@ -4387,7 +4387,7 @@ function toVal(mix) {
|
|
|
4387
4387
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
4388
4388
|
var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
|
|
4389
4389
|
const [props, variantProps] = mapPropsVariants(originalProps, inputStyle.variantKeys);
|
|
4390
|
-
const { classNames, label,
|
|
4390
|
+
const { classNames, label, helperMessage, errorMessage, startContent, endContent, ...inputProps } = props;
|
|
4391
4391
|
const inputRef = (0, import_react2.useRef)(null);
|
|
4392
4392
|
const slots = (0, import_react2.useMemo)(() => inputStyle({ ...variantProps }), [variantProps]);
|
|
4393
4393
|
const getContentProps = (0, import_react2.useCallback)(
|
|
@@ -4430,7 +4430,7 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
|
|
|
4430
4430
|
className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
|
|
4431
4431
|
};
|
|
4432
4432
|
return import_react2.default.cloneElement(endContent, mergedProps);
|
|
4433
|
-
} else if (
|
|
4433
|
+
} else if (errorMessage) {
|
|
4434
4434
|
const iconProps = { ...getContentProps(), className: getContentProps().className };
|
|
4435
4435
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ...iconProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "exclamation-circle", fill: true, size: originalProps.size }) });
|
|
4436
4436
|
} else {
|
|
@@ -4484,8 +4484,8 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
|
|
|
4484
4484
|
]
|
|
4485
4485
|
}
|
|
4486
4486
|
),
|
|
4487
|
-
|
|
4488
|
-
|
|
4487
|
+
helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
|
|
4488
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
|
|
4489
4489
|
] })
|
|
4490
4490
|
]
|
|
4491
4491
|
}
|
|
@@ -4525,8 +4525,8 @@ var inputStyle = tv(
|
|
|
4525
4525
|
"group-has-[:hover]/input:text-neutral-dark",
|
|
4526
4526
|
"group-has-[p.error]/input:text-danger-main"
|
|
4527
4527
|
],
|
|
4528
|
-
|
|
4529
|
-
|
|
4528
|
+
helperMessage: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
|
|
4529
|
+
errorMessage: ["text-danger-main"],
|
|
4530
4530
|
readonly: ["pointer-events-none", "!text-body-foreground"]
|
|
4531
4531
|
},
|
|
4532
4532
|
variants: {
|
|
@@ -4561,7 +4561,7 @@ var inputStyle = tv(
|
|
|
4561
4561
|
"group-has-[:focus]/input:text-primary-main",
|
|
4562
4562
|
"!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
|
|
4563
4563
|
],
|
|
4564
|
-
|
|
4564
|
+
helperMessage: [
|
|
4565
4565
|
"group-has-[:focus]/input:text-primary-main",
|
|
4566
4566
|
"group-has-[:focus:hover]/input:text-primary-main",
|
|
4567
4567
|
"group-has-[:focus]/input:hover:text-primary-main"
|
|
@@ -4572,7 +4572,7 @@ var inputStyle = tv(
|
|
|
4572
4572
|
"group-has-[:focus]/input:text-secondary-main",
|
|
4573
4573
|
"!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
|
|
4574
4574
|
],
|
|
4575
|
-
|
|
4575
|
+
helperMessage: [
|
|
4576
4576
|
"group-has-[:focus]/input:text-secondary-main",
|
|
4577
4577
|
"group-has-[:focus:hover]/input:text-secondary-main",
|
|
4578
4578
|
"group-has-[:focus]/input:hover:text-secondary-main"
|
|
@@ -4585,32 +4585,32 @@ var inputStyle = tv(
|
|
|
4585
4585
|
label: ["text-sm"],
|
|
4586
4586
|
innerWrapper: ["gap-[4px]"],
|
|
4587
4587
|
inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]"],
|
|
4588
|
-
|
|
4589
|
-
|
|
4588
|
+
helperMessage: ["text-sm"],
|
|
4589
|
+
errorMessage: ["text-sm"]
|
|
4590
4590
|
},
|
|
4591
4591
|
md: {
|
|
4592
4592
|
base: ["text-md", "gap-[6px]"],
|
|
4593
4593
|
label: ["text-md"],
|
|
4594
4594
|
innerWrapper: ["gap-[6px]"],
|
|
4595
4595
|
inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]"],
|
|
4596
|
-
|
|
4597
|
-
|
|
4596
|
+
helperMessage: ["text-sm"],
|
|
4597
|
+
errorMessage: ["text-sm"]
|
|
4598
4598
|
},
|
|
4599
4599
|
lg: {
|
|
4600
4600
|
base: ["text-lg", "gap-[8px]"],
|
|
4601
4601
|
label: ["text-lg"],
|
|
4602
4602
|
innerWrapper: ["gap-[8px]"],
|
|
4603
4603
|
inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]"],
|
|
4604
|
-
|
|
4605
|
-
|
|
4604
|
+
helperMessage: ["text-md"],
|
|
4605
|
+
errorMessage: ["text-md"]
|
|
4606
4606
|
},
|
|
4607
4607
|
xl: {
|
|
4608
4608
|
base: ["text-xl", "gap-[10px]"],
|
|
4609
4609
|
label: ["text-xl"],
|
|
4610
4610
|
innerWrapper: ["gap-[10px]"],
|
|
4611
4611
|
inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]"],
|
|
4612
|
-
|
|
4613
|
-
|
|
4612
|
+
helperMessage: ["text-md"],
|
|
4613
|
+
errorMessage: ["text-md"]
|
|
4614
4614
|
}
|
|
4615
4615
|
},
|
|
4616
4616
|
direction: {
|
|
@@ -4634,8 +4634,8 @@ var inputStyle = tv(
|
|
|
4634
4634
|
"group-has-[p.error]/input:placeholder:text-danger-light"
|
|
4635
4635
|
],
|
|
4636
4636
|
content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
|
|
4637
|
-
|
|
4638
|
-
|
|
4637
|
+
helperMessage: ["!text-neutral-light"],
|
|
4638
|
+
errorMessage: ["!text-danger-light"]
|
|
4639
4639
|
}
|
|
4640
4640
|
}
|
|
4641
4641
|
},
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import {
|
|
3
3
|
paginationStyle,
|
|
4
4
|
pagination_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-C7OF5HJF.mjs";
|
|
6
6
|
import "../../chunk-F3HENRVM.mjs";
|
|
7
7
|
import "../../chunk-2GCSFWHD.mjs";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-GRA2LU42.mjs";
|
|
9
9
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
10
10
|
import "../../chunk-HWL7TPUN.mjs";
|
|
11
11
|
import "../../chunk-3IU2RPSM.mjs";
|
|
@@ -4365,8 +4365,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
|
|
|
4365
4365
|
const {
|
|
4366
4366
|
label,
|
|
4367
4367
|
options,
|
|
4368
|
-
|
|
4369
|
-
|
|
4368
|
+
helperMessage,
|
|
4369
|
+
errorMessage,
|
|
4370
4370
|
classNames,
|
|
4371
4371
|
defaultSelectedOptions = [],
|
|
4372
4372
|
onChange,
|
|
@@ -4494,8 +4494,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
|
|
|
4494
4494
|
]
|
|
4495
4495
|
}
|
|
4496
4496
|
),
|
|
4497
|
-
|
|
4498
|
-
|
|
4497
|
+
helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
|
|
4498
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
|
|
4499
4499
|
] })
|
|
4500
4500
|
]
|
|
4501
4501
|
}
|
|
@@ -4567,8 +4567,8 @@ var select = tv({
|
|
|
4567
4567
|
],
|
|
4568
4568
|
optionsWrapper: ["border", "rounded", "bg-white", "shadow", "overflow-auto"],
|
|
4569
4569
|
option: ["flex", "justify-between", "items-center", "cursor-pointer"],
|
|
4570
|
-
|
|
4571
|
-
|
|
4570
|
+
helperMessage: ["text-neutral-main"],
|
|
4571
|
+
errorMessage: ["text-danger-main"],
|
|
4572
4572
|
readonly: ["pointer-events-none", "!bg-trans-soft"]
|
|
4573
4573
|
},
|
|
4574
4574
|
variants: {
|
|
@@ -4591,8 +4591,8 @@ var select = tv({
|
|
|
4591
4591
|
selectWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]"],
|
|
4592
4592
|
select: ["text-sm"],
|
|
4593
4593
|
option: ["px-[4px]", "py-[3px]", "text-sm"],
|
|
4594
|
-
|
|
4595
|
-
|
|
4594
|
+
helperMessage: ["text-sm"],
|
|
4595
|
+
errorMessage: ["text-sm"]
|
|
4596
4596
|
},
|
|
4597
4597
|
md: {
|
|
4598
4598
|
base: ["text-md", "gap-[6px]", "rounded-md"],
|
|
@@ -4601,8 +4601,8 @@ var select = tv({
|
|
|
4601
4601
|
selectWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]"],
|
|
4602
4602
|
select: ["text-md"],
|
|
4603
4603
|
option: ["px-[6px]", "py-[5.5px]", "text-md"],
|
|
4604
|
-
|
|
4605
|
-
|
|
4604
|
+
helperMessage: ["text-sm"],
|
|
4605
|
+
errorMessage: ["text-sm"]
|
|
4606
4606
|
},
|
|
4607
4607
|
lg: {
|
|
4608
4608
|
base: ["text-lg", "gap-[8px]"],
|
|
@@ -4611,8 +4611,8 @@ var select = tv({
|
|
|
4611
4611
|
selectWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]"],
|
|
4612
4612
|
select: ["text-lg"],
|
|
4613
4613
|
option: ["px-[8px]", "py-[8px]", "text-lg"],
|
|
4614
|
-
|
|
4615
|
-
|
|
4614
|
+
helperMessage: ["text-md"],
|
|
4615
|
+
errorMessage: ["text-md"]
|
|
4616
4616
|
},
|
|
4617
4617
|
xl: {
|
|
4618
4618
|
base: ["text-xl", "gap-[10px]"],
|
|
@@ -4621,8 +4621,8 @@ var select = tv({
|
|
|
4621
4621
|
selectWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]"],
|
|
4622
4622
|
select: ["text-xl"],
|
|
4623
4623
|
option: ["px-[10px]", "py-[11.5px]"],
|
|
4624
|
-
|
|
4625
|
-
|
|
4624
|
+
helperMessage: ["text-md"],
|
|
4625
|
+
errorMessage: ["text-md"]
|
|
4626
4626
|
}
|
|
4627
4627
|
},
|
|
4628
4628
|
direction: {
|
|
@@ -4652,8 +4652,8 @@ var select = tv({
|
|
|
4652
4652
|
"group-has-[p.error]/select:text-danger-light",
|
|
4653
4653
|
"group-has-[p.error]/select:placeholder:text-danger-light"
|
|
4654
4654
|
],
|
|
4655
|
-
|
|
4656
|
-
|
|
4655
|
+
helperMessage: ["!text-neutral-light"],
|
|
4656
|
+
errorMessage: ["!text-danger-light"]
|
|
4657
4657
|
}
|
|
4658
4658
|
},
|
|
4659
4659
|
isSelected: {
|
|
@@ -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>;
|