asheeui 0.6.2 → 0.6.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 (281) hide show
  1. package/dist/AsheeUIProvider.d.ts +34 -0
  2. package/dist/AsheeUIProvider.d.ts.map +1 -1
  3. package/dist/components/accordion/Accordion.d.ts +55 -44
  4. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  5. package/dist/components/accordion/Accordion.js +27 -27
  6. package/dist/components/accordion/accordion-config.d.ts +41 -12
  7. package/dist/components/accordion/accordion-config.d.ts.map +1 -1
  8. package/dist/components/accordion/accordion-styles.d.ts +20 -0
  9. package/dist/components/accordion/accordion-styles.d.ts.map +1 -1
  10. package/dist/components/accordion/accordion-styles.js +1 -1
  11. package/dist/components/autocomplete/Autocomplete.d.ts +59 -39
  12. package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
  13. package/dist/components/autocomplete/Autocomplete.js +98 -91
  14. package/dist/components/autocomplete/autocomplete-config.d.ts +9 -62
  15. package/dist/components/autocomplete/autocomplete-config.d.ts.map +1 -1
  16. package/dist/components/autocomplete/autocomplete-config.js +6 -21
  17. package/dist/components/button/Button.d.ts +50 -51
  18. package/dist/components/button/Button.d.ts.map +1 -1
  19. package/dist/components/button/Button.js +19 -19
  20. package/dist/components/button/button-config.d.ts +23 -15
  21. package/dist/components/button/button-config.d.ts.map +1 -1
  22. package/dist/components/button/button-styles.d.ts +11 -1
  23. package/dist/components/button/button-styles.d.ts.map +1 -1
  24. package/dist/components/card/Card.d.ts +85 -43
  25. package/dist/components/card/Card.d.ts.map +1 -1
  26. package/dist/components/card/Card.js +49 -49
  27. package/dist/components/card/card-config.d.ts +35 -18
  28. package/dist/components/card/card-config.d.ts.map +1 -1
  29. package/dist/components/card/card-config.js +0 -2
  30. package/dist/components/card/card-styles.d.ts +17 -1
  31. package/dist/components/card/card-styles.d.ts.map +1 -1
  32. package/dist/components/carousel/Carousel.d.ts +107 -12
  33. package/dist/components/carousel/Carousel.d.ts.map +1 -1
  34. package/dist/components/carousel/Carousel.js +63 -64
  35. package/dist/components/carousel/carousel-config.d.ts +94 -7
  36. package/dist/components/carousel/carousel-config.d.ts.map +1 -1
  37. package/dist/components/carousel/carousel-config.js +6 -4
  38. package/dist/components/carousel/carousel-styles.d.ts +32 -1
  39. package/dist/components/carousel/carousel-styles.d.ts.map +1 -1
  40. package/dist/components/chip/Chip.d.ts +55 -34
  41. package/dist/components/chip/Chip.d.ts.map +1 -1
  42. package/dist/components/chip/Chip.js +71 -72
  43. package/dist/components/chip/chip-config.d.ts +29 -15
  44. package/dist/components/chip/chip-config.d.ts.map +1 -1
  45. package/dist/components/chip/chip-config.js +5 -6
  46. package/dist/components/chip/chip-styles.d.ts +21 -1
  47. package/dist/components/chip/chip-styles.d.ts.map +1 -1
  48. package/dist/components/date-picker/DatePicker.d.ts +166 -2
  49. package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
  50. package/dist/components/date-picker/DatePicker.js +110 -99
  51. package/dist/components/date-picker/date-picker-config.d.ts +31 -0
  52. package/dist/components/date-picker/date-picker-config.d.ts.map +1 -1
  53. package/dist/components/date-picker/date-picker-config.js +8 -16
  54. package/dist/components/date-picker/date-picker-styles.d.ts +21 -1
  55. package/dist/components/date-picker/date-picker-styles.d.ts.map +1 -1
  56. package/dist/components/date-picker/date-picker-styles.js +7 -11
  57. package/dist/components/drawer/Drawer.d.ts +97 -7
  58. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  59. package/dist/components/drawer/Drawer.js +9 -9
  60. package/dist/components/drawer/drawer-config.d.ts +54 -1
  61. package/dist/components/drawer/drawer-config.d.ts.map +1 -1
  62. package/dist/components/drawer/drawer-styles.d.ts +21 -0
  63. package/dist/components/drawer/drawer-styles.d.ts.map +1 -1
  64. package/dist/components/field/FieldShell.d.ts +86 -0
  65. package/dist/components/field/FieldShell.d.ts.map +1 -1
  66. package/dist/components/field/field-config.d.ts +66 -3
  67. package/dist/components/field/field-config.d.ts.map +1 -1
  68. package/dist/components/field/field-config.js +2 -1
  69. package/dist/components/field/field-styles.d.ts +22 -0
  70. package/dist/components/field/field-styles.d.ts.map +1 -1
  71. package/dist/components/field/field-styles.js +10 -0
  72. package/dist/components/field/index.js +1 -0
  73. package/dist/components/image/Image.d.ts +35 -28
  74. package/dist/components/image/Image.d.ts.map +1 -1
  75. package/dist/components/image/Image.js +7 -7
  76. package/dist/components/image/image-config.d.ts +25 -7
  77. package/dist/components/image/image-config.d.ts.map +1 -1
  78. package/dist/components/image/image-styles.d.ts +9 -0
  79. package/dist/components/image/image-styles.d.ts.map +1 -1
  80. package/dist/components/input/Input.d.ts +117 -10
  81. package/dist/components/input/Input.d.ts.map +1 -1
  82. package/dist/components/input/Input.js +20 -20
  83. package/dist/components/input/PasswordInput.d.ts +48 -0
  84. package/dist/components/input/PasswordInput.d.ts.map +1 -1
  85. package/dist/components/input/input-config.d.ts +10 -1
  86. package/dist/components/input/input-config.d.ts.map +1 -1
  87. package/dist/components/input/input-config.js +5 -8
  88. package/dist/components/input/input-styles.d.ts +10 -0
  89. package/dist/components/input/input-styles.d.ts.map +1 -1
  90. package/dist/components/input/input-styles.js +5 -9
  91. package/dist/components/keyboard/OnScreenKeyboard.d.ts +58 -8
  92. package/dist/components/keyboard/OnScreenKeyboard.d.ts.map +1 -1
  93. package/dist/components/keyboard/OnScreenKeyboard.js +49 -48
  94. package/dist/components/keyboard/index.js +1 -1
  95. package/dist/components/keyboard/keyboard-config.d.ts +88 -3
  96. package/dist/components/keyboard/keyboard-config.d.ts.map +1 -1
  97. package/dist/components/keyboard/{default-keyboard-config.js → keyboard-config.js} +7 -1
  98. package/dist/components/keyboard/keyboard-context.d.ts +103 -13
  99. package/dist/components/keyboard/keyboard-context.d.ts.map +1 -1
  100. package/dist/components/keyboard/keyboard-context.js +66 -68
  101. package/dist/components/keyboard/use-keyboard-field.d.ts +37 -0
  102. package/dist/components/keyboard/use-keyboard-field.d.ts.map +1 -1
  103. package/dist/components/link/Link.d.ts +118 -9
  104. package/dist/components/link/Link.d.ts.map +1 -1
  105. package/dist/components/link/Link.js +29 -30
  106. package/dist/components/link/link-config.d.ts +58 -5
  107. package/dist/components/link/link-config.d.ts.map +1 -1
  108. package/dist/components/link/link-styles.d.ts +24 -4
  109. package/dist/components/link/link-styles.d.ts.map +1 -1
  110. package/dist/components/marquee/Marquee.d.ts +77 -8
  111. package/dist/components/marquee/Marquee.d.ts.map +1 -1
  112. package/dist/components/marquee/Marquee.js +5 -5
  113. package/dist/components/marquee/marquee-config.d.ts +74 -0
  114. package/dist/components/marquee/marquee-config.d.ts.map +1 -1
  115. package/dist/components/marquee/marquee-styles.d.ts +12 -0
  116. package/dist/components/marquee/marquee-styles.d.ts.map +1 -1
  117. package/dist/components/modal/Modal.d.ts +113 -25
  118. package/dist/components/modal/Modal.d.ts.map +1 -1
  119. package/dist/components/modal/Modal.js +75 -82
  120. package/dist/components/modal/modal-config.d.ts +59 -1
  121. package/dist/components/modal/modal-config.d.ts.map +1 -1
  122. package/dist/components/modal/modal-styles.d.ts +8 -1
  123. package/dist/components/modal/modal-styles.d.ts.map +1 -1
  124. package/dist/components/modal/modal-styles.js +4 -11
  125. package/dist/components/multi-select/MultiSelect.d.ts +152 -23
  126. package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
  127. package/dist/components/multi-select/MultiSelect.js +195 -217
  128. package/dist/components/multi-select/multi-select-config.d.ts +61 -23
  129. package/dist/components/multi-select/multi-select-config.d.ts.map +1 -1
  130. package/dist/components/multi-select/multi-select-config.js +16 -25
  131. package/dist/components/multi-select/multi-select-styles.d.ts +17 -0
  132. package/dist/components/multi-select/multi-select-styles.d.ts.map +1 -1
  133. package/dist/components/multi-select/multi-select-styles.js +9 -13
  134. package/dist/components/radio/Radio.d.ts +137 -13
  135. package/dist/components/radio/Radio.d.ts.map +1 -1
  136. package/dist/components/radio/Radio.js +66 -141
  137. package/dist/components/radio/RadioGroup.d.ts +88 -23
  138. package/dist/components/radio/RadioGroup.d.ts.map +1 -1
  139. package/dist/components/radio/RadioGroup.js +141 -66
  140. package/dist/components/radio/radio-config.d.ts +36 -11
  141. package/dist/components/radio/radio-config.d.ts.map +1 -1
  142. package/dist/components/radio/radio-config.js +9 -11
  143. package/dist/components/radio/radio-context.d.ts +44 -1
  144. package/dist/components/radio/radio-context.d.ts.map +1 -1
  145. package/dist/components/radio/radio-styles.d.ts +24 -1
  146. package/dist/components/radio/radio-styles.d.ts.map +1 -1
  147. package/dist/components/resizable-screen/ResizableScreen.d.ts +79 -32
  148. package/dist/components/resizable-screen/ResizableScreen.d.ts.map +1 -1
  149. package/dist/components/resizable-screen/ResizableScreen.js +77 -72
  150. package/dist/components/resizable-screen/resizable-screen-config.d.ts +62 -0
  151. package/dist/components/resizable-screen/resizable-screen-config.d.ts.map +1 -1
  152. package/dist/components/scrollbar/scrollbar-config.d.ts +44 -9
  153. package/dist/components/scrollbar/scrollbar-config.d.ts.map +1 -1
  154. package/dist/components/select/Select.d.ts +157 -17
  155. package/dist/components/select/Select.d.ts.map +1 -1
  156. package/dist/components/select/Select.js +141 -152
  157. package/dist/components/select/select-config.d.ts +26 -19
  158. package/dist/components/select/select-config.d.ts.map +1 -1
  159. package/dist/components/select/select-config.js +5 -21
  160. package/dist/components/select/select-styles.d.ts +10 -0
  161. package/dist/components/select/select-styles.d.ts.map +1 -1
  162. package/dist/components/select/select-styles.js +5 -9
  163. package/dist/components/select-menu/SelectMenu.d.ts +125 -8
  164. package/dist/components/select-menu/SelectMenu.d.ts.map +1 -1
  165. package/dist/components/select-menu/SelectMenu.js +107 -79
  166. package/dist/components/select-menu/index.d.ts +2 -0
  167. package/dist/components/select-menu/index.d.ts.map +1 -1
  168. package/dist/components/select-menu/index.js +1 -0
  169. package/dist/components/select-menu/select-menu-config.d.ts +82 -0
  170. package/dist/components/select-menu/select-menu-config.d.ts.map +1 -0
  171. package/dist/components/select-menu/select-menu-config.js +12 -0
  172. package/dist/components/sidebar/Sidebar.d.ts +151 -51
  173. package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
  174. package/dist/components/sidebar/Sidebar.js +211 -232
  175. package/dist/components/sidebar/sidebar-config.d.ts +140 -21
  176. package/dist/components/sidebar/sidebar-config.d.ts.map +1 -1
  177. package/dist/components/sidebar/sidebar-config.js +9 -12
  178. package/dist/components/sidebar/sidebar-styles.d.ts +24 -0
  179. package/dist/components/sidebar/sidebar-styles.d.ts.map +1 -1
  180. package/dist/components/spinner/spinner-config.d.ts +15 -9
  181. package/dist/components/spinner/spinner-config.d.ts.map +1 -1
  182. package/dist/components/spinner/spinner-styles.d.ts +10 -3
  183. package/dist/components/spinner/spinner-styles.d.ts.map +1 -1
  184. package/dist/components/spinner/spinner.d.ts +27 -20
  185. package/dist/components/spinner/spinner.d.ts.map +1 -1
  186. package/dist/components/spinner/spinner.js +18 -18
  187. package/dist/components/switch/Switch.d.ts +109 -9
  188. package/dist/components/switch/Switch.d.ts.map +1 -1
  189. package/dist/components/switch/Switch.js +19 -19
  190. package/dist/components/switch/switch-config.d.ts +20 -6
  191. package/dist/components/switch/switch-config.d.ts.map +1 -1
  192. package/dist/components/switch/switch-config.js +8 -16
  193. package/dist/components/switch/switch-styles.d.ts +17 -0
  194. package/dist/components/switch/switch-styles.d.ts.map +1 -1
  195. package/dist/components/table/Table.d.ts +101 -28
  196. package/dist/components/table/Table.d.ts.map +1 -1
  197. package/dist/components/table/Table.js +56 -56
  198. package/dist/components/table/table-config.d.ts +75 -8
  199. package/dist/components/table/table-config.d.ts.map +1 -1
  200. package/dist/components/table/table-styles.d.ts +25 -6
  201. package/dist/components/table/table-styles.d.ts.map +1 -1
  202. package/dist/components/tabs/Tabs.d.ts +84 -31
  203. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  204. package/dist/components/tabs/Tabs.js +44 -44
  205. package/dist/components/tabs/tabs-config.d.ts +102 -9
  206. package/dist/components/tabs/tabs-config.d.ts.map +1 -1
  207. package/dist/components/tabs/tabs-styles.d.ts +16 -4
  208. package/dist/components/tabs/tabs-styles.d.ts.map +1 -1
  209. package/dist/components/textarea/Textarea.d.ts +105 -11
  210. package/dist/components/textarea/Textarea.d.ts.map +1 -1
  211. package/dist/components/textarea/Textarea.js +27 -24
  212. package/dist/components/textarea/textarea-config.d.ts +21 -0
  213. package/dist/components/textarea/textarea-config.d.ts.map +1 -1
  214. package/dist/components/textarea/textarea-config.js +8 -16
  215. package/dist/components/textarea/textarea-styles.d.ts +9 -0
  216. package/dist/components/textarea/textarea-styles.d.ts.map +1 -1
  217. package/dist/components/textarea/textarea-styles.js +5 -9
  218. package/dist/components/toast/ToastItem.d.ts +58 -4
  219. package/dist/components/toast/ToastItem.d.ts.map +1 -1
  220. package/dist/components/toast/ToastItem.js +18 -18
  221. package/dist/components/toast/toast-config.d.ts +104 -6
  222. package/dist/components/toast/toast-config.d.ts.map +1 -1
  223. package/dist/components/toast/toast-context.d.ts +123 -11
  224. package/dist/components/toast/toast-context.d.ts.map +1 -1
  225. package/dist/components/toast/toast-context.js +19 -19
  226. package/dist/components/toast/toast-styles.d.ts +27 -5
  227. package/dist/components/toast/toast-styles.d.ts.map +1 -1
  228. package/dist/components/toast/use-pausable-timeout.d.ts +29 -0
  229. package/dist/components/toast/use-pausable-timeout.d.ts.map +1 -1
  230. package/dist/components/tooltip/Tooltip.d.ts +76 -16
  231. package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
  232. package/dist/components/tooltip/Tooltip.js +25 -25
  233. package/dist/components/tooltip/tooltip-config.d.ts +73 -3
  234. package/dist/components/tooltip/tooltip-config.d.ts.map +1 -1
  235. package/dist/components/tooltip/tooltip-styles.d.ts +12 -0
  236. package/dist/components/tooltip/tooltip-styles.d.ts.map +1 -1
  237. package/dist/config/config.d.ts +50 -2
  238. package/dist/config/config.d.ts.map +1 -1
  239. package/dist/config/default-config.d.ts +5 -0
  240. package/dist/config/default-config.d.ts.map +1 -1
  241. package/dist/config/default-config.js +23 -0
  242. package/dist/config/define-config.d.ts +23 -0
  243. package/dist/config/define-config.d.ts.map +1 -1
  244. package/dist/config/resolve-color.d.ts +25 -0
  245. package/dist/config/resolve-color.d.ts.map +1 -1
  246. package/dist/config/resolve-config.d.ts +23 -0
  247. package/dist/config/resolve-config.d.ts.map +1 -1
  248. package/dist/index.css +43 -7
  249. package/dist/index.d.ts +30 -2
  250. package/dist/index.d.ts.map +1 -1
  251. package/dist/index.js +120 -115
  252. package/dist/libs/context.d.ts +50 -1
  253. package/dist/libs/context.d.ts.map +1 -1
  254. package/dist/libs/registry.d.ts +61 -5
  255. package/dist/libs/registry.d.ts.map +1 -1
  256. package/dist/libs/use-isomorphic-layout-effect.d.ts +18 -0
  257. package/dist/libs/use-isomorphic-layout-effect.d.ts.map +1 -1
  258. package/dist/shared/index.d.ts +3 -0
  259. package/dist/shared/index.d.ts.map +1 -0
  260. package/dist/shared/radius.d.ts +37 -1
  261. package/dist/shared/radius.d.ts.map +1 -1
  262. package/dist/shared/variant.d.ts +31 -0
  263. package/dist/shared/variant.d.ts.map +1 -1
  264. package/dist/shared/variant.js +132 -45
  265. package/dist/theme/color.d.ts +89 -1
  266. package/dist/theme/color.d.ts.map +1 -1
  267. package/dist/theme/controller.d.ts +121 -0
  268. package/dist/theme/controller.d.ts.map +1 -1
  269. package/dist/theme/controller.js +84 -0
  270. package/dist/theme/useTheme.d.ts +68 -0
  271. package/dist/theme/useTheme.d.ts.map +1 -1
  272. package/dist/theme/useTheme.js +23 -0
  273. package/dist/utils/index.d.ts +0 -7
  274. package/dist/utils/index.d.ts.map +1 -1
  275. package/dist/utils/resolve-token.d.ts +101 -0
  276. package/dist/utils/resolve-token.d.ts.map +1 -1
  277. package/package.json +1 -1
  278. package/dist/components/keyboard/default-keyboard-config.d.ts +0 -10
  279. package/dist/components/keyboard/default-keyboard-config.d.ts.map +0 -1
  280. package/dist/shared/size.d.ts +0 -2
  281. package/dist/shared/size.d.ts.map +0 -1
