@yahoo/uds-v5-wip 1.27.0 → 1.29.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 (158) hide show
  1. package/dist/components/dist/accordion.config.d.ts +1 -2
  2. package/dist/components/dist/accordion.d.ts +1 -2
  3. package/dist/components/dist/accordion.js +9 -9
  4. package/dist/components/dist/alert.config.d.ts +1 -2
  5. package/dist/components/dist/alert.d.ts +1 -2
  6. package/dist/components/dist/alert.js +2 -2
  7. package/dist/components/dist/anchor.config.d.ts +1 -2
  8. package/dist/components/dist/anchor.d.ts +1 -2
  9. package/dist/components/dist/article.d.ts +1 -2
  10. package/dist/components/dist/aside.d.ts +1 -2
  11. package/dist/components/dist/avatar-group.config.d.ts +1 -2
  12. package/dist/components/dist/avatar-group.d.ts +1 -2
  13. package/dist/components/dist/avatar-group.js +6 -6
  14. package/dist/components/dist/avatar.config.d.ts +1 -2
  15. package/dist/components/dist/avatar.d.ts +1 -2
  16. package/dist/components/dist/avatar.js +3 -3
  17. package/dist/components/dist/badge.config.d.ts +1 -2
  18. package/dist/components/dist/badge.d.ts +1 -2
  19. package/dist/components/dist/badge.js +2 -2
  20. package/dist/components/dist/box.d.ts +1 -2
  21. package/dist/components/dist/breadcrumb.config.d.ts +1 -2
  22. package/dist/components/dist/breadcrumb.d.ts +1 -2
  23. package/dist/components/dist/breadcrumb.js +17 -17
  24. package/dist/components/dist/button.config.d.ts +1 -2
  25. package/dist/components/dist/button.d.ts +1 -2
  26. package/dist/components/dist/button.js +5 -5
  27. package/dist/components/dist/card.config.d.ts +1 -2
  28. package/dist/components/dist/card.d.ts +1 -2
  29. package/dist/components/dist/card.js +4 -4
  30. package/dist/components/dist/collapsible.config.d.ts +1 -2
  31. package/dist/components/dist/collapsible.d.ts +1 -2
  32. package/dist/components/dist/collapsible.js +3 -3
  33. package/dist/components/dist/command.config.d.ts +1 -2
  34. package/dist/components/dist/command.d.ts +1 -2
  35. package/dist/components/dist/command.js +21 -21
  36. package/dist/components/dist/control-color.config.d.ts +1 -2
  37. package/dist/components/dist/control-color.d.ts +1 -2
  38. package/dist/components/dist/control-color.js +6 -6
  39. package/dist/components/dist/control-curve.config.d.ts +1 -2
  40. package/dist/components/dist/control-curve.d.ts +1 -2
  41. package/dist/components/dist/control-curve.js +4 -4
  42. package/dist/components/dist/control-folder.config.d.ts +1 -2
  43. package/dist/components/dist/control-folder.d.ts +1 -2
  44. package/dist/components/dist/control-folder.js +6 -6
  45. package/dist/components/dist/control-group.config.d.ts +1 -2
  46. package/dist/components/dist/control-group.d.ts +1 -2
  47. package/dist/components/dist/control-group.js +3 -3
  48. package/dist/components/dist/control-knob.config.d.ts +1 -2
  49. package/dist/components/dist/control-knob.d.ts +1 -2
  50. package/dist/components/dist/control-knob.js +8 -8
  51. package/dist/components/dist/control-panel.config.d.ts +1 -2
  52. package/dist/components/dist/control-panel.d.ts +1 -2
  53. package/dist/components/dist/control-panel.js +3 -3
  54. package/dist/components/dist/control-select.config.d.ts +1 -2
  55. package/dist/components/dist/control-select.d.ts +1 -2
  56. package/dist/components/dist/control-select.js +8 -8
  57. package/dist/components/dist/control-slider.config.d.ts +1 -2
  58. package/dist/components/dist/control-slider.d.ts +1 -2
  59. package/dist/components/dist/control-slider.js +8 -8
  60. package/dist/components/dist/control-spring.config.d.ts +1 -2
  61. package/dist/components/dist/control-spring.d.ts +1 -2
  62. package/dist/components/dist/control-spring.js +12 -12
  63. package/dist/components/dist/control-stepper.config.d.ts +1 -2
  64. package/dist/components/dist/control-stepper.d.ts +1 -2
  65. package/dist/components/dist/control-stepper.js +6 -6
  66. package/dist/components/dist/control-toggle.config.d.ts +1 -2
  67. package/dist/components/dist/control-toggle.d.ts +1 -2
  68. package/dist/components/dist/control-toggle.js +3 -3
  69. package/dist/components/dist/createSlot.d.ts +1 -2
  70. package/dist/components/dist/createSlot.js +2 -2
  71. package/dist/components/dist/dropdown.config.d.ts +1 -2
  72. package/dist/components/dist/dropdown.d.ts +1 -2
  73. package/dist/components/dist/dropdown.js +10 -10
  74. package/dist/components/dist/empty-state.config.d.ts +1 -2
  75. package/dist/components/dist/empty-state.d.ts +1 -2
  76. package/dist/components/dist/empty-state.js +6 -6
  77. package/dist/components/dist/footer.d.ts +1 -2
  78. package/dist/components/dist/grid.d.ts +1 -2
  79. package/dist/components/dist/grid.js +2 -2
  80. package/dist/components/dist/header.d.ts +1 -2
  81. package/dist/components/dist/hstack.d.ts +1 -2
  82. package/dist/components/dist/hstack.js +1 -1
  83. package/dist/components/dist/image.d.ts +1 -2
  84. package/dist/components/dist/input.config.d.ts +1 -2
  85. package/dist/components/dist/input.d.ts +1 -2
  86. package/dist/components/dist/input.js +1 -1
  87. package/dist/components/dist/item.config.d.ts +1 -2
  88. package/dist/components/dist/item.d.ts +1 -2
  89. package/dist/components/dist/item.js +8 -8
  90. package/dist/components/dist/list.d.ts +1 -2
  91. package/dist/components/dist/list.js +1 -1
  92. package/dist/components/dist/main.d.ts +1 -2
  93. package/dist/components/dist/modal.config.d.ts +1 -2
  94. package/dist/components/dist/modal.d.ts +1 -2
  95. package/dist/components/dist/modal.js +8 -8
  96. package/dist/components/dist/nav-header.config.d.ts +1 -2
  97. package/dist/components/dist/nav-header.d.ts +1 -2
  98. package/dist/components/dist/nav-header.js +3 -3
  99. package/dist/components/dist/nav.d.ts +1 -2
  100. package/dist/components/dist/preset-bar.config.d.ts +1 -2
  101. package/dist/components/dist/preset-bar.d.ts +1 -2
  102. package/dist/components/dist/preset-bar.js +10 -10
  103. package/dist/components/dist/presets/index.d.ts +2 -3
  104. package/dist/components/dist/presets/index.js +1 -1
  105. package/dist/components/dist/pressable.d.ts +1 -2
  106. package/dist/components/dist/progress.config.d.ts +1 -2
  107. package/dist/components/dist/progress.d.ts +1 -2
  108. package/dist/components/dist/progress.js +6 -6
  109. package/dist/components/dist/section.d.ts +1 -2
  110. package/dist/components/dist/select.config.d.ts +1 -2
  111. package/dist/components/dist/select.d.ts +1 -2
  112. package/dist/components/dist/sheet.config.d.ts +1 -2
  113. package/dist/components/dist/sheet.d.ts +1 -2
  114. package/dist/components/dist/sheet.js +8 -8
  115. package/dist/components/dist/sidebar.config.d.ts +1 -2
  116. package/dist/components/dist/sidebar.d.ts +1 -2
  117. package/dist/components/dist/sidebar.js +42 -42
  118. package/dist/components/dist/skeleton.config.d.ts +1 -2
  119. package/dist/components/dist/skeleton.d.ts +1 -2
  120. package/dist/components/dist/skeleton.js +1 -1
  121. package/dist/components/dist/slider.config.d.ts +1 -2
  122. package/dist/components/dist/slider.d.ts +1 -2
  123. package/dist/components/dist/slider.js +5 -5
  124. package/dist/components/dist/spinner.config.d.ts +1 -2
  125. package/dist/components/dist/spinner.d.ts +1 -2
  126. package/dist/components/dist/spinner.js +2 -2
  127. package/dist/components/dist/svg.d.ts +1 -2
  128. package/dist/components/dist/switch.config.d.ts +1 -2
  129. package/dist/components/dist/switch.d.ts +1 -2
  130. package/dist/components/dist/switch.js +5 -5
  131. package/dist/components/dist/table.d.ts +1 -2
  132. package/dist/components/dist/tabs.config.d.ts +1 -2
  133. package/dist/components/dist/tabs.d.ts +1 -2
  134. package/dist/components/dist/tabs.js +8 -8
  135. package/dist/components/dist/text.config.d.ts +1 -2
  136. package/dist/components/dist/text.d.ts +1 -2
  137. package/dist/components/dist/textarea.config.d.ts +1 -2
  138. package/dist/components/dist/textarea.d.ts +1 -2
  139. package/dist/components/dist/toast.config.d.ts +1 -2
  140. package/dist/components/dist/toast.d.ts +1 -2
  141. package/dist/components/dist/toast.js +7 -7
  142. package/dist/components/dist/tooltip.config.d.ts +1 -2
  143. package/dist/components/dist/tooltip.d.ts +1 -2
  144. package/dist/components/dist/tooltip.js +3 -3
  145. package/dist/components/dist/vstack.d.ts +1 -2
  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 +1 -2
  151. package/dist/config/dist/createConfig.d.ts +0 -6
  152. package/dist/config/dist/createConfig.js +6 -1
  153. package/dist/config/dist/propertyGroups.d.ts +0 -5
  154. package/dist/config/dist/serialize.d.ts +1 -2
  155. package/dist/config/dist/types.d.ts +1 -2
  156. package/dist/presets/dist/defaultPreset.js +1 -1
  157. package/dist/tsconfig.tsbuildinfo +1 -1
  158. package/package.json +3 -3
