@byyuurin/ui 0.0.5 → 0.0.6

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 (108) hide show
  1. package/README.md +13 -8
  2. package/dist/index.d.ts +3 -0
  3. package/dist/index.mjs +3 -0
  4. package/dist/nuxt.mjs +4 -3
  5. package/dist/nuxt.mjs.map +1 -1
  6. package/dist/runtime/components/App.vue +1 -1
  7. package/dist/runtime/components/Badge.vue +0 -1
  8. package/dist/runtime/components/Button.vue +4 -1
  9. package/dist/runtime/components/ButtonGroup.vue +47 -0
  10. package/dist/runtime/components/Carousel.vue +310 -0
  11. package/dist/runtime/components/Checkbox.vue +0 -1
  12. package/dist/runtime/components/Chip.vue +7 -2
  13. package/dist/runtime/components/Input.vue +8 -4
  14. package/dist/runtime/components/Modal.vue +2 -3
  15. package/dist/runtime/components/Pagination.vue +167 -0
  16. package/dist/runtime/components/PinInput.vue +0 -1
  17. package/dist/runtime/components/RadioGroup.vue +0 -1
  18. package/dist/runtime/components/ScrollArea.vue +1 -1
  19. package/dist/runtime/components/Select.vue +5 -1
  20. package/dist/runtime/components/Slider.vue +0 -1
  21. package/dist/runtime/components/Switch.vue +1 -3
  22. package/dist/runtime/components/Tabs.vue +0 -1
  23. package/dist/runtime/components/Textarea.vue +0 -1
  24. package/dist/runtime/components/Toast.vue +20 -9
  25. package/dist/runtime/components/Toaster.vue +3 -4
  26. package/dist/runtime/composables/useButtonGroup.d.ts +13 -0
  27. package/dist/runtime/composables/useButtonGroup.mjs +14 -0
  28. package/dist/runtime/composables/useTheme.d.ts +2 -2
  29. package/dist/runtime/composables/useTheme.mjs +1 -1
  30. package/dist/runtime/composables/useToast.d.ts +4 -4
  31. package/dist/runtime/composables/useToast.mjs +19 -6
  32. package/dist/runtime/theme/accordion.d.ts +17 -0
  33. package/dist/runtime/theme/alert.d.ts +40 -0
  34. package/dist/runtime/theme/alert.mjs +4 -4
  35. package/dist/runtime/theme/app.d.ts +5 -0
  36. package/dist/runtime/theme/app.mjs +6 -1
  37. package/dist/runtime/theme/badge.d.ts +3 -0
  38. package/dist/runtime/theme/badge.mjs +5 -2
  39. package/dist/runtime/theme/button-group.d.ts +66 -0
  40. package/dist/runtime/theme/button-group.mjs +42 -0
  41. package/dist/runtime/theme/button.d.ts +11 -0
  42. package/dist/runtime/theme/button.mjs +23 -18
  43. package/dist/runtime/theme/card.d.ts +19 -0
  44. package/dist/runtime/theme/card.mjs +1 -1
  45. package/dist/runtime/theme/carousel.d.ts +113 -0
  46. package/dist/runtime/theme/carousel.mjs +43 -0
  47. package/dist/runtime/theme/checkbox.d.ts +3 -0
  48. package/dist/runtime/theme/checkbox.mjs +6 -3
  49. package/dist/runtime/theme/chip.d.ts +11 -0
  50. package/dist/runtime/theme/chip.mjs +10 -5
  51. package/dist/runtime/theme/drawer.d.ts +38 -0
  52. package/dist/runtime/theme/drawer.mjs +2 -2
  53. package/dist/runtime/theme/index.d.ts +5 -2
  54. package/dist/runtime/theme/index.mjs +5 -2
  55. package/dist/runtime/theme/input.d.ts +33 -22
  56. package/dist/runtime/theme/input.mjs +36 -31
  57. package/dist/runtime/theme/link.d.ts +13 -0
  58. package/dist/runtime/theme/modal.d.ts +3 -0
  59. package/dist/runtime/theme/modal.mjs +5 -2
  60. package/dist/runtime/theme/pagination.d.ts +56 -0
  61. package/dist/runtime/theme/pagination.mjs +13 -0
  62. package/dist/runtime/theme/pinInput.d.ts +3 -0
  63. package/dist/runtime/theme/pinInput.mjs +14 -11
  64. package/dist/runtime/theme/popover.d.ts +11 -0
  65. package/dist/runtime/theme/popover.mjs +1 -1
  66. package/dist/runtime/theme/{radioGroup.d.ts → radio-group.d.ts} +3 -0
  67. package/dist/runtime/theme/{radioGroup.mjs → radio-group.mjs} +4 -1
  68. package/dist/runtime/theme/{scrollArea.d.ts → scroll-area.d.ts} +22 -0
  69. package/dist/runtime/theme/{scrollArea.mjs → scroll-area.mjs} +2 -2
  70. package/dist/runtime/theme/select.d.ts +11 -0
  71. package/dist/runtime/theme/select.mjs +20 -15
  72. package/dist/runtime/theme/slider.d.ts +3 -0
  73. package/dist/runtime/theme/slider.mjs +6 -3
  74. package/dist/runtime/theme/switch.d.ts +3 -0
  75. package/dist/runtime/theme/switch.mjs +5 -2
  76. package/dist/runtime/theme/tabs.d.ts +3 -0
  77. package/dist/runtime/theme/tabs.mjs +13 -10
  78. package/dist/runtime/theme/textarea.d.ts +3 -0
  79. package/dist/runtime/theme/textarea.mjs +14 -11
  80. package/dist/runtime/theme/toast.d.ts +44 -6
  81. package/dist/runtime/theme/toast.mjs +12 -7
  82. package/dist/runtime/theme/toaster.d.ts +49 -0
  83. package/dist/runtime/theme/toaster.mjs +5 -0
  84. package/dist/runtime/theme/tooltip.d.ts +13 -0
  85. package/dist/runtime/theme/tooltip.mjs +1 -1
  86. package/dist/runtime/types/components.d.ts +27 -25
  87. package/dist/runtime/types/components.mjs +27 -0
  88. package/dist/runtime/types/utils.d.ts +1 -1
  89. package/dist/runtime/utils/styler.d.ts +2 -2
  90. package/dist/shared/ui.D4zm1r0C.mjs +4 -0
  91. package/dist/shared/ui.D4zm1r0C.mjs.map +1 -0
  92. package/dist/{unocss-preset.d.mts → unocss.d.mts} +4 -4
  93. package/dist/{unocss-preset.d.ts → unocss.d.ts} +4 -4
  94. package/dist/{unocss-preset.mjs → unocss.mjs} +15 -2
  95. package/dist/unocss.mjs.map +1 -0
  96. package/dist/unplugin.d.mts +4 -3
  97. package/dist/unplugin.d.ts +4 -3
  98. package/dist/unplugin.mjs +13 -5
  99. package/dist/unplugin.mjs.map +1 -1
  100. package/dist/vite.d.mts +2 -1
  101. package/dist/vite.d.ts +2 -1
  102. package/dist/vite.mjs +5 -5
  103. package/dist/vite.mjs.map +1 -1
  104. package/package.json +35 -22
  105. package/dist/shared/ui.CzDyI29e.mjs +0 -8
  106. package/dist/shared/ui.CzDyI29e.mjs.map +0 -1
  107. package/dist/unocss-preset.mjs.map +0 -1
  108. /package/{LICENSE.md → LICENSE} +0 -0