@@ -1,6 +1,37 @@
1
- import { Size } from '../../shared/size';
1
+ import { Size } from '../../shared';
2
2
  import { CarouselVariant } from './carousel-config';
3
+ /**
4
+ * CSS classes for carousel height based on size.
5
+ * Controls the fixed height of the carousel container.
6
+ */
3
7
  export declare const CAROUSEL_HEIGHT_CLASS: Record<Size, string>;
8
+ /**
9
+ * CSS classes for carousel padding based on size.
10
+ * Controls the internal padding of each slide.
11
+ */
4
12
  export declare const CAROUSEL_PADDING_CLASS: Record<Size, string>;
13
+ /**import type { Size } from "../../shared";
14
+ import type { CarouselVariant } from "./carousel-config";
15
+
16
+ export const CAROUSEL_HEIGHT_CLASS: Record<Size, string> = {
17
+ sm: "h-60 md:h-80",
18
+ md: "h-80 md:h-[420px]",
19
+ lg: "h-[400px] md:h-[520px]",
20
+ };
21
+
22
+ export const CAROUSEL_PADDING_CLASS: Record<Size, string> = {
23
+ sm: "p-4",
24
+ md: "p-6",
25
+ lg: "p-8",
26
+ };
27
+
28
+ export const CAROUSEL_VARIANT_CLASS: Record<CarouselVariant, string> = {
29
+ bordered: "bg-background border-2 border-border",
30
+ ghost: "bg-transparent",
31
+ };
32
+
33
+ * CSS classes for carousel variants.
34
+ * Each variant has a distinct background and border treatment.
35
+ */
5
36
  export declare const CAROUSEL_VARIANT_CLASS: Record<CarouselVariant, string>;
