@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.
Files changed (142) hide show
  1. package/README.md +15 -24
  2. package/dist/index.d.ts +25 -2
  3. package/dist/index.mjs +25 -2
  4. package/dist/nuxt.d.mts +1 -1
  5. package/dist/nuxt.d.ts +1 -1
  6. package/dist/nuxt.mjs +14 -10
  7. package/dist/nuxt.mjs.map +1 -0
  8. package/dist/runtime/components/Accordion.vue +1 -1
  9. package/dist/runtime/components/Alert.vue +120 -0
  10. package/dist/runtime/components/App.vue +5 -1
  11. package/dist/runtime/components/Badge.vue +71 -0
  12. package/dist/runtime/components/Button.vue +3 -3
  13. package/dist/runtime/components/Card.vue +4 -4
  14. package/dist/runtime/components/Checkbox.vue +3 -6
  15. package/dist/runtime/components/Chip.vue +59 -0
  16. package/dist/runtime/components/Drawer.vue +2 -2
  17. package/dist/runtime/components/Input.vue +7 -2
  18. package/dist/runtime/components/Link.vue +1 -1
  19. package/dist/runtime/components/Modal.vue +2 -2
  20. package/dist/runtime/components/ModalProvider.vue +1 -1
  21. package/dist/runtime/components/PinInput.vue +86 -0
  22. package/dist/runtime/components/Popover.vue +1 -1
  23. package/dist/runtime/components/RadioGroup.vue +2 -8
  24. package/dist/runtime/components/ScrollArea.vue +72 -0
  25. package/dist/runtime/components/Select.vue +2 -1
  26. package/dist/runtime/components/Slider.vue +97 -0
  27. package/dist/runtime/components/Switch.vue +1 -2
  28. package/dist/runtime/components/Tabs.vue +6 -6
  29. package/dist/runtime/components/Textarea.vue +172 -0
  30. package/dist/runtime/components/Toast.vue +2 -2
  31. package/dist/runtime/components/Toaster.vue +2 -1
  32. package/dist/runtime/components/Tooltip.vue +1 -1
  33. package/dist/runtime/composables/defineInjection.d.ts +11 -0
  34. package/dist/runtime/composables/defineInjection.mjs +9 -0
  35. package/dist/runtime/composables/useModal.d.ts +1 -1
  36. package/dist/runtime/composables/useModal.mjs +3 -2
  37. package/dist/runtime/composables/useTheme.d.ts +3 -1
  38. package/dist/runtime/composables/useTheme.mjs +14 -6
  39. package/dist/runtime/theme/accordion.mjs +24 -21
  40. package/dist/runtime/theme/alert.d.ts +85 -0
  41. package/dist/runtime/theme/alert.mjs +47 -0
  42. package/dist/runtime/theme/app.mjs +1 -0
  43. package/dist/runtime/theme/badge.d.ts +79 -0
  44. package/dist/runtime/theme/badge.mjs +89 -0
  45. package/dist/runtime/theme/button.d.ts +4 -9
  46. package/dist/runtime/theme/button.mjs +130 -127
  47. package/dist/runtime/theme/card.d.ts +2 -2
  48. package/dist/runtime/theme/card.mjs +12 -9
  49. package/dist/runtime/theme/checkbox.d.ts +0 -12
  50. package/dist/runtime/theme/checkbox.mjs +45 -47
  51. package/dist/runtime/theme/chip.d.ts +56 -0
  52. package/dist/runtime/theme/chip.mjs +63 -0
  53. package/dist/runtime/theme/drawer.mjs +69 -66
  54. package/dist/runtime/theme/index.d.ts +7 -0
  55. package/dist/runtime/theme/index.mjs +7 -0
  56. package/dist/runtime/theme/input.d.ts +13 -5
  57. package/dist/runtime/theme/input.mjs +135 -122
  58. package/dist/runtime/theme/link.d.ts +1 -1
  59. package/dist/runtime/theme/link.mjs +23 -20
  60. package/dist/runtime/theme/modal.mjs +51 -48
  61. package/dist/runtime/theme/pinInput.d.ts +97 -0
  62. package/dist/runtime/theme/pinInput.mjs +108 -0
  63. package/dist/runtime/theme/popover.mjs +11 -8
  64. package/dist/runtime/theme/radioGroup.d.ts +0 -24
  65. package/dist/runtime/theme/radioGroup.mjs +50 -59
  66. package/dist/runtime/theme/scrollArea.d.ts +51 -0
  67. package/dist/runtime/theme/scrollArea.mjs +33 -0
  68. package/dist/runtime/theme/select.d.ts +5 -2
  69. package/dist/runtime/theme/select.mjs +156 -143
  70. package/dist/runtime/theme/slider.d.ts +73 -0
  71. package/dist/runtime/theme/slider.mjs +49 -0
  72. package/dist/runtime/theme/switch.d.ts +0 -12
  73. package/dist/runtime/theme/switch.mjs +66 -69
  74. package/dist/runtime/theme/tabs.d.ts +44 -13
  75. package/dist/runtime/theme/tabs.mjs +132 -106
  76. package/dist/runtime/theme/textarea.d.ts +93 -0
  77. package/dist/runtime/theme/textarea.mjs +113 -0
  78. package/dist/runtime/theme/toast.mjs +26 -23
  79. package/dist/runtime/theme/toaster.d.ts +2 -2
  80. package/dist/runtime/theme/toaster.mjs +84 -81
  81. package/dist/runtime/theme/tooltip.mjs +9 -6
  82. package/dist/runtime/types/components.d.ts +7 -0
  83. package/dist/runtime/types/index.d.ts +1 -3
  84. package/dist/runtime/utils/extend-theme.mjs +1 -1
  85. package/dist/runtime/utils/index.d.ts +0 -11
  86. package/dist/runtime/utils/index.mjs +0 -11
  87. package/dist/runtime/utils/link.d.ts +1 -1
  88. package/dist/shared/ui.CzDyI29e.mjs +8 -0
  89. package/dist/shared/ui.CzDyI29e.mjs.map +1 -0
  90. package/dist/unocss-preset.d.mts +15 -7
  91. package/dist/unocss-preset.d.ts +15 -7
  92. package/dist/unocss-preset.mjs +97 -384
  93. package/dist/unocss-preset.mjs.map +1 -0
  94. package/dist/unplugin.d.mts +25 -0
  95. package/dist/unplugin.d.ts +25 -0
  96. package/dist/unplugin.mjs +64 -0
  97. package/dist/unplugin.mjs.map +1 -0
  98. package/dist/vite.d.mts +9 -0
  99. package/dist/vite.d.ts +9 -0
  100. package/dist/vite.mjs +14 -0
  101. package/dist/vite.mjs.map +1 -0
  102. package/package.json +22 -14
  103. package/dist/index.cjs +0 -38
  104. package/dist/resolver.d.mts +0 -13
  105. package/dist/resolver.d.ts +0 -13
  106. package/dist/resolver.mjs +0 -21
  107. package/dist/runtime/components/index.cjs +0 -132
  108. package/dist/runtime/components/index.d.ts +0 -18
  109. package/dist/runtime/components/index.mjs +0 -18
  110. package/dist/runtime/composables/index.cjs +0 -33
  111. package/dist/runtime/composables/index.d.ts +0 -4
  112. package/dist/runtime/composables/index.mjs +0 -4
  113. package/dist/runtime/composables/useComponentIcons.cjs +0 -30
  114. package/dist/runtime/composables/useModal.cjs +0 -55
  115. package/dist/runtime/composables/useTheme.cjs +0 -30
  116. package/dist/runtime/composables/useToast.cjs +0 -51
  117. package/dist/runtime/theme/accordion.cjs +0 -27
  118. package/dist/runtime/theme/app.cjs +0 -15
  119. package/dist/runtime/theme/button.cjs +0 -127
  120. package/dist/runtime/theme/card.cjs +0 -17
  121. package/dist/runtime/theme/checkbox.cjs +0 -56
  122. package/dist/runtime/theme/drawer.cjs +0 -73
  123. package/dist/runtime/theme/index.cjs +0 -125
  124. package/dist/runtime/theme/input.cjs +0 -115
  125. package/dist/runtime/theme/link.cjs +0 -23
  126. package/dist/runtime/theme/modal.cjs +0 -55
  127. package/dist/runtime/theme/popover.cjs +0 -13
  128. package/dist/runtime/theme/radioGroup.cjs +0 -73
  129. package/dist/runtime/theme/select.cjs +0 -128
  130. package/dist/runtime/theme/switch.cjs +0 -73
  131. package/dist/runtime/theme/tabs.cjs +0 -105
  132. package/dist/runtime/theme/toast.cjs +0 -33
  133. package/dist/runtime/theme/toaster.cjs +0 -72
  134. package/dist/runtime/theme/tooltip.cjs +0 -14
  135. package/dist/runtime/types/components.cjs +0 -1
  136. package/dist/runtime/types/index.cjs +0 -27
  137. package/dist/runtime/types/utils.cjs +0 -1
  138. package/dist/runtime/utils/extend-theme.cjs +0 -24
  139. package/dist/runtime/utils/index.cjs +0 -119
  140. package/dist/runtime/utils/link.cjs +0 -10
  141. package/dist/runtime/utils/styler.cjs +0 -18
  142. 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
- }