@@ -1,29 +1,30 @@
1
1
  import { ct } from "@byyuurin/ui-kit";
2
+ import { buttonGroupVariant } from "./button-group.mjs";
2
3
  export default ct(
3
4
  /* @unocss-include */
4
5
  {
5
6
  slots: {
6
7
  base: [
7
- "bg-ui-c1 relative group rounded-ui-base inline-flex items-center gap-x-2 focus:outline-none transition-colors",
8
+ "bg-solid-ui-c1 relative group rounded-ui-base inline-flex items-center gap-x-2 focus:outline-none transition-colors",
8
9
  "disabled:cursor-not-allowed disabled:opacity-50"
9
10
  ],
10
11
  value: "me-auto truncate pointer-events-none",
11
12
  placeholder: "me-auto truncate color-ui-cb/50",
12
13
  arrow: "fill-ui-c1 stroke-ui-cb/10",
13
14
  content: [
14
- "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",
15
+ "max-h-60 w-[var(--reka-popper-anchor-width)] bg-solid-ui-c1 shadow-lg rounded-[calc(var(--ui-radius-tabs)*0.66)] ring ring-ui-cb/10 overflow-hidden pointer-events-auto",
15
16
  "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]"
16
17
  ],
17
18
  viewport: "divide-y divide-ui-cb/10 scroll-py-1",
18
19
  group: "p-1 isolate",
19
20
  empty: "py-2 text-center text-sm color-ui-cb/50",
20
21
  label: "font-semibold color-ui-cb cursor-pointer",
21
- separator: "-mx-1 my-1 h-px bg-ui-cb/10",
22
+ separator: "-mx-1 my-1 h-px bg-solid-ui-cb/10",
22
23
  item: [
23
24
  "group relative w-full flex gap-2 items-center select-none outline-none color-ui-cb/50 transition-colors cursor-pointer",
24
25
  "aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
25
26
  "before:content-empty before:absolute before:z-[-1] before:inset-px before:rounded-ui-base before:transition-colors",
26
- "data-[highlighted]:color-ui-cb data-[highlighted]:before:bg-ui-cb/3",
27
+ "data-[highlighted]:color-ui-cb data-[highlighted]:before:bg-solid-ui-cb/3",
27
28
  "data-[state=checked]:color-ui-base"
28
29
  ],
29
30
  itemPrefixIcon: "shrink-0 color-ui-cb/80 group-data-[highlighted]:color-ui-cb/80 transition-colors",
@@ -36,32 +37,33 @@ export default ct(
36
37
  suffixIcon: "shrink-0 size-1.25em"
37
38
  },
38
39
  variants: {
40
+ ...buttonGroupVariant,
39
41
  variant: {
40
42
  "outline": {
41
43
  base: [
42
- "color-ui-cb/80 bg-ui-c1 ring ring-inset ring-ui-cb/50",
44
+ "color-ui-cb/80 bg-solid-ui-c1 ring ring-inset ring-ui-cb/50",
43
45
  "focus-within:ring-2 focus-within:ring-ui-cb/50",
44
46
  "disabled:ring-ui-cb/80 hover:disabled:ring-ui-cb/80"
45
47
  ]
46
48
  },
47
49
  "soft": {
48
50
  base: [
49
- "color-ui-cb/80 bg-ui-cb/4",
50
- "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
51
- "disabled:color-ui-content/80 disabled:bg-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-ui-fill/5"
51
+ "color-ui-cb/80 bg-solid-ui-cb/4",
52
+ "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
53
+ "disabled:color-ui-content/80 disabled:bg-solid-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-solid-ui-fill/5"
52
54
  ]
53
55
  },
54
56
  "soft-outline": {
55
57
  base: [
56
- "color-ui-cb/80 bg-ui-cb/4 ring ring-inset ring-ui-cb/10",
57
- "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
58
- "disabled:color-ui-content/80 disabled:bg-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-ui-fill/5"
58
+ "color-ui-cb/80 bg-solid-ui-cb/4 ring ring-inset ring-ui-cb/10",
59
+ "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
60
+ "disabled:color-ui-content/80 disabled:bg-solid-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-solid-ui-fill/5"
59
61
  ]
60
62
  },
61
63
  "ghost": {
62
64
  base: [
63
65
  "color-ui-cb/80 bg-transparent",
64
- "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
66
+ "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
65
67
  "disabled:color-ui-fill/80 disabled:bg-transparent hover:disabled:color-ui-fill/80 hover:disabled:bg-transparent"
66
68
  ]
67
69
  },
@@ -114,8 +116,8 @@ export default ct(
114
116
  underline: true,
115
117
  class: {
116
118
  base: [
117
- "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-ui-cb/40",
118
- "data-[state=open]:after:h-2px data-[state=open]:after:bg-ui-fill/60"
119
+ "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-solid-ui-cb/40",
120
+ "data-[state=open]:after:h-2px data-[state=open]:after:bg-solid-ui-fill/60"
119
121
  ]
120
122
  }
121
123
  },
@@ -162,6 +164,9 @@ export default ct(
162
164
  suffixIcon: "animate-spin"
163
165
  }
164
166
  }
165
- ]
167
+ ],
168
+ defaultVariants: {
169
+ size: "md"
170
+ }
166
171
  }
167
172
  );
