@kuzenbo/core 0.0.5 → 0.0.7

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 (168) hide show
  1. package/README.md +2 -0
  2. package/dist/action-icon-UjYZjXrB.d.ts +59 -0
  3. package/dist/action-icon-UjYZjXrB.d.ts.map +1 -0
  4. package/dist/{avatar-DpiupAAM.d.ts → avatar-4S7I72CH.d.ts} +2 -2
  5. package/dist/{avatar-DpiupAAM.d.ts.map → avatar-4S7I72CH.d.ts.map} +1 -1
  6. package/dist/{avatar-CXhwmJgG.js → avatar-C3vF6E7s.js} +1 -1
  7. package/dist/{avatar-CXhwmJgG.js.map → avatar-C3vF6E7s.js.map} +1 -1
  8. package/dist/{badge-BKRm6jL7.js → badge-DB40swlt.js} +1 -1
  9. package/dist/{badge-BKRm6jL7.js.map → badge-DB40swlt.js.map} +1 -1
  10. package/dist/button-CPPkhcmB.d.ts +59 -0
  11. package/dist/button-CPPkhcmB.d.ts.map +1 -0
  12. package/dist/button-shared-variants-J4RVI3K7.js +19 -0
  13. package/dist/button-shared-variants-J4RVI3K7.js.map +1 -0
  14. package/dist/{dialog-CD5lfQA9.js → dialog-B7kMKriQ.js} +6 -5
  15. package/dist/dialog-B7kMKriQ.js.map +1 -0
  16. package/dist/{dialog-DEkdr-9K.d.ts → dialog-D3dAMsO_.d.ts} +1 -1
  17. package/dist/{dialog-DEkdr-9K.d.ts.map → dialog-D3dAMsO_.d.ts.map} +1 -1
  18. package/dist/{dropdown-menu-Bpj576m0.d.ts → dropdown-menu-BG03sLbC.d.ts} +2 -2
  19. package/dist/{dropdown-menu-Bpj576m0.d.ts.map → dropdown-menu-BG03sLbC.d.ts.map} +1 -1
  20. package/dist/{dropdown-menu-BJi-V71O.js → dropdown-menu-DOVY76ue.js} +1 -1
  21. package/dist/{dropdown-menu-BJi-V71O.js.map → dropdown-menu-DOVY76ue.js.map} +1 -1
  22. package/dist/{input-WWoBCgxe.d.ts → input-BeE717GK.d.ts} +2 -2
  23. package/dist/{input-WWoBCgxe.d.ts.map → input-BeE717GK.d.ts.map} +1 -1
  24. package/dist/{input-Ex9ZRqbo.js → input-cICL6sH_.js} +1 -1
  25. package/dist/{input-Ex9ZRqbo.js.map → input-cICL6sH_.js.map} +1 -1
  26. package/dist/{input-group-CjcHP0L4.js → input-group-7kPror1q.js} +15 -5
  27. package/dist/input-group-7kPror1q.js.map +1 -0
  28. package/dist/provider.d.ts +3 -3
  29. package/dist/{scroll-bar-C4qEUKlT.js → scroll-bar-BKRy5Me9.js} +1 -1
  30. package/dist/{scroll-bar-C4qEUKlT.js.map → scroll-bar-BKRy5Me9.js.map} +1 -1
  31. package/dist/{separator-C8Qw2ADs.d.ts → separator-CgOz2m5i.d.ts} +1 -1
  32. package/dist/{separator-C8Qw2ADs.d.ts.map → separator-CgOz2m5i.d.ts.map} +1 -1
  33. package/dist/{sheet-imSHXfFH.js → sheet-CcyewAZj.js} +6 -6
  34. package/dist/sheet-CcyewAZj.js.map +1 -0
  35. package/dist/{size-context-DXfCAlWF.d.ts → size-context-DWvVJytl.d.ts} +2 -2
  36. package/dist/{size-context-DXfCAlWF.d.ts.map → size-context-DWvVJytl.d.ts.map} +1 -1
  37. package/dist/{size-provider-Bd2C6gKd.d.ts → size-provider-PHAZhU6k.d.ts} +2 -2
  38. package/dist/{size-provider-Bd2C6gKd.d.ts.map → size-provider-PHAZhU6k.d.ts.map} +1 -1
  39. package/dist/{size-system-wzOLSuax.d.ts → size-system-BAI1CnwU.d.ts} +1 -1
  40. package/dist/size-system-BAI1CnwU.d.ts.map +1 -0
  41. package/dist/size.d.ts +3 -3
  42. package/dist/{slider-root-presentation-B6OO_iCT.js → slider-root-presentation-G0ByTcvd.js} +1 -1
  43. package/dist/{slider-root-presentation-B6OO_iCT.js.map → slider-root-presentation-G0ByTcvd.js.map} +1 -1
  44. package/dist/{slider-style-tokens-CZezJilZ.d.ts → slider-style-tokens-DNzHvGii.d.ts} +1 -1
  45. package/dist/{slider-style-tokens-CZezJilZ.d.ts.map → slider-style-tokens-DNzHvGii.d.ts.map} +1 -1
  46. package/dist/{textarea-C8dsnn8D.d.ts → textarea-rmoEkvdu.d.ts} +1 -1
  47. package/dist/{textarea-C8dsnn8D.d.ts.map → textarea-rmoEkvdu.d.ts.map} +1 -1
  48. package/dist/{textarea-CkiM1N_I.js → textarea-vNt8edEA.js} +1 -1
  49. package/dist/{textarea-CkiM1N_I.js.map → textarea-vNt8edEA.js.map} +1 -1
  50. package/dist/{toggle-CxkIncmZ.d.ts → toggle-D8kPPZH9.d.ts} +1 -1
  51. package/dist/{toggle-CxkIncmZ.d.ts.map → toggle-D8kPPZH9.d.ts.map} +1 -1
  52. package/dist/{tooltip-D0BEpCQx.js → tooltip-BUo_HPnp.js} +1 -1
  53. package/dist/{tooltip-D0BEpCQx.js.map → tooltip-BUo_HPnp.js.map} +1 -1
  54. package/dist/{tooltip-DbJxt69l.d.ts → tooltip-DatN3AoZ.d.ts} +2 -2
  55. package/dist/{tooltip-DbJxt69l.d.ts.map → tooltip-DatN3AoZ.d.ts.map} +1 -1
  56. package/dist/ui/accordion.d.ts +1 -1
  57. package/dist/ui/action-icon.d.ts +2 -0
  58. package/dist/ui/action-icon.js +74 -0
  59. package/dist/ui/action-icon.js.map +1 -0
  60. package/dist/ui/alert-dialog.d.ts +2 -2
  61. package/dist/ui/alert-dialog.js +1 -1
  62. package/dist/ui/alert-dialog.js.map +1 -1
  63. package/dist/ui/alert.d.ts +1 -1
  64. package/dist/ui/announcement.js +1 -1
  65. package/dist/ui/autocomplete.d.ts +3 -3
  66. package/dist/ui/autocomplete.js +1 -1
  67. package/dist/ui/autocomplete.js.map +1 -1
  68. package/dist/ui/avatar.d.ts +1 -1
  69. package/dist/ui/avatar.js +1 -1
  70. package/dist/ui/badge.js +1 -1
  71. package/dist/ui/breadcrumb.d.ts +1 -1
  72. package/dist/ui/button-group.d.ts +2 -2
  73. package/dist/ui/button.d.ts +1 -1
  74. package/dist/ui/button.js +27 -49
  75. package/dist/ui/button.js.map +1 -1
  76. package/dist/ui/card.d.ts +1 -1
  77. package/dist/ui/carousel.d.ts +3 -3
  78. package/dist/ui/carousel.d.ts.map +1 -1
  79. package/dist/ui/carousel.js +5 -5
  80. package/dist/ui/carousel.js.map +1 -1
  81. package/dist/ui/checkbox.d.ts +1 -1
  82. package/dist/ui/combobox.d.ts +1 -1
  83. package/dist/ui/combobox.js +12 -12
  84. package/dist/ui/combobox.js.map +1 -1
  85. package/dist/ui/command.d.ts +2 -2
  86. package/dist/ui/command.js +2 -2
  87. package/dist/ui/container.d.ts +1 -0
  88. package/dist/ui/container.d.ts.map +1 -1
  89. package/dist/ui/container.js +6 -2
  90. package/dist/ui/container.js.map +1 -1
  91. package/dist/ui/context-menu.d.ts +1 -1
  92. package/dist/ui/copy-button.d.ts +1 -1
  93. package/dist/ui/copy-button.js +29 -8
  94. package/dist/ui/copy-button.js.map +1 -1
  95. package/dist/ui/dialog.d.ts +1 -1
  96. package/dist/ui/dialog.js +1 -1
  97. package/dist/ui/drawer.d.ts +310 -119
  98. package/dist/ui/drawer.d.ts.map +1 -1
  99. package/dist/ui/drawer.js +254 -114
  100. package/dist/ui/drawer.js.map +1 -1
  101. package/dist/ui/dropdown-menu.d.ts +2 -2
  102. package/dist/ui/dropdown-menu.js +1 -1
  103. package/dist/ui/emoji-picker.d.ts +2 -2
  104. package/dist/ui/empty.d.ts +2 -2
  105. package/dist/ui/field.d.ts +1 -1
  106. package/dist/ui/input-group.d.ts +3 -3
  107. package/dist/ui/input-group.d.ts.map +1 -1
  108. package/dist/ui/input-group.js +1 -1
  109. package/dist/ui/input-otp.d.ts +1 -1
  110. package/dist/ui/input.d.ts +1 -1
  111. package/dist/ui/input.js +1 -1
  112. package/dist/ui/item.d.ts +1 -1
  113. package/dist/ui/kbd.d.ts +1 -1
  114. package/dist/ui/menubar.d.ts +2 -2
  115. package/dist/ui/menubar.js +1 -1
  116. package/dist/ui/navigation-list.d.ts +2 -2
  117. package/dist/ui/navigation-menu.d.ts +1 -1
  118. package/dist/ui/number-field.d.ts +1 -1
  119. package/dist/ui/pagination.d.ts +1 -1
  120. package/dist/ui/pagination.d.ts.map +1 -1
  121. package/dist/ui/pagination.js +18 -10
  122. package/dist/ui/pagination.js.map +1 -1
  123. package/dist/ui/pill.d.ts +3 -3
  124. package/dist/ui/pill.d.ts.map +1 -1
  125. package/dist/ui/pill.js +5 -5
  126. package/dist/ui/pill.js.map +1 -1
  127. package/dist/ui/popover.d.ts +2 -2
  128. package/dist/ui/popover.js +1 -1
  129. package/dist/ui/popover.js.map +1 -1
  130. package/dist/ui/preview-card.js +1 -1
  131. package/dist/ui/preview-card.js.map +1 -1
  132. package/dist/ui/radio-group.d.ts +1 -1
  133. package/dist/ui/range-slider.d.ts +1 -1
  134. package/dist/ui/range-slider.js +1 -1
  135. package/dist/ui/scroll-area.js +1 -1
  136. package/dist/ui/select.d.ts +3 -3
  137. package/dist/ui/select.js +1 -1
  138. package/dist/ui/select.js.map +1 -1
  139. package/dist/ui/separator.d.ts +1 -1
  140. package/dist/ui/sheet.js +1 -1
  141. package/dist/ui/sidebar.d.ts +6 -6
  142. package/dist/ui/sidebar.d.ts.map +1 -1
  143. package/dist/ui/sidebar.js +15 -18
  144. package/dist/ui/sidebar.js.map +1 -1
  145. package/dist/ui/slider.d.ts +1 -1
  146. package/dist/ui/slider.js +1 -1
  147. package/dist/ui/spinner.d.ts +1 -1
  148. package/dist/ui/switch.d.ts +1 -1
  149. package/dist/ui/table.d.ts +2 -2
  150. package/dist/ui/table.js +1 -1
  151. package/dist/ui/textarea.d.ts +1 -1
  152. package/dist/ui/textarea.js +1 -1
  153. package/dist/ui/toggle-group.d.ts +2 -2
  154. package/dist/ui/toggle.d.ts +1 -1
  155. package/dist/ui/toolbar.d.ts +3 -3
  156. package/dist/ui/tooltip.d.ts +2 -2
  157. package/dist/ui/tooltip.js +1 -1
  158. package/dist/ui/typography.d.ts +1 -1
  159. package/dist/ui/typography.d.ts.map +1 -1
  160. package/dist/ui/typography.js +20 -20
  161. package/dist/ui/typography.js.map +1 -1
  162. package/package.json +8 -6
  163. package/dist/button-nAbTNrxA.d.ts +0 -78
  164. package/dist/button-nAbTNrxA.d.ts.map +0 -1
  165. package/dist/dialog-CD5lfQA9.js.map +0 -1
  166. package/dist/input-group-CjcHP0L4.js.map +0 -1
  167. package/dist/sheet-imSHXfFH.js.map +0 -1
  168. package/dist/size-system-wzOLSuax.d.ts.map +0 -1