6
37
  //# sourceMappingURL=carousel-styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-styles.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC"}
1
+ {"version":3,"file":"carousel-styles.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC"}
@@ -1,53 +1,51 @@
1
1
  import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
2
- import { Radius } from '../../shared/radius';
3
- import { Size } from '../../shared/size';
4
- import { Color } from '../../shared/variant';
5
- import { ChipVariant } from './chip-config';
2
+ import { ChipConfig } from './chip-config';
6
3
  /**
7
4
  * Configuration options for the Chip component.
8
5
  */
9
- export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "color" | "size"> {
10
- /** Visual style variant.
11
- *
12
- * @default "bordered"
13
- */
14
- variant?: ChipVariant;
15
- /** Theme accent color.
16
- *
17
- * @default "primary"
18
- */
19
- color?: Color;
20
- /** Height and font-size scale.
21
- *
22
- * @default "md"
23
- */
24
- size?: Size;
25
- /** Corner rounding.
26
- *
27
- * @default "full"
28
- */
29
- radius?: Radius;
30
- /** Disables interactions and dims the chip.
6
+ type BaseChipProps = ChipConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "size">;
7
+ export interface ChipProps extends BaseChipProps {
8
+ /**
9
+ * Disables interactions and dims the chip.
10
+ * Disabled chips cannot be clicked or closed.
31
11
  *
32
12
  * @default false
33
13
  */
34
14
  isDisabled?: boolean;
35
- /** Leading icon rendered before the content. */
15
+ /**
16
+ * Leading icon rendered before the content.
17
+ * Typically used to add visual context to the chip.
18
+ */
36
19
  startIcon?: ReactNode;
37
- /** Trailing icon rendered after the content (hidden when closable). */
20
+ /**
21
+ * Trailing icon rendered after the content (hidden when closable).
22
+ * When onClose is provided, this is replaced by the close button.
23
+ */
38
24
  endIcon?: ReactNode;
39
- /** Avatar node rendered before the content, replacing `startIcon`. */
25
+ /**
26
+ * Avatar node rendered before the content, replacing `startIcon`.
27
+ * Typically used for user or entity avatars.
28
+ */
40
29
  avatar?: ReactNode;
41
- /** Renders a small status dot.
42
- *
30
+ /**
31
+ * Renders a small status dot.
43
32
  * Pass `true` for the current color, or a CSS color string.
44
33
  */
45
34
  dot?: boolean | string;
46
- /** When provided, renders a remove button that fires this callback. */
35
+ /**
36
+ * When provided, renders a remove button that fires this callback.
37
+ * Makes the chip closable with a close button.
38
+ */
47
39
  onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
48
- /** Custom remove icon shown inside the close button. */
40
+ /**
41
+ * Custom remove icon shown inside the close button.
42
+ * Overrides the default CloseIcon.
43
+ */
49
44
  closeIcon?: ReactNode;
50
- /** Chip content. */
45
+ /**
46
+ * Chip content.
47
+ * The label text to display inside the chip.
48
+ */
51
49
  children?: ReactNode;
52
50
  }