@@ -69,5 +69,8 @@ declare const _default: {
69
69
  range: string;
70
70
  thumb: string[];
71
71
  }, undefined>;
72
+ defaultVariants: {
73
+ size: "md";
74
+ };
72
75
  };
73
76
  export default _default;
@@ -5,13 +5,13 @@ export default ct(
5
5
  slots: {
6
6
  root: "relative flex items-center select-none touch-none aria-disabled:opacity-50",
7
7
  track: [
8
- "relative bg-ui-cb/10 overflow-hidden rounded-full flex-grow cursor-pointer",
8
+ "relative bg-solid-ui-cb/10 overflow-hidden rounded-full flex-grow cursor-pointer",
9
9
  "data-[disabled]:cursor-not-allowed",
10
10
  "data-[orientation=horizontal]:h-0.6em data-[orientation=vertical]:w-0.6em"
11
11
  ],
12
- range: "absolute rounded-full bg-ui-fill",
12
+ range: "absolute rounded-full bg-solid-ui-fill",
13
13
  thumb: [
14
- "size-1em rounded-full bg-ui-c1 ring-0.2em cursor-pointer focus-visible:outline-0.2em focus-visible:outline-offset-0.2em",
14
+ "size-1em rounded-full bg-solid-ui-c1 ring-0.2em cursor-pointer focus-visible:outline-0.2em focus-visible:outline-offset-0.2em",
15
15
  "data-[disabled]:cursor-not-allowed",
16
16
  "ring-ui-fill outline-none focus-visible:outline-ui-fill/50"
17
17
  ]
@@ -44,6 +44,9 @@ export default ct(
44
44
  range: "w-full"
45
45
  }
46
46
  }
47
+ },
48
+ defaultVariants: {
49
+ size: "md"
47
50
  }
