@yahoo/uds-v5-wip 1.2.0 → 1.3.0

package/dist/components/dist/tabs.js

@@ -25,13 +25,13 @@ const Tabs = createComponent(({ props, tabs, defaultTab }) => {
 			});
 		});
 	}, [active]);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
-		children: [jsxs("div", {
+		children: [/* @__PURE__ */ jsxs("div", {
 			ref: tabListRef,
 			style: { position: "relative" },
 			...props.tabList,
-			children: [indicatorStyle && jsx("div", {
+			children: [indicatorStyle && /* @__PURE__ */ jsx("div", {
 				style: {
 					position: "absolute",
 					top: 0,
@@ -42,24 +42,24 @@ const Tabs = createComponent(({ props, tabs, defaultTab }) => {
 					pointerEvents: "none"
 				},
 				...props.indicator
-			}), tabs.map((tab) => active === tab.id ? jsx("button", {
+			}), tabs.map((tab) => active === tab.id ? /* @__PURE__ */ jsx("button", {
 				type: "button",
 				"data-tab-id": tab.id,
 				onClick: () => setActive(tab.id),
 				...props.activeTab,
-				children: jsx("span", {
+				children: /* @__PURE__ */ jsx("span", {
 					style: {
 						position: "relative",
 						zIndex: 1
 					},
 					children: tab.label
 				})
-			}, tab.id) : jsx("button", {
+			}, tab.id) : /* @__PURE__ */ jsx("button", {
 				type: "button",
 				"data-tab-id": tab.id,
 				onClick: () => setActive(tab.id),
 				...props.tab,
-				children: jsx("span", {
+				children: /* @__PURE__ */ jsx("span", {
 					style: {
 						position: "relative",
 						zIndex: 1
@@ -67,7 +67,7 @@ const Tabs = createComponent(({ props, tabs, defaultTab }) => {
 					children: tab.label
 				})
 			}, tab.id))]
-		}), jsx("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			...props.content,
 			children: tabs.find((t) => t.id === active)?.content
 		})]

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/text.config.d.ts
+//#region src/text.config.d.ts
 declare const textConfig: ComponentConfig<{
   Text: {
     readonly base: {
@@ -301,6 +302,6 @@ declare const textVariants: {
     readonly lineHeight: string;
     readonly fontFamily: string;
   };
-};
+}; //#endregion
 //#endregion
 export { TextConfig, textConfig, textVariants };

package/dist/components/dist/text.d.ts

@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { BackgroundStyleProps, BorderStyleProps, FlexStyleProps, HtmlTextProps, ModifierProps, NativeTextElementTag, OpacityStyleProps, SizingStyleProps, SpacingStyleProps, TypographyStyleProps } from "@uds/types";
 
 //#region ../components/dist/text.d.ts
+//#region src/text.d.ts
 interface TextStyleProps extends TypographyStyleProps, SpacingStyleProps, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, SizingStyleProps, OpacityStyleProps {}
 interface TextProps extends HtmlTextProps<NativeTextElementTag>, TextStyleProps, ModifierProps<TextStyleProps> {
   as?: NativeTextElementTag;
@@ -200,6 +201,6 @@ declare const Text: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
   };
 }, {}>, TextProps, {
   root: "p";
-}>>;
+}>>; //#endregion
 //#endregion
 export { Text, TextProps };

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/textarea.config.d.ts
+//#region src/textarea.config.d.ts
 declare const textareaConfig: ComponentConfig<{
   Textarea: {
     readonly base: {
@@ -347,6 +348,6 @@ declare const textareaConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type TextareaConfig = typeof textareaConfig;
+type TextareaConfig = typeof textareaConfig; //#endregion
 //#endregion
 export { TextareaConfig, textareaConfig };

package/dist/components/dist/textarea.d.ts

@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { HtmlTextAreaProps, SizingStyleProps } from "@uds/types";
 
 //#region ../components/dist/textarea.d.ts
+//#region src/textarea.d.ts
 interface TextareaOwnProps extends HtmlTextAreaProps, SizingStyleProps {}
 /**
  * @description A primitive for multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text
@@ -357,6 +358,6 @@ declare const Textarea: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentC
 }, {}>, TextareaOwnProps, {
   root: "textarea";
 }>>;
-type TextareaProps = React.ComponentProps<typeof Textarea>;
+type TextareaProps = React.ComponentProps<typeof Textarea>; //#endregion
 //#endregion
 export { Textarea, TextareaOwnProps, TextareaProps };

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

@@ -1,5 +1,6 @@
 import { ComponentConfig, InterpolateMarker } from "../../config/dist/createConfig.js";
 //#region ../components/dist/toast.config.d.ts
+//#region src/toast.config.d.ts
 declare const toastConfig: ComponentConfig<{
   Toast: {
     readonly base: {
@@ -330,6 +331,6 @@ declare const toastConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ToastConfig = typeof toastConfig;
+type ToastConfig = typeof toastConfig; //#endregion
 //#endregion
 export { ToastConfig, toastConfig };

package/dist/components/dist/toast.d.ts

@@ -5,6 +5,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { GetComponentVariantProps, Simplify } from "@uds/types";
 
 //#region ../components/dist/toast.d.ts
+//#region src/toast.d.ts
 interface ToastDefinition {
   config: ToastConfig;
   props: {
@@ -421,6 +422,6 @@ interface ToastContextValue {
 }
 declare const ToastProvider: _$react.FC<{
     children: React.ReactNode;
-  } & Record<never, never>>, useToast: () => ToastContextValue;
+  } & Record<never, never>>, useToast: () => ToastContextValue; //#endregion
 //#endregion
 export { AddToastOptions, Toast, ToastContextValue, ToastItemData, ToastMessage, ToastProps, ToastProvider, useToast };

package/dist/components/dist/toast.js

@@ -18,7 +18,7 @@ const Toast = createComponent(({ props, children, toastId, index, expanded, onDi
 	const handleDragEnd = useCallback((_event, info) => {
 		onDragEnd?.(toastId, info);
 	}, [toastId, onDragEnd]);
-	return jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		ref: (el) => onMeasure?.(toastId, el),
 		style: {
 			position: index === 0 ? "relative" : "absolute",
@@ -26,18 +26,18 @@ const Toast = createComponent(({ props, children, toastId, index, expanded, onDi
 			right: 0,
 			zIndex: toastId
 		},
-		children: jsxs("div", {
+		children: /* @__PURE__ */ jsxs("div", {
 			...props.item,
 			"data-state": expanded ? "expanded" : "collapsed",
 			"data-motion-index": index,
 			onDragEnd: handleDragEnd,
-			children: [renderMessage ? renderMessage(({ children: c }) => jsx("span", {
+			children: [renderMessage ? renderMessage(({ children: c }) => /* @__PURE__ */ jsx("span", {
 				...props.text,
 				children: c
-			})) : jsx("span", {
+			})) : /* @__PURE__ */ jsx("span", {
 				...props.text,
 				children
-			}), jsx("button", {
+			}), /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: dismiss,
 				...props.dismiss,
@@ -130,7 +130,7 @@ const [ToastProvider, useToast] = createProvider("Toast", ({ children }) => {
 			updateToast,
 			dismissToast: dismiss
 		},
-		render: jsxs(Fragment, { children: [children, jsx("div", {
+		render: /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx("div", {
 			onMouseEnter: handleMouseEnter,
 			onMouseLeave: handleMouseLeave,
 			style: {
@@ -140,7 +140,7 @@ const [ToastProvider, useToast] = createProvider("Toast", ({ children }) => {
 				zIndex: 100,
 				pointerEvents: toasts.length > 0 ? "auto" : "none"
 			},
-			children: toasts.map(({ id, message, variant }, index) => jsx(Toast, {
+			children: toasts.map(({ id, message, variant }, index) => /* @__PURE__ */ jsx(Toast, {
 				toastId: id,
 				index,
 				expanded,

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/tooltip.config.d.ts
+//#region src/tooltip.config.d.ts
 declare const tooltipConfig: ComponentConfig<{
   Tooltip: {
     readonly base: {
@@ -188,6 +189,6 @@ declare const tooltipConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type TooltipConfig = typeof tooltipConfig;
+type TooltipConfig = typeof tooltipConfig; //#endregion
 //#endregion
 export { TooltipConfig, tooltipConfig };

package/dist/components/dist/tooltip.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/tooltip.d.ts
+//#region src/tooltip.d.ts
 /**
  * @description A popup that displays additional information when hovering over an element
  */
@@ -201,6 +202,6 @@ declare const Tooltip: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCo
   content: "div";
   text: "span";
 }>>;
-type TooltipProps = React.ComponentProps<typeof Tooltip>;
+type TooltipProps = React.ComponentProps<typeof Tooltip>; //#endregion
 //#endregion
 export { Tooltip, TooltipProps };

package/dist/components/dist/tooltip.js

@@ -10,14 +10,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const Tooltip = createComponent(({ props, children, label }) => {
 	const [show, setShow] = useState(false);
 	const state = show ? "open" : "closed";
-	return jsxs("span", {
+	return /* @__PURE__ */ jsxs("span", {
 		onMouseEnter: () => setShow(true),
 		onMouseLeave: () => setShow(false),
 		...props.trigger,
-		children: [children, jsx("div", {
+		children: [children, /* @__PURE__ */ jsx("div", {
 			"data-state": state,
 			...props.content,
-			children: jsx("span", {
+			children: /* @__PURE__ */ jsx("span", {
 				...props.text,
 				children: label
 			})

package/dist/components/dist/vstack.d.ts

@@ -3,6 +3,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { BoxAsTag, HtmlDivProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/vstack.d.ts
+//#region src/vstack.d.ts
 interface VStackOwnProps extends HtmlDivProps, StyleAndModifierProps {
   /** Render as a different semantic HTML element. Defaults to `div`. */
   as?: BoxAsTag;
@@ -10,6 +11,6 @@ interface VStackOwnProps extends HtmlDivProps, StyleAndModifierProps {
 /**
  * @description A primitive that arranges its children vertically
  */
-declare const VStack: _$react.FC<_$_uds_types0.CreateComponentProps<string, VStackOwnProps, "div">>;
+declare const VStack: _$react.FC<_$_uds_types0.CreateComponentProps<string, VStackOwnProps, "div">>; //#endregion
 //#endregion
 export { VStack, VStackOwnProps };

package/dist/components/dist/vstack.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 * @description A primitive that arranges its children vertically
 */
 const VStack = createComponent(({ children, as, gap, gapY, display = "flex", flexDirection = display === "flex" ? "col" : void 0, ...rest }) => {
-	return jsx(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		as,
 		display,
 		flexDirection,

package/dist/components/presets/index.d.ts

@@ -27,6 +27,7 @@ import { itemConfig } from "../dist/item.config.js";
 import { modalConfig } from "../dist/modal.config.js";
 import { navHeaderConfig } from "../dist/nav-header.config.js";
 import { presetBarConfig } from "../dist/preset-bar.config.js";
+import { toastConfig } from "../dist/toast.config.js";
 import { progressConfig } from "../dist/progress.config.js";
 import { selectConfig } from "../dist/select.config.js";
 import { sheetConfig } from "../dist/sheet.config.js";
@@ -38,7 +39,6 @@ import { switchConfig } from "../dist/switch.config.js";
 import { tabsConfig } from "../dist/tabs.config.js";
 import { textConfig } from "../dist/text.config.js";
 import { textareaConfig } from "../dist/textarea.config.js";
-import { toastConfig } from "../dist/toast.config.js";
 import { tooltipConfig } from "../dist/tooltip.config.js";
 import { defaultComponentConfigs } from "../dist/presets/index.js";
 export { accordionConfig, alertConfig, anchorConfig, avatarConfig, avatarGroupConfig, badgeConfig, breadcrumbConfig, buttonConfig, cardConfig, collapsibleConfig, commandConfig, commandDialogConfig, commandEmptyConfig, commandGroupConfig, commandInputConfig, commandItemConfig, commandListConfig, commandSeparatorConfig, commandShortcutConfig, controlColorConfig, controlCurveConfig, controlFolderConfig, controlGroupConfig, controlKnobConfig, controlPanelConfig, controlSelectConfig, controlSliderConfig, controlSpringConfig, controlStepperConfig, controlToggleConfig, defaultComponentConfigs, dropdownConfig, emptyStateConfig, inputConfig, itemConfig, modalConfig, navHeaderConfig, presetBarConfig, progressConfig, selectConfig, sheetConfig, sidebarConfig, skeletonConfig, sliderConfig, spinnerConfig, switchConfig, tabsConfig, textConfig, textareaConfig, toastConfig, tooltipConfig };

package/dist/components/presets/index.js

@@ -2,8 +2,8 @@ import { textConfig } from "../dist/text.config.js";
 import { accordionConfig } from "../dist/accordion.config.js";
 import { alertConfig } from "../dist/alert.config.js";
 import { anchorConfig } from "../dist/anchor.config.js";
-import { avatarConfig } from "../dist/avatar.config.js";
 import { avatarGroupConfig } from "../dist/avatar-group.config.js";
+import { avatarConfig } from "../dist/avatar.config.js";
 import { badgeConfig } from "../dist/badge.config.js";
 import { breadcrumbConfig } from "../dist/breadcrumb.config.js";
 import { buttonConfig } from "../dist/button.config.js";