53
51
  /**
@@ -58,6 +56,10 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"
58
56
  * chip becomes keyboard-operable for removal. Visual tokens resolve
59
57
  * through the standard AsheeUI cascade.
60
58
  *
59
+ * The component automatically handles accessibility attributes including
60
+ * aria-disabled, proper focus management, and keyboard interaction for
61
+ * both the chip and its close button.
62
+ *
61
63
  * @param props - Chip configuration options and HTML div props.
62
64
  * @param props.variant - Visual style variant. Defaults to "bordered".
63
65
  * @param props.color - Theme accent color. Defaults to "primary".
@@ -71,6 +73,8 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"
71
73
  * @param props.onClose - Close callback.
72
74
  * @param props.closeIcon - Custom close icon.
73
75
  * @param props.children - Chip label content.
76
+ * @param props.className - Extra CSS classes for the chip.
77
+ * @param props.onClick - Click handler for the chip.
74
78
  *
75
79
  * @example
76
80
  * ```tsx
@@ -88,6 +92,23 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"
88
92
  * );
89
93
  * }
90
94
  * ```
95
+ *
96
+ * @example
97
+ * ```tsx
98
+ * // Chip with avatar and status dot
99
+ * <Chip
100
+ * avatar={<img src="/avatar.jpg" alt="User" />}
101
+ * dot
102
+ * color="success"
103
+ * >
104
+ * John Doe
105
+ * </Chip>
106
+ * ```
107
+ *
108
+ * @see ChipConfig - The configuration type for component defaults.
109
+ * @see resolveVariantClass - Utility for resolving variant and color styles.
110
+ * @see useAsheeConfig - Hook for accessing the global configuration.
91
111
  */
