@yahoo/uds-v5-wip 1.17.1 → 1.19.0

package/dist/components/dist/accordion.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/accordion.config.d.ts
+//#region src/accordion.config.d.ts
 declare const accordionConfig: ComponentConfig<{
   Accordion: {
     readonly base: {
@@ -426,6 +427,6 @@ declare const accordionConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type AccordionConfig = typeof accordionConfig;
+type AccordionConfig = typeof accordionConfig; //#endregion
 //#endregion
 export { AccordionConfig, accordionConfig };

package/dist/components/dist/accordion.config.js

@@ -7,7 +7,7 @@ const accordionConfig = defaultFoundationPreset.defineComponent("Accordion", ({
 		width: "100%",
 		borderWidth: tokens.borderWidth.thin,
 		borderColor: tokens.borderColor.secondary,
-		borderRadius: tokens.borderRadius.md,
+		borderRadius: tokens.radius.md,
 		overflow: "hidden",
 		backgroundColor: tokens.bg.primary
 	},

package/dist/components/dist/accordion.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/accordion.d.ts
+//#region src/accordion.d.ts
 interface AccordionItem {
   id: string;
   title: string;
@@ -448,6 +449,6 @@ declare const Accordion: _$react.FC<_$_uds_types0.CreateComponentProps<Component
   content: "div";
   contentText: "span";
 }>>;
-type AccordionProps = React.ComponentProps<typeof Accordion>;
+type AccordionProps = React.ComponentProps<typeof Accordion>; //#endregion
 //#endregion
 export { Accordion, AccordionItem, AccordionProps };

package/dist/components/dist/alert.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/alert.config.d.ts
+//#region src/alert.config.d.ts
 declare const alertConfig: ComponentConfig<{
   Alert: {
     readonly base: {
@@ -214,6 +215,6 @@ declare const alertConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type AlertConfig = typeof alertConfig;
+type AlertConfig = typeof alertConfig; //#endregion
 //#endregion
 export { AlertConfig, alertConfig };

package/dist/components/dist/alert.config.js

@@ -8,7 +8,7 @@ const alertConfig = defaultFoundationPreset.defineComponent("Alert", ({ tokens }
 			display: "flex",
 			alignItems: "center",
 			padding: tokens.spacing["4"],
-			borderRadius: tokens.borderRadius.md,
+			borderRadius: tokens.radius.md,
 			borderWidth: tokens.borderWidth.thin
 		},
 		text: {

package/dist/components/dist/alert.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/alert.d.ts
+//#region src/alert.d.ts
 /**
  * @description A message that communicates important information to the user
  */
@@ -225,6 +226,6 @@ declare const Alert: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
   root: "div";
   text: "span";
 }>>;
-type AlertProps = React.ComponentProps<typeof Alert>;
+type AlertProps = React.ComponentProps<typeof Alert>; //#endregion
 //#endregion
 export { Alert, AlertProps };

package/dist/components/dist/anchor.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/anchor.config.d.ts
+//#region src/anchor.config.d.ts
 declare const anchorConfig: ComponentConfig<{
   Anchor: {
     readonly base: {
@@ -245,6 +246,6 @@ declare const anchorConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type AnchorConfig = typeof anchorConfig;
+type AnchorConfig = typeof anchorConfig; //#endregion
 //#endregion
 export { AnchorConfig, anchorConfig };

package/dist/components/dist/anchor.d.ts

@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { HtmlAnchorProps, ModifierProps, SpacingStyleProps, TypographyStyleProps } from "@uds/types";
 
 //#region ../components/dist/anchor.d.ts
+//#region src/anchor.d.ts
 interface AnchorStyleProps extends TypographyStyleProps, SpacingStyleProps {}
 interface AnchorOwnProps extends HtmlAnchorProps, AnchorStyleProps, ModifierProps<AnchorStyleProps> {
   children?: React.ReactNode;
@@ -256,6 +257,6 @@ declare const Anchor: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
     };
   };
 }, {}>, AnchorOwnProps, keyof _$react.JSX.IntrinsicElements>>;
-type AnchorProps = React.ComponentProps<typeof Anchor>;
+type AnchorProps = React.ComponentProps<typeof Anchor>; //#endregion
 //#endregion
 export { Anchor, AnchorOwnProps, AnchorProps };

package/dist/components/dist/article.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlArticleProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/article.d.ts
+//#region src/article.d.ts
 interface ArticleProps extends HtmlArticleProps, StyleAndModifierProps {}
 /**
  * @description A primitive that defines independent, self-contained content
  */
-declare const Article: _$react.FC<ArticleProps>;
+declare const Article: _$react.FC<ArticleProps>; //#endregion
 //#endregion
 export { Article, ArticleProps };

package/dist/components/dist/aside.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlAsideProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/aside.d.ts
+//#region src/aside.d.ts
 interface AsideProps extends HtmlAsideProps, StyleAndModifierProps {}
 /**
  * @description A primitive that renders content that is only indirectly related to the document's main content
  */
-declare const Aside: _$react.FC<AsideProps>;
+declare const Aside: _$react.FC<AsideProps>; //#endregion
 //#endregion
 export { Aside, AsideProps };

package/dist/components/dist/avatar-group.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/avatar-group.config.d.ts
+//#region src/avatar-group.config.d.ts
 declare const avatarGroupConfig: ComponentConfig<{
   AvatarGroup: {
     readonly base: {
@@ -310,6 +311,6 @@ declare const avatarGroupConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type AvatarGroupConfig = typeof avatarGroupConfig;
+type AvatarGroupConfig = typeof avatarGroupConfig; //#endregion
 //#endregion
 export { AvatarGroupConfig, avatarGroupConfig };

package/dist/components/dist/avatar-group.config.js

@@ -14,7 +14,7 @@ const avatarGroupConfig = defaultFoundationPreset.defineComponent("AvatarGroup",
 		justifyContent: "center",
 		width: "2.5rem",
 		height: "2.5rem",
-		borderRadius: tokens.borderRadius.full,
+		borderRadius: tokens.radius.full,
 		backgroundColor: tokens.bg.tertiary,
 		borderWidth: tokens.borderWidth.medium,
 		borderColor: tokens.borderColor.primary

package/dist/components/dist/avatar-group.d.ts

@@ -3,6 +3,7 @@ import React from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/avatar-group.d.ts
+//#region src/avatar-group.d.ts
 /**
  * @description A row of overlapping avatars representing a group of users
  */
@@ -324,6 +325,6 @@ declare const AvatarGroup: React.FC<_$_uds_types0.CreateComponentProps<Component
   overflow: "div";
   overflowText: "span";
   label: "span";
-}>>;
+}>>; //#endregion
 //#endregion
 export { AvatarGroup };

package/dist/components/dist/avatar.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/avatar.config.d.ts
+//#region src/avatar.config.d.ts
 declare const avatarConfig: ComponentConfig<{
   Avatar: {
     readonly base: {
@@ -192,6 +193,6 @@ declare const avatarConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type AvatarConfig = typeof avatarConfig;
+type AvatarConfig = typeof avatarConfig; //#endregion
 //#endregion
 export { AvatarConfig, avatarConfig };

package/dist/components/dist/avatar.config.js

@@ -10,7 +10,7 @@ const avatarConfig = defaultFoundationPreset.defineComponent("Avatar", ({ tokens
 			justifyContent: "center",
 			width: "2.5rem",
 			height: "2.5rem",
-			borderRadius: tokens.borderRadius.full,
+			borderRadius: tokens.radius.full,
 			backgroundColor: tokens.bg.brand,
 			borderWidth: tokens.borderWidth.medium,
 			borderColor: tokens.borderColor.primary
@@ -19,7 +19,7 @@ const avatarConfig = defaultFoundationPreset.defineComponent("Avatar", ({ tokens
 			width: "100%",
 			height: "100%",
 			objectFit: "cover",
-			borderRadius: tokens.borderRadius.full
+			borderRadius: tokens.radius.full
 		},
 		fallbackText: {
 			...textVariants.label2,

package/dist/components/dist/avatar.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/avatar.d.ts
+//#region src/avatar.d.ts
 /**
  * @description A circular representation of a user, displaying an image or initials as fallback
  */
@@ -206,6 +207,6 @@ declare const Avatar: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
   image: "img";
   fallbackText: "span";
 }>>;
-type AvatarProps = React.ComponentProps<typeof Avatar>;
+type AvatarProps = React.ComponentProps<typeof Avatar>; //#endregion
 //#endregion
 export { Avatar, AvatarProps };

package/dist/components/dist/badge.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/badge.config.d.ts
+//#region src/badge.config.d.ts
 declare const badgeConfig: ComponentConfig<{
   Badge: {
     readonly base: {
@@ -472,6 +473,6 @@ declare const badgeConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type BadgeConfig = typeof badgeConfig;
+type BadgeConfig = typeof badgeConfig; //#endregion
 //#endregion
 export { BadgeConfig, badgeConfig };

package/dist/components/dist/badge.config.js

@@ -9,13 +9,13 @@ const badgeConfig = defaultFoundationPreset.defineComponent("Badge", ({ tokens }
 			alignItems: "center",
 			gap: tokens.spacing["1.5"],
 			padding: `${tokens.spacing["0.5"]} ${tokens.spacing["2"]}`,
-			borderRadius: tokens.borderRadius.full,
+			borderRadius: tokens.radius.full,
 			backgroundColor: tokens.bg.tertiary
 		},
 		dot: {
 			width: "0.375rem",
 			height: "0.375rem",
-			borderRadius: tokens.borderRadius.full,
+			borderRadius: tokens.radius.full,
 			display: "none"
 		},
 		text: {

package/dist/components/dist/badge.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/badge.d.ts
+//#region src/badge.d.ts
 /**
  * @description A small label for status, category, or metadata
  */
@@ -484,6 +485,6 @@ declare const Badge: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
   dot: "span";
   text: "span";
 }>>;
-type BadgeProps = React.ComponentProps<typeof Badge>;
+type BadgeProps = React.ComponentProps<typeof Badge>; //#endregion
 //#endregion
 export { Badge, BadgeProps };

package/dist/components/dist/box.d.ts

@@ -2,6 +2,7 @@ import * as _$react from "react";
 import { BoxAsTag, HtmlDivProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/box.d.ts
+//#region src/box.d.ts
 interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
   /** Render as a different semantic HTML element. Defaults to `div`. */
   as?: BoxAsTag;
@@ -9,6 +10,6 @@ interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
 /**
  * @description The fundamental primitive component that includes styling utility properties, and corresponding design variables as values
  */
-declare const Box: _$react.FC<BoxProps>;
+declare const Box: _$react.FC<BoxProps>; //#endregion
 //#endregion
 export { Box, BoxProps };

package/dist/components/dist/breadcrumb.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/breadcrumb.config.d.ts
+//#region src/breadcrumb.config.d.ts
 declare const breadcrumbConfig: ComponentConfig<{
   Breadcrumb: {
     readonly base: {
@@ -385,6 +386,6 @@ declare const breadcrumbConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type BreadcrumbConfig = typeof breadcrumbConfig;
+type BreadcrumbConfig = typeof breadcrumbConfig; //#endregion
 //#endregion
 export { BreadcrumbConfig, breadcrumbConfig };

package/dist/components/dist/breadcrumb.d.ts

@@ -5,6 +5,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { HtmlAnchorProps } from "@uds/types";
 
 //#region ../components/dist/breadcrumb.d.ts
+//#region src/breadcrumb.d.ts
 interface BreadcrumbItem {
   /** Text or node to display */
   label: ReactNode;
@@ -415,6 +416,6 @@ declare const Breadcrumb: _$react.FC<_$_uds_types0.CreateComponentProps<Componen
   link: "a";
   page: "span";
   ellipsis: "span";
-}>>;
+}>>; //#endregion
 //#endregion
 export { Breadcrumb, BreadcrumbItem };

package/dist/components/dist/button.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/button.config.d.ts
+//#region src/button.config.d.ts
 declare const buttonConfig: ComponentConfig<{
   Button: {
     readonly base: {
@@ -376,6 +377,6 @@ declare const buttonConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ButtonConfig = typeof buttonConfig;
+type ButtonConfig = typeof buttonConfig; //#endregion
 //#endregion
 export { ButtonConfig, buttonConfig };

package/dist/components/dist/button.config.js

@@ -14,7 +14,7 @@ const buttonConfig = defaultFoundationPreset.defineComponent("Button", ({ tokens
 			justifyContent: "center",
 			gap: tokens.spacing["1.5"],
 			padding: tokens.spacing["3"],
-			borderRadius: tokens.borderRadius.md
+			borderRadius: tokens.radius.md
 		},
 		startIcon: {
 			display: "flex",
@@ -31,12 +31,12 @@ const buttonConfig = defaultFoundationPreset.defineComponent("Button", ({ tokens
 				padding: `${tokens.spacing["0.5"]} ${tokens.spacing["1.5"]}`,
 				fontSize: "0.6875rem",
 				lineHeight: tokens.lineHeight.tight,
-				borderRadius: tokens.borderRadius.xs
+				borderRadius: tokens.radius.xs
 			} },
 			sm: { root: {
 				padding: `${tokens.spacing["1"]} ${tokens.spacing["2"]}`,
 				fontSize: "0.75rem",
-				borderRadius: tokens.borderRadius.sm
+				borderRadius: tokens.radius.sm
 			} },
 			md: { root: {
 				padding: tokens.spacing["3"],

package/dist/components/dist/button.d.ts

@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { HtmlButtonProps, SizingStyleProps } from "@uds/types";
 
 //#region ../components/dist/button.d.ts
+//#region src/button.d.ts
 interface ButtonOwnProps extends HtmlButtonProps, SizingStyleProps {
   /**
    * @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
   startIcon: "span";
   endIcon: "span";
 }>>;
-type ButtonProps = React.ComponentProps<typeof Button>;
+type ButtonProps = React.ComponentProps<typeof Button>; //#endregion
 //#endregion
 export { Button, ButtonOwnProps, ButtonProps };

package/dist/components/dist/card.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/card.config.d.ts
+//#region src/card.config.d.ts
 declare const cardConfig: ComponentConfig<{
   Card: {
     readonly base: {
@@ -331,6 +332,6 @@ declare const cardConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type CardConfig = typeof cardConfig;
+type CardConfig = typeof cardConfig; //#endregion
 //#endregion
 export { CardConfig, cardConfig };

package/dist/components/dist/card.config.js

@@ -4,7 +4,7 @@ import { textVariants } from "./text.config.js";
 //#region ../components/dist/card.config.js
 const cardConfig = defaultFoundationPreset.defineComponent("Card", ({ tokens }) => ({ base: {
 	root: {
-		borderRadius: tokens.borderRadius.md,
+		borderRadius: tokens.radius.md,
 		borderWidth: tokens.borderWidth.thin,
 		borderColor: tokens.borderColor.secondary,
 		backgroundColor: tokens.bg.primary,

package/dist/components/dist/card.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/card.d.ts
+//#region src/card.d.ts
 /**
  * @description A contained surface for grouping related content with optional title, content, and actions
  */
@@ -347,6 +348,6 @@ declare const Card: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
   title: "div";
   content: "div";
   actions: "div";
-}>>;
+}>>; //#endregion
 //#endregion
 export { Card };

package/dist/components/dist/collapsible.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/collapsible.config.d.ts
+//#region src/collapsible.config.d.ts
 declare const collapsibleConfig: ComponentConfig<{
   Collapsible: {
     readonly base: {
@@ -40,6 +41,6 @@ declare const collapsibleConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type CollapsibleConfig = typeof collapsibleConfig;
+type CollapsibleConfig = typeof collapsibleConfig; //#endregion
 //#endregion
 export { CollapsibleConfig, collapsibleConfig };

package/dist/components/dist/collapsible.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/collapsible.d.ts
+//#region src/collapsible.d.ts
 /**
  * @description A headless collapsible primitive with animated expand/collapse
  */
@@ -56,6 +57,6 @@ declare const Collapsible: _$react.FC<_$_uds_types0.CreateComponentProps<Compone
   trigger: "button";
   content: "div";
 }>>;
-type CollapsibleProps = React.ComponentProps<typeof Collapsible>;
+type CollapsibleProps = React.ComponentProps<typeof Collapsible>; //#endregion
 //#endregion
 export { Collapsible, CollapsibleProps };

package/dist/components/dist/command.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/command.config.d.ts
+//#region src/command.config.d.ts
 declare const commandConfig: ComponentConfig<{
   Command: {
     readonly base: {
@@ -1608,6 +1609,6 @@ type CommandEmptyConfig = typeof commandEmptyConfig;
 type CommandGroupConfig = typeof commandGroupConfig;
 type CommandItemConfig = typeof commandItemConfig;
 type CommandShortcutConfig = typeof commandShortcutConfig;
-type CommandSeparatorConfig = typeof commandSeparatorConfig;
+type CommandSeparatorConfig = typeof commandSeparatorConfig; //#endregion
 //#endregion
 export { CommandConfig, CommandDialogConfig, CommandEmptyConfig, CommandGroupConfig, CommandInputConfig, CommandItemConfig, CommandListConfig, CommandSeparatorConfig, CommandShortcutConfig, commandConfig, commandDialogConfig, commandEmptyConfig, commandGroupConfig, commandInputConfig, commandItemConfig, commandListConfig, commandSeparatorConfig, commandShortcutConfig };

package/dist/components/dist/command.config.js

@@ -6,7 +6,7 @@ const commandConfig = defaultFoundationPreset.defineComponent("Command", ({ toke
 	display: "flex",
 	flexDirection: "column",
 	overflow: "hidden",
-	borderRadius: tokens.borderRadius.lg,
+	borderRadius: tokens.radius.lg,
 	backgroundColor: tokens.bg["elevation-1"]
 } } }));
 const commandDialogConfig = defaultFoundationPreset.defineComponent("CommandDialog", ({ tokens }) => ({ base: {
@@ -39,7 +39,7 @@ const commandDialogConfig = defaultFoundationPreset.defineComponent("CommandDial
 		zIndex: "1",
 		width: "100%",
 		maxWidth: "32rem",
-		borderRadius: tokens.borderRadius.lg,
+		borderRadius: tokens.radius.lg,
 		backgroundColor: tokens.bg["elevation-2"],
 		borderWidth: tokens.borderWidth.thin,
 		borderColor: tokens.borderColor.secondary,
@@ -141,7 +141,7 @@ const commandItemConfig = defaultFoundationPreset.defineComponent("CommandItem",
 	paddingRight: tokens.spacing["3"],
 	paddingTop: tokens.spacing["2.5"],
 	paddingBottom: tokens.spacing["2.5"],
-	borderRadius: tokens.borderRadius.md,
+	borderRadius: tokens.radius.md,
 	cursor: "pointer",
 	color: tokens.color["on-primary"],
 	_ariaSelected: { backgroundColor: tokens.bg.secondary },

package/dist/components/dist/command.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/command.d.ts
+//#region src/command.d.ts
 interface CommandContextValue {
   search: string;
   setSearch: (value: string) => void;
@@ -1717,6 +1718,6 @@ type CommandEmptyProps = React.ComponentProps<typeof CommandEmpty>;
 type CommandGroupProps = React.ComponentProps<typeof CommandGroup>;
 type CommandItemProps = React.ComponentProps<typeof CommandItem>;
 type CommandShortcutProps = React.ComponentProps<typeof CommandShortcut>;
-type CommandSeparatorProps = React.ComponentProps<typeof CommandSeparator>;
+type CommandSeparatorProps = React.ComponentProps<typeof CommandSeparator>; //#endregion
 //#endregion
 export { Command, CommandContextValue, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandProvider, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, useCommand };

package/dist/components/dist/control-color.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-color.config.d.ts
+//#region src/control-color.config.d.ts
 declare const controlColorConfig: ComponentConfig<{
   ControlColor: {
     readonly base: {
@@ -974,6 +975,6 @@ declare const controlColorConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlColorConfig = typeof controlColorConfig;
+type ControlColorConfig = typeof controlColorConfig; //#endregion
 //#endregion
 export { ControlColorConfig, controlColorConfig };

package/dist/components/dist/control-color.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-color.d.ts
+//#region src/control-color.d.ts
 /**
  * @description A hex color input with preview swatch and text field
  */
@@ -990,6 +991,6 @@ declare const ControlColor: _$react.FC<_$_uds_types0.CreateComponentProps<Compon
   input: "input";
   label: "span";
 }>>;
-type ControlColorProps = React.ComponentProps<typeof ControlColor>;
+type ControlColorProps = React.ComponentProps<typeof ControlColor>; //#endregion
 //#endregion
 export { ControlColor, ControlColorProps };

package/dist/components/dist/control-curve.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-curve.config.d.ts
+//#region src/control-curve.config.d.ts
 declare const controlCurveConfig: ComponentConfig<{
   ControlCurve: {
     readonly base: {
@@ -13,6 +14,6 @@ declare const controlCurveConfig: ComponentConfig<{
     readonly defaultVariants: {};
   };
 }, {}>;
-type ControlCurveConfig = typeof controlCurveConfig;
+type ControlCurveConfig = typeof controlCurveConfig; //#endregion
 //#endregion
 export { ControlCurveConfig, controlCurveConfig };

package/dist/components/dist/control-curve.config.js

@@ -3,7 +3,7 @@ import "../../foundational-presets/dist/index.js";
 //#region ../components/dist/control-curve.config.js
 const controlCurveConfig = defaultFoundationPreset.defineComponent("ControlCurve", ({ tokens }) => ({
 	base: { root: {
-		borderRadius: tokens.borderRadius.md,
+		borderRadius: tokens.radius.md,
 		overflow: "hidden",
 		backgroundColor: tokens.bg.secondary
 	} },

package/dist/components/dist/control-curve.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-curve.d.ts
+//#region src/control-curve.d.ts
 interface ControlCurveInput {
   stiffness: number;
   damping: number;
@@ -30,6 +31,6 @@ declare const ControlCurve: _$react.FC<_$_uds_types0.CreateComponentProps<Compon
 }, {
   root: "div";
 }>>;
-type ControlCurveProps = React.ComponentProps<typeof ControlCurve>;
+type ControlCurveProps = React.ComponentProps<typeof ControlCurve>; //#endregion
 //#endregion
 export { ControlCurve, ControlCurveInput, ControlCurveProps };

package/dist/components/dist/control-folder.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-folder.config.d.ts
+//#region src/control-folder.config.d.ts
 declare const controlFolderConfig: ComponentConfig<{
   ControlFolder: {
     readonly base: {
@@ -172,6 +173,6 @@ declare const controlFolderConfig: ComponentConfig<{
     readonly defaultVariants: {};
   };
 }, {}>;
-type ControlFolderConfig = typeof controlFolderConfig;
+type ControlFolderConfig = typeof controlFolderConfig; //#endregion
 //#endregion
 export { ControlFolderConfig, controlFolderConfig };

package/dist/components/dist/control-folder.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-folder.d.ts
+//#region src/control-folder.d.ts
 /**
  * @description A collapsible folder section with animated expand/collapse
  */
@@ -189,6 +190,6 @@ declare const ControlFolder: _$react.FC<_$_uds_types0.CreateComponentProps<Compo
   content: "div";
   children: "div";
 }>>;
-type ControlFolderProps = React.ComponentProps<typeof ControlFolder>;
+type ControlFolderProps = React.ComponentProps<typeof ControlFolder>; //#endregion
 //#endregion
 export { ControlFolder, ControlFolderProps };