48
51
  }
49
52
  );
@@ -115,5 +115,8 @@ declare const _default: {
115
115
  label: string;
116
116
  description: string;
117
117
  }, undefined>;
118
+ defaultVariants: {
119
+ size: "md";
120
+ };
118
121
  };
119
122
  export default _default;
@@ -7,12 +7,12 @@ export default ct(
7
7
  base: [
8
8
  "inline-flex items-center shrink-0 rounded-ui-switch border-2 border-transparent transition-colors duration-200",
9
9
  "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80",
10
- "data-[state=unchecked]:bg-ui-cb/10 data-[state=checked]:bg-ui-fill/80",
10
+ "data-[state=unchecked]:bg-solid-ui-cb/10 data-[state=checked]:bg-solid-ui-fill/80",
11
11
  "w-2.7em"
12
12
  ],
13
13
  container: "flex items-center h-1.5em",
14
14
  thumb: [
15
- "group pointer-events-none rounded-ui-switch size-1.25em bg-ui-c1 shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center",
15
+ "group pointer-events-none rounded-ui-switch size-1.25em bg-solid-ui-c1 shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center",
16
16
  "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"
17
17
  ],
18
18
  icon: [
@@ -70,6 +70,9 @@ export default ct(
70
70
  label: "cursor-pointer"
71
71
  }
72
72
  }
73
+ },
74
+ defaultVariants: {
75
+ size: "md"
73
76
  }
74
77
  }
75
78
  );
@@ -128,5 +128,8 @@ declare const _default: {
128
128
  };
129
129
  size?: undefined;
130
130
  })[];
131
+ defaultVariants: {
132
+ size: "md";
133
+ };
131
134
  };
132
135
  export default _default;