92
112
  export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
113
+ export {};
93
114
  //# sourceMappingURL=Chip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,KAAK,EAAuB,MAAM,sBAAsB,CAAC;AAOvE,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AASvB;;GAEG;AACH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,uEAAuE;IACvE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI,sGAsOhB,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,eAAe,CAAC;AASvB;;GAEG;AACH,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAEzD,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAErD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,eAAO,MAAM,IAAI,sGAqOhB,CAAC"}
@@ -3,93 +3,93 @@ import { jsxs as F, jsx as i } from "react/jsx-runtime";
3
3
  import { forwardRef as O } from "react";
4
4
  import { CloseIcon as X } from "../../icons/CloseIcon.js";
5
5
  import { useAsheeConfig as Y } from "../../libs/context.js";
6
- import { RADIUS_CLASS as T } from "../../shared/radius.js";
7
- import { resolveVariantClass as B } from "../../shared/variant.js";
8
- import { resolveCascade as p, resolveRadiusKey as M, resolveClassKey as a } from "../../utils/resolve-token.js";
6
+ import { resolveCascade as p, resolveRadiusKey as T, resolveClassKey as o } from "../../utils/resolve-token.js";
9
7
  import { FALLBACK_CHIP_CONFIG as s } from "./chip-config.js";
10
- import { CHIP_HEIGHT_CLASS as U, CHIP_PADDING_CLASS as Z, CHIP_FONT_CLASS as q, CHIP_GAP_CLASS as D, CHIP_ICON_SIZE_CLASS as J } from "./chip-styles.js";
8
+ import { CHIP_HEIGHT_CLASS as B, CHIP_PADDING_CLASS as M, CHIP_FONT_CLASS as U, CHIP_GAP_CLASS as Z, CHIP_ICON_SIZE_CLASS as q } from "./chip-styles.js";
9
+ import { RADIUS_CLASS as D } from "../../shared/radius.js";
11
10
  import { cn as c } from "../../utils/cn.js";