@@ -1,6 +1,5 @@
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
4
3
  declare const accordionConfig: ComponentConfig<{
5
4
  Accordion: {
6
5
  readonly base: {
@@ -427,6 +426,6 @@ declare const accordionConfig: ComponentConfig<{
427
426
  };
428
427
  };
429
428
  }, {}>;
430
- type AccordionConfig = typeof accordionConfig; //#endregion
429
+ type AccordionConfig = typeof accordionConfig;
431
430
  //#endregion
432
431
  export { AccordionConfig, accordionConfig };
@@ -3,7 +3,6 @@ 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
7
6
  interface AccordionItem {
8
7
  id: string;
9
8
  title: string;
@@ -449,6 +448,6 @@ declare const Accordion: _$react.FC<_$_uds_types0.CreateComponentProps<Component
449
448
  content: "div";
450
449
  contentText: "span";
451
450
  }>>;
452
- type AccordionProps = React.ComponentProps<typeof Accordion>; //#endregion
451
+ type AccordionProps = React.ComponentProps<typeof Accordion>;
453
452
  //#endregion
454
453
  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 /* @__PURE__ */ jsx("div", {
13
+ return 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 /* @__PURE__ */ jsxs("div", {
18
+ return jsxs("div", {
19
19
  ...props.item,
20
- children: [/* @__PURE__ */ jsxs("button", {
20
+ children: [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: [/* @__PURE__ */ jsx("span", {
26
+ children: [jsx("span", {
27
27
  ...props.triggerText,
28
28
  children: item.title
29
- }), /* @__PURE__ */ jsx("span", {
29
+ }), jsx("span", {
30
30
  "data-state": isOpen ? "open" : "closed",
31
31
  ...props.icon,
32
- children: /* @__PURE__ */ jsx("svg", {
32
+ children: jsx("svg", {
33
33
  width: "16",
34
34
  height: "16",
35
35
  viewBox: "0 0 16 16",
36
36
  fill: "none",
37
- children: /* @__PURE__ */ jsx("path", {
37
+ children: 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 && /* @__PURE__ */ jsx("div", {
46
+ }), isOpen && jsx("div", {
47
47
  id: contentId,
48
48
  "aria-hidden": !isOpen,
49
49
  ...props.content,
50
- children: /* @__PURE__ */ jsx("span", {
50
+ children: jsx("span", {
51
51
  ...props.contentText,
52
52
  children: item.content
53
53
  })
@@ -1,6 +1,5 @@
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
4
3
  declare const alertConfig: ComponentConfig<{
5
4
  Alert: {
6
5
  readonly base: {
@@ -215,6 +214,6 @@ declare const alertConfig: ComponentConfig<{
215
214
  };
216
215
  };
217
216
  }, {}>;
218
- type AlertConfig = typeof alertConfig; //#endregion
217
+ type AlertConfig = typeof alertConfig;
219
218
  //#endregion
220
219
  export { AlertConfig, alertConfig };
@@ -3,7 +3,6 @@ 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
7
6
  /**
8
7
  * @description A message that communicates important information to the user
9
8
  */
@@ -226,6 +225,6 @@ declare const Alert: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
226
225
  root: "div";
227
226
  text: "span";
228
227
  }>>;
229
- type AlertProps = React.ComponentProps<typeof Alert>; //#endregion
228
+ type AlertProps = React.ComponentProps<typeof Alert>;
230
229
  //#endregion
231
230
  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 }) => /* @__PURE__ */ jsx("div", {
8
+ const Alert = createComponent(({ props, children }) => jsx("div", {
9
9
  ...props.root,
10
- children: /* @__PURE__ */ jsx("span", {
10
+ children: jsx("span", {
11
11
  ...props.text,
12
12
  children
13
13
  })
@@ -1,6 +1,5 @@
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
4
3
  declare const anchorConfig: ComponentConfig<{
5
4
  Anchor: {
6
5
  readonly base: {
@@ -246,6 +245,6 @@ declare const anchorConfig: ComponentConfig<{
246
245
  };
247
246
  };
248
247
  }, {}>;
249
- type AnchorConfig = typeof anchorConfig; //#endregion
248
+ type AnchorConfig = typeof anchorConfig;
250
249
  //#endregion
251
250
  export { AnchorConfig, anchorConfig };
@@ -4,7 +4,6 @@ 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
8
7
  interface AnchorStyleProps extends TypographyStyleProps, SpacingStyleProps {}
9
8
  interface AnchorOwnProps extends HtmlAnchorProps, AnchorStyleProps, ModifierProps<AnchorStyleProps> {
10
9
  children?: React.ReactNode;
@@ -257,6 +256,6 @@ declare const Anchor: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
257
256
  };
258
257
  };
259
258
  }, {}>, AnchorOwnProps, keyof _$react.JSX.IntrinsicElements>>;
260
- type AnchorProps = React.ComponentProps<typeof Anchor>; //#endregion
259
+ type AnchorProps = React.ComponentProps<typeof Anchor>;
261
260
  //#endregion
262
261
  export { Anchor, AnchorOwnProps, AnchorProps };
@@ -2,11 +2,10 @@ 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
6
5
  interface ArticleProps extends HtmlArticleProps, StyleAndModifierProps {}
7
6
  /**
8
7
  * @description A primitive that defines independent, self-contained content
9
8
  */
10
- declare const Article: _$react.FC<ArticleProps>; //#endregion
9
+ declare const Article: _$react.FC<ArticleProps>;
11
10
  //#endregion
12
11
  export { Article, ArticleProps };
@@ -2,11 +2,10 @@ 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
6
5
  interface AsideProps extends HtmlAsideProps, StyleAndModifierProps {}
7
6
  /**
8
7
  * @description A primitive that renders content that is only indirectly related to the document's main content
9
8
  */
10
- declare const Aside: _$react.FC<AsideProps>; //#endregion
9
+ declare const Aside: _$react.FC<AsideProps>;
11
10
  //#endregion
12
11
  export { Aside, AsideProps };
@@ -1,6 +1,5 @@
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
4
3
  declare const avatarGroupConfig: ComponentConfig<{
5
4
  AvatarGroup: {
6
5
  readonly base: {
@@ -311,6 +310,6 @@ declare const avatarGroupConfig: ComponentConfig<{
311
310
  };
312
311
  };
313
312
  }, {}>;
314
- type AvatarGroupConfig = typeof avatarGroupConfig; //#endregion
313
+ type AvatarGroupConfig = typeof avatarGroupConfig;
315
314
  //#endregion
316
315
  export { AvatarGroupConfig, avatarGroupConfig };
@@ -3,7 +3,6 @@ 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
7
6
  /**
8
7
  * @description A row of overlapping avatars representing a group of users
9
8
  */
@@ -325,6 +324,6 @@ declare const AvatarGroup: React.FC<_$_uds_types0.CreateComponentProps<Component
325
324
  overflow: "div";
326
325
  overflowText: "span";
327
326
  label: "span";
328
- }>>; //#endregion
327
+ }>>;
329
328
  //#endregion
330
329
  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 /* @__PURE__ */ jsxs("div", {
14
+ return jsxs("div", {
15
15
  ...props.root,
16
- children: [/* @__PURE__ */ jsxs("div", {
16
+ children: [jsxs("div", {
17
17
  style: {
18
18
  display: "flex",
19
19
  alignItems: "center"
20
20
  },
21
- children: [visible.map((child, i) => /* @__PURE__ */ jsx("div", {
21
+ children: [visible.map((child, i) => jsx("div", {
22
22
  style: { marginLeft: i > 0 ? "-8px" : void 0 },
23
23
  children: child
24
- }, i)), overflow > 0 && /* @__PURE__ */ jsx("div", {
24
+ }, i)), overflow > 0 && jsx("div", {
25
25
  ...props.overflow,
26
26
  style: { marginLeft: "-8px" },
27
- children: /* @__PURE__ */ jsxs("span", {
27
+ children: jsxs("span", {
28
28
  ...props.overflowText,
29
29
  children: ["+", overflow]
30
30
  })
31
31
  })]
32
- }), label && /* @__PURE__ */ jsx("span", {
32
+ }), label && jsx("span", {
33
33
  ...props.label,
34
34
  children: label
35
35
  })]
@@ -1,6 +1,5 @@
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
4
3
  declare const avatarConfig: ComponentConfig<{
5
4
  Avatar: {
6
5
  readonly base: {
@@ -193,6 +192,6 @@ declare const avatarConfig: ComponentConfig<{
193
192
  };
194
193
  };
195
194
  }, {}>;
196
- type AvatarConfig = typeof avatarConfig; //#endregion
195
+ type AvatarConfig = typeof avatarConfig;
197
196
  //#endregion
198
197
  export { AvatarConfig, avatarConfig };
@@ -3,7 +3,6 @@ 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
7
6
  /**
8
7
  * @description A circular representation of a user, displaying an image or initials as fallback
9
8
  */
@@ -207,6 +206,6 @@ declare const Avatar: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
207
206
  image: "img";
208
207
  fallbackText: "span";
209
208
  }>>;
210
- type AvatarProps = React.ComponentProps<typeof Avatar>; //#endregion
209
+ type AvatarProps = React.ComponentProps<typeof Avatar>;
211
210
  //#endregion
212
211
  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 }) => /* @__PURE__ */ jsx("div", {
8
+ const Avatar = createComponent(({ props, src, alt, initials }) => jsx("div", {
9
9
  ...props.root,
10
- children: src ? /* @__PURE__ */ jsx("img", {
10
+ children: src ? jsx("img", {
11
11
  ...props.image,
12
12
  src,
13
13
  alt: alt ?? initials ?? ""
14
- }) : /* @__PURE__ */ jsx("span", {
14
+ }) : jsx("span", {
15
15
  ...props.fallbackText,
16
16
  children: initials
17
17
  })
@@ -1,6 +1,5 @@
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
4
3
  declare const badgeConfig: ComponentConfig<{
5
4
  Badge: {
6
5
  readonly base: {
@@ -473,6 +472,6 @@ declare const badgeConfig: ComponentConfig<{
473
472
  };
474
473
  };
475
474
  }, {}>;
476
- type BadgeConfig = typeof badgeConfig; //#endregion
475
+ type BadgeConfig = typeof badgeConfig;
477
476
  //#endregion
478
477
  export { BadgeConfig, badgeConfig };
@@ -3,7 +3,6 @@ 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
7
6
  /**
8
7
  * @description A small label for status, category, or metadata
9
8
  */
@@ -485,6 +484,6 @@ declare const Badge: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
485
484
  dot: "span";
486
485
  text: "span";
487
486
  }>>;
488
- type BadgeProps = React.ComponentProps<typeof Badge>; //#endregion
487
+ type BadgeProps = React.ComponentProps<typeof Badge>;
489
488
  //#endregion
490
489
  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 }) => /* @__PURE__ */ jsxs("span", {
8
+ const Badge = createComponent(({ props, children }) => jsxs("span", {
9
9
  ...props.root,
10
- children: [/* @__PURE__ */ jsx("span", { ...props.dot }), /* @__PURE__ */ jsx("span", {
10
+ children: [jsx("span", { ...props.dot }), jsx("span", {
11
11
  ...props.text,
12
12
  children
13
13
  })]
@@ -2,7 +2,6 @@ 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
6
5
  interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
7
6
  /** Render as a different semantic HTML element. Defaults to `div`. */
8
7
  as?: BoxAsTag;
@@ -10,6 +9,6 @@ interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
10
9
  /**
11
10
  * @description The fundamental primitive component that includes styling utility properties, and corresponding design variables as values
12
11
  */
13
- declare const Box: _$react.FC<BoxProps>; //#endregion
12
+ declare const Box: _$react.FC<BoxProps>;
14
13
  //#endregion
15
14
  export { Box, BoxProps };
@@ -1,6 +1,5 @@
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
4
3
  declare const breadcrumbConfig: ComponentConfig<{
5
4
  Breadcrumb: {
6
5
  readonly base: {
@@ -386,6 +385,6 @@ declare const breadcrumbConfig: ComponentConfig<{
386
385
  };
387
386
  };
388
387
  }, {}>;
389
- type BreadcrumbConfig = typeof breadcrumbConfig; //#endregion
388
+ type BreadcrumbConfig = typeof breadcrumbConfig;
390
389
  //#endregion
391
390
  export { BreadcrumbConfig, breadcrumbConfig };
@@ -5,7 +5,6 @@ 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
9
8
  interface BreadcrumbItem {
10
9
  /** Text or node to display */
11
10
  label: ReactNode;
@@ -416,6 +415,6 @@ declare const Breadcrumb: _$react.FC<_$_uds_types0.CreateComponentProps<Componen
416
415
  link: "a";
417
416
  page: "span";
418
417
  ellipsis: "span";
419
- }>>; //#endregion
418
+ }>>;
420
419
  //#endregion
421
420
  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 = () => /* @__PURE__ */ jsx("svg", {
5
+ const DefaultSeparator = () => 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 = () => /* @__PURE__ */ jsx("svg", {
13
13
  strokeLinecap: "round",
14
14
  strokeLinejoin: "round",
15
15
  "aria-hidden": "true",
16
- children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
16
+ children: jsx("path", { d: "m9 18 6-6-6-6" })
17
17
  });
18
- const DefaultEllipsis = (props) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
18
+ const DefaultEllipsis = (props) => jsxs(Fragment, { children: [jsx("span", {
19
19
  ...props,
20
20
  role: "presentation",
21
21
  "aria-hidden": "true",
22
22
  children: "…"
23
- }), /* @__PURE__ */ jsx("span", {
23
+ }), 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 ?? /* @__PURE__ */ jsx(DefaultSeparator, {});
49
+ const separatorContent = separator ?? 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(/* @__PURE__ */ jsx("li", {
57
+ elements.push(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(/* @__PURE__ */ jsx("li", {
63
+ elements.push(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
- }) : /* @__PURE__ */ jsx(DefaultEllipsis, { ...props.ellipsis })
69
+ }) : jsx(DefaultEllipsis, { ...props.ellipsis })
70
70
  }, "ellipsis"));
71
71
  }
72
- if (i > 0) elements.push(/* @__PURE__ */ jsx("li", {
72
+ if (i > 0) elements.push(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(/* @__PURE__ */ jsx("li", {
78
+ if (isLast && !item.href) elements.push(jsx("li", {
79
79
  ...props.item,
80
- children: /* @__PURE__ */ jsx("span", {
80
+ children: 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(/* @__PURE__ */ jsx("li", {
86
+ else if (item.href) elements.push(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
- }) : /* @__PURE__ */ jsx("a", {
93
+ }) : 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(/* @__PURE__ */ jsx("li", {
99
+ else elements.push(jsx("li", {
100
100
  ...props.item,
101
- children: /* @__PURE__ */ jsx("span", {
101
+ children: 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 /* @__PURE__ */ jsx("nav", {
109
+ return jsx("nav", {
110
110
  ...props.root,
111
111
  "aria-label": "Breadcrumb",
112
- children: /* @__PURE__ */ jsx("ol", {
112
+ children: jsx("ol", {
113
113
  ...props.list,
114
114
  children: renderItems()
115
115
  })
@@ -1,6 +1,5 @@
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
4
3
  declare const buttonConfig: ComponentConfig<{
5
4
  Button: {
6
5
  readonly base: {
@@ -377,6 +376,6 @@ declare const buttonConfig: ComponentConfig<{
377
376
  };
378
377
  };
379
378
  }, {}>;
380
- type ButtonConfig = typeof buttonConfig; //#endregion
379
+ type ButtonConfig = typeof buttonConfig;
381
380
  //#endregion
382
381
  export { ButtonConfig, buttonConfig };
@@ -4,7 +4,6 @@ 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
8
7
  interface ButtonOwnProps extends HtmlButtonProps, SizingStyleProps {
9
8
  /**
10
9
  * @description When asChild is set to true, the component's child will be cloned and passed
@@ -399,6 +398,6 @@ declare const Button: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
399
398
  startIcon: "span";
400
399
  endIcon: "span";
401
400
  }>>;
402
- type ButtonProps = React.ComponentProps<typeof Button>; //#endregion
401
+ type ButtonProps = React.ComponentProps<typeof Button>;
403
402
  //#endregion
404
403
  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 = /* @__PURE__ */ jsxs(Fragment, { children: [
11
- startIcon && /* @__PURE__ */ jsx("span", {
10
+ const content = jsxs(Fragment, { children: [
11
+ startIcon && jsx("span", {
12
12
  ...props.startIcon,
13
13
  children: startIcon
14
14
  }),
15
15
  children,
16
- endIcon && /* @__PURE__ */ jsx("span", {
16
+ endIcon && jsx("span", {
17
17
  ...props.endIcon,
18
18
  children: endIcon
19
19
  })
20
20
  ] });
21
- if (asChild) return /* @__PURE__ */ jsx(ButtonSlot, {
21
+ if (asChild) return jsx(ButtonSlot, {
22
22
  onClick: onPress,
23
23
  ...props.root,
24
24
  ...nativeProps,
25
25
  children: content
26
26
  });
27
- return /* @__PURE__ */ jsx("button", {
27
+ return jsx("button", {
28
28
  onClick: onPress,
29
29
  ...props.root,
30
30
  ...nativeProps,
@@ -1,6 +1,5 @@
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
4
3
  declare const cardConfig: ComponentConfig<{
5
4
  Card: {
6
5
  readonly base: {
@@ -332,6 +331,6 @@ declare const cardConfig: ComponentConfig<{
332
331
  };
333
332
  };
334
333
  }, {}>;
335
- type CardConfig = typeof cardConfig; //#endregion
334
+ type CardConfig = typeof cardConfig;
336
335
  //#endregion
337
336
  export { CardConfig, cardConfig };
@@ -4,7 +4,6 @@ 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
8
7
  /**
9
8
  * @description A contained surface for grouping related content with optional title, content, and actions
10
9
  */
@@ -348,6 +347,6 @@ declare const Card: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
348
347
  title: "div";
349
348
  content: "div";
350
349
  actions: "div";
351
- }>>; //#endregion
350
+ }>>;
352
351
  //#endregion
353
352
  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 }) => /* @__PURE__ */ jsxs("div", {
8
+ const Card = createComponent(({ props, children, title, content, actions }) => jsxs("div", {
9
9
  ...props.root,
10
10
  children: [
11
- title && /* @__PURE__ */ jsx("div", {
11
+ title && jsx("div", {
12
12
  ...props.title,
13
13
  children: title
14
14
  }),
15
- content && /* @__PURE__ */ jsx("div", {
15
+ content && jsx("div", {
16
16
  ...props.content,
17
17
  children: content
18
18
  }),
19
19
  children,
20
- actions && /* @__PURE__ */ jsx("div", {
20
+ actions && jsx("div", {
21
21
  ...props.actions,
22
22
  children: actions
23
23
  })
@@ -1,6 +1,5 @@
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
4
3
  declare const collapsibleConfig: ComponentConfig<{
5
4
  Collapsible: {
6
5
  readonly base: {
@@ -41,6 +40,6 @@ declare const collapsibleConfig: ComponentConfig<{
41
40
  };
42
41
  };
43
42
  }, {}>;
44
- type CollapsibleConfig = typeof collapsibleConfig; //#endregion
43
+ type CollapsibleConfig = typeof collapsibleConfig;
45
44
  //#endregion
46
45
  export { CollapsibleConfig, collapsibleConfig };