@@ -7,7 +7,7 @@ import { useRender } from "@base-ui/react/use-render";
7
7
  //#region src/ui/typography/typography-blockquote.tsx
8
8
  const TypographyBlockquote = ({ className, render, ...props }) => useRender({
9
9
  defaultTagName: "blockquote",
10
- props: mergeProps({ className: cn("border-border text-foreground border-l-2 pl-4 italic", className) }, props),
10
+ props: mergeProps({ className: cn("border-border text-foreground border-l-[var(--kb-typography-blockquote-border-width,2px)] pl-[var(--kb-typography-blockquote-padding-inline-start,1rem)] italic", className) }, props),
11
11
  render,
12
12
  state: { slot: "typography-blockquote" }
13
13
  });
@@ -18,27 +18,27 @@ const typographyHeadingVariants = tv({
18
18
  base: "text-foreground tracking-tight",
19
19
  defaultVariants: { variant: "h2" },
20
20
  variants: { variant: {
21
- display: "text-5xl leading-tight font-semibold text-balance",
22
- h1: "text-4xl leading-tight font-semibold text-balance",
23
- h2: "text-3xl leading-tight font-semibold text-balance",
24
- h3: "text-2xl leading-snug font-semibold",
25
- h4: "text-xl leading-snug font-semibold",
26
- h5: "text-lg leading-7 font-semibold",
27
- h6: "text-base leading-6 font-semibold",
28
- subheading: "text-muted-foreground text-lg leading-7 font-medium"
21
+ display: "text-[length:var(--kb-typography-heading-display-size,3rem)] leading-[var(--kb-typography-heading-display-line-height,3.75rem)] font-semibold text-balance",
22
+ h1: "text-[length:var(--kb-typography-heading-h1-size,2.25rem)] leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] font-semibold text-balance",
23
+ h2: "text-[length:var(--kb-typography-heading-h2-size,1.875rem)] leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] font-semibold text-balance",
24
+ h3: "text-[length:var(--kb-typography-heading-h3-size,1.5rem)] leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] font-semibold",
25
+ h4: "text-[length:var(--kb-typography-heading-h4-size,1.25rem)] leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] font-semibold",
26
+ h5: "text-[length:var(--kb-typography-heading-h5-size,1.125rem)] leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] font-semibold",
27
+ h6: "text-[length:var(--kb-typography-heading-h6-size,1rem)] leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] font-semibold",
28
+ subheading: "text-muted-foreground text-[length:var(--kb-typography-heading-subheading-size,1.125rem)] leading-[var(--kb-typography-heading-subheading-line-height,1.75rem)] font-medium"
29
29
  } }
30
30
  });
31
31
  const typographyTextVariants = tv({
32
32
  base: "text-foreground",
33
33
  defaultVariants: { variant: "body" },
34
34
  variants: { variant: {
35
- body: "text-base leading-7",
36
- caption: "text-muted-foreground text-xs leading-5",
37
- eyebrow: "text-foreground text-xs leading-5 font-semibold tracking-widest uppercase",
38
- lead: "text-muted-foreground text-xl leading-8",
39
- muted: "text-muted-foreground text-sm leading-6",
40
- overline: "text-muted-foreground text-xs leading-5 font-semibold tracking-wide uppercase",
41
- small: "text-sm leading-5 font-medium"
35
+ body: "text-[length:var(--kb-typography-text-body-size,1rem)] leading-[var(--kb-typography-text-body-line-height,1.75rem)]",
36
+ caption: "text-muted-foreground text-[length:var(--kb-typography-text-caption-size,0.75rem)] leading-[var(--kb-typography-text-caption-line-height,1.25rem)]",
37
+ eyebrow: "text-foreground text-[length:var(--kb-typography-text-eyebrow-size,0.75rem)] leading-[var(--kb-typography-text-eyebrow-line-height,1.25rem)] font-semibold tracking-widest uppercase",
38
+ lead: "text-muted-foreground text-[length:var(--kb-typography-text-lead-size,1.25rem)] leading-[var(--kb-typography-text-lead-line-height,2rem)]",
39
+ muted: "text-muted-foreground text-[length:var(--kb-typography-text-muted-size,0.875rem)] leading-[var(--kb-typography-text-muted-line-height,1.5rem)]",
40
+ overline: "text-muted-foreground text-[length:var(--kb-typography-text-overline-size,0.75rem)] leading-[var(--kb-typography-text-overline-line-height,1.25rem)] font-semibold tracking-wide uppercase",
41
+ small: "text-[length:var(--kb-typography-text-small-size,0.875rem)] leading-[var(--kb-typography-text-small-line-height,1.25rem)] font-medium"
42
42
  } }
43
43
  });
44
44
 
@@ -169,7 +169,7 @@ const TypographyLead = ({ render = defaultRender$5, ...props }) => /* @__PURE__
169
169
  //#region src/ui/typography/typography-li.tsx
170
170
  const TypographyLi = ({ className, render, ...props }) => useRender({
171
171
  defaultTagName: "li",
172
- props: mergeProps({ className: cn("leading-6", className) }, props),
172
+ props: mergeProps({ className: cn("leading-[var(--kb-typography-list-item-line-height,1.5rem)]", className) }, props),
173
173
  render,
174
174
  state: { slot: "typography-li" }
175
175
  });
@@ -207,7 +207,7 @@ const TypographyMuted = ({ render = defaultRender$4, ...props }) => /* @__PURE__
207
207
  //#region src/ui/typography/typography-ol.tsx
208
208
  const TypographyOl = ({ className, render, ...props }) => useRender({
209
209
  defaultTagName: "ol",
210
- props: mergeProps({ className: cn("text-foreground list-decimal pl-5 [&>li]:mt-1", className) }, props),
210
+ props: mergeProps({ className: cn("text-foreground list-decimal pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]", className) }, props),
211
211
  render,
212
212
  state: { slot: "typography-ol" }
213
213
  });
@@ -232,7 +232,7 @@ const TypographyP = ({ render = defaultRender$2, ...props }) => /* @__PURE__ */
232
232
 
233
233
  //#endregion
234
234
  //#region src/ui/typography/typography-prose.tsx
