@veracity/vui 3.1.2 → 4.0.0-floatinguitake3.2154362

package/dist/_virtual/rolldown_runtime.js

@@ -1,14 +1,19 @@
 //#region rolldown:runtime
 var __defProp = Object.defineProperty;
-var __export = (all) => {
+var __export = (all, symbols) => {
 	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
 	return target;
 };
 
 //#endregion
 export { __export };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/accordion/accordion.d.ts

@@ -5,10 +5,10 @@ import { AccordionProps } from "./accordion.types.js";
 import { AccordionItem } from "./accordionItem.js";
 import { AccordionItemHorizontal } from "./accordionItemHorizontal.js";
 import "../index.js";
-import * as styled_components5 from "styled-components";
+import * as styled_components433 from "styled-components";
 
 //#region src/accordion/accordion.d.ts
-declare const AccordionBase: styled_components5.StyledComponent<"div", styled_components5.DefaultTheme, SystemProps, never>;
+declare const AccordionBase: styled_components433.StyledComponent<"div", styled_components433.DefaultTheme, SystemProps, never>;
 /** Allows to show and hide sections of related content on a page. */
 declare const Accordion: VuiComponent<"div", AccordionProps> & {
   Item: typeof AccordionItem;
@@ -16,4 +16,5 @@ declare const Accordion: VuiComponent<"div", AccordionProps> & {
 };
 //#endregion
 export { Accordion, AccordionBase };
+
 //# sourceMappingURL=accordion.d.ts.map

package/dist/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAWa,eAAa,kBAAA,CAAA,uBAIzB,kBAAA,CAJyB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAOb,WAuCP,oBAAoB;eACX;yBACU"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAWa,eAAa,oBAAA,CAAA,uBAIzB,oBAAA,CAJyB,YAAA,EAAA,WAAA;;cAOb,WAuCP,oBAAoB;eACX;yBACU"}

package/dist/accordion/accordion.js

@@ -18,7 +18,7 @@ const AccordionBase = styled.divBox`
 `;
 /** Allows to show and hide sections of related content on a page. */
 const Accordion = vui((props, ref) => {
-	const { children, className, items, orientation = "vertical", iconPosition = "end", size, variant,...rest } = props;
+	const { children, className, items, orientation = "vertical", iconPosition = "end", size, variant, ...rest } = props;
 	const styles = useStyleConfig("Accordion", props);
 	const context = useMemo(() => filterUndefined({
 		size,
@@ -54,5 +54,5 @@ Accordion.displayName = "Accordion";
 
 //#endregion
 export { Accordion, AccordionBase };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=accordion.js.map

package/dist/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["List","AccordionItem","AccordionItemHorizontal"],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, filterUndefined } from '../utils'\nimport type { AccordionItemProps, AccordionProps } from './accordion.types'\nimport AccordionItem from './accordionItem'\nimport AccordionItemHorizontal from './accordionItemHorizontal'\nimport { AccordionProvider } from './context'\n\nexport const AccordionBase = styled.divBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n`\n\n/** Allows to show and hide sections of related content on a page. */\nexport const Accordion = vui<'div', AccordionProps>((props, ref) => {\n  const { children, className, items, orientation = 'vertical', iconPosition = 'end', size, variant, ...rest } = props\n  const styles = useStyleConfig('Accordion', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const aliasedProps = filterUndefined<AccordionProps>({})\n  const isVertical = orientation === 'vertical'\n  return (\n    <AccordionProvider value={context}>\n      <AccordionBase\n        borderLeft={\n          isVertical\n            ? undefined\n            : `1px solid transparent\n        `\n        }\n        borderTop={isVertical ? `1px solid transparent` : undefined}\n        className={cs('vui-accordion', className)}\n        ref={ref}\n        w=\"100%\"\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isVertical ? (\n          <List w=\"100%\">\n            {items\n              ? items?.map?.((item: AccordionItemProps, key: number) => (\n                  <AccordionItem iconPosition={iconPosition} key={key} {...item} />\n                ))\n              : children}\n          </List>\n        ) : items ? (\n          items?.map?.((item: AccordionItemProps, key: number) => <AccordionItemHorizontal key={key} {...item} />)\n        ) : (\n          children\n        )}\n      </AccordionBase>\n    </AccordionProvider>\n  )\n}) as VuiComponent<'div', AccordionProps> & {\n  Item: typeof AccordionItem\n  ItemHorizontal: typeof AccordionItemHorizontal\n}\n\nAccordion.Item = AccordionItem\nAccordion.ItemHorizontal = AccordionItemHorizontal\nAccordion.displayName = 'Accordion'\n\nexport default Accordion\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,gBAAgB,OAAO,MAAM;;;;;;AAO1C,MAAa,YAAY,KAA4B,OAAO,QAAQ;CAClE,MAAM,EAAE,UAAU,WAAW,OAAO,cAAc,YAAY,eAAe,OAAO,MAAM,QAAS,GAAG,SAAS;CAC/G,MAAM,SAAS,eAAe,aAAa,MAAM;CACjD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,eAAe,gBAAgC,EAAE,CAAC;CACxD,MAAM,aAAa,gBAAgB;AACnC,QACE,oBAAC;EAAkB,OAAO;YACxB,oBAAC;GACC,YACE,aACI,SACA;;GAGN,WAAW,aAAa,0BAA0B;GAClD,WAAW,GAAG,iBAAiB,UAAU;GACpC;GACL,GAAE;GACF,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,aACC,oBAACA;IAAK,GAAE;cACL,QACG,OAAO,OAAO,MAA0B,QACtC,oBAACC;KAA4B;KAAwB,GAAI;OAAT,IAAiB,CACjE,GACF;KACC,GACL,QACF,OAAO,OAAO,MAA0B,QAAgB,oBAACC,mCAAkC,GAAI,QAAT,IAAiB,CAAC,GAExG;IAEY;GACE;EAEtB;AAKF,UAAU,OAAOD;AACjB,UAAU,iBAAiBC;AAC3B,UAAU,cAAc"}
+{"version":3,"file":"accordion.js","names":["List","AccordionItem","AccordionItemHorizontal"],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, filterUndefined } from '../utils'\nimport type { AccordionItemProps, AccordionProps } from './accordion.types'\nimport AccordionItem from './accordionItem'\nimport AccordionItemHorizontal from './accordionItemHorizontal'\nimport { AccordionProvider } from './context'\n\nexport const AccordionBase = styled.divBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n`\n\n/** Allows to show and hide sections of related content on a page. */\nexport const Accordion = vui<'div', AccordionProps>((props, ref) => {\n  const { children, className, items, orientation = 'vertical', iconPosition = 'end', size, variant, ...rest } = props\n  const styles = useStyleConfig('Accordion', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const aliasedProps = filterUndefined<AccordionProps>({})\n  const isVertical = orientation === 'vertical'\n  return (\n    <AccordionProvider value={context}>\n      <AccordionBase\n        borderLeft={\n          isVertical\n            ? undefined\n            : `1px solid transparent\n        `\n        }\n        borderTop={isVertical ? `1px solid transparent` : undefined}\n        className={cs('vui-accordion', className)}\n        ref={ref}\n        w=\"100%\"\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isVertical ? (\n          <List w=\"100%\">\n            {items\n              ? items?.map?.((item: AccordionItemProps, key: number) => (\n                  <AccordionItem iconPosition={iconPosition} key={key} {...item} />\n                ))\n              : children}\n          </List>\n        ) : items ? (\n          items?.map?.((item: AccordionItemProps, key: number) => <AccordionItemHorizontal key={key} {...item} />)\n        ) : (\n          children\n        )}\n      </AccordionBase>\n    </AccordionProvider>\n  )\n}) as VuiComponent<'div', AccordionProps> & {\n  Item: typeof AccordionItem\n  ItemHorizontal: typeof AccordionItemHorizontal\n}\n\nAccordion.Item = AccordionItem\nAccordion.ItemHorizontal = AccordionItemHorizontal\nAccordion.displayName = 'Accordion'\n\nexport default Accordion\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,gBAAgB,OAAO,MAAM;;;;;;AAO1C,MAAa,YAAY,KAA4B,OAAO,QAAQ;CAClE,MAAM,EAAE,UAAU,WAAW,OAAO,cAAc,YAAY,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CAC/G,MAAM,SAAS,eAAe,aAAa,MAAM;CACjD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,eAAe,gBAAgC,EAAE,CAAC;CACxD,MAAM,aAAa,gBAAgB;AACnC,QACE,oBAAC;EAAkB,OAAO;YACxB,oBAAC;GACC,YACE,aACI,SACA;;GAGN,WAAW,aAAa,0BAA0B;GAClD,WAAW,GAAG,iBAAiB,UAAU;GACpC;GACL,GAAE;GACF,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,aACC,oBAACA;IAAK,GAAE;cACL,QACG,OAAO,OAAO,MAA0B,QACtC,oBAACC;KAA4B;KAAwB,GAAI;OAAT,IAAiB,CACjE,GACF;KACC,GACL,QACF,OAAO,OAAO,MAA0B,QAAgB,oBAACC,mCAAkC,GAAI,QAAT,IAAiB,CAAC,GAExG;IAEY;GACE;EAEtB;AAKF,UAAU,OAAOD;AACjB,UAAU,iBAAiBC;AAC3B,UAAU,cAAc"}

package/dist/accordion/accordion.types.d.ts

@@ -51,4 +51,5 @@ type AccordionItemArrowProps = IconProps & {
 };
 //#endregion
 export { AccordionIconPosition, AccordionItemArrowProps, AccordionItemId, AccordionItemProps, AccordionOnToggleEvent, AccordionOrientation, AccordionProps };
+
 //# sourceMappingURL=accordion.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.types.d.ts","names":[],"sources":["../../src/accordion/accordion.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,oBAAA,CAAA,CAAA;KACA,qBAAA,CAAA,CAAA;KAEA,cAAA,CAAA,CAAA,CAAiB,cAC3B;;gBAEgB;EANN,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,CAAA;EACA,KAAA,CAAA,CAAA,CAOA,kBAPqB,CAAA,CAAA;EAErB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,WAAA,CAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAAiB,YAAA,CAAA,CAAA,CAOV,qBAPU;CAC3B;AAEgB,IAAA,CAON,eAAA,CAAA,CAAA,CAPM,MAAA,CAAA,CAAA,CAAA,MAAA;AAEN,IAAA,CAOA,sBAAA,CAAA,CAAA,CAPA;EAEO,EAAA,CAAA,CAMb,eANa;EAAqB,SAAA,CAAA,CAAA,OAAA;AAGxC,CAAA;AAEY,IAAA,CAKA,kBAAA,CAAA,CAAA,CAAqB,aAJ3B,CAAA,CAAA,CAAA;EAIM,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;EAAqB,EAAA,CAAA,CAE3B,eAF2B;EAE3B,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;EAIO,SAAA,CAAA,CAAA,CAAA,MAAA;EAED,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAMK,QAAA,CAAA,CAAA,CARJ,SAQI;EAEE,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,GAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA;EAEE,OAAA,CAAA,CAAA,CAVT,SAUS;EAAsB,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;EAG/B,SAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAuB;;;;iBAPlB;;mBAEE;;qBAEE;;KAGT,uBAAA,CAAA,CAAA,CAA0B;;;;gBAItB"}
+{"version":3,"file":"accordion.types.d.ts","names":[],"sources":["../../src/accordion/accordion.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,oBAAA;KACA,qBAAA;KAEA,cAAA,GAAiB,cAC3B;;gBAEgB;EANN;EACA,KAAA,CAAA,EAOA,kBAPqB,EAAA;EAErB;EAAiB,YAAA,CAAA,EAOV,qBAPU;CAC3B;AAEgB,KAON,eAAA,GAPM,MAAA,GAAA,MAAA;AAEN,KAOA,sBAAA,GAPA;EAEO,EAAA,EAMb,eANa;EAAqB,SAAA,EAAA,OAAA;AAGxC,CAAA;AAEY,KAKA,kBAAA,GAAqB,aAJ3B,GAAA;EAIM;EAAqB,EAAA,EAE3B,eAF2B;EAE3B;EAIO,SAAA,CAAA,EAAA,MAAA;EAED;EAMK,QAAA,CAAA,EARJ,SAQI;EAEE;EAEE,OAAA,CAAA,EAVT,SAUS;EAAsB;EAG/B,SAAA,CAAA,EAAA,MAAA,GAAA,MAAuB;;;;iBAPlB;;mBAEE;;qBAEE;;KAGT,uBAAA,GAA0B;;;;gBAItB"}

package/dist/accordion/accordionItem.d.ts

@@ -1,12 +1,13 @@
 import { AccordionItemProps } from "./accordion.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/accordion/accordionItem.d.ts
 /** An accordion item. */
 declare const AccordionItem: {
-  (props: AccordionItemProps): react_jsx_runtime0.JSX.Element;
+  (props: AccordionItemProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 //#endregion
 export { AccordionItem };
+
 //# sourceMappingURL=accordionItem.d.ts.map

package/dist/accordion/accordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItem.d.ts","names":[],"sources":["../../src/accordion/accordionItem.tsx"],"sourcesContent":[],"mappings":";;;;;cAWa;UAAwB,qBAAkB,kBAAA,CAAA,GAAA,CAAA;EAA1C,WAAA,CAAA,CAAA,MAwFZ"}
+{"version":3,"file":"accordionItem.d.ts","names":[],"sources":["../../src/accordion/accordionItem.tsx"],"sourcesContent":[],"mappings":";;;;;cAWa;UAAwB,qBAAkB,mBAAA,CAAA,GAAA,CAAA;EAA1C,WAAA,EAAA,MAwFZ"}

package/dist/accordion/accordionItem.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/accordion/accordionItem.tsx
 /** An accordion item. */
 const AccordionItem = (props) => {
-	const { className, children, collapsed, content, disabled, id, iconPosition = "end", title, onToggle,...rest } = omitThemingProps(props);
+	const { className, children, collapsed, content, disabled, id, iconPosition = "end", title, onToggle, ...rest } = omitThemingProps(props);
 	const [collapsedInternal, setIsCollapsedInternal] = useState(false);
 	const styles = useStyleConfig("Accordion", useAccordionContext());
 	useEffect(() => {
@@ -83,5 +83,5 @@ var accordionItem_default = AccordionItem;
 
 //#endregion
 export { AccordionItem, accordionItem_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=accordionItem.js.map

package/dist/accordion/accordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItem.js","names":["AccordionItemArrow"],"sources":["../../src/accordion/accordionItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { ListItem } from '../list'\nimport { cs } from '../utils'\nimport type { AccordionItemProps } from './accordion.types'\nimport AccordionItemArrow from './accordionItemArrow'\nimport { useAccordionContext } from './context'\n\n/** An accordion item. */\nexport const AccordionItem = (props: AccordionItemProps) => {\n  const {\n    className,\n    children,\n    collapsed,\n    content,\n    disabled,\n    id,\n    iconPosition = 'end',\n    title,\n    onToggle,\n    ...rest\n  } = omitThemingProps(props)\n  const [collapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)\n  const styles = useStyleConfig('Accordion', useAccordionContext())\n\n  useEffect(() => {\n    setIsCollapsedInternal(!!collapsed)\n  }, [collapsed])\n\n  const toggle = () => {\n    if (!disabled) {\n      onToggle?.({ id, collapsed: !collapsedInternal })\n      setIsCollapsedInternal(!collapsedInternal)\n    }\n  }\n\n  const isIconStart = iconPosition === 'start'\n  const isIconEnd = iconPosition === 'end'\n\n  return (\n    <ListItem\n      borderBottom=\"1px solid transparent\"\n      borderColor={styles.item.borderColor}\n      className={cs('vui-accordion-item', className)}\n      color=\"yellow\"\n      disabled={disabled}\n      disabledBg={styles.item.disabledBg}\n      disabledColor={styles.item.disabledColor}\n      flexDirection=\"column\"\n      h=\"auto\"\n      id={`${id}`}\n      p={0}\n      w=\"100%\"\n      {...rest}\n    >\n      <Box\n        center\n        color=\"yellow\"\n        cursor={disabled ? 'not-allowed' : 'pointer'}\n        hoverBg={\n          disabled\n            ? 'transparent'\n            : collapsedInternal\n              ? styles.item.itemTitleHoverBg\n              : styles.item.expandedItemTitleHoverBg\n        }\n        justifyContent={iconPosition === 'start' ? 'initial' : 'space-between'}\n        onClick={toggle}\n        px={2}\n        w=\"100%\"\n        {...styles.item}\n      >\n        {isIconStart && (\n          <Box>\n            <AccordionItemArrow collapsed={collapsedInternal} color={styles.icon.color} />\n          </Box>\n        )}\n        <Box\n          fontWeight={typeof title === 'string' ? '500' : 'inherit'}\n          ml={isIconStart ? 2 : 0}\n          opacity={disabled ? 0.5 : 1}\n        >\n          {title}\n        </Box>\n        {isIconEnd && (\n          <Box>\n            <AccordionItemArrow collapsed={collapsedInternal} color={styles.icon.color} disabled={disabled} />\n          </Box>\n        )}\n      </Box>\n      {!collapsedInternal && (\n        <Box mb={2} mt={2} px={2} py={1} w=\"100%\">\n          {children ?? content}\n        </Box>\n      )}\n    </ListItem>\n  )\n}\n\nAccordionItem.displayName = 'AccordionItem'\n\nexport default AccordionItem\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EACJ,WACA,UACA,WACA,SACA,UACA,IACA,eAAe,OACf,OACA,SACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,CAAC,mBAAmB,0BAA0B,SAAkB,MAAM;CAC5E,MAAM,SAAS,eAAe,aAAa,qBAAqB,CAAC;AAEjE,iBAAgB;AACd,yBAAuB,CAAC,CAAC,UAAU;IAClC,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe;AACnB,MAAI,CAAC,UAAU;AACb,cAAW;IAAE;IAAI,WAAW,CAAC;IAAmB,CAAC;AACjD,0BAAuB,CAAC,kBAAkB;;;CAI9C,MAAM,cAAc,iBAAiB;CACrC,MAAM,YAAY,iBAAiB;AAEnC,QACE,qBAAC;EACC,cAAa;EACb,aAAa,OAAO,KAAK;EACzB,WAAW,GAAG,sBAAsB,UAAU;EAC9C,OAAM;EACI;EACV,YAAY,OAAO,KAAK;EACxB,eAAe,OAAO,KAAK;EAC3B,eAAc;EACd,GAAE;EACF,IAAI,GAAG;EACP,GAAG;EACH,GAAE;EACF,GAAI;aAEJ,qBAAC;GACC;GACA,OAAM;GACN,QAAQ,WAAW,gBAAgB;GACnC,SACE,WACI,gBACA,oBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAgB,iBAAiB,UAAU,YAAY;GACvD,SAAS;GACT,IAAI;GACJ,GAAE;GACF,GAAI,OAAO;;IAEV,eACC,oBAAC,iBACC,oBAACA;KAAmB,WAAW;KAAmB,OAAO,OAAO,KAAK;MAAS,GAC1E;IAER,oBAAC;KACC,YAAY,OAAO,UAAU,WAAW,QAAQ;KAChD,IAAI,cAAc,IAAI;KACtB,SAAS,WAAW,KAAM;eAEzB;MACG;IACL,aACC,oBAAC,iBACC,oBAACA;KAAmB,WAAW;KAAmB,OAAO,OAAO,KAAK;KAAiB;MAAY,GAC9F;;IAEJ,EACL,CAAC,qBACA,oBAAC;GAAI,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,GAAE;aAChC,YAAY;IACT;GAEC;;AAIf,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"accordionItem.js","names":["AccordionItemArrow"],"sources":["../../src/accordion/accordionItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { ListItem } from '../list'\nimport { cs } from '../utils'\nimport type { AccordionItemProps } from './accordion.types'\nimport AccordionItemArrow from './accordionItemArrow'\nimport { useAccordionContext } from './context'\n\n/** An accordion item. */\nexport const AccordionItem = (props: AccordionItemProps) => {\n  const {\n    className,\n    children,\n    collapsed,\n    content,\n    disabled,\n    id,\n    iconPosition = 'end',\n    title,\n    onToggle,\n    ...rest\n  } = omitThemingProps(props)\n  const [collapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)\n  const styles = useStyleConfig('Accordion', useAccordionContext())\n\n  useEffect(() => {\n    setIsCollapsedInternal(!!collapsed)\n  }, [collapsed])\n\n  const toggle = () => {\n    if (!disabled) {\n      onToggle?.({ id, collapsed: !collapsedInternal })\n      setIsCollapsedInternal(!collapsedInternal)\n    }\n  }\n\n  const isIconStart = iconPosition === 'start'\n  const isIconEnd = iconPosition === 'end'\n\n  return (\n    <ListItem\n      borderBottom=\"1px solid transparent\"\n      borderColor={styles.item.borderColor}\n      className={cs('vui-accordion-item', className)}\n      color=\"yellow\"\n      disabled={disabled}\n      disabledBg={styles.item.disabledBg}\n      disabledColor={styles.item.disabledColor}\n      flexDirection=\"column\"\n      h=\"auto\"\n      id={`${id}`}\n      p={0}\n      w=\"100%\"\n      {...rest}\n    >\n      <Box\n        center\n        color=\"yellow\"\n        cursor={disabled ? 'not-allowed' : 'pointer'}\n        hoverBg={\n          disabled\n            ? 'transparent'\n            : collapsedInternal\n              ? styles.item.itemTitleHoverBg\n              : styles.item.expandedItemTitleHoverBg\n        }\n        justifyContent={iconPosition === 'start' ? 'initial' : 'space-between'}\n        onClick={toggle}\n        px={2}\n        w=\"100%\"\n        {...styles.item}\n      >\n        {isIconStart && (\n          <Box>\n            <AccordionItemArrow collapsed={collapsedInternal} color={styles.icon.color} />\n          </Box>\n        )}\n        <Box\n          fontWeight={typeof title === 'string' ? '500' : 'inherit'}\n          ml={isIconStart ? 2 : 0}\n          opacity={disabled ? 0.5 : 1}\n        >\n          {title}\n        </Box>\n        {isIconEnd && (\n          <Box>\n            <AccordionItemArrow collapsed={collapsedInternal} color={styles.icon.color} disabled={disabled} />\n          </Box>\n        )}\n      </Box>\n      {!collapsedInternal && (\n        <Box mb={2} mt={2} px={2} py={1} w=\"100%\">\n          {children ?? content}\n        </Box>\n      )}\n    </ListItem>\n  )\n}\n\nAccordionItem.displayName = 'AccordionItem'\n\nexport default AccordionItem\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EACJ,WACA,UACA,WACA,SACA,UACA,IACA,eAAe,OACf,OACA,UACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,CAAC,mBAAmB,0BAA0B,SAAkB,MAAM;CAC5E,MAAM,SAAS,eAAe,aAAa,qBAAqB,CAAC;AAEjE,iBAAgB;AACd,yBAAuB,CAAC,CAAC,UAAU;IAClC,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe;AACnB,MAAI,CAAC,UAAU;AACb,cAAW;IAAE;IAAI,WAAW,CAAC;IAAmB,CAAC;AACjD,0BAAuB,CAAC,kBAAkB;;;CAI9C,MAAM,cAAc,iBAAiB;CACrC,MAAM,YAAY,iBAAiB;AAEnC,QACE,qBAAC;EACC,cAAa;EACb,aAAa,OAAO,KAAK;EACzB,WAAW,GAAG,sBAAsB,UAAU;EAC9C,OAAM;EACI;EACV,YAAY,OAAO,KAAK;EACxB,eAAe,OAAO,KAAK;EAC3B,eAAc;EACd,GAAE;EACF,IAAI,GAAG;EACP,GAAG;EACH,GAAE;EACF,GAAI;aAEJ,qBAAC;GACC;GACA,OAAM;GACN,QAAQ,WAAW,gBAAgB;GACnC,SACE,WACI,gBACA,oBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAgB,iBAAiB,UAAU,YAAY;GACvD,SAAS;GACT,IAAI;GACJ,GAAE;GACF,GAAI,OAAO;;IAEV,eACC,oBAAC,iBACC,oBAACA;KAAmB,WAAW;KAAmB,OAAO,OAAO,KAAK;MAAS,GAC1E;IAER,oBAAC;KACC,YAAY,OAAO,UAAU,WAAW,QAAQ;KAChD,IAAI,cAAc,IAAI;KACtB,SAAS,WAAW,KAAM;eAEzB;MACG;IACL,aACC,oBAAC,iBACC,oBAACA;KAAmB,WAAW;KAAmB,OAAO,OAAO,KAAK;KAAiB;MAAY,GAC9F;;IAEJ,EACL,CAAC,qBACA,oBAAC;GAAI,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,GAAE;aAChC,YAAY;IACT;GAEC;;AAIf,cAAc,cAAc;AAE5B,4BAAe"}

package/dist/accordion/accordionItemArrow.js

@@ -13,7 +13,7 @@ const names = {
 		expanded: "falChevronUp"
 	}
 };
-const AccordionItemArrow = ({ collapsed, color = "sandstone.10", disabled = false, orientation = "vertical",...rest }) => /* @__PURE__ */ jsx(icon_default, {
+const AccordionItemArrow = ({ collapsed, color = "sandstone.10", disabled = false, orientation = "vertical", ...rest }) => /* @__PURE__ */ jsx(icon_default, {
 	name: names[orientation][collapsed ? "collapsed" : "expanded"],
 	opacity: disabled ? .5 : 1,
 	pathFill: color,
@@ -24,5 +24,5 @@ var accordionItemArrow_default = memo(AccordionItemArrow);
 
 //#endregion
 export { accordionItemArrow_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=accordionItemArrow.js.map

package/dist/accordion/accordionItemArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemArrow.js","names":["Icon"],"sources":["../../src/accordion/accordionItemArrow.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport Icon from '../icon'\nimport type { AccordionItemArrowProps } from './accordion.types'\n\nconst names = {\n  horizontal: {\n    collapsed: 'falChevronRight',\n    expanded: 'falChevronLeft',\n  },\n  vertical: {\n    collapsed: 'falChevronDown',\n    expanded: 'falChevronUp',\n  },\n}\n\nconst AccordionItemArrow = ({\n  collapsed,\n  color = 'sandstone.10',\n  disabled = false,\n  orientation = 'vertical',\n  ...rest\n}: AccordionItemArrowProps) => (\n  <Icon\n    name={names[orientation][collapsed ? 'collapsed' : 'expanded']}\n    opacity={disabled ? 0.5 : 1}\n    pathFill={color}\n    size=\"sm\"\n    {...rest}\n  />\n)\n\nexport default memo(AccordionItemArrow)\n"],"mappings":";;;;;AAKA,MAAM,QAAQ;CACZ,YAAY;EACV,WAAW;EACX,UAAU;EACX;CACD,UAAU;EACR,WAAW;EACX,UAAU;EACX;CACF;AAED,MAAM,sBAAsB,EAC1B,WACA,QAAQ,gBACR,WAAW,OACX,cAAc,WACd,GAAG,WAEH,oBAACA;CACC,MAAM,MAAM,aAAa,YAAY,cAAc;CACnD,SAAS,WAAW,KAAM;CAC1B,UAAU;CACV,MAAK;CACL,GAAI;EACJ;AAGJ,iCAAe,KAAK,mBAAmB"}
+{"version":3,"file":"accordionItemArrow.js","names":["Icon"],"sources":["../../src/accordion/accordionItemArrow.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport Icon from '../icon'\nimport type { AccordionItemArrowProps } from './accordion.types'\n\nconst names = {\n  horizontal: {\n    collapsed: 'falChevronRight',\n    expanded: 'falChevronLeft',\n  },\n  vertical: {\n    collapsed: 'falChevronDown',\n    expanded: 'falChevronUp',\n  },\n}\n\nconst AccordionItemArrow = ({\n  collapsed,\n  color = 'sandstone.10',\n  disabled = false,\n  orientation = 'vertical',\n  ...rest\n}: AccordionItemArrowProps) => (\n  <Icon\n    name={names[orientation][collapsed ? 'collapsed' : 'expanded']}\n    opacity={disabled ? 0.5 : 1}\n    pathFill={color}\n    size=\"sm\"\n    {...rest}\n  />\n)\n\nexport default memo(AccordionItemArrow)\n"],"mappings":";;;;;AAKA,MAAM,QAAQ;CACZ,YAAY;EACV,WAAW;EACX,UAAU;EACX;CACD,UAAU;EACR,WAAW;EACX,UAAU;EACX;CACF;AAED,MAAM,sBAAsB,EAC1B,WACA,QAAQ,gBACR,WAAW,OACX,cAAc,YACd,GAAG,WAEH,oBAACA;CACC,MAAM,MAAM,aAAa,YAAY,cAAc;CACnD,SAAS,WAAW,KAAM;CAC1B,UAAU;CACV,MAAK;CACL,GAAI;EACJ;AAGJ,iCAAe,KAAK,mBAAmB"}

package/dist/accordion/accordionItemHorizontal.d.ts

@@ -1,12 +1,13 @@
 import { AccordionItemProps } from "./accordion.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/accordion/accordionItemHorizontal.d.ts
 /** An accordion item (horizontal AccordionOrientation). */
 declare const AccordionItemHorizontal: {
-  (props: AccordionItemProps): react_jsx_runtime0.JSX.Element;
+  (props: AccordionItemProps): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion
 export { AccordionItemHorizontal };
+
 //# sourceMappingURL=accordionItemHorizontal.d.ts.map

package/dist/accordion/accordionItemHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemHorizontal.d.ts","names":[],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa;UAAkC,qBAAkB,kBAAA,CAAA,GAAA,CAAA;EAApD,WAAA,CAAA,CAAA,MAAA"}
+{"version":3,"file":"accordionItemHorizontal.d.ts","names":[],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa;UAAkC,qBAAkB,mBAAA,CAAA,GAAA,CAAA;EAApD,WAAA,EAAA,MAAA"}

package/dist/accordion/accordionItemHorizontal.js

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/accordion/accordionItemHorizontal.tsx
 /** An accordion item (horizontal AccordionOrientation). */
 const AccordionItemHorizontal = (props) => {
-	const { className, children, collapsed, content, disabled, id, contentPx, title, onToggle,...rest } = omitThemingProps(props);
+	const { className, children, collapsed, content, disabled, id, contentPx, title, onToggle, ...rest } = omitThemingProps(props);
 	const [collapsedInternal, setIsCollapsedInternal] = useState(false);
 	const styles = useStyleConfig("Accordion", useAccordionContext());
 	useEffect(() => {
@@ -87,5 +87,5 @@ var accordionItemHorizontal_default = AccordionItemHorizontal;
 
 //#endregion
 export { AccordionItemHorizontal, accordionItemHorizontal_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=accordionItemHorizontal.js.map

package/dist/accordion/accordionItemHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemHorizontal.js","names":["Box","AccordionItemArrow"],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { cs } from '../utils'\nimport type { AccordionItemProps } from './accordion.types'\nimport AccordionItemArrow from './accordionItemArrow'\nimport { useAccordionContext } from './context'\n\n/** An accordion item (horizontal AccordionOrientation). */\nexport const AccordionItemHorizontal = (props: AccordionItemProps) => {\n  const { className, children, collapsed, content, disabled, id, contentPx, title, onToggle, ...rest } =\n    omitThemingProps(props)\n  const [collapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)\n\n  const styles = useStyleConfig('Accordion', useAccordionContext())\n\n  useEffect(() => {\n    setIsCollapsedInternal(!!collapsed)\n  }, [collapsed])\n\n  const toggle = () => {\n    if (!disabled) {\n      onToggle?.({ id, collapsed: !collapsedInternal })\n      setIsCollapsedInternal(!collapsedInternal)\n    }\n  }\n\n  const cursor = disabled ? 'not-allowed' : 'pointer'\n  const fontWeight = typeof title === 'string' ? '500' : 'inherit'\n\n  const expandedContentPx = contentPx ? contentPx : styles.itemHorizontal.space\n\n  return (\n    <Box\n      alignItems={collapsedInternal ? 'normal' : 'baseline'}\n      bg={disabled ? 'disabled.bg' : undefined}\n      borderRight=\"1px solid transparent\"\n      className={cs('vui-accordion-item-horizontal', className)}\n      color={disabled ? 'disabled.color' : undefined}\n      column\n      cursor={disabled ? 'not-allowed' : undefined}\n      id={`${id}`}\n      maxW={collapsedInternal ? styles.item.minH : 'auto'}\n      minW={styles.item.minH}\n      transitionDuration=\"0ms\"\n      userSelect={disabled ? 'none' : undefined}\n      {...styles.item}\n      p={0}\n      {...rest}\n    >\n      <Box\n        cursor={cursor}\n        hoverBg={\n          disabled\n            ? 'transparent'\n            : collapsedInternal\n              ? styles.item.itemTitleHoverBg\n              : styles.item.expandedItemTitleHoverBg\n        }\n        justifyContent=\"space-between\"\n        minH={styles.item.minH}\n        onClick={toggle}\n        p={styles.itemHorizontal.space}\n        w=\"100%\"\n      >\n        {!collapsedInternal && (\n          <Box fontWeight={fontWeight} opacity={disabled ? 0.5 : 1}>\n            {title}\n          </Box>\n        )}\n        <AccordionItemArrow\n          collapsed={collapsedInternal}\n          color={styles.icon.color}\n          disabled={disabled}\n          orientation=\"horizontal\"\n        />\n      </Box>\n\n      {!collapsedInternal ? (\n        <Box p={styles.itemHorizontal.space} pt={0} px={expandedContentPx} transitionDuration=\"0ms\" w={1}>\n          {children ?? content}\n        </Box>\n      ) : (\n        <Box\n          cursor={cursor}\n          flexDirection=\"row-reverse\"\n          fontWeight={fontWeight}\n          mb={styles.item.minH}\n          mt={styles.itemHorizontal.space}\n          onClick={toggle}\n          transform=\"rotate(-90deg)\"\n          transitionDuration=\"0ms\"\n          whiteSpace=\"nowrap\"\n        >\n          {title}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nAccordionItemHorizontal.displayName = 'AccordionItemHorizontal'\n\nexport default AccordionItemHorizontal\n"],"mappings":";;;;;;;;;;AAUA,MAAa,2BAA2B,UAA8B;CACpE,MAAM,EAAE,WAAW,UAAU,WAAW,SAAS,UAAU,IAAI,WAAW,OAAO,SAAU,GAAG,SAC5F,iBAAiB,MAAM;CACzB,MAAM,CAAC,mBAAmB,0BAA0B,SAAkB,MAAM;CAE5E,MAAM,SAAS,eAAe,aAAa,qBAAqB,CAAC;AAEjE,iBAAgB;AACd,yBAAuB,CAAC,CAAC,UAAU;IAClC,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe;AACnB,MAAI,CAAC,UAAU;AACb,cAAW;IAAE;IAAI,WAAW,CAAC;IAAmB,CAAC;AACjD,0BAAuB,CAAC,kBAAkB;;;CAI9C,MAAM,SAAS,WAAW,gBAAgB;CAC1C,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ;CAEvD,MAAM,oBAAoB,YAAY,YAAY,OAAO,eAAe;AAExE,QACE,qBAACA;EACC,YAAY,oBAAoB,WAAW;EAC3C,IAAI,WAAW,gBAAgB;EAC/B,aAAY;EACZ,WAAW,GAAG,iCAAiC,UAAU;EACzD,OAAO,WAAW,mBAAmB;EACrC;EACA,QAAQ,WAAW,gBAAgB;EACnC,IAAI,GAAG;EACP,MAAM,oBAAoB,OAAO,KAAK,OAAO;EAC7C,MAAM,OAAO,KAAK;EAClB,oBAAmB;EACnB,YAAY,WAAW,SAAS;EAChC,GAAI,OAAO;EACX,GAAG;EACH,GAAI;aAEJ,qBAACA;GACS;GACR,SACE,WACI,gBACA,oBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAe;GACf,MAAM,OAAO,KAAK;GAClB,SAAS;GACT,GAAG,OAAO,eAAe;GACzB,GAAE;cAED,CAAC,qBACA,oBAACA;IAAgB;IAAY,SAAS,WAAW,KAAM;cACpD;KACG,EAER,oBAACC;IACC,WAAW;IACX,OAAO,OAAO,KAAK;IACT;IACV,aAAY;KACZ;IACE,EAEL,CAAC,oBACA,oBAACD;GAAI,GAAG,OAAO,eAAe;GAAO,IAAI;GAAG,IAAI;GAAmB,oBAAmB;GAAM,GAAG;aAC5F,YAAY;IACT,GAEN,oBAACA;GACS;GACR,eAAc;GACF;GACZ,IAAI,OAAO,KAAK;GAChB,IAAI,OAAO,eAAe;GAC1B,SAAS;GACT,WAAU;GACV,oBAAmB;GACnB,YAAW;aAEV;IACG;GAEJ;;AAIV,wBAAwB,cAAc;AAEtC,sCAAe"}
+{"version":3,"file":"accordionItemHorizontal.js","names":["Box","AccordionItemArrow"],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { cs } from '../utils'\nimport type { AccordionItemProps } from './accordion.types'\nimport AccordionItemArrow from './accordionItemArrow'\nimport { useAccordionContext } from './context'\n\n/** An accordion item (horizontal AccordionOrientation). */\nexport const AccordionItemHorizontal = (props: AccordionItemProps) => {\n  const { className, children, collapsed, content, disabled, id, contentPx, title, onToggle, ...rest } =\n    omitThemingProps(props)\n  const [collapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)\n\n  const styles = useStyleConfig('Accordion', useAccordionContext())\n\n  useEffect(() => {\n    setIsCollapsedInternal(!!collapsed)\n  }, [collapsed])\n\n  const toggle = () => {\n    if (!disabled) {\n      onToggle?.({ id, collapsed: !collapsedInternal })\n      setIsCollapsedInternal(!collapsedInternal)\n    }\n  }\n\n  const cursor = disabled ? 'not-allowed' : 'pointer'\n  const fontWeight = typeof title === 'string' ? '500' : 'inherit'\n\n  const expandedContentPx = contentPx ? contentPx : styles.itemHorizontal.space\n\n  return (\n    <Box\n      alignItems={collapsedInternal ? 'normal' : 'baseline'}\n      bg={disabled ? 'disabled.bg' : undefined}\n      borderRight=\"1px solid transparent\"\n      className={cs('vui-accordion-item-horizontal', className)}\n      color={disabled ? 'disabled.color' : undefined}\n      column\n      cursor={disabled ? 'not-allowed' : undefined}\n      id={`${id}`}\n      maxW={collapsedInternal ? styles.item.minH : 'auto'}\n      minW={styles.item.minH}\n      transitionDuration=\"0ms\"\n      userSelect={disabled ? 'none' : undefined}\n      {...styles.item}\n      p={0}\n      {...rest}\n    >\n      <Box\n        cursor={cursor}\n        hoverBg={\n          disabled\n            ? 'transparent'\n            : collapsedInternal\n              ? styles.item.itemTitleHoverBg\n              : styles.item.expandedItemTitleHoverBg\n        }\n        justifyContent=\"space-between\"\n        minH={styles.item.minH}\n        onClick={toggle}\n        p={styles.itemHorizontal.space}\n        w=\"100%\"\n      >\n        {!collapsedInternal && (\n          <Box fontWeight={fontWeight} opacity={disabled ? 0.5 : 1}>\n            {title}\n          </Box>\n        )}\n        <AccordionItemArrow\n          collapsed={collapsedInternal}\n          color={styles.icon.color}\n          disabled={disabled}\n          orientation=\"horizontal\"\n        />\n      </Box>\n\n      {!collapsedInternal ? (\n        <Box p={styles.itemHorizontal.space} pt={0} px={expandedContentPx} transitionDuration=\"0ms\" w={1}>\n          {children ?? content}\n        </Box>\n      ) : (\n        <Box\n          cursor={cursor}\n          flexDirection=\"row-reverse\"\n          fontWeight={fontWeight}\n          mb={styles.item.minH}\n          mt={styles.itemHorizontal.space}\n          onClick={toggle}\n          transform=\"rotate(-90deg)\"\n          transitionDuration=\"0ms\"\n          whiteSpace=\"nowrap\"\n        >\n          {title}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nAccordionItemHorizontal.displayName = 'AccordionItemHorizontal'\n\nexport default AccordionItemHorizontal\n"],"mappings":";;;;;;;;;;AAUA,MAAa,2BAA2B,UAA8B;CACpE,MAAM,EAAE,WAAW,UAAU,WAAW,SAAS,UAAU,IAAI,WAAW,OAAO,UAAU,GAAG,SAC5F,iBAAiB,MAAM;CACzB,MAAM,CAAC,mBAAmB,0BAA0B,SAAkB,MAAM;CAE5E,MAAM,SAAS,eAAe,aAAa,qBAAqB,CAAC;AAEjE,iBAAgB;AACd,yBAAuB,CAAC,CAAC,UAAU;IAClC,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe;AACnB,MAAI,CAAC,UAAU;AACb,cAAW;IAAE;IAAI,WAAW,CAAC;IAAmB,CAAC;AACjD,0BAAuB,CAAC,kBAAkB;;;CAI9C,MAAM,SAAS,WAAW,gBAAgB;CAC1C,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ;CAEvD,MAAM,oBAAoB,YAAY,YAAY,OAAO,eAAe;AAExE,QACE,qBAACA;EACC,YAAY,oBAAoB,WAAW;EAC3C,IAAI,WAAW,gBAAgB;EAC/B,aAAY;EACZ,WAAW,GAAG,iCAAiC,UAAU;EACzD,OAAO,WAAW,mBAAmB;EACrC;EACA,QAAQ,WAAW,gBAAgB;EACnC,IAAI,GAAG;EACP,MAAM,oBAAoB,OAAO,KAAK,OAAO;EAC7C,MAAM,OAAO,KAAK;EAClB,oBAAmB;EACnB,YAAY,WAAW,SAAS;EAChC,GAAI,OAAO;EACX,GAAG;EACH,GAAI;aAEJ,qBAACA;GACS;GACR,SACE,WACI,gBACA,oBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAe;GACf,MAAM,OAAO,KAAK;GAClB,SAAS;GACT,GAAG,OAAO,eAAe;GACzB,GAAE;cAED,CAAC,qBACA,oBAACA;IAAgB;IAAY,SAAS,WAAW,KAAM;cACpD;KACG,EAER,oBAACC;IACC,WAAW;IACX,OAAO,OAAO,KAAK;IACT;IACV,aAAY;KACZ;IACE,EAEL,CAAC,oBACA,oBAACD;GAAI,GAAG,OAAO,eAAe;GAAO,IAAI;GAAG,IAAI;GAAmB,oBAAmB;GAAM,GAAG;aAC5F,YAAY;IACT,GAEN,oBAACA;GACS;GACR,eAAc;GACF;GACZ,IAAI,OAAO,KAAK;GAChB,IAAI,OAAO,eAAe;GAC1B,SAAS;GACT,WAAU;GACV,oBAAmB;GACnB,YAAW;aAEV;IACG;GAEJ;;AAIV,wBAAwB,cAAc;AAEtC,sCAAe"}

package/dist/accordion/context.js

@@ -5,5 +5,5 @@ const [AccordionProvider, useAccordionContext] = createContext({ isOptional: tru
 
 //#endregion
 export { AccordionProvider, useAccordionContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/accordion/index.d.ts

@@ -1,4 +1,4 @@
 import { AccordionIconPosition, AccordionItemArrowProps, AccordionItemId, AccordionItemProps, AccordionOnToggleEvent, AccordionOrientation, AccordionProps } from "./accordion.types.js";
 import { AccordionItem } from "./accordionItem.js";
 import { AccordionItemHorizontal } from "./accordionItemHorizontal.js";
-import { Accordion, AccordionBase } from "./accordion.js";
+import { Accordion, AccordionBase } from "./accordion.js";

package/dist/accordion/theme.js

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

package/dist/avatar/avatar.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { AvatarProps } from "./avatar.types.js";
 import "../index.js";
-import * as styled_components3 from "styled-components";
+import * as styled_components60 from "styled-components";
 
 //#region src/avatar/avatar.d.ts
-declare const AvatarBase: styled_components3.StyledComponent<"span", styled_components3.DefaultTheme, SystemProps, never>;
+declare const AvatarBase: styled_components60.StyledComponent<"span", styled_components60.DefaultTheme, SystemProps, never>;
 /** Displays user data, such as name initials or profile image. */
 declare const Avatar: VuiComponent<"span", AvatarProps>;
 //#endregion
 export { Avatar, AvatarBase };
+
 //# sourceMappingURL=avatar.d.ts.map

package/dist/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/avatar/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAWa,YAAU,kBAAA,CAAA,wBAoBtB,kBAAA,CApBsB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAuBV,QAAM,qBAAA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/avatar/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAWa,YAAU,mBAAA,CAAA,wBAoBtB,mBAAA,CApBsB,YAAA,EAAA,WAAA;;cAuBV,QAAM,qBAAA"}

package/dist/avatar/avatar.js

@@ -34,8 +34,8 @@ const AvatarBase = styled.spanBox`
 `;
 /** Displays user data, such as name initials or profile image. */
 const Avatar = vui((props, ref) => {
-	const { children, className, disabled, getInitials = defaultGetInitials, icon, isInteractive = props.onClick !== void 0, isSquare, name = "", src,...rest } = omitThemingProps(props);
-	const { activeBg, h, hoverBg, iconSize,...styles } = useStyleConfig("Avatar", props);
+	const { children, className, disabled, getInitials = defaultGetInitials, icon, isInteractive = props.onClick !== void 0, isSquare, name = "", src, ...rest } = omitThemingProps(props);
+	const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig("Avatar", props);
 	const borderRadius = isSquare ? props.size === "sm" ? "3px" : "6px" : "50%";
 	const initials = getInitials(name);
 	const interactiveProps = !disabled && isInteractive ? {
@@ -104,5 +104,5 @@ var avatar_default = Avatar;
 
 //#endregion
 export { Avatar, AvatarBase, avatar_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=avatar.js.map

package/dist/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["Icon","Image"],"sources":["../../src/avatar/avatar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { IconProp, IconProps } from '../icon'\nimport Icon from '../icon'\nimport Image from '../image'\nimport { cs, filterUndefined } from '../utils'\nimport { loadImageUrl } from '../utils/images'\nimport type { AvatarProps } from './avatar.types'\nimport { defaultGetInitials } from './helpers'\n\nexport const AvatarBase = styled.spanBox`\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  outline: none;\n  overflow: hidden;\n  transition-duration: fast;\n\n  &:focus {\n    border-color: transparent;\n  }\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    user-select: none;\n  }\n`\n\n/** Displays user data, such as name initials or profile image. */\nexport const Avatar = vui<'span', AvatarProps>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled,\n    getInitials = defaultGetInitials,\n    icon,\n    isInteractive = props.onClick !== undefined,\n    isSquare,\n    name = '',\n    src,\n    ...rest\n  } = omitThemingProps(props)\n  const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig('Avatar', props)\n\n  const borderRadius = isSquare ? (props.size === 'sm' ? '3px' : '6px') : '50%'\n  const initials = getInitials(name)\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? ({\n          cursor: 'pointer',\n          hoverBg,\n          hoverOpacity: src ? 0.85 : 1,\n          activeOpacity: src ? 0.7 : 1,\n          activeBg,\n          focusRing: 3,\n          tabIndex: 0,\n          userSelect: 'none',\n        } as const)\n      : {}\n\n  const aliasedProps = filterUndefined({\n    borderRadius: borderRadius,\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <AvatarBase\n      borderRadius={borderRadius}\n      className={cs('vui-avatar', className)}\n      h={h}\n      ref={ref}\n      w={h}\n      {...styles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : src ? (\n        <LazyImageOrDefault borderRadius={borderRadius} icon={icon} iconSize={iconSize} initials={initials} src={src} />\n      ) : icon ? (\n        <Icon name={icon} size={iconSize} />\n      ) : initials ? (\n        initials\n      ) : (\n        <Icon name=\"uiUser\" size={iconSize} />\n      )}\n    </AvatarBase>\n  )\n})\n\nfunction LazyImageOrDefault({\n  src,\n  borderRadius,\n  icon,\n  iconSize,\n  initials,\n}: {\n  src: string\n  borderRadius: string\n  icon: IconProp | undefined\n  iconSize: IconProps['size']\n  initials: string\n}) {\n  const [imgLoaded, setImgLoaded] = useState(false)\n  useEffect(() => {\n    let cancelled = false\n    loadImageUrl(src).then(res => {\n      if (!cancelled) setImgLoaded(res)\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [src])\n\n  return imgLoaded ? (\n    <Image borderRadius={borderRadius} src={src} />\n  ) : icon ? (\n    <Icon name={icon} size={iconSize} />\n  ) : initials ? (\n    <>{initials}</>\n  ) : (\n    <Icon name=\"uiUser\" size={iconSize} />\n  )\n}\n\nAvatar.displayName = 'Avatar'\nexport default Avatar\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,aAAa,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;AAuBxC,MAAa,SAAS,KAA0B,OAAO,QAAQ;CAC7D,MAAM,EACJ,UACA,WACA,UACA,cAAc,oBACd,MACA,gBAAgB,MAAM,YAAY,QAClC,UACA,OAAO,IACP,IACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,EAAE,UAAU,GAAG,SAAS,SAAU,GAAG,WAAW,eAAe,UAAU,MAAM;CAErF,MAAM,eAAe,WAAY,MAAM,SAAS,OAAO,QAAQ,QAAS;CACxE,MAAM,WAAW,YAAY,KAAK;CAElC,MAAM,mBACJ,CAAC,YAAY,gBACR;EACC,QAAQ;EACR;EACA,cAAc,MAAM,MAAO;EAC3B,eAAe,MAAM,KAAM;EAC3B;EACA,WAAW;EACX,UAAU;EACV,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACrB;EACd,iBAAiB;EAClB,CAAC;AAEF,QACE,oBAAC;EACe;EACd,WAAW,GAAG,cAAc,UAAU;EACnC;EACE;EACL,GAAG;EACH,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,WACC,WACE,MACF,oBAAC;GAAiC;GAAoB;GAAgB;GAAoB;GAAe;IAAO,GAC9G,OACF,oBAACA;GAAK,MAAM;GAAM,MAAM;IAAY,GAClC,WACF,WAEA,oBAACA;GAAK,MAAK;GAAS,MAAM;IAAY;GAE7B;EAEf;AAEF,SAAS,mBAAmB,EAC1B,KACA,cACA,MACA,UACA,YAOC;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AACjD,iBAAgB;EACd,IAAI,YAAY;AAChB,eAAa,IAAI,CAAC,MAAK,QAAO;AAC5B,OAAI,CAAC,UAAW,cAAa,IAAI;IACjC;AACF,eAAa;AACX,eAAY;;IAEb,CAAC,IAAI,CAAC;AAET,QAAO,YACL,oBAACC;EAAoB;EAAmB;GAAO,GAC7C,OACF,oBAACD;EAAK,MAAM;EAAM,MAAM;GAAY,GAClC,WACF,4CAAG,WAAY,GAEf,oBAACA;EAAK,MAAK;EAAS,MAAM;GAAY;;AAI1C,OAAO,cAAc;AACrB,qBAAe"}
+{"version":3,"file":"avatar.js","names":["Icon","Image"],"sources":["../../src/avatar/avatar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { IconProp, IconProps } from '../icon'\nimport Icon from '../icon'\nimport Image from '../image'\nimport { cs, filterUndefined } from '../utils'\nimport { loadImageUrl } from '../utils/images'\nimport type { AvatarProps } from './avatar.types'\nimport { defaultGetInitials } from './helpers'\n\nexport const AvatarBase = styled.spanBox`\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  outline: none;\n  overflow: hidden;\n  transition-duration: fast;\n\n  &:focus {\n    border-color: transparent;\n  }\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    user-select: none;\n  }\n`\n\n/** Displays user data, such as name initials or profile image. */\nexport const Avatar = vui<'span', AvatarProps>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled,\n    getInitials = defaultGetInitials,\n    icon,\n    isInteractive = props.onClick !== undefined,\n    isSquare,\n    name = '',\n    src,\n    ...rest\n  } = omitThemingProps(props)\n  const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig('Avatar', props)\n\n  const borderRadius = isSquare ? (props.size === 'sm' ? '3px' : '6px') : '50%'\n  const initials = getInitials(name)\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? ({\n          cursor: 'pointer',\n          hoverBg,\n          hoverOpacity: src ? 0.85 : 1,\n          activeOpacity: src ? 0.7 : 1,\n          activeBg,\n          focusRing: 3,\n          tabIndex: 0,\n          userSelect: 'none',\n        } as const)\n      : {}\n\n  const aliasedProps = filterUndefined({\n    borderRadius: borderRadius,\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <AvatarBase\n      borderRadius={borderRadius}\n      className={cs('vui-avatar', className)}\n      h={h}\n      ref={ref}\n      w={h}\n      {...styles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : src ? (\n        <LazyImageOrDefault borderRadius={borderRadius} icon={icon} iconSize={iconSize} initials={initials} src={src} />\n      ) : icon ? (\n        <Icon name={icon} size={iconSize} />\n      ) : initials ? (\n        initials\n      ) : (\n        <Icon name=\"uiUser\" size={iconSize} />\n      )}\n    </AvatarBase>\n  )\n})\n\nfunction LazyImageOrDefault({\n  src,\n  borderRadius,\n  icon,\n  iconSize,\n  initials,\n}: {\n  src: string\n  borderRadius: string\n  icon: IconProp | undefined\n  iconSize: IconProps['size']\n  initials: string\n}) {\n  const [imgLoaded, setImgLoaded] = useState(false)\n  useEffect(() => {\n    let cancelled = false\n    loadImageUrl(src).then(res => {\n      if (!cancelled) setImgLoaded(res)\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [src])\n\n  return imgLoaded ? (\n    <Image borderRadius={borderRadius} src={src} />\n  ) : icon ? (\n    <Icon name={icon} size={iconSize} />\n  ) : initials ? (\n    <>{initials}</>\n  ) : (\n    <Icon name=\"uiUser\" size={iconSize} />\n  )\n}\n\nAvatar.displayName = 'Avatar'\nexport default Avatar\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,aAAa,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;AAuBxC,MAAa,SAAS,KAA0B,OAAO,QAAQ;CAC7D,MAAM,EACJ,UACA,WACA,UACA,cAAc,oBACd,MACA,gBAAgB,MAAM,YAAY,QAClC,UACA,OAAO,IACP,KACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,EAAE,UAAU,GAAG,SAAS,UAAU,GAAG,WAAW,eAAe,UAAU,MAAM;CAErF,MAAM,eAAe,WAAY,MAAM,SAAS,OAAO,QAAQ,QAAS;CACxE,MAAM,WAAW,YAAY,KAAK;CAElC,MAAM,mBACJ,CAAC,YAAY,gBACR;EACC,QAAQ;EACR;EACA,cAAc,MAAM,MAAO;EAC3B,eAAe,MAAM,KAAM;EAC3B;EACA,WAAW;EACX,UAAU;EACV,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACrB;EACd,iBAAiB;EAClB,CAAC;AAEF,QACE,oBAAC;EACe;EACd,WAAW,GAAG,cAAc,UAAU;EACnC;EACE;EACL,GAAG;EACH,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,WACC,WACE,MACF,oBAAC;GAAiC;GAAoB;GAAgB;GAAoB;GAAe;IAAO,GAC9G,OACF,oBAACA;GAAK,MAAM;GAAM,MAAM;IAAY,GAClC,WACF,WAEA,oBAACA;GAAK,MAAK;GAAS,MAAM;IAAY;GAE7B;EAEf;AAEF,SAAS,mBAAmB,EAC1B,KACA,cACA,MACA,UACA,YAOC;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AACjD,iBAAgB;EACd,IAAI,YAAY;AAChB,eAAa,IAAI,CAAC,MAAK,QAAO;AAC5B,OAAI,CAAC,UAAW,cAAa,IAAI;IACjC;AACF,eAAa;AACX,eAAY;;IAEb,CAAC,IAAI,CAAC;AAET,QAAO,YACL,oBAACC;EAAoB;EAAmB;GAAO,GAC7C,OACF,oBAACD;EAAK,MAAM;EAAM,MAAM;GAAY,GAClC,WACF,4CAAG,WAAY,GAEf,oBAACA;EAAK,MAAK;EAAS,MAAM;GAAY;;AAI1C,OAAO,cAAc;AACrB,qBAAe"}

package/dist/avatar/avatar.types.d.ts

@@ -25,4 +25,5 @@ type AvatarProps = SystemProps & ThemingProps<'Avatar'> & {
 };
 //#endregion
 export { AvatarProps };
+
 //# sourceMappingURL=avatar.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.types.d.ts","names":[],"sources":["../../src/avatar/avatar.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,WAAA,CAAA,CAAA,CAAc,cACxB;;;;EADU,QAAA,CAAA,CAAA,CAAA,OAAW;EAAG,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,EAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EACxB,WAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;EAQS,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAQ,IAAA,CAAA,CAAA,CAAR,QAAQ"}
+{"version":3,"file":"avatar.types.d.ts","names":[],"sources":["../../src/avatar/avatar.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,WAAA,GAAc,cACxB;;;;EADU,QAAA,CAAA,EAAA,OAAW;EAAG;EACxB,WAAA,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAQS;EAAQ,IAAA,CAAA,EAAR,QAAQ"}

package/dist/avatar/helpers.js

@@ -7,5 +7,5 @@ function defaultGetInitials(name = "") {
 
 //#endregion
 export { defaultGetInitials };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=helpers.js.map

package/dist/avatar/index.d.ts

@@ -1,2 +1,2 @@
 import { AvatarProps } from "./avatar.types.js";
-import { Avatar, AvatarBase } from "./avatar.js";
+import { Avatar, AvatarBase } from "./avatar.js";

package/dist/avatar/theme.js

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

package/dist/badge/badge.d.ts

@@ -12,4 +12,5 @@ import "../index.js";
 declare const Badge: VuiComponent<"span", BadgeProps>;
 //#endregion
 export { Badge };
+
 //# sourceMappingURL=badge.d.ts.map

package/dist/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/badge/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAaA,CAAA,CAAA;cAAa,OAAK,qBAAA"}
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/badge/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAaA;cAAa,OAAK,qBAAA"}

package/dist/badge/badge.js

@@ -10,7 +10,7 @@ import { jsx } from "react/jsx-runtime";
 * These components are used for displaying information only; they might be used as a “counter” for push notifications.
 */
 const Badge = vui((props, ref) => {
-	const { variant,...rest } = props;
+	const { variant, ...rest } = props;
 	const { variants } = theme_default ?? {};
 	const bg = variants[variant ?? "subtleSandstone"].container.bg;
 	const color = variants[variant ?? "subtleSandstone"].container.color;
@@ -31,5 +31,5 @@ var badge_default = Badge;
 
 //#endregion
 export { Badge, badge_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["theme"],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import { vui } from '../core'\nimport type { TagProps } from '../tag'\nimport { Tag } from '../tag'\nimport type { Dict } from '../utils'\nimport type { BadgeProps } from './badge.types'\nimport theme from './theme'\n\n/**\n * Badges are round, non-interactive tags.\n *\n * These components are used for displaying information only; they might be used as a “counter” for push notifications.\n */\n\nexport const Badge = vui<'span', BadgeProps>((props, ref) => {\n  const { variant, ...rest } = props as TagProps\n  const { variants } = (theme as Dict) ?? {}\n\n  const bg = variants[variant ?? 'subtleSandstone'].container.bg\n  const color = variants[variant ?? 'subtleSandstone'].container.color\n\n  return (\n    <Tag\n      bg={bg}\n      className=\"vui-badge\"\n      color={color}\n      isInteractive={false}\n      isRound\n      minW=\"20px\"\n      ref={ref}\n      {...rest}\n      onDelete={undefined}\n    />\n  )\n})\n\nBadge.displayName = 'Badge'\nexport default Badge\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EAAE,QAAS,GAAG,SAAS;CAC7B,MAAM,EAAE,aAAcA,iBAAkB,EAAE;CAE1C,MAAM,KAAK,SAAS,WAAW,mBAAmB,UAAU;CAC5D,MAAM,QAAQ,SAAS,WAAW,mBAAmB,UAAU;AAE/D,QACE,oBAAC;EACK;EACJ,WAAU;EACH;EACP,eAAe;EACf;EACA,MAAK;EACA;EACL,GAAI;EACJ,UAAU;GACV;EAEJ;AAEF,MAAM,cAAc;AACpB,oBAAe"}
+{"version":3,"file":"badge.js","names":["theme"],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import { vui } from '../core'\nimport type { TagProps } from '../tag'\nimport { Tag } from '../tag'\nimport type { Dict } from '../utils'\nimport type { BadgeProps } from './badge.types'\nimport theme from './theme'\n\n/**\n * Badges are round, non-interactive tags.\n *\n * These components are used for displaying information only; they might be used as a “counter” for push notifications.\n */\n\nexport const Badge = vui<'span', BadgeProps>((props, ref) => {\n  const { variant, ...rest } = props as TagProps\n  const { variants } = (theme as Dict) ?? {}\n\n  const bg = variants[variant ?? 'subtleSandstone'].container.bg\n  const color = variants[variant ?? 'subtleSandstone'].container.color\n\n  return (\n    <Tag\n      bg={bg}\n      className=\"vui-badge\"\n      color={color}\n      isInteractive={false}\n      isRound\n      minW=\"20px\"\n      ref={ref}\n      {...rest}\n      onDelete={undefined}\n    />\n  )\n})\n\nBadge.displayName = 'Badge'\nexport default Badge\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EAAE,SAAS,GAAG,SAAS;CAC7B,MAAM,EAAE,aAAcA,iBAAkB,EAAE;CAE1C,MAAM,KAAK,SAAS,WAAW,mBAAmB,UAAU;CAC5D,MAAM,QAAQ,SAAS,WAAW,mBAAmB,UAAU;AAE/D,QACE,oBAAC;EACK;EACJ,WAAU;EACH;EACP,eAAe;EACf;EACA,MAAK;EACA;EACL,GAAI;EACJ,UAAU;GACV;EAEJ;AAEF,MAAM,cAAc;AACpB,oBAAe"}

package/dist/badge/badge.types.d.ts

@@ -20,4 +20,5 @@ type BadgeInnerProps = {
 type BadgeProps = SystemProps & ThemingProps<'Badge'> & TagInnerProps & BadgeInnerProps;
 //#endregion
 export { BadgeProps };
+
 //# sourceMappingURL=badge.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.types.d.ts","names":[],"sources":["../../src/badge/badge.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAKY,eAAA,CAAA,CAAA;;SAEH,WAAW,GAAA,CAAI;;aAEX,WAAW,GAAA,CAAI;EAJhB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEH,SAAA,CAAA,CAAA,CAIK,QAJL,CAAA,CAAA,CAIgB,GAAA,CAAI,OAJpB;EAAW,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEP,IAAA,CAAA,CAAA,CAIJ,KAAA,CAAM,SAJF;CAAW;AAEV,IAAA,CAKF,UAAA,CAAA,CAAA,CAAa,WALX,CAAA,CAAA,CAKyB,YALzB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAKiD,aALjD,CAAA,CAAA,CAKiE,eALjE"}
+{"version":3,"file":"badge.types.d.ts","names":[],"sources":["../../src/badge/badge.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAKY,eAAA;;SAEH,WAAW,GAAA,CAAI;;aAEX,WAAW,GAAA,CAAI;EAJhB;EAEH,SAAA,CAAA,EAIK,QAJL,GAIgB,GAAA,CAAI,OAJpB;EAAW;EAEP,IAAA,CAAA,EAIJ,KAAA,CAAM,SAJF;CAAW;AAEV,KAKF,UAAA,GAAa,WALX,GAKyB,YALzB,CAAA,OAAA,CAAA,GAKiD,aALjD,GAKiE,eALjE"}

package/dist/badge/index.d.ts

@@ -1 +1 @@
-import { Badge } from "./badge.js";
+import { Badge } from "./badge.js";

package/dist/badge/theme.js

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

package/dist/box/box.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { BoxProps } from "./box.types.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components7 from "styled-components";
+import * as styled_components437 from "styled-components";
 
 //#region src/box/box.d.ts
-declare const BoxBase: styled_components7.StyledComponent<"div", styled_components7.DefaultTheme, SystemProps, never>;
+declare const BoxBase: styled_components437.StyledComponent<"div", styled_components437.DefaultTheme, SystemProps, never>;
 /** Organizes content layout into columns or rows with easy centering. */
 declare const Box: VuiComponent<"div", BoxProps>;
 //#endregion
 export { Box, BoxBase };
+
 //# sourceMappingURL=box.d.ts.map

package/dist/box/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","names":[],"sources":["../../src/box/box.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,SAAO,kBAAA,CAAA,uBAInB,kBAAA,CAJmB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAOP,KAAG,oBAAA"}
+{"version":3,"file":"box.d.ts","names":[],"sources":["../../src/box/box.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,SAAO,oBAAA,CAAA,uBAInB,oBAAA,CAJmB,YAAA,EAAA,WAAA;;cAOP,KAAG,oBAAA"}

package/dist/box/box.js

@@ -13,7 +13,7 @@ const BoxBase = styled.divBox`
 `;
 /** Organizes content layout into columns or rows with easy centering. */
 const Box = vui((props, ref) => {
-	const { align, center, centerH, centerV, className, column, direction, elevation, hoverShadow: hoverBoxShadow, justify, radius: borderRadius, shadow, wrap,...rest } = omitThemingProps(props);
+	const { align, center, centerH, centerV, className, column, direction, elevation, hoverShadow: hoverBoxShadow, justify, radius: borderRadius, shadow, wrap, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Box", props);
 	const aliasedProps = filterUndefined({
 		alignItems: align ?? (center || (column ? centerH : centerV) ? "center" : void 0),
@@ -36,5 +36,5 @@ var box_default = Box;
 
 //#endregion
 export { Box, BoxBase, box_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=box.js.map

package/dist/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","names":[],"sources":["../../src/box/box.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { BoxProps } from './box.types'\n\nexport const BoxBase = styled.divBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n`\n\n/** Organizes content layout into columns or rows with easy centering. */\nexport const Box = vui<'div', BoxProps>((props, ref) => {\n  const {\n    align,\n    center,\n    centerH,\n    centerV,\n    className,\n    column,\n    direction,\n    elevation,\n    hoverShadow: hoverBoxShadow,\n    justify,\n    radius: borderRadius,\n    shadow,\n    wrap,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Box', props)\n\n  const alignItems = center || (column ? centerH : centerV) ? 'center' : undefined\n  const flexDirection = column ? 'column' : undefined\n  const justifyContent = center || (column ? centerV : centerH) ? 'center' : undefined\n\n  const aliasedProps = filterUndefined<BoxProps>({\n    alignItems: align ?? alignItems,\n    borderRadius,\n    boxShadow: elevation ?? shadow,\n    flexDirection: direction ?? flexDirection,\n    flexWrap: wrap ? 'wrap' : undefined,\n    justifyContent: justify ?? justifyContent,\n  })\n\n  return <BoxBase className={cs('vui-box', className)} ref={ref} {...styles} {...aliasedProps} {...rest} />\n})\n\nBox.displayName = 'Box'\nexport default Box\n"],"mappings":";;;;;;;;AAIA,MAAa,UAAU,OAAO,MAAM;;;;;;AAOpC,MAAa,MAAM,KAAsB,OAAO,QAAQ;CACtD,MAAM,EACJ,OACA,QACA,SACA,SACA,WACA,QACA,WACA,WACA,aAAa,gBACb,SACA,QAAQ,cACR,QACA,KACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,SAAS,eAAe,OAAO,MAAM;CAM3C,MAAM,eAAe,gBAA0B;EAC7C,YAAY,UALK,WAAW,SAAS,UAAU,WAAW,WAAW;EAMrE;EACA,WAAW,aAAa;EACxB,eAAe,cAPK,SAAS,WAAW;EAQxC,UAAU,OAAO,SAAS;EAC1B,gBAAgB,YARK,WAAW,SAAS,UAAU,WAAW,WAAW;EAS1E,CAAC;AAEF,QAAO,oBAAC;EAAQ,WAAW,GAAG,WAAW,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;GAAQ;EACzG;AAEF,IAAI,cAAc;AAClB,kBAAe"}
+{"version":3,"file":"box.js","names":[],"sources":["../../src/box/box.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { BoxProps } from './box.types'\n\nexport const BoxBase = styled.divBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n`\n\n/** Organizes content layout into columns or rows with easy centering. */\nexport const Box = vui<'div', BoxProps>((props, ref) => {\n  const {\n    align,\n    center,\n    centerH,\n    centerV,\n    className,\n    column,\n    direction,\n    elevation,\n    hoverShadow: hoverBoxShadow,\n    justify,\n    radius: borderRadius,\n    shadow,\n    wrap,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Box', props)\n\n  const alignItems = center || (column ? centerH : centerV) ? 'center' : undefined\n  const flexDirection = column ? 'column' : undefined\n  const justifyContent = center || (column ? centerV : centerH) ? 'center' : undefined\n\n  const aliasedProps = filterUndefined<BoxProps>({\n    alignItems: align ?? alignItems,\n    borderRadius,\n    boxShadow: elevation ?? shadow,\n    flexDirection: direction ?? flexDirection,\n    flexWrap: wrap ? 'wrap' : undefined,\n    justifyContent: justify ?? justifyContent,\n  })\n\n  return <BoxBase className={cs('vui-box', className)} ref={ref} {...styles} {...aliasedProps} {...rest} />\n})\n\nBox.displayName = 'Box'\nexport default Box\n"],"mappings":";;;;;;;;AAIA,MAAa,UAAU,OAAO,MAAM;;;;;;AAOpC,MAAa,MAAM,KAAsB,OAAO,QAAQ;CACtD,MAAM,EACJ,OACA,QACA,SACA,SACA,WACA,QACA,WACA,WACA,aAAa,gBACb,SACA,QAAQ,cACR,QACA,MACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,SAAS,eAAe,OAAO,MAAM;CAM3C,MAAM,eAAe,gBAA0B;EAC7C,YAAY,UALK,WAAW,SAAS,UAAU,WAAW,WAAW;EAMrE;EACA,WAAW,aAAa;EACxB,eAAe,cAPK,SAAS,WAAW;EAQxC,UAAU,OAAO,SAAS;EAC1B,gBAAgB,YARK,WAAW,SAAS,UAAU,WAAW,WAAW;EAS1E,CAAC;AAEF,QAAO,oBAAC;EAAQ,WAAW,GAAG,WAAW,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;GAAQ;EACzG;AAEF,IAAI,cAAc;AAClB,kBAAe"}

package/dist/box/box.types.d.ts

@@ -34,4 +34,5 @@ type BoxProps = SystemProps & ThemingProps<'Box'> & {
 };
 //#endregion
 export { BoxProps };
+
 //# sourceMappingURL=box.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"box.types.d.ts","names":[],"sources":["../../src/box/box.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAGY,QAAA,CAAA,CAAA,CAAW,cACrB;;UAEU;;;;EAHA,OAAA,CAAA,CAAA,CAAA,OAAQ;EAAG,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EACrB,OAAA,CAAA,CAAA,CAAA,OAAA;EAEU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAUI,MAAA,CAAA,CAAA,CAAA,OAAA;EAEA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,aAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAEE,SAAA,CAAA,CAAA,CAJF,cAIE,CAAA,CAAA,aAAA,CAAA,CAAA;EAEJ,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAED,SAAA,CAAA,CAAA,CANG,YAMH,CAAA,CAAA,SAAA,CAAA,CAAA;EAEA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAAY,WAAA,CAAA,CAAA,CANP,YAMO,CAAA,CAAA,cAAA,CAAA,CAAA;;YAJX;;WAED;;WAEA"}
+{"version":3,"file":"box.types.d.ts","names":[],"sources":["../../src/box/box.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAGY,QAAA,GAAW,cACrB;;UAEU;;;;EAHA,OAAA,CAAA,EAAA,OAAQ;EAAG;EACrB,OAAA,CAAA,EAAA,OAAA;EAEU;EAUI,MAAA,CAAA,EAAA,OAAA;EAEA;EAEE,SAAA,CAAA,EAJF,cAIE,CAAA,eAAA,CAAA;EAEJ;EAED,SAAA,CAAA,EANG,YAMH,CAAA,WAAA,CAAA;EAEA;EAAY,WAAA,CAAA,EANP,YAMO,CAAA,gBAAA,CAAA;;YAJX;;WAED;;WAEA"}

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/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+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_components9 from "styled-components";
+import * as styled_components439 from "styled-components";
 
 //#region src/breadcrumbs/breadcrumbs.d.ts
-declare const BreadcrumbsBase: styled_components9.StyledComponent<"div", styled_components9.DefaultTheme, SystemProps, never>;
+declare const BreadcrumbsBase: styled_components439.StyledComponent<"div", styled_components439.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,oBAAA,CAAA,uBAQ3B,oBAAA,CAR2B,YAAA,EAAA,WAAA;;cAWf,aAyBP,oBAAoB;eACX"}

package/dist/breadcrumbs/breadcrumbs.js

@@ -21,7 +21,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 +46,5 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 //#endregion
 export { Breadcrumbs, BreadcrumbsBase };
-globalThis.__vuiVersion__ = "3.1.2"
+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"}