@@ -18,15 +18,15 @@ export default ct(
18
18
  variants: {
19
19
  variant: {
20
20
  "solid": {
21
- list: "bg-ui-cb/5 rounded-ui-tabs",
21
+ list: "bg-solid-ui-cb/5 rounded-ui-tabs",
22
22
  trigger: [
23
23
  "data-[state=active]:color-ui-c1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80",
24
24
  "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
25
25
  ],
26
- indicator: "bg-ui-fill/90 rounded-ui-tabs shadow-xs"
26
+ indicator: "bg-solid-ui-fill/90 rounded-ui-tabs shadow-xs"
27
27
  },
28
28
  "outline": {
29
- list: "bg-ui-cb/5 rounded-ui-tabs",
29
+ list: "bg-solid-ui-cb/5 rounded-ui-tabs",
30
30
  trigger: [
31
31
  "data-[state=active]:color-ui-content focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-content/80",
32
32
  "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
@@ -34,24 +34,24 @@ export default ct(
34
34
  indicator: "rounded-ui-tabs ring ring-inset ring-ui-content"
35
35
  },
36
36
  "soft": {
37
- list: "bg-ui-cb/5 rounded-ui-tabs",
37
+ list: "bg-solid-ui-cb/5 rounded-ui-tabs",
38
38
  trigger: [
39
39
  "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
40
40
  "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
41
41
  ],
42
- indicator: "bg-ui-fill/10 rounded-ui-tabs shadow-xs"
42
+ indicator: "bg-solid-ui-fill/10 rounded-ui-tabs shadow-xs"
43
43
  },
44
44
  "soft-outline": {
45
- list: "bg-ui-cb/5 rounded-ui-tabs",
45
+ list: "bg-solid-ui-cb/5 rounded-ui-tabs",
46
46
  trigger: [
47
47
  "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
48
48
  "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
49
49
  ],
50
- indicator: "bg-ui-fill/10 rounded-ui-tabs shadow-xs ring ring-inset ring-ui-content/40"
50
+ indicator: "bg-solid-ui-fill/10 rounded-ui-tabs shadow-xs ring ring-inset ring-ui-content/40"
51
51
  },
52
52
  "link": {
53
- list: "bg-ui-cb/5 border-ui-cb/10",
54
- indicator: "bg-ui-fill rounded-full",
53
+ list: "bg-solid-ui-cb/5 border-ui-cb/10",
54
+ indicator: "bg-solid-ui-fill rounded-full",
55
55
  trigger: [
56
56
  "data-[state=active]:color-ui-base focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base",
57
57
  "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
@@ -138,6 +138,9 @@ export default ct(
138
138
  indicator: "-start-px w-px"
139
139
  }
140
140
  }
141
- ]
141
+ ],
142
+ defaultVariants: {
143
+ size: "md"
144
+ }
142
145
  }
143
146
  );
@@ -89,5 +89,8 @@ declare const _default: {
89
89
  underline?: undefined;
90
90
  size?: undefined;
91
91
  })[];
92
+ defaultVariants: {
93
+ size: "md";
94
+ };
92
95
  };
93
96
  export default _default;
@@ -31,29 +31,29 @@ export default ct(
31
31
  variant: {
32
32
  "outline": {
33
33
  root: [
34
- "color-ui-cb/80 bg-ui-c1 ring ring-inset ring-ui-cb/50",
34
+ "color-ui-cb/80 bg-solid-ui-c1 ring ring-inset ring-ui-cb/50",
35
35
  "focus-within:ring-2 focus-within:ring-ui-cb/50",
36
36
  "aria-disabled:ring-ui-cb/80 hover:aria-disabled:ring-ui-cb/80"
37
37
  ]
38
38
  },
39
39
  "soft": {
40
40
  root: [
41
- "color-ui-cb/80 bg-ui-cb/4",
42
- "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
43
- "aria-disabled:color-ui-content/80 aria-disabled:bg-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-ui-fill/5"
41
+ "color-ui-cb/80 bg-solid-ui-cb/4",
42
+ "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
43
+ "aria-disabled:color-ui-content/80 aria-disabled:bg-solid-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-solid-ui-fill/5"
44
44
  ]
45
45
  },
46
46
  "soft-outline": {
47
47
  root: [
48
- "color-ui-cb/80 bg-ui-cb/4 ring ring-inset ring-ui-cb/10",
49
- "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
50
- "aria-disabled:color-ui-content/80 aria-disabled:bg-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-ui-fill/5"
48
+ "color-ui-cb/80 bg-solid-ui-cb/4 ring ring-inset ring-ui-cb/10",
49
+ "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
50
+ "aria-disabled:color-ui-content/80 aria-disabled:bg-solid-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-solid-ui-fill/5"
51
51
  ]
52
52
  },
53
53
  "ghost": {
54
54
  root: [
55
55
  "color-ui-cb/80 bg-transparent",
56
- "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
56
+ "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
57
57
  "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
58
58
  ]
59
59
  },
@@ -77,8 +77,8 @@ export default ct(
77
77
  underline: true,
78
78
  class: {
79
79
  root: [
80
- "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-ui-cb/40",
81
- "focus-within:after:h-2px focus-within:after:bg-ui-fill/60"
80
+ "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-solid-ui-cb/40",
81
+ "focus-within:after:h-2px focus-within:after:bg-solid-ui-fill/60"
82
82
  ]
83
83
  }
84
84
  },
@@ -108,6 +108,9 @@ export default ct(
108
108
  root: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
109
109
  }
110
110
  }
111
- ]
111
+ ],
112
+ defaultVariants: {
113
+ size: "md"
114
+ }
112
115
  }