11
+ import { resolveVariantClass as J } from "../../shared/variant.js";
12
12
  const Q = O(
13
13
  ({
14
14
  variant: S,
15
- color: _,
16
- size: N,
15
+ color: C,
16
+ size: _,
17
17
  radius: A,
18
18
  isDisabled: t = !1,
19
- startIcon: h,
20
- endIcon: y,
21
- avatar: d,
22
- dot: f,
23
- onClose: o,
24
- closeIcon: C,
25
- children: I,
19
+ startIcon: y,
20
+ endIcon: h,
21
+ avatar: m,
22
+ dot: d,
23
+ onClose: a,
24
+ closeIcon: I,
25
+ children: N,
26
26
  className: b,
27
- style: w,
27
+ style: g,
28
28
  onClick: n,
29
- ...x
30
- }, z) => {
29
+ ...w
30
+ }, x) => {
31
31
  var K;
32
- const u = Y(), e = (K = u.components) == null ? void 0 : K.chip, v = p(
32
+ const u = Y(), r = (K = u.components) == null ? void 0 : K.chip, v = p(
33
33
  S,
34
- e == null ? void 0 : e.variant,
34
+ r == null ? void 0 : r.variant,
35
35
  u.defaultVariant,
36
36
  s.variant
37
- ), P = v === "underlined" ? "bordered" : v, H = p(
38
- _,
39
- e == null ? void 0 : e.color,
37
+ ), z = v === "underlined" ? "bordered" : v, P = p(
38
+ C,
39
+ r == null ? void 0 : r.color,
40
40
  u.defaultColor,
41
41
  s.color
42
42
  ), l = p(
43
- N,
44
- e == null ? void 0 : e.size,
43
+ _,
44
+ r == null ? void 0 : r.size,
45
45
  void 0,
46
46
  s.size
47
- ), L = M(
47
+ ), H = T(
48
48
  A,
49
- e == null ? void 0 : e.radius,
49
+ r == null ? void 0 : r.radius,
50
50
  u.defaultRadius,
51
51
  s.radius
52
- ), g = a(
52
+ ), L = o(
53
53
  l,
54
- U,
54
+ B,
55
55
  s.size
56
- ), j = a(
56
+ ), j = o(
57
57
  l,
58
- Z,
58
+ M,
59
59
  s.size
60
- ), R = a(
60
+ ), R = o(
61
61
  l,
62
- q,
62
+ U,
63
63
  s.size
64
- ), k = a(
64
+ ), k = o(
65
65
  l,
66
- D,
66
+ Z,
67
67
  s.size
68
- ), m = a(
68
+ ), f = o(
69
69
  l,
70
- J,
70
+ q,
71
71
  s.size
72
- ), E = a(
73
- L,
74
- T,
72
+ ), E = o(
73
+ H,
74
+ D,
75
75
  s.radius
76
- ), G = (r) => {
77
- r.stopPropagation(), !t && (o == null || o(r));
76
+ ), G = (e) => {
77
+ e.stopPropagation(), !t && (a == null || a(e));
78
78
  };
79
79
  return /* @__PURE__ */ F(
80
80
  "div",
81
81
  {
82
- ref: z,
82
+ ref: x,
83
83
  tabIndex: t ? -1 : 0,
84
84
  "aria-disabled": t,
85
- onClick: (r) => {
86
- t || n == null || n(r);
85
+ onClick: (e) => {
86
+ t || n == null || n(e);
87
87
  },
88
- onKeyDown: (r) => {
89
- if (!t && (r.key === "Enter" || r.key === " ")) {
90
- r.preventDefault();
88
+ onKeyDown: (e) => {
89
+ if (!t && (e.key === "Enter" || e.key === " ")) {
90
+ e.preventDefault();
91
91
  const V = {
92
- ...r,
92
+ ...e,
93
93
  button: 0,
94
94
  buttons: 1,
95
95
  clientX: 0,
@@ -98,10 +98,10 @@ const Q = O(
98
98
  pageY: 0,
99
99
  screenX: 0,
100
100
  screenY: 0,
101
- altKey: r.altKey,
102
- ctrlKey: r.ctrlKey,
103
- metaKey: r.metaKey,
104
- shiftKey: r.shiftKey,
101
+ altKey: e.altKey,
102
+ ctrlKey: e.ctrlKey,
103
+ metaKey: e.metaKey,
104
+ shiftKey: e.shiftKey,
105
105
  type: "click"
106
106
  };
107
107
  n == null || n(V);
@@ -110,63 +110,62 @@ const Q = O(
110
110
  className: c(
111
111
  "inline-flex items-center font-medium transition-all duration-200 select-none shrink-0",
112
112
  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
113
- B(P, H),
114
- g,
113
+ J(z, P),
114
+ L,
115
115
  j,
116
116
  R,
117
117
  k,
118
118
  E,
119
119
  t && "opacity-50 pointer-events-none cursor-not-allowed",
120
120
  n && !t && "cursor-pointer hover:opacity-90 active:scale-[0.98]",
121
- e == null ? void 0 : e.className,
122
121
  b
123
122
  ),
124
- style: w,
125
- ...x,
123
+ style: g,
124
+ ...w,
126
125
  children: [
127
- f && /* @__PURE__ */ i(
126
+ d && /* @__PURE__ */ i(
128
127
  "span",
129
128
  {
130
129
  className: "shrink-0 rounded-full",
131
130
  style: {
132
131
  width: "0.5em",
133
132
  height: "0.5em",
134
- backgroundColor: typeof f == "string" ? f : "currentColor"
133
+ backgroundColor: typeof d == "string" ? d : "currentColor"
135
134
  }
136
135
  }
137
136
  ),
138
- d && /* @__PURE__ */ i(
137
+ m && /* @__PURE__ */ i(
139
138
  "span",
140
139
  {
141
140
  className: c(
142
- "inline-flex items-center justify-center shrink-0 overflow-hidden rounded-full",
143
- m
141
+ "inline-flex items-center justify-center shrink-0 overflow-clip rounded-full",
142
+ f
144
143
  ),
145
- children: d
144
+ children: m
146
145
  }
147
146
  ),
148
- h && !d && /* @__PURE__ */ i(
147
+ y && !m && /* @__PURE__ */ i(
149
148
  "span",
150
149
  {
151
150
  className: c(
152
151
  "inline-flex items-center justify-center shrink-0",
153
- m
152
+ f
154
153
  ),
155
- children: h
154
+ children: y
156
155
  }
157
156
  ),
158
- I,
159
- y && !o && /* @__PURE__ */ i(
157
+ N,
158
+ h && !a && /* @__PURE__ */ i(
160
159
  "span",
161
160
  {
162
161
  className: c(
163
162
  "inline-flex items-center justify-center shrink-0",
164
- m
163
+ f
165
164
  ),
166
- children: y
165
+ children: h
167
166
  }
168
167
  ),
169
- o && /* @__PURE__ */ i(
168
+ a && /* @__PURE__ */ i(
170
169
  "button",
171
170
  {
172
171
  type: "button",
@@ -177,9 +176,9 @@ const Q = O(
177
176
  "inline-flex items-center justify-center shrink-0 rounded-full transition-opacity",
178
177
  "hover:opacity-70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current",
179
178
  "opacity-80 -mr-1",
180
- m
179
+ f
181
180
  ),
182
- children: C ?? /* @__PURE__ */ i(X, { className: "w-full h-full" })
181
+ children: I ?? /* @__PURE__ */ i(X, { className: "w-full h-full" })
183
182
  }
184
183
  )
185
184
  ]
@@ -1,6 +1,4 @@
1
- import { Radius } from '../../shared/radius';
2
- import { Size } from '../../shared/size';
3
- import { Color, Variant } from '../../shared/variant';
1
+ import { Color, Radius, Size, Variant } from '../../shared';
4
2
  /**
5
3
  * Visual style of the chip.
6
4
  *
@@ -8,9 +6,15 @@ import { Color, Variant } from '../../shared/variant';
8
6
  * chip-appropriate visual treatment.
9
7
  */
10
8
  export type ChipVariant = Exclude<Variant, "underlined">;
11
- /** Height and font-size scale of the chip. */
9
+ /**
10
+ * Height and font-size scale of the chip.
11
+ * Maps to the standard Size type: "sm", "md", or "lg".
12
+ */
12
13
  export type ChipSizeKey = Size;
13
- /** Corner rounding scale of the chip. */
14
+ /**
15
+ * Corner rounding scale of the chip.
16
+ * Maps to the standard Radius type.
17
+ */
14
18
  export type ChipRadiusKey = Radius;
15
19
  /**
16
20
  * Theme configuration options for the Chip component.
@@ -19,31 +23,34 @@ export type ChipRadiusKey = Radius;
19
23
  * component-level fallback tier of the theme cascade.
20
24
  */
21
25
  export interface ChipConfig {
22
- /** Visual style variant.
26
+ /**
27
+ * Visual style variant.
28
+ * Controls the chip's background, border, and hover treatment.
23
29
  *
24
30
  * @default "bordered"
25
31
  */
26
32
  variant?: ChipVariant;
27
- /** Theme accent color.
33
+ /**
34
+ * Theme accent color.
35
+ * Controls the color of the chip's primary visual elements.
28
36
  *
29
37
  * @default "primary"
30
38
  */
31
39
  color?: Color;
32
- /** Height and font-size scale.
40
+ /**
41
+ * Height and font-size scale.
42
+ * Controls the density and text size of the chip.
33
43
  *
34
44
  * @default "md"
35
45
  */
36
46
  size?: ChipSizeKey;
37
- /** Corner rounding.
47
+ /**
48
+ * Corner rounding.
49
+ * Controls the border-radius of the chip.
38
50
  *
39
51
  * @default "full"
40
52
  */
41
53
  radius?: ChipRadiusKey;
42
- /** Extra classes applied to every chip instance.
43
- *
44
- * @default ""
45
- */
46
- className?: string;
47
54
  }
48
55
  /**
49
56
  * Default config values registered for the Chip component.
@@ -54,8 +61,15 @@ export interface ChipConfig {
54
61
  export declare const defaultChipConfig: ChipConfig;
55
62
  /**
56
63
  * Hard fallback values used when no config tier provides a value.
64
+ * These values are used when instance props, component config,
65
+ * and global defaults are all undefined.
57
66
  */
58
- export declare const FALLBACK_CHIP_CONFIG: Required<ChipConfig>;
67
+ export declare const FALLBACK_CHIP_CONFIG: {
68
+ readonly size: "md";
69
+ readonly variant: "bordered";
70
+ readonly color: "primary";
71
+ readonly radius: "full";
72
+ };
59
73
  declare module "../../libs/registry" {
60
74
  interface ComponentTypeConfigRegistry {
61
75
  chip: ChipConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"chip-config.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAEzD,8CAA8C;AAC9C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC;AAE/B,yCAAyC;AACzC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,UAAU,CAM5C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF"}
1
+ {"version":3,"file":"chip-config.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAG/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF"}
@@ -1,17 +1,16 @@
1
1
  "use client";
2
- import { registerComponentDefaults as e } from "../../libs/registry.js";
3
- const r = {
2
+ import { registerComponentDefaults as r } from "../../libs/registry.js";
3
+ const e = {
4
4
  size: "md",
5
5
  radius: "full"
6
6
  }, o = {
7
7
  size: "md",
8
8
  variant: "bordered",
9
9
  color: "primary",
10
- radius: "full",
11
- className: ""
10
+ radius: "full"
12
11
  };
13
- e("chip", r);
12
+ r("chip", e);
14
13
  export {
15
14
  o as FALLBACK_CHIP_CONFIG,
16
- r as defaultChipConfig
15
+ e as defaultChipConfig
17
16
  };
@@ -1,7 +1,27 @@
1
- import { Size } from '../../shared/size';
1
+ import { Size } from '../../shared';
2
+ /**
3
+ * CSS classes for chip height based on size.
4
+ * Controls the vertical dimension of the chip.
5
+ */
2
6
  export declare const CHIP_HEIGHT_CLASS: Record<Size, string>;
7
+ /**
8
+ * CSS classes for chip horizontal padding based on size.
9
+ * Controls the left and right padding of the chip.
10
+ */
3
11
  export declare const CHIP_PADDING_CLASS: Record<Size, string>;
12
+ /**
13
+ * CSS classes for chip font size based on size.
14
+ * Controls the text size of the chip label.
15
+ */
4
16
  export declare const CHIP_FONT_CLASS: Record<Size, string>;
17
+ /**
18
+ * CSS classes for chip gap based on size.
19
+ * Controls the spacing between chip elements (icon, avatar, dot, label).
20
+ */
5
21
  export declare const CHIP_GAP_CLASS: Record<Size, string>;
22
+ /**
23
+ * CSS classes for chip icon size based on size.
24
+ * Controls the dimensions of icons, avatars, and close buttons.
25
+ */
6
26
  export declare const CHIP_ICON_SIZE_CLASS: Record<Size, string>;
7
27
  //# sourceMappingURL=chip-styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"chip-styles.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAInD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIhD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAI/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIrD,CAAC"}
1
+ {"version":3,"file":"chip-styles.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAInD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAI/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIrD,CAAC"}