@techsio/ui-kit 0.16.0 → 0.17.0
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/atoms/action-icon.js +52 -0
- package/dist/atoms/numeric-input.js +5 -4
- package/dist/molecules/accordion.js +6 -3
- package/dist/molecules/combobox.js +17 -22
- package/dist/molecules/dialog.js +9 -12
- package/dist/molecules/phone-input.js +2 -1
- package/dist/molecules/popover.js +22 -10
- package/dist/molecules/search-form.js +6 -7
- package/dist/molecules/select.js +15 -18
- package/dist/molecules/toast.js +7 -7
- package/dist/molecules/tree-view.js +3 -3
- package/dist/src/atoms/action-icon.d.ts +45 -0
- package/dist/src/atoms/action-icon.d.ts.map +1 -0
- package/dist/src/atoms/numeric-input.d.ts.map +1 -1
- package/dist/src/molecules/accordion.d.ts +9 -0
- package/dist/src/molecules/accordion.d.ts.map +1 -1
- package/dist/src/molecules/combobox.d.ts +10 -5
- package/dist/src/molecules/combobox.d.ts.map +1 -1
- package/dist/src/molecules/dialog.d.ts.map +1 -1
- package/dist/src/molecules/phone-input.d.ts.map +1 -1
- package/dist/src/molecules/popover.d.ts.map +1 -1
- package/dist/src/molecules/search-form.d.ts +6 -3
- package/dist/src/molecules/search-form.d.ts.map +1 -1
- package/dist/src/molecules/select.d.ts +1 -2
- package/dist/src/molecules/select.d.ts.map +1 -1
- package/dist/src/molecules/toast.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/tokens/components/_icon-button.css +39 -0
- package/src/tokens/components/components.css +1 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { tv } from "../utils.js";
|
|
3
|
+
import { Icon } from "./icon.js";
|
|
4
|
+
const actionIconVariants = tv({
|
|
5
|
+
base: [
|
|
6
|
+
"inline-flex shrink-0 cursor-pointer items-center justify-center",
|
|
7
|
+
"rounded-icon-control text-icon-control-fg",
|
|
8
|
+
"transition-colors duration-200 motion-reduce:transition-none",
|
|
9
|
+
"focus-visible:outline-(style:--default-ring-style) focus-visible:outline-(length:--default-ring-width)",
|
|
10
|
+
"focus-visible:outline-offset-(length:--default-ring-offset) focus-visible:outline-icon-control-ring",
|
|
11
|
+
"disabled:cursor-not-allowed disabled:text-icon-control-fg-disabled"
|
|
12
|
+
],
|
|
13
|
+
variants: {
|
|
14
|
+
size: {
|
|
15
|
+
sm: "size-icon-control-sm text-icon-control-sm",
|
|
16
|
+
md: "size-icon-control-md text-icon-control-md",
|
|
17
|
+
lg: "size-icon-control-lg text-icon-control-lg"
|
|
18
|
+
},
|
|
19
|
+
tone: {
|
|
20
|
+
neutral: [
|
|
21
|
+
"hover:bg-icon-control-bg-hover",
|
|
22
|
+
"active:bg-icon-control-bg-active"
|
|
23
|
+
],
|
|
24
|
+
danger: [
|
|
25
|
+
"hover:bg-icon-control-bg-danger-hover hover:text-icon-control-fg-danger-hover",
|
|
26
|
+
"active:bg-icon-control-bg-danger-active"
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
size: "md",
|
|
32
|
+
tone: "neutral"
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
function ActionIcon({ icon, size, tone, type = "button", className, ref, ...props }) {
|
|
36
|
+
return /*#__PURE__*/ jsx("button", {
|
|
37
|
+
className: actionIconVariants({
|
|
38
|
+
size,
|
|
39
|
+
tone,
|
|
40
|
+
className
|
|
41
|
+
}),
|
|
42
|
+
ref: ref,
|
|
43
|
+
type: type,
|
|
44
|
+
...props,
|
|
45
|
+
children: /*#__PURE__*/ jsx(Icon, {
|
|
46
|
+
icon: icon,
|
|
47
|
+
size: "current"
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
ActionIcon.displayName = "ActionIcon";
|
|
52
|
+
export { ActionIcon };
|
|
@@ -41,16 +41,17 @@ const numericInputVariants = tv({
|
|
|
41
41
|
"duration-0 data-invalid:focus:border-input-border-danger-focus"
|
|
42
42
|
],
|
|
43
43
|
triggerContainer: [
|
|
44
|
-
"flex flex-col gap-px self-stretch
|
|
44
|
+
"flex flex-col gap-px self-stretch",
|
|
45
|
+
"border-numeric-input-border border-s"
|
|
45
46
|
],
|
|
46
47
|
trigger: [
|
|
47
48
|
"flex flex-1 place-items-center",
|
|
48
49
|
"px-numeric-input-trigger-x py-numeric-input-trigger-y",
|
|
49
|
-
"bg-
|
|
50
|
-
"text-
|
|
50
|
+
"bg-transparent hover:bg-icon-control-bg-hover active:bg-icon-control-bg-active",
|
|
51
|
+
"text-icon-control-fg",
|
|
51
52
|
"cursor-pointer",
|
|
52
53
|
"transition-colors duration-200 motion-reduce:transition-none",
|
|
53
|
-
"disabled:cursor-not-allowed"
|
|
54
|
+
"disabled:cursor-not-allowed disabled:text-icon-control-fg-disabled"
|
|
54
55
|
],
|
|
55
56
|
scrubber: "absolute inset-0 cursor-ew-resize"
|
|
56
57
|
},
|
|
@@ -58,17 +58,20 @@ const accordionVariants = tv({
|
|
|
58
58
|
sm: {
|
|
59
59
|
title: "p-accordion-title-sm text-accordion-title-sm",
|
|
60
60
|
content: "px-accordion-content-x-sm text-accordion-content-sm",
|
|
61
|
-
subtitle: "text-accordion-subtitle-sm"
|
|
61
|
+
subtitle: "text-accordion-subtitle-sm",
|
|
62
|
+
icon: "text-icon-control-sm"
|
|
62
63
|
},
|
|
63
64
|
md: {
|
|
64
65
|
title: "p-accordion-title-md text-accordion-title-md",
|
|
65
66
|
content: "p-accordion-content-md text-accordion-content-md",
|
|
66
|
-
subtitle: "text-accordion-subtitle-md"
|
|
67
|
+
subtitle: "text-accordion-subtitle-md",
|
|
68
|
+
icon: "text-icon-control-md"
|
|
67
69
|
},
|
|
68
70
|
lg: {
|
|
69
71
|
title: "p-accordion-title-lg text-accordion-title-lg",
|
|
70
72
|
content: "p-accordion-content-lg text-accordion-content-lg",
|
|
71
|
-
subtitle: "text-accordion-subtitle-lg"
|
|
73
|
+
subtitle: "text-accordion-subtitle-lg",
|
|
74
|
+
icon: "text-icon-control-lg"
|
|
72
75
|
}
|
|
73
76
|
}
|
|
74
77
|
},
|
|
@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { collection as combobox_collection, connect, machine } from "@zag-js/combobox";
|
|
3
3
|
import { Portal, normalizeProps, useMachine } from "@zag-js/react";
|
|
4
4
|
import { useEffect, useId, useState } from "react";
|
|
5
|
+
import { ActionIcon } from "../atoms/action-icon.js";
|
|
5
6
|
import { Button } from "../atoms/button.js";
|
|
6
7
|
import { Icon } from "../atoms/icon.js";
|
|
7
8
|
import { Input } from "../atoms/input.js";
|
|
@@ -34,16 +35,13 @@ const comboboxVariants = tv({
|
|
|
34
35
|
"data-[validation=warning]:border-combobox-border-warning"
|
|
35
36
|
],
|
|
36
37
|
input: [
|
|
37
|
-
"relative h-full w-
|
|
38
|
+
"relative h-full min-w-0 flex-1 border-none bg-combobox-input-bg-base",
|
|
38
39
|
"hover:bg-combobox-input-bg-hover focus-visible:outline-none",
|
|
39
40
|
"focus:bg-combobox-input-bg-focus",
|
|
40
41
|
"placeholder:text-combobox-fg-placeholder",
|
|
41
42
|
"data-disabled:text-combobox-fg-disabled",
|
|
42
43
|
"data-disabled:bg-combobox-bg-disabled"
|
|
43
44
|
],
|
|
44
|
-
clearTrigger: [
|
|
45
|
-
"absolute right-combobox-clear-right h-full p-combobox-trigger"
|
|
46
|
-
],
|
|
47
45
|
trigger: [
|
|
48
46
|
"group flex h-full shrink-0 items-center justify-center",
|
|
49
47
|
"font-normal",
|
|
@@ -92,14 +90,13 @@ const comboboxVariants = tv({
|
|
|
92
90
|
compoundSlots: [
|
|
93
91
|
{
|
|
94
92
|
slots: [
|
|
95
|
-
"clearTrigger",
|
|
96
93
|
"trigger"
|
|
97
94
|
],
|
|
98
95
|
class: [
|
|
99
96
|
"focus-visible:outline-(style:--default-ring-style) focus-visible:outline-(length:--default-ring-width)",
|
|
100
97
|
"focus-visible:outline-combobox-ring",
|
|
101
98
|
"focus-visible:outline-offset-(length:--default-ring-offset)",
|
|
102
|
-
"text-combobox-trigger
|
|
99
|
+
"text-combobox-trigger text-combobox-trigger-fg-base",
|
|
103
100
|
"hover:text-combobox-trigger-fg-hover",
|
|
104
101
|
"motion-safe:transition-colors motion-safe:duration-200 motion-reduce:transition-none",
|
|
105
102
|
"hover:bg-combobox-trigger-bg-hover",
|
|
@@ -115,7 +112,8 @@ const comboboxVariants = tv({
|
|
|
115
112
|
item: "p-combobox-item-sm text-combobox-item-sm",
|
|
116
113
|
emptyState: "p-combobox-item-sm text-combobox-item-sm",
|
|
117
114
|
input: "p-combobox-input-sm",
|
|
118
|
-
content: "text-combobox-sm"
|
|
115
|
+
content: "text-combobox-sm",
|
|
116
|
+
triggerIndicator: "text-icon-control-sm"
|
|
119
117
|
},
|
|
120
118
|
md: {
|
|
121
119
|
root: "gap-combobox-md",
|
|
@@ -123,7 +121,8 @@ const comboboxVariants = tv({
|
|
|
123
121
|
item: "p-combobox-item-md text-combobox-item-md",
|
|
124
122
|
emptyState: "p-combobox-item-md text-combobox-item-md",
|
|
125
123
|
input: "p-combobox-input-md",
|
|
126
|
-
content: "text-combobox-md"
|
|
124
|
+
content: "text-combobox-md",
|
|
125
|
+
triggerIndicator: "text-icon-control-md"
|
|
127
126
|
},
|
|
128
127
|
lg: {
|
|
129
128
|
root: "gap-combobox-lg",
|
|
@@ -131,7 +130,8 @@ const comboboxVariants = tv({
|
|
|
131
130
|
item: "p-combobox-item-lg text-combobox-item-lg",
|
|
132
131
|
emptyState: "p-combobox-item-lg text-combobox-item-lg",
|
|
133
132
|
input: "p-combobox-input-lg",
|
|
134
|
-
content: "text-combobox-lg"
|
|
133
|
+
content: "text-combobox-lg",
|
|
134
|
+
triggerIndicator: "text-icon-control-lg"
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
},
|
|
@@ -139,8 +139,7 @@ const comboboxVariants = tv({
|
|
|
139
139
|
size: "md"
|
|
140
140
|
}
|
|
141
141
|
});
|
|
142
|
-
function Combobox({ id, name, label, size, placeholder = "Select option", disabled = false, readOnly = false, required = false, items = [], value, defaultValue, inputValue, multiple = false, validateStatus, helpText, showHelpTextIcon = true, noResultsMessage = 'No results found for "{inputValue}"', clearable = true, selectionBehavior = "replace", closeOnSelect = true, allowCustomValue = false, loopFocus = true, autoFocus = false, triggerIcon = "token-icon-combobox-chevron", triggerIconSize, clearIcon = "token-icon-combobox-clear",
|
|
143
|
-
const resolvedChevronIconSize = "sm" === size ? "sm" : "md";
|
|
142
|
+
function Combobox({ id, name, label, size, placeholder = "Select option", disabled = false, readOnly = false, required = false, items = [], value, defaultValue, inputValue, multiple = false, validateStatus, helpText, showHelpTextIcon = true, noResultsMessage = 'No results found for "{inputValue}"', clearable = true, selectionBehavior = "replace", closeOnSelect = true, allowCustomValue = false, loopFocus = true, autoFocus = false, triggerIcon = "token-icon-combobox-chevron", triggerIconSize, clearIcon = "token-icon-combobox-clear", inputBehavior = "autocomplete", onChange, onInputValueChange, onOpenChange }) {
|
|
144
143
|
const generatedId = useId();
|
|
145
144
|
const uniqueId = id || generatedId;
|
|
146
145
|
const [options, setOptions] = useState(items);
|
|
@@ -192,7 +191,7 @@ function Combobox({ id, name, label, size, placeholder = "Select option", disabl
|
|
|
192
191
|
const api = connect(service, normalizeProps);
|
|
193
192
|
const inputProps = api.getInputProps();
|
|
194
193
|
const { ...restInputProps } = inputProps;
|
|
195
|
-
const { root, label: labelStyles, control, input, trigger, positioner, content, list,
|
|
194
|
+
const { root, label: labelStyles, control, input, trigger, positioner, content, list, item: itemSlot, emptyState, triggerIndicator } = comboboxVariants({
|
|
196
195
|
size
|
|
197
196
|
});
|
|
198
197
|
const hasOptions = api.collection.size > 0;
|
|
@@ -220,15 +219,11 @@ function Combobox({ id, name, label, size, placeholder = "Select option", disabl
|
|
|
220
219
|
required: required,
|
|
221
220
|
size: size
|
|
222
221
|
}),
|
|
223
|
-
clearable && api.value.length > 0 && /*#__PURE__*/ jsx(
|
|
224
|
-
|
|
225
|
-
size: "
|
|
226
|
-
|
|
227
|
-
...api.getClearTriggerProps()
|
|
228
|
-
children: /*#__PURE__*/ jsx(Icon, {
|
|
229
|
-
icon: clearIcon,
|
|
230
|
-
size: clearIconSize ?? "current"
|
|
231
|
-
})
|
|
222
|
+
clearable && api.value.length > 0 && /*#__PURE__*/ jsx(ActionIcon, {
|
|
223
|
+
icon: clearIcon,
|
|
224
|
+
size: size ?? "md",
|
|
225
|
+
tone: "neutral",
|
|
226
|
+
...api.getClearTriggerProps()
|
|
232
227
|
}),
|
|
233
228
|
/*#__PURE__*/ jsx(Button, {
|
|
234
229
|
...api.getTriggerProps(),
|
|
@@ -238,7 +233,7 @@ function Combobox({ id, name, label, size, placeholder = "Select option", disabl
|
|
|
238
233
|
children: /*#__PURE__*/ jsx(Icon, {
|
|
239
234
|
className: triggerIndicator(),
|
|
240
235
|
icon: triggerIcon,
|
|
241
|
-
size: triggerIconSize ??
|
|
236
|
+
size: triggerIconSize ?? "current"
|
|
242
237
|
})
|
|
243
238
|
})
|
|
244
239
|
]
|
package/dist/molecules/dialog.js
CHANGED
|
@@ -3,6 +3,7 @@ import { connect, machine } from "@zag-js/dialog";
|
|
|
3
3
|
import { Portal, normalizeProps, useMachine } from "@zag-js/react";
|
|
4
4
|
import { useId } from "react";
|
|
5
5
|
import { tv } from "tailwind-variants";
|
|
6
|
+
import { ActionIcon } from "../atoms/action-icon.js";
|
|
6
7
|
import { Button } from "../atoms/button.js";
|
|
7
8
|
const dialogVariants = tv({
|
|
8
9
|
slots: {
|
|
@@ -23,20 +24,14 @@ const dialogVariants = tv({
|
|
|
23
24
|
"focus-visible:outline-offset-(length:--default-ring-offset)"
|
|
24
25
|
],
|
|
25
26
|
title: [
|
|
26
|
-
"font-dialog-title text-dialog-title
|
|
27
|
+
"font-dialog-title text-dialog-title text-dialog-title-fg"
|
|
27
28
|
],
|
|
28
29
|
description: [
|
|
29
|
-
"text-dialog-description
|
|
30
|
+
"text-dialog-description text-dialog-description-fg"
|
|
30
31
|
],
|
|
31
32
|
trigger: [],
|
|
32
33
|
closeTrigger: [
|
|
33
|
-
"absolute top-dialog-close-trigger-offset right-dialog-close-trigger-offset"
|
|
34
|
-
"flex items-center justify-center",
|
|
35
|
-
"rounded-dialog-close-trigger p-dialog-close-trigger",
|
|
36
|
-
"text-dialog-close-trigger-fg",
|
|
37
|
-
"focus-visible:outline-(style:--default-ring-style) focus-visible:outline-(length:--default-ring-width)",
|
|
38
|
-
"focus-visible:outline-dialog-ring",
|
|
39
|
-
"focus-visible:outline-offset-(length:--default-ring-offset)"
|
|
34
|
+
"absolute top-dialog-close-trigger-offset right-dialog-close-trigger-offset"
|
|
40
35
|
],
|
|
41
36
|
actions: "mt-auto flex shrink-0 justify-end gap-dialog-actions pt-dialog-actions-top"
|
|
42
37
|
},
|
|
@@ -269,11 +264,13 @@ function Dialog({ id, open, onOpenChange, initialFocusEl, finalFocusEl, role = "
|
|
|
269
264
|
}),
|
|
270
265
|
...api.getContentProps(),
|
|
271
266
|
children: [
|
|
272
|
-
!hideCloseButton && /*#__PURE__*/ jsx(
|
|
267
|
+
!hideCloseButton && /*#__PURE__*/ jsx(ActionIcon, {
|
|
273
268
|
className: closeTrigger(),
|
|
274
|
-
|
|
269
|
+
icon: "token-icon-dialog-close",
|
|
270
|
+
size: "md",
|
|
271
|
+
tone: "neutral",
|
|
275
272
|
...api.getCloseTriggerProps(),
|
|
276
|
-
|
|
273
|
+
"aria-label": "Close dialog"
|
|
277
274
|
}),
|
|
278
275
|
title && /*#__PURE__*/ jsx("h2", {
|
|
279
276
|
className: titleSlot(),
|
|
@@ -86,7 +86,8 @@ const phoneInputVariants = tv({
|
|
|
86
86
|
"border-(length:--border-phone-input-trigger)",
|
|
87
87
|
"focus-visible:outline-none",
|
|
88
88
|
"w-phone-input-trigger",
|
|
89
|
-
"focus-visible:bg-phone-input-trigger-bg-hover"
|
|
89
|
+
"focus-visible:bg-phone-input-trigger-bg-hover",
|
|
90
|
+
"rounded-e-none"
|
|
90
91
|
],
|
|
91
92
|
countryValue: [
|
|
92
93
|
"flex items-center gap-phone-input-country-value"
|
|
@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { connect, machine } from "@zag-js/popover";
|
|
3
3
|
import { Portal, mergeProps, normalizeProps, useMachine } from "@zag-js/react";
|
|
4
4
|
import { createContext, useContext, useId } from "react";
|
|
5
|
+
import { ActionIcon } from "../atoms/action-icon.js";
|
|
5
6
|
import { Button } from "../atoms/button.js";
|
|
6
7
|
import { tv } from "../utils.js";
|
|
7
8
|
const popoverVariants = tv({
|
|
@@ -31,12 +32,11 @@ const popoverVariants = tv({
|
|
|
31
32
|
"mb-popover-title"
|
|
32
33
|
],
|
|
33
34
|
description: [
|
|
34
|
-
"text-popover-description
|
|
35
|
+
"text-popover-description text-popover-description-fg",
|
|
35
36
|
"leading-normal"
|
|
36
37
|
],
|
|
37
38
|
closeTrigger: [
|
|
38
|
-
"absolute top-2 right-2"
|
|
39
|
-
"text-popover-close-trigger-fg"
|
|
39
|
+
"absolute top-2 right-2"
|
|
40
40
|
]
|
|
41
41
|
},
|
|
42
42
|
variants: {
|
|
@@ -248,18 +248,30 @@ Popover.CloseTrigger = function({ children, className, icon, onClick, ref, size
|
|
|
248
248
|
const { api, styles } = usePopoverContext();
|
|
249
249
|
const { onClick: onMachineClick, ...machineCloseTriggerProps } = api.getCloseTriggerProps();
|
|
250
250
|
const buttonProps = mergeProps(props, machineCloseTriggerProps);
|
|
251
|
-
const
|
|
251
|
+
const handleClick = (event)=>{
|
|
252
|
+
onClick?.(event);
|
|
253
|
+
if (!event.defaultPrevented) onMachineClick?.(event);
|
|
254
|
+
};
|
|
255
|
+
if (!children) return /*#__PURE__*/ jsx(ActionIcon, {
|
|
256
|
+
...buttonProps,
|
|
257
|
+
"aria-label": "Close popover",
|
|
258
|
+
className: styles.closeTrigger({
|
|
259
|
+
className
|
|
260
|
+
}),
|
|
261
|
+
icon: icon ?? "token-icon-close",
|
|
262
|
+
onClick: handleClick,
|
|
263
|
+
ref: ref,
|
|
264
|
+
size: "md",
|
|
265
|
+
tone: "neutral",
|
|
266
|
+
type: type
|
|
267
|
+
});
|
|
252
268
|
return /*#__PURE__*/ jsx(Button, {
|
|
253
269
|
...buttonProps,
|
|
254
|
-
"aria-label": children ? void 0 : "Close popover",
|
|
255
270
|
className: styles.closeTrigger({
|
|
256
271
|
className
|
|
257
272
|
}),
|
|
258
|
-
icon:
|
|
259
|
-
onClick:
|
|
260
|
-
onClick?.(event);
|
|
261
|
-
if (!event.defaultPrevented) onMachineClick?.(event);
|
|
262
|
-
},
|
|
273
|
+
icon: icon,
|
|
274
|
+
onClick: handleClick,
|
|
263
275
|
ref: ref,
|
|
264
276
|
size: size,
|
|
265
277
|
theme: theme,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useContext, useEffect, useId, useState } from "react";
|
|
3
3
|
import { createPortal } from "react-dom";
|
|
4
|
+
import { ActionIcon } from "../atoms/action-icon.js";
|
|
4
5
|
import { Button } from "../atoms/button.js";
|
|
5
6
|
import { Input } from "../atoms/input.js";
|
|
6
7
|
import { Label } from "../atoms/label.js";
|
|
@@ -25,8 +26,7 @@ const searchFormVariants = tv({
|
|
|
25
26
|
"focus-visible:z-10"
|
|
26
27
|
],
|
|
27
28
|
clearButton: [
|
|
28
|
-
"absolute
|
|
29
|
-
"inline-flex items-center justify-center"
|
|
29
|
+
"-translate-y-1/2 absolute top-1/2"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
32
|
variants: {
|
|
@@ -188,7 +188,7 @@ SearchForm.Button = function({ className, children, showSearchIcon = false, icon
|
|
|
188
188
|
children: children
|
|
189
189
|
});
|
|
190
190
|
};
|
|
191
|
-
SearchForm.ClearButton = function({ className, icon = "token-icon-close",
|
|
191
|
+
SearchForm.ClearButton = function({ className, icon = "token-icon-close", tone = "neutral", ...props }) {
|
|
192
192
|
const { size, gapped, clearInput, hasValue, inputValue, clearSlot, setHasClearButton } = useSearchFormContext();
|
|
193
193
|
const styles = searchFormVariants({
|
|
194
194
|
size,
|
|
@@ -201,16 +201,15 @@ SearchForm.ClearButton = function({ className, icon = "token-icon-close", theme
|
|
|
201
201
|
setHasClearButton
|
|
202
202
|
]);
|
|
203
203
|
if (!(hasValue && clearSlot)) return null;
|
|
204
|
-
return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(
|
|
204
|
+
return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(ActionIcon, {
|
|
205
205
|
"aria-label": `Clear search: ${inputValue}`,
|
|
206
206
|
className: styles.clearButton({
|
|
207
207
|
className
|
|
208
208
|
}),
|
|
209
209
|
icon: icon,
|
|
210
210
|
onClick: clearInput,
|
|
211
|
-
size:
|
|
212
|
-
|
|
213
|
-
type: "button",
|
|
211
|
+
size: size,
|
|
212
|
+
tone: tone,
|
|
214
213
|
...props
|
|
215
214
|
}), clearSlot);
|
|
216
215
|
};
|
package/dist/molecules/select.js
CHANGED
|
@@ -3,10 +3,17 @@ import { Portal, normalizeProps, useMachine } from "@zag-js/react";
|
|
|
3
3
|
import { collection as select_collection, connect, machine } from "@zag-js/select";
|
|
4
4
|
import { createContext, useContext, useId } from "react";
|
|
5
5
|
import { tv } from "tailwind-variants";
|
|
6
|
+
import { ActionIcon } from "../atoms/action-icon.js";
|
|
6
7
|
import { Button } from "../atoms/button.js";
|
|
7
8
|
import { Icon } from "../atoms/icon.js";
|
|
8
9
|
import { Label } from "../atoms/label.js";
|
|
9
10
|
import { StatusText } from "../atoms/status-text.js";
|
|
11
|
+
const toControlSize = (size)=>"xs" === size ? "sm" : size;
|
|
12
|
+
const controlGlyphClass = {
|
|
13
|
+
sm: "text-icon-control-sm",
|
|
14
|
+
md: "text-icon-control-md",
|
|
15
|
+
lg: "text-icon-control-lg"
|
|
16
|
+
};
|
|
10
17
|
const selectVariants = tv({
|
|
11
18
|
slots: {
|
|
12
19
|
root: [
|
|
@@ -54,15 +61,7 @@ const selectVariants = tv({
|
|
|
54
61
|
"transition-colors duration-200 motion-reduce:transition-none"
|
|
55
62
|
],
|
|
56
63
|
clearTrigger: [
|
|
57
|
-
"absolute right-select-right
|
|
58
|
-
"p-select-clear-trigger",
|
|
59
|
-
"hover:bg-select-clear-trigger-bg",
|
|
60
|
-
"text-select-clear-trigger-fg hover:text-select-danger",
|
|
61
|
-
"focus:text-select-danger",
|
|
62
|
-
"focus-visible:outline-(style:--default-ring-style) focus-visible:outline-(length:--default-ring-width)",
|
|
63
|
-
"focus-visible:outline-ring",
|
|
64
|
-
"focus-visible:outline-offset-(length:--default-ring-offset)",
|
|
65
|
-
"transition-colors duration-200 motion-reduce:transition-none"
|
|
64
|
+
"-translate-y-1/2 absolute top-1/2 right-select-right"
|
|
66
65
|
],
|
|
67
66
|
content: [
|
|
68
67
|
"border border-select-content-border bg-select-content-bg",
|
|
@@ -238,7 +237,6 @@ Select.Trigger = function({ children, className, size: sizeProp, iconSize, ref,
|
|
|
238
237
|
const styles = selectVariants({
|
|
239
238
|
size: effectiveSize
|
|
240
239
|
});
|
|
241
|
-
const chevronIconSize = "sm" === effectiveSize ? "sm" : "md";
|
|
242
240
|
const validationDataAttrs = "default" !== validateStatus ? {
|
|
243
241
|
"data-validation": validateStatus
|
|
244
242
|
} : {};
|
|
@@ -255,9 +253,9 @@ Select.Trigger = function({ children, className, size: sizeProp, iconSize, ref,
|
|
|
255
253
|
children: [
|
|
256
254
|
children,
|
|
257
255
|
/*#__PURE__*/ jsx(Icon, {
|
|
258
|
-
className:
|
|
256
|
+
className: `${controlGlyphClass[toControlSize(effectiveSize)]} text-select-trigger-fg-base group-hover:text-select-trigger-fg-hover motion-safe:transition-[transform,color] motion-safe:duration-200 motion-reduce:transition-none ${api.open ? "rotate-180" : "rotate-0"}`,
|
|
259
257
|
icon: "token-icon-select-indicator",
|
|
260
|
-
size: iconSize ??
|
|
258
|
+
size: iconSize ?? "current"
|
|
261
259
|
})
|
|
262
260
|
]
|
|
263
261
|
});
|
|
@@ -285,22 +283,21 @@ Select.ValueText = function({ placeholder = "Select an option", className, size:
|
|
|
285
283
|
children: renderContent()
|
|
286
284
|
});
|
|
287
285
|
};
|
|
288
|
-
Select.ClearTrigger = function({ className,
|
|
286
|
+
Select.ClearTrigger = function({ className, ref, ...props }) {
|
|
289
287
|
const { api, size } = useSelectContext();
|
|
290
288
|
const styles = selectVariants({
|
|
291
289
|
size
|
|
292
290
|
});
|
|
293
|
-
return /*#__PURE__*/ jsx(
|
|
291
|
+
return /*#__PURE__*/ jsx(ActionIcon, {
|
|
294
292
|
className: styles.clearTrigger({
|
|
295
293
|
className
|
|
296
294
|
}),
|
|
295
|
+
icon: "token-icon-select-clear",
|
|
297
296
|
ref: ref,
|
|
298
|
-
size:
|
|
299
|
-
|
|
297
|
+
size: toControlSize(size),
|
|
298
|
+
tone: "neutral",
|
|
300
299
|
...api.getClearTriggerProps(),
|
|
301
300
|
"aria-label": "Clear selection",
|
|
302
|
-
icon: "token-icon-select-clear",
|
|
303
|
-
iconSize: iconSize,
|
|
304
301
|
...props
|
|
305
302
|
});
|
|
306
303
|
};
|
package/dist/molecules/toast.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Portal, normalizeProps, useMachine } from "@zag-js/react";
|
|
3
3
|
import { connect, createStore, group as toast_group, machine } from "@zag-js/toast";
|
|
4
4
|
import { useId } from "react";
|
|
5
|
-
import {
|
|
5
|
+
import { ActionIcon } from "../atoms/action-icon.js";
|
|
6
6
|
import { tv } from "../utils.js";
|
|
7
7
|
const toastVariants = tv({
|
|
8
8
|
slots: {
|
|
@@ -40,9 +40,7 @@ const toastVariants = tv({
|
|
|
40
40
|
"mt-toast-description text-toast-description text-toast-fg"
|
|
41
41
|
],
|
|
42
42
|
closeButton: [
|
|
43
|
-
"ms-auto
|
|
44
|
-
"cursor-pointer",
|
|
45
|
-
"text-toast-close-fg hover:text-toast-close-fg-hover"
|
|
43
|
+
"ms-auto"
|
|
46
44
|
]
|
|
47
45
|
}
|
|
48
46
|
});
|
|
@@ -76,11 +74,13 @@ function Toast({ actor, index, parent, placement }) {
|
|
|
76
74
|
"data-type": api.type,
|
|
77
75
|
children: "loading" === api.type ? "loading..." : api.title
|
|
78
76
|
}),
|
|
79
|
-
/*#__PURE__*/ jsx(
|
|
77
|
+
/*#__PURE__*/ jsx(ActionIcon, {
|
|
80
78
|
className: closeButton(),
|
|
81
|
-
|
|
79
|
+
icon: "token-icon-toast-close",
|
|
80
|
+
size: "sm",
|
|
81
|
+
tone: "neutral",
|
|
82
82
|
...api.getCloseTriggerProps(),
|
|
83
|
-
|
|
83
|
+
"aria-label": "Close notification"
|
|
84
84
|
})
|
|
85
85
|
]
|
|
86
86
|
}),
|
|
@@ -99,21 +99,21 @@ const treeViewVariants = tv({
|
|
|
99
99
|
nodeIcon: "text-tree-view-icon-sm",
|
|
100
100
|
branchText: "text-tree-view-sm",
|
|
101
101
|
itemText: "text-tree-view-sm",
|
|
102
|
-
branchIndicator: "text-
|
|
102
|
+
branchIndicator: "text-icon-control-sm",
|
|
103
103
|
label: "text-tree-view-sm"
|
|
104
104
|
},
|
|
105
105
|
md: {
|
|
106
106
|
nodeIcon: "text-tree-view-icon-md",
|
|
107
107
|
branchText: "text-tree-view-md",
|
|
108
108
|
itemText: "text-tree-view-md",
|
|
109
|
-
branchIndicator: "text-
|
|
109
|
+
branchIndicator: "text-icon-control-md",
|
|
110
110
|
label: "text-tree-view-md"
|
|
111
111
|
},
|
|
112
112
|
lg: {
|
|
113
113
|
nodeIcon: "text-tree-view-icon-lg",
|
|
114
114
|
branchText: "text-tree-view-lg",
|
|
115
115
|
itemText: "text-tree-view-lg",
|
|
116
|
-
branchIndicator: "text-
|
|
116
|
+
branchIndicator: "text-icon-control-lg",
|
|
117
117
|
label: "text-tree-view-lg"
|
|
118
118
|
}
|
|
119
119
|
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, Ref } from "react";
|
|
2
|
+
import type { VariantProps } from "tailwind-variants";
|
|
3
|
+
import { type IconType } from "./icon";
|
|
4
|
+
declare const actionIconVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
sm: string;
|
|
7
|
+
md: string;
|
|
8
|
+
lg: string;
|
|
9
|
+
};
|
|
10
|
+
tone: {
|
|
11
|
+
neutral: string[];
|
|
12
|
+
danger: string[];
|
|
13
|
+
};
|
|
14
|
+
}, undefined, string[], {
|
|
15
|
+
size: {
|
|
16
|
+
sm: string;
|
|
17
|
+
md: string;
|
|
18
|
+
lg: string;
|
|
19
|
+
};
|
|
20
|
+
tone: {
|
|
21
|
+
neutral: string[];
|
|
22
|
+
danger: string[];
|
|
23
|
+
};
|
|
24
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
25
|
+
size: {
|
|
26
|
+
sm: string;
|
|
27
|
+
md: string;
|
|
28
|
+
lg: string;
|
|
29
|
+
};
|
|
30
|
+
tone: {
|
|
31
|
+
neutral: string[];
|
|
32
|
+
danger: string[];
|
|
33
|
+
};
|
|
34
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
35
|
+
type ActionIconVariants = VariantProps<typeof actionIconVariants>;
|
|
36
|
+
export type ActionIconProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & ActionIconVariants & {
|
|
37
|
+
icon: IconType;
|
|
38
|
+
ref?: Ref<HTMLButtonElement>;
|
|
39
|
+
};
|
|
40
|
+
export declare function ActionIcon({ icon, size, tone, type, className, ref, ...props }: ActionIconProps): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
export declare namespace ActionIcon {
|
|
42
|
+
var displayName: string;
|
|
43
|
+
}
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=action-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-icon.d.ts","sourceRoot":"","sources":["../../../src/atoms/action-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAY5C,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA8BtB,CAAA;AAEF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEjE,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX,GACC,kBAAkB,GAAG;IACnB,IAAI,EAAE,QAAQ,CAAA;IACd,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAe,EACf,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,2CAWjB;yBAnBe,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAyGtC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,CAAC,KAAK,EACjB,OAAO,GAAG,cAAc,GAAG,IAAI,CAChC,GACC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAEH,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAW,EACX,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAQ,EACR,SAAS,EACT,eAAsB,EACtB,aAAa,EACb,gBAAuB,EACvB,WAAkB,EAClB,aAAa,EACb,OAAO,EACP,QAAQ,EACR,GAAG,EACH,SAAS,EACT,MAAgB,EAChB,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAgEnB;yBA7Fe,YAAY;0DAyGzB,wBAAwB;8CA0BxB,sBAAsB;2JAyDtB,iCAAiC;2JAmEjC,iCAAiC;iDAoCjC,yBAAyB;mEAwBzB,iCAAiC;;;AA3NpC,UAAU,wBAAyB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACxE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,sBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IACvD,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B;AAwBD,UAAU,iCACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IAE5D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAA;IACrE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,CAAA;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAA;IAG/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AA+CD,UAAU,iCACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IAE5D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAA;IACrE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,CAAA;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAA;IAG/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AA+CD,UAAU,yBAA0B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACzE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAoBD,UAAU,iCACR,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}
|
|
@@ -26,16 +26,19 @@ declare const accordionVariants: import("tailwind-variants").TVReturnType<{
|
|
|
26
26
|
title: string;
|
|
27
27
|
content: string;
|
|
28
28
|
subtitle: string;
|
|
29
|
+
icon: string;
|
|
29
30
|
};
|
|
30
31
|
md: {
|
|
31
32
|
title: string;
|
|
32
33
|
content: string;
|
|
33
34
|
subtitle: string;
|
|
35
|
+
icon: string;
|
|
34
36
|
};
|
|
35
37
|
lg: {
|
|
36
38
|
title: string;
|
|
37
39
|
content: string;
|
|
38
40
|
subtitle: string;
|
|
41
|
+
icon: string;
|
|
39
42
|
};
|
|
40
43
|
};
|
|
41
44
|
}, {
|
|
@@ -71,16 +74,19 @@ declare const accordionVariants: import("tailwind-variants").TVReturnType<{
|
|
|
71
74
|
title: string;
|
|
72
75
|
content: string;
|
|
73
76
|
subtitle: string;
|
|
77
|
+
icon: string;
|
|
74
78
|
};
|
|
75
79
|
md: {
|
|
76
80
|
title: string;
|
|
77
81
|
content: string;
|
|
78
82
|
subtitle: string;
|
|
83
|
+
icon: string;
|
|
79
84
|
};
|
|
80
85
|
lg: {
|
|
81
86
|
title: string;
|
|
82
87
|
content: string;
|
|
83
88
|
subtitle: string;
|
|
89
|
+
icon: string;
|
|
84
90
|
};
|
|
85
91
|
};
|
|
86
92
|
}, {
|
|
@@ -116,16 +122,19 @@ declare const accordionVariants: import("tailwind-variants").TVReturnType<{
|
|
|
116
122
|
title: string;
|
|
117
123
|
content: string;
|
|
118
124
|
subtitle: string;
|
|
125
|
+
icon: string;
|
|
119
126
|
};
|
|
120
127
|
md: {
|
|
121
128
|
title: string;
|
|
122
129
|
content: string;
|
|
123
130
|
subtitle: string;
|
|
131
|
+
icon: string;
|
|
124
132
|
};
|
|
125
133
|
lg: {
|
|
126
134
|
title: string;
|
|
127
135
|
content: string;
|
|
128
136
|
subtitle: string;
|
|
137
|
+
icon: string;
|
|
129
138
|
};
|
|
130
139
|
};
|
|
131
140
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/molecules/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGnE,QAAA,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/molecules/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGnE,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA8ErB,CAAA;AA2CF,MAAM,WAAW,cACf,SAAQ,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAC5C,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAAkB,EAClB,QAAgB,EAChB,GAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,QAAQ,EACR,GAAG,EACH,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,2CAiChB;yBAjDe,SAAS;wEAiEtB,kBAAkB;yDA2BlB,oBAAoB;0DA8BpB,qBAAqB;kEA8BrB,uBAAuB;wDA4BvB,mBAAmB;2DAoBnB,sBAAsB;;AApJzB,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AA2BD,UAAU,oBAAqB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AA4BD,UAAU,qBAAsB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAyBD,KAAK,uBAAuB,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AA2BD,UAAU,mBAAoB,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IACpE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B;AAkBD,UAAU,sBAAuB,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B"}
|
|
@@ -9,6 +9,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
9
9
|
emptyState: string;
|
|
10
10
|
input: string;
|
|
11
11
|
content: string;
|
|
12
|
+
triggerIndicator: string;
|
|
12
13
|
};
|
|
13
14
|
md: {
|
|
14
15
|
root: string;
|
|
@@ -17,6 +18,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
17
18
|
emptyState: string;
|
|
18
19
|
input: string;
|
|
19
20
|
content: string;
|
|
21
|
+
triggerIndicator: string;
|
|
20
22
|
};
|
|
21
23
|
lg: {
|
|
22
24
|
root: string;
|
|
@@ -25,6 +27,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
25
27
|
emptyState: string;
|
|
26
28
|
input: string;
|
|
27
29
|
content: string;
|
|
30
|
+
triggerIndicator: string;
|
|
28
31
|
};
|
|
29
32
|
};
|
|
30
33
|
}, {
|
|
@@ -32,7 +35,6 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
32
35
|
label: string[];
|
|
33
36
|
control: string[];
|
|
34
37
|
input: string[];
|
|
35
|
-
clearTrigger: string[];
|
|
36
38
|
trigger: string[];
|
|
37
39
|
positioner: string[];
|
|
38
40
|
content: string[];
|
|
@@ -51,6 +53,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
51
53
|
emptyState: string;
|
|
52
54
|
input: string;
|
|
53
55
|
content: string;
|
|
56
|
+
triggerIndicator: string;
|
|
54
57
|
};
|
|
55
58
|
md: {
|
|
56
59
|
root: string;
|
|
@@ -59,6 +62,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
59
62
|
emptyState: string;
|
|
60
63
|
input: string;
|
|
61
64
|
content: string;
|
|
65
|
+
triggerIndicator: string;
|
|
62
66
|
};
|
|
63
67
|
lg: {
|
|
64
68
|
root: string;
|
|
@@ -67,6 +71,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
67
71
|
emptyState: string;
|
|
68
72
|
input: string;
|
|
69
73
|
content: string;
|
|
74
|
+
triggerIndicator: string;
|
|
70
75
|
};
|
|
71
76
|
};
|
|
72
77
|
}, {
|
|
@@ -74,7 +79,6 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
74
79
|
label: string[];
|
|
75
80
|
control: string[];
|
|
76
81
|
input: string[];
|
|
77
|
-
clearTrigger: string[];
|
|
78
82
|
trigger: string[];
|
|
79
83
|
positioner: string[];
|
|
80
84
|
content: string[];
|
|
@@ -93,6 +97,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
93
97
|
emptyState: string;
|
|
94
98
|
input: string;
|
|
95
99
|
content: string;
|
|
100
|
+
triggerIndicator: string;
|
|
96
101
|
};
|
|
97
102
|
md: {
|
|
98
103
|
root: string;
|
|
@@ -101,6 +106,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
101
106
|
emptyState: string;
|
|
102
107
|
input: string;
|
|
103
108
|
content: string;
|
|
109
|
+
triggerIndicator: string;
|
|
104
110
|
};
|
|
105
111
|
lg: {
|
|
106
112
|
root: string;
|
|
@@ -109,6 +115,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
109
115
|
emptyState: string;
|
|
110
116
|
input: string;
|
|
111
117
|
content: string;
|
|
118
|
+
triggerIndicator: string;
|
|
112
119
|
};
|
|
113
120
|
};
|
|
114
121
|
}, {
|
|
@@ -116,7 +123,6 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
116
123
|
label: string[];
|
|
117
124
|
control: string[];
|
|
118
125
|
input: string[];
|
|
119
|
-
clearTrigger: string[];
|
|
120
126
|
trigger: string[];
|
|
121
127
|
positioner: string[];
|
|
122
128
|
content: string[];
|
|
@@ -160,12 +166,11 @@ export interface ComboboxProps<T = unknown> extends VariantProps<typeof combobox
|
|
|
160
166
|
triggerIcon?: IconType;
|
|
161
167
|
triggerIconSize?: IconProps["size"];
|
|
162
168
|
clearIcon?: IconType;
|
|
163
|
-
clearIconSize?: IconProps["size"];
|
|
164
169
|
onChange?: (value: string | string[]) => void;
|
|
165
170
|
onInputValueChange?: (value: string) => void;
|
|
166
171
|
onOpenChange?: (open: boolean) => void;
|
|
167
172
|
inputBehavior?: "autohighlight" | "autocomplete" | "none";
|
|
168
173
|
}
|
|
169
|
-
export declare function Combobox<T = unknown>({ id, name, label, size, placeholder, disabled, readOnly, required, items, value, defaultValue, inputValue, multiple, validateStatus, helpText, showHelpTextIcon, noResultsMessage, clearable, selectionBehavior, closeOnSelect, allowCustomValue, loopFocus, autoFocus, triggerIcon, triggerIconSize, clearIcon,
|
|
174
|
+
export declare function Combobox<T = unknown>({ id, name, label, size, placeholder, disabled, readOnly, required, items, value, defaultValue, inputValue, multiple, validateStatus, helpText, showHelpTextIcon, noResultsMessage, clearable, selectionBehavior, closeOnSelect, allowCustomValue, loopFocus, autoFocus, triggerIcon, triggerIconSize, clearIcon, inputBehavior, onChange, onInputValueChange, onOpenChange, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
170
175
|
export {};
|
|
171
176
|
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIzD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6JlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAe,EACf,SAAoB,EACpB,QAAkB,EAClB,IAAW,EACX,QAAkB,EAClB,aAAoB,EACpB,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,aAAqB,EACrB,WAAoB,EACpB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,eAAuB,EACvB,OAAO,EACP,SAAS,EACT,KAAY,EACZ,MAAa,GACd,EAAE,WAAW,2CAgFb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/phone-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,UAAU,EAMhB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAQT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAKvD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC/C,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,GAAG,EAAE,CAAA;IACrB,OAAO,EAAE,WAAW,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,4BAA4B,GAAG;IAC1E,WAAW,EAAE,iBAAiB,CAAA;CAC/B,CAAA;AASD,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,EAQzD,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/phone-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,UAAU,EAMhB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAQT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAKvD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC/C,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,GAAG,EAAE,CAAA;IACrB,OAAO,EAAE,WAAW,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,4BAA4B,GAAG;IAC1E,WAAW,EAAE,iBAAiB,CAAA;CAC/B,CAAA;AASD,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,EAQzD,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmFtB,CAAA;AAEF,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,eAAe,EAAE,WAAW,CAAA;IAC5B,mBAAmB,EAAE,iBAAiB,CAAA;IACtC,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAA;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,cAAc,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,4BAA4B,CAAA;IACrC,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,OAAO,CAAA;IACzB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,wBAAwB,CAAA;CACzC,CAAA;AAID,iBAAS,oBAAoB,2BAM5B;AAoBD,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACnE,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;IACnE,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,cAAc,CAAC,EAAE,wBAAwB,CAAA;IACzC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,IAAI,CAAA;IAC/D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,IAAI,CAAA;IACnE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EAAE,aAA0C,EACrD,KAAK,EACL,YAAiB,EACjB,OAAO,EACP,cAAqB,EACrB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,gBAAwB,EACxB,uBAAwD,EACxD,cAA0B,EAC1B,aAAa,EACb,eAAe,EACf,IAAW,EACX,EAAE,EAAE,UAAU,EACd,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,2CAyJjB;yBAhLe,UAAU;wCAuLvB,oBAAoB;0DAyBpB,sBAAsB;iEA8BtB,4BAA4B;gHAoD5B,4BAA4B;iEAkC5B,6BAA6B;iEAyB7B,6BAA6B;+DA6B7B,2BAA2B;0DAqB3B,0BAA0B;iEAqB1B,iCAAiC;qEAyCjC,oBAAoB;oDAqFpB,gCAAgC;iDAWhC,6BAA6B;oDAa7B,0BAA0B;kDAiB1B,8BAA8B;kEA0B9B,8BAA8B;6CAmB9B,mCAAmC;6CAtFnC,gCAAgC;0CAWhC,6BAA6B;6CAa7B,0BAA0B;2CAiB1B,8BAA8B;2DA0B9B,8BAA8B;sCAmB9B,mCAAmC;+DAsBnC,yBAAyB;;;AA5d5B,KAAK,oBAAoB,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,MAAM,CAAC,CAAA;AAqBhE,KAAK,sBAAsB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC9D,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AA2BD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AA0CD,KAAK,4BAA4B,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,UAAU,CAAC,CAAA;IAC5D,YAAY,CAAC,EAAE,6BAA6B,CAAA;IAC5C,YAAY,CAAC,EAAE,6BAA6B,CAAA;IAC5C,eAAe,CAAC,EAAE,gCAAgC,CAAA;IAClD,YAAY,CAAC,EAAE,6BAA6B,CAAA;CAC7C,CAAA;AAkCD,KAAK,6BAA6B,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAsBD,KAAK,6BAA6B,GAAG,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AA2BD,KAAK,2BAA2B,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAkBD,KAAK,0BAA0B,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAkBD,KAAK,iCAAiC,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAC1E,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAsBD,KAAK,oBAAoB,GAAG,IAAI,CAC9B,UAAU,EACR,cAAc,GACd,cAAc,GACd,UAAU,GACV,MAAM,GACN,IAAI,GACJ,WAAW,GACX,MAAM,GACN,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,CACZ,GAAG;IACF,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;CAChD,CAAA;AAsFD,KAAK,gCAAgC,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACxE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AASD,KAAK,6BAA6B,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B,CAAA;AASD,KAAK,0BAA0B,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG;IACjE,IAAI,EAAE,iBAAiB,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB,CAAA;AAgBD,KAAK,8BAA8B,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAsBD,KAAK,8BAA8B,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAmBD,KAAK,mCAAmC,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAeD,KAAK,yBAAyB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACjE,MAAM,CAAC,EAAE,wBAAwB,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAsBD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,WAAW,GACnB,MAAM,CAkBR;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,WAAW,GACnB,4BAA4B,CAE9B;AA+MD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,GAAG,IAAI,UAAU,EACtB,KAAK,KAAK,IAAI,mBAAmB,EACjC,KAAK,SAAS,IAAI,gBAAgB,EAClC,KAAK,kBAAkB,IAAI,yBAAyB,EAErD,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,KAAK,wBAAwB,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
|
|
2
2
|
import type { VariantProps } from "tailwind-variants";
|
|
3
|
+
import { type ActionIconProps } from "../atoms/action-icon";
|
|
3
4
|
import { type ButtonProps } from "../atoms/button";
|
|
5
|
+
import type { IconType } from "../atoms/icon";
|
|
4
6
|
import { type InputProps } from "../atoms/input";
|
|
5
7
|
import { type LabelProps } from "../atoms/label";
|
|
6
8
|
declare const searchFormVariants: import("tailwind-variants").TVReturnType<{
|
|
@@ -134,7 +136,7 @@ export declare namespace SearchForm {
|
|
|
134
136
|
var Control: ({ children, className, ref, ...props }: SearchFormControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
135
137
|
var Input: ({ className, placeholder, ref, ...props }: SearchFormInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
136
138
|
var Button: ({ className, children, showSearchIcon, icon, iconPosition, ...props }: SearchFormButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
137
|
-
var ClearButton: ({ className, icon,
|
|
139
|
+
var ClearButton: ({ className, icon, tone, ...props }: SearchFormClearButtonProps) => import("react").ReactPortal | null;
|
|
138
140
|
var displayName: string;
|
|
139
141
|
}
|
|
140
142
|
interface SearchFormLabelProps extends Omit<LabelProps, "htmlFor" | "size"> {
|
|
@@ -147,7 +149,8 @@ interface SearchFormInputProps extends Omit<InputProps, "size" | "value" | "onCh
|
|
|
147
149
|
interface SearchFormButtonProps extends Omit<ButtonProps, "size"> {
|
|
148
150
|
showSearchIcon?: boolean;
|
|
149
151
|
}
|
|
150
|
-
|
|
151
|
-
|
|
152
|
+
type SearchFormClearButtonProps = Omit<ActionIconProps, "size" | "onClick" | "type" | "icon"> & {
|
|
153
|
+
icon?: IconType;
|
|
154
|
+
};
|
|
152
155
|
export { useSearchFormContext, searchFormVariants };
|
|
153
156
|
//# sourceMappingURL=search-form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-form.d.ts","sourceRoot":"","sources":["../../../src/molecules/search-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EACd,KAAK,GAAG,EAKT,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAGvD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"search-form.d.ts","sourceRoot":"","sources":["../../../src/molecules/search-form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -152,7 +152,7 @@ export declare namespace Select {
|
|
|
152
152
|
var Control: ({ children, className, ref, ...props }: SelectControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
153
153
|
var Trigger: ({ children, className, size: sizeProp, iconSize, ref, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
154
154
|
var ValueText: ({ placeholder, className, size: sizeProp, ref, children, ...props }: SelectValueTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
155
|
-
var ClearTrigger: ({ className,
|
|
155
|
+
var ClearTrigger: ({ className, ref, ...props }: SelectClearTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
156
156
|
var Positioner: ({ children, className, ref, ...props }: SelectPositionerProps) => import("react/jsx-runtime").JSX.Element;
|
|
157
157
|
var Content: ({ children, className, ref, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
158
|
var ItemGroup: ({ id, children, className, ref, ...props }: SelectItemGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -181,7 +181,6 @@ interface SelectValueTextProps extends Omit<ComponentPropsWithoutRef<"span">, "c
|
|
|
181
181
|
children?: ReactNode | ((items: SelectItem[]) => ReactNode);
|
|
182
182
|
}
|
|
183
183
|
type SelectClearTriggerProps = ComponentPropsWithoutRef<"button"> & {
|
|
184
|
-
iconSize?: IconProps["size"];
|
|
185
184
|
ref?: Ref<HTMLButtonElement>;
|
|
186
185
|
};
|
|
187
186
|
interface SelectPositionerProps extends ComponentPropsWithoutRef<"div"> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsCjB,CAAA;AAGF,UAAU,UAAU;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,KAAK,CAAC,YAAY,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,2CAwCpE;AAGD,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAGD,eAAO,MAAM,OAAO,kBAIlB,CAAA;AAEF,wBAAgB,OAAO,4CAgBtB;AAGD,wBAAgB,QAAQ,qBAEvB"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* icon-control tokens — TEMPORARY BRIDGE.
|
|
3
|
+
*
|
|
4
|
+
* These mirror the Figma `icon-control` variable collection (file
|
|
5
|
+
* 12xb1pqXKwE2vbOByN3ntg), which is the intended source of truth. They live
|
|
6
|
+
* here only until the next Figma re-export: `merge-figma-themes.mjs` will emit
|
|
7
|
+
* them into `tokens/figma/variables.css` alongside the other component tokens,
|
|
8
|
+
* at which point this whole block (and its import in components.css) should be
|
|
9
|
+
* deleted. Names + alias targets below are kept identical to the Figma vars so
|
|
10
|
+
* the swap is a no-op.
|
|
11
|
+
*
|
|
12
|
+
* Consumed by the ActionIcon atom (clear/close/inc-dec/prev-next/search) and by
|
|
13
|
+
* decorative chevrons which read the `--text-icon-control-*` glyph tokens.
|
|
14
|
+
*/
|
|
15
|
+
@theme static {
|
|
16
|
+
/* Glyph size (sm/md/lg) */
|
|
17
|
+
--text-icon-control-sm: var(--dimension-16); /* 16px */
|
|
18
|
+
--text-icon-control-md: var(--text-icon-md); /* 20px */
|
|
19
|
+
--text-icon-control-lg: var(--text-icon-lg); /* 24px */
|
|
20
|
+
|
|
21
|
+
/* Hit area — compact inset square (8-pt grid 24/32/40) */
|
|
22
|
+
--size-icon-control-sm: var(--dimension-24);
|
|
23
|
+
--size-icon-control-md: var(--dimension-32);
|
|
24
|
+
--size-icon-control-lg: var(--dimension-40);
|
|
25
|
+
|
|
26
|
+
--radius-icon-control: var(--radius-button-sm);
|
|
27
|
+
|
|
28
|
+
/* Neutral tone — full-contrast glyph; bg pill is the hover/active affordance */
|
|
29
|
+
--color-icon-control-fg: var(--color-fg-primary);
|
|
30
|
+
--color-icon-control-bg-hover: var(--color-fill-hover);
|
|
31
|
+
--color-icon-control-bg-active: var(--color-fill-active);
|
|
32
|
+
--color-icon-control-fg-disabled: var(--color-fg-disabled);
|
|
33
|
+
--color-icon-control-ring: var(--color-ring);
|
|
34
|
+
|
|
35
|
+
/* Danger tone — destructive actions only */
|
|
36
|
+
--color-icon-control-fg-danger-hover: var(--color-danger-fg);
|
|
37
|
+
--color-icon-control-bg-danger-hover: var(--color-danger-light);
|
|
38
|
+
--color-icon-control-bg-danger-active: var(--color-danger-light-active);
|
|
39
|
+
}
|