235
- const typographyProseVariants = tv({ base: "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:leading-7 [&_caption]:mt-2 [&_caption]:text-sm [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:leading-7 [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:leading-6 [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:leading-7 [&_p]:mt-0 [&_p]:mb-6 [&_p]:text-base [&_p]:leading-7 [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-6 [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:leading-7 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0" });
235
+ const typographyProseVariants = tv({ base: "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full max-w-[var(--kb-typography-prose-max-width,100%)] [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:text-[length:var(--kb-typography-prose-blockquote-size,1.125rem)] [&_blockquote]:leading-7 [&_blockquote]:leading-[var(--kb-typography-prose-blockquote-line-height,1.75rem)] [&_caption]:mt-2 [&_caption]:text-sm [&_caption]:text-[length:var(--kb-typography-text-muted-size,0.875rem)] [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-[length:var(--kb-typography-prose-inline-code-size,0.875rem)] [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:text-[length:var(--kb-typography-heading-h1-size,2.25rem)] [&_h1]:leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:text-[length:var(--kb-typography-heading-h2-size,1.875rem)] [&_h2]:leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:text-[length:var(--kb-typography-heading-h3-size,1.5rem)] [&_h3]:leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:text-[length:var(--kb-typography-heading-h4-size,1.25rem)] [&_h4]:leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:text-[length:var(--kb-typography-heading-h5-size,1.125rem)] [&_h5]:leading-7 [&_h5]:leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:text-[length:var(--kb-typography-heading-h6-size,1rem)] [&_h6]:leading-6 [&_h6]:leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ol:not([data-type='taskList'])]:leading-7 [&_ol:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_p]:mt-0 [&_p]:mb-6 [&_p]:mb-[var(--kb-typography-prose-paragraph-margin-bottom,1.5rem)] [&_p]:text-base [&_p]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_p]:leading-7 [&_p]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:text-[length:var(--kb-typography-prose-code-size,0.875rem)] [&_pre]:leading-6 [&_pre]:leading-[var(--kb-typography-prose-code-line-height,1.5rem)] [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ul:not([data-type='taskList'])]:leading-7 [&_ul:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0" });
236
236
  const TypographyProse = ({ className, render, ...props }) => useRender({
237
237
  defaultTagName: "div",
238
238
  props: mergeProps({ className: cn(typographyProseVariants(), className) }, props),
@@ -262,7 +262,7 @@ const TypographySubheading = ({ render = defaultRender, ...props }) => /* @__PUR
262
262
  //#region src/ui/typography/typography-ul.tsx
263
263
  const TypographyUl = ({ className, render, ...props }) => useRender({
264
264
  defaultTagName: "ul",
265
- props: mergeProps({ className: cn("text-foreground list-disc pl-5 [&>li]:mt-1", className) }, props),
265
+ props: mergeProps({ className: cn("text-foreground list-disc pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]", className) }, props),
266
266
  render,
267
267
  state: { slot: "typography-ul" }
268
268
  });
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","names":["defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender"],"sources":["../../src/ui/typography/typography-blockquote.tsx","../../src/ui/typography/typography-variants.ts","../../src/ui/typography/typography-text.tsx","../../src/ui/typography/typography-body.tsx","../../src/ui/typography/typography-caption.tsx","../../src/ui/typography/typography-heading.tsx","../../src/ui/typography/typography-display.tsx","../../src/ui/typography/typography-eyebrow.tsx","../../src/ui/typography/typography-h1.tsx","../../src/ui/typography/typography-h2.tsx","../../src/ui/typography/typography-h3.tsx","../../src/ui/typography/typography-h4.tsx","../../src/ui/typography/typography-h5.tsx","../../src/ui/typography/typography-h6.tsx","../../src/ui/typography/typography-lead.tsx","../../src/ui/typography/typography-li.tsx","../../src/ui/typography/typography-link.tsx","../../src/ui/typography/typography-muted.tsx","../../src/ui/typography/typography-ol.tsx","../../src/ui/typography/typography-overline.tsx","../../src/ui/typography/typography-p.tsx","../../src/ui/typography/typography-prose.tsx","../../src/ui/typography/typography-small.tsx","../../src/ui/typography/typography-subheading.tsx","../../src/ui/typography/typography-ul.tsx","../../src/ui/typography/typography.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyBlockquoteProps = useRender.ComponentProps<\"blockquote\">;\n\nconst TypographyBlockquote = ({\n className,\n render,\n ...props\n}: TypographyBlockquoteProps) =>\n useRender({\n defaultTagName: \"blockquote\",\n props: mergeProps<\"blockquote\">(\n {\n className: cn(\n \"border-border text-foreground border-l-2 pl-4 italic\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-blockquote\",\n },\n });\n\nexport { TypographyBlockquote };\n","import { tv } from \"tailwind-variants\";\n\nconst typographyHeadingVariants = tv({\n base: \"text-foreground tracking-tight\",\n defaultVariants: {\n variant: \"h2\",\n },\n variants: {\n variant: {\n display: \"text-5xl leading-tight font-semibold text-balance\",\n h1: \"text-4xl leading-tight font-semibold text-balance\",\n h2: \"text-3xl leading-tight font-semibold text-balance\",\n h3: \"text-2xl leading-snug font-semibold\",\n h4: \"text-xl leading-snug font-semibold\",\n h5: \"text-lg leading-7 font-semibold\",\n h6: \"text-base leading-6 font-semibold\",\n subheading: \"text-muted-foreground text-lg leading-7 font-medium\",\n },\n },\n});\n\nconst typographyTextVariants = tv({\n base: \"text-foreground\",\n defaultVariants: {\n variant: \"body\",\n },\n variants: {\n variant: {\n body: \"text-base leading-7\",\n caption: \"text-muted-foreground text-xs leading-5\",\n eyebrow:\n \"text-foreground text-xs leading-5 font-semibold tracking-widest uppercase\",\n lead: \"text-muted-foreground text-xl leading-8\",\n muted: \"text-muted-foreground text-sm leading-6\",\n overline:\n \"text-muted-foreground text-xs leading-5 font-semibold tracking-wide uppercase\",\n small: \"text-sm leading-5 font-medium\",\n },\n },\n});\n\nexport { typographyHeadingVariants, typographyTextVariants };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nexport type TypographyTextProps = useRender.ComponentProps<\"p\"> &\n VariantProps<typeof typographyTextVariants>;\n\nexport type TypographyTextAliasProps = Omit<TypographyTextProps, \"variant\">;\n\nconst TypographyText = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyTextProps) =>\n useRender({\n defaultTagName: \"p\",\n props: mergeProps<\"p\">(\n {\n className: cn(typographyTextVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-text\",\n variant,\n },\n });\n\nexport { TypographyText };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyBodyProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyBody = ({\n render = defaultRender,\n ...props\n}: TypographyBodyProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyBody };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyCaptionProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyCaption = ({\n render = defaultRender,\n ...props\n}: TypographyCaptionProps) => (\n <TypographyText render={render} variant=\"caption\" {...props} />\n);\n\nexport { TypographyCaption };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyHeadingVariants } from \"./typography-variants\";\n\nexport type TypographyHeadingProps = useRender.ComponentProps<\"h2\"> &\n VariantProps<typeof typographyHeadingVariants>;\n\nexport type TypographyHeadingAliasProps = Omit<\n TypographyHeadingProps,\n \"variant\"\n>;\n\nconst TypographyHeading = ({\n className,\n variant = \"h2\",\n render,\n ...props\n}: TypographyHeadingProps) =>\n useRender({\n defaultTagName: \"h2\",\n props: mergeProps<\"h2\">(\n {\n className: cn(typographyHeadingVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-heading\",\n variant,\n },\n });\n\nexport { TypographyHeading };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyDisplayProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyDisplay = ({\n render = defaultRender,\n ...props\n}: TypographyDisplayProps) => (\n <TypographyHeading render={render} variant=\"display\" {...props} />\n);\n\nexport { TypographyDisplay };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyEyebrowProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyEyebrow = ({\n render = defaultRender,\n ...props\n}: TypographyEyebrowProps) => (\n <TypographyText render={render} variant=\"eyebrow\" {...props} />\n);\n\nexport { TypographyEyebrow };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH1Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyH1 = ({\n render = defaultRender,\n ...props\n}: TypographyH1Props) => (\n <TypographyHeading render={render} variant=\"h1\" {...props} />\n);\n\nexport { TypographyH1 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH2Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographyH2 = ({\n render = defaultRender,\n ...props\n}: TypographyH2Props) => (\n <TypographyHeading render={render} variant=\"h2\" {...props} />\n);\n\nexport { TypographyH2 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH3Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h3\", props);\n\nconst TypographyH3 = ({\n render = defaultRender,\n ...props\n}: TypographyH3Props) => (\n <TypographyHeading render={render} variant=\"h3\" {...props} />\n);\n\nexport { TypographyH3 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH4Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h4\", props);\n\nconst TypographyH4 = ({\n render = defaultRender,\n ...props\n}: TypographyH4Props) => (\n <TypographyHeading render={render} variant=\"h4\" {...props} />\n);\n\nexport { TypographyH4 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH5Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h5\", props);\n\nconst TypographyH5 = ({\n render = defaultRender,\n ...props\n}: TypographyH5Props) => (\n <TypographyHeading render={render} variant=\"h5\" {...props} />\n);\n\nexport { TypographyH5 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH6Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h6\", props);\n\nconst TypographyH6 = ({\n render = defaultRender,\n ...props\n}: TypographyH6Props) => (\n <TypographyHeading render={render} variant=\"h6\" {...props} />\n);\n\nexport { TypographyH6 };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyLeadProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyLead = ({\n render = defaultRender,\n ...props\n}: TypographyLeadProps) => (\n <TypographyText render={render} variant=\"lead\" {...props} />\n);\n\nexport { TypographyLead };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyLiProps = useRender.ComponentProps<\"li\">;\n\nconst TypographyLi = ({ className, render, ...props }: TypographyLiProps) =>\n useRender({\n defaultTagName: \"li\",\n props: mergeProps<\"li\">(\n {\n className: cn(\"leading-6\", className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-li\",\n },\n });\n\nexport { TypographyLi };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nconst typographyLinkVariants = tv({\n base: \"cursor-clickable text-muted-foreground hover:text-foreground underline-offset-4 transition-colors duration-200 ease-out hover:underline\",\n extend: typographyTextVariants,\n variants: {\n variant: {\n ...typographyTextVariants.variants.variant,\n body: \"text-sm leading-6\",\n },\n },\n});\n\nexport type TypographyLinkProps = useRender.ComponentProps<\"a\"> &\n VariantProps<typeof typographyLinkVariants>;\n\nconst TypographyLink = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyLinkProps) =>\n useRender({\n defaultTagName: \"a\",\n props: mergeProps<\"a\">(\n {\n className: cn(typographyLinkVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-link\",\n variant,\n },\n });\n\nexport { TypographyLink };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyMutedProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyMuted = ({\n render = defaultRender,\n ...props\n}: TypographyMutedProps) => (\n <TypographyText render={render} variant=\"muted\" {...props} />\n);\n\nexport { TypographyMuted };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyOlProps = useRender.ComponentProps<\"ol\">;\n\nconst TypographyOl = ({ className, render, ...props }: TypographyOlProps) =>\n useRender({\n defaultTagName: \"ol\",\n props: mergeProps<\"ol\">(\n {\n className: cn(\n \"text-foreground list-decimal pl-5 [&>li]:mt-1\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ol\",\n },\n });\n\nexport { TypographyOl };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyOverlineProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyOverline = ({\n render = defaultRender,\n ...props\n}: TypographyOverlineProps) => (\n <TypographyText render={render} variant=\"overline\" {...props} />\n);\n\nexport { TypographyOverline };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyPProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyP = ({\n render = defaultRender,\n ...props\n}: TypographyPProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyP };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nconst typographyProseVariants = tv({\n base: \"text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:leading-7 [&_caption]:mt-2 [&_caption]:text-sm [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:leading-7 [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:leading-6 [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:leading-7 [&_p]:mt-0 [&_p]:mb-6 [&_p]:text-base [&_p]:leading-7 [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-6 [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:leading-7 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n});\n\nexport type TypographyProseProps = useRender.ComponentProps<\"div\">;\n\nconst TypographyProse = ({\n className,\n render,\n ...props\n}: TypographyProseProps) =>\n useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(typographyProseVariants(), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-prose\",\n },\n });\n\nexport { TypographyProse, typographyProseVariants };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographySmallProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographySmall = ({\n render = defaultRender,\n ...props\n}: TypographySmallProps) => (\n <TypographyText render={render} variant=\"small\" {...props} />\n);\n\nexport { TypographySmall };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographySubheadingProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographySubheading = ({\n render = defaultRender,\n ...props\n}: TypographySubheadingProps) => (\n <TypographyHeading render={render} variant=\"subheading\" {...props} />\n);\n\nexport { TypographySubheading };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyUlProps = useRender.ComponentProps<\"ul\">;\n\nconst TypographyUl = ({ className, render, ...props }: TypographyUlProps) =>\n useRender({\n defaultTagName: \"ul\",\n props: mergeProps<\"ul\">(\n {\n className: cn(\"text-foreground list-disc pl-5 [&>li]:mt-1\", className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ul\",\n },\n });\n\nexport { TypographyUl };\n","import type { TypographyBlockquoteProps } from \"./typography-blockquote\";\nimport { TypographyBlockquote } from \"./typography-blockquote\";\nimport { TypographyBody } from \"./typography-body\";\nimport { TypographyCaption } from \"./typography-caption\";\nimport { TypographyDisplay } from \"./typography-display\";\nimport { TypographyEyebrow } from \"./typography-eyebrow\";\nimport { TypographyH1 } from \"./typography-h1\";\nimport { TypographyH2 } from \"./typography-h2\";\nimport { TypographyH3 } from \"./typography-h3\";\nimport { TypographyH4 } from \"./typography-h4\";\nimport { TypographyH5 } from \"./typography-h5\";\nimport { TypographyH6 } from \"./typography-h6\";\nimport { TypographyHeading } from \"./typography-heading\";\nimport type {\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n} from \"./typography-heading\";\nimport { TypographyLead } from \"./typography-lead\";\nimport { TypographyLi } from \"./typography-li\";\nimport type { TypographyLiProps } from \"./typography-li\";\nimport type { TypographyLinkProps } from \"./typography-link\";\nimport { TypographyLink } from \"./typography-link\";\nimport { TypographyMuted } from \"./typography-muted\";\nimport { TypographyOl } from \"./typography-ol\";\nimport type { TypographyOlProps } from \"./typography-ol\";\nimport { TypographyOverline } from \"./typography-overline\";\nimport { TypographyP } from \"./typography-p\";\nimport { TypographyProse, typographyProseVariants } from \"./typography-prose\";\nimport type { TypographyProseProps } from \"./typography-prose\";\nimport { TypographySmall } from \"./typography-small\";\nimport { TypographySubheading } from \"./typography-subheading\";\nimport { TypographyText } from \"./typography-text\";\nimport type {\n TypographyTextAliasProps,\n TypographyTextProps,\n} from \"./typography-text\";\nimport { TypographyUl } from \"./typography-ul\";\nimport type { TypographyUlProps } from \"./typography-ul\";\nimport {\n typographyHeadingVariants,\n typographyTextVariants,\n} from \"./typography-variants\";\nexport type TypographyProps = TypographyTextProps;\n\nconst Typography = Object.assign(TypographyText, {\n Blockquote: TypographyBlockquote,\n Body: TypographyBody,\n Caption: TypographyCaption,\n Display: TypographyDisplay,\n Eyebrow: TypographyEyebrow,\n H1: TypographyH1,\n H2: TypographyH2,\n H3: TypographyH3,\n H4: TypographyH4,\n H5: TypographyH5,\n H6: TypographyH6,\n Heading: TypographyHeading,\n Lead: TypographyLead,\n Li: TypographyLi,\n Link: TypographyLink,\n Muted: TypographyMuted,\n Ol: TypographyOl,\n Overline: TypographyOverline,\n P: TypographyP,\n Prose: TypographyProse,\n Small: TypographySmall,\n Subheading: TypographySubheading,\n Text: TypographyText,\n Ul: TypographyUl,\n});\n\nexport {\n Typography,\n TypographyBlockquote,\n TypographyBody,\n TypographyCaption,\n TypographyDisplay,\n TypographyEyebrow,\n TypographyH1,\n TypographyH2,\n TypographyH3,\n TypographyH4,\n TypographyH5,\n TypographyH6,\n TypographyHeading,\n TypographyLead,\n TypographyLink,\n TypographyLi,\n TypographyMuted,\n TypographyOl,\n TypographyOverline,\n TypographyP,\n TypographyProse,\n TypographySmall,\n TypographySubheading,\n TypographyText,\n TypographyUl,\n typographyHeadingVariants,\n typographyProseVariants,\n typographyTextVariants,\n};\n\nexport type {\n TypographyBlockquoteProps,\n TypographyLinkProps,\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n TypographyLiProps,\n TypographyOlProps,\n TypographyProseProps,\n TypographyTextAliasProps,\n TypographyTextProps,\n TypographyUlProps,\n};\n\nexport type { TypographyBodyProps } from \"./typography-body\";\nexport type { TypographyCaptionProps } from \"./typography-caption\";\nexport type { TypographyDisplayProps } from \"./typography-display\";\nexport type { TypographyEyebrowProps } from \"./typography-eyebrow\";\nexport type { TypographyH1Props } from \"./typography-h1\";\nexport type { TypographyH2Props } from \"./typography-h2\";\nexport type { TypographyH3Props } from \"./typography-h3\";\nexport type { TypographyH4Props } from \"./typography-h4\";\nexport type { TypographyH5Props } from \"./typography-h5\";\nexport type { TypographyH6Props } from \"./typography-h6\";\nexport type { TypographyLeadProps } from \"./typography-lead\";\nexport type { TypographyMutedProps } from \"./typography-muted\";\nexport type { TypographyOverlineProps } from \"./typography-overline\";\nexport type { TypographyPProps } from \"./typography-p\";\nexport type { TypographySmallProps } from \"./typography-small\";\nexport type { TypographySubheadingProps } from \"./typography-subheading\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"typography.js","names":["defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender"],"sources":["../../src/ui/typography/typography-blockquote.tsx","../../src/ui/typography/typography-variants.ts","../../src/ui/typography/typography-text.tsx","../../src/ui/typography/typography-body.tsx","../../src/ui/typography/typography-caption.tsx","../../src/ui/typography/typography-heading.tsx","../../src/ui/typography/typography-display.tsx","../../src/ui/typography/typography-eyebrow.tsx","../../src/ui/typography/typography-h1.tsx","../../src/ui/typography/typography-h2.tsx","../../src/ui/typography/typography-h3.tsx","../../src/ui/typography/typography-h4.tsx","../../src/ui/typography/typography-h5.tsx","../../src/ui/typography/typography-h6.tsx","../../src/ui/typography/typography-lead.tsx","../../src/ui/typography/typography-li.tsx","../../src/ui/typography/typography-link.tsx","../../src/ui/typography/typography-muted.tsx","../../src/ui/typography/typography-ol.tsx","../../src/ui/typography/typography-overline.tsx","../../src/ui/typography/typography-p.tsx","../../src/ui/typography/typography-prose.tsx","../../src/ui/typography/typography-small.tsx","../../src/ui/typography/typography-subheading.tsx","../../src/ui/typography/typography-ul.tsx","../../src/ui/typography/typography.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyBlockquoteProps = useRender.ComponentProps<\"blockquote\">;\n\nconst TypographyBlockquote = ({\n className,\n render,\n ...props\n}: TypographyBlockquoteProps) =>\n useRender({\n defaultTagName: \"blockquote\",\n props: mergeProps<\"blockquote\">(\n {\n className: cn(\n \"border-border text-foreground border-l-[var(--kb-typography-blockquote-border-width,2px)] pl-[var(--kb-typography-blockquote-padding-inline-start,1rem)] italic\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-blockquote\",\n },\n });\n\nexport { TypographyBlockquote };\n","import { tv } from \"tailwind-variants\";\n\nconst typographyHeadingVariants = tv({\n base: \"text-foreground tracking-tight\",\n defaultVariants: {\n variant: \"h2\",\n },\n variants: {\n variant: {\n display:\n \"text-[length:var(--kb-typography-heading-display-size,3rem)] leading-[var(--kb-typography-heading-display-line-height,3.75rem)] font-semibold text-balance\",\n h1: \"text-[length:var(--kb-typography-heading-h1-size,2.25rem)] leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] font-semibold text-balance\",\n h2: \"text-[length:var(--kb-typography-heading-h2-size,1.875rem)] leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] font-semibold text-balance\",\n h3: \"text-[length:var(--kb-typography-heading-h3-size,1.5rem)] leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] font-semibold\",\n h4: \"text-[length:var(--kb-typography-heading-h4-size,1.25rem)] leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] font-semibold\",\n h5: \"text-[length:var(--kb-typography-heading-h5-size,1.125rem)] leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] font-semibold\",\n h6: \"text-[length:var(--kb-typography-heading-h6-size,1rem)] leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] font-semibold\",\n subheading:\n \"text-muted-foreground text-[length:var(--kb-typography-heading-subheading-size,1.125rem)] leading-[var(--kb-typography-heading-subheading-line-height,1.75rem)] font-medium\",\n },\n },\n});\n\nconst typographyTextVariants = tv({\n base: \"text-foreground\",\n defaultVariants: {\n variant: \"body\",\n },\n variants: {\n variant: {\n body: \"text-[length:var(--kb-typography-text-body-size,1rem)] leading-[var(--kb-typography-text-body-line-height,1.75rem)]\",\n caption:\n \"text-muted-foreground text-[length:var(--kb-typography-text-caption-size,0.75rem)] leading-[var(--kb-typography-text-caption-line-height,1.25rem)]\",\n eyebrow:\n \"text-foreground text-[length:var(--kb-typography-text-eyebrow-size,0.75rem)] leading-[var(--kb-typography-text-eyebrow-line-height,1.25rem)] font-semibold tracking-widest uppercase\",\n lead: \"text-muted-foreground text-[length:var(--kb-typography-text-lead-size,1.25rem)] leading-[var(--kb-typography-text-lead-line-height,2rem)]\",\n muted:\n \"text-muted-foreground text-[length:var(--kb-typography-text-muted-size,0.875rem)] leading-[var(--kb-typography-text-muted-line-height,1.5rem)]\",\n overline:\n \"text-muted-foreground text-[length:var(--kb-typography-text-overline-size,0.75rem)] leading-[var(--kb-typography-text-overline-line-height,1.25rem)] font-semibold tracking-wide uppercase\",\n small:\n \"text-[length:var(--kb-typography-text-small-size,0.875rem)] leading-[var(--kb-typography-text-small-line-height,1.25rem)] font-medium\",\n },\n },\n});\n\nexport { typographyHeadingVariants, typographyTextVariants };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nexport type TypographyTextProps = useRender.ComponentProps<\"p\"> &\n VariantProps<typeof typographyTextVariants>;\n\nexport type TypographyTextAliasProps = Omit<TypographyTextProps, \"variant\">;\n\nconst TypographyText = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyTextProps) =>\n useRender({\n defaultTagName: \"p\",\n props: mergeProps<\"p\">(\n {\n className: cn(typographyTextVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-text\",\n variant,\n },\n });\n\nexport { TypographyText };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyBodyProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyBody = ({\n render = defaultRender,\n ...props\n}: TypographyBodyProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyBody };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyCaptionProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyCaption = ({\n render = defaultRender,\n ...props\n}: TypographyCaptionProps) => (\n <TypographyText render={render} variant=\"caption\" {...props} />\n);\n\nexport { TypographyCaption };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyHeadingVariants } from \"./typography-variants\";\n\nexport type TypographyHeadingProps = useRender.ComponentProps<\"h2\"> &\n VariantProps<typeof typographyHeadingVariants>;\n\nexport type TypographyHeadingAliasProps = Omit<\n TypographyHeadingProps,\n \"variant\"\n>;\n\nconst TypographyHeading = ({\n className,\n variant = \"h2\",\n render,\n ...props\n}: TypographyHeadingProps) =>\n useRender({\n defaultTagName: \"h2\",\n props: mergeProps<\"h2\">(\n {\n className: cn(typographyHeadingVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-heading\",\n variant,\n },\n });\n\nexport { TypographyHeading };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyDisplayProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyDisplay = ({\n render = defaultRender,\n ...props\n}: TypographyDisplayProps) => (\n <TypographyHeading render={render} variant=\"display\" {...props} />\n);\n\nexport { TypographyDisplay };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyEyebrowProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyEyebrow = ({\n render = defaultRender,\n ...props\n}: TypographyEyebrowProps) => (\n <TypographyText render={render} variant=\"eyebrow\" {...props} />\n);\n\nexport { TypographyEyebrow };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH1Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyH1 = ({\n render = defaultRender,\n ...props\n}: TypographyH1Props) => (\n <TypographyHeading render={render} variant=\"h1\" {...props} />\n);\n\nexport { TypographyH1 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH2Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographyH2 = ({\n render = defaultRender,\n ...props\n}: TypographyH2Props) => (\n <TypographyHeading render={render} variant=\"h2\" {...props} />\n);\n\nexport { TypographyH2 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH3Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h3\", props);\n\nconst TypographyH3 = ({\n render = defaultRender,\n ...props\n}: TypographyH3Props) => (\n <TypographyHeading render={render} variant=\"h3\" {...props} />\n);\n\nexport { TypographyH3 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH4Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h4\", props);\n\nconst TypographyH4 = ({\n render = defaultRender,\n ...props\n}: TypographyH4Props) => (\n <TypographyHeading render={render} variant=\"h4\" {...props} />\n);\n\nexport { TypographyH4 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH5Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h5\", props);\n\nconst TypographyH5 = ({\n render = defaultRender,\n ...props\n}: TypographyH5Props) => (\n <TypographyHeading render={render} variant=\"h5\" {...props} />\n);\n\nexport { TypographyH5 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH6Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h6\", props);\n\nconst TypographyH6 = ({\n render = defaultRender,\n ...props\n}: TypographyH6Props) => (\n <TypographyHeading render={render} variant=\"h6\" {...props} />\n);\n\nexport { TypographyH6 };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyLeadProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyLead = ({\n render = defaultRender,\n ...props\n}: TypographyLeadProps) => (\n <TypographyText render={render} variant=\"lead\" {...props} />\n);\n\nexport { TypographyLead };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyLiProps = useRender.ComponentProps<\"li\">;\n\nconst TypographyLi = ({ className, render, ...props }: TypographyLiProps) =>\n useRender({\n defaultTagName: \"li\",\n props: mergeProps<\"li\">(\n {\n className: cn(\n \"leading-[var(--kb-typography-list-item-line-height,1.5rem)]\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-li\",\n },\n });\n\nexport { TypographyLi };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nconst typographyLinkVariants = tv({\n base: \"cursor-clickable text-muted-foreground hover:text-foreground underline-offset-4 transition-colors duration-200 ease-out hover:underline\",\n extend: typographyTextVariants,\n variants: {\n variant: {\n ...typographyTextVariants.variants.variant,\n body: \"text-sm leading-6\",\n },\n },\n});\n\nexport type TypographyLinkProps = useRender.ComponentProps<\"a\"> &\n VariantProps<typeof typographyLinkVariants>;\n\nconst TypographyLink = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyLinkProps) =>\n useRender({\n defaultTagName: \"a\",\n props: mergeProps<\"a\">(\n {\n className: cn(typographyLinkVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-link\",\n variant,\n },\n });\n\nexport { TypographyLink };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyMutedProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyMuted = ({\n render = defaultRender,\n ...props\n}: TypographyMutedProps) => (\n <TypographyText render={render} variant=\"muted\" {...props} />\n);\n\nexport { TypographyMuted };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyOlProps = useRender.ComponentProps<\"ol\">;\n\nconst TypographyOl = ({ className, render, ...props }: TypographyOlProps) =>\n useRender({\n defaultTagName: \"ol\",\n props: mergeProps<\"ol\">(\n {\n className: cn(\n \"text-foreground list-decimal pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ol\",\n },\n });\n\nexport { TypographyOl };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyOverlineProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyOverline = ({\n render = defaultRender,\n ...props\n}: TypographyOverlineProps) => (\n <TypographyText render={render} variant=\"overline\" {...props} />\n);\n\nexport { TypographyOverline };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyPProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyP = ({\n render = defaultRender,\n ...props\n}: TypographyPProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyP };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nconst typographyProseVariants = tv({\n base: \"text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full max-w-[var(--kb-typography-prose-max-width,100%)] [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:text-[length:var(--kb-typography-prose-blockquote-size,1.125rem)] [&_blockquote]:leading-7 [&_blockquote]:leading-[var(--kb-typography-prose-blockquote-line-height,1.75rem)] [&_caption]:mt-2 [&_caption]:text-sm [&_caption]:text-[length:var(--kb-typography-text-muted-size,0.875rem)] [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-[length:var(--kb-typography-prose-inline-code-size,0.875rem)] [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:text-[length:var(--kb-typography-heading-h1-size,2.25rem)] [&_h1]:leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:text-[length:var(--kb-typography-heading-h2-size,1.875rem)] [&_h2]:leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:text-[length:var(--kb-typography-heading-h3-size,1.5rem)] [&_h3]:leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:text-[length:var(--kb-typography-heading-h4-size,1.25rem)] [&_h4]:leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:text-[length:var(--kb-typography-heading-h5-size,1.125rem)] [&_h5]:leading-7 [&_h5]:leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:text-[length:var(--kb-typography-heading-h6-size,1rem)] [&_h6]:leading-6 [&_h6]:leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ol:not([data-type='taskList'])]:leading-7 [&_ol:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_p]:mt-0 [&_p]:mb-6 [&_p]:mb-[var(--kb-typography-prose-paragraph-margin-bottom,1.5rem)] [&_p]:text-base [&_p]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_p]:leading-7 [&_p]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:text-[length:var(--kb-typography-prose-code-size,0.875rem)] [&_pre]:leading-6 [&_pre]:leading-[var(--kb-typography-prose-code-line-height,1.5rem)] [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ul:not([data-type='taskList'])]:leading-7 [&_ul:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n});\n\nexport type TypographyProseProps = useRender.ComponentProps<\"div\">;\n\nconst TypographyProse = ({\n className,\n render,\n ...props\n}: TypographyProseProps) =>\n useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(typographyProseVariants(), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-prose\",\n },\n });\n\nexport { TypographyProse, typographyProseVariants };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographySmallProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographySmall = ({\n render = defaultRender,\n ...props\n}: TypographySmallProps) => (\n <TypographyText render={render} variant=\"small\" {...props} />\n);\n\nexport { TypographySmall };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographySubheadingProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographySubheading = ({\n render = defaultRender,\n ...props\n}: TypographySubheadingProps) => (\n <TypographyHeading render={render} variant=\"subheading\" {...props} />\n);\n\nexport { TypographySubheading };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyUlProps = useRender.ComponentProps<\"ul\">;\n\nconst TypographyUl = ({ className, render, ...props }: TypographyUlProps) =>\n useRender({\n defaultTagName: \"ul\",\n props: mergeProps<\"ul\">(\n {\n className: cn(\n \"text-foreground list-disc pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ul\",\n },\n });\n\nexport { TypographyUl };\n","import type { TypographyBlockquoteProps } from \"./typography-blockquote\";\nimport { TypographyBlockquote } from \"./typography-blockquote\";\nimport { TypographyBody } from \"./typography-body\";\nimport { TypographyCaption } from \"./typography-caption\";\nimport { TypographyDisplay } from \"./typography-display\";\nimport { TypographyEyebrow } from \"./typography-eyebrow\";\nimport { TypographyH1 } from \"./typography-h1\";\nimport { TypographyH2 } from \"./typography-h2\";\nimport { TypographyH3 } from \"./typography-h3\";\nimport { TypographyH4 } from \"./typography-h4\";\nimport { TypographyH5 } from \"./typography-h5\";\nimport { TypographyH6 } from \"./typography-h6\";\nimport { TypographyHeading } from \"./typography-heading\";\nimport type {\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n} from \"./typography-heading\";\nimport { TypographyLead } from \"./typography-lead\";\nimport { TypographyLi } from \"./typography-li\";\nimport type { TypographyLiProps } from \"./typography-li\";\nimport type { TypographyLinkProps } from \"./typography-link\";\nimport { TypographyLink } from \"./typography-link\";\nimport { TypographyMuted } from \"./typography-muted\";\nimport { TypographyOl } from \"./typography-ol\";\nimport type { TypographyOlProps } from \"./typography-ol\";\nimport { TypographyOverline } from \"./typography-overline\";\nimport { TypographyP } from \"./typography-p\";\nimport { TypographyProse, typographyProseVariants } from \"./typography-prose\";\nimport type { TypographyProseProps } from \"./typography-prose\";\nimport { TypographySmall } from \"./typography-small\";\nimport { TypographySubheading } from \"./typography-subheading\";\nimport { TypographyText } from \"./typography-text\";\nimport type {\n TypographyTextAliasProps,\n TypographyTextProps,\n} from \"./typography-text\";\nimport { TypographyUl } from \"./typography-ul\";\nimport type { TypographyUlProps } from \"./typography-ul\";\nimport {\n typographyHeadingVariants,\n typographyTextVariants,\n} from \"./typography-variants\";\nexport type TypographyProps = TypographyTextProps;\n\nconst Typography = Object.assign(TypographyText, {\n Blockquote: TypographyBlockquote,\n Body: TypographyBody,\n Caption: TypographyCaption,\n Display: TypographyDisplay,\n Eyebrow: TypographyEyebrow,\n H1: TypographyH1,\n H2: TypographyH2,\n H3: TypographyH3,\n H4: TypographyH4,\n H5: TypographyH5,\n H6: TypographyH6,\n Heading: TypographyHeading,\n Lead: TypographyLead,\n Li: TypographyLi,\n Link: TypographyLink,\n Muted: TypographyMuted,\n Ol: TypographyOl,\n Overline: TypographyOverline,\n P: TypographyP,\n Prose: TypographyProse,\n Small: TypographySmall,\n Subheading: TypographySubheading,\n Text: TypographyText,\n Ul: TypographyUl,\n});\n\nexport {\n Typography,\n TypographyBlockquote,\n TypographyBody,\n TypographyCaption,\n TypographyDisplay,\n TypographyEyebrow,\n TypographyH1,\n TypographyH2,\n TypographyH3,\n TypographyH4,\n TypographyH5,\n TypographyH6,\n TypographyHeading,\n TypographyLead,\n TypographyLink,\n TypographyLi,\n TypographyMuted,\n TypographyOl,\n TypographyOverline,\n TypographyP,\n TypographyProse,\n TypographySmall,\n TypographySubheading,\n TypographyText,\n TypographyUl,\n typographyHeadingVariants,\n typographyProseVariants,\n typographyTextVariants,\n};\n\nexport type {\n TypographyBlockquoteProps,\n TypographyLinkProps,\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n TypographyLiProps,\n TypographyOlProps,\n TypographyProseProps,\n TypographyTextAliasProps,\n TypographyTextProps,\n TypographyUlProps,\n};\n\nexport type { TypographyBodyProps } from \"./typography-body\";\nexport type { TypographyCaptionProps } from \"./typography-caption\";\nexport type { TypographyDisplayProps } from \"./typography-display\";\nexport type { TypographyEyebrowProps } from \"./typography-eyebrow\";\nexport type { TypographyH1Props } from \"./typography-h1\";\nexport type { TypographyH2Props } from \"./typography-h2\";\nexport type { TypographyH3Props } from \"./typography-h3\";\nexport type { TypographyH4Props } from \"./typography-h4\";\nexport type { TypographyH5Props } from \"./typography-h5\";\nexport type { TypographyH6Props } from \"./typography-h6\";\nexport type { TypographyLeadProps } from \"./typography-lead\";\nexport type { TypographyMutedProps } from \"./typography-muted\";\nexport type { TypographyOverlineProps } from \"./typography-overline\";\nexport type { TypographyPProps } from \"./typography-p\";\nexport type { TypographySmallProps } from \"./typography-small\";\nexport type { TypographySubheadingProps } from \"./typography-subheading\";\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kuzenbo/core",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "private": false,
5
5
  "description": "Composable React UI primitives for Kuzenbo.",
6
6
  "keywords": [
@@ -33,6 +33,7 @@
33
33
  "./provider": "./dist/provider.js",
34
34
  "./size": "./dist/size.js",
35
35
  "./ui/accordion": "./dist/ui/accordion.js",
36
+ "./ui/action-icon": "./dist/ui/action-icon.js",
36
37
  "./ui/affix": "./dist/ui/affix.js",
37
38
  "./ui/alert": "./dist/ui/alert.js",
38
39
  "./ui/alert-dialog": "./dist/ui/alert-dialog.js",
@@ -116,6 +117,7 @@
116
117
  "./provider": "./dist/provider.js",
117
118
  "./size": "./dist/size.js",
118
119
  "./ui/accordion": "./dist/ui/accordion.js",
120
+ "./ui/action-icon": "./dist/ui/action-icon.js",
119
121
  "./ui/affix": "./dist/ui/affix.js",
120
122
  "./ui/alert": "./dist/ui/alert.js",
121
123
  "./ui/alert-dialog": "./dist/ui/alert-dialog.js",
@@ -207,7 +209,7 @@
207
209
  "@base-ui/react": "1.2.0",
208
210
  "@hugeicons/core-free-icons": "3.1.1",
209
211
  "@hugeicons/react": "1.1.5",
210
- "@kuzenbo/hooks": "0.0.5",
212
+ "@kuzenbo/hooks": "0.0.7",
211
213
  "cmdk": "1.1.1",
212
214
  "culori": "4.0.2",
213
215
  "embla-carousel-react": "8.6.0",
@@ -225,9 +227,9 @@
225
227
  "devDependencies": {
226
228
  "@arethetypeswrong/core": "0.18.2",
227
229
  "@happy-dom/global-registrator": "20.6.1",
228
- "@kuzenbo/storybook": "0.0.5",
229
- "@kuzenbo/styles": "0.0.5",
230
- "@kuzenbo/theme": "0.0.5",
230
+ "@kuzenbo/storybook": "0.0.7",
231
+ "@kuzenbo/styles": "0.0.7",
232
+ "@kuzenbo/theme": "0.0.7",
231
233
  "@storybook/addon-a11y": "10.2.13",
232
234
  "@storybook/addon-docs": "10.2.13",
233
235
  "@storybook/addon-themes": "10.2.13",
@@ -248,7 +250,7 @@
248
250
  "typescript": "5.9.3"
249
251
  },
250
252
  "peerDependencies": {
251
- "@kuzenbo/theme": "^0.0.5",
253
+ "@kuzenbo/theme": "^0.0.7",
252
254
  "react": "^19.0.0",
253
255
  "react-dom": "^19.0.0"
254
256
  }
@@ -1,78 +0,0 @@
1
- import { ComponentProps } from "react";
2
- import * as react_jsx_runtime0 from "react/jsx-runtime";
3
- import * as tailwind_variants0 from "tailwind-variants";
4
- import { VariantProps } from "tailwind-variants";
5
- import { Button } from "@base-ui/react/button";
6
-
7
- //#region src/ui/button/button.d.ts
8
- declare const buttonVariants: tailwind_variants0.TVReturnType<{
9
- size: {
10
- icon: string;
11
- "icon-lg": string;
12
- "icon-sm": string;
13
- "icon-xl": string[];
14
- "icon-xs": string[];
15
- lg: string[];
16
- md: string[];
17
- sm: string[];
18
- xl: string[];
19
- xs: string[];
20
- };
21
- variant: {
22
- danger: string;
23
- default: string;
24
- ghost: string;
25
- link: string;
26
- outline: string;
27
- secondary: string;
28
- };
29
- }, undefined, "group/button cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
30
- size: {
31
- icon: string;
32
- "icon-lg": string;
33
- "icon-sm": string;
34
- "icon-xl": string[];
35
- "icon-xs": string[];
36
- lg: string[];
37
- md: string[];
38
- sm: string[];
39
- xl: string[];
40
- xs: string[];
41
- };
42
- variant: {
43
- danger: string;
44
- default: string;
45
- ghost: string;
46
- link: string;
47
- outline: string;
48
- secondary: string;
49
- };
50
- }, undefined, tailwind_variants0.TVReturnType<{
51
- size: {
52
- icon: string;
53
- "icon-lg": string;
54
- "icon-sm": string;
55
- "icon-xl": string[];
56
- "icon-xs": string[];
57
- lg: string[];
58
- md: string[];
59
- sm: string[];
60
- xl: string[];
61
- xs: string[];
62
- };
63
- variant: {
64
- danger: string;
65
- default: string;
66
- ghost: string;
67
- link: string;
68
- outline: string;
69
- secondary: string;
70
- };
71
- }, undefined, "group/button cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
72
- type ButtonProps = ComponentProps<typeof Button> & VariantProps<typeof buttonVariants> & {
73
- isLoading?: boolean;
74
- };
75
- declare const Button$1: (incomingProps: ButtonProps) => react_jsx_runtime0.JSX.Element;
76
- //#endregion
77
- export { ButtonProps as n, buttonVariants as r, Button$1 as t };
78
- //# sourceMappingURL=button-nAbTNrxA.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-nAbTNrxA.d.ts","names":[],"sources":["../src/ui/button/button.tsx"],"mappings":";;;;;;;cAuBM,cAAA,EAyDJ,kBAAA,CAzDkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyDlB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,cAAA,QAAsB,MAAA,IAC9C,YAAA,QAAoB,cAAA;EAClB,SAAA;AAAA;AAAA,cAsDE,QAAA,GAAU,aAAA,EAAe,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog-CD5lfQA9.js","names":["DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","Dialog","DialogPrimitive"],"sources":["../src/ui/dialog/dialog-backdrop.tsx","../src/ui/dialog/dialog-close.tsx","../src/ui/dialog/dialog-popup.tsx","../src/ui/dialog/dialog-portal.tsx","../src/ui/dialog/dialog-viewport.tsx","../src/ui/dialog/dialog-content.tsx","../src/ui/dialog/dialog-description.tsx","../src/ui/dialog/dialog-footer.tsx","../src/ui/dialog/dialog-header.tsx","../src/ui/dialog/dialog-overlay.tsx","../src/ui/dialog/dialog-title.tsx","../src/ui/dialog/dialog-trigger.tsx","../src/ui/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogBackdropProps = DialogPrimitive.Backdrop.Props;\n\nconst DialogBackdrop = ({ className, ...props }: DialogBackdropProps) => (\n <DialogPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"dialog-backdrop\"\n {...props}\n />\n);\n\nexport { DialogBackdrop };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogCloseProps = DialogPrimitive.Close.Props;\n\nconst DialogClose = ({ className, ...props }: DialogCloseProps) => (\n <DialogPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"dialog-close\"\n {...props}\n />\n);\n\nexport { DialogClose };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogPopupProps = DialogPrimitive.Popup.Props;\n\nconst DialogPopup = ({ className, ...props }: DialogPopupProps) => (\n <DialogPrimitive.Popup\n className={cn(\n \"z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 text-sm ring-1 duration-100 outline-none sm:max-w-md\",\n className\n )}\n data-slot=\"dialog-popup\"\n {...props}\n />\n);\n\nexport { DialogPopup };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nexport type DialogPortalProps = DialogPrimitive.Portal.Props;\n\nconst DialogPortal = ({ ...props }: DialogPortalProps) => (\n <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n);\n\nexport { DialogPortal };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogViewportProps = DialogPrimitive.Viewport.Props;\n\nconst DialogViewport = ({ className, ...props }: DialogViewportProps) => (\n <DialogPrimitive.Viewport\n className={cn(\n \"z-overlay fixed inset-0 flex items-center justify-center p-4\",\n className\n )}\n data-slot=\"dialog-viewport\"\n {...props}\n />\n);\n\nexport { DialogViewport };\n","\"use client\";\n\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nimport { Button } from \"../button/button\";\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogPopup } from \"./dialog-popup\";\nimport type { DialogPopupProps } from \"./dialog-popup\";\nimport { DialogPortal } from \"./dialog-portal\";\nimport { DialogViewport } from \"./dialog-viewport\";\n\nexport interface DialogContentProps extends DialogPopupProps {\n showCloseButton?: boolean;\n}\n\nconst DialogContent = ({\n className,\n children,\n showCloseButton = true,\n ...props\n}: DialogContentProps) => (\n <DialogPortal>\n <DialogBackdrop />\n <DialogViewport>\n <DialogPopup className={className} data-slot=\"dialog-content\" {...props}>\n {children}\n {showCloseButton && (\n <DialogClose\n data-slot=\"dialog-close\"\n render={\n <Button\n className=\"cursor-clickable absolute top-4 right-4\"\n size=\"icon-sm\"\n variant=\"ghost\"\n />\n }\n >\n <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2} />\n <span className=\"sr-only\">Close</span>\n </DialogClose>\n )}\n </DialogPopup>\n </DialogViewport>\n </DialogPortal>\n);\n\nexport { DialogContent };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogDescriptionProps = DialogPrimitive.Description.Props;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n <DialogPrimitive.Description\n className={cn(\n \"text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3\",\n className\n )}\n data-slot=\"dialog-description\"\n {...props}\n />\n);\n\nexport { DialogDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { DialogClose } from \"./dialog-close\";\n\nexport interface DialogFooterProps extends ComponentProps<\"div\"> {\n showCloseButton?: boolean;\n}\n\nconst DialogFooter = ({\n className,\n showCloseButton = false,\n children,\n ...props\n}: DialogFooterProps) => (\n <div\n className={cn(\n \"-mx-4 mt-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 sm:flex-row sm:justify-end\",\n className\n )}\n data-slot=\"dialog-footer\"\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogClose\n render={<Button className=\"cursor-clickable\" variant=\"outline\" />}\n >\n Close\n </DialogClose>\n )}\n </div>\n);\n\nexport { DialogFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogHeaderProps = ComponentProps<\"div\">;\n\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => (\n <div\n className={cn(\"flex flex-col gap-2\", className)}\n data-slot=\"dialog-header\"\n {...props}\n />\n);\n\nexport { DialogHeader };\n","\"use client\";\n\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport type { DialogBackdropProps } from \"./dialog-backdrop\";\n\nexport type DialogOverlayProps = DialogBackdropProps;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n <DialogBackdrop className={className} data-slot=\"dialog-overlay\" {...props} />\n);\n\nexport { DialogOverlay };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogTitleProps = DialogPrimitive.Title.Props;\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n <DialogPrimitive.Title\n className={cn(\"text-sm leading-none font-medium\", className)}\n data-slot=\"dialog-title\"\n {...props}\n />\n);\n\nexport { DialogTitle };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogTriggerProps = DialogPrimitive.Trigger.Props;\n\nconst DialogTrigger = ({ className, ...props }: DialogTriggerProps) => (\n <DialogPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"dialog-trigger\"\n {...props}\n />\n);\n\nexport { DialogTrigger };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogContent } from \"./dialog-content\";\nimport { DialogDescription } from \"./dialog-description\";\nimport { DialogFooter } from \"./dialog-footer\";\nimport { DialogHeader } from \"./dialog-header\";\nimport { DialogOverlay } from \"./dialog-overlay\";\nimport { DialogPopup } from \"./dialog-popup\";\nimport { DialogPortal } from \"./dialog-portal\";\nimport { DialogTitle } from \"./dialog-title\";\nimport { DialogTrigger } from \"./dialog-trigger\";\nimport { DialogViewport } from \"./dialog-viewport\";\n\nexport interface DialogProps extends DialogPrimitive.Root.Props {\n onOpenChange?: (open: boolean) => void;\n}\n\nconst Dialog = ({ ...props }: DialogProps) => (\n <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n);\n\nDialog.Close = DialogClose;\nDialog.Content = DialogContent;\nDialog.Backdrop = DialogBackdrop;\nDialog.Description = DialogDescription;\nDialog.Footer = DialogFooter;\nDialog.Header = DialogHeader;\nDialog.Overlay = DialogOverlay;\nDialog.Portal = DialogPortal;\nDialog.Popup = DialogPopup;\nDialog.Title = DialogTitle;\nDialog.Trigger = DialogTrigger;\nDialog.Viewport = DialogViewport;\n\nexport type { DialogBackdropProps } from \"./dialog-backdrop\";\nexport type { DialogCloseProps } from \"./dialog-close\";\nexport type { DialogContentProps } from \"./dialog-content\";\nexport type { DialogDescriptionProps } from \"./dialog-description\";\nexport type { DialogFooterProps } from \"./dialog-footer\";\nexport type { DialogHeaderProps } from \"./dialog-header\";\nexport type { DialogOverlayProps } from \"./dialog-overlay\";\nexport type { DialogPortalProps } from \"./dialog-portal\";\nexport type { DialogPopupProps } from \"./dialog-popup\";\nexport type { DialogTitleProps } from \"./dialog-title\";\nexport type { DialogTriggerProps } from \"./dialog-trigger\";\nexport type { DialogViewportProps } from \"./dialog-viewport\";\n\nexport {\n Dialog,\n DialogBackdrop,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogPopup,\n DialogTitle,\n DialogTrigger,\n DialogViewport,\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,OAAgB,UAAjB;CACE,WAAW,GACT,8LACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GACT,0VACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACC,OAAgB,QAAjB;CAAwB,aAAU;CAAgB,GAAI;CAAS;;;;ACAjE,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,OAAgB,UAAjB;CACE,WAAW,GACT,gEACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACEJ,MAAM,iBAAiB,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,YAEH,qBAAC,cAAD,aACE,oBAAC,gBAAD,EAAkB,GAClB,oBAAC,gBAAD,YACE,qBAAC,aAAD;CAAwB;CAAW,aAAU;CAAiB,GAAI;WAAlE,CACG,UACA,mBACC,qBAAC,aAAD;EACE,aAAU;EACV,QACE,oBAAC,QAAD;GACE,WAAU;GACV,MAAK;GACL,SAAQ;GACR;YAPN,CAUE,oBAAC,eAAD;GAAe,MAAM;GAAc,aAAa;GAAK,GACrD,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,EAC1B;IAEJ;IACC,EACJ;;;;ACtCjB,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,OAAgB,aAAjB;CACE,WAAW,GACT,sGACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,gBAAgB,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,YAEH,qBAAC,OAAD;CACE,WAAW,GACT,4FACA,UACD;CACD,aAAU;CACV,GAAI;WANN,CAQG,UACA,mBACC,oBAAC,aAAD;EACE,QAAQ,oBAAC,QAAD;GAAQ,WAAU;GAAmB,SAAQ;GAAY;YAClE;EAEa,EAEZ;;;;;AC7BR,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,OAAD;CACE,WAAW,GAAG,uBAAuB,UAAU;CAC/C,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC,gBAAD;CAA2B;CAAW,aAAU;CAAiB,GAAI;CAAS;;;;ACDhF,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GAAG,oCAAoC,UAAU;CAC5D,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,OAAgB,SAAjB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACSJ,MAAMC,YAAU,EAAE,GAAG,YACnB,oBAACC,OAAgB,MAAjB;CAAsB,aAAU;CAAS,GAAI;CAAS;AAGxD,SAAO,QAAQ;AACf,SAAO,UAAU;AACjB,SAAO,WAAW;AAClB,SAAO,cAAc;AACrB,SAAO,SAAS;AAChB,SAAO,SAAS;AAChB,SAAO,UAAU;AACjB,SAAO,SAAS;AAChB,SAAO,QAAQ;AACf,SAAO,QAAQ;AACf,SAAO,UAAU;AACjB,SAAO,WAAW"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"input-group-CjcHP0L4.js","names":[],"sources":["../src/ui/input-group/input-group-context.tsx","../src/ui/input-group/input-group-addon.tsx","../src/ui/input-group/input-group-button.tsx","../src/ui/input-group/input-group-input.tsx","../src/ui/input-group/input-group-text.tsx","../src/ui/input-group/input-group-textarea.tsx","../src/ui/input-group/input-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface InputGroupContextValue {\n size?: InputSize;\n}\n\nconst InputGroupContext = createContext<InputGroupContextValue>({\n size: \"md\",\n});\n\nexport { InputGroupContext };\n","\"use client\";\n\nimport type { ComponentProps, PointerEvent } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { InputGroupContext } from \"./input-group-context\";\nexport type InputGroupAddonProps = ComponentProps<\"div\"> &\n VariantProps<typeof inputGroupAddonVariants>;\n\nconst inputGroupAddonVariants = tv({\n base: \"text-muted-foreground flex h-auto cursor-text items-center justify-center font-medium select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]\",\n defaultVariants: {\n align: \"inline-start\",\n size: \"md\",\n },\n variants: {\n align: {\n \"block-end\":\n \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n \"block-start\":\n \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n \"inline-end\":\n \"order-last pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem]\",\n \"inline-start\":\n \"order-first pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem]\",\n },\n size: {\n lg: \"gap-2 py-2 text-sm [&>svg:not([class*='size-'])]:size-4\",\n md: \"gap-2 py-1.5 text-sm [&>svg:not([class*='size-'])]:size-4\",\n sm: \"gap-1.5 py-1 text-sm [&>svg:not([class*='size-'])]:size-3.5\",\n xl: \"gap-2.5 py-2 text-base [&>svg:not([class*='size-'])]:size-5\",\n xs: \"gap-1 py-0.5 text-xs [&>svg:not([class*='size-'])]:size-3\",\n },\n },\n});\n\nconst focusInput = (e: PointerEvent<HTMLDivElement>) => {\n if ((e.target as HTMLElement).closest(\"button\")) {\n return;\n }\n const control =\n e.currentTarget.parentElement?.querySelector<HTMLElement>(\n \"input, textarea\"\n );\n control?.focus();\n};\n\nconst InputGroupAddon = ({\n className,\n align = \"inline-start\",\n size,\n ...props\n}: InputGroupAddonProps) => {\n const { size: contextSize } = useContext(InputGroupContext);\n const resolvedSize = size ?? contextSize ?? \"md\";\n\n return (\n <div\n className={cn(\n inputGroupAddonVariants({ align, size: resolvedSize }),\n className\n )}\n data-align={align}\n data-size={resolvedSize}\n data-slot=\"input-group-addon\"\n onPointerDown={focusInput}\n {...props}\n />\n );\n};\n\nexport { InputGroupAddon, inputGroupAddonVariants };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport type { InputSize } from \"../input/input\";\nimport { InputGroupContext } from \"./input-group-context\";\nexport type InputGroupButtonProps = Omit<\n ComponentProps<typeof Button>,\n \"size\" | \"type\"\n> &\n VariantProps<typeof inputGroupButtonVariants> & {\n type?: \"button\" | \"submit\" | \"reset\";\n };\n\nconst inputGroupButtonVariants = tv({\n base: \"flex items-center gap-2 text-sm shadow-none\",\n defaultVariants: {\n size: \"xs\",\n },\n variants: {\n size: {\n \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n \"icon-xs\":\n \"size-6 rounded-[calc(var(--kb-radius)-5px)] p-0 has-[>svg]:p-0\",\n md: \"\",\n sm: \"\",\n xs: \"h-6 gap-1 rounded-[calc(var(--kb-radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n },\n },\n});\n\nconst mapInputGroupSizeToButtonSize = (size?: InputSize) => {\n if (size === \"xl\") {\n return \"sm\";\n }\n\n return \"xs\";\n};\n\nconst InputGroupButton = ({\n className,\n type = \"button\",\n variant = \"ghost\",\n size,\n ...props\n}: InputGroupButtonProps) => {\n const { size: contextSize } = useContext(InputGroupContext);\n const resolvedSize = size ?? mapInputGroupSizeToButtonSize(contextSize);\n\n return (\n <Button\n className={cn(\n inputGroupButtonVariants({ size: resolvedSize }),\n \"cursor-clickable\",\n className\n )}\n data-size={resolvedSize}\n size={resolvedSize}\n type={type}\n variant={variant}\n {...props}\n />\n );\n};\n\nexport { InputGroupButton, inputGroupButtonVariants };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Input } from \"../input/input\";\nimport { InputGroupContext } from \"./input-group-context\";\nexport type InputGroupInputProps = ComponentProps<typeof Input>;\n\nconst InputGroupInput = ({\n className,\n size,\n ...props\n}: InputGroupInputProps) => {\n const { size: contextSize } = useContext(InputGroupContext);\n const resolvedSize = size ?? contextSize ?? \"md\";\n\n return (\n <Input\n className={cn(\n \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n className\n )}\n data-slot=\"input-group-control\"\n size={resolvedSize}\n {...props}\n />\n );\n};\n\nexport { InputGroupInput };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type InputGroupTextProps = ComponentProps<\"span\">;\n\nconst InputGroupText = ({ className, ...props }: InputGroupTextProps) => (\n <span\n className={cn(\n \"text-muted-foreground flex items-center gap-2 text-inherit [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1em]\",\n className\n )}\n {...props}\n />\n);\n\nexport { InputGroupText };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Textarea } from \"../textarea/textarea\";\nexport type InputGroupTextareaProps = ComponentProps<typeof Textarea>;\n\nconst InputGroupTextarea = ({\n className,\n ...props\n}: InputGroupTextareaProps) => (\n <Textarea\n className={cn(\n \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n className\n )}\n data-slot=\"input-group-control\"\n {...props}\n />\n);\n\nexport { InputGroupTextarea };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { InputGroupAddon } from \"./input-group-addon\";\nimport { InputGroupButton } from \"./input-group-button\";\nimport { InputGroupContext } from \"./input-group-context\";\nimport { InputGroupInput } from \"./input-group-input\";\nimport { InputGroupText } from \"./input-group-text\";\nimport { InputGroupTextarea } from \"./input-group-textarea\";\nexport type InputGroupProps = ComponentProps<\"div\"> & {\n size?: InputSize;\n};\n\nconst InputGroup = ({\n className,\n children,\n size: providedSize,\n ...props\n}: InputGroupProps) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n return (\n <div\n className={cn(\n \"group/input-group border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-danger/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 relative flex w-full min-w-0 items-center border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto data-[size=lg]:h-10 data-[size=lg]:rounded-md data-[size=md]:h-9 data-[size=md]:rounded-md data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=xl]:h-11 data-[size=xl]:rounded-md data-[size=xs]:h-6 data-[size=xs]:rounded-[min(var(--radius-md),8px)] has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n className\n )}\n data-size={size}\n data-slot=\"input-group\"\n role=\"group\"\n {...props}\n >\n <InputGroupContext.Provider value={contextValue}>\n {children}\n </InputGroupContext.Provider>\n </div>\n );\n};\n\nInputGroup.Addon = InputGroupAddon;\nInputGroup.Button = InputGroupButton;\nInputGroup.Input = InputGroupInput;\nInputGroup.Text = InputGroupText;\nInputGroup.Textarea = InputGroupTextarea;\n\nexport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n InputGroupText,\n InputGroupTextarea,\n};\n\nexport type { InputGroupAddonProps } from \"./input-group-addon\";\nexport type { InputGroupButtonProps } from \"./input-group-button\";\nexport type { InputGroupInputProps } from \"./input-group-input\";\nexport type { InputGroupTextProps } from \"./input-group-text\";\nexport type { InputGroupTextareaProps } from \"./input-group-textarea\";\n"],"mappings":";;;;;;;;;AAUA,MAAM,oBAAoB,cAAsC,EAC9D,MAAM,MACP,CAAC;;;;ACDF,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,iBAAiB;EACf,OAAO;EACP,MAAM;EACP;CACD,UAAU;EACR,OAAO;GACL,aACE;GACF,eACE;GACF,cACE;GACF,gBACE;GACH;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAoC;AACtD,KAAK,EAAE,OAAuB,QAAQ,SAAS,CAC7C;AAMF,EAHE,EAAE,cAAc,eAAe,cAC7B,kBACD,GACM,OAAO;;AAGlB,MAAM,mBAAmB,EACvB,WACA,QAAQ,gBACR,MACA,GAAG,YACuB;CAC1B,MAAM,EAAE,MAAM,gBAAgB,WAAW,kBAAkB;CAC3D,MAAM,eAAe,QAAQ,eAAe;AAE5C,QACE,oBAAC,OAAD;EACE,WAAW,GACT,wBAAwB;GAAE;GAAO,MAAM;GAAc,CAAC,EACtD,UACD;EACD,cAAY;EACZ,aAAW;EACX,aAAU;EACV,eAAe;EACf,GAAI;EACJ;;;;;ACnDN,MAAM,2BAA2B,GAAG;CAClC,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,WAAW;EACX,WACE;EACF,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAEF,MAAM,iCAAiC,SAAqB;AAC1D,KAAI,SAAS,KACX,QAAO;AAGT,QAAO;;AAGT,MAAM,oBAAoB,EACxB,WACA,OAAO,UACP,UAAU,SACV,MACA,GAAG,YACwB;CAC3B,MAAM,EAAE,MAAM,gBAAgB,WAAW,kBAAkB;CAC3D,MAAM,eAAe,QAAQ,8BAA8B,YAAY;AAEvE,QACE,oBAAC,QAAD;EACE,WAAW,GACT,yBAAyB,EAAE,MAAM,cAAc,CAAC,EAChD,oBACA,UACD;EACD,aAAW;EACX,MAAM;EACA;EACG;EACT,GAAI;EACJ;;;;;ACvDN,MAAM,mBAAmB,EACvB,WACA,MACA,GAAG,YACuB;CAC1B,MAAM,EAAE,MAAM,gBAAgB,WAAW,kBAAkB;CAC3D,MAAM,eAAe,QAAQ,eAAe;AAE5C,QACE,oBAAC,OAAD;EACE,WAAW,GACT,oLACA,UACD;EACD,aAAU;EACV,MAAM;EACN,GAAI;EACJ;;;;;ACrBN,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC,QAAD;CACE,WAAW,GACT,mIACA,UACD;CACD,GAAI;CACJ;;;;ACLJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAAC,UAAD;CACE,WAAW,GACT,qMACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACDJ,MAAM,cAAc,EAClB,WACA,UACA,MAAM,cACN,GAAG,YACkB;CACrB,MAAM,OAAO,iBAAiB,aAAa;CAC3C,MAAM,eAAe,eAAe,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAEtD,QACE,oBAAC,OAAD;EACE,WAAW,GACT,y1CACA,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAK;EACL,GAAI;YAEJ,oBAAC,kBAAkB,UAAnB;GAA4B,OAAO;GAChC;GAC0B;EACzB;;AAIV,WAAW,QAAQ;AACnB,WAAW,SAAS;AACpB,WAAW,QAAQ;AACnB,WAAW,OAAO;AAClB,WAAW,WAAW"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"sheet-imSHXfFH.js","names":["SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive"],"sources":["../src/ui/sheet/sheet-backdrop.tsx","../src/ui/sheet/sheet-close.tsx","../src/ui/sheet/sheet-popup.tsx","../src/ui/sheet/sheet-portal.tsx","../src/ui/sheet/sheet-viewport.tsx","../src/ui/sheet/sheet-content.tsx","../src/ui/sheet/sheet-description.tsx","../src/ui/sheet/sheet-footer.tsx","../src/ui/sheet/sheet-header.tsx","../src/ui/sheet/sheet-overlay.tsx","../src/ui/sheet/sheet-title.tsx","../src/ui/sheet/sheet-trigger.tsx","../src/ui/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetBackdropProps = SheetPrimitive.Backdrop.Props;\n\nconst SheetBackdrop = ({ className, ...props }: SheetBackdropProps) => (\n <SheetPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"sheet-backdrop\"\n {...props}\n />\n);\n\nexport { SheetBackdrop };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetCloseProps = SheetPrimitive.Close.Props;\n\nconst SheetClose = ({ className, ...props }: SheetCloseProps) => (\n <SheetPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"sheet-close\"\n {...props}\n />\n);\n\nexport { SheetClose };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type SheetPopupProps = SheetPrimitive.Popup.Props & {\n side?: SheetSide;\n};\n\nconst SheetPopup = ({\n className,\n side = \"right\",\n ...props\n}: SheetPopupProps) => (\n <SheetPrimitive.Popup\n className={cn(\n \"z-overlay bg-background data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 fixed flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n className\n )}\n data-side={side}\n data-slot=\"sheet-popup\"\n {...props}\n />\n);\n\nexport { SheetPopup };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nexport type SheetPortalProps = SheetPrimitive.Portal.Props;\n\nconst SheetPortal = ({ ...props }: SheetPortalProps) => (\n <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n);\n\nexport { SheetPortal };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetViewportProps = SheetPrimitive.Viewport.Props;\n\nconst SheetViewport = ({ className, ...props }: SheetViewportProps) => (\n <SheetPrimitive.Viewport\n className={cn(\"z-overlay fixed inset-0\", className)}\n data-slot=\"sheet-viewport\"\n {...props}\n />\n);\n\nexport { SheetViewport };\n","\"use client\";\n\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nimport { Button } from \"../button/button\";\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetPopup } from \"./sheet-popup\";\nimport type { SheetPopupProps, SheetSide } from \"./sheet-popup\";\nimport { SheetPortal } from \"./sheet-portal\";\nimport { SheetViewport } from \"./sheet-viewport\";\nexport type SheetContentProps = SheetPopupProps & {\n side?: SheetSide;\n showCloseButton?: boolean;\n};\n\nconst SheetContent = ({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetContentProps) => (\n <SheetPortal>\n <SheetBackdrop />\n <SheetViewport>\n <SheetPopup\n className={className}\n data-slot=\"sheet-content\"\n side={side}\n {...props}\n >\n {children}\n {showCloseButton && (\n <SheetClose\n data-slot=\"sheet-close\"\n render={\n <Button\n className=\"cursor-clickable absolute top-4 right-4\"\n size=\"icon-sm\"\n variant=\"ghost\"\n />\n }\n >\n <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2} />\n <span className=\"sr-only\">Close</span>\n </SheetClose>\n )}\n </SheetPopup>\n </SheetViewport>\n </SheetPortal>\n);\n\nexport { SheetContent };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetDescriptionProps = SheetPrimitive.Description.Props;\n\nconst SheetDescription = ({ className, ...props }: SheetDescriptionProps) => (\n <SheetPrimitive.Description\n className={cn(\"text-muted-foreground text-sm\", className)}\n data-slot=\"sheet-description\"\n {...props}\n />\n);\n\nexport { SheetDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetFooterProps = ComponentProps<\"div\">;\n\nconst SheetFooter = ({ className, ...props }: SheetFooterProps) => (\n <div\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n data-slot=\"sheet-footer\"\n {...props}\n />\n);\n\nexport { SheetFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetHeaderProps = ComponentProps<\"div\">;\n\nconst SheetHeader = ({ className, ...props }: SheetHeaderProps) => (\n <div\n className={cn(\"flex flex-col gap-0.5 p-4\", className)}\n data-slot=\"sheet-header\"\n {...props}\n />\n);\n\nexport { SheetHeader };\n","\"use client\";\n\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport type { SheetBackdropProps } from \"./sheet-backdrop\";\nexport type SheetOverlayProps = SheetBackdropProps;\n\nconst SheetOverlay = ({ className, ...props }: SheetOverlayProps) => (\n <SheetBackdrop className={className} data-slot=\"sheet-overlay\" {...props} />\n);\n\nexport { SheetOverlay };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetTitleProps = SheetPrimitive.Title.Props;\n\nconst SheetTitle = ({ className, ...props }: SheetTitleProps) => (\n <SheetPrimitive.Title\n className={cn(\"text-foreground text-base font-medium\", className)}\n data-slot=\"sheet-title\"\n {...props}\n />\n);\n\nexport { SheetTitle };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetTriggerProps = SheetPrimitive.Trigger.Props;\n\nconst SheetTrigger = ({ className, ...props }: SheetTriggerProps) => (\n <SheetPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"sheet-trigger\"\n {...props}\n />\n);\n\nexport { SheetTrigger };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\n\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetContent } from \"./sheet-content\";\nimport { SheetDescription } from \"./sheet-description\";\nimport { SheetFooter } from \"./sheet-footer\";\nimport { SheetHeader } from \"./sheet-header\";\nimport { SheetOverlay } from \"./sheet-overlay\";\nimport { SheetPopup } from \"./sheet-popup\";\nimport { SheetPortal } from \"./sheet-portal\";\nimport { SheetTitle } from \"./sheet-title\";\nimport { SheetTrigger } from \"./sheet-trigger\";\nimport { SheetViewport } from \"./sheet-viewport\";\nexport type SheetProps = SheetPrimitive.Root.Props;\n\nconst Sheet = ({ ...props }: SheetProps) => (\n <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n);\n\nSheet.Close = SheetClose;\nSheet.Content = SheetContent;\nSheet.Backdrop = SheetBackdrop;\nSheet.Description = SheetDescription;\nSheet.Footer = SheetFooter;\nSheet.Header = SheetHeader;\nSheet.Overlay = SheetOverlay;\nSheet.Portal = SheetPortal;\nSheet.Popup = SheetPopup;\nSheet.Title = SheetTitle;\nSheet.Trigger = SheetTrigger;\nSheet.Viewport = SheetViewport;\n\nexport {\n Sheet,\n SheetBackdrop,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetOverlay,\n SheetPortal,\n SheetPopup,\n SheetTitle,\n SheetTrigger,\n SheetViewport,\n};\n\nexport type { SheetBackdropProps } from \"./sheet-backdrop\";\nexport type { SheetCloseProps } from \"./sheet-close\";\nexport type { SheetContentProps } from \"./sheet-content\";\nexport type { SheetDescriptionProps } from \"./sheet-description\";\nexport type { SheetFooterProps } from \"./sheet-footer\";\nexport type { SheetHeaderProps } from \"./sheet-header\";\nexport type { SheetOverlayProps } from \"./sheet-overlay\";\nexport type { SheetPopupProps } from \"./sheet-popup\";\nexport type { SheetPortalProps } from \"./sheet-portal\";\nexport type { SheetTitleProps } from \"./sheet-title\";\nexport type { SheetTriggerProps } from \"./sheet-trigger\";\nexport type { SheetViewportProps } from \"./sheet-viewport\";\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACA,OAAe,UAAhB;CACE,WAAW,GACT,gPACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,OAAe,OAAhB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACDJ,MAAM,cAAc,EAClB,WACA,OAAO,SACP,GAAG,YAEH,oBAACC,OAAe,OAAhB;CACE,WAAW,GACT,+mCACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;CACJ;;;;AClBJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,OAAe,QAAhB;CAAuB,aAAU;CAAe,GAAI;CAAS;;;;ACC/D,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,OAAe,UAAhB;CACE,WAAW,GAAG,2BAA2B,UAAU;CACnD,aAAU;CACV,GAAI;CACJ;;;;ACKJ,MAAM,gBAAgB,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,GAAG,YAEH,qBAAC,aAAD,aACE,oBAAC,eAAD,EAAiB,GACjB,oBAAC,eAAD,YACE,qBAAC,YAAD;CACa;CACX,aAAU;CACJ;CACN,GAAI;WAJN,CAMG,UACA,mBACC,qBAAC,YAAD;EACE,aAAU;EACV,QACE,oBAAC,QAAD;GACE,WAAU;GACV,MAAK;GACL,SAAQ;GACR;YAPN,CAUE,oBAAC,eAAD;GAAe,MAAM;GAAc,aAAa;GAAK,GACrD,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,EAC3B;IAEJ;IACC,EACJ;;;;AC7ChB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,OAAe,aAAhB;CACE,WAAW,GAAG,iCAAiC,UAAU;CACzD,aAAU;CACV,GAAI;CACJ;;;;ACPJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GAAG,mCAAmC,UAAU;CAC3D,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GAAG,6BAA6B,UAAU;CACrD,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,eAAD;CAA0B;CAAW,aAAU;CAAgB,GAAI;CAAS;;;;ACD9E,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,OAAe,OAAhB;CACE,WAAW,GAAG,yCAAyC,UAAU;CACjE,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACC,OAAe,SAAhB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACOJ,MAAM,SAAS,EAAE,GAAG,YAClB,oBAACC,OAAe,MAAhB;CAAqB,aAAU;CAAQ,GAAI;CAAS;AAGtD,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,WAAW;AACjB,MAAM,cAAc;AACpB,MAAM,SAAS;AACf,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,WAAW"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"size-system-wzOLSuax.d.ts","names":[],"sources":["../src/ui/shared/size/size-system.ts"],"mappings":";KAEY,MAAA;AAAA,cAEC,aAAA,WAAwB,MAAA"}