@byyuurin/ui 0.0.3 → 0.0.5
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/README.md +15 -24
- package/dist/index.d.ts +25 -2
- package/dist/index.mjs +25 -2
- package/dist/nuxt.d.mts +1 -1
- package/dist/nuxt.d.ts +1 -1
- package/dist/nuxt.mjs +14 -10
- package/dist/nuxt.mjs.map +1 -0
- package/dist/runtime/components/Accordion.vue +1 -1
- package/dist/runtime/components/Alert.vue +120 -0
- package/dist/runtime/components/App.vue +5 -1
- package/dist/runtime/components/Badge.vue +71 -0
- package/dist/runtime/components/Button.vue +3 -3
- package/dist/runtime/components/Card.vue +4 -4
- package/dist/runtime/components/Checkbox.vue +3 -6
- package/dist/runtime/components/Chip.vue +59 -0
- package/dist/runtime/components/Drawer.vue +2 -2
- package/dist/runtime/components/Input.vue +7 -2
- package/dist/runtime/components/Link.vue +1 -1
- package/dist/runtime/components/Modal.vue +2 -2
- package/dist/runtime/components/ModalProvider.vue +1 -1
- package/dist/runtime/components/PinInput.vue +86 -0
- package/dist/runtime/components/Popover.vue +1 -1
- package/dist/runtime/components/RadioGroup.vue +2 -8
- package/dist/runtime/components/ScrollArea.vue +72 -0
- package/dist/runtime/components/Select.vue +2 -1
- package/dist/runtime/components/Slider.vue +97 -0
- package/dist/runtime/components/Switch.vue +1 -2
- package/dist/runtime/components/Tabs.vue +6 -6
- package/dist/runtime/components/Textarea.vue +172 -0
- package/dist/runtime/components/Toast.vue +2 -2
- package/dist/runtime/components/Toaster.vue +2 -1
- package/dist/runtime/components/Tooltip.vue +1 -1
- package/dist/runtime/composables/defineInjection.d.ts +11 -0
- package/dist/runtime/composables/defineInjection.mjs +9 -0
- package/dist/runtime/composables/useModal.d.ts +1 -1
- package/dist/runtime/composables/useModal.mjs +3 -2
- package/dist/runtime/composables/useTheme.d.ts +3 -1
- package/dist/runtime/composables/useTheme.mjs +14 -6
- package/dist/runtime/theme/accordion.mjs +24 -21
- package/dist/runtime/theme/alert.d.ts +85 -0
- package/dist/runtime/theme/alert.mjs +47 -0
- package/dist/runtime/theme/app.mjs +1 -0
- package/dist/runtime/theme/badge.d.ts +79 -0
- package/dist/runtime/theme/badge.mjs +89 -0
- package/dist/runtime/theme/button.d.ts +4 -9
- package/dist/runtime/theme/button.mjs +130 -127
- package/dist/runtime/theme/card.d.ts +2 -2
- package/dist/runtime/theme/card.mjs +12 -9
- package/dist/runtime/theme/checkbox.d.ts +0 -12
- package/dist/runtime/theme/checkbox.mjs +45 -47
- package/dist/runtime/theme/chip.d.ts +56 -0
- package/dist/runtime/theme/chip.mjs +63 -0
- package/dist/runtime/theme/drawer.mjs +69 -66
- package/dist/runtime/theme/index.d.ts +7 -0
- package/dist/runtime/theme/index.mjs +7 -0
- package/dist/runtime/theme/input.d.ts +13 -5
- package/dist/runtime/theme/input.mjs +135 -122
- package/dist/runtime/theme/link.d.ts +1 -1
- package/dist/runtime/theme/link.mjs +23 -20
- package/dist/runtime/theme/modal.mjs +51 -48
- package/dist/runtime/theme/pinInput.d.ts +97 -0
- package/dist/runtime/theme/pinInput.mjs +108 -0
- package/dist/runtime/theme/popover.mjs +11 -8
- package/dist/runtime/theme/radioGroup.d.ts +0 -24
- package/dist/runtime/theme/radioGroup.mjs +50 -59
- package/dist/runtime/theme/scrollArea.d.ts +51 -0
- package/dist/runtime/theme/scrollArea.mjs +33 -0
- package/dist/runtime/theme/select.d.ts +5 -2
- package/dist/runtime/theme/select.mjs +156 -143
- package/dist/runtime/theme/slider.d.ts +73 -0
- package/dist/runtime/theme/slider.mjs +49 -0
- package/dist/runtime/theme/switch.d.ts +0 -12
- package/dist/runtime/theme/switch.mjs +66 -69
- package/dist/runtime/theme/tabs.d.ts +44 -13
- package/dist/runtime/theme/tabs.mjs +132 -106
- package/dist/runtime/theme/textarea.d.ts +93 -0
- package/dist/runtime/theme/textarea.mjs +113 -0
- package/dist/runtime/theme/toast.mjs +26 -23
- package/dist/runtime/theme/toaster.d.ts +2 -2
- package/dist/runtime/theme/toaster.mjs +84 -81
- package/dist/runtime/theme/tooltip.mjs +9 -6
- package/dist/runtime/types/components.d.ts +7 -0
- package/dist/runtime/types/index.d.ts +1 -3
- package/dist/runtime/utils/extend-theme.mjs +1 -1
- package/dist/runtime/utils/index.d.ts +0 -11
- package/dist/runtime/utils/index.mjs +0 -11
- package/dist/runtime/utils/link.d.ts +1 -1
- package/dist/shared/ui.CzDyI29e.mjs +8 -0
- package/dist/shared/ui.CzDyI29e.mjs.map +1 -0
- package/dist/unocss-preset.d.mts +15 -7
- package/dist/unocss-preset.d.ts +15 -7
- package/dist/unocss-preset.mjs +97 -384
- package/dist/unocss-preset.mjs.map +1 -0
- package/dist/unplugin.d.mts +25 -0
- package/dist/unplugin.d.ts +25 -0
- package/dist/unplugin.mjs +64 -0
- package/dist/unplugin.mjs.map +1 -0
- package/dist/vite.d.mts +9 -0
- package/dist/vite.d.ts +9 -0
- package/dist/vite.mjs +14 -0
- package/dist/vite.mjs.map +1 -0
- package/package.json +22 -14
- package/dist/index.cjs +0 -38
- package/dist/resolver.d.mts +0 -13
- package/dist/resolver.d.ts +0 -13
- package/dist/resolver.mjs +0 -21
- package/dist/runtime/components/index.cjs +0 -132
- package/dist/runtime/components/index.d.ts +0 -18
- package/dist/runtime/components/index.mjs +0 -18
- package/dist/runtime/composables/index.cjs +0 -33
- package/dist/runtime/composables/index.d.ts +0 -4
- package/dist/runtime/composables/index.mjs +0 -4
- package/dist/runtime/composables/useComponentIcons.cjs +0 -30
- package/dist/runtime/composables/useModal.cjs +0 -55
- package/dist/runtime/composables/useTheme.cjs +0 -30
- package/dist/runtime/composables/useToast.cjs +0 -51
- package/dist/runtime/theme/accordion.cjs +0 -27
- package/dist/runtime/theme/app.cjs +0 -15
- package/dist/runtime/theme/button.cjs +0 -127
- package/dist/runtime/theme/card.cjs +0 -17
- package/dist/runtime/theme/checkbox.cjs +0 -56
- package/dist/runtime/theme/drawer.cjs +0 -73
- package/dist/runtime/theme/index.cjs +0 -125
- package/dist/runtime/theme/input.cjs +0 -115
- package/dist/runtime/theme/link.cjs +0 -23
- package/dist/runtime/theme/modal.cjs +0 -55
- package/dist/runtime/theme/popover.cjs +0 -13
- package/dist/runtime/theme/radioGroup.cjs +0 -73
- package/dist/runtime/theme/select.cjs +0 -128
- package/dist/runtime/theme/switch.cjs +0 -73
- package/dist/runtime/theme/tabs.cjs +0 -105
- package/dist/runtime/theme/toast.cjs +0 -33
- package/dist/runtime/theme/toaster.cjs +0 -72
- package/dist/runtime/theme/tooltip.cjs +0 -14
- package/dist/runtime/types/components.cjs +0 -1
- package/dist/runtime/types/index.cjs +0 -27
- package/dist/runtime/types/utils.cjs +0 -1
- package/dist/runtime/utils/extend-theme.cjs +0 -24
- package/dist/runtime/utils/index.cjs +0 -119
- package/dist/runtime/utils/link.cjs +0 -10
- package/dist/runtime/utils/styler.cjs +0 -18
- package/dist/shared/ui.CPXA9QoM.mjs +0 -23
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
content: ["color-ui-base bg-ui-base shadow-lg rounded-ui-box ring ring-ui-base/10", "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] focus:outline-none pointer-events-auto"],
|
|
11
|
-
arrow: "fill-ui-base stroke-ui-cb/10"
|
|
12
|
-
}
|
|
13
|
-
});
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
root: "relative",
|
|
11
|
-
fieldset: "flex flex-wrap gap-0.5em",
|
|
12
|
-
legend: "mb-1 block font-medium color-ui-cb",
|
|
13
|
-
item: "flex items-start",
|
|
14
|
-
base: "size-1.25em rounded-ui-base ring ring-inset ring-ui-cb focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb",
|
|
15
|
-
indicator: "flex items-center justify-center size-full rounded-ui-base bg-ui-fill",
|
|
16
|
-
container: "h-1.5em flex items-center",
|
|
17
|
-
wrapper: "ms-2",
|
|
18
|
-
label: "block font-medium color-ui-cb",
|
|
19
|
-
description: "color-ui-cb/60"
|
|
20
|
-
},
|
|
21
|
-
variants: {
|
|
22
|
-
orientation: {
|
|
23
|
-
horizontal: {
|
|
24
|
-
fieldset: "flex-row",
|
|
25
|
-
wrapper: "me-2"
|
|
26
|
-
},
|
|
27
|
-
vertical: {
|
|
28
|
-
fieldset: "flex-col"
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
size: {
|
|
32
|
-
xs: {
|
|
33
|
-
root: "text-xs"
|
|
34
|
-
},
|
|
35
|
-
sm: {
|
|
36
|
-
root: "text-sm"
|
|
37
|
-
},
|
|
38
|
-
md: {
|
|
39
|
-
root: "text-base"
|
|
40
|
-
},
|
|
41
|
-
lg: {
|
|
42
|
-
root: "text-lg"
|
|
43
|
-
},
|
|
44
|
-
xl: {
|
|
45
|
-
root: "text-xl"
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
dot: {
|
|
49
|
-
true: {
|
|
50
|
-
indicator: "after:content-empty after:size-0.75em after:bg-ui-c1 after:rounded-ui-base"
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
round: {
|
|
54
|
-
true: {
|
|
55
|
-
base: "rounded-full",
|
|
56
|
-
indicator: "rounded-full after:rounded-full"
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
disabled: {
|
|
60
|
-
true: {
|
|
61
|
-
root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
|
|
62
|
-
},
|
|
63
|
-
false: {
|
|
64
|
-
label: "cursor-pointer"
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
required: {
|
|
68
|
-
true: {
|
|
69
|
-
legend: "after:content-['*'] after:ms-0.5"
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
});
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
base: ["bg-ui-c1 relative group rounded-ui-base inline-flex items-center gap-x-2 focus:outline-none transition-colors", "disabled:cursor-not-allowed disabled:opacity-50"],
|
|
11
|
-
value: "me-auto truncate pointer-events-none",
|
|
12
|
-
placeholder: "me-auto truncate color-ui-cb/50",
|
|
13
|
-
arrow: "fill-ui-c1 stroke-ui-cb/10",
|
|
14
|
-
content: ["max-h-60 w-[var(--reka-popper-anchor-width)] bg-ui-c1 shadow-lg rounded-[calc(var(--ui-radius-tabs)*0.66)] ring ring-ui-cb/10 overflow-hidden pointer-events-auto", "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]"],
|
|
15
|
-
viewport: "divide-y divide-ui-cb/10 scroll-py-1",
|
|
16
|
-
group: "p-1 isolate",
|
|
17
|
-
empty: "py-2 text-center text-sm color-ui-cb/50",
|
|
18
|
-
label: "font-semibold color-ui-cb cursor-pointer",
|
|
19
|
-
separator: "-mx-1 my-1 h-px bg-ui-cb/10",
|
|
20
|
-
item: ["group relative w-full flex gap-2 items-center select-none outline-none color-ui-cb/50 transition-colors cursor-pointer", "aria-disabled:cursor-not-allowed aria-disabled:opacity-50", "before:content-empty before:absolute before:z-[-1] before:inset-px before:rounded-ui-base before:transition-colors", "data-[highlighted]:color-ui-cb data-[highlighted]:before:bg-ui-cb/3", "data-[state=checked]:color-ui-base"],
|
|
21
|
-
itemPrefixIcon: "shrink-0 color-ui-cb/80 group-data-[highlighted]:color-ui-cb/80 transition-colors",
|
|
22
|
-
itemSuffix: "ms-auto inline-flex gap-1.5 items-center",
|
|
23
|
-
itemSuffixIcon: "shrink-0",
|
|
24
|
-
itemLabel: "truncate",
|
|
25
|
-
prefix: "flex items-center",
|
|
26
|
-
prefixIcon: "shrink-0 size-1.25em",
|
|
27
|
-
suffix: "flex items-center",
|
|
28
|
-
suffixIcon: "shrink-0 size-1.25em"
|
|
29
|
-
},
|
|
30
|
-
variants: {
|
|
31
|
-
variant: {
|
|
32
|
-
outline: {
|
|
33
|
-
base: ["color-ui-cb/80 bg-ui-c1 ring ring-inset ring-ui-cb/50", "focus-within:ring-2 focus-within:ring-ui-cb/50", "disabled:ring-ui-cb/80 hover:disabled:ring-ui-cb/80"]
|
|
34
|
-
},
|
|
35
|
-
soft: {
|
|
36
|
-
base: ["color-ui-cb/80 bg-ui-cb/4", "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85", "disabled:color-ui-content/80 disabled:bg-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-ui-fill/5"]
|
|
37
|
-
},
|
|
38
|
-
ghost: {
|
|
39
|
-
base: ["color-ui-cb/80 bg-transparent", "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85", "disabled:color-ui-fill/80 disabled:bg-transparent hover:disabled:color-ui-fill/80 hover:disabled:bg-transparent"]
|
|
40
|
-
},
|
|
41
|
-
none: {
|
|
42
|
-
base: "color-ui-cb bg-transparent"
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
size: {
|
|
46
|
-
xs: {
|
|
47
|
-
base: "text-xs",
|
|
48
|
-
item: "text-xs"
|
|
49
|
-
},
|
|
50
|
-
sm: {
|
|
51
|
-
base: "text-sm",
|
|
52
|
-
item: "text-sm"
|
|
53
|
-
},
|
|
54
|
-
md: {
|
|
55
|
-
base: "text-base",
|
|
56
|
-
item: "text-base"
|
|
57
|
-
},
|
|
58
|
-
lg: {
|
|
59
|
-
base: "text-lg",
|
|
60
|
-
item: "text-lg"
|
|
61
|
-
},
|
|
62
|
-
xl: {
|
|
63
|
-
base: "text-xl",
|
|
64
|
-
item: "text-xl"
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
prefix: {
|
|
68
|
-
true: ""
|
|
69
|
-
},
|
|
70
|
-
suffix: {
|
|
71
|
-
true: ""
|
|
72
|
-
},
|
|
73
|
-
loading: {
|
|
74
|
-
true: ""
|
|
75
|
-
},
|
|
76
|
-
underline: {
|
|
77
|
-
true: ""
|
|
78
|
-
},
|
|
79
|
-
highlight: {
|
|
80
|
-
true: ""
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
compoundVariants: [{
|
|
84
|
-
variant: ["soft", "ghost", "none"],
|
|
85
|
-
highlight: false,
|
|
86
|
-
underline: true,
|
|
87
|
-
class: {
|
|
88
|
-
base: "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-ui-cb/40"
|
|
89
|
-
}
|
|
90
|
-
}, {
|
|
91
|
-
size: ["xs", "sm", "md"],
|
|
92
|
-
class: {
|
|
93
|
-
base: "p-1.5 px-2.5",
|
|
94
|
-
item: "p-1.5 px-2.5"
|
|
95
|
-
}
|
|
96
|
-
}, {
|
|
97
|
-
size: ["lg", "xl"],
|
|
98
|
-
class: {
|
|
99
|
-
base: "p-2.5 px-3.5",
|
|
100
|
-
item: "p-2.5 px-3.5"
|
|
101
|
-
}
|
|
102
|
-
}, {
|
|
103
|
-
variant: ["soft", "ghost", "none"],
|
|
104
|
-
highlight: true,
|
|
105
|
-
class: {
|
|
106
|
-
base: "ring ring-inset ring-ui-fill/80"
|
|
107
|
-
}
|
|
108
|
-
}, {
|
|
109
|
-
variant: ["outline"],
|
|
110
|
-
highlight: true,
|
|
111
|
-
class: {
|
|
112
|
-
base: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
|
|
113
|
-
}
|
|
114
|
-
}, {
|
|
115
|
-
loading: true,
|
|
116
|
-
prefix: true,
|
|
117
|
-
class: {
|
|
118
|
-
prefixIcon: "animate-spin"
|
|
119
|
-
}
|
|
120
|
-
}, {
|
|
121
|
-
loading: true,
|
|
122
|
-
prefix: false,
|
|
123
|
-
suffix: true,
|
|
124
|
-
class: {
|
|
125
|
-
suffixIcon: "animate-spin"
|
|
126
|
-
}
|
|
127
|
-
}]
|
|
128
|
-
});
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
root: "relative flex items-start",
|
|
11
|
-
base: ["inline-flex items-center shrink-0 rounded-ui-base border-2 border-transparent transition-colors duration-200", "focus-visible:outline-2 focus-visible:outline-offset-2", "data-[state=unchecked]:bg-ui-cb/10 data-[state=checked]:bg-ui-fill/80 focus-visible:outline-ui-base", "w-2.7em"],
|
|
12
|
-
container: "flex items-center h-1.5em",
|
|
13
|
-
thumb: ["group pointer-events-none rounded-ui-base size-1.25em bg-ui-c1 shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center", "data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:translate-x-0 data-[state=checked]:translate-x-1.25em data-[state=checked]:rtl:-translate-x-1.25em"],
|
|
14
|
-
icon: ["absolute shrink-0 opacity-0 size-10/12 transition-[color,opacity] duration-200", "group-data-[state=unchecked]:color-ui-cb/50 group-data-[state=checked]:color-ui-base"],
|
|
15
|
-
wrapper: "ms-2",
|
|
16
|
-
label: "flex color-ui-cb/80",
|
|
17
|
-
description: "color-ui-cb/60"
|
|
18
|
-
},
|
|
19
|
-
variants: {
|
|
20
|
-
size: {
|
|
21
|
-
xs: {
|
|
22
|
-
root: "text-xs"
|
|
23
|
-
},
|
|
24
|
-
sm: {
|
|
25
|
-
root: "text-sm"
|
|
26
|
-
},
|
|
27
|
-
md: {
|
|
28
|
-
root: "text-base"
|
|
29
|
-
},
|
|
30
|
-
lg: {
|
|
31
|
-
root: "text-lg"
|
|
32
|
-
},
|
|
33
|
-
xl: {
|
|
34
|
-
root: "text-xl"
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
round: {
|
|
38
|
-
true: {
|
|
39
|
-
base: "rounded-full",
|
|
40
|
-
thumb: "rounded-full"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
checked: {
|
|
44
|
-
true: {
|
|
45
|
-
icon: "group-data-[state=checked]:opacity-100"
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
unchecked: {
|
|
49
|
-
true: {
|
|
50
|
-
icon: "group-data-[state=unchecked]:opacity-100"
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
loading: {
|
|
54
|
-
true: {
|
|
55
|
-
root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed",
|
|
56
|
-
icon: "animate-spin"
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
required: {
|
|
60
|
-
true: {
|
|
61
|
-
label: `after:content-['*'] after:ms-0.5`
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
disabled: {
|
|
65
|
-
true: {
|
|
66
|
-
root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
|
|
67
|
-
},
|
|
68
|
-
false: {
|
|
69
|
-
label: "cursor-pointer"
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
});
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
root: "flex items-center gap-2",
|
|
11
|
-
list: "relative flex p-1 group",
|
|
12
|
-
indicator: "absolute transition-all duration-200",
|
|
13
|
-
trigger: ["group relative inline-flex items-center shrink-0 min-w-0 font-medium rounded-ui-tabs transition-colors", "focus:outline-hidden", "disabled:cursor-not-allowed disabled:opacity-50"],
|
|
14
|
-
content: "w-full focus:outline-none",
|
|
15
|
-
leadingIcon: "shrink-0",
|
|
16
|
-
label: "truncate"
|
|
17
|
-
},
|
|
18
|
-
variants: {
|
|
19
|
-
variant: {
|
|
20
|
-
solid: {
|
|
21
|
-
list: "bg-ui-cb/5 rounded-ui-tabs",
|
|
22
|
-
trigger: ["data-[state=active]:color-ui-c1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill/80", "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"],
|
|
23
|
-
indicator: "bg-ui-fill/90 rounded-ui-tabs shadow-xs"
|
|
24
|
-
},
|
|
25
|
-
soft: {
|
|
26
|
-
list: "bg-ui-c1 rounded-ui-tabs",
|
|
27
|
-
trigger: ["data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill", "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"],
|
|
28
|
-
indicator: "bg-ui-fill/10 rounded-ui-tabs shadow-xs"
|
|
29
|
-
},
|
|
30
|
-
link: {
|
|
31
|
-
list: "border-ui-cb/10",
|
|
32
|
-
indicator: "bg-ui-fill rounded-full",
|
|
33
|
-
trigger: ["data-[state=active]:color-ui-base focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base", "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"]
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
orientation: {
|
|
37
|
-
horizontal: {
|
|
38
|
-
root: "flex-col",
|
|
39
|
-
list: "w-full",
|
|
40
|
-
indicator: "left-0 w-[var(--reka-tabs-indicator-size)] translate-x-[var(--reka-tabs-indicator-position)]",
|
|
41
|
-
trigger: "justify-center"
|
|
42
|
-
},
|
|
43
|
-
vertical: {
|
|
44
|
-
list: "flex-col",
|
|
45
|
-
indicator: "top-0 h-[var(--reka-tabs-indicator-size)] translate-y-[var(--reka-tabs-indicator-position)]",
|
|
46
|
-
trigger: "flex-1 w-full"
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
size: {
|
|
50
|
-
xs: {
|
|
51
|
-
trigger: "px-2 py-1 text-xs gap-1",
|
|
52
|
-
leadingIcon: "size-4"
|
|
53
|
-
},
|
|
54
|
-
sm: {
|
|
55
|
-
trigger: "px-2.5 py-1.5 text-xs gap-1.5",
|
|
56
|
-
leadingIcon: "size-4"
|
|
57
|
-
},
|
|
58
|
-
md: {
|
|
59
|
-
trigger: "px-3 py-1.5 text-sm gap-1.5",
|
|
60
|
-
leadingIcon: "size-5"
|
|
61
|
-
},
|
|
62
|
-
lg: {
|
|
63
|
-
trigger: "px-3 py-2 text-sm gap-2",
|
|
64
|
-
leadingIcon: "size-5"
|
|
65
|
-
},
|
|
66
|
-
xl: {
|
|
67
|
-
trigger: "px-3 py-2 text-base gap-2",
|
|
68
|
-
leadingIcon: "size-6"
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
full: {
|
|
72
|
-
true: {
|
|
73
|
-
trigger: "w-full flex-1"
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
compoundVariants: [{
|
|
78
|
-
orientation: "horizontal",
|
|
79
|
-
variant: ["solid", "soft"],
|
|
80
|
-
class: {
|
|
81
|
-
indicator: "inset-y-1"
|
|
82
|
-
}
|
|
83
|
-
}, {
|
|
84
|
-
orientation: "horizontal",
|
|
85
|
-
variant: "link",
|
|
86
|
-
class: {
|
|
87
|
-
list: "border-b -mb-px",
|
|
88
|
-
indicator: "-bottom-px h-px"
|
|
89
|
-
}
|
|
90
|
-
}, {
|
|
91
|
-
orientation: "vertical",
|
|
92
|
-
variant: ["solid", "soft"],
|
|
93
|
-
class: {
|
|
94
|
-
indicator: "inset-x-1",
|
|
95
|
-
list: "items-center rounded-[calc(var(--ui-radius-tabs)*0.66)]"
|
|
96
|
-
}
|
|
97
|
-
}, {
|
|
98
|
-
orientation: "vertical",
|
|
99
|
-
variant: "link",
|
|
100
|
-
class: {
|
|
101
|
-
list: "border-s -ms-px",
|
|
102
|
-
indicator: "-start-px w-px"
|
|
103
|
-
}
|
|
104
|
-
}]
|
|
105
|
-
});
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
root: "relative group overflow-hidden bg-ui-c1 shadow-lg rounded-ui-box ring ring-ui-c2 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-c2",
|
|
11
|
-
wrapper: "w-0 flex-1 flex flex-col gap-1",
|
|
12
|
-
title: "text-base font-medium color-ui-cb",
|
|
13
|
-
description: "text-sm color-ui-cb/80",
|
|
14
|
-
icon: "shrink-0 size-6 color-ui-cb",
|
|
15
|
-
avatar: "shrink-0",
|
|
16
|
-
avatarSize: "2xl",
|
|
17
|
-
actions: "flex flex-wrap gap-1.5 shrink-0",
|
|
18
|
-
progress: "absolute inset-x-0 bottom-0 h-1 z-[-1] color-ui-base/80 bg-current",
|
|
19
|
-
close: "p-0.5"
|
|
20
|
-
},
|
|
21
|
-
variants: {
|
|
22
|
-
multiline: {
|
|
23
|
-
true: {
|
|
24
|
-
root: "items-start",
|
|
25
|
-
actions: "items-start mt-1"
|
|
26
|
-
},
|
|
27
|
-
false: {
|
|
28
|
-
root: "items-center",
|
|
29
|
-
actions: "items-center"
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
});
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
viewport: ["fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] focus:outline-none", "data-[expanded=true]:h-[var(--height)]"],
|
|
11
|
-
base: ["pointer-events-auto absolute inset-x-0 z-[var(--index)] [transform:var(--transform)] transition-all duration-200 ease-out", "[&[data-expanded=false][data-front=false]]:h-[var(--front-height)]", "[&[data-expanded=false][data-front=false]>*]:invisible", "data-[state=closed]:animate-[toast-closed_200ms_ease-in-out]", "[&[data-state=closed][data-expanded=false][data-front=false]]:animate-[toast-collapsed-closed_200ms_ease-in-out]", "data-[swipe=move]:transition-none"]
|
|
12
|
-
},
|
|
13
|
-
variants: {
|
|
14
|
-
position: {
|
|
15
|
-
"top-left": {
|
|
16
|
-
viewport: "left-4"
|
|
17
|
-
},
|
|
18
|
-
"top-center": {
|
|
19
|
-
viewport: "left-1/2 -translate-x-1/2"
|
|
20
|
-
},
|
|
21
|
-
"top-right": {
|
|
22
|
-
viewport: "right-4"
|
|
23
|
-
},
|
|
24
|
-
"bottom-left": {
|
|
25
|
-
viewport: "left-4"
|
|
26
|
-
},
|
|
27
|
-
"bottom-center": {
|
|
28
|
-
viewport: "left-1/2 -translate-x-1/2"
|
|
29
|
-
},
|
|
30
|
-
"bottom-right": {
|
|
31
|
-
viewport: "right-4"
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
swipeDirection: {
|
|
35
|
-
up: {
|
|
36
|
-
base: "data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]"
|
|
37
|
-
},
|
|
38
|
-
right: {
|
|
39
|
-
base: "data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]"
|
|
40
|
-
},
|
|
41
|
-
down: {
|
|
42
|
-
base: "data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]"
|
|
43
|
-
},
|
|
44
|
-
left: {
|
|
45
|
-
base: "data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
compoundVariants: [{
|
|
50
|
-
position: ["top-left", "top-center", "top-right"],
|
|
51
|
-
class: {
|
|
52
|
-
viewport: "top-4",
|
|
53
|
-
base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
|
|
54
|
-
}
|
|
55
|
-
}, {
|
|
56
|
-
position: ["bottom-left", "bottom-center", "bottom-right"],
|
|
57
|
-
class: {
|
|
58
|
-
viewport: "bottom-4",
|
|
59
|
-
base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
|
|
60
|
-
}
|
|
61
|
-
}, {
|
|
62
|
-
swipeDirection: ["left", "right"],
|
|
63
|
-
class: {
|
|
64
|
-
base: ["data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)]", "data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)]", "data-[swipe=cancel]:translate-x-0"]
|
|
65
|
-
}
|
|
66
|
-
}, {
|
|
67
|
-
swipeDirection: ["up", "down"],
|
|
68
|
-
class: {
|
|
69
|
-
base: ["data-[swipe=move]:translate-y-[var(--reka-toast-swipe-move-y)]", "data-[swipe=end]:translate-y-[var(--reka-toast-swipe-end-y)]", "data-[swipe=cancel]:translate-y-0"]
|
|
70
|
-
}
|
|
71
|
-
}]
|
|
72
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _uiKit = require("@byyuurin/ui-kit");
|
|
8
|
-
module.exports = (0, _uiKit.ct)({
|
|
9
|
-
slots: {
|
|
10
|
-
content: "flex items-center gap-1 bg-ui-c1 color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
|
|
11
|
-
arrow: "fill-ui-c1 stroke-ui-cb/10",
|
|
12
|
-
text: "truncate"
|
|
13
|
-
}
|
|
14
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _components = require("./components.cjs");
|
|
7
|
-
Object.keys(_components).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _components[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _components[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _utils = require("./utils.cjs");
|
|
18
|
-
Object.keys(_utils).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _utils[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _utils[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.extendTheme = void 0;
|
|
7
|
-
var _defu = require("defu");
|
|
8
|
-
const extendTheme = exports.extendTheme = (0, _defu.createDefu)((obj, key, value) => {
|
|
9
|
-
if (key === "global") {
|
|
10
|
-
obj[key] = {
|
|
11
|
-
...obj[key],
|
|
12
|
-
...value
|
|
13
|
-
};
|
|
14
|
-
return true;
|
|
15
|
-
}
|
|
16
|
-
if (typeof obj[key] === "string" && typeof value === "string") {
|
|
17
|
-
if (value.trim()) obj[key] += ` ${value}`;
|
|
18
|
-
return true;
|
|
19
|
-
}
|
|
20
|
-
if (Array.isArray(obj[key]) && typeof value === "string") {
|
|
21
|
-
obj[key].push(value);
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _exportNames = {
|
|
7
|
-
createInjection: true,
|
|
8
|
-
pick: true,
|
|
9
|
-
omit: true,
|
|
10
|
-
get: true,
|
|
11
|
-
set: true,
|
|
12
|
-
looseToNumber: true,
|
|
13
|
-
compare: true
|
|
14
|
-
};
|
|
15
|
-
exports.compare = compare;
|
|
16
|
-
exports.createInjection = createInjection;
|
|
17
|
-
exports.get = get;
|
|
18
|
-
exports.looseToNumber = looseToNumber;
|
|
19
|
-
exports.omit = omit;
|
|
20
|
-
exports.pick = pick;
|
|
21
|
-
exports.set = set;
|
|
22
|
-
var _ohash = require("ohash");
|
|
23
|
-
var _vue = require("vue");
|
|
24
|
-
var _extendTheme = require("./extend-theme.cjs");
|
|
25
|
-
Object.keys(_extendTheme).forEach(function (key) {
|
|
26
|
-
if (key === "default" || key === "__esModule") return;
|
|
27
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
28
|
-
if (key in exports && exports[key] === _extendTheme[key]) return;
|
|
29
|
-
Object.defineProperty(exports, key, {
|
|
30
|
-
enumerable: true,
|
|
31
|
-
get: function () {
|
|
32
|
-
return _extendTheme[key];
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
var _link = require("./link.cjs");
|
|
37
|
-
Object.keys(_link).forEach(function (key) {
|
|
38
|
-
if (key === "default" || key === "__esModule") return;
|
|
39
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
40
|
-
if (key in exports && exports[key] === _link[key]) return;
|
|
41
|
-
Object.defineProperty(exports, key, {
|
|
42
|
-
enumerable: true,
|
|
43
|
-
get: function () {
|
|
44
|
-
return _link[key];
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
var _styler = require("./styler.cjs");
|
|
49
|
-
Object.keys(_styler).forEach(function (key) {
|
|
50
|
-
if (key === "default" || key === "__esModule") return;
|
|
51
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
52
|
-
if (key in exports && exports[key] === _styler[key]) return;
|
|
53
|
-
Object.defineProperty(exports, key, {
|
|
54
|
-
enumerable: true,
|
|
55
|
-
get: function () {
|
|
56
|
-
return _styler[key];
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
function createInjection(name, defaultValue) {
|
|
61
|
-
const injectionKey = Symbol(name);
|
|
62
|
-
const provide = value => (0, _vue.provide)(injectionKey, value);
|
|
63
|
-
const inject = () => (0, _vue.inject)(injectionKey, defaultValue);
|
|
64
|
-
return {
|
|
65
|
-
injectionKey,
|
|
66
|
-
provide,
|
|
67
|
-
inject
|
|
68
|
-
};
|
|
69
|
-
}
|
|
70
|
-
function pick(data, keys) {
|
|
71
|
-
const result = {};
|
|
72
|
-
for (const key of keys) result[key] = data[key];
|
|
73
|
-
return result;
|
|
74
|
-
}
|
|
75
|
-
function omit(data, keys) {
|
|
76
|
-
const result = {
|
|
77
|
-
...data
|
|
78
|
-
};
|
|
79
|
-
for (const key of keys) delete result[key];
|
|
80
|
-
return result;
|
|
81
|
-
}
|
|
82
|
-
function get(object, path, defaultValue) {
|
|
83
|
-
if (typeof path === "string") {
|
|
84
|
-
path = path.split(".").map(key => {
|
|
85
|
-
const numKey = Number(key);
|
|
86
|
-
return Number.isNaN(numKey) ? key : numKey;
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
let result = object;
|
|
90
|
-
for (const key of path) {
|
|
91
|
-
if (result === void 0 || result === null) return defaultValue;
|
|
92
|
-
result = result[key];
|
|
93
|
-
}
|
|
94
|
-
return result === void 0 ? defaultValue : result;
|
|
95
|
-
}
|
|
96
|
-
function set(object, path, value) {
|
|
97
|
-
if (typeof path === "string") {
|
|
98
|
-
path = path.split(".").map(key => {
|
|
99
|
-
const numKey = Number(key);
|
|
100
|
-
return Number.isNaN(numKey) ? key : numKey;
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
path.reduce((acc, key, i) => {
|
|
104
|
-
if (acc[key] === void 0) acc[key] = {};
|
|
105
|
-
if (i === path.length - 1) acc[key] = value;
|
|
106
|
-
return acc[key];
|
|
107
|
-
}, object);
|
|
108
|
-
}
|
|
109
|
-
function looseToNumber(value) {
|
|
110
|
-
const n = Number.parseFloat(value);
|
|
111
|
-
return Number.isNaN(n) ? value : n;
|
|
112
|
-
}
|
|
113
|
-
function compare(value, currentValue, comparator) {
|
|
114
|
-
if (value === void 0 || currentValue === void 0) return false;
|
|
115
|
-
if (typeof value === "string") return value === currentValue;
|
|
116
|
-
if (typeof comparator === "function") return comparator(value, currentValue);
|
|
117
|
-
if (typeof comparator === "string") return get(value, comparator) === get(currentValue, comparator);
|
|
118
|
-
return (0, _ohash.isEqual)(value, currentValue);
|
|
119
|
-
}
|