@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/button/button.js

@@ -1,13 +1,36 @@
-import{isReactText as e,isString as t}from"../utils/assertion.js";import{activeClassName as n}from"../utils/consts.js";import{filterUndefined as r}from"../utils/object.js";import{cs as i}from"../utils/styles.js";import{useStyleConfig as a}from"../core/theme.js";import{styled as o}from"../core/styled.js";import{vui as s}from"../core/vui.js";import{useButtonGroupContext as c}from"../buttonGroup/context.js";import{ButtonProvider as l}from"./context.js";import u from"./buttonIcon.js";import d from"./buttonText.js";import{buttonStateMapping as f,loadingIconProps as ee}from"./consts.js";import{Fragment as p,useCallback as te,useMemo as m}from"react";import{Fragment as ne,jsx as h,jsxs as g}from"react/jsx-runtime";const _=o.span`
+import { isReactText, isString } from "../utils/assertion.js";
+import { activeClassName } from "../utils/consts.js";
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { useButtonGroupContext } from "../buttonGroup/context.js";
+import { ButtonProvider } from "./context.js";
+import buttonIcon_default from "./buttonIcon.js";
+import buttonText_default from "./buttonText.js";
+import { buttonStateMapping, loadingIconProps } from "./consts.js";
+import { Fragment, useCallback, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/button/button.tsx
+const DEFAULT_BORDER_WIDTH = 1;
+const DEFAULT_BOX_SHADOW = "2";
+const DEFAULT_DISABLED_OPACITY = .5;
+const BUTTON_TYPE = "button";
+const FOCUS_RING_SIZE = 3;
+const ContentWrapper = styled.span`
   visibility: hidden;
-`,v=o.span`
+`;
+const StateWrapper = styled.span`
   bottom: 0;
   display: flex;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
-`,y=o.buttonBox`
+`;
+const ButtonBase = styled.buttonBox`
   align-items: center;
   display: inline-flex;
   flex-shrink: 0;
@@ -45,5 +68,227 @@ import{isReactText as e,isString as t}from"../utils/assertion.js";import{activeC
     transition: border-bottom 0s linear;
     border-bottom: 3px solid #d3eef8;
   }
