welcome-ui 0.0.0-dev.1759151855033 → 0.0.0-dev.1759151874645
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/Checkbox.css +1 -1
- package/dist/Checkbox.js +22 -23
- package/dist/Field.css +1 -0
- package/dist/Field.js +89 -0
- package/dist/Hint.js +16 -7
- package/dist/InputText.css +1 -1
- package/dist/InputText.js +60 -60
- package/dist/Search.css +1 -0
- package/dist/Search.js +221 -0
- package/dist/Select.css +1 -1
- package/dist/Select.js +411 -1480
- package/dist/Textarea.js +20 -16
- package/dist/Toggle.js +20 -19
- package/dist/field-icon-size-Ch1t6GUH.js +1087 -0
- package/dist/types/components/ButtonGroup/types.d.ts +1 -2
- package/dist/types/components/Field/index.d.ts +5 -0
- package/dist/types/components/Field/types.d.ts +37 -0
- package/dist/types/components/Search/index.d.ts +3 -0
- package/dist/types/components/Search/index.test.d.ts +8 -0
- package/dist/types/components/Search/types.d.ts +33 -0
- package/dist/types/components/Textarea/index.d.ts +1 -2
- package/dist/types/components/Textarea/types.d.ts +2 -2
- package/dist/types/utils/throttle.d.ts +5 -0
- package/package.json +1 -1
package/dist/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_xf7ux_2{position:relative;padding:0;cursor:pointer;transition:medium;overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1rem;outline:transparent solid var(--border-width-md);border-radius:var(--radius-sm);border-style:solid;border-width:var(--border-width-sm);flex-shrink:0;height:1rem;width:1rem;color:var(--color-neutral-90);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_xf7ux_2:after{background-color:var(--afterBackgroundColor);content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-mask-size:contain;mask-size:contain;width:10px}._root_xf7ux_2:disabled,._root_xf7ux_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--borderColor: var(--color-beige-50);cursor:not-allowed}._root_xf7ux_2:not([disabled]):hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_xf7ux_2[data-focus-visible],._root_xf7ux_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_xf7ux_2::placeholder{--color: var(--color-neutral-60)}._root_xf7ux_2[aria-checked=true]:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._root_xf7ux_2[aria-checked=true]:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._root_xf7ux_2[aria-checked=true]:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._root_xf7ux_2[aria-checked=true]:after{--afterBackgroundColor: var(--color-beige-50);height:8px;mask:url('data:image/svg+xml; utf8, <svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="000000" d="M7.96171 0.596898C8.24912 0.27893 8.74024 0.25262 9.06024 0.537743C9.37208 0.815607 9.40671 1.28712 9.14514 1.60662L9.11975 1.63611L3.90331 7.40311C3.75365 7.5687 3.54304 7.66003 3.32401 7.66003C3.15017 7.66003 2.98077 7.60235 2.84241 7.49383L2.80848 7.46564L0.943652 5.82577C0.620151 5.54147 0.590221 5.04928 0.877091 4.72749C1.15398 4.41772 1.62383 4.38076 1.94536 4.6368L1.97506 4.66166L3.26156 5.79276L7.96171 0.596898Z" /></svg>')}._variant-danger_xf7ux_67{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_xf7ux_73{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_xf7ux_79{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._indeterminate_xf7ux_85:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._indeterminate_xf7ux_85:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._indeterminate_xf7ux_85:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._indeterminate_xf7ux_85:after{--afterBackgroundColor: var(--color-beige-50);height:4px;mask:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 10 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3973 1.76919C0.953776 1.81988 0.634816 2.04775 0.685235 2.49156C0.732149 2.90436 1.08212 3.03624 1.48789 3.03624L8.6029 2.23086C9.04669 2.18017 9.36538 1.9523 9.31469 1.50849C9.26427 1.06468 8.86389 0.917163 8.41956 0.969201C4.90971 1.38026 4.90828 1.36792 1.3973 1.76919Z' fill='000000'/%3E%3C/svg%3E")}}
|
package/dist/Checkbox.js
CHANGED
|
@@ -1,38 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
3
3
|
import { C as d } from "./ASMQKSDT-CyLroRiC.js";
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import {
|
|
6
|
-
|
|
4
|
+
import { forwardRef as u } from "react";
|
|
5
|
+
import { useField as l } from "./Field.js";
|
|
6
|
+
import { c as v } from "./classNames-qiokGROM.js";
|
|
7
|
+
const g = "_root_xf7ux_2", p = "_indeterminate_xf7ux_85", h = {
|
|
7
8
|
root: g,
|
|
8
|
-
"variant-danger": "_variant-
|
|
9
|
-
"variant-warning": "_variant-
|
|
10
|
-
"variant-success": "_variant-
|
|
11
|
-
indeterminate:
|
|
12
|
-
},
|
|
13
|
-
({ checked:
|
|
14
|
-
const
|
|
15
|
-
t.target.checked = !t.target.checked,
|
|
9
|
+
"variant-danger": "_variant-danger_xf7ux_67",
|
|
10
|
+
"variant-warning": "_variant-warning_xf7ux_73",
|
|
11
|
+
"variant-success": "_variant-success_xf7ux_79",
|
|
12
|
+
indeterminate: p
|
|
13
|
+
}, k = v(h), j = u(
|
|
14
|
+
({ checked: e = !1, className: n, indeterminate: o = !1, onChange: a, variant: i, ...s }, c) => {
|
|
15
|
+
const { getInputProps: f, variant: m } = l(), r = m || i, x = (t) => {
|
|
16
|
+
t.target.checked = !t.target.checked, a && a(t);
|
|
16
17
|
};
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ _(
|
|
18
19
|
d,
|
|
19
20
|
{
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
...f(s),
|
|
22
|
+
checked: e,
|
|
23
|
+
className: k(
|
|
22
24
|
"root",
|
|
23
25
|
r && `variant-${r}`,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
+
o && "indeterminate",
|
|
27
|
+
n
|
|
26
28
|
),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
onChange: _,
|
|
30
|
-
ref: i,
|
|
31
|
-
...c
|
|
29
|
+
onChange: x,
|
|
30
|
+
ref: c
|
|
32
31
|
}
|
|
33
32
|
);
|
|
34
33
|
}
|
|
35
34
|
);
|
|
36
35
|
export {
|
|
37
|
-
|
|
36
|
+
j as Checkbox
|
|
38
37
|
};
|
package/dist/Field.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{._root_13ut9_2{display:grid;grid-template-areas:"label" "input";width:100%}._root_13ut9_2:has(._label_13ut9_7):has(._hint_13ut9_7){grid-template-areas:"label" "input" "hint"}._root_13ut9_2:not(:has(._label_13ut9_7)):has(._hint_13ut9_7){grid-template-areas:"input" "hint"}._root_13ut9_2:not(._inline_13ut9_13) ._hint_13ut9_7{margin-top:var(--spacing-xs)}._root_13ut9_2:not(._inline_13ut9_13) ._label_13ut9_7{margin-bottom:var(--spacing-sm)}._inline_13ut9_13{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--spacing-xs);grid-column-gap:var(--spacing-sm)}._inline_13ut9_13:has(._label_13ut9_7):has(._hint_13ut9_7){grid-template-areas:"input label" ". hint"}._inline_13ut9_13:not(:has(._label_13ut9_7)):has(._hint_13ut9_7){grid-template-areas:"input ." ". hint"}._label_13ut9_7{grid-area:label}._input_13ut9_35{display:flex;align-items:center;grid-area:input;width:100%}._hint_13ut9_7{grid-area:hint}._visuallyHidden_13ut9_44{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
|
package/dist/Field.js
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as r, jsxs as L } from "react/jsx-runtime";
|
|
3
|
+
import { createContext as q, useMemo as w, useId as A, useContext as M } from "react";
|
|
4
|
+
import { Hint as R } from "./Hint.js";
|
|
5
|
+
import { Label as S } from "./Label.js";
|
|
6
|
+
import { c as T } from "./classNames-qiokGROM.js";
|
|
7
|
+
import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
8
|
+
const k = "_root_13ut9_2", z = "_label_13ut9_7", E = "_hint_13ut9_7", G = "_inline_13ut9_13", J = "_input_13ut9_35", K = "_visuallyHidden_13ut9_44", O = {
|
|
9
|
+
root: k,
|
|
10
|
+
label: z,
|
|
11
|
+
hint: E,
|
|
12
|
+
inline: G,
|
|
13
|
+
input: J,
|
|
14
|
+
visuallyHidden: K
|
|
15
|
+
}, o = T(O), p = q({
|
|
16
|
+
getInputProps: (e) => e,
|
|
17
|
+
hintID: "",
|
|
18
|
+
labelID: "",
|
|
19
|
+
variant: void 0
|
|
20
|
+
});
|
|
21
|
+
function _(e) {
|
|
22
|
+
const d = A();
|
|
23
|
+
return e || d;
|
|
24
|
+
}
|
|
25
|
+
function P() {
|
|
26
|
+
return M(p);
|
|
27
|
+
}
|
|
28
|
+
const Q = W((e, d) => {
|
|
29
|
+
const {
|
|
30
|
+
children: y,
|
|
31
|
+
className: I,
|
|
32
|
+
disabled: c,
|
|
33
|
+
error: f,
|
|
34
|
+
hideLabel: x,
|
|
35
|
+
hint: D,
|
|
36
|
+
hintProps: t,
|
|
37
|
+
id: g,
|
|
38
|
+
inline: N,
|
|
39
|
+
label: F,
|
|
40
|
+
labelProps: n,
|
|
41
|
+
required: u,
|
|
42
|
+
success: h,
|
|
43
|
+
warning: v,
|
|
44
|
+
...H
|
|
45
|
+
} = e, i = f ? "danger" : h ? "success" : v ? "warning" : void 0, l = f ?? v ?? h ?? D, a = _(n == null ? void 0 : n.id), s = _(t == null ? void 0 : t.id), m = _(g), j = w(
|
|
46
|
+
() => ({
|
|
47
|
+
getInputProps(b) {
|
|
48
|
+
const B = [b["aria-describedby"], l && s].filter(Boolean).join(" ") || void 0, C = [b["aria-labelledby"], a].filter(Boolean).join(" ");
|
|
49
|
+
return {
|
|
50
|
+
...b,
|
|
51
|
+
"aria-describedby": B,
|
|
52
|
+
"aria-invalid": i === "danger" ? !0 : void 0,
|
|
53
|
+
"aria-labelledby": C,
|
|
54
|
+
disabled: c,
|
|
55
|
+
id: m,
|
|
56
|
+
required: u
|
|
57
|
+
};
|
|
58
|
+
},
|
|
59
|
+
hintID: s,
|
|
60
|
+
labelID: a,
|
|
61
|
+
variant: i
|
|
62
|
+
}),
|
|
63
|
+
[s, a, i, l, c, m, u]
|
|
64
|
+
);
|
|
65
|
+
return /* @__PURE__ */ r(p.Provider, { value: j, children: /* @__PURE__ */ L("div", { ref: d, ...H, className: o("root", N && "inline", I), children: [
|
|
66
|
+
/* @__PURE__ */ r(
|
|
67
|
+
S,
|
|
68
|
+
{
|
|
69
|
+
className: o("label", x && "visuallyHidden"),
|
|
70
|
+
disabled: c,
|
|
71
|
+
htmlFor: m,
|
|
72
|
+
id: a,
|
|
73
|
+
required: u,
|
|
74
|
+
variant: i,
|
|
75
|
+
...n,
|
|
76
|
+
children: F
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
/* @__PURE__ */ r("div", { className: o("input"), children: y }),
|
|
80
|
+
l ? /* @__PURE__ */ r(R, { className: o("hint"), id: s, variant: i, ...t, children: l }) : null
|
|
81
|
+
] }) });
|
|
82
|
+
});
|
|
83
|
+
Q.displayName = "Field";
|
|
84
|
+
export {
|
|
85
|
+
Q as Field,
|
|
86
|
+
p as FieldContext,
|
|
87
|
+
_ as useDefaultID,
|
|
88
|
+
P as useField
|
|
89
|
+
};
|
package/dist/Hint.js
CHANGED
|
@@ -1,15 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as s } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { c } from "./classNames-qiokGROM.js";
|
|
5
|
-
const
|
|
6
|
-
root:
|
|
3
|
+
import { forwardRef as e } from "react";
|
|
4
|
+
import { c as i } from "./classNames-qiokGROM.js";
|
|
5
|
+
const c = "_root_zxnv7_2", _ = {
|
|
6
|
+
root: c,
|
|
7
7
|
"variant-danger": "_variant-danger_zxnv7_9",
|
|
8
8
|
"variant-success": "_variant-success_zxnv7_12",
|
|
9
9
|
"variant-warning": "_variant-warning_zxnv7_15"
|
|
10
|
-
}, v =
|
|
11
|
-
({ children:
|
|
10
|
+
}, v = i(_), d = e(
|
|
11
|
+
({ children: n, className: a, variant: r, ...t }, o) => /* @__PURE__ */ s(
|
|
12
|
+
"span",
|
|
13
|
+
{
|
|
14
|
+
className: v("root", r && `variant-${r}`, a),
|
|
15
|
+
ref: o,
|
|
16
|
+
role: r === "danger" ? "alert" : void 0,
|
|
17
|
+
...t,
|
|
18
|
+
children: n
|
|
19
|
+
}
|
|
20
|
+
)
|
|
12
21
|
);
|
|
13
22
|
export {
|
|
14
|
-
|
|
23
|
+
d as Hint
|
|
15
24
|
};
|
package/dist/InputText.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{._input-text-
|
|
1
|
+
@layer components{._input-text-wrapper_11ol4_2{position:relative;width:100%}._root_11ol4_6{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30));height:var(--height);padding-inline:var(--paddingInline);padding-block:var(--paddingBlock)}._root_11ol4_6:disabled,._root_11ol4_6[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_11ol4_6:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_11ol4_6[data-focus-visible],._root_11ol4_6:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_11ol4_6::placeholder{--color: var(--color-neutral-60)}._variant-danger_11ol4_40{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_11ol4_46{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_11ol4_52{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_11ol4_58._size-xs_11ol4_58{padding-left:1.75rem}._placement-left_11ol4_58._size-sm_11ol4_61,._placement-left_11ol4_58._size-md_11ol4_61,._placement-left_11ol4_58._size-lg_11ol4_61{padding-left:2.25rem}._placement-right_11ol4_64._size-xs_11ol4_58{padding-right:1.75rem}._placement-right_11ol4_64._size-sm_11ol4_61,._placement-right_11ol4_64._size-md_11ol4_61,._placement-right_11ol4_64._size-lg_11ol4_61{padding-right:2.25rem}._transparent_11ol4_70{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_11ol4_58{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_11ol4_61{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_11ol4_61{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_11ol4_61{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_11ol4_95{padding-right:var(--spacing-xl)}._icon-wrapper_11ol4_98{position:absolute;top:0;bottom:0;left:var(--left);right:var(--right);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--color-neutral-90);gap:var(--spacing-xs);--left: auto;--right: auto}._icon-wrapper_11ol4_98>button{pointer-events:auto}._icon-placement-left-xs_11ol4_119{--left: var(--spacing-sm)}._icon-placement-left-sm_11ol4_122{--left: var(--spacing-md)}._icon-placement-right-xs_11ol4_125{--right: var(--spacing-sm)}._icon-placement-right-sm_11ol4_128{--right: var(--spacing-md)}}
|
package/dist/InputText.js
CHANGED
|
@@ -1,77 +1,77 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { CloseButton as
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
"variant-
|
|
11
|
-
"variant-
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"size-
|
|
15
|
-
"size-
|
|
16
|
-
"size-
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
"icon-
|
|
22
|
-
"icon-placement-left-
|
|
23
|
-
"icon-placement-
|
|
24
|
-
"icon-placement-right-
|
|
25
|
-
|
|
2
|
+
import { jsxs as f, jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import u, { forwardRef as E } from "react";
|
|
4
|
+
import { CloseButton as R } from "./CloseButton.js";
|
|
5
|
+
import { useField as S } from "./Field.js";
|
|
6
|
+
import { c as b } from "./classNames-qiokGROM.js";
|
|
7
|
+
const j = "_root_11ol4_6", D = "_transparent_11ol4_70", F = "_clearable_11ol4_95", L = {
|
|
8
|
+
"input-text-wrapper": "_input-text-wrapper_11ol4_2",
|
|
9
|
+
root: j,
|
|
10
|
+
"variant-danger": "_variant-danger_11ol4_40",
|
|
11
|
+
"variant-warning": "_variant-warning_11ol4_46",
|
|
12
|
+
"variant-success": "_variant-success_11ol4_52",
|
|
13
|
+
"placement-left": "_placement-left_11ol4_58",
|
|
14
|
+
"size-xs": "_size-xs_11ol4_58",
|
|
15
|
+
"size-sm": "_size-sm_11ol4_61",
|
|
16
|
+
"size-md": "_size-md_11ol4_61",
|
|
17
|
+
"size-lg": "_size-lg_11ol4_61",
|
|
18
|
+
"placement-right": "_placement-right_11ol4_64",
|
|
19
|
+
transparent: D,
|
|
20
|
+
clearable: F,
|
|
21
|
+
"icon-wrapper": "_icon-wrapper_11ol4_98",
|
|
22
|
+
"icon-placement-left-xs": "_icon-placement-left-xs_11ol4_119",
|
|
23
|
+
"icon-placement-left-sm": "_icon-placement-left-sm_11ol4_122",
|
|
24
|
+
"icon-placement-right-xs": "_icon-placement-right-xs_11ol4_125",
|
|
25
|
+
"icon-placement-right-sm": "_icon-placement-right-sm_11ol4_128"
|
|
26
|
+
}, s = b(L), T = { lg: "sm", md: "sm", sm: "sm", xs: "xs" }, q = E(
|
|
26
27
|
({
|
|
27
|
-
className:
|
|
28
|
-
icon:
|
|
29
|
-
iconPlacement:
|
|
30
|
-
isClearable:
|
|
31
|
-
name:
|
|
32
|
-
onChange:
|
|
33
|
-
size:
|
|
34
|
-
transparent:
|
|
35
|
-
type:
|
|
36
|
-
value:
|
|
37
|
-
variant:
|
|
38
|
-
...
|
|
39
|
-
},
|
|
40
|
-
const
|
|
41
|
-
|
|
28
|
+
className: x,
|
|
29
|
+
icon: t,
|
|
30
|
+
iconPlacement: e = "left",
|
|
31
|
+
isClearable: o,
|
|
32
|
+
name: i,
|
|
33
|
+
onChange: l,
|
|
34
|
+
size: c = "md",
|
|
35
|
+
transparent: d,
|
|
36
|
+
type: g = "text",
|
|
37
|
+
value: _,
|
|
38
|
+
variant: v,
|
|
39
|
+
...h
|
|
40
|
+
}, z) => {
|
|
41
|
+
const { getInputProps: w, variant: I } = S(), p = I || v, r = t && e, m = r && e === "right", N = r && e === "left", n = T[c], $ = () => {
|
|
42
|
+
l && l({
|
|
42
43
|
preventDefault: () => null,
|
|
43
|
-
target: { name:
|
|
44
|
+
target: { name: i, value: "" }
|
|
44
45
|
});
|
|
45
46
|
};
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
47
|
+
return /* @__PURE__ */ f("div", { className: s("input-text-wrapper"), children: [
|
|
48
|
+
/* @__PURE__ */ a(
|
|
48
49
|
"input",
|
|
49
50
|
{
|
|
50
|
-
...
|
|
51
|
-
className:
|
|
51
|
+
...w(h),
|
|
52
|
+
className: s(
|
|
52
53
|
"root",
|
|
53
|
-
`size-${
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
54
|
+
`size-${c}`,
|
|
55
|
+
p && `variant-${p}`,
|
|
56
|
+
d && "transparent",
|
|
57
|
+
r && `placement-${e}`,
|
|
58
|
+
x
|
|
58
59
|
),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
value: i
|
|
60
|
+
name: i,
|
|
61
|
+
onChange: l,
|
|
62
|
+
ref: z,
|
|
63
|
+
type: g,
|
|
64
|
+
value: _
|
|
65
65
|
}
|
|
66
66
|
),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
m ?
|
|
67
|
+
N ? /* @__PURE__ */ a("div", { className: s("icon-wrapper", `icon-placement-left-${n}`), children: u.cloneElement(t, { ...t.props, size: n }) }) : null,
|
|
68
|
+
o || m ? /* @__PURE__ */ f("div", { className: s("icon-wrapper", `icon-placement-right-${n}`), children: [
|
|
69
|
+
o && _ ? /* @__PURE__ */ a(R, { onClick: $, size: "xs" }) : null,
|
|
70
|
+
m ? u.cloneElement(t, { ...t.props, size: n }) : null
|
|
71
71
|
] }) : null
|
|
72
72
|
] });
|
|
73
73
|
}
|
|
74
74
|
);
|
|
75
75
|
export {
|
|
76
|
-
|
|
76
|
+
q as InputText
|
|
77
77
|
};
|
package/dist/Search.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{._wrapper_1pzk6_2{position:relative}._indicators_1pzk6_5{position:absolute;padding:0;top:0;bottom:0;right:var(--indicators-right, 0);display:flex;gap:var(--spacing-xs)}._dropdown-indicator_1pzk6_14{position:relative;height:100%;width:var(--search-clear-size);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_1pzk6_27{position:relative}._input-wrapper_1pzk6_27:has(>._icon-placement-right_1pzk6_30) ._indicators_1pzk6_5{--indicators-right: calc((var(--search-icon-size, 1rem) + var(--spacing-sm)))}._root_1pzk6_33{background-color:var(--search-background-color, var(--color-neutral-10));border-color:var(--search-border-color, var(--color-neutral-30));border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--search-text-color, var(--color-neutral-90));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:2px solid var(--search-outline-color, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--search-height);padding-bottom:var(--search-padding-bottom);padding-left:var(--search-padding-left);padding-right:var(--search-padding-right);padding-top:var(--search-padding-top)}._root_1pzk6_33._icon-placement-left_1pzk6_63{padding-left:calc(var(--search-padding-left) + var(--search-icon-size, 1rem) + var(--spacing-sm))}._root_1pzk6_33._icon-placement-right_1pzk6_30{padding-right:calc(var(--search-padding-right) + (var(--search-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_1pzk6_33:disabled{--search-background-color: var(--search-color-beige-40);--search-text-color: var(--search-color-beige-70);cursor:not-allowed}._root_1pzk6_33:hover:not([class*=variant]){--search-border-color: var(--color-brand-40)}._root_1pzk6_33:focus:not([class*=variant]){--search-outline-color: var(--color-brand-20);--search-border-color: var(--color-brand-40)}._root_1pzk6_33._transparent_1pzk6_81{--search-border-color: transparent;--search-background-color: transparent}._root_1pzk6_33._transparent_1pzk6_81:hover{--search-border-color: var(--color-neutral-20)}._root_1pzk6_33::placeholder{color:var(--color-neutral-60)}._root_1pzk6_33 br{display:none}._variant-danger_1pzk6_94{--search-border-color: var(--color-red-70);--search-outline-color: var(--color-red-30)}._variant-success_1pzk6_98{--search-border-color: var(--color-green-60);--search-outline-color: var(--color-green-30)}._variant-warning_1pzk6_102{--search-border-color: var(--color-orange-60);--search-outline-color: var(--color-orange-20)}._size-lg_1pzk6_106{--search-height: var(--height-48);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-16);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-16)}._size-md_1pzk6_114{--search-height: var(--height-40);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-12);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-12)}._size-sm_1pzk6_122{--search-height: var(--height-32);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-8);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-8)}._size-xs_1pzk6_130{--search-height: var(--height-24);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-4);--search-padding-left: var(--spacing-8);--search-padding-right: var(--spacing-8);--search-padding-top: var(--spacing-4);--search-icon-size: .75rem}._icon-wrapper_1pzk6_139{position:absolute;top:0;left:var(--icon-placement-left, auto);right:var(--icon-placement-right, auto);bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);color:var(--color-neutral-90)}._icon-wrapper_1pzk6_139._icon-placement-left_1pzk6_63{--icon-placement-left: var(--spacing-md)}._icon-wrapper_1pzk6_139._icon-placement-left_1pzk6_63._size-xs_1pzk6_130{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_1pzk6_139._icon-placement-right_1pzk6_30{--icon-placement-right: var(--spacing-md)}._icon-wrapper_1pzk6_139._icon-placement-right_1pzk6_30._size-xs_1pzk6_130{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_1pzk6_139>button{pointer-events:auto}._menu_1pzk6_170{max-height:9.6875rem;background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--color-neutral-90);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--spacing-md);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_1pzk6_170:hover>*{cursor:pointer}._item_1pzk6_198{color:var(--item-text-color, var(--color-beige-70));cursor:var(--item-cursor, default);padding:var(--spacing-md);list-style:none;text-decoration:none;font-size:var(--font-size-sm);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1pzk6_198._highlighted_1pzk6_212{background-color:var(--color-beige-20)}._item_1pzk6_198._selected_1pzk6_215{--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_1pzk6_198._selected_1pzk6_215._highlighted_1pzk6_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}
|
package/dist/Search.js
ADDED
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t, jsxs as v } from "react/jsx-runtime";
|
|
3
|
+
import { D as B, F as pe } from "./field-icon-size-Ch1t6GUH.js";
|
|
4
|
+
import _e, { forwardRef as de, useState as me, useCallback as he, useMemo as ue, Fragment as ze } from "react";
|
|
5
|
+
import { CloseButton as fe } from "./CloseButton.js";
|
|
6
|
+
import { c as ke } from "./classNames-qiokGROM.js";
|
|
7
|
+
import { c as ge } from "./create-event-rXDe5aCQ.js";
|
|
8
|
+
const we = (u, z, f = !0) => {
|
|
9
|
+
let c = null, d = null;
|
|
10
|
+
return (...k) => {
|
|
11
|
+
const s = () => {
|
|
12
|
+
u(...d), c = null;
|
|
13
|
+
};
|
|
14
|
+
d = k, c || (f && s(), c = setTimeout(s, z));
|
|
15
|
+
};
|
|
16
|
+
}, Ne = "_wrapper_1pzk6_2", xe = "_indicators_1pzk6_5", Ie = "_root_1pzk6_33", Re = "_transparent_1pzk6_81", Se = "_menu_1pzk6_170", ve = "_item_1pzk6_198", Ce = "_highlighted_1pzk6_212", Ee = "_selected_1pzk6_215", $e = {
|
|
17
|
+
wrapper: Ne,
|
|
18
|
+
indicators: xe,
|
|
19
|
+
"dropdown-indicator": "_dropdown-indicator_1pzk6_14",
|
|
20
|
+
"input-wrapper": "_input-wrapper_1pzk6_27",
|
|
21
|
+
"icon-placement-right": "_icon-placement-right_1pzk6_30",
|
|
22
|
+
root: Ie,
|
|
23
|
+
"icon-placement-left": "_icon-placement-left_1pzk6_63",
|
|
24
|
+
transparent: Re,
|
|
25
|
+
"variant-danger": "_variant-danger_1pzk6_94",
|
|
26
|
+
"variant-success": "_variant-success_1pzk6_98",
|
|
27
|
+
"variant-warning": "_variant-warning_1pzk6_102",
|
|
28
|
+
"size-lg": "_size-lg_1pzk6_106",
|
|
29
|
+
"size-md": "_size-md_1pzk6_114",
|
|
30
|
+
"size-sm": "_size-sm_1pzk6_122",
|
|
31
|
+
"size-xs": "_size-xs_1pzk6_130",
|
|
32
|
+
"icon-wrapper": "_icon-wrapper_1pzk6_139",
|
|
33
|
+
menu: Se,
|
|
34
|
+
item: ve,
|
|
35
|
+
highlighted: Ce,
|
|
36
|
+
selected: Ee
|
|
37
|
+
}, F = "", n = ke($e), De = B.default || B, Ae = de(
|
|
38
|
+
({
|
|
39
|
+
autoComplete: u = "off",
|
|
40
|
+
autoFocus: z,
|
|
41
|
+
className: f,
|
|
42
|
+
dataTestId: c,
|
|
43
|
+
disabled: d,
|
|
44
|
+
groupsEnabled: k,
|
|
45
|
+
icon: s,
|
|
46
|
+
iconPlacement: C = "left",
|
|
47
|
+
id: G,
|
|
48
|
+
itemToString: i,
|
|
49
|
+
minChars: g = 3,
|
|
50
|
+
name: E,
|
|
51
|
+
onBlur: H,
|
|
52
|
+
onChange: w,
|
|
53
|
+
onClick: L,
|
|
54
|
+
onFocus: N,
|
|
55
|
+
placeholder: Y = "Search…",
|
|
56
|
+
renderGroupHeader: Z,
|
|
57
|
+
renderItem: $,
|
|
58
|
+
search: D,
|
|
59
|
+
size: o = "md",
|
|
60
|
+
throttle: T = 500,
|
|
61
|
+
transparent: q,
|
|
62
|
+
value: m = F,
|
|
63
|
+
variant: x,
|
|
64
|
+
...I
|
|
65
|
+
}, J) => {
|
|
66
|
+
const K = m ? i(m) : F, [M, l] = me([]), O = he(
|
|
67
|
+
async (e) => {
|
|
68
|
+
if (g === 0 || (e == null ? void 0 : e.length) >= g) {
|
|
69
|
+
const p = await D(e);
|
|
70
|
+
l(p || []);
|
|
71
|
+
} else
|
|
72
|
+
l([]);
|
|
73
|
+
},
|
|
74
|
+
[g, D]
|
|
75
|
+
), b = ue(
|
|
76
|
+
() => we(O, T, !1),
|
|
77
|
+
[O, T]
|
|
78
|
+
), R = (e) => {
|
|
79
|
+
const p = ge({ name: E, value: e });
|
|
80
|
+
w == null || w(e, p);
|
|
81
|
+
}, j = (e) => {
|
|
82
|
+
e ? R(e) : (R(), l([]));
|
|
83
|
+
};
|
|
84
|
+
return /* @__PURE__ */ t(
|
|
85
|
+
De,
|
|
86
|
+
{
|
|
87
|
+
initialInputValue: K,
|
|
88
|
+
itemToString: (e) => i(e) || "",
|
|
89
|
+
onInputValueChange: b,
|
|
90
|
+
onOuterClick: () => {
|
|
91
|
+
m || j(), l([]);
|
|
92
|
+
},
|
|
93
|
+
onSelect: j,
|
|
94
|
+
selectedItem: m,
|
|
95
|
+
...I,
|
|
96
|
+
children: ({
|
|
97
|
+
clearSelection: e,
|
|
98
|
+
getInputProps: p,
|
|
99
|
+
getItemProps: y,
|
|
100
|
+
getMenuProps: Q,
|
|
101
|
+
getRootProps: U,
|
|
102
|
+
highlightedIndex: W,
|
|
103
|
+
inputValue: X,
|
|
104
|
+
isOpen: P,
|
|
105
|
+
selectedItem: h,
|
|
106
|
+
toggleMenu: ee
|
|
107
|
+
}) => {
|
|
108
|
+
const te = () => {
|
|
109
|
+
l([]), R(), e();
|
|
110
|
+
}, ne = P && M.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(fe, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (r) => {
|
|
111
|
+
N == null || N(r), b(""), ee();
|
|
112
|
+
}, re = U(I, { suppressRefError: !0 }), ae = p({
|
|
113
|
+
autoComplete: u,
|
|
114
|
+
autoFocus: z,
|
|
115
|
+
"data-testid": c,
|
|
116
|
+
disabled: d,
|
|
117
|
+
id: G,
|
|
118
|
+
name: E,
|
|
119
|
+
onBlur: H,
|
|
120
|
+
onClick: L,
|
|
121
|
+
onFocus: ie,
|
|
122
|
+
placeholder: Y,
|
|
123
|
+
ref: J,
|
|
124
|
+
size: o,
|
|
125
|
+
tabIndex: 0,
|
|
126
|
+
variant: P ? "focused" : x,
|
|
127
|
+
...I
|
|
128
|
+
}), ce = pe[o];
|
|
129
|
+
return /* @__PURE__ */ v("div", { ...re, className: n("wrapper"), children: [
|
|
130
|
+
/* @__PURE__ */ v("div", { className: n("input-wrapper"), children: [
|
|
131
|
+
/* @__PURE__ */ t(
|
|
132
|
+
"input",
|
|
133
|
+
{
|
|
134
|
+
className: n(
|
|
135
|
+
"root",
|
|
136
|
+
`size-${o}`,
|
|
137
|
+
x && `variant-${x}`,
|
|
138
|
+
q && "transparent",
|
|
139
|
+
s && `icon-placement-${C}`,
|
|
140
|
+
f
|
|
141
|
+
),
|
|
142
|
+
...ae
|
|
143
|
+
}
|
|
144
|
+
),
|
|
145
|
+
s ? /* @__PURE__ */ t(
|
|
146
|
+
"div",
|
|
147
|
+
{
|
|
148
|
+
className: n(
|
|
149
|
+
"icon-wrapper",
|
|
150
|
+
`icon-placement-${C}`,
|
|
151
|
+
`size-${o}`
|
|
152
|
+
),
|
|
153
|
+
children: _e.cloneElement(s, { ...s.props, size: ce })
|
|
154
|
+
}
|
|
155
|
+
) : null,
|
|
156
|
+
/* @__PURE__ */ t("div", { className: n("indicators", `size-${o}`), children: X ? se : null })
|
|
157
|
+
] }),
|
|
158
|
+
ne ? /* @__PURE__ */ t("ul", { className: n("menu"), ...Q(), children: M.reduce(
|
|
159
|
+
(r, a, S) => {
|
|
160
|
+
const V = r.itemIndex++, A = W === V;
|
|
161
|
+
if (k)
|
|
162
|
+
r.itemsToRender.push(
|
|
163
|
+
/* @__PURE__ */ v(ze, { children: [
|
|
164
|
+
Z(a),
|
|
165
|
+
a.options ? a.options.map(
|
|
166
|
+
(_, oe) => {
|
|
167
|
+
const le = h && i(h) === i(_);
|
|
168
|
+
return /* @__PURE__ */ t(
|
|
169
|
+
"li",
|
|
170
|
+
{
|
|
171
|
+
className: n(
|
|
172
|
+
"item",
|
|
173
|
+
A && "highlighted",
|
|
174
|
+
le && "selected"
|
|
175
|
+
),
|
|
176
|
+
...y({
|
|
177
|
+
index: V,
|
|
178
|
+
item: _
|
|
179
|
+
}),
|
|
180
|
+
children: $(_)
|
|
181
|
+
},
|
|
182
|
+
oe
|
|
183
|
+
);
|
|
184
|
+
}
|
|
185
|
+
) : null
|
|
186
|
+
] }, S)
|
|
187
|
+
);
|
|
188
|
+
else {
|
|
189
|
+
const _ = h && i(h) === i(a);
|
|
190
|
+
r.itemsToRender.push(
|
|
191
|
+
/* @__PURE__ */ t(
|
|
192
|
+
"li",
|
|
193
|
+
{
|
|
194
|
+
className: n(
|
|
195
|
+
"item",
|
|
196
|
+
A && "highlighted",
|
|
197
|
+
_ && "selected"
|
|
198
|
+
),
|
|
199
|
+
...y({
|
|
200
|
+
index: S,
|
|
201
|
+
item: a
|
|
202
|
+
}),
|
|
203
|
+
children: $(a)
|
|
204
|
+
},
|
|
205
|
+
S
|
|
206
|
+
)
|
|
207
|
+
);
|
|
208
|
+
}
|
|
209
|
+
return r;
|
|
210
|
+
},
|
|
211
|
+
{ itemIndex: 0, itemsToRender: [] }
|
|
212
|
+
).itemsToRender }) : null
|
|
213
|
+
] });
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
);
|
|
217
|
+
}
|
|
218
|
+
);
|
|
219
|
+
export {
|
|
220
|
+
Ae as Search
|
|
221
|
+
};
|
package/dist/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._indicators_1fbxv_2{position:absolute;padding:0;top:0;bottom:0;right:var(--indicators-right, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_1fbxv_2._size-xs_1fbxv_11{--indicators-right: var(--spacing-sm)}._dropdown-indicator_1fbxv_14{position:relative;height:100%;padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;justify-content:center}._dropdown-indicator_1fbxv_14 ._styled-icon_1fbxv_27{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_1fbxv_14._open_1fbxv_33 ._styled-icon_1fbxv_27{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_1fbxv_14:not(:last-child){width:auto}._dropdown-indicator_1fbxv_14:disabled{color:var(--color-beige-60)}._input-wrapper_1fbxv_42{position:relative}._input-wrapper_1fbxv_42:has(>._icon-placement-right_1fbxv_45) ._indicators_1fbxv_2{--indicators-right: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_1fbxv_49{--select-placeholder-color: var(--color-neutral-60);background-color:var(--select-background-color, var(--color-neutral-10));border-color:var(--select-border-color, var(--color-neutral-30));border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--select-text-color, var(--color-neutral-90));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:2px solid var(--select-outline-color, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);height:var(--select-height);padding-bottom:var(--select-padding-bottom);padding-left:var(--select-padding-left);padding-right:var(--select-padding-right);padding-top:var(--select-padding-top);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_1fbxv_49._icon-placement-left_1fbxv_80,._root_1fbxv_49._icon-placement-both_1fbxv_80{padding-left:calc(var(--select-padding-left) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_1fbxv_49._clearable_1fbxv_83,._root_1fbxv_49._icon-placement-right_1fbxv_45,._root_1fbxv_49._icon-placement-both_1fbxv_80{padding-right:calc(var(--select-padding-right) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_1fbxv_49._clearable_1fbxv_83._icon-placement-right_1fbxv_45,._root_1fbxv_49._clearable_1fbxv_83._icon-placement-both_1fbxv_80{padding-right:calc(var(--select-padding-right) + (var(--select-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_1fbxv_49:disabled{--select-background-color: var(--select-color-beige-40);--select-text-color: var(--select-color-beige-70);cursor:not-allowed}._root_1fbxv_49:hover:not([class*=variant]){--select-border-color: var(--color-brand-40)}._root_1fbxv_49:focus:not([class*=variant]){--select-outline-color: var(--color-brand-20);--select-border-color: var(--color-brand-40)}._root_1fbxv_49._transparent_1fbxv_101{--select-border-color: transparent;--select-background-color: transparent}._root_1fbxv_49._transparent_1fbxv_101:hover{--select-border-color: var(--color-neutral-20)}._root_1fbxv_49::placeholder{color:var(--select-placeholder-color)}._root_1fbxv_49 br{display:none}._root_1fbxv_49:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_1fbxv_49:empty:after{content:attr(placeholder);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;color:var(--select-placeholder-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_1fbxv_49:empty:before{height:auto}._variant-danger_1fbxv_136{--select-border-color: var(--color-red-70);--select-outline-color: var(--color-red-30)}._variant-success_1fbxv_140{--select-border-color: var(--color-green-60);--select-outline-color: var(--color-green-30)}._variant-warning_1fbxv_144{--select-border-color: var(--color-orange-60);--select-outline-color: var(--color-orange-20)}._size-lg_1fbxv_148{--select-height: var(--height-48);--select-padding-bottom: var(--spacing-16);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-16)}._size-md_1fbxv_155{--select-height: var(--height-40);--select-padding-bottom: var(--spacing-12);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-12)}._size-sm_1fbxv_162{--select-height: var(--height-32);--select-padding-bottom: var(--spacing-8);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-8)}._size-xs_1fbxv_11{--select-height: var(--height-24);--select-padding-bottom: var(--spacing-4);--select-padding-left: var(--spacing-8);--select-padding-right: var(--spacing-8);--select-padding-top: var(--spacing-4);--select-icon-size: .75rem}._icon-wrapper_1fbxv_177{position:absolute;top:0;left:var(--icon-placement-left, auto);right:var(--icon-placement-right, auto);bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);color:var(--color-neutral-90)}._icon-wrapper_1fbxv_177._icon-placement-left_1fbxv_80{--icon-placement-left: var(--spacing-md)}._icon-wrapper_1fbxv_177._icon-placement-left_1fbxv_80._size-xs_1fbxv_11{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_1fbxv_177._icon-placement-right_1fbxv_45{--icon-placement-right: var(--spacing-md)}._icon-wrapper_1fbxv_177._icon-placement-right_1fbxv_45._size-xs_1fbxv_11{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_1fbxv_177>button{pointer-events:auto}._wrapper_1fbxv_208{position:relative;width:100%}._wrapper_1fbxv_208._disabled_1fbxv_212 ._icon-wrapper_1fbxv_177{color:var(--color-beige-60)}._menu_1fbxv_215{max-height:9.6875rem;background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--color-neutral-90);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--spacing-md);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_1fbxv_215:hover>*{cursor:pointer}._item_1fbxv_243{color:var(--item-text-color, var(--color-beige-70));cursor:var(--item-cursor, default);padding:var(--spacing-md);list-style:none;text-decoration:none;font-size:var(--font-size-sm);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1fbxv_243._highlighted_1fbxv_257{background-color:var(--color-beige-20)}._item_1fbxv_243._selected_1fbxv_260:not(._multiple_1fbxv_260){--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_1fbxv_243._selected_1fbxv_260._multiple_1fbxv_260:not(._allowUnselectFromList_1fbxv_264){--item-text-color: var(--color-beige-40);--item-cursor: not-allowed}._item_1fbxv_243._disabled_1fbxv_212{--item-text-color: var(--color-beige-60);--item-cursor: not-allowed}._tags_1fbxv_272{margin-top:var(--spacing-lg)}._tags_1fbxv_272 ._styled-tag_1fbxv_275:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_1fbxv_272:empty{display:none}}
|