@yahoo/uds-v5-wip 1.29.0 → 1.30.0

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 (210) hide show
  1. package/dist/components/dist/accordion.config.d.ts +2 -1
  2. package/dist/components/dist/accordion.d.ts +2 -1
  3. package/dist/components/dist/accordion.js +9 -9
  4. package/dist/components/dist/alert.config.d.ts +2 -1
  5. package/dist/components/dist/alert.d.ts +2 -1
  6. package/dist/components/dist/alert.js +2 -2
  7. package/dist/components/dist/anchor.config.d.ts +2 -1
  8. package/dist/components/dist/anchor.d.ts +2 -1
  9. package/dist/components/dist/article.d.ts +2 -1
  10. package/dist/components/dist/aside.d.ts +2 -1
  11. package/dist/components/dist/avatar-group.config.d.ts +2 -1
  12. package/dist/components/dist/avatar-group.d.ts +2 -1
  13. package/dist/components/dist/avatar-group.js +6 -6
  14. package/dist/components/dist/avatar.config.d.ts +2 -1
  15. package/dist/components/dist/avatar.d.ts +2 -1
  16. package/dist/components/dist/avatar.js +3 -3
  17. package/dist/components/dist/badge.config.d.ts +2 -1
  18. package/dist/components/dist/badge.d.ts +2 -1
  19. package/dist/components/dist/badge.js +2 -2
  20. package/dist/components/dist/box.d.ts +2 -1
  21. package/dist/components/dist/breadcrumb.config.d.ts +2 -1
  22. package/dist/components/dist/breadcrumb.d.ts +2 -1
  23. package/dist/components/dist/breadcrumb.js +17 -17
  24. package/dist/components/dist/button.config.d.ts +2 -1
  25. package/dist/components/dist/button.d.ts +2 -1
  26. package/dist/components/dist/button.js +5 -5
  27. package/dist/components/dist/card.config.d.ts +2 -1
  28. package/dist/components/dist/card.d.ts +2 -1
  29. package/dist/components/dist/card.js +4 -4
  30. package/dist/components/dist/collapsible.config.d.ts +2 -1
  31. package/dist/components/dist/collapsible.d.ts +2 -1
  32. package/dist/components/dist/collapsible.js +3 -3
  33. package/dist/components/dist/command.config.d.ts +2 -1
  34. package/dist/components/dist/command.d.ts +2 -1
  35. package/dist/components/dist/command.js +21 -21
  36. package/dist/components/dist/control-color.config.d.ts +2 -1
  37. package/dist/components/dist/control-color.d.ts +2 -1
  38. package/dist/components/dist/control-color.js +6 -6
  39. package/dist/components/dist/control-curve.config.d.ts +2 -1
  40. package/dist/components/dist/control-curve.d.ts +2 -1
  41. package/dist/components/dist/control-curve.js +4 -4
  42. package/dist/components/dist/control-folder.config.d.ts +2 -1
  43. package/dist/components/dist/control-folder.d.ts +2 -1
  44. package/dist/components/dist/control-folder.js +6 -6
  45. package/dist/components/dist/control-group.config.d.ts +2 -1
  46. package/dist/components/dist/control-group.d.ts +2 -1
  47. package/dist/components/dist/control-group.js +3 -3
  48. package/dist/components/dist/control-knob.config.d.ts +2 -1
  49. package/dist/components/dist/control-knob.d.ts +2 -1
  50. package/dist/components/dist/control-knob.js +8 -8
  51. package/dist/components/dist/control-panel.config.d.ts +2 -1
  52. package/dist/components/dist/control-panel.d.ts +2 -1
  53. package/dist/components/dist/control-panel.js +3 -3
  54. package/dist/components/dist/control-select.config.d.ts +2 -1
  55. package/dist/components/dist/control-select.d.ts +2 -1
  56. package/dist/components/dist/control-select.js +8 -8
  57. package/dist/components/dist/control-slider.config.d.ts +2 -1
  58. package/dist/components/dist/control-slider.d.ts +2 -1
  59. package/dist/components/dist/control-slider.js +8 -8
  60. package/dist/components/dist/control-spring.config.d.ts +2 -1
  61. package/dist/components/dist/control-spring.d.ts +2 -1
  62. package/dist/components/dist/control-spring.js +12 -12
  63. package/dist/components/dist/control-stepper.config.d.ts +2 -1
  64. package/dist/components/dist/control-stepper.d.ts +2 -1
  65. package/dist/components/dist/control-stepper.js +6 -6
  66. package/dist/components/dist/control-toggle.config.d.ts +2 -1
  67. package/dist/components/dist/control-toggle.d.ts +2 -1
  68. package/dist/components/dist/control-toggle.js +3 -3
  69. package/dist/components/dist/createSlot.d.ts +2 -1
  70. package/dist/components/dist/createSlot.js +2 -2
  71. package/dist/components/dist/dropdown.config.d.ts +2 -1
  72. package/dist/components/dist/dropdown.d.ts +2 -1
  73. package/dist/components/dist/dropdown.js +10 -10
  74. package/dist/components/dist/empty-state.config.d.ts +2 -1
  75. package/dist/components/dist/empty-state.d.ts +2 -1
  76. package/dist/components/dist/empty-state.js +6 -6
  77. package/dist/components/dist/footer.d.ts +2 -1
  78. package/dist/components/dist/grid.d.ts +2 -1
  79. package/dist/components/dist/grid.js +2 -2
  80. package/dist/components/dist/header.d.ts +2 -1
  81. package/dist/components/dist/hstack.d.ts +2 -1
  82. package/dist/components/dist/hstack.js +1 -1
  83. package/dist/components/dist/image.d.ts +2 -1
  84. package/dist/components/dist/input.config.d.ts +2 -1
  85. package/dist/components/dist/input.d.ts +2 -1
  86. package/dist/components/dist/input.js +1 -1
  87. package/dist/components/dist/item.config.d.ts +2 -1
  88. package/dist/components/dist/item.d.ts +2 -1
  89. package/dist/components/dist/item.js +8 -8
  90. package/dist/components/dist/list.d.ts +2 -1
  91. package/dist/components/dist/list.js +1 -1
  92. package/dist/components/dist/main.d.ts +2 -1
  93. package/dist/components/dist/modal.config.d.ts +2 -1
  94. package/dist/components/dist/modal.d.ts +2 -1
  95. package/dist/components/dist/modal.js +8 -8
  96. package/dist/components/dist/nav-header.config.d.ts +2 -1
  97. package/dist/components/dist/nav-header.d.ts +2 -1
  98. package/dist/components/dist/nav-header.js +3 -3
  99. package/dist/components/dist/nav.d.ts +2 -1
  100. package/dist/components/dist/preset-bar.config.d.ts +2 -1
  101. package/dist/components/dist/preset-bar.d.ts +2 -1
  102. package/dist/components/dist/preset-bar.js +10 -10
  103. package/dist/components/dist/presets/index.d.ts +3 -2
  104. package/dist/components/dist/presets/index.js +1 -1
  105. package/dist/components/dist/pressable.d.ts +2 -1
  106. package/dist/components/dist/progress.config.d.ts +2 -1
  107. package/dist/components/dist/progress.d.ts +2 -1
  108. package/dist/components/dist/progress.js +6 -6
  109. package/dist/components/dist/section.d.ts +2 -1
  110. package/dist/components/dist/select.config.d.ts +2 -1
  111. package/dist/components/dist/select.d.ts +2 -1
  112. package/dist/components/dist/sheet.config.d.ts +2 -1
  113. package/dist/components/dist/sheet.d.ts +2 -1
  114. package/dist/components/dist/sheet.js +8 -8
  115. package/dist/components/dist/sidebar.config.d.ts +2 -1
  116. package/dist/components/dist/sidebar.d.ts +2 -1
  117. package/dist/components/dist/sidebar.js +42 -42
  118. package/dist/components/dist/skeleton.config.d.ts +2 -1
  119. package/dist/components/dist/skeleton.d.ts +2 -1
  120. package/dist/components/dist/skeleton.js +1 -1
  121. package/dist/components/dist/slider.config.d.ts +2 -1
  122. package/dist/components/dist/slider.d.ts +2 -1
  123. package/dist/components/dist/slider.js +5 -5
  124. package/dist/components/dist/spinner.config.d.ts +2 -1
  125. package/dist/components/dist/spinner.d.ts +2 -1
  126. package/dist/components/dist/spinner.js +2 -2
  127. package/dist/components/dist/svg.d.ts +2 -1
  128. package/dist/components/dist/switch.config.d.ts +2 -1
  129. package/dist/components/dist/switch.d.ts +2 -1
  130. package/dist/components/dist/switch.js +5 -5
  131. package/dist/components/dist/table.d.ts +2 -1
  132. package/dist/components/dist/tabs.config.d.ts +2 -1
  133. package/dist/components/dist/tabs.d.ts +2 -1
  134. package/dist/components/dist/tabs.js +8 -8
  135. package/dist/components/dist/text.config.d.ts +2 -1
  136. package/dist/components/dist/text.d.ts +2 -1
  137. package/dist/components/dist/textarea.config.d.ts +2 -1
  138. package/dist/components/dist/textarea.d.ts +2 -1
  139. package/dist/components/dist/toast.config.d.ts +2 -1
  140. package/dist/components/dist/toast.d.ts +2 -1
  141. package/dist/components/dist/toast.js +7 -7
  142. package/dist/components/dist/tooltip.config.d.ts +2 -1
  143. package/dist/components/dist/tooltip.d.ts +2 -1
  144. package/dist/components/dist/tooltip.js +3 -3
  145. package/dist/components/dist/vstack.d.ts +2 -1
  146. package/dist/components/dist/vstack.js +1 -1
  147. package/dist/components/presets/index.d.ts +1 -1
  148. package/dist/components/presets/index.js +1 -1
  149. package/dist/config/dist/component-resolution.d.ts +1 -1
  150. package/dist/config/dist/consts/defaultColors.d.ts +2 -1
  151. package/dist/config/dist/createConfig.d.ts +6 -0
  152. package/dist/config/dist/propertyGroups.d.ts +5 -0
  153. package/dist/config/dist/serialize.d.ts +2 -1
  154. package/dist/config/dist/types.d.ts +2 -1
  155. package/dist/config.d.ts +197 -197
  156. package/dist/core/dist/compositeStyles.d.ts +1 -2
  157. package/dist/core/dist/createComponent.d.ts +1 -2
  158. package/dist/core/dist/createComponentExample.d.ts +1 -2
  159. package/dist/core/dist/createProvider.d.ts +1 -2
  160. package/dist/core/dist/generated/stylePropsTwMap.d.ts +1 -2
  161. package/dist/core/dist/getComponentStyles.d.ts +1 -2
  162. package/dist/core/dist/getStyles.d.ts +1 -2
  163. package/dist/core/dist/propMappings.d.ts +1 -2
  164. package/dist/core/dist/resolveMotionState.d.ts +1 -2
  165. package/dist/core/dist/transformPreset.d.ts +1 -2
  166. package/dist/core/dist/withDefaultStyleProps.d.ts +1 -2
  167. package/dist/foundational-presets/dist/boldVibrant.d.ts +197 -198
  168. package/dist/foundational-presets/dist/brutalist.d.ts +197 -198
  169. package/dist/foundational-presets/dist/candy.d.ts +197 -198
  170. package/dist/foundational-presets/dist/cleanMinimalist.d.ts +197 -198
  171. package/dist/foundational-presets/dist/corporate.d.ts +197 -198
  172. package/dist/foundational-presets/dist/darkMoody.d.ts +197 -198
  173. package/dist/foundational-presets/dist/defaultPreset.d.ts +197 -198
  174. package/dist/foundational-presets/dist/forest.d.ts +197 -198
  175. package/dist/foundational-presets/dist/highContrast.d.ts +197 -198
  176. package/dist/foundational-presets/dist/lavender.d.ts +197 -198
  177. package/dist/foundational-presets/dist/luxury.d.ts +197 -198
  178. package/dist/foundational-presets/dist/monochrome.d.ts +197 -198
  179. package/dist/foundational-presets/dist/motion.d.ts +1 -2
  180. package/dist/foundational-presets/dist/neonCyber.d.ts +197 -198
  181. package/dist/foundational-presets/dist/newspaper.d.ts +197 -198
  182. package/dist/foundational-presets/dist/ocean.d.ts +197 -198
  183. package/dist/foundational-presets/dist/slate.d.ts +197 -198
  184. package/dist/foundational-presets/dist/sunset.d.ts +197 -198
  185. package/dist/foundational-presets/dist/terminal.d.ts +197 -198
  186. package/dist/foundational-presets/dist/warmOrganic.d.ts +197 -198
  187. package/dist/loader/dist/loader.d.ts +1 -2
  188. package/dist/loader/dist/next.d.ts +1 -2
  189. package/dist/presets/dist/boldVibrant.d.ts +1 -2
  190. package/dist/presets/dist/brutalist.d.ts +1 -2
  191. package/dist/presets/dist/candy.d.ts +1 -2
  192. package/dist/presets/dist/cleanMinimalist.d.ts +1 -2
  193. package/dist/presets/dist/corporate.d.ts +1 -2
  194. package/dist/presets/dist/darkMoody.d.ts +1 -2
  195. package/dist/presets/dist/defaultPreset.d.ts +1 -2
  196. package/dist/presets/dist/defaultPreset.js +1 -1
  197. package/dist/presets/dist/forest.d.ts +1 -2
  198. package/dist/presets/dist/highContrast.d.ts +1 -2
  199. package/dist/presets/dist/lavender.d.ts +1 -2
  200. package/dist/presets/dist/luxury.d.ts +1 -2
  201. package/dist/presets/dist/monochrome.d.ts +1 -2
  202. package/dist/presets/dist/neonCyber.d.ts +1 -2
  203. package/dist/presets/dist/newspaper.d.ts +1 -2
  204. package/dist/presets/dist/ocean.d.ts +1 -2
  205. package/dist/presets/dist/slate.d.ts +1 -2
  206. package/dist/presets/dist/sunset.d.ts +1 -2
  207. package/dist/presets/dist/terminal.d.ts +1 -2
  208. package/dist/presets/dist/warmOrganic.d.ts +1 -2
  209. package/dist/tsconfig.tsbuildinfo +1 -1
  210. package/package.json +3 -3
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/accordion.config.d.ts
3
+ //#region src/accordion.config.d.ts
3
4
  declare const accordionConfig: ComponentConfig<{
4
5
  Accordion: {
5
6
  readonly base: {
@@ -426,6 +427,6 @@ declare const accordionConfig: ComponentConfig<{
426
427
  };
427
428
  };
428
429
  }, {}>;
429
- type AccordionConfig = typeof accordionConfig;
430
+ type AccordionConfig = typeof accordionConfig; //#endregion
430
431
  //#endregion
431
432
  export { AccordionConfig, accordionConfig };
@@ -3,6 +3,7 @@ import * as _$react from "react";
3
3
  import * as _$_uds_types0 from "@uds/types";
4
4
 
5
5
  //#region ../components/dist/accordion.d.ts
6
+ //#region src/accordion.d.ts
6
7
  interface AccordionItem {
7
8
  id: string;
8
9
  title: string;
@@ -448,6 +449,6 @@ declare const Accordion: _$react.FC<_$_uds_types0.CreateComponentProps<Component
448
449
  content: "div";
449
450
  contentText: "span";
450
451
  }>>;
451
- type AccordionProps = React.ComponentProps<typeof Accordion>;
452
+ type AccordionProps = React.ComponentProps<typeof Accordion>; //#endregion
452
453
  //#endregion
453
454
  export { Accordion, AccordionItem, AccordionProps };
@@ -10,31 +10,31 @@ import { jsx, jsxs } from "react/jsx-runtime";
10
10
  const Accordion = createComponent(({ props, items, defaultOpenId = null }) => {
11
11
  const accordionId = useId();
12
12
  const [openId, setOpenId] = useState(defaultOpenId);
13
- return jsx("div", {
13
+ return /* @__PURE__ */ jsx("div", {
14
14
  ...props.root,
15
15
  children: items.map((item) => {
16
16
  const isOpen = openId === item.id;
17
17
  const contentId = `${accordionId}-content-${item.id}`;
18
- return jsxs("div", {
18
+ return /* @__PURE__ */ jsxs("div", {
19
19
  ...props.item,
20
- children: [jsxs("button", {
20
+ children: [/* @__PURE__ */ jsxs("button", {
21
21
  type: "button",
22
22
  onClick: () => setOpenId(isOpen ? null : item.id),
23
23
  "aria-expanded": isOpen,
24
24
  "aria-controls": contentId,
25
25
  ...props.trigger,
26
- children: [jsx("span", {
26
+ children: [/* @__PURE__ */ jsx("span", {
27
27
  ...props.triggerText,
28
28
  children: item.title
29
- }), jsx("span", {
29
+ }), /* @__PURE__ */ jsx("span", {
30
30
  "data-state": isOpen ? "open" : "closed",
31
31
  ...props.icon,
32
- children: jsx("svg", {
32
+ children: /* @__PURE__ */ jsx("svg", {
33
33
  width: "16",
34
34
  height: "16",
35
35
  viewBox: "0 0 16 16",
36
36
  fill: "none",
37
- children: jsx("path", {
37
+ children: /* @__PURE__ */ jsx("path", {
38
38
  d: "M4 6L8 10L12 6",
39
39
  stroke: "currentColor",
40
40
  strokeWidth: "1.5",
@@ -43,11 +43,11 @@ const Accordion = createComponent(({ props, items, defaultOpenId = null }) => {
43
43
  })
44
44
  })
45
45
  })]
46
- }), isOpen && jsx("div", {
46
+ }), isOpen && /* @__PURE__ */ jsx("div", {
47
47
  id: contentId,
48
48
  "aria-hidden": !isOpen,
49
49
  ...props.content,
50
- children: jsx("span", {
50
+ children: /* @__PURE__ */ jsx("span", {
51
51
  ...props.contentText,
52
52
  children: item.content
53
53
  })
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/alert.config.d.ts
3
+ //#region src/alert.config.d.ts
3
4
  declare const alertConfig: ComponentConfig<{
4
5
  Alert: {
5
6
  readonly base: {
@@ -214,6 +215,6 @@ declare const alertConfig: ComponentConfig<{
214
215
  };
215
216
  };
216
217
  }, {}>;
217
- type AlertConfig = typeof alertConfig;
218
+ type AlertConfig = typeof alertConfig; //#endregion
218
219
  //#endregion
219
220
  export { AlertConfig, alertConfig };
@@ -3,6 +3,7 @@ import * as _$react from "react";
3
3
  import * as _$_uds_types0 from "@uds/types";
4
4
 
5
5
  //#region ../components/dist/alert.d.ts
6
+ //#region src/alert.d.ts
6
7
  /**
7
8
  * @description A message that communicates important information to the user
8
9
  */
@@ -225,6 +226,6 @@ declare const Alert: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
225
226
  root: "div";
226
227
  text: "span";
227
228
  }>>;
228
- type AlertProps = React.ComponentProps<typeof Alert>;
229
+ type AlertProps = React.ComponentProps<typeof Alert>; //#endregion
229
230
  //#endregion
230
231
  export { Alert, AlertProps };
@@ -5,9 +5,9 @@ import { jsx } from "react/jsx-runtime";
5
5
  /**
6
6
  * @description A message that communicates important information to the user
7
7
  */
8
- const Alert = createComponent(({ props, children }) => jsx("div", {
8
+ const Alert = createComponent(({ props, children }) => /* @__PURE__ */ jsx("div", {
9
9
  ...props.root,
10
- children: jsx("span", {
10
+ children: /* @__PURE__ */ jsx("span", {
11
11
  ...props.text,
12
12
  children
13
13
  })
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/anchor.config.d.ts
3
+ //#region src/anchor.config.d.ts
3
4
  declare const anchorConfig: ComponentConfig<{
4
5
  Anchor: {
5
6
  readonly base: {
@@ -245,6 +246,6 @@ declare const anchorConfig: ComponentConfig<{
245
246
  };
246
247
  };
247
248
  }, {}>;
248
- type AnchorConfig = typeof anchorConfig;
249
+ type AnchorConfig = typeof anchorConfig; //#endregion
249
250
  //#endregion
250
251
  export { AnchorConfig, anchorConfig };
@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
4
4
  import { HtmlAnchorProps, ModifierProps, SpacingStyleProps, TypographyStyleProps } from "@uds/types";
5
5
 
6
6
  //#region ../components/dist/anchor.d.ts
7
+ //#region src/anchor.d.ts
7
8
  interface AnchorStyleProps extends TypographyStyleProps, SpacingStyleProps {}
8
9
  interface AnchorOwnProps extends HtmlAnchorProps, AnchorStyleProps, ModifierProps<AnchorStyleProps> {
9
10
  children?: React.ReactNode;
@@ -256,6 +257,6 @@ declare const Anchor: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
256
257
  };
257
258
  };
258
259
  }, {}>, AnchorOwnProps, keyof _$react.JSX.IntrinsicElements>>;
259
- type AnchorProps = React.ComponentProps<typeof Anchor>;
260
+ type AnchorProps = React.ComponentProps<typeof Anchor>; //#endregion
260
261
  //#endregion
261
262
  export { Anchor, AnchorOwnProps, AnchorProps };
@@ -2,10 +2,11 @@ import * as _$react from "react";
2
2
  import { HtmlArticleProps, StyleAndModifierProps } from "@uds/types";
3
3
 
4
4
  //#region ../components/dist/article.d.ts
5
+ //#region src/article.d.ts
5
6
  interface ArticleProps extends HtmlArticleProps, StyleAndModifierProps {}
6
7
  /**
7
8
  * @description A primitive that defines independent, self-contained content
8
9
  */
9
- declare const Article: _$react.FC<ArticleProps>;
10
+ declare const Article: _$react.FC<ArticleProps>; //#endregion
10
11
  //#endregion
11
12
  export { Article, ArticleProps };
@@ -2,10 +2,11 @@ import * as _$react from "react";
2
2
  import { HtmlAsideProps, StyleAndModifierProps } from "@uds/types";
3
3
 
4
4
  //#region ../components/dist/aside.d.ts
5
+ //#region src/aside.d.ts
5
6
  interface AsideProps extends HtmlAsideProps, StyleAndModifierProps {}
6
7
  /**
7
8
  * @description A primitive that renders content that is only indirectly related to the document's main content
8
9
  */
9
- declare const Aside: _$react.FC<AsideProps>;
10
+ declare const Aside: _$react.FC<AsideProps>; //#endregion
10
11
  //#endregion
11
12
  export { Aside, AsideProps };
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/avatar-group.config.d.ts
3
+ //#region src/avatar-group.config.d.ts
3
4
  declare const avatarGroupConfig: ComponentConfig<{
4
5
  AvatarGroup: {
5
6
  readonly base: {
@@ -310,6 +311,6 @@ declare const avatarGroupConfig: ComponentConfig<{
310
311
  };
311
312
  };
312
313
  }, {}>;
313
- type AvatarGroupConfig = typeof avatarGroupConfig;
314
+ type AvatarGroupConfig = typeof avatarGroupConfig; //#endregion
314
315
  //#endregion
315
316
  export { AvatarGroupConfig, avatarGroupConfig };
@@ -3,6 +3,7 @@ import React from "react";
3
3
  import * as _$_uds_types0 from "@uds/types";
4
4
 
5
5
  //#region ../components/dist/avatar-group.d.ts
6
+ //#region src/avatar-group.d.ts
6
7
  /**
7
8
  * @description A row of overlapping avatars representing a group of users
8
9
  */
@@ -324,6 +325,6 @@ declare const AvatarGroup: React.FC<_$_uds_types0.CreateComponentProps<Component
324
325
  overflow: "div";
325
326
  overflowText: "span";
326
327
  label: "span";
327
- }>>;
328
+ }>>; //#endregion
328
329
  //#endregion
329
330
  export { AvatarGroup };
@@ -11,25 +11,25 @@ const AvatarGroup = createComponent(({ props, children, maxVisible, label }) =>
11
11
  const total = childArray.length;
12
12
  const visible = maxVisible != null ? childArray.slice(0, maxVisible) : childArray;
13
13
  const overflow = maxVisible != null ? total - maxVisible : 0;
14
- return jsxs("div", {
14
+ return /* @__PURE__ */ jsxs("div", {
15
15
  ...props.root,
16
- children: [jsxs("div", {
16
+ children: [/* @__PURE__ */ jsxs("div", {
17
17
  style: {
18
18
  display: "flex",
19
19
  alignItems: "center"
20
20
  },
21
- children: [visible.map((child, i) => jsx("div", {
21
+ children: [visible.map((child, i) => /* @__PURE__ */ jsx("div", {
22
22
  style: { marginLeft: i > 0 ? "-8px" : void 0 },
23
23
  children: child
24
- }, i)), overflow > 0 && jsx("div", {
24
+ }, i)), overflow > 0 && /* @__PURE__ */ jsx("div", {
25
25
  ...props.overflow,
26
26
  style: { marginLeft: "-8px" },
27
- children: jsxs("span", {
27
+ children: /* @__PURE__ */ jsxs("span", {
28
28
  ...props.overflowText,
29
29
  children: ["+", overflow]
30
30
  })
31
31
  })]
32
- }), label && jsx("span", {
32
+ }), label && /* @__PURE__ */ jsx("span", {
33
33
  ...props.label,
34
34
  children: label
35
35
  })]
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/avatar.config.d.ts
3
+ //#region src/avatar.config.d.ts
3
4
  declare const avatarConfig: ComponentConfig<{
4
5
  Avatar: {
5
6
  readonly base: {
@@ -192,6 +193,6 @@ declare const avatarConfig: ComponentConfig<{
192
193
  };
193
194
  };
194
195
  }, {}>;
195
- type AvatarConfig = typeof avatarConfig;
196
+ type AvatarConfig = typeof avatarConfig; //#endregion
196
197
  //#endregion
197
198
  export { AvatarConfig, avatarConfig };
@@ -3,6 +3,7 @@ import * as _$react from "react";
3
3
  import * as _$_uds_types0 from "@uds/types";
4
4
 
5
5
  //#region ../components/dist/avatar.d.ts
6
+ //#region src/avatar.d.ts
6
7
  /**
7
8
  * @description A circular representation of a user, displaying an image or initials as fallback
8
9
  */
@@ -206,6 +207,6 @@ declare const Avatar: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
206
207
  image: "img";
207
208
  fallbackText: "span";
208
209
  }>>;
209
- type AvatarProps = React.ComponentProps<typeof Avatar>;
210
+ type AvatarProps = React.ComponentProps<typeof Avatar>; //#endregion
210
211
  //#endregion
211
212
  export { Avatar, AvatarProps };
@@ -5,13 +5,13 @@ import { jsx } from "react/jsx-runtime";
5
5
  /**
6
6
  * @description A circular representation of a user, displaying an image or initials as fallback
7
7
  */
8
- const Avatar = createComponent(({ props, src, alt, initials }) => jsx("div", {
8
+ const Avatar = createComponent(({ props, src, alt, initials }) => /* @__PURE__ */ jsx("div", {
9
9
  ...props.root,
10
- children: src ? jsx("img", {
10
+ children: src ? /* @__PURE__ */ jsx("img", {
11
11
  ...props.image,
12
12
  src,
13
13
  alt: alt ?? initials ?? ""
14
- }) : jsx("span", {
14
+ }) : /* @__PURE__ */ jsx("span", {
15
15
  ...props.fallbackText,
16
16
  children: initials
17
17
  })
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/badge.config.d.ts
3
+ //#region src/badge.config.d.ts
3
4
  declare const badgeConfig: ComponentConfig<{
4
5
  Badge: {
5
6
  readonly base: {
@@ -472,6 +473,6 @@ declare const badgeConfig: ComponentConfig<{
472
473
  };
473
474
  };
474
475
  }, {}>;
475
- type BadgeConfig = typeof badgeConfig;
476
+ type BadgeConfig = typeof badgeConfig; //#endregion
476
477
  //#endregion
477
478
  export { BadgeConfig, badgeConfig };
@@ -3,6 +3,7 @@ import * as _$react from "react";
3
3
  import * as _$_uds_types0 from "@uds/types";
4
4
 
5
5
  //#region ../components/dist/badge.d.ts
6
+ //#region src/badge.d.ts
6
7
  /**
7
8
  * @description A small label for status, category, or metadata
8
9
  */
@@ -484,6 +485,6 @@ declare const Badge: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
484
485
  dot: "span";
485
486
  text: "span";
486
487
  }>>;
487
- type BadgeProps = React.ComponentProps<typeof Badge>;
488
+ type BadgeProps = React.ComponentProps<typeof Badge>; //#endregion
488
489
  //#endregion
489
490
  export { Badge, BadgeProps };
@@ -5,9 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
5
5
  /**
6
6
  * @description A small label for status, category, or metadata
7
7
  */
8
- const Badge = createComponent(({ props, children }) => jsxs("span", {
8
+ const Badge = createComponent(({ props, children }) => /* @__PURE__ */ jsxs("span", {
9
9
  ...props.root,
10
- children: [jsx("span", { ...props.dot }), jsx("span", {
10
+ children: [/* @__PURE__ */ jsx("span", { ...props.dot }), /* @__PURE__ */ jsx("span", {
11
11
  ...props.text,
12
12
  children
13
13
  })]
@@ -2,6 +2,7 @@ import * as _$react from "react";
2
2
  import { BoxAsTag, HtmlDivProps, StyleAndModifierProps } from "@uds/types";
3
3
 
4
4
  //#region ../components/dist/box.d.ts
5
+ //#region src/box.d.ts
5
6
  interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
6
7
  /** Render as a different semantic HTML element. Defaults to `div`. */
7
8
  as?: BoxAsTag;
@@ -9,6 +10,6 @@ interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
9
10
  /**
10
11
  * @description The fundamental primitive component that includes styling utility properties, and corresponding design variables as values
11
12
  */
12
- declare const Box: _$react.FC<BoxProps>;
13
+ declare const Box: _$react.FC<BoxProps>; //#endregion
13
14
  //#endregion
14
15
  export { Box, BoxProps };
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/breadcrumb.config.d.ts
3
+ //#region src/breadcrumb.config.d.ts
3
4
  declare const breadcrumbConfig: ComponentConfig<{
4
5
  Breadcrumb: {
5
6
  readonly base: {
@@ -385,6 +386,6 @@ declare const breadcrumbConfig: ComponentConfig<{
385
386
  };
386
387
  };
387
388
  }, {}>;
388
- type BreadcrumbConfig = typeof breadcrumbConfig;
389
+ type BreadcrumbConfig = typeof breadcrumbConfig; //#endregion
389
390
  //#endregion
390
391
  export { BreadcrumbConfig, breadcrumbConfig };
@@ -5,6 +5,7 @@ import * as _$_uds_types0 from "@uds/types";
5
5
  import { HtmlAnchorProps } from "@uds/types";
6
6
 
7
7
  //#region ../components/dist/breadcrumb.d.ts
8
+ //#region src/breadcrumb.d.ts
8
9
  interface BreadcrumbItem {
9
10
  /** Text or node to display */
10
11
  label: ReactNode;
@@ -415,6 +416,6 @@ declare const Breadcrumb: _$react.FC<_$_uds_types0.CreateComponentProps<Componen
415
416
  link: "a";
416
417
  page: "span";
417
418
  ellipsis: "span";
418
- }>>;
419
+ }>>; //#endregion
419
420
  //#endregion
420
421
  export { Breadcrumb, BreadcrumbItem };
@@ -2,7 +2,7 @@ import { createComponent } from "../../core/dist/createComponent.js";
2
2
  import "../../core/dist/index.js";
3
3
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
4
  //#region ../components/dist/breadcrumb.js
5
- const DefaultSeparator = () => jsx("svg", {
5
+ const DefaultSeparator = () => /* @__PURE__ */ jsx("svg", {
6
6
  xmlns: "http://www.w3.org/2000/svg",
7
7
  width: 16,
8
8
  height: 16,
@@ -13,14 +13,14 @@ const DefaultSeparator = () => jsx("svg", {
13
13
  strokeLinecap: "round",
14
14
  strokeLinejoin: "round",
15
15
  "aria-hidden": "true",
16
- children: jsx("path", { d: "m9 18 6-6-6-6" })
16
+ children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
17
17
  });
18
- const DefaultEllipsis = (props) => jsxs(Fragment, { children: [jsx("span", {
18
+ const DefaultEllipsis = (props) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
19
19
  ...props,
20
20
  role: "presentation",
21
21
  "aria-hidden": "true",
22
22
  children: "…"
23
- }), jsx("span", {
23
+ }), /* @__PURE__ */ jsx("span", {
24
24
  style: {
25
25
  position: "absolute",
26
26
  width: 1,
@@ -46,7 +46,7 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
46
46
  collapsedItems = items.slice(1, items.length - (maxItems - 1));
47
47
  visibleItems = [first, ...tail];
48
48
  } else visibleItems = items;
49
- const separatorContent = separator ?? jsx(DefaultSeparator, {});
49
+ const separatorContent = separator ?? /* @__PURE__ */ jsx(DefaultSeparator, {});
50
50
  const showEllipsis = collapsedItems.length > 0;
51
51
  const renderItems = () => {
52
52
  const elements = [];
@@ -54,51 +54,51 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
54
54
  const item = visibleItems[i];
55
55
  const isLast = i === visibleItems.length - 1;
56
56
  if (showEllipsis && i === 1) {
57
- elements.push(jsx("li", {
57
+ elements.push(/* @__PURE__ */ jsx("li", {
58
58
  role: "presentation",
59
59
  "aria-hidden": "true",
60
60
  ...props.separator,
61
61
  children: separatorContent
62
62
  }, "ellipsis-sep"));
63
- elements.push(jsx("li", {
63
+ elements.push(/* @__PURE__ */ jsx("li", {
64
64
  role: "presentation",
65
65
  ...props.item,
66
66
  children: renderEllipsis ? renderEllipsis({
67
67
  className: props.ellipsis?.className ?? "",
68
68
  collapsedItems
69
- }) : jsx(DefaultEllipsis, { ...props.ellipsis })
69
+ }) : /* @__PURE__ */ jsx(DefaultEllipsis, { ...props.ellipsis })
70
70
  }, "ellipsis"));
71
71
  }
72
- if (i > 0) elements.push(jsx("li", {
72
+ if (i > 0) elements.push(/* @__PURE__ */ jsx("li", {
73
73
  role: "presentation",
74
74
  "aria-hidden": "true",
75
75
  ...props.separator,
76
76
  children: separatorContent
77
77
  }, `sep-${i}`));
78
- if (isLast && !item.href) elements.push(jsx("li", {
78
+ if (isLast && !item.href) elements.push(/* @__PURE__ */ jsx("li", {
79
79
  ...props.item,
80
- children: jsx("span", {
80
+ children: /* @__PURE__ */ jsx("span", {
81
81
  "aria-current": "page",
82
82
  ...props.page,
83
83
  children: item.label
84
84
  })
85
85
  }, `item-${i}`));
86
- else if (item.href) elements.push(jsx("li", {
86
+ else if (item.href) elements.push(/* @__PURE__ */ jsx("li", {
87
87
  ...props.item,
88
88
  children: renderLink ? renderLink({
89
89
  href: item.href,
90
90
  className: props.link?.className,
91
91
  ...props.link,
92
92
  children: item.label
93
- }) : jsx("a", {
93
+ }) : /* @__PURE__ */ jsx("a", {
94
94
  href: item.href,
95
95
  ...props.link,
96
96
  children: item.label
97
97
  })
98
98
  }, `item-${i}`));
99
- else elements.push(jsx("li", {
99
+ else elements.push(/* @__PURE__ */ jsx("li", {
100
100
  ...props.item,
101
- children: jsx("span", {
101
+ children: /* @__PURE__ */ jsx("span", {
102
102
  ...props.page,
103
103
  children: item.label
104
104
  })
@@ -106,10 +106,10 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
106
106
  }
107
107
  return elements;
108
108
  };
109
- return jsx("nav", {
109
+ return /* @__PURE__ */ jsx("nav", {
110
110
  ...props.root,
111
111
  "aria-label": "Breadcrumb",
112
- children: jsx("ol", {
112
+ children: /* @__PURE__ */ jsx("ol", {
113
113
  ...props.list,
114
114
  children: renderItems()
115
115
  })
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/button.config.d.ts
3
+ //#region src/button.config.d.ts
3
4
  declare const buttonConfig: ComponentConfig<{
4
5
  Button: {
5
6
  readonly base: {
@@ -376,6 +377,6 @@ declare const buttonConfig: ComponentConfig<{
376
377
  };
377
378
  };
378
379
  }, {}>;
379
- type ButtonConfig = typeof buttonConfig;
380
+ type ButtonConfig = typeof buttonConfig; //#endregion
380
381
  //#endregion
381
382
  export { ButtonConfig, buttonConfig };
@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
4
4
  import { HtmlButtonProps, SizingStyleProps } from "@uds/types";
5
5
 
6
6
  //#region ../components/dist/button.d.ts
7
+ //#region src/button.d.ts
7
8
  interface ButtonOwnProps extends HtmlButtonProps, SizingStyleProps {
8
9
  /**
9
10
  * @description When asChild is set to true, the component's child will be cloned and passed
@@ -398,6 +399,6 @@ declare const Button: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
398
399
  startIcon: "span";
399
400
  endIcon: "span";
400
401
  }>>;
401
- type ButtonProps = React.ComponentProps<typeof Button>;
402
+ type ButtonProps = React.ComponentProps<typeof Button>; //#endregion
402
403
  //#endregion
403
404
  export { Button, ButtonOwnProps, ButtonProps };
@@ -7,24 +7,24 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
7
7
  * @description A styled button with predefined variants (e.g. brand, ghost, destructive). Use for labeled text actions like "Submit", "Add to Cart", "Cancel". Do NOT use for custom-styled interactive elements like color swatches, size chips, or icon-only buttons — use Pressable instead.
8
8
  */
9
9
  const Button = createComponent(({ props, children, asChild, onPress, startIcon, endIcon, ...nativeProps }) => {
10
- const content = jsxs(Fragment, { children: [
11
- startIcon && jsx("span", {
10
+ const content = /* @__PURE__ */ jsxs(Fragment, { children: [
11
+ startIcon && /* @__PURE__ */ jsx("span", {
12
12
  ...props.startIcon,
13
13
  children: startIcon
14
14
  }),
15
15
  children,
16
- endIcon && jsx("span", {
16
+ endIcon && /* @__PURE__ */ jsx("span", {
17
17
  ...props.endIcon,
18
18
  children: endIcon
19
19
  })
20
20
  ] });
21
- if (asChild) return jsx(ButtonSlot, {
21
+ if (asChild) return /* @__PURE__ */ jsx(ButtonSlot, {
22
22
  onClick: onPress,
23
23
  ...props.root,
24
24
  ...nativeProps,
25
25
  children: content
26
26
  });
27
- return jsx("button", {
27
+ return /* @__PURE__ */ jsx("button", {
28
28
  onClick: onPress,
29
29
  ...props.root,
30
30
  ...nativeProps,
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/card.config.d.ts
3
+ //#region src/card.config.d.ts
3
4
  declare const cardConfig: ComponentConfig<{
4
5
  Card: {
5
6
  readonly base: {
@@ -331,6 +332,6 @@ declare const cardConfig: ComponentConfig<{
331
332
  };
332
333
  };
333
334
  }, {}>;
334
- type CardConfig = typeof cardConfig;
335
+ type CardConfig = typeof cardConfig; //#endregion
335
336
  //#endregion
336
337
  export { CardConfig, cardConfig };
@@ -4,6 +4,7 @@ import { ReactNode } from "react";
4
4
  import * as _$_uds_types0 from "@uds/types";
5
5
 
6
6
  //#region ../components/dist/card.d.ts
7
+ //#region src/card.d.ts
7
8
  /**
8
9
  * @description A contained surface for grouping related content with optional title, content, and actions
9
10
  */
@@ -347,6 +348,6 @@ declare const Card: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
347
348
  title: "div";
348
349
  content: "div";
349
350
  actions: "div";
350
- }>>;
351
+ }>>; //#endregion
351
352
  //#endregion
352
353
  export { Card };
@@ -5,19 +5,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
5
5
  /**
6
6
  * @description A contained surface for grouping related content with optional title, content, and actions
7
7
  */
8
- const Card = createComponent(({ props, children, title, content, actions }) => jsxs("div", {
8
+ const Card = createComponent(({ props, children, title, content, actions }) => /* @__PURE__ */ jsxs("div", {
9
9
  ...props.root,
10
10
  children: [
11
- title && jsx("div", {
11
+ title && /* @__PURE__ */ jsx("div", {
12
12
  ...props.title,
13
13
  children: title
14
14
  }),
15
- content && jsx("div", {
15
+ content && /* @__PURE__ */ jsx("div", {
16
16
  ...props.content,
17
17
  children: content
18
18
  }),
19
19
  children,
20
- actions && jsx("div", {
20
+ actions && /* @__PURE__ */ jsx("div", {
21
21
  ...props.actions,
22
22
  children: actions
23
23
  })
@@ -1,5 +1,6 @@
1
1
  import { ComponentConfig } from "../../config/dist/createConfig.js";
2
2
  //#region ../components/dist/collapsible.config.d.ts
3
+ //#region src/collapsible.config.d.ts
3
4
  declare const collapsibleConfig: ComponentConfig<{
4
5
  Collapsible: {
5
6
  readonly base: {
@@ -40,6 +41,6 @@ declare const collapsibleConfig: ComponentConfig<{
40
41
  };
41
42
  };
42
43
  }, {}>;
43
- type CollapsibleConfig = typeof collapsibleConfig;
44
+ type CollapsibleConfig = typeof collapsibleConfig; //#endregion
44
45
  //#endregion
45
46
  export { CollapsibleConfig, collapsibleConfig };