113
116
  );
@@ -13,28 +13,38 @@ declare const _default: {
13
13
  close: string;
14
14
  };
15
15
  variants: {
16
- multiline: {
17
- true: {
16
+ orientation: {
17
+ horizontal: {
18
18
  root: string;
19
19
  actions: string;
20
20
  };
21
- false: {
21
+ vertical: {
22
22
  root: string;
23
23
  actions: string;
24
24
  };
25
25
  };
26
+ title: {
27
+ true: {
28
+ description: string;
29
+ };
30
+ };
26
31
  };
27
32
  compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
28
- multiline: {
29
- true: {
33
+ orientation: {
34
+ horizontal: {
30
35
  root: string;
31
36
  actions: string;
32
37
  };
33
- false: {
38
+ vertical: {
34
39
  root: string;
35
40
  actions: string;
36
41
  };
37
42
  };
43
+ title: {
44
+ true: {
45
+ description: string;
46
+ };
47
+ };
38
48
  }, {
39
49
  root: string;
40
50
  wrapper: string;
@@ -47,5 +57,33 @@ declare const _default: {
47
57
  progress: string;
48
58
  close: string;
49
59
  }, undefined>;
60
+ defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
61
+ orientation: {
62
+ horizontal: {
63
+ root: string;
64
+ actions: string;
65
+ };
66
+ vertical: {
67
+ root: string;
68
+ actions: string;
69
+ };
70
+ };
71
+ title: {
72
+ true: {
73
+ description: string;
74
+ };
75
+ };
76
+ }, {
77
+ root: string;
78
+ wrapper: string;
79
+ title: string;
80
+ description: string;
81
+ icon: string;
82
+ avatar: string;
83
+ avatarSize: string;
84
+ actions: string;
85
+ progress: string;
86
+ close: string;
87
+ }>;
50
88
  };
51
89
  export default _default;
@@ -3,7 +3,7 @@ export default ct(
3
3
  /* @unocss-include */
4
4
  {
5
5
  slots: {
6
- 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",
6
+ root: "group relative overflow-hidden bg-solid-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",
7
7
  wrapper: "w-0 flex-1 flex flex-col gap-1",
8
8
  title: "text-base font-medium color-ui-cb",
9
9
  description: "text-sm color-ui-cb/80",
@@ -15,14 +15,19 @@ export default ct(
15
15
  close: "p-0.5"
16
16
  },
17
17
  variants: {
18
- multiline: {
19
- true: {
20
- root: "items-start",
21
- actions: "items-start mt-1"
22
- },
23
- false: {
18
+ orientation: {
19
+ horizontal: {
24
20
  root: "items-center",
25
21
  actions: "items-center"
22
+ },
23
+ vertical: {
24
+ root: "items-start",
25
+ actions: "items-start mt-2.5"
26
+ }
27
+ },
28
+ title: {
29
+ true: {
30
+ description: "mt-1"
26
31
  }
27
32
  }
28
33
  }
@@ -5,6 +5,11 @@ declare const _default: {
5
5
  base: string[];
6
6
  };
7
7
  variants: {
8
+ clickable: {
9
+ true: {
10
+ base: string;
11
+ };
12
+ };
8
13
  position: {
9
14
  'top-left': {
10
15
  viewport: string;
@@ -69,5 +74,49 @@ declare const _default: {
69
74
  };
70
75
  position?: undefined;
71
76
  })[];
77
+ defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
78
+ clickable: {
79
+ true: {
80
+ base: string;
81
+ };
82
+ };
83
+ position: {
84
+ 'top-left': {
85
+ viewport: string;
86
+ };
87
+ 'top-center': {
88
+ viewport: string;
89
+ };
90
+ 'top-right': {
91
+ viewport: string;
92
+ };
93
+ 'bottom-left': {
94
+ viewport: string;
95
+ };
96
+ 'bottom-center': {
97
+ viewport: string;
98
+ };
99
+ 'bottom-right': {
100
+ viewport: string;
101
+ };
102
+ };
103
+ swipeDirection: {
104
+ up: {
105
+ base: string;
106
+ };
107
+ right: {
108
+ base: string;
109
+ };
110
+ down: {
111
+ base: string;
112
+ };
113
+ left: {
114
+ base: string;
115
+ };
116
+ };
117
+ }, {
118
+ viewport: string[];
119
+ base: string[];
120
+ }>;
72
121
  };
73
122
  export default _default;
@@ -17,6 +17,11 @@ export default ct(
17
17
  ]
18
18
  },
19
19
  variants: {
20
+ clickable: {
21
+ true: {
22
+ base: "cursor-pointer"
23
+ }
24
+ },
20
25
  position: {
21
26
  "top-left": {
22
27
  viewport: "left-4"
@@ -27,5 +27,18 @@ declare const _default: {
27
27
  arrow: string;
28
28
  text: string;
29
29
  }, undefined>;
30
+ defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
31
+ [key: string]: {
32
+ [key: string]: "" | {
33
+ content?: import("@byyuurin/ui-kit/index").ClassValue;
34
+ arrow?: import("@byyuurin/ui-kit/index").ClassValue;
35
+ text?: import("@byyuurin/ui-kit/index").ClassValue;
36
+ } | null;
37
+ };
38
+ }, {
39
+ content: string;
40
+ arrow: string;
41
+ text: string;
42
+ }>;
30
43
  };
31
44
  export default _default;
@@ -3,7 +3,7 @@ export default ct(
3
3
  /* @unocss-include */
4
4
  {
5
5
  slots: {
6
- 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]",
6
+ content: "flex items-center gap-1 bg-solid-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]",
7
7
  arrow: "fill-ui-c1 stroke-ui-cb/10",
8
8
  text: "truncate"
9
9
  }
@@ -1,25 +1,27 @@
1
- export type * from '../components/Accordion.vue';
2
- export type * from '../components/Alert.vue';
3
- export type * from '../components/App.vue';
4
- export type * from '../components/App.vue';
5
- export type * from '../components/Badge.vue';
6
- export type * from '../components/Button.vue';
7
- export type * from '../components/Card.vue';
8
- export type * from '../components/Checkbox.vue';
9
- export type * from '../components/Chip.vue';
10
- export type * from '../components/Drawer.vue';
11
- export type * from '../components/Input.vue';
12
- export type * from '../components/Link.vue';
13
- export type * from '../components/Modal.vue';
14
- export type * from '../components/PinInput.vue';
15
- export type * from '../components/Popover.vue';
16
- export type * from '../components/RadioGroup.vue';
17
- export type * from '../components/ScrollArea.vue';
18
- export type * from '../components/Select.vue';
19
- export type * from '../components/Slider.vue';
20
- export type * from '../components/Switch.vue';
21
- export type * from '../components/Tabs.vue';
22
- export type * from '../components/Textarea.vue';
23
- export type * from '../components/Toast.vue';
24
- export type * from '../components/Toaster.vue';
25
- export type * from '../components/Tooltip.vue';
1
+ export * from '../components/Accordion.vue';
2
+ export * from '../components/Alert.vue';
3
+ export * from '../components/App.vue';
4
+ export * from '../components/Badge.vue';
5
+ export * from '../components/Button.vue';
6
+ export * from '../components/ButtonGroup.vue';
7
+ export * from '../components/Card.vue';
8
+ export * from '../components/Carousel.vue';
9
+ export * from '../components/Checkbox.vue';
10
+ export * from '../components/Chip.vue';
11
+ export * from '../components/Drawer.vue';
12
+ export * from '../components/Input.vue';
13
+ export * from '../components/Link.vue';
14
+ export * from '../components/Modal.vue';
15
+ export * from '../components/Pagination.vue';
16
+ export * from '../components/PinInput.vue';
17
+ export * from '../components/Popover.vue';
18
+ export * from '../components/RadioGroup.vue';
19
+ export * from '../components/ScrollArea.vue';
20
+ export * from '../components/Select.vue';
21
+ export * from '../components/Slider.vue';
22
+ export * from '../components/Switch.vue';
23
+ export * from '../components/Tabs.vue';
24
+ export * from '../components/Textarea.vue';
25
+ export * from '../components/Toast.vue';
26
+ export * from '../components/Toaster.vue';
27
+ export * from '../components/Tooltip.vue';
@@ -0,0 +1,27 @@
1
+ export * from "../components/Accordion.vue";
2
+ export * from "../components/Alert.vue";
3
+ export * from "../components/App.vue";
4
+ export * from "../components/Badge.vue";
5
+ export * from "../components/Button.vue";
6
+ export * from "../components/ButtonGroup.vue";
7
+ export * from "../components/Card.vue";
8
+ export * from "../components/Carousel.vue";
9
+ export * from "../components/Checkbox.vue";
10
+ export * from "../components/Chip.vue";
11
+ export * from "../components/Drawer.vue";
12
+ export * from "../components/Input.vue";
13
+ export * from "../components/Link.vue";
14
+ export * from "../components/Modal.vue";
15
+ export * from "../components/Pagination.vue";
16
+ export * from "../components/PinInput.vue";
17
+ export * from "../components/Popover.vue";
18
+ export * from "../components/RadioGroup.vue";
19
+ export * from "../components/ScrollArea.vue";
20
+ export * from "../components/Select.vue";
21
+ export * from "../components/Slider.vue";
22
+ export * from "../components/Switch.vue";
23
+ export * from "../components/Tabs.vue";
24
+ export * from "../components/Textarea.vue";
25
+ export * from "../components/Toast.vue";
26
+ export * from "../components/Toaster.vue";
27
+ export * from "../components/Tooltip.vue";
@@ -21,7 +21,7 @@ export interface StylerBaseProps {
21
21
  class?: ClassValue;
22
22
  }
23
23
  export type StylerReturnType<T> = T extends CVReturnType<infer V, infer S, infer B> ? ReturnType<CVReturnType<V, S, B>> : never;
24
- export type Styler<T> = T extends CVReturnType<infer V, any, any> ? [keyof V] extends string[] ? (props: Required<VariantProps<T>> & StylerBaseProps) => StylerReturnType<T> : (props?: StylerBaseProps) => StylerReturnType<T> : never;
24
+ export type Styler<T> = T extends CVReturnType<infer V, any, any> ? [keyof V] extends string[] ? (props: VariantProps<T> & StylerBaseProps) => StylerReturnType<T> : (props?: StylerBaseProps) => StylerReturnType<T> : never;
25
25
  export interface SelectModelValueEmits<T, V, M extends boolean = false, DV = T> {
26
26
  (event: 'update:modelValue', payload: SelectModelValue<T, V, M, DV>): void;
27
27
  }
@@ -1,4 +1,4 @@
1
- import type { ClassValue, CRRule, CVCompoundVariants, CVMeta, CVSlots, CVVariants } from '@byyuurin/ui-kit';
1
+ import type { ClassValue, CRRule, CVCompoundVariants, CVDefaultVariants, CVMeta, CVSlots, CVVariants } from '@byyuurin/ui-kit';
2
2
  export declare function prepareStyler(rules?: CRRule[]): {
3
- createStyler: <V extends CVVariants<S, B>, CV extends CVCompoundVariants<V, S, B>, B extends ClassValue = undefined, S extends CVSlots = undefined>(theme: CVMeta<V, CV, never, B, S>) => [keyof V] extends string[] ? (props: Required<import("@byyuurin/ui-kit/index").VariantProps<import("@byyuurin/ui-kit/index").CVReturnType<V, S, B>>> & import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; } : (props?: import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; };
3
+ createStyler: <V extends CVVariants<S, B>, CV extends CVCompoundVariants<V, S, B>, DV extends CVDefaultVariants<V, S>, B extends ClassValue = undefined, S extends CVSlots = undefined>(theme: CVMeta<V, CV, DV, B, S>) => [keyof V] extends string[] ? (props: import("@byyuurin/ui-kit/index").VariantProps<import("@byyuurin/ui-kit/index").CVReturnType<V, S, B>> & import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; } : (props?: import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; };
4
4
  };
@@ -0,0 +1,4 @@
1
+ const packageName = "@byyuurin/ui";
2
+
3
+ export { packageName as p };
4
+ //# sourceMappingURL=ui.D4zm1r0C.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ui.D4zm1r0C.mjs","sources":["../../src/shared.ts"],"sourcesContent":["export const packageName = '@byyuurin/ui'\n"],"names":[],"mappings":"AAAO,MAAM,WAAc,GAAA;;;;"}