-`,re=(e,t)=>{let n=a(`Button`,{...e,...t})||{};return m(()=>{let{borderWidth:e=1,h:t=32,spaceX:r=0,...i}=n.container||{};return{styles:n,borderWidth:e,h:t,spaceX:r,buttonStyles:i}},[e,t])},b=e=>{if(typeof e==`number`)return e;if(typeof e==`string`){let t=parseInt(e,10);return isNaN(t)?1:t}return 1},ie=(e,t,n,r,i,a,o,s)=>m(()=>{let c=b(e)||t||1,l=n-c,u=n*2-c;return{border:c,iconLeftMr:`${l+1}px`,iconRightMl:s?`auto`:`${l+1}px`,pl:`${r||i||o?l:u}px`,pr:`${r||a?l:u}px`}},[e,t,n,r,i,a,o,s]),ae=(e,t)=>m(()=>e?{"aria-disabled":e,disabledBg:t?.container?.disabledBg??`bg`,disabledBorderColor:t?.container?.disabledBorderColor??`borderColor`,disabledColor:t?.container?.disabledColor??`color`,hoverBg:t?.container?.disabledBg??`bg`,hoverBorderColor:t?.container?.disabledBorderColor??`borderColor`,hoverColor:t?.container?.disabledColor??`color`,activeBg:t?.container?.disabledBg??`bg`,cursor:`not-allowed`,opacity:t?.container?.disabledOpacity??.5}:{},[e,t?.container]),oe=(e,t)=>m(()=>e?r({bg:t?.container?.activeBg,borderBg:t?.container?.activeBorderBg,color:t?.container?.activeColor}):{},[e,t?.container]),se=(e,t,n,i,a,o,s)=>m(()=>r({borderRadius:e?t/2:n?.container?.borderRadius||0,boxShadow:i?`2`:void 0,minW:a?0:void 0,pointerEvents:o?`none`:void 0,w:s?`100%`:void 0}),[e,t,n?.container?.borderRadius,i,a,o,s]),x=(e,t,r)=>m(()=>i(`vui-button`,e,t&&n,r?`vui-button-variant-${r}`:void 0),[e,t,r]),S=(n,r,i,a,o,s,c,l)=>m(()=>({main:t(n)?h(u,{name:n}):n,left:a?h(u,{mr:o.iconLeftMr,...ee}):t(r)?h(u,{mr:o.iconLeftMr,name:r}):r,right:t(i)?h(u,{ml:!s&&!c?0:o.iconRightMl,name:i}):i,content:s??(e(c)?h(d,{isTruncated:l,text:c}):c)}),[n,r,i,a,o,s,c,l]),C=s((e,t)=>{let n={...c(),...e},{borderWidth:i,children:a,className:o,colorScheme:s,disabled:d,dropDownIcon:ee=`falAngleDown`,icon:b,iconLeft:C,iconRight:w,isActive:T,isDropDown:E,isElevated:ce,isFullWidth:D,isLoading:O,isRound:k,isSplit:le,isTruncated:ue,size:A,state:j=``,stateMapping:M,text:N,title:P,variant:F,...I}=n,L=m(()=>!!j&&j!==`idle`,[j]),R=m(()=>({...f,...M}),[M]),z=m(()=>R[j]??{},[R,j]),{iconProps:B,...V}=z,H=m(()=>E?`falAngleDown`:w,[E,w]),U=m(()=>r({variant:z?.variant??F}),[z?.variant,F]),{styles:W,borderWidth:de,h:G,spaceX:fe,buttonStyles:K}=re(n,U),q=ie(i,de,fe,b,C,H,O??!1,le??!1),J=ae(d??!1,W),Y=oe(T??!1,W),X=se(k??!1,G,W,ce??!1,b,L,D??!1),Z=x(o,T??!1,F),Q=S(b,C,H,O??!1,q,a,N,ue??!1),pe=m(()=>r({disabled:d,size:A,variant:U.variant}),[d,A,U.variant]),me=m(()=>L?_:p,[L]),$=m(()=>P||``,[P]),he=te(e=>{e.stopPropagation()},[]);return h(l,{value:pe,children:g(y,{...m(()=>({borderWidth:q.border,className:Z,disabled:d,focusRing:3,h:G,pl:q.pl,pr:q.pr,ref:t,title:P||$,type:`button`,variant:U,...K,...Y,...J,...X,...I}),[q,Z,d,G,t,P,$,U,K,Y,J,X,I]),children:[L&&h(v,{onClick:he,...V,children:h(u,{m:`auto`,...B})}),g(me,{children:[Q.main,!b&&g(ne,{children:[Q.left,Q.content,Q.right]})]})]})})});C.Icon=u,C.Text=d,C.displayName=`Button`;var w=C;export{C as Button,y as ButtonBase,w as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+const useButtonStyles = (mergedProps, variant) => {
+	const styles = useStyleConfig("Button", {
+		...mergedProps,
+		...variant
+	}) || {};
+	return useMemo(() => {
+		const { borderWidth = DEFAULT_BORDER_WIDTH, h = 32, spaceX = 0,...buttonStyles } = styles.container || {};
+		return {
+			styles,
+			borderWidth,
+			h,
+			spaceX,
+			buttonStyles
+		};
+	}, [mergedProps, variant]);
+};
+const extractNumericValue = (value) => {
+	if (typeof value === "number") return value;
+	if (typeof value === "string") {
+		const parsed = parseInt(value, 10);
+		return isNaN(parsed) ? DEFAULT_BORDER_WIDTH : parsed;
+	}
+	return DEFAULT_BORDER_WIDTH;
+};
+const useSpacingProps = (borderWidthProp, borderWidth, spaceX, icon, iconLeft, iconRight, isLoading, isSplit) => {
+	return useMemo(() => {
+		const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH;
+		const spaceXItem = spaceX - border;
+		const spaceXText = spaceX * 2 - border;
+		return {
+			border,
+			iconLeftMr: `${spaceXItem + 1}px`,
+			iconRightMl: isSplit ? "auto" : `${spaceXItem + 1}px`,
+			pl: `${icon || iconLeft || isLoading ? spaceXItem : spaceXText}px`,
+			pr: `${icon || iconRight ? spaceXItem : spaceXText}px`
+		};
+	}, [
+		borderWidthProp,
+		borderWidth,
+		spaceX,
+		icon,
+		iconLeft,
+		iconRight,
+		isLoading,
+		isSplit
+	]);
+};
+const useDisabledProps = (disabled, styles) => {
+	return useMemo(() => disabled ? {
+		"aria-disabled": disabled,
+		disabledBg: styles?.container?.disabledBg ?? "bg",
+		disabledBorderColor: styles?.container?.disabledBorderColor ?? "borderColor",
+		disabledColor: styles?.container?.disabledColor ?? "color",
+		hoverBg: styles?.container?.disabledBg ?? "bg",
+		hoverBorderColor: styles?.container?.disabledBorderColor ?? "borderColor",
+		hoverColor: styles?.container?.disabledColor ?? "color",
+		activeBg: styles?.container?.disabledBg ?? "bg",
+		cursor: "not-allowed",
+		opacity: styles?.container?.disabledOpacity ?? DEFAULT_DISABLED_OPACITY
+	} : {}, [disabled, styles?.container]);
+};
+const useActiveProps = (isActive, styles) => {
+	return useMemo(() => isActive ? filterUndefined({
+		bg: styles?.container?.activeBg,
+		borderBg: styles?.container?.activeBorderBg,
+		color: styles?.container?.activeColor
+	}) : {}, [isActive, styles?.container]);
+};
+const useAliasedProps = (isRound, h, styles, isElevated, icon, hasState, isFullWidth) => {
+	return useMemo(() => filterUndefined({
+		borderRadius: isRound ? h / 2 : styles?.container?.borderRadius || 0,
+		boxShadow: isElevated ? DEFAULT_BOX_SHADOW : void 0,
+		minW: icon ? 0 : void 0,
+		pointerEvents: hasState ? "none" : void 0,
+		w: isFullWidth ? "100%" : void 0
+	}), [
+		isRound,
+		h,
+		styles?.container?.borderRadius,
+		isElevated,
+		icon,
+		hasState,
+		isFullWidth
+	]);
+};
+const useButtonClassName = (className, isActive, variantProp) => {
+	return useMemo(() => cs("vui-button", className, isActive && activeClassName, variantProp ? `vui-button-variant-${variantProp}` : void 0), [
+		className,
+		isActive,
+		variantProp
+	]);
+};
+const useIconRenderer = (icon, iconLeft, iconRight, isLoading, spacingProps, children, text, isTruncated) => {
+	return useMemo(() => ({
+		main: isString(icon) ? /* @__PURE__ */ jsx(buttonIcon_default, { name: icon }) : icon,
+		left: isLoading ? /* @__PURE__ */ jsx(buttonIcon_default, {
+			mr: spacingProps.iconLeftMr,
+			...loadingIconProps
+		}) : isString(iconLeft) ? /* @__PURE__ */ jsx(buttonIcon_default, {
+			mr: spacingProps.iconLeftMr,
+			name: iconLeft
+		}) : iconLeft,
+		right: isString(iconRight) ? /* @__PURE__ */ jsx(buttonIcon_default, {
+			ml: !children && !text ? 0 : spacingProps.iconRightMl,
+			name: iconRight
+		}) : iconRight,
+		content: children ?? (isReactText(text) ? /* @__PURE__ */ jsx(buttonText_default, {
+			isTruncated,
+			text
+		}) : text)
+	}), [
+		icon,
+		iconLeft,
+		iconRight,
+		isLoading,
+		spacingProps,
+		children,
+		text,
+		isTruncated
+	]);
+};
+/**
+* Triggers given actions on click. Supports multiple states, sizes and variants.
+*
+* Comes with additional props for extra behavior, like loading, disabled or elevated.
+*
+* Exposes some props to the children via context.
+*/
+const Button = vui((props, ref) => {
+	const mergedProps = {
+		...useButtonGroupContext(),
+		...props
+	};
+	const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = "falAngleDown", icon, iconLeft, iconRight: iconRightProp, isActive, isDropDown, isElevated, isFullWidth, isLoading, isRound, isSplit, isTruncated, size, state = "", stateMapping, text, title, variant: variantProp,...rest } = mergedProps;
+	const hasState = useMemo(() => Boolean(state) && state !== "idle", [state]);
+	const states = useMemo(() => ({
+		...buttonStateMapping,
+		...stateMapping
+	}), [stateMapping]);
+	const stateData = useMemo(() => states[state] ?? {}, [states, state]);
+	const { iconProps: stateIconProps,...stateProps } = stateData;
+	const iconRight = useMemo(() => isDropDown ? "falAngleDown" : iconRightProp, [isDropDown, iconRightProp]);
+	const variant = useMemo(() => filterUndefined({ variant: stateData?.variant ?? variantProp }), [stateData?.variant, variantProp]);
+	const { styles, borderWidth, h, spaceX, buttonStyles } = useButtonStyles(mergedProps, variant);
+	const spacingProps = useSpacingProps(borderWidthProp, borderWidth, spaceX, icon, iconLeft, iconRight, isLoading ?? false, isSplit ?? false);
+	const disabledProps = useDisabledProps(disabled ?? false, styles);
+	const isActiveProps = useActiveProps(isActive ?? false, styles);
+	const aliasedProps = useAliasedProps(isRound ?? false, h, styles, isElevated ?? false, icon, hasState, isFullWidth ?? false);
+	const buttonClassName = useButtonClassName(className, isActive ?? false, variantProp);
+	const IconRenderer = useIconRenderer(icon, iconLeft, iconRight, isLoading ?? false, spacingProps, children, text, isTruncated ?? false);
+	const contextValue = useMemo(() => filterUndefined({
+		disabled,
+		size,
+		variant: variant.variant
+	}), [
+		disabled,
+		size,
+		variant.variant
+	]);
+	const Content = useMemo(() => hasState ? ContentWrapper : Fragment, [hasState]);
+	const ariaLabel = useMemo(() => title || "", [title]);
+	const handleStateClick = useCallback((e) => {
+		e.stopPropagation();
+	}, []);
+	return /* @__PURE__ */ jsx(ButtonProvider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs(ButtonBase, {
+			...useMemo(() => ({
+				borderWidth: spacingProps.border,
+				className: buttonClassName,
+				disabled,
+				focusRing: FOCUS_RING_SIZE,
+				h,
+				pl: spacingProps.pl,
+				pr: spacingProps.pr,
+				ref,
+				title: title || ariaLabel,
+				type: BUTTON_TYPE,
+				variant,
+				...buttonStyles,
+				...isActiveProps,
+				...disabledProps,
+				...aliasedProps,
+				...rest
+			}), [
+				spacingProps,
+				buttonClassName,
+				disabled,
+				h,
+				ref,
+				title,
+				ariaLabel,
+				variant,
+				buttonStyles,
+				isActiveProps,
+				disabledProps,
+				aliasedProps,
+				rest
+			]),
+			children: [hasState && /* @__PURE__ */ jsx(StateWrapper, {
+				onClick: handleStateClick,
+				...stateProps,
+				children: /* @__PURE__ */ jsx(buttonIcon_default, {
+					m: "auto",
+					...stateIconProps
+				})
+			}), /* @__PURE__ */ jsxs(Content, { children: [IconRenderer.main, !icon && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				IconRenderer.left,
+				IconRenderer.content,
+				IconRenderer.right
+			] })] })]
+		})
+	});
+});
+Button.Icon = buttonIcon_default;
+Button.Text = buttonText_default;
+Button.displayName = "Button";
+var button_default = Button;
+
+//#endregion
+export { Button, ButtonBase, button_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=button.js.map

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["ButtonIcon","ButtonText"],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { Fragment, useMemo, useCallback } from 'react'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { activeClassName, cs, filterUndefined, isReactText, isString } from '../utils'\nimport type { ButtonProps } from './button.types'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { buttonStateMapping, loadingIconProps } from './consts'\nimport { ButtonProvider } from './context'\n\n// Constants\nconst DEFAULT_BORDER_WIDTH = 1\nconst DEFAULT_BOX_SHADOW = '2'\nconst DEFAULT_DISABLED_OPACITY = 0.5\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// Memoized styled components\nconst ContentWrapper = styled.span`\n  visibility: hidden;\n`\n\nconst StateWrapper = styled.span`\n  bottom: 0;\n  display: flex;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n`\n\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: medium;\n  justify-content: center;\n  line-height: normal;\n  overflow: hidden;\n  position: relative;\n  transition-duration: fast;\n  user-select: none;\n  width: fit-content;\n\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.vui-active:hover {\n    background-color: #d3eef8;\n    color: #003591;\n    border-color-left: #003591;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.vui-active:hover {\n    background-color: #003591;\n    color: #91ffba;\n    border-color-left: #91ffba;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus,\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus-visible,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus-visible {\n    box-shadow: none;\n    outline: none;\n    border-bottom: 0 solid transparent;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus,\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus-visible,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus-visible {\n    transition: border-bottom 0s linear;\n    border-bottom: 3px solid #d3eef8;\n  }\n`\n\nconst useButtonStyles = (mergedProps: any, variant: any) => {\n  const styles = useStyleConfig('Button', { ...mergedProps, ...variant }) || {}\n\n  return useMemo(() => {\n    const container = styles.container || {}\n    const { borderWidth = DEFAULT_BORDER_WIDTH, h = 32, spaceX = 0, ...buttonStyles } = container\n    return { styles, borderWidth, h, spaceX, buttonStyles }\n  }, [mergedProps, variant])\n}\n\n// Utility function to extract numeric value from responsive or themed props\nconst extractNumericValue = (value: any): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    return isNaN(parsed) ? DEFAULT_BORDER_WIDTH : parsed\n  }\n  return DEFAULT_BORDER_WIDTH\n}\n\nconst useSpacingProps = (\n  borderWidthProp: any,\n  borderWidth: number | undefined,\n  spaceX: number,\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  isSplit: boolean,\n) => {\n  return useMemo(() => {\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const spaceXItem = spaceX - border\n    const spaceXText = spaceX * 2 - border\n\n    return {\n      border,\n      iconLeftMr: `${spaceXItem + 1}px`,\n      iconRightMl: isSplit ? 'auto' : `${spaceXItem + 1}px`,\n      pl: `${icon || iconLeft || isLoading ? spaceXItem : spaceXText}px`,\n      pr: `${icon || iconRight ? spaceXItem : spaceXText}px`,\n    }\n  }, [borderWidthProp, borderWidth, spaceX, icon, iconLeft, iconRight, isLoading, isSplit])\n}\n\nconst useDisabledProps = (disabled: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      disabled\n        ? {\n            'aria-disabled': disabled,\n            disabledBg: styles?.container?.disabledBg ?? 'bg',\n            disabledBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            disabledColor: styles?.container?.disabledColor ?? 'color',\n            hoverBg: styles?.container?.disabledBg ?? 'bg',\n            hoverBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            hoverColor: styles?.container?.disabledColor ?? 'color',\n            activeBg: styles?.container?.disabledBg ?? 'bg',\n            cursor: 'not-allowed',\n            opacity: styles?.container?.disabledOpacity ?? DEFAULT_DISABLED_OPACITY,\n          }\n        : {},\n    [disabled, styles?.container],\n  )\n}\n\nconst useActiveProps = (isActive: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      isActive\n        ? filterUndefined({\n            bg: styles?.container?.activeBg,\n            borderBg: styles?.container?.activeBorderBg,\n            color: styles?.container?.activeColor,\n          })\n        : {},\n    [isActive, styles?.container],\n  )\n}\n\nconst useAliasedProps = (\n  isRound: boolean,\n  h: number,\n  styles: any,\n  isElevated: boolean,\n  icon: any,\n  hasState: boolean,\n  isFullWidth: boolean,\n) => {\n  return useMemo(\n    () =>\n      filterUndefined({\n        borderRadius: isRound ? h / 2 : styles?.container?.borderRadius || 0,\n        boxShadow: isElevated ? DEFAULT_BOX_SHADOW : undefined,\n        minW: icon ? 0 : undefined,\n        pointerEvents: hasState ? 'none' : undefined,\n        w: isFullWidth ? '100%' : undefined,\n      }),\n    [isRound, h, styles?.container?.borderRadius, isElevated, icon, hasState, isFullWidth],\n  )\n}\n\nconst useButtonClassName = (className: string | undefined, isActive: boolean, variantProp: string | undefined) => {\n  return useMemo(\n    () =>\n      cs(\n        'vui-button',\n        className,\n        isActive && activeClassName,\n        variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      ),\n    [className, isActive, variantProp],\n  )\n}\n\nconst useIconRenderer = (\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  spacingProps: any,\n  children: any,\n  text: any,\n  isTruncated: boolean,\n) => {\n  return useMemo(\n    () => ({\n      main: isString(icon) ? <ButtonIcon name={icon} /> : icon,\n      left: isLoading ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} {...loadingIconProps} />\n      ) : isString(iconLeft) ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} name={iconLeft} />\n      ) : (\n        iconLeft\n      ),\n      right: isString(iconRight) ? (\n        <ButtonIcon ml={!children && !text ? 0 : spacingProps.iconRightMl} name={iconRight} />\n      ) : (\n        iconRight\n      ),\n      content: children ?? (isReactText(text) ? <ButtonText {...{ isTruncated, text }} /> : text),\n    }),\n    [icon, iconLeft, iconRight, isLoading, spacingProps, children, text, isTruncated],\n  )\n}\n\n/**\n * Triggers given actions on click. Supports multiple states, sizes and variants.\n *\n * Comes with additional props for extra behavior, like loading, disabled or elevated.\n *\n * Exposes some props to the children via context.\n */\nexport const Button = vui<'button', ButtonProps>((props, ref) => {\n  const buttonGroupProps = useButtonGroupContext()\n  const mergedProps = { ...buttonGroupProps, ...props }\n  const {\n    borderWidth: borderWidthProp,\n    children,\n    className,\n    colorScheme,\n    disabled,\n    dropDownIcon = 'falAngleDown',\n    icon,\n    iconLeft,\n    iconRight: iconRightProp,\n    isActive,\n    isDropDown,\n    isElevated,\n    isFullWidth,\n    isLoading,\n    isRound,\n    isSplit,\n    isTruncated,\n    size,\n    state = '',\n    stateMapping,\n    text,\n    title,\n    variant: variantProp,\n    ...rest\n  } = mergedProps\n\n  // Memoized calculations\n  const hasState = useMemo(() => Boolean(state) && state !== 'idle', [state])\n  const states = useMemo(() => ({ ...buttonStateMapping, ...stateMapping }), [stateMapping])\n  const stateData = useMemo(() => states[state] ?? {}, [states, state])\n  const { iconProps: stateIconProps, ...stateProps } = stateData\n\n  const iconRight = useMemo(() => (isDropDown ? 'falAngleDown' : iconRightProp), [isDropDown, iconRightProp])\n\n  const variant = useMemo(\n    () =>\n      filterUndefined({\n        variant: stateData?.variant ?? variantProp,\n      }),\n    [stateData?.variant, variantProp],\n  )\n\n  // Custom hooks for optimization\n  const { styles, borderWidth, h, spaceX, buttonStyles } = useButtonStyles(mergedProps, variant)\n  const spacingProps = useSpacingProps(\n    borderWidthProp,\n    borderWidth,\n    spaceX,\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    isSplit ?? false,\n  )\n  const disabledProps = useDisabledProps(disabled ?? false, styles)\n  const isActiveProps = useActiveProps(isActive ?? false, styles)\n  const aliasedProps = useAliasedProps(\n    isRound ?? false,\n    h,\n    styles,\n    isElevated ?? false,\n    icon,\n    hasState,\n    isFullWidth ?? false,\n  )\n  const buttonClassName = useButtonClassName(className, isActive ?? false, variantProp)\n  const IconRenderer = useIconRenderer(\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    spacingProps,\n    children,\n    text,\n    isTruncated ?? false,\n  )\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () => filterUndefined({ disabled, size, variant: variant.variant }),\n    [disabled, size, variant.variant],\n  )\n\n  // Memoized content wrapper\n  const Content = useMemo(() => (hasState ? ContentWrapper : Fragment), [hasState])\n\n  // Memoized aria label\n  const ariaLabel = useMemo(() => title || '', [title])\n\n  // Optimized event handler\n  const handleStateClick = useCallback((e: { stopPropagation: () => void }) => {\n    e.stopPropagation()\n  }, [])\n\n  // Memoized final props\n  const finalProps = useMemo(\n    () => ({\n      borderWidth: spacingProps.border,\n      className: buttonClassName,\n      disabled,\n      focusRing: FOCUS_RING_SIZE,\n      h,\n      pl: spacingProps.pl,\n      pr: spacingProps.pr,\n      ref,\n      title: title || ariaLabel,\n      type: BUTTON_TYPE,\n      variant,\n      ...buttonStyles,\n      ...isActiveProps,\n      ...disabledProps,\n      ...aliasedProps,\n      ...rest,\n    }),\n    [\n      spacingProps,\n      buttonClassName,\n      disabled,\n      h,\n      ref,\n      title,\n      ariaLabel,\n      variant,\n      buttonStyles,\n      isActiveProps,\n      disabledProps,\n      aliasedProps,\n      rest,\n    ],\n  )\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {hasState && (\n          <StateWrapper onClick={handleStateClick} {...stateProps}>\n            <ButtonIcon m=\"auto\" {...stateIconProps} />\n          </StateWrapper>\n        )}\n\n        <Content>\n          {IconRenderer.main}\n          {!icon && (\n            <>\n              {IconRenderer.left}\n              {IconRenderer.content}\n              {IconRenderer.right}\n            </>\n          )}\n        </Content>\n      </ButtonBase>\n    </ButtonProvider>\n  )\n}) as VuiComponent<'button', ButtonProps> & {\n  Icon: typeof ButtonIcon\n  Text: typeof ButtonText\n}\n\nButton.Icon = ButtonIcon\nButton.Text = ButtonText\nButton.displayName = 'Button'\n\nexport default Button\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["ButtonIcon","ButtonText"],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { Fragment, useMemo, useCallback } from 'react'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { activeClassName, cs, filterUndefined, isReactText, isString } from '../utils'\nimport type { ButtonProps } from './button.types'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { buttonStateMapping, loadingIconProps } from './consts'\nimport { ButtonProvider } from './context'\n\n// Constants\nconst DEFAULT_BORDER_WIDTH = 1\nconst DEFAULT_BOX_SHADOW = '2'\nconst DEFAULT_DISABLED_OPACITY = 0.5\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// Memoized styled components\nconst ContentWrapper = styled.span`\n  visibility: hidden;\n`\n\nconst StateWrapper = styled.span`\n  bottom: 0;\n  display: flex;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n`\n\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: medium;\n  justify-content: center;\n  line-height: normal;\n  overflow: hidden;\n  position: relative;\n  transition-duration: fast;\n  user-select: none;\n  width: fit-content;\n\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.vui-active:hover {\n    background-color: #d3eef8;\n    color: #003591;\n    border-color-left: #003591;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.vui-active:hover {\n    background-color: #003591;\n    color: #91ffba;\n    border-color-left: #91ffba;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus,\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus-visible,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus-visible {\n    box-shadow: none;\n    outline: none;\n    border-bottom: 0 solid transparent;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus,\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus-visible,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus-visible {\n    transition: border-bottom 0s linear;\n    border-bottom: 3px solid #d3eef8;\n  }\n`\n\nconst useButtonStyles = (mergedProps: any, variant: any) => {\n  const styles = useStyleConfig('Button', { ...mergedProps, ...variant }) || {}\n\n  return useMemo(() => {\n    const container = styles.container || {}\n    const { borderWidth = DEFAULT_BORDER_WIDTH, h = 32, spaceX = 0, ...buttonStyles } = container\n    return { styles, borderWidth, h, spaceX, buttonStyles }\n  }, [mergedProps, variant])\n}\n\n// Utility function to extract numeric value from responsive or themed props\nconst extractNumericValue = (value: any): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    return isNaN(parsed) ? DEFAULT_BORDER_WIDTH : parsed\n  }\n  return DEFAULT_BORDER_WIDTH\n}\n\nconst useSpacingProps = (\n  borderWidthProp: any,\n  borderWidth: number | undefined,\n  spaceX: number,\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  isSplit: boolean,\n) => {\n  return useMemo(() => {\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const spaceXItem = spaceX - border\n    const spaceXText = spaceX * 2 - border\n\n    return {\n      border,\n      iconLeftMr: `${spaceXItem + 1}px`,\n      iconRightMl: isSplit ? 'auto' : `${spaceXItem + 1}px`,\n      pl: `${icon || iconLeft || isLoading ? spaceXItem : spaceXText}px`,\n      pr: `${icon || iconRight ? spaceXItem : spaceXText}px`,\n    }\n  }, [borderWidthProp, borderWidth, spaceX, icon, iconLeft, iconRight, isLoading, isSplit])\n}\n\nconst useDisabledProps = (disabled: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      disabled\n        ? {\n            'aria-disabled': disabled,\n            disabledBg: styles?.container?.disabledBg ?? 'bg',\n            disabledBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            disabledColor: styles?.container?.disabledColor ?? 'color',\n            hoverBg: styles?.container?.disabledBg ?? 'bg',\n            hoverBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            hoverColor: styles?.container?.disabledColor ?? 'color',\n            activeBg: styles?.container?.disabledBg ?? 'bg',\n            cursor: 'not-allowed',\n            opacity: styles?.container?.disabledOpacity ?? DEFAULT_DISABLED_OPACITY,\n          }\n        : {},\n    [disabled, styles?.container],\n  )\n}\n\nconst useActiveProps = (isActive: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      isActive\n        ? filterUndefined({\n            bg: styles?.container?.activeBg,\n            borderBg: styles?.container?.activeBorderBg,\n            color: styles?.container?.activeColor,\n          })\n        : {},\n    [isActive, styles?.container],\n  )\n}\n\nconst useAliasedProps = (\n  isRound: boolean,\n  h: number,\n  styles: any,\n  isElevated: boolean,\n  icon: any,\n  hasState: boolean,\n  isFullWidth: boolean,\n) => {\n  return useMemo(\n    () =>\n      filterUndefined({\n        borderRadius: isRound ? h / 2 : styles?.container?.borderRadius || 0,\n        boxShadow: isElevated ? DEFAULT_BOX_SHADOW : undefined,\n        minW: icon ? 0 : undefined,\n        pointerEvents: hasState ? 'none' : undefined,\n        w: isFullWidth ? '100%' : undefined,\n      }),\n    [isRound, h, styles?.container?.borderRadius, isElevated, icon, hasState, isFullWidth],\n  )\n}\n\nconst useButtonClassName = (className: string | undefined, isActive: boolean, variantProp: string | undefined) => {\n  return useMemo(\n    () =>\n      cs(\n        'vui-button',\n        className,\n        isActive && activeClassName,\n        variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      ),\n    [className, isActive, variantProp],\n  )\n}\n\nconst useIconRenderer = (\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  spacingProps: any,\n  children: any,\n  text: any,\n  isTruncated: boolean,\n) => {\n  return useMemo(\n    () => ({\n      main: isString(icon) ? <ButtonIcon name={icon} /> : icon,\n      left: isLoading ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} {...loadingIconProps} />\n      ) : isString(iconLeft) ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} name={iconLeft} />\n      ) : (\n        iconLeft\n      ),\n      right: isString(iconRight) ? (\n        <ButtonIcon ml={!children && !text ? 0 : spacingProps.iconRightMl} name={iconRight} />\n      ) : (\n        iconRight\n      ),\n      content: children ?? (isReactText(text) ? <ButtonText {...{ isTruncated, text }} /> : text),\n    }),\n    [icon, iconLeft, iconRight, isLoading, spacingProps, children, text, isTruncated],\n  )\n}\n\n/**\n * Triggers given actions on click. Supports multiple states, sizes and variants.\n *\n * Comes with additional props for extra behavior, like loading, disabled or elevated.\n *\n * Exposes some props to the children via context.\n */\nexport const Button = vui<'button', ButtonProps>((props, ref) => {\n  const buttonGroupProps = useButtonGroupContext()\n  const mergedProps = { ...buttonGroupProps, ...props }\n  const {\n    borderWidth: borderWidthProp,\n    children,\n    className,\n    colorScheme,\n    disabled,\n    dropDownIcon = 'falAngleDown',\n    icon,\n    iconLeft,\n    iconRight: iconRightProp,\n    isActive,\n    isDropDown,\n    isElevated,\n    isFullWidth,\n    isLoading,\n    isRound,\n    isSplit,\n    isTruncated,\n    size,\n    state = '',\n    stateMapping,\n    text,\n    title,\n    variant: variantProp,\n    ...rest\n  } = mergedProps\n\n  // Memoized calculations\n  const hasState = useMemo(() => Boolean(state) && state !== 'idle', [state])\n  const states = useMemo(() => ({ ...buttonStateMapping, ...stateMapping }), [stateMapping])\n  const stateData = useMemo(() => states[state] ?? {}, [states, state])\n  const { iconProps: stateIconProps, ...stateProps } = stateData\n\n  const iconRight = useMemo(() => (isDropDown ? 'falAngleDown' : iconRightProp), [isDropDown, iconRightProp])\n\n  const variant = useMemo(\n    () =>\n      filterUndefined({\n        variant: stateData?.variant ?? variantProp,\n      }),\n    [stateData?.variant, variantProp],\n  )\n\n  // Custom hooks for optimization\n  const { styles, borderWidth, h, spaceX, buttonStyles } = useButtonStyles(mergedProps, variant)\n  const spacingProps = useSpacingProps(\n    borderWidthProp,\n    borderWidth,\n    spaceX,\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    isSplit ?? false,\n  )\n  const disabledProps = useDisabledProps(disabled ?? false, styles)\n  const isActiveProps = useActiveProps(isActive ?? false, styles)\n  const aliasedProps = useAliasedProps(\n    isRound ?? false,\n    h,\n    styles,\n    isElevated ?? false,\n    icon,\n    hasState,\n    isFullWidth ?? false,\n  )\n  const buttonClassName = useButtonClassName(className, isActive ?? false, variantProp)\n  const IconRenderer = useIconRenderer(\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    spacingProps,\n    children,\n    text,\n    isTruncated ?? false,\n  )\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () => filterUndefined({ disabled, size, variant: variant.variant }),\n    [disabled, size, variant.variant],\n  )\n\n  // Memoized content wrapper\n  const Content = useMemo(() => (hasState ? ContentWrapper : Fragment), [hasState])\n\n  // Memoized aria label\n  const ariaLabel = useMemo(() => title || '', [title])\n\n  // Optimized event handler\n  const handleStateClick = useCallback((e: { stopPropagation: () => void }) => {\n    e.stopPropagation()\n  }, [])\n\n  // Memoized final props\n  const finalProps = useMemo(\n    () => ({\n      borderWidth: spacingProps.border,\n      className: buttonClassName,\n      disabled,\n      focusRing: FOCUS_RING_SIZE,\n      h,\n      pl: spacingProps.pl,\n      pr: spacingProps.pr,\n      ref,\n      title: title || ariaLabel,\n      type: BUTTON_TYPE,\n      variant,\n      ...buttonStyles,\n      ...isActiveProps,\n      ...disabledProps,\n      ...aliasedProps,\n      ...rest,\n    }),\n    [\n      spacingProps,\n      buttonClassName,\n      disabled,\n      h,\n      ref,\n      title,\n      ariaLabel,\n      variant,\n      buttonStyles,\n      isActiveProps,\n      disabledProps,\n      aliasedProps,\n      rest,\n    ],\n  )\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {hasState && (\n          <StateWrapper onClick={handleStateClick} {...stateProps}>\n            <ButtonIcon m=\"auto\" {...stateIconProps} />\n          </StateWrapper>\n        )}\n\n        <Content>\n          {IconRenderer.main}\n          {!icon && (\n            <>\n              {IconRenderer.left}\n              {IconRenderer.content}\n              {IconRenderer.right}\n            </>\n          )}\n        </Content>\n      </ButtonBase>\n    </ButtonProvider>\n  )\n}) as VuiComponent<'button', ButtonProps> & {\n  Icon: typeof ButtonIcon\n  Text: typeof ButtonText\n}\n\nButton.Icon = ButtonIcon\nButton.Text = ButtonText\nButton.displayName = 'Button'\n\nexport default Button\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,2BAA2B;AACjC,MAAM,cAAc;AACpB,MAAM,kBAAkB;AAGxB,MAAM,iBAAiB,OAAO,IAAI;;;AAIlC,MAAM,eAAe,OAAO,IAAI;;;;;;;;AAShC,MAAa,aAAa,OAAO,SAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCvD,MAAM,mBAAmB,aAAkB,YAAiB;CAC1D,MAAM,SAAS,eAAe,UAAU;EAAE,GAAG;EAAa,GAAG;EAAS,CAAC,IAAI,EAAE;AAE7E,QAAO,cAAc;EAEnB,MAAM,EAAE,cAAc,sBAAsB,IAAI,IAAI,SAAS,EAAG,GAAG,iBADjD,OAAO,aAAa,EAAE;AAExC,SAAO;GAAE;GAAQ;GAAa;GAAG;GAAQ;GAAc;IACtD,CAAC,aAAa,QAAQ,CAAC;;AAI5B,MAAM,uBAAuB,UAAuB;AAClD,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,KAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,SAAS,SAAS,OAAO,GAAG;AAClC,SAAO,MAAM,OAAO,GAAG,uBAAuB;;AAEhD,QAAO;;AAGT,MAAM,mBACJ,iBACA,aACA,QACA,MACA,UACA,WACA,WACA,YACG;AACH,QAAO,cAAc;EACnB,MAAM,SAAS,oBAAoB,gBAAgB,IAAI,eAAe;EACtE,MAAM,aAAa,SAAS;EAC5B,MAAM,aAAa,SAAS,IAAI;AAEhC,SAAO;GACL;GACA,YAAY,GAAG,aAAa,EAAE;GAC9B,aAAa,UAAU,SAAS,GAAG,aAAa,EAAE;GAClD,IAAI,GAAG,QAAQ,YAAY,YAAY,aAAa,WAAW;GAC/D,IAAI,GAAG,QAAQ,YAAY,aAAa,WAAW;GACpD;IACA;EAAC;EAAiB;EAAa;EAAQ;EAAM;EAAU;EAAW;EAAW;EAAQ,CAAC;;AAG3F,MAAM,oBAAoB,UAAmB,WAAgB;AAC3D,QAAO,cAEH,WACI;EACE,iBAAiB;EACjB,YAAY,QAAQ,WAAW,cAAc;EAC7C,qBAAqB,QAAQ,WAAW,uBAAuB;EAC/D,eAAe,QAAQ,WAAW,iBAAiB;EACnD,SAAS,QAAQ,WAAW,cAAc;EAC1C,kBAAkB,QAAQ,WAAW,uBAAuB;EAC5D,YAAY,QAAQ,WAAW,iBAAiB;EAChD,UAAU,QAAQ,WAAW,cAAc;EAC3C,QAAQ;EACR,SAAS,QAAQ,WAAW,mBAAmB;EAChD,GACD,EAAE,EACR,CAAC,UAAU,QAAQ,UAAU,CAC9B;;AAGH,MAAM,kBAAkB,UAAmB,WAAgB;AACzD,QAAO,cAEH,WACI,gBAAgB;EACd,IAAI,QAAQ,WAAW;EACvB,UAAU,QAAQ,WAAW;EAC7B,OAAO,QAAQ,WAAW;EAC3B,CAAC,GACF,EAAE,EACR,CAAC,UAAU,QAAQ,UAAU,CAC9B;;AAGH,MAAM,mBACJ,SACA,GACA,QACA,YACA,MACA,UACA,gBACG;AACH,QAAO,cAEH,gBAAgB;EACd,cAAc,UAAU,IAAI,IAAI,QAAQ,WAAW,gBAAgB;EACnE,WAAW,aAAa,qBAAqB;EAC7C,MAAM,OAAO,IAAI;EACjB,eAAe,WAAW,SAAS;EACnC,GAAG,cAAc,SAAS;EAC3B,CAAC,EACJ;EAAC;EAAS;EAAG,QAAQ,WAAW;EAAc;EAAY;EAAM;EAAU;EAAY,CACvF;;AAGH,MAAM,sBAAsB,WAA+B,UAAmB,gBAAoC;AAChH,QAAO,cAEH,GACE,cACA,WACA,YAAY,iBACZ,cAAc,sBAAsB,gBAAgB,OACrD,EACH;EAAC;EAAW;EAAU;EAAY,CACnC;;AAGH,MAAM,mBACJ,MACA,UACA,WACA,WACA,cACA,UACA,MACA,gBACG;AACH,QAAO,eACE;EACL,MAAM,SAAS,KAAK,GAAG,oBAACA,sBAAW,MAAM,OAAQ,GAAG;EACpD,MAAM,YACJ,oBAACA;GAAW,IAAI,aAAa;GAAY,GAAI;IAAoB,GAC/D,SAAS,SAAS,GACpB,oBAACA;GAAW,IAAI,aAAa;GAAY,MAAM;IAAY,GAE3D;EAEF,OAAO,SAAS,UAAU,GACxB,oBAACA;GAAW,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,aAAa;GAAa,MAAM;IAAa,GAEtF;EAEF,SAAS,aAAa,YAAY,KAAK,GAAG,oBAACC;GAAiB;GAAa;IAAU,GAAG;EACvF,GACD;EAAC;EAAM;EAAU;EAAW;EAAW;EAAc;EAAU;EAAM;EAAY,CAClF;;;;;;;;;AAUH,MAAa,SAAS,KAA4B,OAAO,QAAQ;CAE/D,MAAM,cAAc;EAAE,GADG,uBAAuB;EACL,GAAG;EAAO;CACrD,MAAM,EACJ,aAAa,iBACb,UACA,WACA,aACA,UACA,eAAe,gBACf,MACA,UACA,WAAW,eACX,UACA,YACA,YACA,aACA,WACA,SACA,SACA,aACA,MACA,QAAQ,IACR,cACA,MACA,OACA,SAAS,YACT,GAAG,SACD;CAGJ,MAAM,WAAW,cAAc,QAAQ,MAAM,IAAI,UAAU,QAAQ,CAAC,MAAM,CAAC;CAC3E,MAAM,SAAS,eAAe;EAAE,GAAG;EAAoB,GAAG;EAAc,GAAG,CAAC,aAAa,CAAC;CAC1F,MAAM,YAAY,cAAc,OAAO,UAAU,EAAE,EAAE,CAAC,QAAQ,MAAM,CAAC;CACrE,MAAM,EAAE,WAAW,eAAgB,GAAG,eAAe;CAErD,MAAM,YAAY,cAAe,aAAa,iBAAiB,eAAgB,CAAC,YAAY,cAAc,CAAC;CAE3G,MAAM,UAAU,cAEZ,gBAAgB,EACd,SAAS,WAAW,WAAW,aAChC,CAAC,EACJ,CAAC,WAAW,SAAS,YAAY,CAClC;CAGD,MAAM,EAAE,QAAQ,aAAa,GAAG,QAAQ,iBAAiB,gBAAgB,aAAa,QAAQ;CAC9F,MAAM,eAAe,gBACnB,iBACA,aACA,QACA,MACA,UACA,WACA,aAAa,OACb,WAAW,MACZ;CACD,MAAM,gBAAgB,iBAAiB,YAAY,OAAO,OAAO;CACjE,MAAM,gBAAgB,eAAe,YAAY,OAAO,OAAO;CAC/D,MAAM,eAAe,gBACnB,WAAW,OACX,GACA,QACA,cAAc,OACd,MACA,UACA,eAAe,MAChB;CACD,MAAM,kBAAkB,mBAAmB,WAAW,YAAY,OAAO,YAAY;CACrF,MAAM,eAAe,gBACnB,MACA,UACA,WACA,aAAa,OACb,cACA,UACA,MACA,eAAe,MAChB;CAGD,MAAM,eAAe,cACb,gBAAgB;EAAE;EAAU;EAAM,SAAS,QAAQ;EAAS,CAAC,EACnE;EAAC;EAAU;EAAM,QAAQ;EAAQ,CAClC;CAGD,MAAM,UAAU,cAAe,WAAW,iBAAiB,UAAW,CAAC,SAAS,CAAC;CAGjF,MAAM,YAAY,cAAc,SAAS,IAAI,CAAC,MAAM,CAAC;CAGrD,MAAM,mBAAmB,aAAa,MAAuC;AAC3E,IAAE,iBAAiB;IAClB,EAAE,CAAC;AAuCN,QACE,oBAAC;EAAe,OAAO;YACrB,qBAAC;GAAW,GAtCG,eACV;IACL,aAAa,aAAa;IAC1B,WAAW;IACX;IACA,WAAW;IACX;IACA,IAAI,aAAa;IACjB,IAAI,aAAa;IACjB;IACA,OAAO,SAAS;IAChB,MAAM;IACN;IACA,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACJ,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CACF;cAKM,YACC,oBAAC;IAAa,SAAS;IAAkB,GAAI;cAC3C,oBAACD;KAAW,GAAE;KAAO,GAAI;MAAkB;KAC9B,EAGjB,qBAAC,sBACE,aAAa,MACb,CAAC,QACA;IACG,aAAa;IACb,aAAa;IACb,aAAa;OACb,IAEG;IACC;GACE;EAEnB;AAKF,OAAO,OAAOA;AACd,OAAO,OAAOC;AACd,OAAO,cAAc;AAErB,qBAAe"}

