@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601091216

package/dist/box/index.d.ts

@@ -1,2 +1,2 @@
 import { BoxProps } from "./box.types.js";
-import { Box, BoxBase } from "./box.js";
+import { Box, BoxBase } from "./box.js";

package/dist/box/index.js

@@ -0,0 +1,3 @@
+import box_default, { Box, BoxBase } from "./box.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/box/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/breadcrumbs/breadcrumbs.d.ts

@@ -4,14 +4,15 @@ import "../core/index.js";
 import { BreadcrumbsProps } from "./breadcrumbs.types.js";
 import { BreadcrumbsItem } from "./breadcrumbsItem.js";
 import "../index.js";
-import * as styled_components3 from "styled-components";
+import * as styled_components11 from "styled-components";
 
 //#region src/breadcrumbs/breadcrumbs.d.ts
-declare const BreadcrumbsBase: styled_components3.StyledComponent<"div", styled_components3.DefaultTheme, SystemProps, never>;
+declare const BreadcrumbsBase: styled_components11.StyledComponent<"div", styled_components11.DefaultTheme, SystemProps, never>;
 /** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
 declare const Breadcrumbs: VuiComponent<"div", BreadcrumbsProps> & {
   Item: typeof BreadcrumbsItem;
 };
 //#endregion
 export { Breadcrumbs, BreadcrumbsBase };
+
 //# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/breadcrumbs/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAUa,iBAAe,kBAAA,CAAA,uBAQ3B,kBAAA,CAR2B,YAAA,CAAA,CAAA,WAAA,CAAA;;cAWf,aAyBP,oBAAoB;eACX"}
+{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAUa,iBAAe,mBAAA,CAAA,uBAQ3B,mBAAA,CAR2B,YAAA,EAAA,WAAA;;cAWf,aAyBP,oBAAoB;eACX"}

package/dist/breadcrumbs/breadcrumbs.js

@@ -1,8 +1,10 @@
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { BreadcrumbsProvider } from "./context.js";
 import breadcrumbsItem_default from "./breadcrumbsItem.js";
 import breadcrumbsSeparator_default from "./breadcrumbsSeparator.js";
@@ -21,7 +23,7 @@ const BreadcrumbsBase = styled.divBox`
 `;
 /** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
 const Breadcrumbs = vui((props, ref) => {
-	const { children, className, size, variant,...rest } = props;
+	const { children, className, size, variant, ...rest } = props;
 	const styles = useStyleConfig("Breadcrumbs", props);
 	const context = useMemo(() => filterUndefined({
 		size,
@@ -46,5 +48,5 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 //#endregion
 export { Breadcrumbs, BreadcrumbsBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","names":["BreadcrumbsSeparator","BreadcrumbsItem"],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { Children, Fragment, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { BreadcrumbsProps } from './breadcrumbs.types'\nimport BreadcrumbsItem from './breadcrumbsItem'\nimport BreadcrumbsSeparator from './breadcrumbsSeparator'\nimport { BreadcrumbsProvider } from './context'\n\nexport const BreadcrumbsBase = styled.divBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n\n  .vui-breadcrumbs-item:last-of-type {\n    font-weight: 600;\n  }\n`\n\n/** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */\nexport const Breadcrumbs = vui<'div', BreadcrumbsProps>((props, ref) => {\n  const { children, className, size, variant, ...rest } = props\n  const styles = useStyleConfig('Breadcrumbs', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const aliasedProps = filterUndefined<BreadcrumbsProps>({})\n  const arrayChildren = Children.toArray(children)\n\n  return (\n    <BreadcrumbsProvider value={context}>\n      <BreadcrumbsBase\n        className={cs('vui-breadcrumbs', className)}\n        ref={ref}\n        {...styles.main}\n        {...aliasedProps}\n        {...rest}\n      >\n        {Children.map(arrayChildren, (child, key) => (\n          <Fragment key={key}>\n            {child}\n            {key !== arrayChildren.length - 1 && <BreadcrumbsSeparator />}\n          </Fragment>\n        ))}\n      </BreadcrumbsBase>\n    </BreadcrumbsProvider>\n  )\n}) as VuiComponent<'div', BreadcrumbsProps> & {\n  Item: typeof BreadcrumbsItem\n}\n\nBreadcrumbs.Item = BreadcrumbsItem\nBreadcrumbs.displayName = 'Breadcrumbs'\nexport default Breadcrumbs\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,kBAAkB,OAAO,MAAM;;;;;;;;;;AAW5C,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,MAAM,QAAS,GAAG,SAAS;CACxD,MAAM,SAAS,eAAe,eAAe,MAAM;CACnD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,eAAe,gBAAkC,EAAE,CAAC;CAC1D,MAAM,gBAAgB,SAAS,QAAQ,SAAS;AAEhD,QACE,oBAAC;EAAoB,OAAO;YAC1B,oBAAC;GACC,WAAW,GAAG,mBAAmB,UAAU;GACtC;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,SAAS,IAAI,gBAAgB,OAAO,QACnC,qBAAC,uBACE,OACA,QAAQ,cAAc,SAAS,KAAK,oBAACA,iCAAuB,KAFhD,IAGJ,CACX;IACc;GACE;EAExB;AAIF,YAAY,OAAOC;AACnB,YAAY,cAAc"}
+{"version":3,"file":"breadcrumbs.js","names":["BreadcrumbsSeparator","BreadcrumbsItem"],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { Children, Fragment, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { BreadcrumbsProps } from './breadcrumbs.types'\nimport BreadcrumbsItem from './breadcrumbsItem'\nimport BreadcrumbsSeparator from './breadcrumbsSeparator'\nimport { BreadcrumbsProvider } from './context'\n\nexport const BreadcrumbsBase = styled.divBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n\n  .vui-breadcrumbs-item:last-of-type {\n    font-weight: 600;\n  }\n`\n\n/** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */\nexport const Breadcrumbs = vui<'div', BreadcrumbsProps>((props, ref) => {\n  const { children, className, size, variant, ...rest } = props\n  const styles = useStyleConfig('Breadcrumbs', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const aliasedProps = filterUndefined<BreadcrumbsProps>({})\n  const arrayChildren = Children.toArray(children)\n\n  return (\n    <BreadcrumbsProvider value={context}>\n      <BreadcrumbsBase\n        className={cs('vui-breadcrumbs', className)}\n        ref={ref}\n        {...styles.main}\n        {...aliasedProps}\n        {...rest}\n      >\n        {Children.map(arrayChildren, (child, key) => (\n          <Fragment key={key}>\n            {child}\n            {key !== arrayChildren.length - 1 && <BreadcrumbsSeparator />}\n          </Fragment>\n        ))}\n      </BreadcrumbsBase>\n    </BreadcrumbsProvider>\n  )\n}) as VuiComponent<'div', BreadcrumbsProps> & {\n  Item: typeof BreadcrumbsItem\n}\n\nBreadcrumbs.Item = BreadcrumbsItem\nBreadcrumbs.displayName = 'Breadcrumbs'\nexport default Breadcrumbs\n"],"mappings":";;;;;;;;;;;;;;AAUA,MAAa,kBAAkB,OAAO,MAAM;;;;;;;;;;AAW5C,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,MAAM,SAAS,GAAG,SAAS;CACxD,MAAM,SAAS,eAAe,eAAe,MAAM;CACnD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,eAAe,gBAAkC,EAAE,CAAC;CAC1D,MAAM,gBAAgB,SAAS,QAAQ,SAAS;AAEhD,QACE,oBAAC;EAAoB,OAAO;YAC1B,oBAAC;GACC,WAAW,GAAG,mBAAmB,UAAU;GACtC;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,SAAS,IAAI,gBAAgB,OAAO,QACnC,qBAAC,uBACE,OACA,QAAQ,cAAc,SAAS,KAAK,oBAACA,iCAAuB,KAFhD,IAGJ,CACX;IACc;GACE;EAExB;AAIF,YAAY,OAAOC;AACnB,YAAY,cAAc"}

package/dist/breadcrumbs/breadcrumbs.types.d.ts

@@ -23,4 +23,5 @@ type BreadcrumbsSeparatorProps = BoxProps & {
 };
 //#endregion
 export { BreadcrumbsItemProps, BreadcrumbsProps, BreadcrumbsSeparatorProps };
+
 //# sourceMappingURL=breadcrumbs.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.types.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,gBAAA,CAAA,CAAA,CAAmB,cAAc;KAEjC,oBAAA,CAAA,CAAA,CAAuB;;;EAFvB,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAEA,QAAA,CAAA,CAAA,CAIC,SAJD;AAOZ,CAAA;AAAwC,IAAA,CAA5B,yBAAA,CAAA,CAAA,CAA4B,QAAA,CAAA,CAAA,CAAA;EAI3B,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;EAED,SAAA,CAAA,CAAA,CAAA,MAAA;EAAS,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;aAFR;;YAED"}
+{"version":3,"file":"breadcrumbs.types.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,gBAAA,GAAmB,cAAc;KAEjC,oBAAA,GAAuB;;;EAFvB;EAEA,QAAA,CAAA,EAIC,SAJD;AAOZ,CAAA;AAAwC,KAA5B,yBAAA,GAA4B,QAAA,GAAA;EAI3B;EAED,SAAA,CAAA,EAAA,MAAA;EAAS;aAFR;;YAED"}

package/dist/breadcrumbs/breadcrumbsItem.d.ts

@@ -7,4 +7,5 @@ import { BreadcrumbsItemProps } from "./breadcrumbs.types.js";
 declare const BreadcrumbsItem: VuiComponent<"div", BreadcrumbsItemProps>;
 //#endregion
 export { BreadcrumbsItem };
+
 //# sourceMappingURL=breadcrumbsItem.d.ts.map

package/dist/breadcrumbs/breadcrumbsItem.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import { useBreadcrumbsContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/breadcrumbs/breadcrumbsItem.tsx
 /** A Breadcrumb item. */
 const BreadcrumbsItem = vui((props, ref) => {
-	const { className, children,...rest } = omitThemingProps(props);
+	const { className, children, ...rest } = omitThemingProps(props);
 	const parentContext = useBreadcrumbsContext();
 	const styles = useStyleConfig("Breadcrumbs", parentContext);
 	return /* @__PURE__ */ jsx(t_default, {
@@ -27,5 +30,5 @@ var breadcrumbsItem_default = BreadcrumbsItem;
 
 //#endregion
 export { breadcrumbsItem_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=breadcrumbsItem.js.map

package/dist/breadcrumbs/breadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsItem.js","names":["T"],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { BreadcrumbsItemProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** A Breadcrumb item. */\nexport const BreadcrumbsItem = vui<'div', BreadcrumbsItemProps>((props, ref) => {\n  const { className, children, ...rest } = omitThemingProps(props)\n\n  const parentContext = useBreadcrumbsContext()\n  const styles = useStyleConfig('Breadcrumbs', parentContext)\n\n  return (\n    <T\n      variant=\"navigation\"\n      size={parentContext.size}\n      alignItems=\"center\"\n      className={cs('vui-breadcrumbs-item', className)}\n      ref={ref}\n      {...styles.item}\n      {...rest}\n    >\n      {children}\n    </T>\n  )\n}) as VuiComponent<'div', BreadcrumbsItemProps>\n\nBreadcrumbsItem.displayName = 'BreadcrumbsItem'\n\nexport default BreadcrumbsItem\n"],"mappings":";;;;;;;;;AAQA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,SAAU,GAAG,SAAS,iBAAiB,MAAM;CAEhE,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,SAAS,eAAe,eAAe,cAAc;AAE3D,QACE,oBAACA;EACC,SAAQ;EACR,MAAM,cAAc;EACpB,YAAW;EACX,WAAW,GAAG,wBAAwB,UAAU;EAC3C;EACL,GAAI,OAAO;EACX,GAAI;EAEH;GACC;EAEN;AAEF,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"version":3,"file":"breadcrumbsItem.js","names":["T"],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { BreadcrumbsItemProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** A Breadcrumb item. */\nexport const BreadcrumbsItem = vui<'div', BreadcrumbsItemProps>((props, ref) => {\n  const { className, children, ...rest } = omitThemingProps(props)\n\n  const parentContext = useBreadcrumbsContext()\n  const styles = useStyleConfig('Breadcrumbs', parentContext)\n\n  return (\n    <T\n      variant=\"navigation\"\n      size={parentContext.size}\n      alignItems=\"center\"\n      className={cs('vui-breadcrumbs-item', className)}\n      ref={ref}\n      {...styles.item}\n      {...rest}\n    >\n      {children}\n    </T>\n  )\n}) as VuiComponent<'div', BreadcrumbsItemProps>\n\nBreadcrumbsItem.displayName = 'BreadcrumbsItem'\n\nexport default BreadcrumbsItem\n"],"mappings":";;;;;;;;;;;;AAQA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS,iBAAiB,MAAM;CAEhE,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,SAAS,eAAe,eAAe,cAAc;AAE3D,QACE,oBAACA;EACC,SAAQ;EACR,MAAM,cAAc;EACpB,YAAW;EACX,WAAW,GAAG,wBAAwB,UAAU;EAC3C;EACL,GAAI,OAAO;EACX,GAAI;EAEH;GACC;EAEN;AAEF,gBAAgB,cAAc;AAE9B,8BAAe"}

package/dist/breadcrumbs/breadcrumbsSeparator.js

@@ -1,13 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { Box } from "../box/box.js";
+import "../box/index.js";
 import { Icon } from "../icon/icon.js";
+import "../icon/index.js";
+import "../core/index.js";
 import { useBreadcrumbsContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/breadcrumbs/breadcrumbsSeparator.tsx
 /** Breadcrumbs separator. */
-const BreadcrumbsSeparator = ({ className, children, content,...rest }) => {
+const BreadcrumbsSeparator = ({ className, children, content, ...rest }) => {
 	const styles = useStyleConfig("Breadcrumbs", useBreadcrumbsContext());
 	return /* @__PURE__ */ jsx(Box, {
 		alignItems: "center",
@@ -25,5 +29,5 @@ var breadcrumbsSeparator_default = BreadcrumbsSeparator;
 
 //#endregion
 export { breadcrumbsSeparator_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=breadcrumbsSeparator.js.map

package/dist/breadcrumbs/breadcrumbsSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsSeparator.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { BreadcrumbsSeparatorProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** Breadcrumbs separator. */\nexport const BreadcrumbsSeparator = ({ className, children, content, ...rest }: BreadcrumbsSeparatorProps) => {\n  const styles = useStyleConfig('Breadcrumbs', useBreadcrumbsContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      className={cs('vui-breadcrumbs-separator', className)}\n      p={0}\n      {...rest}\n    >\n      {content || children || <Icon name=\"uiAngleRight\" {...styles.separator} />}\n    </Box>\n  )\n}\n\nexport default BreadcrumbsSeparator\n"],"mappings":";;;;;;;;;AAQA,MAAa,wBAAwB,EAAE,WAAW,UAAU,QAAS,GAAG,WAAsC;CAC5G,MAAM,SAAS,eAAe,eAAe,uBAAuB,CAAC;AAErE,QACE,oBAAC;EACC,YAAW;EACX,gBAAe;EACf,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,GAAI;YAEH,WAAW,YAAY,oBAAC;GAAK,MAAK;GAAe,GAAI,OAAO;IAAa;GACtE;;AAIV,mCAAe"}
+{"version":3,"file":"breadcrumbsSeparator.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { BreadcrumbsSeparatorProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** Breadcrumbs separator. */\nexport const BreadcrumbsSeparator = ({ className, children, content, ...rest }: BreadcrumbsSeparatorProps) => {\n  const styles = useStyleConfig('Breadcrumbs', useBreadcrumbsContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      className={cs('vui-breadcrumbs-separator', className)}\n      p={0}\n      {...rest}\n    >\n      {content || children || <Icon name=\"uiAngleRight\" {...styles.separator} />}\n    </Box>\n  )\n}\n\nexport default BreadcrumbsSeparator\n"],"mappings":";;;;;;;;;;;;;AAQA,MAAa,wBAAwB,EAAE,WAAW,UAAU,SAAS,GAAG,WAAsC;CAC5G,MAAM,SAAS,eAAe,eAAe,uBAAuB,CAAC;AAErE,QACE,oBAAC;EACC,YAAW;EACX,gBAAe;EACf,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,GAAI;YAEH,WAAW,YAAY,oBAAC;GAAK,MAAK;GAAe,GAAI,OAAO;IAAa;GACtE;;AAIV,mCAAe"}

package/dist/breadcrumbs/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/breadcrumbs/context.ts
 const [BreadcrumbsProvider, useBreadcrumbsContext] = createContext({ isOptional: true });
 
 //#endregion
 export { BreadcrumbsProvider, useBreadcrumbsContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/breadcrumbs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/breadcrumbs/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [BreadcrumbsProvider, useBreadcrumbsContext] = createContext<Dict>({ isOptional: true })\n\nexport { BreadcrumbsProvider, useBreadcrumbsContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,qBAAqB,yBAAyB,cAAoB,EAAE,YAAY,MAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/breadcrumbs/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [BreadcrumbsProvider, useBreadcrumbsContext] = createContext<Dict>({ isOptional: true })\n\nexport { BreadcrumbsProvider, useBreadcrumbsContext }\n"],"mappings":";;;;AAGA,MAAM,CAAC,qBAAqB,yBAAyB,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/breadcrumbs/index.d.ts

@@ -1,2 +1,2 @@
 import { BreadcrumbsItemProps, BreadcrumbsProps, BreadcrumbsSeparatorProps } from "./breadcrumbs.types.js";
-import { Breadcrumbs, BreadcrumbsBase } from "./breadcrumbs.js";
+import { Breadcrumbs, BreadcrumbsBase } from "./breadcrumbs.js";

package/dist/breadcrumbs/index.js

@@ -0,0 +1,3 @@
+import { Breadcrumbs, BreadcrumbsBase } from "./breadcrumbs.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/breadcrumbs/theme.js

@@ -60,5 +60,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/button/button.d.ts

@@ -15,22 +15,23 @@ import { BorderCollapseProps, TableLayoutProps } from "../system/tables.js";
 import { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYProps, TransformOriginProps, TransformProps, TranslateXProps, TranslateYProps } from "../system/transforms.js";
 import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps } from "../system/transitions.js";
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
+import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import { ButtonProps, ButtonState, ButtonStateMapping } from "./button.types.js";
 import { ButtonIcon } from "./buttonIcon.js";
 import { ButtonText } from "./buttonText.js";
-import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import "../index.js";
+import * as react0 from "react";
 import * as styled_components9 from "styled-components";
 
 //#region src/button/button.d.ts
 declare const ButtonBase: styled_components9.StyledComponent<"button", styled_components9.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & ThemingProps<"Button"> & {
   colorScheme?: string;
   dropDownIcon?: IconProp;
-  icon?: IconProp | JSX.Element;
-  iconLeft?: IconProp | JSX.Element;
-  iconRight?: IconProp | JSX.Element;
+  icon?: IconProp | react0.JSX.Element;
+  iconLeft?: IconProp | react0.JSX.Element;
+  iconRight?: IconProp | react0.JSX.Element;
   isActive?: boolean;
   isDropDown?: boolean;
   isElevated?: boolean;
@@ -55,4 +56,5 @@ declare const Button: VuiComponent<"button", ButtonProps> & {
 };
 //#endregion
 export { Button, ButtonBase };
+
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCa,+BAAU,0BAsCtB,kBAAA,CAtCsB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA;;iBAAA;;;;;;;;;;;;;;;;;;;;;;AAAV,cAiMA,MA3JZ,EAwTK,YAxTL,CAAA,QAAA,EAwT4B,WAxT5B,CAAA,GAAA;EAAA,IAAA,EAAA,OAyTc,UA/VQ;EAAA,IAAA,EAAA,OAgWR,UAhWQ;CAAA"}

package/dist/button/button.js

@@ -2,6 +2,7 @@ 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 "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
@@ -10,6 +11,7 @@ import { ButtonProvider } from "./context.js";
 import buttonIcon_default from "./buttonIcon.js";
 import buttonText_default from "./buttonText.js";
 import { buttonStateMapping, loadingIconProps } from "./consts.js";
+import "../core/index.js";
 import { Fragment, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
@@ -75,7 +77,7 @@ const useButtonStyles = (mergedProps, variant) => {
 		...variant
 	}) || {};
 	return useMemo(() => {
-		const { borderWidth = DEFAULT_BORDER_WIDTH, h = 32, spaceX = 0,...buttonStyles } = styles.container || {};
+		const { borderWidth = DEFAULT_BORDER_WIDTH, h = 32, spaceX = 0, ...buttonStyles } = styles.container || {};
 		return {
 			styles,
 			borderWidth,
@@ -202,14 +204,14 @@ const Button = vui((props, ref) => {
 		...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 { 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 { 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);
@@ -290,5 +292,5 @@ var button_default = Button;
 
 //#endregion
 export { Button, ButtonBase, button_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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,GAAG,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,aACT,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,gBAAgB,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

@@ -5,6 +5,7 @@ import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp, IconProps } from "../icon/icon.types.js";
 import "../icon/index.js";
+import { JSX } from "react";
 
 //#region src/button/button.types.d.ts
 type ButtonProps = SystemProps & ThemingProps<'Button'> & {
@@ -48,4 +49,5 @@ type ButtonStateMapping = Record<string, SystemProps & {
 type IconButtonProps = Omit<ButtonProps, 'iconLeft' | 'iconRight' | 'text'>;
 //#endregion
 export { ButtonProps, ButtonState, ButtonStateMapping, IconButtonProps };
+
 //# sourceMappingURL=button.types.d.ts.map

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;;;;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"}
+{"version":3,"file":"button.types.d.ts","names":[],"sources":["../../src/button/button.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,WAAA,GAAc,cACxB;;;;iBAIiB;EALP;EAAc,IAAA,CAAA,EAOf,QAPe,GAOJ,GAAA,CAAI,OAPA;EACxB;EAIiB,QAAA,CAAA,EAIJ,QAJI,GAIO,GAAA,CAAI,OAJX;EAER;EAAW,SAAI,CAAA,EAIV,QAJU,GAIC,GAAA,CAAI,OAJL;EAEX;EAAW,QAAI,CAAA,EAAA,OAAA;EAEd;EAAW,UAAI,CAAA,EAAA,OAAA;EAgBnB;EAEO,UAAA,CAAA,EAAA,OAAA;EAER;EAAe,WAAA,CAAA,EAAA,OAAA;EAGd;EAEA,SAAA,CAAA,EAAA,OAAA;EAAoC;EAAyB,OAAA,CAAA,EAAA,OAAA;EAAmC;EAA3E,OAAA,CAAA,EAAA,OAAA;EAAM;EAG3B,KAAA,CAAA,EAZA,WAYe;;iBAVR;;SAER,KAAA,CAAM;;KAGL,WAAA,8CAAyD;KAEzD,kBAAA,GAAqB,eAAe;WAAyB;aAAmC;;;KAGhG,eAAA,GAAkB,KAAK"}

package/dist/button/buttonIcon.d.ts

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 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
@@ -8,4 +8,5 @@ import "../index.js";
 declare const ButtonIcon: VuiComponent<"svg", IconProps>;
 //#endregion
 export { ButtonIcon };
+
 //# sourceMappingURL=buttonIcon.d.ts.map

package/dist/button/buttonIcon.js

@@ -1,15 +1,18 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
 import { useButtonContext } from "./context.js";
+import "../core/index.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 { className, name, ...rest } = props;
 	const styles = useStyleConfig("Button", useButtonContext());
 	const verifiedName = isConceptualIcon(name) ? void 0 : name;
 	return /* @__PURE__ */ jsx(icon_default, {
@@ -25,5 +28,5 @@ var buttonIcon_default = ButtonIcon;
 
 //#endregion
 export { ButtonIcon, buttonIcon_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;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"}
+{"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,MAAM,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,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 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
@@ -8,4 +8,5 @@ import "../index.js";
 declare const ButtonText: VuiComponent<"span", TProps>;
 //#endregion
 export { ButtonText };
+
 //# sourceMappingURL=buttonText.d.ts.map

package/dist/button/buttonText.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.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 "../t/index.js";
+import "../core/index.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 { className, ...rest } = props;
 	const styles = useStyleConfig("Button", useButtonContext());
 	return /* @__PURE__ */ jsx(t_default, {
 		className: cs("vui-buttonText", className),
@@ -23,5 +26,5 @@ var buttonText_default = ButtonText;
 
 //#endregion
 export { ButtonText, buttonText_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;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"}
+{"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,WAAW,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,5 @@
-import { ButtonProps, IconButtonProps } from "./button.types.js";
 import { VuiComponent } from "../core/vui.js";
+import { ButtonProps, IconButtonProps } from "./button.types.js";
 import "../index.js";
 
 //#region src/button/buttons.d.ts
@@ -13,4 +13,5 @@ declare const LineButton: VuiComponent<"button", ButtonProps>;
 declare const TextButton: VuiComponent<"button", ButtonProps>;
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton };
+
 //# sourceMappingURL=buttons.d.ts.map

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;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"}
+{"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,cAgBA,YAhBS,EAgBG,YAhBH,CAAA,QAAA,EAgBG,WAhBH,CAAA;AAIT,cAgBA,UAhBU,EAgBA,YAhBA,CAAA,QAAA,EAgBA,eAhBA,CAAA;AAIV,cAgBA,UAhBW,EAgBD,YAhBC,CAAA,QAAA,EAgBD,WAhBC,CAAA;AAIX,cAgBA,UAhBS,EAgBC,YAhBD,CAAA,QAAA,EAgBC,WAhBD,CAAA"}

package/dist/button/buttons.js

@@ -1,5 +1,6 @@
 import { vui } from "../core/vui.js";
 import button_default from "./button.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/button/buttons.tsx
@@ -48,5 +49,5 @@ const TextButton = vui((props, ref) => /* @__PURE__ */ jsx(button_default, {
 
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;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"}
+{"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

@@ -27,5 +27,5 @@ const buttonStateMapping = {
 
 //#endregion
 export { buttonStateMapping, loadingIconProps };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map