@refraktor/core 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +1 -1
- package/build/components/button/button.styles.js +5 -5
- package/build/components/chip/chip-group/chip-group.d.ts +4 -0
- package/build/components/chip/chip-group/chip-group.d.ts.map +1 -0
- package/build/components/chip/chip-group/chip-group.js +43 -0
- package/build/components/chip/chip-group/index.d.ts +2 -0
- package/build/components/chip/chip-group/index.d.ts.map +1 -0
- package/build/components/chip/chip-group/index.js +1 -0
- package/build/components/chip/chip.context.d.ts +15 -0
- package/build/components/chip/chip.context.d.ts.map +1 -0
- package/build/components/chip/chip.context.js +2 -0
- package/build/components/chip/chip.d.ts +4 -0
- package/build/components/chip/chip.d.ts.map +1 -0
- package/build/components/chip/chip.js +85 -0
- package/build/components/chip/chip.styles.d.ts +5 -0
- package/build/components/chip/chip.styles.d.ts.map +1 -0
- package/build/components/chip/chip.styles.js +19 -0
- package/build/components/chip/chip.test.d.ts +2 -0
- package/build/components/chip/chip.test.d.ts.map +1 -0
- package/build/components/chip/chip.test.js +107 -0
- package/build/components/chip/chip.types.d.ts +95 -0
- package/build/components/chip/chip.types.d.ts.map +1 -0
- package/build/components/chip/chip.types.js +1 -0
- package/build/components/chip/index.d.ts +4 -0
- package/build/components/chip/index.d.ts.map +1 -0
- package/build/components/chip/index.js +2 -0
- package/build/components/combobox/combobox-dropdown/combobox-dropdown.d.ts +4 -0
- package/build/components/combobox/combobox-dropdown/combobox-dropdown.d.ts.map +1 -0
- package/build/components/combobox/combobox-dropdown/combobox-dropdown.js +21 -0
- package/build/components/combobox/combobox-dropdown/index.d.ts +2 -0
- package/build/components/combobox/combobox-dropdown/index.d.ts.map +1 -0
- package/build/components/combobox/combobox-dropdown/index.js +1 -0
- package/build/components/combobox/combobox-group/combobox-group.d.ts +4 -0
- package/build/components/combobox/combobox-group/combobox-group.d.ts.map +1 -0
- package/build/components/combobox/combobox-group/combobox-group.js +15 -0
- package/build/components/combobox/combobox-group/index.d.ts +2 -0
- package/build/components/combobox/combobox-group/index.d.ts.map +1 -0
- package/build/components/combobox/combobox-group/index.js +1 -0
- package/build/components/combobox/combobox-input/combobox-input.d.ts +4 -0
- package/build/components/combobox/combobox-input/combobox-input.d.ts.map +1 -0
- package/build/components/combobox/combobox-input/combobox-input.js +101 -0
- package/build/components/combobox/combobox-input/index.d.ts +2 -0
- package/build/components/combobox/combobox-input/index.d.ts.map +1 -0
- package/build/components/combobox/combobox-input/index.js +1 -0
- package/build/components/combobox/combobox-option/combobox-option.d.ts +4 -0
- package/build/components/combobox/combobox-option/combobox-option.d.ts.map +1 -0
- package/build/components/combobox/combobox-option/combobox-option.js +86 -0
- package/build/components/combobox/combobox-option/index.d.ts +2 -0
- package/build/components/combobox/combobox-option/index.d.ts.map +1 -0
- package/build/components/combobox/combobox-option/index.js +1 -0
- package/build/components/combobox/combobox-root/combobox-root.d.ts +4 -0
- package/build/components/combobox/combobox-root/combobox-root.d.ts.map +1 -0
- package/build/components/combobox/combobox-root/combobox-root.js +282 -0
- package/build/components/combobox/combobox-root/index.d.ts +2 -0
- package/build/components/combobox/combobox-root/index.d.ts.map +1 -0
- package/build/components/combobox/combobox-root/index.js +1 -0
- package/build/components/combobox/combobox.context.d.ts +73 -0
- package/build/components/combobox/combobox.context.d.ts.map +1 -0
- package/build/components/combobox/combobox.context.js +50 -0
- package/build/components/combobox/combobox.d.ts +4 -0
- package/build/components/combobox/combobox.d.ts.map +1 -0
- package/build/components/combobox/combobox.js +31 -0
- package/build/components/combobox/combobox.test.d.ts +2 -0
- package/build/components/combobox/combobox.test.d.ts.map +1 -0
- package/build/components/combobox/combobox.test.js +104 -0
- package/build/components/combobox/combobox.types.d.ts +205 -0
- package/build/components/combobox/combobox.types.d.ts.map +1 -0
- package/build/components/combobox/combobox.types.js +1 -0
- package/build/components/combobox/index.d.ts +8 -0
- package/build/components/combobox/index.d.ts.map +1 -0
- package/build/components/combobox/index.js +6 -0
- package/build/components/combobox/use-combobox.d.ts +32 -0
- package/build/components/combobox/use-combobox.d.ts.map +1 -0
- package/build/components/combobox/use-combobox.js +80 -0
- package/build/components/drawer/drawer-body/drawer-body.d.ts +4 -0
- package/build/components/drawer/drawer-body/drawer-body.d.ts.map +1 -0
- package/build/components/drawer/drawer-body/drawer-body.js +11 -0
- package/build/components/drawer/drawer-body/index.d.ts +2 -0
- package/build/components/drawer/drawer-body/index.d.ts.map +1 -0
- package/build/components/drawer/drawer-body/index.js +1 -0
- package/build/components/drawer/drawer-content/drawer-content.d.ts.map +1 -1
- package/build/components/drawer/drawer-content/drawer-content.js +9 -6
- package/build/components/drawer/drawer-overlay/drawer-overlay.d.ts.map +1 -1
- package/build/components/drawer/drawer-overlay/drawer-overlay.js +4 -4
- package/build/components/drawer/drawer-root/drawer-root.d.ts.map +1 -1
- package/build/components/drawer/drawer-root/drawer-root.js +8 -9
- package/build/components/drawer/drawer.context.d.ts +2 -1
- package/build/components/drawer/drawer.context.d.ts.map +1 -1
- package/build/components/drawer/drawer.d.ts.map +1 -1
- package/build/components/drawer/drawer.js +5 -3
- package/build/components/drawer/drawer.test.js +55 -16
- package/build/components/drawer/drawer.types.d.ts +29 -3
- package/build/components/drawer/drawer.types.d.ts.map +1 -1
- package/build/components/drawer/index.d.ts +2 -1
- package/build/components/drawer/index.d.ts.map +1 -1
- package/build/components/drawer/index.js +1 -0
- package/build/components/drawer/use-drawer.d.ts +8 -1
- package/build/components/drawer/use-drawer.d.ts.map +1 -1
- package/build/components/drawer/use-drawer.js +25 -38
- package/build/components/file-input/file-input.d.ts +4 -0
- package/build/components/file-input/file-input.d.ts.map +1 -0
- package/build/components/file-input/file-input.js +88 -0
- package/build/components/file-input/file-input.test.d.ts +2 -0
- package/build/components/file-input/file-input.test.d.ts.map +1 -0
- package/build/components/file-input/file-input.test.js +74 -0
- package/build/components/file-input/file-input.types.d.ts +46 -0
- package/build/components/file-input/file-input.types.d.ts.map +1 -0
- package/build/components/file-input/file-input.types.js +1 -0
- package/build/components/file-input/file-input.utils.d.ts +11 -0
- package/build/components/file-input/file-input.utils.d.ts.map +1 -0
- package/build/components/file-input/file-input.utils.js +67 -0
- package/build/components/file-input/file-input.utils.test.d.ts +2 -0
- package/build/components/file-input/file-input.utils.test.d.ts.map +1 -0
- package/build/components/file-input/file-input.utils.test.js +27 -0
- package/build/components/file-input/index.d.ts +3 -0
- package/build/components/file-input/index.d.ts.map +1 -0
- package/build/components/file-input/index.js +2 -0
- package/build/components/for/for.d.ts +8 -0
- package/build/components/for/for.d.ts.map +1 -0
- package/build/components/for/for.js +32 -0
- package/build/components/for/for.test.d.ts +2 -0
- package/build/components/for/for.test.d.ts.map +1 -0
- package/build/components/for/for.test.js +31 -0
- package/build/components/for/for.types.d.ts +33 -0
- package/build/components/for/for.types.d.ts.map +1 -0
- package/build/components/for/for.types.js +1 -0
- package/build/components/for/index.d.ts +3 -0
- package/build/components/for/index.d.ts.map +1 -0
- package/build/components/for/index.js +1 -0
- package/build/components/index.d.ts +6 -0
- package/build/components/index.d.ts.map +1 -1
- package/build/components/index.js +6 -0
- package/build/components/modal/index.d.ts +2 -1
- package/build/components/modal/index.d.ts.map +1 -1
- package/build/components/modal/index.js +1 -0
- package/build/components/modal/modal-body/index.d.ts +2 -0
- package/build/components/modal/modal-body/index.d.ts.map +1 -0
- package/build/components/modal/modal-body/index.js +1 -0
- package/build/components/modal/modal-body/modal-body.d.ts +4 -0
- package/build/components/modal/modal-body/modal-body.d.ts.map +1 -0
- package/build/components/modal/modal-body/modal-body.js +11 -0
- package/build/components/modal/modal-content/modal-content.d.ts.map +1 -1
- package/build/components/modal/modal-content/modal-content.js +13 -5
- package/build/components/modal/modal-header/modal-header.js +2 -2
- package/build/components/modal/modal-overlay/modal-overlay.d.ts.map +1 -1
- package/build/components/modal/modal-overlay/modal-overlay.js +4 -4
- package/build/components/modal/modal-root/modal-root.d.ts.map +1 -1
- package/build/components/modal/modal-root/modal-root.js +12 -9
- package/build/components/modal/modal.context.d.ts +5 -2
- package/build/components/modal/modal.context.d.ts.map +1 -1
- package/build/components/modal/modal.d.ts.map +1 -1
- package/build/components/modal/modal.js +5 -3
- package/build/components/modal/modal.test.js +78 -13
- package/build/components/modal/modal.types.d.ts +34 -5
- package/build/components/modal/modal.types.d.ts.map +1 -1
- package/build/components/modal/use-modal.d.ts +8 -1
- package/build/components/modal/use-modal.d.ts.map +1 -1
- package/build/components/modal/use-modal.js +25 -38
- package/build/components/password-input/index.d.ts +3 -0
- package/build/components/password-input/index.d.ts.map +1 -0
- package/build/components/password-input/index.js +2 -0
- package/build/components/password-input/password-input.d.ts +4 -0
- package/build/components/password-input/password-input.d.ts.map +1 -0
- package/build/components/password-input/password-input.js +32 -0
- package/build/components/password-input/password-input.test.d.ts +2 -0
- package/build/components/password-input/password-input.test.d.ts.map +1 -0
- package/build/components/password-input/password-input.test.js +47 -0
- package/build/components/password-input/password-input.types.d.ts +24 -0
- package/build/components/password-input/password-input.types.d.ts.map +1 -0
- package/build/components/password-input/password-input.types.js +1 -0
- package/build/components/pin-input/index.d.ts +3 -0
- package/build/components/pin-input/index.d.ts.map +1 -0
- package/build/components/pin-input/index.js +2 -0
- package/build/components/pin-input/pin-input.d.ts +4 -0
- package/build/components/pin-input/pin-input.d.ts.map +1 -0
- package/build/components/pin-input/pin-input.js +245 -0
- package/build/components/pin-input/pin-input.test.d.ts +2 -0
- package/build/components/pin-input/pin-input.test.d.ts.map +1 -0
- package/build/components/pin-input/pin-input.test.js +87 -0
- package/build/components/pin-input/pin-input.types.d.ts +44 -0
- package/build/components/pin-input/pin-input.types.d.ts.map +1 -0
- package/build/components/pin-input/pin-input.types.js +1 -0
- package/build/components/scroll-area/index.d.ts +3 -0
- package/build/components/scroll-area/index.d.ts.map +1 -0
- package/build/components/scroll-area/index.js +1 -0
- package/build/components/scroll-area/scroll-area.d.ts +4 -0
- package/build/components/scroll-area/scroll-area.d.ts.map +1 -0
- package/build/components/scroll-area/scroll-area.js +30 -0
- package/build/components/scroll-area/scroll-area.test.d.ts +2 -0
- package/build/components/scroll-area/scroll-area.test.d.ts.map +1 -0
- package/build/components/scroll-area/scroll-area.test.js +39 -0
- package/build/components/scroll-area/scroll-area.types.d.ts +25 -0
- package/build/components/scroll-area/scroll-area.types.d.ts.map +1 -0
- package/build/components/scroll-area/scroll-area.types.js +1 -0
- package/build/components/segmented-control/segmented-control.d.ts.map +1 -1
- package/build/components/segmented-control/segmented-control.js +3 -3
- package/build/components/segmented-control/segmented-control.styles.js +13 -13
- package/build/components/segmented-control/segmented-control.test.js +11 -0
- package/build/components/segmented-control/segmented-control.types.d.ts +2 -0
- package/build/components/segmented-control/segmented-control.types.d.ts.map +1 -1
- package/build/icons/eye-off.d.ts +4 -0
- package/build/icons/eye-off.d.ts.map +1 -0
- package/build/icons/eye-off.js +5 -0
- package/build/icons/eye.d.ts +4 -0
- package/build/icons/eye.d.ts.map +1 -0
- package/build/icons/eye.js +5 -0
- package/build/icons/index.d.ts +2 -0
- package/build/icons/index.d.ts.map +1 -1
- package/build/icons/index.js +2 -0
- package/build/style.css +1 -1
- package/package.json +2 -2
- package/src/components/button/button.styles.ts +5 -5
- package/src/components/chip/chip-group/chip-group.tsx +107 -0
- package/src/components/chip/chip-group/index.ts +1 -0
- package/src/components/chip/chip.context.ts +15 -0
- package/src/components/chip/chip.styles.ts +36 -0
- package/src/components/chip/chip.test.tsx +197 -0
- package/src/components/chip/chip.tsx +208 -0
- package/src/components/chip/chip.types.ts +134 -0
- package/src/components/chip/index.ts +10 -0
- package/src/components/drawer/drawer-body/drawer-body.tsx +29 -0
- package/src/components/drawer/drawer-body/index.ts +1 -0
- package/src/components/drawer/drawer-content/drawer-content.tsx +63 -26
- package/src/components/drawer/drawer-overlay/drawer-overlay.tsx +6 -5
- package/src/components/drawer/drawer-root/drawer-root.tsx +17 -18
- package/src/components/drawer/drawer.context.ts +2 -1
- package/src/components/drawer/drawer.test.tsx +144 -36
- package/src/components/drawer/drawer.tsx +31 -3
- package/src/components/drawer/drawer.types.ts +37 -3
- package/src/components/drawer/index.ts +2 -0
- package/src/components/drawer/use-drawer.ts +44 -51
- package/src/components/file-input/file-input.test.tsx +134 -0
- package/src/components/file-input/file-input.tsx +224 -0
- package/src/components/file-input/file-input.types.ts +78 -0
- package/src/components/file-input/file-input.utils.test.ts +36 -0
- package/src/components/file-input/file-input.utils.ts +130 -0
- package/src/components/file-input/index.ts +2 -0
- package/src/components/for/for.test.tsx +66 -0
- package/src/components/for/for.tsx +53 -0
- package/src/components/for/for.types.ts +40 -0
- package/src/components/for/index.ts +2 -0
- package/src/components/index.ts +6 -0
- package/src/components/menu/menu-dropdown/menu-dropdown.tsx +220 -220
- package/src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx +221 -221
- package/src/components/modal/index.ts +4 -1
- package/src/components/modal/modal-body/index.ts +1 -0
- package/src/components/modal/modal-body/modal-body.tsx +29 -0
- package/src/components/modal/modal-content/modal-content.tsx +71 -24
- package/src/components/modal/modal-header/modal-header.tsx +2 -2
- package/src/components/modal/modal-overlay/modal-overlay.tsx +46 -45
- package/src/components/modal/modal-root/modal-root.tsx +22 -17
- package/src/components/modal/modal.context.ts +5 -2
- package/src/components/modal/modal.test.tsx +234 -64
- package/src/components/modal/modal.tsx +36 -4
- package/src/components/modal/modal.types.ts +49 -8
- package/src/components/modal/use-modal.ts +44 -51
- package/src/components/password-input/index.ts +2 -0
- package/src/components/password-input/password-input.test.tsx +72 -0
- package/src/components/password-input/password-input.tsx +85 -0
- package/src/components/password-input/password-input.types.ts +30 -0
- package/src/components/pin-input/index.ts +2 -0
- package/src/components/pin-input/pin-input.test.tsx +149 -0
- package/src/components/pin-input/pin-input.tsx +473 -0
- package/src/components/pin-input/pin-input.types.ts +78 -0
- package/src/components/scroll-area/index.ts +6 -0
- package/src/components/scroll-area/scroll-area.test.tsx +72 -0
- package/src/components/scroll-area/scroll-area.tsx +70 -0
- package/src/components/scroll-area/scroll-area.types.ts +37 -0
- package/src/components/segmented-control/segmented-control.styles.ts +13 -13
- package/src/components/segmented-control/segmented-control.test.tsx +18 -0
- package/src/components/segmented-control/segmented-control.tsx +11 -1
- package/src/components/segmented-control/segmented-control.types.ts +3 -0
- package/src/components/select/select-dropdown/select-dropdown.tsx +299 -299
- package/src/components/select/select-root/select-root.tsx +333 -333
- package/src/components/select/select-trigger/select-trigger.tsx +123 -123
- package/src/components/select/select.context.ts +140 -140
- package/src/components/select/select.test.tsx +190 -190
- package/src/components/select/select.types.ts +272 -272
- package/src/components/select/use-select.ts +170 -170
- package/src/icons/eye-off.tsx +30 -0
- package/src/icons/eye.tsx +24 -0
- package/src/icons/index.ts +2 -0
- package/src/style.css +14 -8
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -1,170 +1,170 @@
|
|
|
1
|
-
import { useUncontrolled } from "@refraktor/utils";
|
|
2
|
-
import {
|
|
3
|
-
autoUpdate,
|
|
4
|
-
flip,
|
|
5
|
-
FloatingContext,
|
|
6
|
-
inline,
|
|
7
|
-
Middleware,
|
|
8
|
-
offset,
|
|
9
|
-
Placement,
|
|
10
|
-
shift,
|
|
11
|
-
useClick,
|
|
12
|
-
useDismiss,
|
|
13
|
-
useFloating,
|
|
14
|
-
useInteractions
|
|
15
|
-
} from "@floating-ui/react";
|
|
16
|
-
import { useCallback, useMemo } from "react";
|
|
17
|
-
import type { SelectMiddlewares, SelectPositioning } from "./select.types";
|
|
18
|
-
|
|
19
|
-
interface UseSelectProps {
|
|
20
|
-
opened?: boolean;
|
|
21
|
-
defaultOpened?: boolean;
|
|
22
|
-
onOpenedChange?: (opened: boolean) => void;
|
|
23
|
-
positioning?: SelectPositioning;
|
|
24
|
-
middlewares?: SelectMiddlewares;
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
closeOnClickOutside?: boolean;
|
|
27
|
-
closeOnEscape?: boolean;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export interface UseSelectReturn {
|
|
31
|
-
opened: boolean;
|
|
32
|
-
open: () => void;
|
|
33
|
-
close: () => void;
|
|
34
|
-
toggle: () => void;
|
|
35
|
-
context: FloatingContext;
|
|
36
|
-
refs: {
|
|
37
|
-
setReference: (node: HTMLElement | null) => void;
|
|
38
|
-
setFloating: (node: HTMLElement | null) => void;
|
|
39
|
-
reference: React.MutableRefObject<HTMLElement | null>;
|
|
40
|
-
floating: React.MutableRefObject<HTMLElement | null>;
|
|
41
|
-
};
|
|
42
|
-
floatingStyles: React.CSSProperties;
|
|
43
|
-
getReferenceProps: (
|
|
44
|
-
userProps?: React.HTMLAttributes<HTMLElement>
|
|
45
|
-
) => Record<string, unknown>;
|
|
46
|
-
getFloatingProps: (
|
|
47
|
-
userProps?: React.HTMLAttributes<HTMLElement>
|
|
48
|
-
) => Record<string, unknown>;
|
|
49
|
-
placement: Placement;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
export function useSelect(options: UseSelectProps = {}): UseSelectReturn {
|
|
53
|
-
const {
|
|
54
|
-
opened,
|
|
55
|
-
defaultOpened,
|
|
56
|
-
onOpenedChange,
|
|
57
|
-
positioning = {
|
|
58
|
-
placement: "bottom-start",
|
|
59
|
-
offset: 4
|
|
60
|
-
},
|
|
61
|
-
middlewares = { flip: true, shift: true },
|
|
62
|
-
disabled = false,
|
|
63
|
-
closeOnClickOutside = true,
|
|
64
|
-
closeOnEscape = true
|
|
65
|
-
} = options;
|
|
66
|
-
|
|
67
|
-
const [isOpen, setIsOpen] = useUncontrolled({
|
|
68
|
-
value: opened,
|
|
69
|
-
defaultValue: defaultOpened,
|
|
70
|
-
finalValue: false,
|
|
71
|
-
onChange: onOpenedChange
|
|
72
|
-
});
|
|
73
|
-
|
|
74
|
-
const middleware = useMemo(() => {
|
|
75
|
-
const middlewareList: Middleware[] = [];
|
|
76
|
-
|
|
77
|
-
middlewareList.push(offset(positioning.offset ?? 4));
|
|
78
|
-
|
|
79
|
-
if (middlewares.flip) {
|
|
80
|
-
middlewareList.push(
|
|
81
|
-
flip(
|
|
82
|
-
typeof middlewares.flip === "boolean"
|
|
83
|
-
? undefined
|
|
84
|
-
: middlewares.flip
|
|
85
|
-
)
|
|
86
|
-
);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
if (middlewares.shift) {
|
|
90
|
-
middlewareList.push(
|
|
91
|
-
shift(
|
|
92
|
-
typeof middlewares.shift === "boolean"
|
|
93
|
-
? undefined
|
|
94
|
-
: middlewares.shift
|
|
95
|
-
)
|
|
96
|
-
);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
if (middlewares.inline) {
|
|
100
|
-
middlewareList.push(
|
|
101
|
-
inline(
|
|
102
|
-
typeof middlewares.inline === "boolean"
|
|
103
|
-
? undefined
|
|
104
|
-
: middlewares.inline
|
|
105
|
-
)
|
|
106
|
-
);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
return middlewareList;
|
|
110
|
-
}, [positioning.offset, middlewares]);
|
|
111
|
-
|
|
112
|
-
const floating = useFloating({
|
|
113
|
-
placement: positioning.placement,
|
|
114
|
-
open: isOpen,
|
|
115
|
-
onOpenChange: setIsOpen,
|
|
116
|
-
middleware,
|
|
117
|
-
whileElementsMounted: autoUpdate,
|
|
118
|
-
strategy: "fixed"
|
|
119
|
-
});
|
|
120
|
-
|
|
121
|
-
const click = useClick(floating.context, {
|
|
122
|
-
enabled: !disabled
|
|
123
|
-
});
|
|
124
|
-
|
|
125
|
-
const dismiss = useDismiss(floating.context, {
|
|
126
|
-
outsidePress: closeOnClickOutside,
|
|
127
|
-
escapeKey: closeOnEscape
|
|
128
|
-
});
|
|
129
|
-
|
|
130
|
-
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
131
|
-
click,
|
|
132
|
-
dismiss
|
|
133
|
-
]);
|
|
134
|
-
|
|
135
|
-
const open = useCallback(() => {
|
|
136
|
-
if (!disabled) {
|
|
137
|
-
setIsOpen(true);
|
|
138
|
-
}
|
|
139
|
-
}, [disabled, setIsOpen]);
|
|
140
|
-
|
|
141
|
-
const close = useCallback(() => {
|
|
142
|
-
setIsOpen(false);
|
|
143
|
-
}, [setIsOpen]);
|
|
144
|
-
|
|
145
|
-
const toggle = useCallback(() => {
|
|
146
|
-
if (!disabled) {
|
|
147
|
-
setIsOpen(!isOpen);
|
|
148
|
-
}
|
|
149
|
-
}, [disabled, isOpen, setIsOpen]);
|
|
150
|
-
|
|
151
|
-
return {
|
|
152
|
-
opened: isOpen,
|
|
153
|
-
open,
|
|
154
|
-
close,
|
|
155
|
-
toggle,
|
|
156
|
-
context: floating.context,
|
|
157
|
-
refs: {
|
|
158
|
-
setReference: floating.refs.setReference,
|
|
159
|
-
setFloating: floating.refs.setFloating,
|
|
160
|
-
reference: floating.refs
|
|
161
|
-
.reference as React.MutableRefObject<HTMLElement | null>,
|
|
162
|
-
floating: floating.refs
|
|
163
|
-
.floating as React.MutableRefObject<HTMLElement | null>
|
|
164
|
-
},
|
|
165
|
-
floatingStyles: floating.floatingStyles,
|
|
166
|
-
getReferenceProps,
|
|
167
|
-
getFloatingProps,
|
|
168
|
-
placement: floating.placement
|
|
169
|
-
};
|
|
170
|
-
}
|
|
1
|
+
import { useUncontrolled } from "@refraktor/utils";
|
|
2
|
+
import {
|
|
3
|
+
autoUpdate,
|
|
4
|
+
flip,
|
|
5
|
+
FloatingContext,
|
|
6
|
+
inline,
|
|
7
|
+
Middleware,
|
|
8
|
+
offset,
|
|
9
|
+
Placement,
|
|
10
|
+
shift,
|
|
11
|
+
useClick,
|
|
12
|
+
useDismiss,
|
|
13
|
+
useFloating,
|
|
14
|
+
useInteractions
|
|
15
|
+
} from "@floating-ui/react";
|
|
16
|
+
import { useCallback, useMemo } from "react";
|
|
17
|
+
import type { SelectMiddlewares, SelectPositioning } from "./select.types";
|
|
18
|
+
|
|
19
|
+
interface UseSelectProps {
|
|
20
|
+
opened?: boolean;
|
|
21
|
+
defaultOpened?: boolean;
|
|
22
|
+
onOpenedChange?: (opened: boolean) => void;
|
|
23
|
+
positioning?: SelectPositioning;
|
|
24
|
+
middlewares?: SelectMiddlewares;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
closeOnClickOutside?: boolean;
|
|
27
|
+
closeOnEscape?: boolean;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export interface UseSelectReturn {
|
|
31
|
+
opened: boolean;
|
|
32
|
+
open: () => void;
|
|
33
|
+
close: () => void;
|
|
34
|
+
toggle: () => void;
|
|
35
|
+
context: FloatingContext;
|
|
36
|
+
refs: {
|
|
37
|
+
setReference: (node: HTMLElement | null) => void;
|
|
38
|
+
setFloating: (node: HTMLElement | null) => void;
|
|
39
|
+
reference: React.MutableRefObject<HTMLElement | null>;
|
|
40
|
+
floating: React.MutableRefObject<HTMLElement | null>;
|
|
41
|
+
};
|
|
42
|
+
floatingStyles: React.CSSProperties;
|
|
43
|
+
getReferenceProps: (
|
|
44
|
+
userProps?: React.HTMLAttributes<HTMLElement>
|
|
45
|
+
) => Record<string, unknown>;
|
|
46
|
+
getFloatingProps: (
|
|
47
|
+
userProps?: React.HTMLAttributes<HTMLElement>
|
|
48
|
+
) => Record<string, unknown>;
|
|
49
|
+
placement: Placement;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
export function useSelect(options: UseSelectProps = {}): UseSelectReturn {
|
|
53
|
+
const {
|
|
54
|
+
opened,
|
|
55
|
+
defaultOpened,
|
|
56
|
+
onOpenedChange,
|
|
57
|
+
positioning = {
|
|
58
|
+
placement: "bottom-start",
|
|
59
|
+
offset: 4
|
|
60
|
+
},
|
|
61
|
+
middlewares = { flip: true, shift: true },
|
|
62
|
+
disabled = false,
|
|
63
|
+
closeOnClickOutside = true,
|
|
64
|
+
closeOnEscape = true
|
|
65
|
+
} = options;
|
|
66
|
+
|
|
67
|
+
const [isOpen, setIsOpen] = useUncontrolled({
|
|
68
|
+
value: opened,
|
|
69
|
+
defaultValue: defaultOpened,
|
|
70
|
+
finalValue: false,
|
|
71
|
+
onChange: onOpenedChange
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
const middleware = useMemo(() => {
|
|
75
|
+
const middlewareList: Middleware[] = [];
|
|
76
|
+
|
|
77
|
+
middlewareList.push(offset(positioning.offset ?? 4));
|
|
78
|
+
|
|
79
|
+
if (middlewares.flip) {
|
|
80
|
+
middlewareList.push(
|
|
81
|
+
flip(
|
|
82
|
+
typeof middlewares.flip === "boolean"
|
|
83
|
+
? undefined
|
|
84
|
+
: middlewares.flip
|
|
85
|
+
)
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (middlewares.shift) {
|
|
90
|
+
middlewareList.push(
|
|
91
|
+
shift(
|
|
92
|
+
typeof middlewares.shift === "boolean"
|
|
93
|
+
? undefined
|
|
94
|
+
: middlewares.shift
|
|
95
|
+
)
|
|
96
|
+
);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
if (middlewares.inline) {
|
|
100
|
+
middlewareList.push(
|
|
101
|
+
inline(
|
|
102
|
+
typeof middlewares.inline === "boolean"
|
|
103
|
+
? undefined
|
|
104
|
+
: middlewares.inline
|
|
105
|
+
)
|
|
106
|
+
);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
return middlewareList;
|
|
110
|
+
}, [positioning.offset, middlewares]);
|
|
111
|
+
|
|
112
|
+
const floating = useFloating({
|
|
113
|
+
placement: positioning.placement,
|
|
114
|
+
open: isOpen,
|
|
115
|
+
onOpenChange: setIsOpen,
|
|
116
|
+
middleware,
|
|
117
|
+
whileElementsMounted: autoUpdate,
|
|
118
|
+
strategy: "fixed"
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
const click = useClick(floating.context, {
|
|
122
|
+
enabled: !disabled
|
|
123
|
+
});
|
|
124
|
+
|
|
125
|
+
const dismiss = useDismiss(floating.context, {
|
|
126
|
+
outsidePress: closeOnClickOutside,
|
|
127
|
+
escapeKey: closeOnEscape
|
|
128
|
+
});
|
|
129
|
+
|
|
130
|
+
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
131
|
+
click,
|
|
132
|
+
dismiss
|
|
133
|
+
]);
|
|
134
|
+
|
|
135
|
+
const open = useCallback(() => {
|
|
136
|
+
if (!disabled) {
|
|
137
|
+
setIsOpen(true);
|
|
138
|
+
}
|
|
139
|
+
}, [disabled, setIsOpen]);
|
|
140
|
+
|
|
141
|
+
const close = useCallback(() => {
|
|
142
|
+
setIsOpen(false);
|
|
143
|
+
}, [setIsOpen]);
|
|
144
|
+
|
|
145
|
+
const toggle = useCallback(() => {
|
|
146
|
+
if (!disabled) {
|
|
147
|
+
setIsOpen(!isOpen);
|
|
148
|
+
}
|
|
149
|
+
}, [disabled, isOpen, setIsOpen]);
|
|
150
|
+
|
|
151
|
+
return {
|
|
152
|
+
opened: isOpen,
|
|
153
|
+
open,
|
|
154
|
+
close,
|
|
155
|
+
toggle,
|
|
156
|
+
context: floating.context,
|
|
157
|
+
refs: {
|
|
158
|
+
setReference: floating.refs.setReference,
|
|
159
|
+
setFloating: floating.refs.setFloating,
|
|
160
|
+
reference: floating.refs
|
|
161
|
+
.reference as React.MutableRefObject<HTMLElement | null>,
|
|
162
|
+
floating: floating.refs
|
|
163
|
+
.floating as React.MutableRefObject<HTMLElement | null>
|
|
164
|
+
},
|
|
165
|
+
floatingStyles: floating.floatingStyles,
|
|
166
|
+
getReferenceProps,
|
|
167
|
+
getFloatingProps,
|
|
168
|
+
placement: floating.placement
|
|
169
|
+
};
|
|
170
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { IconProps } from "./types";
|
|
2
|
+
|
|
3
|
+
const EyeOffIcon = ({ size = 20, className, ...props }: IconProps) => {
|
|
4
|
+
return (
|
|
5
|
+
<svg
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
viewBox="0 0 32 32"
|
|
8
|
+
version="1.1"
|
|
9
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
width={size}
|
|
11
|
+
height={size}
|
|
12
|
+
className={className}
|
|
13
|
+
{...props}
|
|
14
|
+
>
|
|
15
|
+
<g>
|
|
16
|
+
<path d="M16.108 10.044c-3.313 0-6 2.687-6 6s2.687 6 6 6 6-2.686 6-6-2.686-6-6-6zM16.108 20.044c-2.206 0-4.046-1.838-4.046-4.044s1.794-4 4-4c2.206 0 4 1.794 4 4s-1.748 4.044-3.954 4.044zM31.99 15.768c-0.012-0.050-0.006-0.104-0.021-0.153-0.006-0.021-0.020-0.033-0.027-0.051-0.011-0.028-0.008-0.062-0.023-0.089-2.909-6.66-9.177-10.492-15.857-10.492s-13.074 3.826-15.984 10.486c-0.012 0.028-0.010 0.057-0.021 0.089-0.007 0.020-0.021 0.030-0.028 0.049-0.015 0.050-0.009 0.103-0.019 0.154-0.018 0.090-0.035 0.178-0.035 0.269s0.017 0.177 0.035 0.268c0.010 0.050 0.003 0.105 0.019 0.152 0.006 0.023 0.021 0.032 0.028 0.052 0.010 0.027 0.008 0.061 0.021 0.089 2.91 6.658 9.242 10.428 15.922 10.428s13.011-3.762 15.92-10.422c0.015-0.029 0.012-0.058 0.023-0.090 0.007-0.017 0.020-0.030 0.026-0.050 0.015-0.049 0.011-0.102 0.021-0.154 0.018-0.090 0.034-0.177 0.034-0.27 0-0.088-0.017-0.175-0.035-0.266zM16 25.019c-5.665 0-11.242-2.986-13.982-8.99 2.714-5.983 8.365-9.047 14.044-9.047 5.678 0 11.203 3.067 13.918 9.053-2.713 5.982-8.301 8.984-13.981 8.984z" />
|
|
17
|
+
|
|
18
|
+
<path
|
|
19
|
+
d="M4 4 L28 28"
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
strokeWidth="2.5"
|
|
22
|
+
strokeLinecap="round"
|
|
23
|
+
fill="none"
|
|
24
|
+
/>
|
|
25
|
+
</g>
|
|
26
|
+
</svg>
|
|
27
|
+
);
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export default EyeOffIcon;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { IconProps } from "./types";
|
|
2
|
+
|
|
3
|
+
const EyeIcon = ({ size = 20, className, ...props }: IconProps) => {
|
|
4
|
+
return (
|
|
5
|
+
<svg
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
viewBox="0 0 32 32"
|
|
8
|
+
version="1.1"
|
|
9
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
width={size}
|
|
11
|
+
height={size}
|
|
12
|
+
className={className}
|
|
13
|
+
{...props}
|
|
14
|
+
>
|
|
15
|
+
<g strokeWidth="0"></g>
|
|
16
|
+
<g strokeLinecap="round" strokeLinejoin="round"></g>
|
|
17
|
+
<g>
|
|
18
|
+
<path d="M16.108 10.044c-3.313 0-6 2.687-6 6s2.687 6 6 6 6-2.686 6-6-2.686-6-6-6zM16.108 20.044c-2.206 0-4.046-1.838-4.046-4.044s1.794-4 4-4c2.206 0 4 1.794 4 4s-1.748 4.044-3.954 4.044zM31.99 15.768c-0.012-0.050-0.006-0.104-0.021-0.153-0.006-0.021-0.020-0.033-0.027-0.051-0.011-0.028-0.008-0.062-0.023-0.089-2.909-6.66-9.177-10.492-15.857-10.492s-13.074 3.826-15.984 10.486c-0.012 0.028-0.010 0.057-0.021 0.089-0.007 0.020-0.021 0.030-0.028 0.049-0.015 0.050-0.009 0.103-0.019 0.154-0.018 0.090-0.035 0.178-0.035 0.269s0.017 0.177 0.035 0.268c0.010 0.050 0.003 0.105 0.019 0.152 0.006 0.023 0.021 0.032 0.028 0.052 0.010 0.027 0.008 0.061 0.021 0.089 2.91 6.658 9.242 10.428 15.922 10.428s13.011-3.762 15.92-10.422c0.015-0.029 0.012-0.058 0.023-0.090 0.007-0.017 0.020-0.030 0.026-0.050 0.015-0.049 0.011-0.102 0.021-0.154 0.018-0.090 0.034-0.177 0.034-0.27 0-0.088-0.017-0.175-0.035-0.266zM16 25.019c-5.665 0-11.242-2.986-13.982-8.99 2.714-5.983 8.365-9.047 14.044-9.047 5.678 0 11.203 3.067 13.918 9.053-2.713 5.982-8.301 8.984-13.981 8.984z"></path>{" "}
|
|
19
|
+
</g>
|
|
20
|
+
</svg>
|
|
21
|
+
);
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default EyeIcon;
|
package/src/icons/index.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { default as ChevronIcon } from "./chevron";
|
|
2
2
|
export { default as CheckIcon } from "./check";
|
|
3
|
+
export { default as EyeIcon } from "./eye";
|
|
4
|
+
export { default as EyeOffIcon } from "./eye-off";
|
|
3
5
|
export { default as MinusIcon } from "./minus";
|
|
4
6
|
export { default as UserIcon } from "./user";
|
|
5
7
|
export { default as XIcon } from "./x";
|
package/src/style.css
CHANGED
|
@@ -251,30 +251,36 @@
|
|
|
251
251
|
|
|
252
252
|
/** Scrollbar */
|
|
253
253
|
.refraktor-scrollbar {
|
|
254
|
+
--refraktor-scrollbar-size: 6px;
|
|
255
|
+
--refraktor-scrollbar-radius: 99px;
|
|
256
|
+
--refraktor-scrollbar-track: var(--refraktor-scroll-track);
|
|
257
|
+
--refraktor-scrollbar-thumb: var(--refraktor-scroll-thumb);
|
|
258
|
+
--refraktor-scrollbar-thumb-hover: var(--refraktor-scroll-thumb-hover);
|
|
254
259
|
scrollbar-width: thin;
|
|
255
|
-
scrollbar-color: var(--refraktor-
|
|
260
|
+
scrollbar-color: var(--refraktor-scrollbar-thumb)
|
|
261
|
+
var(--refraktor-scrollbar-track);
|
|
256
262
|
}
|
|
257
263
|
|
|
258
264
|
.refraktor-scrollbar::-webkit-scrollbar {
|
|
259
|
-
width:
|
|
260
|
-
height:
|
|
265
|
+
width: var(--refraktor-scrollbar-size);
|
|
266
|
+
height: var(--refraktor-scrollbar-size);
|
|
261
267
|
}
|
|
262
268
|
|
|
263
269
|
.refraktor-scrollbar::-webkit-scrollbar-track {
|
|
264
|
-
background:
|
|
270
|
+
background: var(--refraktor-scrollbar-track);
|
|
265
271
|
}
|
|
266
272
|
|
|
267
273
|
.refraktor-scrollbar::-webkit-scrollbar-thumb {
|
|
268
|
-
background: var(--refraktor-
|
|
269
|
-
border-radius:
|
|
274
|
+
background: var(--refraktor-scrollbar-thumb);
|
|
275
|
+
border-radius: var(--refraktor-scrollbar-radius);
|
|
270
276
|
}
|
|
271
277
|
|
|
272
278
|
.refraktor-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
273
|
-
background: var(--refraktor-
|
|
279
|
+
background: var(--refraktor-scrollbar-thumb-hover);
|
|
274
280
|
}
|
|
275
281
|
|
|
276
282
|
:where(.refraktor-scrollbar)::-webkit-scrollbar-thumb {
|
|
277
|
-
background: var(--refraktor-
|
|
283
|
+
background: var(--refraktor-scrollbar-thumb);
|
|
278
284
|
}
|
|
279
285
|
|
|
280
286
|
/** Input */
|
package/tsconfig.tsbuildinfo
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"root":["./src/index.ts","./src/components/index.ts","./src/components/accordion/accordion.context.ts","./src/components/accordion/accordion.styles.ts","./src/components/accordion/accordion.test.tsx","./src/components/accordion/accordion.tsx","./src/components/accordion/accordion.types.ts","./src/components/accordion/index.ts","./src/components/accordion/accordion-control/accordion-control.tsx","./src/components/accordion/accordion-control/index.ts","./src/components/accordion/accordion-item/accordion-item.tsx","./src/components/accordion/accordion-item/index.ts","./src/components/accordion/accordion-panel/accordion-panel.tsx","./src/components/accordion/accordion-panel/index.ts","./src/components/avatar/avatar.styles.ts","./src/components/avatar/avatar.tsx","./src/components/avatar/avatar.types.ts","./src/components/avatar/index.ts","./src/components/avatar/avatar-group/avatar-group.tsx","./src/components/avatar/avatar-group/index.ts","./src/components/badge/badge.styles.ts","./src/components/badge/badge.tsx","./src/components/badge/badge.types.ts","./src/components/badge/index.ts","./src/components/breadcrumbs/breadcrumbs.styles.ts","./src/components/breadcrumbs/breadcrumbs.test.tsx","./src/components/breadcrumbs/breadcrumbs.tsx","./src/components/breadcrumbs/breadcrumbs.types.ts","./src/components/breadcrumbs/breadcrumbs.utils.ts","./src/components/breadcrumbs/index.ts","./src/components/button/button.styles.ts","./src/components/button/button.test.tsx","./src/components/button/button.tsx","./src/components/button/button.types.ts","./src/components/button/index.ts","./src/components/checkbox/checkbox.context.ts","./src/components/checkbox/checkbox.styles.ts","./src/components/checkbox/checkbox.test.tsx","./src/components/checkbox/checkbox.tsx","./src/components/checkbox/checkbox.types.ts","./src/components/checkbox/index.ts","./src/components/checkbox/checkbox-group/checkbox-group.tsx","./src/components/checkbox/checkbox-group/index.ts","./src/components/color-swatch/color-swatch.styles.ts","./src/components/color-swatch/color-swatch.test.tsx","./src/components/color-swatch/color-swatch.tsx","./src/components/color-swatch/color-swatch.types.ts","./src/components/color-swatch/index.ts","./src/components/drawer/drawer.context.ts","./src/components/drawer/drawer.styles.ts","./src/components/drawer/drawer.test.tsx","./src/components/drawer/drawer.tsx","./src/components/drawer/drawer.types.ts","./src/components/drawer/index.ts","./src/components/drawer/use-drawer.ts","./src/components/drawer/drawer-close/drawer-close.tsx","./src/components/drawer/drawer-close/index.ts","./src/components/drawer/drawer-content/drawer-content.tsx","./src/components/drawer/drawer-content/index.ts","./src/components/drawer/drawer-header/drawer-header.tsx","./src/components/drawer/drawer-header/index.ts","./src/components/drawer/drawer-overlay/drawer-overlay.tsx","./src/components/drawer/drawer-overlay/index.ts","./src/components/drawer/drawer-root/drawer-root.tsx","./src/components/drawer/drawer-root/index.ts","./src/components/input/index.ts","./src/components/input/input.tsx","./src/components/input/input.types.ts","./src/components/input/input-description/index.ts","./src/components/input/input-description/input-description.tsx","./src/components/input/input-error/index.ts","./src/components/input/input-error/input-error.tsx","./src/components/input/input-field/index.ts","./src/components/input/input-field/input-field.styles.ts","./src/components/input/input-field/input-field.tsx","./src/components/input/input-label/index.ts","./src/components/input/input-label/input-label.tsx","./src/components/input/input-wrapper/index.ts","./src/components/input/input-wrapper/input-wrapper.tsx","./src/components/loader/index.ts","./src/components/loader/loader.tsx","./src/components/loader/loader.types.ts","./src/components/menu/index.ts","./src/components/menu/menu.context.ts","./src/components/menu/menu.test.tsx","./src/components/menu/menu.tsx","./src/components/menu/menu.types.ts","./src/components/menu/use-menu.ts","./src/components/menu/menu-dropdown/index.ts","./src/components/menu/menu-dropdown/menu-dropdown.tsx","./src/components/menu/menu-item/index.ts","./src/components/menu/menu-item/menu-item.tsx","./src/components/menu/menu-label/index.ts","./src/components/menu/menu-label/menu-label.tsx","./src/components/menu/menu-separator/index.ts","./src/components/menu/menu-separator/menu-separator.tsx","./src/components/menu/menu-sub/index.ts","./src/components/menu/menu-sub/menu-sub.tsx","./src/components/menu/menu-sub-dropdown/index.ts","./src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx","./src/components/menu/menu-sub-trigger/index.ts","./src/components/menu/menu-sub-trigger/menu-sub-trigger.tsx","./src/components/menu/menu-trigger/index.ts","./src/components/menu/menu-trigger/menu-trigger.tsx","./src/components/modal/index.ts","./src/components/modal/modal.context.ts","./src/components/modal/modal.test.tsx","./src/components/modal/modal.tsx","./src/components/modal/modal.types.ts","./src/components/modal/use-modal.ts","./src/components/modal/modal-close/index.ts","./src/components/modal/modal-close/modal-close.tsx","./src/components/modal/modal-content/index.ts","./src/components/modal/modal-content/modal-content.tsx","./src/components/modal/modal-header/index.ts","./src/components/modal/modal-header/modal-header.tsx","./src/components/modal/modal-overlay/index.ts","./src/components/modal/modal-overlay/modal-overlay.tsx","./src/components/modal/modal-root/index.ts","./src/components/modal/modal-root/modal-root.tsx","./src/components/number-input/index.ts","./src/components/number-input/number-input.styles.ts","./src/components/number-input/number-input.test.tsx","./src/components/number-input/number-input.tsx","./src/components/number-input/number-input.types.ts","./src/components/pagination/index.ts","./src/components/pagination/pagination.styles.ts","./src/components/pagination/pagination.test.tsx","./src/components/pagination/pagination.tsx","./src/components/pagination/pagination.types.ts","./src/components/pagination/pagination.utils.ts","./src/components/popover/index.ts","./src/components/popover/popover.context.ts","./src/components/popover/popover.tsx","./src/components/popover/popover.types.ts","./src/components/popover/use-popover.ts","./src/components/popover/popover-dropdown/index.ts","./src/components/popover/popover-dropdown/popover-dropdown.tsx","./src/components/popover/popover-trigger/index.ts","./src/components/popover/popover-trigger/popover-trigger.tsx","./src/components/portal/index.ts","./src/components/portal/portal.test.tsx","./src/components/portal/portal.tsx","./src/components/portal/portal.types.ts","./src/components/progress/index.ts","./src/components/progress/progress.styles.ts","./src/components/progress/progress.test.tsx","./src/components/progress/progress.tsx","./src/components/progress/progress.types.ts","./src/components/progress-circle/index.ts","./src/components/progress-circle/progress-circle.styles.ts","./src/components/progress-circle/progress-circle.test.tsx","./src/components/progress-circle/progress-circle.tsx","./src/components/progress-circle/progress-circle.types.ts","./src/components/radio/index.ts","./src/components/radio/radio.context.ts","./src/components/radio/radio.styles.ts","./src/components/radio/radio.test.tsx","./src/components/radio/radio.tsx","./src/components/radio/radio.types.ts","./src/components/radio/radio-group/index.ts","./src/components/radio/radio-group/radio-group.tsx","./src/components/segmented-control/index.ts","./src/components/segmented-control/segmented-control.styles.ts","./src/components/segmented-control/segmented-control.test.tsx","./src/components/segmented-control/segmented-control.tsx","./src/components/segmented-control/segmented-control.types.ts","./src/components/select/index.ts","./src/components/select/select.context.ts","./src/components/select/select.test.tsx","./src/components/select/select.tsx","./src/components/select/select.types.ts","./src/components/select/use-select.ts","./src/components/select/select-dropdown/index.ts","./src/components/select/select-dropdown/select-dropdown.tsx","./src/components/select/select-group/index.ts","./src/components/select/select-group/select-group.tsx","./src/components/select/select-item/index.ts","./src/components/select/select-item/select-item.tsx","./src/components/select/select-root/index.ts","./src/components/select/select-root/select-root.tsx","./src/components/select/select-trigger/index.ts","./src/components/select/select-trigger/select-trigger.tsx","./src/components/slider/index.ts","./src/components/slider/slider.styles.ts","./src/components/slider/slider.tsx","./src/components/slider/slider.types.ts","./src/components/switch/index.ts","./src/components/switch/switch.styles.ts","./src/components/switch/switch.tsx","./src/components/switch/switch.types.ts","./src/components/table/index.ts","./src/components/table/table.context.ts","./src/components/table/table.styles.ts","./src/components/table/table.test.tsx","./src/components/table/table.tsx","./src/components/table/table.types.ts","./src/components/table/table-body/index.ts","./src/components/table/table-body/table-body.tsx","./src/components/table/table-caption/index.ts","./src/components/table/table-caption/table-caption.tsx","./src/components/table/table-cell/index.ts","./src/components/table/table-cell/table-cell.tsx","./src/components/table/table-head/index.ts","./src/components/table/table-head/table-head.tsx","./src/components/table/table-header-cell/index.ts","./src/components/table/table-header-cell/table-header-cell.tsx","./src/components/table/table-row/index.ts","./src/components/table/table-row/table-row.tsx","./src/components/tabs/index.ts","./src/components/tabs/tabs.context.ts","./src/components/tabs/tabs.styles.ts","./src/components/tabs/tabs.test.tsx","./src/components/tabs/tabs.tsx","./src/components/tabs/tabs.types.ts","./src/components/tabs/tabs-list/index.ts","./src/components/tabs/tabs-list/tabs-list.tsx","./src/components/tabs/tabs-panel/index.ts","./src/components/tabs/tabs-panel/tabs-panel.tsx","./src/components/tabs/tabs-tab/index.ts","./src/components/tabs/tabs-tab/tabs-tab.tsx","./src/components/textarea/index.ts","./src/components/textarea/textarea.tsx","./src/components/textarea/textarea.types.ts","./src/components/textarea/textarea-field/index.ts","./src/components/textarea/textarea-field/textarea-field.styles.ts","./src/components/textarea/textarea-field/textarea-field.tsx","./src/components/timeline/index.ts","./src/components/timeline/timeline.context.ts","./src/components/timeline/timeline.styles.ts","./src/components/timeline/timeline.test.tsx","./src/components/timeline/timeline.tsx","./src/components/timeline/timeline.types.ts","./src/components/timeline/timeline-item/index.ts","./src/components/timeline/timeline-item/timeline-item.tsx","./src/components/tooltip/index.ts","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip.types.ts","./src/components/tooltip/use-tooltip.ts","./src/components/transition/index.ts","./src/components/transition/transition.test.tsx","./src/components/transition/transition.tsx","./src/components/transition/transition.types.ts","./src/components/transition/transitions.ts","./src/icons/check.tsx","./src/icons/chevron.tsx","./src/icons/index.ts","./src/icons/minus.tsx","./src/icons/types.ts","./src/icons/user.tsx","./src/icons/x.tsx","./src/theme/index.ts","./src/theme/types.ts","./src/theme/themeprovider/themeprovider.tsx","./src/theme/themeprovider/context.ts","./src/theme/themeprovider/generatevariables.test.ts","./src/theme/themeprovider/generatevariables.ts","./src/theme/themeprovider/index.ts","./src/theme/themeprovider/types.ts","./src/theme/createtheme/createtheme.ts","./src/theme/createtheme/index.ts","./src/theme/createtheme/types.ts","./src/theme/defaults/colors.ts","./src/theme/defaults/settings.ts","./src/theme/utils/get-radius.ts","./src/theme/utils/get-shade.ts","./src/theme/utils/index.ts","./src/theme/utils/use-theme.ts","./src/utils/index.ts","./src/utils/configs/create-config.ts","./src/utils/configs/index.ts","./src/utils/configs/use-class-names.ts","./src/utils/configs/use-props.ts","./src/utils/cx/index.ts","./src/utils/factory/factory.ts","./src/utils/factory/index.ts","./src/utils/factory/types.ts","./src/vitest/index.ts","./src/vitest/setup.tsx","./src/vitest/utils.tsx"],"version":"5.9.3"}
|
|
1
|
+
{"root":["./src/index.ts","./src/components/index.ts","./src/components/accordion/accordion.context.ts","./src/components/accordion/accordion.styles.ts","./src/components/accordion/accordion.test.tsx","./src/components/accordion/accordion.tsx","./src/components/accordion/accordion.types.ts","./src/components/accordion/index.ts","./src/components/accordion/accordion-control/accordion-control.tsx","./src/components/accordion/accordion-control/index.ts","./src/components/accordion/accordion-item/accordion-item.tsx","./src/components/accordion/accordion-item/index.ts","./src/components/accordion/accordion-panel/accordion-panel.tsx","./src/components/accordion/accordion-panel/index.ts","./src/components/avatar/avatar.styles.ts","./src/components/avatar/avatar.tsx","./src/components/avatar/avatar.types.ts","./src/components/avatar/index.ts","./src/components/avatar/avatar-group/avatar-group.tsx","./src/components/avatar/avatar-group/index.ts","./src/components/badge/badge.styles.ts","./src/components/badge/badge.tsx","./src/components/badge/badge.types.ts","./src/components/badge/index.ts","./src/components/breadcrumbs/breadcrumbs.styles.ts","./src/components/breadcrumbs/breadcrumbs.test.tsx","./src/components/breadcrumbs/breadcrumbs.tsx","./src/components/breadcrumbs/breadcrumbs.types.ts","./src/components/breadcrumbs/breadcrumbs.utils.ts","./src/components/breadcrumbs/index.ts","./src/components/button/button.styles.ts","./src/components/button/button.test.tsx","./src/components/button/button.tsx","./src/components/button/button.types.ts","./src/components/button/index.ts","./src/components/checkbox/checkbox.context.ts","./src/components/checkbox/checkbox.styles.ts","./src/components/checkbox/checkbox.test.tsx","./src/components/checkbox/checkbox.tsx","./src/components/checkbox/checkbox.types.ts","./src/components/checkbox/index.ts","./src/components/checkbox/checkbox-group/checkbox-group.tsx","./src/components/checkbox/checkbox-group/index.ts","./src/components/chip/chip.context.ts","./src/components/chip/chip.styles.ts","./src/components/chip/chip.test.tsx","./src/components/chip/chip.tsx","./src/components/chip/chip.types.ts","./src/components/chip/index.ts","./src/components/chip/chip-group/chip-group.tsx","./src/components/chip/chip-group/index.ts","./src/components/color-swatch/color-swatch.styles.ts","./src/components/color-swatch/color-swatch.test.tsx","./src/components/color-swatch/color-swatch.tsx","./src/components/color-swatch/color-swatch.types.ts","./src/components/color-swatch/index.ts","./src/components/drawer/drawer.context.ts","./src/components/drawer/drawer.styles.ts","./src/components/drawer/drawer.test.tsx","./src/components/drawer/drawer.tsx","./src/components/drawer/drawer.types.ts","./src/components/drawer/index.ts","./src/components/drawer/use-drawer.ts","./src/components/drawer/drawer-body/drawer-body.tsx","./src/components/drawer/drawer-body/index.ts","./src/components/drawer/drawer-close/drawer-close.tsx","./src/components/drawer/drawer-close/index.ts","./src/components/drawer/drawer-content/drawer-content.tsx","./src/components/drawer/drawer-content/index.ts","./src/components/drawer/drawer-header/drawer-header.tsx","./src/components/drawer/drawer-header/index.ts","./src/components/drawer/drawer-overlay/drawer-overlay.tsx","./src/components/drawer/drawer-overlay/index.ts","./src/components/drawer/drawer-root/drawer-root.tsx","./src/components/drawer/drawer-root/index.ts","./src/components/file-input/file-input.test.tsx","./src/components/file-input/file-input.tsx","./src/components/file-input/file-input.types.ts","./src/components/file-input/file-input.utils.test.ts","./src/components/file-input/file-input.utils.ts","./src/components/file-input/index.ts","./src/components/for/for.test.tsx","./src/components/for/for.tsx","./src/components/for/for.types.ts","./src/components/for/index.ts","./src/components/input/index.ts","./src/components/input/input.tsx","./src/components/input/input.types.ts","./src/components/input/input-description/index.ts","./src/components/input/input-description/input-description.tsx","./src/components/input/input-error/index.ts","./src/components/input/input-error/input-error.tsx","./src/components/input/input-field/index.ts","./src/components/input/input-field/input-field.styles.ts","./src/components/input/input-field/input-field.tsx","./src/components/input/input-label/index.ts","./src/components/input/input-label/input-label.tsx","./src/components/input/input-wrapper/index.ts","./src/components/input/input-wrapper/input-wrapper.tsx","./src/components/loader/index.ts","./src/components/loader/loader.tsx","./src/components/loader/loader.types.ts","./src/components/menu/index.ts","./src/components/menu/menu.context.ts","./src/components/menu/menu.test.tsx","./src/components/menu/menu.tsx","./src/components/menu/menu.types.ts","./src/components/menu/use-menu.ts","./src/components/menu/menu-dropdown/index.ts","./src/components/menu/menu-dropdown/menu-dropdown.tsx","./src/components/menu/menu-item/index.ts","./src/components/menu/menu-item/menu-item.tsx","./src/components/menu/menu-label/index.ts","./src/components/menu/menu-label/menu-label.tsx","./src/components/menu/menu-separator/index.ts","./src/components/menu/menu-separator/menu-separator.tsx","./src/components/menu/menu-sub/index.ts","./src/components/menu/menu-sub/menu-sub.tsx","./src/components/menu/menu-sub-dropdown/index.ts","./src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx","./src/components/menu/menu-sub-trigger/index.ts","./src/components/menu/menu-sub-trigger/menu-sub-trigger.tsx","./src/components/menu/menu-trigger/index.ts","./src/components/menu/menu-trigger/menu-trigger.tsx","./src/components/modal/index.ts","./src/components/modal/modal.context.ts","./src/components/modal/modal.test.tsx","./src/components/modal/modal.tsx","./src/components/modal/modal.types.ts","./src/components/modal/use-modal.ts","./src/components/modal/modal-body/index.ts","./src/components/modal/modal-body/modal-body.tsx","./src/components/modal/modal-close/index.ts","./src/components/modal/modal-close/modal-close.tsx","./src/components/modal/modal-content/index.ts","./src/components/modal/modal-content/modal-content.tsx","./src/components/modal/modal-header/index.ts","./src/components/modal/modal-header/modal-header.tsx","./src/components/modal/modal-overlay/index.ts","./src/components/modal/modal-overlay/modal-overlay.tsx","./src/components/modal/modal-root/index.ts","./src/components/modal/modal-root/modal-root.tsx","./src/components/number-input/index.ts","./src/components/number-input/number-input.styles.ts","./src/components/number-input/number-input.test.tsx","./src/components/number-input/number-input.tsx","./src/components/number-input/number-input.types.ts","./src/components/pagination/index.ts","./src/components/pagination/pagination.styles.ts","./src/components/pagination/pagination.test.tsx","./src/components/pagination/pagination.tsx","./src/components/pagination/pagination.types.ts","./src/components/pagination/pagination.utils.ts","./src/components/password-input/index.ts","./src/components/password-input/password-input.test.tsx","./src/components/password-input/password-input.tsx","./src/components/password-input/password-input.types.ts","./src/components/pin-input/index.ts","./src/components/pin-input/pin-input.test.tsx","./src/components/pin-input/pin-input.tsx","./src/components/pin-input/pin-input.types.ts","./src/components/popover/index.ts","./src/components/popover/popover.context.ts","./src/components/popover/popover.tsx","./src/components/popover/popover.types.ts","./src/components/popover/use-popover.ts","./src/components/popover/popover-dropdown/index.ts","./src/components/popover/popover-dropdown/popover-dropdown.tsx","./src/components/popover/popover-trigger/index.ts","./src/components/popover/popover-trigger/popover-trigger.tsx","./src/components/portal/index.ts","./src/components/portal/portal.test.tsx","./src/components/portal/portal.tsx","./src/components/portal/portal.types.ts","./src/components/progress/index.ts","./src/components/progress/progress.styles.ts","./src/components/progress/progress.test.tsx","./src/components/progress/progress.tsx","./src/components/progress/progress.types.ts","./src/components/progress-circle/index.ts","./src/components/progress-circle/progress-circle.styles.ts","./src/components/progress-circle/progress-circle.test.tsx","./src/components/progress-circle/progress-circle.tsx","./src/components/progress-circle/progress-circle.types.ts","./src/components/radio/index.ts","./src/components/radio/radio.context.ts","./src/components/radio/radio.styles.ts","./src/components/radio/radio.test.tsx","./src/components/radio/radio.tsx","./src/components/radio/radio.types.ts","./src/components/radio/radio-group/index.ts","./src/components/radio/radio-group/radio-group.tsx","./src/components/scroll-area/index.ts","./src/components/scroll-area/scroll-area.test.tsx","./src/components/scroll-area/scroll-area.tsx","./src/components/scroll-area/scroll-area.types.ts","./src/components/segmented-control/index.ts","./src/components/segmented-control/segmented-control.styles.ts","./src/components/segmented-control/segmented-control.test.tsx","./src/components/segmented-control/segmented-control.tsx","./src/components/segmented-control/segmented-control.types.ts","./src/components/select/index.ts","./src/components/select/select.context.ts","./src/components/select/select.test.tsx","./src/components/select/select.tsx","./src/components/select/select.types.ts","./src/components/select/use-select.ts","./src/components/select/select-dropdown/index.ts","./src/components/select/select-dropdown/select-dropdown.tsx","./src/components/select/select-group/index.ts","./src/components/select/select-group/select-group.tsx","./src/components/select/select-item/index.ts","./src/components/select/select-item/select-item.tsx","./src/components/select/select-root/index.ts","./src/components/select/select-root/select-root.tsx","./src/components/select/select-trigger/index.ts","./src/components/select/select-trigger/select-trigger.tsx","./src/components/slider/index.ts","./src/components/slider/slider.styles.ts","./src/components/slider/slider.tsx","./src/components/slider/slider.types.ts","./src/components/switch/index.ts","./src/components/switch/switch.styles.ts","./src/components/switch/switch.tsx","./src/components/switch/switch.types.ts","./src/components/table/index.ts","./src/components/table/table.context.ts","./src/components/table/table.styles.ts","./src/components/table/table.test.tsx","./src/components/table/table.tsx","./src/components/table/table.types.ts","./src/components/table/table-body/index.ts","./src/components/table/table-body/table-body.tsx","./src/components/table/table-caption/index.ts","./src/components/table/table-caption/table-caption.tsx","./src/components/table/table-cell/index.ts","./src/components/table/table-cell/table-cell.tsx","./src/components/table/table-head/index.ts","./src/components/table/table-head/table-head.tsx","./src/components/table/table-header-cell/index.ts","./src/components/table/table-header-cell/table-header-cell.tsx","./src/components/table/table-row/index.ts","./src/components/table/table-row/table-row.tsx","./src/components/tabs/index.ts","./src/components/tabs/tabs.context.ts","./src/components/tabs/tabs.styles.ts","./src/components/tabs/tabs.test.tsx","./src/components/tabs/tabs.tsx","./src/components/tabs/tabs.types.ts","./src/components/tabs/tabs-list/index.ts","./src/components/tabs/tabs-list/tabs-list.tsx","./src/components/tabs/tabs-panel/index.ts","./src/components/tabs/tabs-panel/tabs-panel.tsx","./src/components/tabs/tabs-tab/index.ts","./src/components/tabs/tabs-tab/tabs-tab.tsx","./src/components/textarea/index.ts","./src/components/textarea/textarea.tsx","./src/components/textarea/textarea.types.ts","./src/components/textarea/textarea-field/index.ts","./src/components/textarea/textarea-field/textarea-field.styles.ts","./src/components/textarea/textarea-field/textarea-field.tsx","./src/components/timeline/index.ts","./src/components/timeline/timeline.context.ts","./src/components/timeline/timeline.styles.ts","./src/components/timeline/timeline.test.tsx","./src/components/timeline/timeline.tsx","./src/components/timeline/timeline.types.ts","./src/components/timeline/timeline-item/index.ts","./src/components/timeline/timeline-item/timeline-item.tsx","./src/components/tooltip/index.ts","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip.types.ts","./src/components/tooltip/use-tooltip.ts","./src/components/transition/index.ts","./src/components/transition/transition.test.tsx","./src/components/transition/transition.tsx","./src/components/transition/transition.types.ts","./src/components/transition/transitions.ts","./src/icons/check.tsx","./src/icons/chevron.tsx","./src/icons/eye-off.tsx","./src/icons/eye.tsx","./src/icons/index.ts","./src/icons/minus.tsx","./src/icons/types.ts","./src/icons/user.tsx","./src/icons/x.tsx","./src/theme/index.ts","./src/theme/types.ts","./src/theme/themeprovider/themeprovider.tsx","./src/theme/themeprovider/context.ts","./src/theme/themeprovider/generatevariables.test.ts","./src/theme/themeprovider/generatevariables.ts","./src/theme/themeprovider/index.ts","./src/theme/themeprovider/types.ts","./src/theme/createtheme/createtheme.ts","./src/theme/createtheme/index.ts","./src/theme/createtheme/types.ts","./src/theme/defaults/colors.ts","./src/theme/defaults/settings.ts","./src/theme/utils/get-radius.ts","./src/theme/utils/get-shade.ts","./src/theme/utils/index.ts","./src/theme/utils/use-theme.ts","./src/utils/index.ts","./src/utils/configs/create-config.ts","./src/utils/configs/index.ts","./src/utils/configs/use-class-names.ts","./src/utils/configs/use-props.ts","./src/utils/cx/index.ts","./src/utils/factory/factory.ts","./src/utils/factory/index.ts","./src/utils/factory/types.ts","./src/vitest/index.ts","./src/vitest/setup.tsx","./src/vitest/utils.tsx"],"version":"5.9.3"}
|