package/dist/button/button.types.d.ts

@@ -1,7 +1,10 @@
 import { AnyString } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { IconProp, IconProps } from "../icon/icon.types.js";
+import "../icon/index.js";
 
 //#region src/button/button.types.d.ts
 type ButtonProps = SystemProps & ThemingProps<'Button'> & {

package/dist/button/button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.types.d.ts","names":[],"sources":["../../src/button/button.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,WAAA,CAAA,CAAA,CAAc,cACxB;;EADU,WAAA,CAAA,CAAA,CAAW,MAAA;EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,YAAA,CAAA,CAAA;cAAG,CAAA,CAAA,CAKP,QALO;;MAKP,CAAA,CAAA,CAER,QAFQ,CAAA,CAAA,CAEG,GAAA,CAAI,OAFP;;UAEO,CAAA,CAAA,CAEX,QAFW,CAAA,CAAA,CAEA,GAAA,CAAI,OAFJ;;WAEI,CAAA,CAAA,CAEd,QAFc,CAAA,CAAA,CAEH,GAAA,CAAI,OAFD;;UAEC,CAAA,CAAA,CAAA,OAAA;;YAkBZ,CAAA,CAAA,CAAA,OAAA;;EAEO,UAAA,CAAA,CAAA,CAAA,OAAA;EAGd,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAEA,WAAA,CAAA,CAAA,CAAA,OAAkB;EAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;WAAkB,CAAA,CAAA,CAAA,OAAA;;SAA4D,CAAA,CAAA,CAAA,OAAA;;EAArE,OAAA,CAAA,CAAA,CAAA,OAAA;EAG3B,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAAe,KAAA,CAAA,CAAA,CAZf,WAYe;;cAAG,CAAA,CAAA,CAVX,kBAUW;EAAI,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA;SARvB,KAAA,CAAM;;KAGL,WAAA,CAAA,CAAA,4CAAyD;KAEzD,kBAAA,CAAA,CAAA,CAAqB,eAAe;WAAyB;aAAmC;;;KAGhG,eAAA,CAAA,CAAA,CAAkB,KAAK"}
+{"version":3,"file":"button.types.d.ts","names":[],"sources":["../../src/button/button.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAKY,WAAA,CAAA,CAAA,CAAc,cACxB;;;;iBAIiB;EALP,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAc,IAAA,CAAA,CAAA,CAOf,QAPe,CAAA,CAAA,CAOJ,GAAA,CAAI,OAPA;EACxB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAIiB,QAAA,CAAA,CAAA,CAIJ,QAJI,CAAA,CAAA,CAIO,GAAA,CAAI,OAJX;EAER,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAW,SAAI,CAAA,CAAA,CAIV,QAJU,CAAA,CAAA,CAIC,GAAA,CAAI,OAJL;EAEX,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAAW,QAAI,CAAA,CAAA,CAAA,OAAA;EAEd,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAW,UAAI,CAAA,CAAA,CAAA,OAAA;EAgBnB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;EAEO,UAAA,CAAA,CAAA,CAAA,OAAA;EAER,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAAe,WAAA,CAAA,CAAA,CAAA,OAAA;EAGd,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;EAEA,SAAA,CAAA,CAAA,CAAA,OAAA;EAAoC,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;EAAyB,OAAA,CAAA,CAAA,CAAA,OAAA;EAAmC,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAA3E,OAAA,CAAA,CAAA,CAAA,OAAA;EAAM,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAG3B,KAAA,CAAA,CAAA,CAZA,WAYe;;iBAVR;;SAER,KAAA,CAAM;;KAGL,WAAA,CAAA,CAAA,4CAAyD;KAEzD,kBAAA,CAAA,CAAA,CAAqB,eAAe;WAAyB;aAAmC;;;KAGhG,eAAA,CAAA,CAAA,CAAkB,KAAK"}

package/dist/button/buttonIcon.d.ts

@@ -1,5 +1,7 @@
 import { IconProps } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/button/buttonIcon.d.ts
 /** Displays an icon within the Button. */

package/dist/button/buttonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.d.ts","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,YAAU,oBAAA"}
+{"version":3,"file":"buttonIcon.d.ts","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":[],"mappings":";;;;;;;cASa,YAAU,oBAAA"}

package/dist/button/buttonIcon.js

@@ -1,2 +1,29 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../icon/icon.js";import{useButtonContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=e=>e?.startsWith(`con`),s=n((n,s)=>{let{className:c,name:l,...u}=n,d=t(`Button`,i()),f=o(l)?void 0:l;return a(r,{className:e(`vui-buttonIcon`,c),name:f,ref:s,...d.icon,...u})});s.displayName=`ButtonIcon`;var c=s;export{s as ButtonIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import icon_default from "../icon/icon.js";
+import { useButtonContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/button/buttonIcon.tsx
+const isConceptualIcon = (name) => name?.startsWith("con");
+/** Displays an icon within the Button. */
+const ButtonIcon = vui((props, ref) => {
+	const { className, name,...rest } = props;
+	const styles = useStyleConfig("Button", useButtonContext());
+	const verifiedName = isConceptualIcon(name) ? void 0 : name;
+	return /* @__PURE__ */ jsx(icon_default, {
+		className: cs("vui-buttonIcon", className),
+		name: verifiedName,
+		ref,
+		...styles.icon,
+		...rest
+	});
+});
+ButtonIcon.displayName = "ButtonIcon";
+var buttonIcon_default = ButtonIcon;
+
+//#endregion
+export { ButtonIcon, buttonIcon_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=buttonIcon.js.map

package/dist/button/buttonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.js","names":["Icon"],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProp, IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\nconst isConceptualIcon = (name?: IconProp) => name?.startsWith('con')\n\n/** Displays an icon within the Button. */\nexport const ButtonIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, ...rest } = props\n  const styles = useStyleConfig('Button', useButtonContext())\n  const verifiedName = isConceptualIcon(name) ? undefined : name\n\n  return <Icon className={cs('vui-buttonIcon', className)} name={verifiedName} ref={ref} {...styles.icon} {...rest} />\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":"sPAMA,MAAM,EAAoB,GAAoB,GAAM,WAAW,MAAM,CAGxD,EAAa,GAAuB,EAAO,IAAQ,CAC9D,GAAM,CAAE,YAAW,OAAM,GAAG,GAAS,EAC/B,EAAS,EAAe,SAAU,GAAkB,CAAC,CACrD,EAAe,EAAiB,EAAK,CAAG,IAAA,GAAY,EAE1D,OAAO,EAACA,EAAAA,CAAK,UAAW,EAAG,iBAAkB,EAAU,CAAE,KAAM,EAAmB,MAAK,GAAI,EAAO,KAAM,GAAI,GAAQ,EACpH,CAEF,EAAW,YAAc,aACzB,IAAA,EAAe"}
+{"version":3,"file":"buttonIcon.js","names":["Icon"],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProp, IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\nconst isConceptualIcon = (name?: IconProp) => name?.startsWith('con')\n\n/** Displays an icon within the Button. */\nexport const ButtonIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, ...rest } = props\n  const styles = useStyleConfig('Button', useButtonContext())\n  const verifiedName = isConceptualIcon(name) ? undefined : name\n\n  return <Icon className={cs('vui-buttonIcon', className)} name={verifiedName} ref={ref} {...styles.icon} {...rest} />\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":";;;;;;;;AAMA,MAAM,oBAAoB,SAAoB,MAAM,WAAW,MAAM;;AAGrE,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,WAAW,KAAM,GAAG,SAAS;CACrC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,eAAe,iBAAiB,KAAK,GAAG,SAAY;AAE1D,QAAO,oBAACA;EAAK,WAAW,GAAG,kBAAkB,UAAU;EAAE,MAAM;EAAmB;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EACpH;AAEF,WAAW,cAAc;AACzB,yBAAe"}

package/dist/button/buttonText.d.ts

@@ -1,5 +1,7 @@
 import { TProps } from "../t/t.types.js";
+import "../t/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/button/buttonText.d.ts
 /** Displays the text label of the button. */

package/dist/button/buttonText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonText.d.ts","names":[],"sources":["../../src/button/buttonText.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,YAAU,qBAAA"}
+{"version":3,"file":"buttonText.d.ts","names":[],"sources":["../../src/button/buttonText.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,YAAU,qBAAA"}

package/dist/button/buttonText.js

@@ -1,2 +1,27 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useButtonContext as r}from"./context.js";import i from"../t/t.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Button`,r());return a(i,{className:e(`vui-buttonText`,s),fontSize:`inherit`,ref:o,...l.text,...c})});o.displayName=`ButtonText`;var s=o;export{o as ButtonText,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { useButtonContext } from "./context.js";
+import t_default from "../t/t.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/button/buttonText.tsx
+/** Displays the text label of the button. */
+const ButtonText = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Button", useButtonContext());
+	return /* @__PURE__ */ jsx(t_default, {
+		className: cs("vui-buttonText", className),
+		fontSize: "inherit",
+		ref,
+		...styles.text,
+		...rest
+	});
+});
+ButtonText.displayName = "ButtonText";
+var buttonText_default = ButtonText;
+
+//#endregion
+export { ButtonText, buttonText_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=buttonText.js.map

package/dist/button/buttonText.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonText.js","names":["T"],"sources":["../../src/button/buttonText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\n/** Displays the text label of the button. */\nexport const ButtonText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Button', useButtonContext())\n\n  return <T className={cs('vui-buttonText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nButtonText.displayName = 'ButtonText'\n\nexport default ButtonText\n"],"mappings":"gPAOA,MAAa,EAAa,GAAqB,EAAO,IAAQ,CAC5D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OAAO,EAACA,EAAAA,CAAE,UAAW,EAAG,iBAAkB,EAAU,CAAE,SAAS,UAAe,MAAK,GAAI,EAAO,KAAM,GAAI,GAAQ,EAChH,CAEF,EAAW,YAAc,aAEzB,IAAA,EAAe"}
+{"version":3,"file":"buttonText.js","names":["T"],"sources":["../../src/button/buttonText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\n/** Displays the text label of the button. */\nexport const ButtonText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Button', useButtonContext())\n\n  return <T className={cs('vui-buttonText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nButtonText.displayName = 'ButtonText'\n\nexport default ButtonText\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAACA;EAAE,WAAW,GAAG,kBAAkB,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAChH;AAEF,WAAW,cAAc;AAEzB,yBAAe"}

package/dist/button/buttons.d.ts

@@ -1,5 +1,6 @@
 import { ButtonProps, IconButtonProps } from "./button.types.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/button/buttons.d.ts
 declare const AppButton: VuiComponent<"button", ButtonProps>;

package/dist/button/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","names":[],"sources":["../../src/button/buttons.tsx"],"sourcesContent":[],"mappings":";;;;cAIa,WAAS,uBAAA;cAIT,YAAU,uBAAA;cAIV,aAAW,uBAAA;AARX,OAAA,CAAA,KAAA,CAYA,SAVX,CAAA,CAUoB,YAVpB,CAAA,CAAA,MAAA,CAAA,CAAA,CAUoB,WAVpB,CAAA;AAAA,OAAA,CAAA,KAAA,CAcW,YAdX,CAAA,CAcuB,YAdvB,CAAA,CAAA,MAAA,CAAA,CAAA,CAcuB,WAdvB,CAAA;AAFoB,OAAA,CAAA,KAAA,CAoBT,UApBS,CAAA,CAoBC,YApBD,CAAA,CAAA,MAAA,CAAA,CAAA,CAoBC,eApBD,CAAA;AAAA,OAAA,CAAA,KAAA,CAwBT,UAxBS,CAAA,CAwBC,YAxBD,CAAA,CAAA,MAAA,CAAA,CAAA,CAwBC,WAxBD,CAAA;AAAA,OAAA,CAAA,KAAA,CA4BT,UA5BS,CAAA,CA4BC,YA5BD,CAAA,CAAA,MAAA,CAAA,CAAA,CA4BC,WA5BD,CAAA"}
+{"version":3,"file":"buttons.d.ts","names":[],"sources":["../../src/button/buttons.tsx"],"sourcesContent":[],"mappings":";;;;;cAIa,WAAS,uBAAA;cAIT,YAAU,uBAAA;cAIV,aAAW,uBAAA;cAIX,WAAS,uBAAA;AAZT,OAAA,CAAA,KAAA,CAgBA,YAhBS,CAAA,CAgBG,YAhBH,CAAA,CAAA,MAAA,CAAA,CAAA,CAgBG,WAhBH,CAAA;AAIT,OAAA,CAAA,KAAA,CAgBA,UAhBU,CAAA,CAgBA,YAhBA,CAAA,CAAA,MAAA,CAAA,CAAA,CAgBA,eAhBA,CAAA;AAIV,OAAA,CAAA,KAAA,CAgBA,UAhBW,CAAA,CAgBD,YAhBC,CAAA,CAAA,MAAA,CAAA,CAAA,CAgBD,WAhBC,CAAA;AAIX,OAAA,CAAA,KAAA,CAgBA,UAhBS,CAAA,CAgBC,YAhBD,CAAA,CAAA,MAAA,CAAA,CAAA,CAgBC,WAhBD,CAAA"}

package/dist/button/buttons.js

@@ -1,2 +1,52 @@
-import{vui as e}from"../core/vui.js";import t from"./button.js";import{jsx as n}from"react/jsx-runtime";const r=e((e,r)=>n(t,{ref:r,variant:`primaryDark`,...e})),i=e((e,t)=>n(c,{icon:`uiArrowLeft`,ref:t,variant:`tertiaryDark`,...e})),a=e((e,t)=>n(c,{icon:`uiTimes`,ref:t,variant:`tertiaryDark`,...e})),o=e((e,r)=>n(t,{ref:r,variant:`solidGreen`,...e})),s=e((e,r)=>n(t,{ref:r,variant:`solidRed`,...e})),c=e((e,r)=>n(t,{ref:r,variant:`tertiaryDark`,...e})),l=e((e,r)=>n(t,{ref:r,variant:`secondaryDark`,...e})),u=e((e,r)=>n(t,{ref:r,variant:`tertiaryDark`,...e}));export{r as AppButton,i as BackButton,o as CTAButton,a as CloseButton,s as DangerButton,c as IconButton,l as LineButton,u as TextButton};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { vui } from "../core/vui.js";
+import button_default from "./button.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/button/buttons.tsx
+const AppButton = vui((props, ref) => /* @__PURE__ */ jsx(button_default, {
+	ref,
+	variant: "primaryDark",
+	...props
+}));
+const BackButton = vui((props, ref) => /* @__PURE__ */ jsx(IconButton, {
+	icon: "uiArrowLeft",
+	ref,
+	variant: "tertiaryDark",
+	...props
+}));
+const CloseButton = vui((props, ref) => /* @__PURE__ */ jsx(IconButton, {
+	icon: "uiTimes",
+	ref,
+	variant: "tertiaryDark",
+	...props
+}));
+const CTAButton = vui((props, ref) => /* @__PURE__ */ jsx(button_default, {
+	ref,
+	variant: "solidGreen",
+	...props
+}));
+const DangerButton = vui((props, ref) => /* @__PURE__ */ jsx(button_default, {
+	ref,
+	variant: "solidRed",
+	...props
+}));
+const IconButton = vui((props, ref) => /* @__PURE__ */ jsx(button_default, {
+	ref,
+	variant: "tertiaryDark",
+	...props
+}));
+const LineButton = vui((props, ref) => /* @__PURE__ */ jsx(button_default, {
+	ref,
+	variant: "secondaryDark",
+	...props
+}));
+const TextButton = vui((props, ref) => /* @__PURE__ */ jsx(button_default, {
+	ref,
+	variant: "tertiaryDark",
+	...props
+}));
+
+//#endregion
+export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=buttons.js.map

package/dist/button/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","names":["Button"],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { vui } from '../core'\nimport Button from './button'\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primaryDark\" {...props} />\n))\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiArrowLeft\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiTimes\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidGreen\" {...props} />\n))\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidRed\" {...props} />\n))\n\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondaryDark\" {...props} />\n))\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n"],"mappings":"wGAIA,MAAa,EAAY,GAA4B,EAAO,IAC1D,EAACA,EAAAA,CAAY,MAAK,QAAQ,cAAc,GAAI,GAAS,CACrD,CAEW,EAAa,GAAgC,EAAO,IAC/D,EAAC,EAAA,CAAW,KAAK,cAAmB,MAAK,QAAQ,eAAe,GAAI,GAAS,CAC7E,CAEW,EAAc,GAAgC,EAAO,IAChE,EAAC,EAAA,CAAW,KAAK,UAAe,MAAK,QAAQ,eAAe,GAAI,GAAS,CACzE,CAEW,EAAY,GAA4B,EAAO,IAC1D,EAACA,EAAAA,CAAY,MAAK,QAAQ,aAAa,GAAI,GAAS,CACpD,CAEW,EAAe,GAA4B,EAAO,IAC7D,EAACA,EAAAA,CAAY,MAAK,QAAQ,WAAW,GAAI,GAAS,CAClD,CAEW,EAAa,GAAgC,EAAO,IAC/D,EAACA,EAAAA,CAAY,MAAK,QAAQ,eAAe,GAAI,GAAS,CACtD,CAEW,EAAa,GAA4B,EAAO,IAC3D,EAACA,EAAAA,CAAY,MAAK,QAAQ,gBAAgB,GAAI,GAAS,CACvD,CAEW,EAAa,GAA4B,EAAO,IAC3D,EAACA,EAAAA,CAAY,MAAK,QAAQ,eAAe,GAAI,GAAS,CACtD"}
+{"version":3,"file":"buttons.js","names":["Button"],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { vui } from '../core'\nimport Button from './button'\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primaryDark\" {...props} />\n))\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiArrowLeft\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiTimes\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidGreen\" {...props} />\n))\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidRed\" {...props} />\n))\n\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondaryDark\" {...props} />\n))\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n"],"mappings":";;;;;AAIA,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAACA;CAAY;CAAK,SAAQ;CAAc,GAAI;EAAS,CACrD;AAEF,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC;CAAW,MAAK;CAAmB;CAAK,SAAQ;CAAe,GAAI;EAAS,CAC7E;AAEF,MAAa,cAAc,KAAgC,OAAO,QAChE,oBAAC;CAAW,MAAK;CAAe;CAAK,SAAQ;CAAe,GAAI;EAAS,CACzE;AAEF,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAACA;CAAY;CAAK,SAAQ;CAAa,GAAI;EAAS,CACpD;AAEF,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAACA;CAAY;CAAK,SAAQ;CAAW,GAAI;EAAS,CAClD;AAEF,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAACA;CAAY;CAAK,SAAQ;CAAe,GAAI;EAAS,CACtD;AAEF,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAACA;CAAY;CAAK,SAAQ;CAAgB,GAAI;EAAS,CACvD;AAEF,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAACA;CAAY;CAAK,SAAQ;CAAe,GAAI;EAAS,CACtD"}

package/dist/button/consts.js

@@ -1,2 +1,31 @@
-const e={animation:`vui-spin 0.6s linear infinite`,name:`fadSpinnerThird`,pathFill:[``,`transparent`]},t={error:{variant:`solidRed`,iconProps:{animation:`fadeDown`,icon:`uiTimesCircle`}},loading:{variant:`primaryDark`,iconProps:e},success:{variant:`solidGreen`,iconProps:{animation:`fadeDown`,icon:`uiCheckCircle`}}};export{t as buttonStateMapping,e as loadingIconProps};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/button/consts.ts
+const loadingIconProps = {
+	animation: "vui-spin 0.6s linear infinite",
+	name: "fadSpinnerThird",
+	pathFill: ["", "transparent"]
+};
+const buttonStateMapping = {
+	error: {
+		variant: "solidRed",
+		iconProps: {
+			animation: "fadeDown",
+			icon: "uiTimesCircle"
+		}
+	},
+	loading: {
+		variant: "primaryDark",
+		iconProps: loadingIconProps
+	},
+	success: {
+		variant: "solidGreen",
+		iconProps: {
+			animation: "fadeDown",
+			icon: "uiCheckCircle"
+		}
+	}
+};
+
+//#endregion
+export { buttonStateMapping, loadingIconProps };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/button/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":["buttonStateMapping: ButtonStateMapping"],"sources":["../../src/button/consts.ts"],"sourcesContent":["import type { ButtonStateMapping } from './button.types'\n\nexport const loadingIconProps = {\n  animation: 'vui-spin 0.6s linear infinite',\n  name: 'fadSpinnerThird',\n  pathFill: ['', 'transparent'],\n}\n\nexport const buttonStateMapping: ButtonStateMapping = {\n  error: {\n    variant: 'solidRed',\n    iconProps: {\n      animation: 'fadeDown',\n      icon: 'uiTimesCircle',\n    },\n  },\n  loading: {\n    variant: 'primaryDark',\n    iconProps: loadingIconProps,\n  },\n  success: {\n    variant: 'solidGreen',\n    iconProps: {\n      animation: 'fadeDown',\n      icon: 'uiCheckCircle',\n    },\n  },\n}\n"],"mappings":"AAEA,MAAa,EAAmB,CAC9B,UAAW,gCACX,KAAM,kBACN,SAAU,CAAC,GAAI,cAAc,CAC9B,CAEYA,EAAyC,CACpD,MAAO,CACL,QAAS,WACT,UAAW,CACT,UAAW,WACX,KAAM,gBACP,CACF,CACD,QAAS,CACP,QAAS,cACT,UAAW,EACZ,CACD,QAAS,CACP,QAAS,aACT,UAAW,CACT,UAAW,WACX,KAAM,gBACP,CACF,CACF"}
+{"version":3,"file":"consts.js","names":["buttonStateMapping: ButtonStateMapping"],"sources":["../../src/button/consts.ts"],"sourcesContent":["import type { ButtonStateMapping } from './button.types'\n\nexport const loadingIconProps = {\n  animation: 'vui-spin 0.6s linear infinite',\n  name: 'fadSpinnerThird',\n  pathFill: ['', 'transparent'],\n}\n\nexport const buttonStateMapping: ButtonStateMapping = {\n  error: {\n    variant: 'solidRed',\n    iconProps: {\n      animation: 'fadeDown',\n      icon: 'uiTimesCircle',\n    },\n  },\n  loading: {\n    variant: 'primaryDark',\n    iconProps: loadingIconProps,\n  },\n  success: {\n    variant: 'solidGreen',\n    iconProps: {\n      animation: 'fadeDown',\n      icon: 'uiCheckCircle',\n    },\n  },\n}\n"],"mappings":";AAEA,MAAa,mBAAmB;CAC9B,WAAW;CACX,MAAM;CACN,UAAU,CAAC,IAAI,cAAc;CAC9B;AAED,MAAaA,qBAAyC;CACpD,OAAO;EACL,SAAS;EACT,WAAW;GACT,WAAW;GACX,MAAM;GACP;EACF;CACD,SAAS;EACP,SAAS;EACT,WAAW;EACZ;CACD,SAAS;EACP,SAAS;EACT,WAAW;GACT,WAAW;GACX,MAAM;GACP;EACF;CACF"}

package/dist/button/context.d.ts

@@ -1,4 +1,5 @@
 import { Dict } from "../utils/types.js";
+import "../utils/index.js";
 import * as react0 from "react";
 
 //#region src/button/context.d.ts

package/dist/button/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/button/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,MAAA,CAAA,SAAA,OAAE,wBAAgB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/button/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,gBAAc,MAAA,CAAA,SAAA,OAAE,wBAAgB"}