@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/_virtual/_rolldown/runtime.js

@@ -16,4 +16,4 @@ var __exportAll = (all, no_symbols) => {
 
 //#endregion
 export { __exportAll };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"mappings":";;;;;;cAWa,aAAA,8BAAa,eAAA,oCAAA,YAAA,EAIzB,WAJyB;;cAOb,SAAA,EAuCP,YAAA,QAAoB,cAAA;EACxB,IAAA,SAAa,aAAA;EACb,cAAA,SAAuB,uBAAA;AAAA"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"mappings":";;;;;;cAYa,aAAA,8BAAa,eAAA,oCAAA,YAAA,EAIzB,WAJyB;;cAOb,SAAA,EAuCP,YAAA,QAAoB,cAAA;EACxB,IAAA,SAAa,aAAA;EACb,cAAA,SAAuB,uBAAA;AAAA"}

package/dist/accordion/accordion.js

@@ -54,5 +54,5 @@ Accordion.displayName = "Accordion";
 
 //#endregion
 export { AccordionBase, Accordion as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=accordion.js.map

package/dist/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"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,KAAK;CAChD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CACjF,MAAM,eAAe,gBAAgC,CAAC,CAAC;CACvD,MAAM,aAAa,gBAAgB;CACnC,OACE,oBAAC,mBAAD;EAAmB,OAAO;YACxB,oBAAC,eAAD;GACE,YACE,aACI,SACA;;GAGN,WAAW,aAAa,0BAA0B;GAClD,WAAW,GAAG,iBAAiB,SAAS;GACnC;GACL,GAAE;GACF,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,aACC,oBAAC,MAAD;IAAM,GAAE;cACL,QACG,OAAO,OAAO,MAA0B,QACtC,oBAAC,eAAD;KAA6B;KAAwB,GAAI;IAAO,GAAhB,GAAgB,CACjE,IACD;GACA,KACJ,QACF,OAAO,OAAO,MAA0B,QAAgB,oBAAC,yBAAD,EAAmC,GAAI,KAAO,GAAhB,GAAgB,CAAC,IAEvG;EAEW;CACE;AAEvB,CAAC;AAKD,UAAU,OAAO;AACjB,UAAU,iBAAiB;AAC3B,UAAU,cAAc"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { AccordionItemProps, AccordionProps } from './accordion.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, filterUndefined } from '../utils'\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":";;;;;;;;;;;;;AAYA,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,KAAK;CAChD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CACjF,MAAM,eAAe,gBAAgC,CAAC,CAAC;CACvD,MAAM,aAAa,gBAAgB;CACnC,OACE,oBAAC,mBAAD;EAAmB,OAAO;YACxB,oBAAC,eAAD;GACE,YACE,aACI,SACA;;GAGN,WAAW,aAAa,0BAA0B;GAClD,WAAW,GAAG,iBAAiB,SAAS;GACnC;GACL,GAAE;GACF,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,aACC,oBAAC,MAAD;IAAM,GAAE;cACL,QACG,OAAO,OAAO,MAA0B,QACtC,oBAAC,eAAD;KAA6B;KAAwB,GAAI;IAAO,GAAhB,GAAgB,CACjE,IACD;GACA,KACJ,QACF,OAAO,OAAO,MAA0B,QAAgB,oBAAC,yBAAD,EAAmC,GAAI,KAAO,GAAhB,GAAgB,CAAC,IAEvG;EAEW;CACE;AAEvB,CAAC;AAKD,UAAU,OAAO;AACjB,UAAU,iBAAiB;AAC3B,UAAU,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"accordionItem.d.ts","names":[],"sources":["../../src/accordion/accordionItem.tsx"],"mappings":";;;;cAWa,aAAA;EAAA,QAAwB,kBAAkB,mBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"accordionItem.d.ts","names":[],"sources":["../../src/accordion/accordionItem.tsx"],"mappings":";;;;cAYa,aAAA;EAAA,QAAwB,kBAAkB,mBAAA,GAAA,CAAA,OAAA"}

package/dist/accordion/accordionItem.js

@@ -82,5 +82,5 @@ AccordionItem.displayName = "AccordionItem";
 
 //#endregion
 export { AccordionItem as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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 [isCollapsedInternal, 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: !isCollapsedInternal })\n      setIsCollapsedInternal(!isCollapsedInternal)\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            : isCollapsedInternal\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={isCollapsedInternal} 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={isCollapsedInternal} color={styles.icon.color} disabled={disabled} />\n          </Box>\n        )}\n      </Box>\n      {!isCollapsedInternal && (\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,KAAK;CAC1B,MAAM,CAAC,qBAAqB,0BAA0B,SAAkB,KAAK;CAC7E,MAAM,SAAS,eAAe,aAAa,oBAAoB,CAAC;CAEhE,gBAAgB;EACd,uBAAuB,CAAC,CAAC,SAAS;CACpC,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe;EACnB,IAAI,CAAC,UAAU;GACb,WAAW;IAAE;IAAI,WAAW,CAAC;GAAoB,CAAC;GAClD,uBAAuB,CAAC,mBAAmB;EAC7C;CACF;CAEA,MAAM,cAAc,iBAAiB;CACrC,MAAM,YAAY,iBAAiB;CAEnC,OACE,qBAAC,UAAD;EACE,cAAa;EACb,aAAa,OAAO,KAAK;EACzB,WAAW,GAAG,sBAAsB,SAAS;EAC7C,OAAM;EACI;EACV,YAAY,OAAO,KAAK;EACxB,eAAe,OAAO,KAAK;EAC3B,eAAc;EACd,GAAE;EACF,IAAI,GAAG;EACP,GAAG;EACH,GAAE;EACF,GAAI;YAbN,CAeE,qBAAC,KAAD;GACE;GACA,OAAM;GACN,QAAQ,WAAW,gBAAgB;GACnC,SACE,WACI,gBACA,sBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAgB,iBAAiB,UAAU,YAAY;GACvD,SAAS;GACT,IAAI;GACJ,GAAE;GACF,GAAI,OAAO;aAfb;IAiBG,eACC,oBAAC,KAAD,YACE,oBAACA,4BAAD;KAAoB,WAAW;KAAqB,OAAO,OAAO,KAAK;IAAQ,GAC5E;IAEP,oBAAC,KAAD;KACE,YAAY,OAAO,UAAU,WAAW,QAAQ;KAChD,IAAI,cAAc,IAAI;KACtB,SAAS,WAAW,KAAM;eAEzB;IACE;IACJ,aACC,oBAAC,KAAD,YACE,oBAACA,4BAAD;KAAoB,WAAW;KAAqB,OAAO,OAAO,KAAK;KAAiB;IAAW,GAChG;GAEJ;MACJ,CAAC,uBACA,oBAAC,KAAD;GAAK,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,GAAE;aAChC,YAAY;EACV,EAEC;;AAEd;AAEA,cAAc,cAAc"}
+{"version":3,"file":"accordionItem.js","names":["AccordionItemArrow"],"sources":["../../src/accordion/accordionItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { AccordionItemProps } from './accordion.types'\n\nimport { Box } from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { ListItem } from '../list'\nimport { cs } from '../utils'\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 [isCollapsedInternal, 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: !isCollapsedInternal })\n      setIsCollapsedInternal(!isCollapsedInternal)\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            : isCollapsedInternal\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={isCollapsedInternal} 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={isCollapsedInternal} color={styles.icon.color} disabled={disabled} />\n          </Box>\n        )}\n      </Box>\n      {!isCollapsedInternal && (\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":";;;;;;;;;;;AAYA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EACJ,WACA,UACA,WACA,SACA,UACA,IACA,eAAe,OACf,OACA,UACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,CAAC,qBAAqB,0BAA0B,SAAkB,KAAK;CAC7E,MAAM,SAAS,eAAe,aAAa,oBAAoB,CAAC;CAEhE,gBAAgB;EACd,uBAAuB,CAAC,CAAC,SAAS;CACpC,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe;EACnB,IAAI,CAAC,UAAU;GACb,WAAW;IAAE;IAAI,WAAW,CAAC;GAAoB,CAAC;GAClD,uBAAuB,CAAC,mBAAmB;EAC7C;CACF;CAEA,MAAM,cAAc,iBAAiB;CACrC,MAAM,YAAY,iBAAiB;CAEnC,OACE,qBAAC,UAAD;EACE,cAAa;EACb,aAAa,OAAO,KAAK;EACzB,WAAW,GAAG,sBAAsB,SAAS;EAC7C,OAAM;EACI;EACV,YAAY,OAAO,KAAK;EACxB,eAAe,OAAO,KAAK;EAC3B,eAAc;EACd,GAAE;EACF,IAAI,GAAG;EACP,GAAG;EACH,GAAE;EACF,GAAI;YAbN,CAeE,qBAAC,KAAD;GACE;GACA,OAAM;GACN,QAAQ,WAAW,gBAAgB;GACnC,SACE,WACI,gBACA,sBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAgB,iBAAiB,UAAU,YAAY;GACvD,SAAS;GACT,IAAI;GACJ,GAAE;GACF,GAAI,OAAO;aAfb;IAiBG,eACC,oBAAC,KAAD,YACE,oBAACA,4BAAD;KAAoB,WAAW;KAAqB,OAAO,OAAO,KAAK;IAAQ,GAC5E;IAEP,oBAAC,KAAD;KACE,YAAY,OAAO,UAAU,WAAW,QAAQ;KAChD,IAAI,cAAc,IAAI;KACtB,SAAS,WAAW,KAAM;eAEzB;IACE;IACJ,aACC,oBAAC,KAAD,YACE,oBAACA,4BAAD;KAAoB,WAAW;KAAqB,OAAO,OAAO,KAAK;KAAiB;IAAW,GAChG;GAEJ;MACJ,CAAC,uBACA,oBAAC,KAAD;GAAK,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,GAAE;aAChC,YAAY;EACV,EAEC;;AAEd;AAEA,cAAc,cAAc"}

package/dist/accordion/accordionItemArrow.js

@@ -24,5 +24,5 @@ var accordionItemArrow_default = memo(AccordionItemArrow);
 
 //#endregion
 export { accordionItemArrow_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=accordionItemArrow.js.map

package/dist/accordion/accordionItemArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemArrow.js","names":[],"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;CACZ;CACA,UAAU;EACR,WAAW;EACX,UAAU;CACZ;AACF;AAEA,MAAM,sBAAsB,EAC1B,WACA,QAAQ,gBACR,WAAW,OACX,cAAc,YACd,GAAG,WAEH,oBAAC,MAAD;CACE,MAAM,MAAM,YAAY,CAAC,YAAY,cAAc;CACnD,SAAS,WAAW,KAAM;CAC1B,UAAU;CACV,MAAK;CACL,GAAI;AACL;AAGH,iCAAe,KAAK,kBAAkB"}
+{"version":3,"file":"accordionItemArrow.js","names":[],"sources":["../../src/accordion/accordionItemArrow.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport type { AccordionItemArrowProps } from './accordion.types'\n\nimport Icon from '../icon'\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":";;;;;AAMA,MAAM,QAAQ;CACZ,YAAY;EACV,WAAW;EACX,UAAU;CACZ;CACA,UAAU;EACR,WAAW;EACX,UAAU;CACZ;AACF;AAEA,MAAM,sBAAsB,EAC1B,WACA,QAAQ,gBACR,WAAW,OACX,cAAc,YACd,GAAG,WAEH,oBAAC,MAAD;CACE,MAAM,MAAM,YAAY,CAAC,YAAY,cAAc;CACnD,SAAS,WAAW,KAAM;CAC1B,UAAU;CACV,MAAK;CACL,GAAI;AACL;AAGH,iCAAe,KAAK,kBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"accordionItemHorizontal.d.ts","names":[],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"mappings":";;;;cAUa,uBAAA;EAAA,QAAkC,kBAAkB,mBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"accordionItemHorizontal.d.ts","names":[],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"mappings":";;;;cAWa,uBAAA;EAAA,QAAkC,kBAAkB,mBAAA,GAAA,CAAA,OAAA"}

package/dist/accordion/accordionItemHorizontal.js

@@ -86,5 +86,5 @@ AccordionItemHorizontal.displayName = "AccordionItemHorizontal";
 
 //#endregion
 export { AccordionItemHorizontal as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=accordionItemHorizontal.js.map

package/dist/accordion/accordionItemHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemHorizontal.js","names":["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 [isCollapsedInternal, 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: !isCollapsedInternal })\n      setIsCollapsedInternal(!isCollapsedInternal)\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={isCollapsedInternal ? '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={isCollapsedInternal ? 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            : isCollapsedInternal\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        {!isCollapsedInternal && (\n          <Box fontWeight={fontWeight} opacity={disabled ? 0.5 : 1}>\n            {title}\n          </Box>\n        )}\n        <AccordionItemArrow\n          collapsed={isCollapsedInternal}\n          color={styles.icon.color}\n          disabled={disabled}\n          orientation=\"horizontal\"\n        />\n      </Box>\n\n      {!isCollapsedInternal ? (\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,KAAK;CACxB,MAAM,CAAC,qBAAqB,0BAA0B,SAAkB,KAAK;CAE7E,MAAM,SAAS,eAAe,aAAa,oBAAoB,CAAC;CAEhE,gBAAgB;EACd,uBAAuB,CAAC,CAAC,SAAS;CACpC,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe;EACnB,IAAI,CAAC,UAAU;GACb,WAAW;IAAE;IAAI,WAAW,CAAC;GAAoB,CAAC;GAClD,uBAAuB,CAAC,mBAAmB;EAC7C;CACF;CAEA,MAAM,SAAS,WAAW,gBAAgB;CAC1C,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ;CAEvD,MAAM,oBAAoB,YAAY,YAAY,OAAO,eAAe;CAExE,OACE,qBAAC,KAAD;EACE,YAAY,sBAAsB,WAAW;EAC7C,IAAI,WAAW,gBAAgB;EAC/B,aAAY;EACZ,WAAW,GAAG,iCAAiC,SAAS;EACxD,OAAO,WAAW,mBAAmB;EACrC;EACA,QAAQ,WAAW,gBAAgB;EACnC,IAAI,GAAG;EACP,MAAM,sBAAsB,OAAO,KAAK,OAAO;EAC/C,MAAM,OAAO,KAAK;EAClB,oBAAmB;EACnB,YAAY,WAAW,SAAS;EAChC,GAAI,OAAO;EACX,GAAG;EACH,GAAI;YAfN,CAiBE,qBAAC,KAAD;GACU;GACR,SACE,WACI,gBACA,sBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAe;GACf,MAAM,OAAO,KAAK;GAClB,SAAS;GACT,GAAG,OAAO,eAAe;GACzB,GAAE;aAbJ,CAeG,CAAC,uBACA,oBAAC,KAAD;IAAiB;IAAY,SAAS,WAAW,KAAM;cACpD;GACE,IAEP,oBAACA,4BAAD;IACE,WAAW;IACX,OAAO,OAAO,KAAK;IACT;IACV,aAAY;GACb,EACE;MAEJ,CAAC,sBACA,oBAAC,KAAD;GAAK,GAAG,OAAO,eAAe;GAAO,IAAI;GAAG,IAAI;GAAmB,oBAAmB;GAAM,GAAG;aAC5F,YAAY;EACV,KAEL,oBAAC,KAAD;GACU;GACR,eAAc;GACF;GACZ,IAAI,OAAO,KAAK;GAChB,IAAI,OAAO,eAAe;GAC1B,SAAS;GACT,WAAU;GACV,oBAAmB;GACnB,YAAW;aAEV;EACE,EAEJ;;AAET;AAEA,wBAAwB,cAAc"}
+{"version":3,"file":"accordionItemHorizontal.js","names":["AccordionItemArrow"],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { AccordionItemProps } from './accordion.types'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { cs } from '../utils'\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 [isCollapsedInternal, 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: !isCollapsedInternal })\n      setIsCollapsedInternal(!isCollapsedInternal)\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={isCollapsedInternal ? '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={isCollapsedInternal ? 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            : isCollapsedInternal\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        {!isCollapsedInternal && (\n          <Box fontWeight={fontWeight} opacity={disabled ? 0.5 : 1}>\n            {title}\n          </Box>\n        )}\n        <AccordionItemArrow\n          collapsed={isCollapsedInternal}\n          color={styles.icon.color}\n          disabled={disabled}\n          orientation=\"horizontal\"\n        />\n      </Box>\n\n      {!isCollapsedInternal ? (\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":";;;;;;;;;;AAWA,MAAa,2BAA2B,UAA8B;CACpE,MAAM,EAAE,WAAW,UAAU,WAAW,SAAS,UAAU,IAAI,WAAW,OAAO,UAAU,GAAG,SAC5F,iBAAiB,KAAK;CACxB,MAAM,CAAC,qBAAqB,0BAA0B,SAAkB,KAAK;CAE7E,MAAM,SAAS,eAAe,aAAa,oBAAoB,CAAC;CAEhE,gBAAgB;EACd,uBAAuB,CAAC,CAAC,SAAS;CACpC,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe;EACnB,IAAI,CAAC,UAAU;GACb,WAAW;IAAE;IAAI,WAAW,CAAC;GAAoB,CAAC;GAClD,uBAAuB,CAAC,mBAAmB;EAC7C;CACF;CAEA,MAAM,SAAS,WAAW,gBAAgB;CAC1C,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ;CAEvD,MAAM,oBAAoB,YAAY,YAAY,OAAO,eAAe;CAExE,OACE,qBAAC,KAAD;EACE,YAAY,sBAAsB,WAAW;EAC7C,IAAI,WAAW,gBAAgB;EAC/B,aAAY;EACZ,WAAW,GAAG,iCAAiC,SAAS;EACxD,OAAO,WAAW,mBAAmB;EACrC;EACA,QAAQ,WAAW,gBAAgB;EACnC,IAAI,GAAG;EACP,MAAM,sBAAsB,OAAO,KAAK,OAAO;EAC/C,MAAM,OAAO,KAAK;EAClB,oBAAmB;EACnB,YAAY,WAAW,SAAS;EAChC,GAAI,OAAO;EACX,GAAG;EACH,GAAI;YAfN,CAiBE,qBAAC,KAAD;GACU;GACR,SACE,WACI,gBACA,sBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAe;GACf,MAAM,OAAO,KAAK;GAClB,SAAS;GACT,GAAG,OAAO,eAAe;GACzB,GAAE;aAbJ,CAeG,CAAC,uBACA,oBAAC,KAAD;IAAiB;IAAY,SAAS,WAAW,KAAM;cACpD;GACE,IAEP,oBAACA,4BAAD;IACE,WAAW;IACX,OAAO,OAAO,KAAK;IACT;IACV,aAAY;GACb,EACE;MAEJ,CAAC,sBACA,oBAAC,KAAD;GAAK,GAAG,OAAO,eAAe;GAAO,IAAI;GAAG,IAAI;GAAmB,oBAAmB;GAAM,GAAG;aAC5F,YAAY;EACV,KAEL,oBAAC,KAAD;GACU;GACR,eAAc;GACF;GACZ,IAAI,OAAO,KAAK;GAChB,IAAI,OAAO,eAAe;GAC1B,SAAS;GACT,WAAU;GACV,oBAAmB;GACnB,YAAW;aAEV;EACE,EAEJ;;AAET;AAEA,wBAAwB,cAAc"}

package/dist/accordion/context.js

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

package/dist/accordion/context.js.map

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

package/dist/accordion/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/avatar/avatar.tsx"],"mappings":";;;;cAWa,UAAA,8BAAU,eAAA,qCAAA,YAAA,EAoBtB,WApBsB;;cAuBV,MAAA,EAAM,YAAA,SAAA,WAAA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/avatar/avatar.tsx"],"mappings":";;;;cAYa,UAAA,8BAAU,eAAA,qCAAA,YAAA,EAoBtB,WApBsB;;cAuBV,MAAA,EAAM,YAAA,SAAA,WAAA"}

package/dist/avatar/avatar.js

@@ -103,5 +103,5 @@ Avatar.displayName = "Avatar";
 
 //#endregion
 export { AvatarBase, Avatar as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=avatar.js.map

package/dist/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"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,KAAK;CAC1B,MAAM,EAAE,UAAU,GAAG,SAAS,UAAU,GAAG,WAAW,eAAe,UAAU,KAAK;CAEpF,MAAM,eAAe,WAAY,MAAM,SAAS,OAAO,QAAQ,QAAS;CACxE,MAAM,WAAW,YAAY,IAAI;CAEjC,MAAM,mBACJ,CAAC,YAAY,gBACR;EACC,QAAQ;EACR;EACA,cAAc,MAAM,MAAO;EAC3B,eAAe,MAAM,KAAM;EAC3B;EACA,WAAW;EACX,UAAU;EACV,YAAY;CACd,IACA,CAAC;CAEP,MAAM,eAAe,gBAAgB;EACrB;EACd,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,YAAD;EACgB;EACd,WAAW,GAAG,cAAc,SAAS;EAClC;EACE;EACL,GAAG;EACH,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,WACC,WACE,MACF,oBAAC,oBAAD;GAAkC;GAAoB;GAAgB;GAAoB;GAAe;EAAM,KAC7G,OACF,oBAAC,MAAD;GAAM,MAAM;GAAM,MAAM;EAAW,KACjC,WACF,WAEA,oBAAC,MAAD;GAAM,MAAK;GAAS,MAAM;EAAW;CAE7B;AAEhB,CAAC;AAED,SAAS,mBAAmB,EAC1B,KACA,cACA,MACA,UACA,YAOC;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,gBAAgB;EACd,IAAI,YAAY;EAChB,aAAa,GAAG,CAAC,CAAC,MAAK,QAAO;GAC5B,IAAI,CAAC,WAAW,aAAa,GAAG;EAClC,CAAC;EACD,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,GAAG,CAAC;CAER,OAAO,YACL,oBAAC,OAAD;EAAqB;EAAmB;CAAM,KAC5C,OACF,oBAAC,MAAD;EAAM,MAAM;EAAM,MAAM;CAAW,KACjC,WACF,4CAAG,SAAW,KAEd,oBAAC,MAAD;EAAM,MAAK;EAAS,MAAM;CAAW;AAEzC;AAEA,OAAO,cAAc"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../src/avatar/avatar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { IconProp, IconProps } from '../icon'\nimport type { AvatarProps } from './avatar.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport Image from '../image'\nimport { cs, filterUndefined } from '../utils'\nimport { loadImageUrl } from '../utils/images'\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":";;;;;;;;;;;;;AAYA,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,KAAK;CAC1B,MAAM,EAAE,UAAU,GAAG,SAAS,UAAU,GAAG,WAAW,eAAe,UAAU,KAAK;CAEpF,MAAM,eAAe,WAAY,MAAM,SAAS,OAAO,QAAQ,QAAS;CACxE,MAAM,WAAW,YAAY,IAAI;CAEjC,MAAM,mBACJ,CAAC,YAAY,gBACR;EACC,QAAQ;EACR;EACA,cAAc,MAAM,MAAO;EAC3B,eAAe,MAAM,KAAM;EAC3B;EACA,WAAW;EACX,UAAU;EACV,YAAY;CACd,IACA,CAAC;CAEP,MAAM,eAAe,gBAAgB;EACrB;EACd,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,YAAD;EACgB;EACd,WAAW,GAAG,cAAc,SAAS;EAClC;EACE;EACL,GAAG;EACH,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,WACC,WACE,MACF,oBAAC,oBAAD;GAAkC;GAAoB;GAAgB;GAAoB;GAAe;EAAM,KAC7G,OACF,oBAAC,MAAD;GAAM,MAAM;GAAM,MAAM;EAAW,KACjC,WACF,WAEA,oBAAC,MAAD;GAAM,MAAK;GAAS,MAAM;EAAW;CAE7B;AAEhB,CAAC;AAED,SAAS,mBAAmB,EAC1B,KACA,cACA,MACA,UACA,YAOC;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,gBAAgB;EACd,IAAI,YAAY;EAChB,aAAa,GAAG,CAAC,CAAC,MAAK,QAAO;GAC5B,IAAI,CAAC,WAAW,aAAa,GAAG;EAClC,CAAC;EACD,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,GAAG,CAAC;CAER,OAAO,YACL,oBAAC,OAAD;EAAqB;EAAmB;CAAM,KAC5C,OACF,oBAAC,MAAD;EAAM,MAAM;EAAM,MAAM;CAAW,KACjC,WACF,4CAAG,SAAW,KAEd,oBAAC,MAAD;EAAM,MAAK;EAAS,MAAM;CAAW;AAEzC;AAEA,OAAO,cAAc"}

package/dist/avatar/helpers.js

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

package/dist/avatar/theme.js

@@ -168,5 +168,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/badge/badge.tsx"],"mappings":";;;cAmBa,KAAA,EAAK,YAAA,SAAA,UAAA"}
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/badge/badge.tsx"],"mappings":";;;cAoBa,KAAA,EAAK,YAAA,SAAA,UAAA"}

package/dist/badge/badge.js

@@ -44,5 +44,5 @@ Badge.displayName = "Badge";
 
 //#endregion
 export { Badge as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { vui } from '../core'\nimport { Tag } from '../tag'\nimport type { BadgeProps } from './badge.types'\n\n/**\n * Badge is a non-interactive, pill-shaped alias of {@link Tag}.\n *\n * Appearance is controlled by two props:\n *  - `variant`: `'subtle' | 'solid'`\n *  - `color`:   `'grey' | 'green' | 'yellow' | 'red' | 'blue'`\n *\n * Use `icon` to place an icon on the leading side of the label.\n * Badge fully delegates theming to Tag.\n */\n\nconst HIERARCHY = ['subtle', 'solid'] as const\n\nexport const Badge = vui<'span', BadgeProps>((props, ref) => {\n  const { variant: variantProp, color, icon, iconLeft, label, text, ...rest } = props\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && iconLeft !== undefined) {\n      console.warn('[Badge] `iconLeft` is deprecated. Use `icon` instead.')\n    }\n  }, [iconLeft])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && text !== undefined) {\n      console.warn('[Badge] `text` is deprecated. Use `label` instead.')\n    }\n  }, [text])\n\n  const resolvedIcon = icon ?? iconLeft\n  const resolvedLabel = label ?? text\n  const hierarchy = (HIERARCHY as readonly string[]).includes(variantProp ?? '') ? variantProp : 'subtle'\n\n  return (\n    <Tag\n      borderRadius=\"9999px\"\n      className=\"vui-badge\"\n      color={color ?? 'grey'}\n      isInteractive={false}\n      minW=\"20px\"\n      ref={ref}\n      startIcon={resolvedIcon}\n      text={resolvedLabel}\n      variant={hierarchy as 'subtle' | 'solid'}\n      {...rest}\n      onDelete={undefined}\n    />\n  )\n})\n\nBadge.displayName = 'Badge'\nexport default Badge\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,YAAY,CAAC,UAAU,OAAO;AAEpC,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EAAE,SAAS,aAAa,OAAO,MAAM,UAAU,OAAO,MAAM,GAAG,SAAS;CAE9E,gBAAgB;EACd,IAA6C,aAAa,QACxD,QAAQ,KAAK,uDAAuD;CAExE,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,IAA6C,SAAS,QACpD,QAAQ,KAAK,oDAAoD;CAErE,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,eAAe,QAAQ;CAC7B,MAAM,gBAAgB,SAAS;CAC/B,MAAM,YAAa,UAAgC,SAAS,eAAe,EAAE,IAAI,cAAc;CAE/F,OACE,oBAAC,KAAD;EACE,cAAa;EACb,WAAU;EACV,OAAO,SAAS;EAChB,eAAe;EACf,MAAK;EACA;EACL,WAAW;EACX,MAAM;EACN,SAAS;EACT,GAAI;EACJ,UAAU;CACX;AAEL,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { BadgeProps } from './badge.types'\n\nimport { vui } from '../core'\nimport { Tag } from '../tag'\n\n/**\n * Badge is a non-interactive, pill-shaped alias of {@link Tag}.\n *\n * Appearance is controlled by two props:\n *  - `variant`: `'subtle' | 'solid'`\n *  - `color`:   `'grey' | 'green' | 'yellow' | 'red' | 'blue'`\n *\n * Use `icon` to place an icon on the leading side of the label.\n * Badge fully delegates theming to Tag.\n */\n\nconst HIERARCHY = ['subtle', 'solid'] as const\n\nexport const Badge = vui<'span', BadgeProps>((props, ref) => {\n  const { variant: variantProp, color, icon, iconLeft, label, text, ...rest } = props\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && iconLeft !== undefined) {\n      console.warn('[Badge] `iconLeft` is deprecated. Use `icon` instead.')\n    }\n  }, [iconLeft])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && text !== undefined) {\n      console.warn('[Badge] `text` is deprecated. Use `label` instead.')\n    }\n  }, [text])\n\n  const resolvedIcon = icon ?? iconLeft\n  const resolvedLabel = label ?? text\n  const hierarchy = (HIERARCHY as readonly string[]).includes(variantProp ?? '') ? variantProp : 'subtle'\n\n  return (\n    <Tag\n      borderRadius=\"9999px\"\n      className=\"vui-badge\"\n      color={color ?? 'grey'}\n      isInteractive={false}\n      minW=\"20px\"\n      ref={ref}\n      startIcon={resolvedIcon}\n      text={resolvedLabel}\n      variant={hierarchy as 'subtle' | 'solid'}\n      {...rest}\n      onDelete={undefined}\n    />\n  )\n})\n\nBadge.displayName = 'Badge'\nexport default Badge\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAM,YAAY,CAAC,UAAU,OAAO;AAEpC,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EAAE,SAAS,aAAa,OAAO,MAAM,UAAU,OAAO,MAAM,GAAG,SAAS;CAE9E,gBAAgB;EACd,IAA6C,aAAa,QACxD,QAAQ,KAAK,uDAAuD;CAExE,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,IAA6C,SAAS,QACpD,QAAQ,KAAK,oDAAoD;CAErE,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,eAAe,QAAQ;CAC7B,MAAM,gBAAgB,SAAS;CAC/B,MAAM,YAAa,UAAgC,SAAS,eAAe,EAAE,IAAI,cAAc;CAE/F,OACE,oBAAC,KAAD;EACE,cAAa;EACb,WAAU;EACV,OAAO,SAAS;EAChB,eAAe;EACf,MAAK;EACA;EACL,WAAW;EACX,MAAM;EACN,SAAS;EACT,GAAI;EACJ,UAAU;CACX;AAEL,CAAC;AAED,MAAM,cAAc"}

package/dist/badge/theme.js

@@ -15,5 +15,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","names":[],"sources":["../../src/box/box.tsx"],"mappings":";;;;cAIa,OAAA,8BAAO,eAAA,oCAAA,YAAA,EAInB,WAJmB;;cAOP,GAAA,EAAG,YAAA,QAAA,QAAA"}
+{"version":3,"file":"box.d.ts","names":[],"sources":["../../src/box/box.tsx"],"mappings":";;;;cAKa,OAAA,8BAAO,eAAA,oCAAA,YAAA,EAInB,WAJmB;;cAOP,GAAA,EAAG,YAAA,QAAA,QAAA"}

package/dist/box/box.js

@@ -35,5 +35,5 @@ Box.displayName = "Box";
 
 //#endregion
 export { BoxBase, Box as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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    boxShadow,\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: 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,WACA,QACA,MACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,SAAS,eAAe,OAAO,KAAK;CAM1C,MAAM,eAAe,gBAA0B;EAC7C,YAAY,UALK,WAAW,SAAS,UAAU,WAAW,WAAW;EAMrE;EACA,WAAW,aAAa,aAAa;EACrC,eAAe,cAPK,SAAS,WAAW;EAQxC,UAAU,OAAO,SAAS;EAC1B,gBAAgB,YARK,WAAW,SAAS,UAAU,WAAW,WAAW;CAS3E,CAAC;CAED,OAAO,oBAAC,SAAD;EAAS,WAAW,GAAG,WAAW,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;CAAO;AAC1G,CAAC;AAED,IAAI,cAAc"}
+{"version":3,"file":"box.js","names":[],"sources":["../../src/box/box.tsx"],"sourcesContent":["import type { BoxProps } from './box.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\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    boxShadow,\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: 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":";;;;;;;;AAKA,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,WACA,QACA,MACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,SAAS,eAAe,OAAO,KAAK;CAM1C,MAAM,eAAe,gBAA0B;EAC7C,YAAY,UALK,WAAW,SAAS,UAAU,WAAW,WAAW;EAMrE;EACA,WAAW,aAAa,aAAa;EACrC,eAAe,cAPK,SAAS,WAAW;EAQxC,UAAU,OAAO,SAAS;EAC1B,gBAAgB,YARK,WAAW,SAAS,UAAU,WAAW,WAAW;CAS3E,CAAC;CAED,OAAO,oBAAC,SAAD;EAAS,WAAW,GAAG,WAAW,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;CAAO;AAC1G,CAAC;AAED,IAAI,cAAc"}

package/dist/box/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"mappings":";;;;;cAUa,eAAA,8BAAe,eAAA,oCAAA,YAAA,EAQ3B,WAR2B;;cAWf,WAAA,EAyBP,YAAA,QAAoB,gBAAA;EACxB,IAAA,SAAa,eAAA;AAAA"}
+{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"mappings":";;;;;cAWa,eAAA,8BAAe,eAAA,oCAAA,YAAA,EAQ3B,WAR2B;;cAWf,WAAA,EAyBP,YAAA,QAAoB,gBAAA;EACxB,IAAA,SAAa,eAAA;AAAA"}

package/dist/breadcrumbs/breadcrumbs.js

@@ -46,5 +46,5 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 //#endregion
 export { BreadcrumbsBase, Breadcrumbs as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","names":[],"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,KAAK;CAClD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CACjF,MAAM,eAAe,gBAAkC,CAAC,CAAC;CACzD,MAAM,gBAAgB,SAAS,QAAQ,QAAQ;CAE/C,OACE,oBAAC,qBAAD;EAAqB,OAAO;YAC1B,oBAAC,iBAAD;GACE,WAAW,GAAG,mBAAmB,SAAS;GACrC;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,SAAS,IAAI,gBAAgB,OAAO,QACnC,qBAAC,UAAD,aACG,OACA,QAAQ,cAAc,SAAS,KAAK,oBAAC,sBAAD,CAAuB,EACpD,KAHK,GAGL,CACX;EACc;CACE;AAEzB,CAAC;AAID,YAAY,OAAO;AACnB,YAAY,cAAc"}
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { Children, Fragment, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { BreadcrumbsProps } from './breadcrumbs.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\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":";;;;;;;;;;;;AAWA,MAAa,kBAAkB,OAAO,MAAM;;;;;;;;;;AAW5C,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,MAAM,SAAS,GAAG,SAAS;CACxD,MAAM,SAAS,eAAe,eAAe,KAAK;CAClD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CACjF,MAAM,eAAe,gBAAkC,CAAC,CAAC;CACzD,MAAM,gBAAgB,SAAS,QAAQ,QAAQ;CAE/C,OACE,oBAAC,qBAAD;EAAqB,OAAO;YAC1B,oBAAC,iBAAD;GACE,WAAW,GAAG,mBAAmB,SAAS;GACrC;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,SAAS,IAAI,gBAAgB,OAAO,QACnC,qBAAC,UAAD,aACG,OACA,QAAQ,cAAc,SAAS,KAAK,oBAAC,sBAAD,CAAuB,EACpD,KAHK,GAGL,CACX;EACc;CACE;AAEzB,CAAC;AAID,YAAY,OAAO;AACnB,YAAY,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsItem.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"mappings":";;;;;cAQa,eAAA,EAmBP,YAAY,QAAQ,oBAAA"}
+{"version":3,"file":"breadcrumbsItem.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"mappings":";;;;;cASa,eAAA,EAmBP,YAAY,QAAQ,oBAAA"}

package/dist/breadcrumbs/breadcrumbsItem.js

@@ -26,5 +26,5 @@ BreadcrumbsItem.displayName = "BreadcrumbsItem";
 
 //#endregion
 export { BreadcrumbsItem as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=breadcrumbsItem.js.map

package/dist/breadcrumbs/breadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsItem.js","names":[],"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,KAAK;CAE/D,MAAM,gBAAgB,sBAAsB;CAC5C,MAAM,SAAS,eAAe,eAAe,aAAa;CAE1D,OACE,oBAAC,GAAD;EACE,SAAQ;EACR,MAAM,cAAc;EACpB,YAAW;EACX,WAAW,GAAG,wBAAwB,SAAS;EAC1C;EACL,GAAI,OAAO;EACX,GAAI;EAEH;CACA;AAEP,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"breadcrumbsItem.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport type { BreadcrumbsItemProps } from './breadcrumbs.types'\n\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\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":";;;;;;;;;AASA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS,iBAAiB,KAAK;CAE/D,MAAM,gBAAgB,sBAAsB;CAC5C,MAAM,SAAS,eAAe,eAAe,aAAa;CAE1D,OACE,oBAAC,GAAD;EACE,SAAQ;EACR,MAAM,cAAc;EACpB,YAAW;EACX,WAAW,GAAG,wBAAwB,SAAS;EAC1C;EACL,GAAI,OAAO;EACX,GAAI;EAEH;CACA;AAEP,CAAC;AAED,gBAAgB,cAAc"}

package/dist/breadcrumbs/breadcrumbsSeparator.js

@@ -24,5 +24,5 @@ const BreadcrumbsSeparator = ({ className, children, content, ...rest }) => {
 
 //#endregion
 export { BreadcrumbsSeparator as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,SAAS,GAAG,WAAsC;CAC5G,MAAM,SAAS,eAAe,eAAe,sBAAsB,CAAC;CAEpE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,gBAAe;EACf,WAAW,GAAG,6BAA6B,SAAS;EACpD,GAAG;EACH,GAAI;YAEH,WAAW,YAAY,oBAAC,MAAD;GAAM,MAAK;GAAe,GAAI,OAAO;EAAY;CACtE;AAET"}
+{"version":3,"file":"breadcrumbsSeparator.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"sourcesContent":["import type { BreadcrumbsSeparatorProps } from './breadcrumbs.types'\n\nimport { Box } from '../box'\nimport { useStyleConfig } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\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":";;;;;;;;;AASA,MAAa,wBAAwB,EAAE,WAAW,UAAU,SAAS,GAAG,WAAsC;CAC5G,MAAM,SAAS,eAAe,eAAe,sBAAsB,CAAC;CAEpE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,gBAAe;EACf,WAAW,GAAG,6BAA6B,SAAS;EACpD,GAAG;EACH,GAAI;YAEH,WAAW,YAAY,oBAAC,MAAD;GAAM,MAAK;GAAe,GAAI,OAAO;EAAY;CACtE;AAET"}

package/dist/breadcrumbs/context.js

@@ -5,5 +5,5 @@ const [BreadcrumbsProvider, useBreadcrumbsContext] = createContext({ isOptional:
 
 //#endregion
 export { BreadcrumbsProvider, useBreadcrumbsContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/breadcrumbs/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [BreadcrumbsProvider, useBreadcrumbsContext] = createContext<Dict>({ isOptional: true })\n\nexport { BreadcrumbsProvider, useBreadcrumbsContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,qBAAqB,yBAAyB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

package/dist/breadcrumbs/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAwBa,UAAA,8BAAU,eAAA,uCAAA,YAAA,EAYtB,cAAA,GAZsB,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,YAAA;WAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;AAAvB;;;;cAyBa,MAAA,EAkNP,YAAA,WAAuB,WAAA;EAC3B,IAAA,SAAa,UAAA;EACb,IAAA,SAAa,UAAA;AAAA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAyBa,UAAA,8BAAU,eAAA,uCAAA,YAAA,EAYtB,cAAA,GAZsB,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,YAAA;WAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;AAAvB;;;;cAyBa,MAAA,EAkNP,YAAA,WAAuB,WAAA;EAC3B,IAAA,SAAa,UAAA;EACb,IAAA,SAAa,UAAA;AAAA"}

package/dist/button/button.js

@@ -189,5 +189,5 @@ Button.displayName = "Button";
 
 //#endregion
 export { ButtonBase, Button as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=button.js.map

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport type { VuiComponent } from '../core'\nimport { styled, vui } from '../core'\nimport { filterUndefined } from '../utils'\nimport type { ButtonProps } from './button.types'\nimport { renderButtonIcon, renderContent } from './buttonHelpers'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { CSS_VAR_MAPPINGS } from './consts'\nimport { ButtonProvider } from './context'\nimport { useButtonComputed } from './useButtonComputed'\nimport { resolveVariantKey, wrapWithVars } from './utils'\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// ---------------------------------------------------------------------------\n// Styled primitives\n// ---------------------------------------------------------------------------\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: var(--vui-button-font-weight, 500);\n  justify-content: center;\n  line-height: 1.2;\n  overflow: hidden;\n  position: relative;\n  transition-duration: var(--vui-button-transition-duration, fast);\n  user-select: none;\n  width: fit-content;\n`\n\n// ---------------------------------------------------------------------------\n// Button component\n// ---------------------------------------------------------------------------\n\n/**\n * Button Component\n *\n * A versatile button component that supports multiple states, sizes, variants, and behaviors.\n * Part of the VUI design system with built-in accessibility features.\n *\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, // deprecated — not forwarded to DOM\n    disabled,\n    dropDownIcon = 'uiAngleDown',\n    intent: intentProp,\n    isSplit: _isSplit, // deprecated — destructured to prevent DOM leak\n    icon,\n    startIcon,\n    iconLeft,\n    endIcon: endIconProp,\n    iconRight,\n    isActive = false,\n    isDropDown,\n    isElevated = false,\n    isFullWidth = false,\n    isLoading = false,\n    loadingText = 'Loading',\n    isRound = false,\n    isTruncated = false,\n    size,\n    text,\n    title,\n    variant: variantProp,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    onClick,\n    ...rest\n  } = mergedProps\n\n  // Non-memoized calculations (trivial expressions — no memo benefit)\n  const hasTextContent = Boolean(children || text)\n  const isIconOnly = !children && !text && !isDropDown\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIconProp = endIconProp ?? iconRight\n  const hasStartIcon = Boolean(resolvedStartIcon || icon || isLoading)\n  const hasEndIcon = Boolean(resolvedEndIconProp || isDropDown)\n  const endIcon = isDropDown ? dropDownIcon : resolvedEndIconProp\n\n  const variantForTheme = useMemo(\n    () => filterUndefined({ variant: resolveVariantKey(variantProp, intentProp) }),\n    [variantProp, intentProp],\n  )\n\n  // Consolidated computation of all button styles and props\n  const computed = useButtonComputed({\n    size,\n    variant: variantForTheme,\n    intentProp,\n    borderWidthProp,\n    disabled: disabled ?? false,\n    isActive,\n    isIconOnly,\n    isRound,\n    isElevated,\n    hasStartIcon,\n    hasEndIcon,\n    isFullWidth,\n    className,\n    variantProp,\n  })\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variantForTheme.variant,\n        intent: intentProp,\n        isDropDown,\n        hasTextContent,\n        isLoading,\n      }),\n    [disabled, size, variantForTheme.variant, intentProp, isDropDown, hasTextContent, isLoading],\n  )\n\n  // Memoized final props - using primitives to avoid object reference changes\n  const finalVariant = variantForTheme.variant as string | undefined\n\n  // Extract primitive values for stable dependencies\n  const borderWidth = computed.spacing.borderWidth\n  const plValue = computed.spacing.pl\n  const prValue = computed.spacing.pr\n  const ptValue = computed.spacing.pt\n  const pbValue = computed.spacing.pb\n  const gapValue = computed.spacing.gap\n\n  // Wrap props with CSS variables for customization.\n  // Uses module-level CSS_VAR_MAPPINGS and wrapWithVars for stable references.\n  const propsWithVars = useMemo(\n    () => ({\n      ...wrapWithVars(computed.buttonStyles, CSS_VAR_MAPPINGS.base),\n      ...wrapWithVars(computed.activeProps, CSS_VAR_MAPPINGS.active),\n      ...wrapWithVars(computed.disabledProps, CSS_VAR_MAPPINGS.disabled),\n    }),\n    [computed.buttonStyles, computed.activeProps, computed.disabledProps],\n  )\n\n  // Stable props memoized without `rest` so the memo can actually reuse between renders.\n  // `rest` (a new object every render) is spread in separately below.\n  const stableFinalProps = useMemo(\n    () => ({\n      borderWidth: `var(--vui-button-border-width, ${borderWidth}px)`,\n      className: computed.buttonClassName,\n      disabled,\n      'aria-label': isLoading && isIconOnly ? loadingText || 'Loading' : ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-busy': isLoading ? true : undefined,\n      'aria-disabled': isLoading ? true : undefined,\n      'aria-haspopup': isDropDown ? true : undefined,\n      focusRing: FOCUS_RING_SIZE,\n      gap: gapValue,\n      pl: plValue,\n      pr: prValue,\n      pt: ptValue,\n      pb: pbValue,\n      onClick: isLoading ? undefined : onClick,\n      pointerEvents: isLoading ? ('none' as const) : undefined,\n      ref,\n      title: title || undefined,\n      type: BUTTON_TYPE as 'button',\n      variant: finalVariant,\n      ...propsWithVars,\n      ...computed.aliasedProps,\n    }),\n    [\n      borderWidth,\n      plValue,\n      prValue,\n      ptValue,\n      pbValue,\n      gapValue,\n      computed.buttonClassName,\n      computed.aliasedProps,\n      disabled,\n      ariaLabel,\n      ariaLabelledby,\n      isDropDown,\n      ref,\n      title,\n      isLoading,\n      onClick,\n      finalVariant,\n      isIconOnly,\n      loadingText,\n      propsWithVars,\n    ],\n  )\n  const finalProps = { ...stableFinalProps, ...rest }\n\n  // Consolidate all dev-mode warnings into a single effect so they run after all hooks\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (_isSplit !== undefined) {\n        console.warn('[Button] The `isSplit` prop is deprecated and has no effect. It will be removed in VUI 5.x.')\n      }\n      if (colorScheme !== undefined) {\n        console.warn('[Button] `colorScheme` is deprecated. Use `variant` + `intent` instead.')\n      }\n      if (iconLeft !== undefined) {\n        console.warn('[Button] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Button] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n      if (\n        variantProp !== undefined &&\n        !['primary', 'secondary', 'tertiary'].includes(variantProp) &&\n        /^(primary|secondary|tertiary)(Brand|Contrast|Success|Danger|Warning)$/.test(variantProp)\n      ) {\n        console.warn(\n          `[Button] Combined variant \"${variantProp}\" is deprecated. ` +\n            'Use separate `variant` + `intent` props instead (e.g. variant=\"primary\" intent=\"brand\").',\n        )\n      }\n      const isIconOnly = !children && !text\n      const hasLabel = Boolean(ariaLabel || ariaLabelledby || title)\n      if (isIconOnly && !hasLabel) {\n        console.warn(\n          '[Button] Icon-only buttons must have an accessible label. ' +\n            'Add `aria-label`, `aria-labelledby`, or `title` to describe the button action.',\n        )\n      }\n    }\n  }, [_isSplit, colorScheme, iconLeft, iconRight, variantProp, children, text, title, ariaLabel, ariaLabelledby])\n\n  const leftIcon = renderButtonIcon(resolvedStartIcon ?? icon, 'left', isLoading)\n  const rightIcon = renderButtonIcon(endIcon, 'right')\n  // Icon-only buttons: suppress loadingText as visible content — it is set as aria-label above.\n  const contentElement = isLoading\n    ? isIconOnly\n      ? null\n      : renderContent(loadingText, undefined, isTruncated)\n    : renderContent(children, text, isTruncated)\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {leftIcon}\n        {contentElement}\n        {rightIcon}\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":[],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { ButtonProps } from './button.types'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport { styled, vui } from '../core'\nimport { filterUndefined } from '../utils'\nimport { renderButtonIcon, renderContent } from './buttonHelpers'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { CSS_VAR_MAPPINGS } from './consts'\nimport { ButtonProvider } from './context'\nimport { useButtonComputed } from './useButtonComputed'\nimport { resolveVariantKey, wrapWithVars } from './utils'\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// ---------------------------------------------------------------------------\n// Styled primitives\n// ---------------------------------------------------------------------------\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: var(--vui-button-font-weight, 500);\n  justify-content: center;\n  line-height: 1.2;\n  overflow: hidden;\n  position: relative;\n  transition-duration: var(--vui-button-transition-duration, fast);\n  user-select: none;\n  width: fit-content;\n`\n\n// ---------------------------------------------------------------------------\n// Button component\n// ---------------------------------------------------------------------------\n\n/**\n * Button Component\n *\n * A versatile button component that supports multiple states, sizes, variants, and behaviors.\n * Part of the VUI design system with built-in accessibility features.\n *\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, // deprecated — not forwarded to DOM\n    disabled,\n    dropDownIcon = 'uiAngleDown',\n    intent: intentProp,\n    isSplit: _isSplit, // deprecated — destructured to prevent DOM leak\n    icon,\n    startIcon,\n    iconLeft,\n    endIcon: endIconProp,\n    iconRight,\n    isActive = false,\n    isDropDown,\n    isElevated = false,\n    isFullWidth = false,\n    isLoading = false,\n    loadingText = 'Loading',\n    isRound = false,\n    isTruncated = false,\n    size,\n    text,\n    title,\n    variant: variantProp,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    onClick,\n    ...rest\n  } = mergedProps\n\n  // Non-memoized calculations (trivial expressions — no memo benefit)\n  const hasTextContent = Boolean(children || text)\n  const isIconOnly = !children && !text && !isDropDown\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIconProp = endIconProp ?? iconRight\n  const hasStartIcon = Boolean(resolvedStartIcon || icon || isLoading)\n  const hasEndIcon = Boolean(resolvedEndIconProp || isDropDown)\n  const endIcon = isDropDown ? dropDownIcon : resolvedEndIconProp\n\n  const variantForTheme = useMemo(\n    () => filterUndefined({ variant: resolveVariantKey(variantProp, intentProp) }),\n    [variantProp, intentProp],\n  )\n\n  // Consolidated computation of all button styles and props\n  const computed = useButtonComputed({\n    size,\n    variant: variantForTheme,\n    intentProp,\n    borderWidthProp,\n    disabled: disabled ?? false,\n    isActive,\n    isIconOnly,\n    isRound,\n    isElevated,\n    hasStartIcon,\n    hasEndIcon,\n    isFullWidth,\n    className,\n    variantProp,\n  })\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variantForTheme.variant,\n        intent: intentProp,\n        isDropDown,\n        hasTextContent,\n        isLoading,\n      }),\n    [disabled, size, variantForTheme.variant, intentProp, isDropDown, hasTextContent, isLoading],\n  )\n\n  // Memoized final props - using primitives to avoid object reference changes\n  const finalVariant = variantForTheme.variant as string | undefined\n\n  // Extract primitive values for stable dependencies\n  const borderWidth = computed.spacing.borderWidth\n  const plValue = computed.spacing.pl\n  const prValue = computed.spacing.pr\n  const ptValue = computed.spacing.pt\n  const pbValue = computed.spacing.pb\n  const gapValue = computed.spacing.gap\n\n  // Wrap props with CSS variables for customization.\n  // Uses module-level CSS_VAR_MAPPINGS and wrapWithVars for stable references.\n  const propsWithVars = useMemo(\n    () => ({\n      ...wrapWithVars(computed.buttonStyles, CSS_VAR_MAPPINGS.base),\n      ...wrapWithVars(computed.activeProps, CSS_VAR_MAPPINGS.active),\n      ...wrapWithVars(computed.disabledProps, CSS_VAR_MAPPINGS.disabled),\n    }),\n    [computed.buttonStyles, computed.activeProps, computed.disabledProps],\n  )\n\n  // Stable props memoized without `rest` so the memo can actually reuse between renders.\n  // `rest` (a new object every render) is spread in separately below.\n  const stableFinalProps = useMemo(\n    () => ({\n      borderWidth: `var(--vui-button-border-width, ${borderWidth}px)`,\n      className: computed.buttonClassName,\n      disabled,\n      'aria-label': isLoading && isIconOnly ? loadingText || 'Loading' : ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-busy': isLoading ? true : undefined,\n      'aria-disabled': isLoading ? true : undefined,\n      'aria-haspopup': isDropDown ? true : undefined,\n      focusRing: FOCUS_RING_SIZE,\n      gap: gapValue,\n      pl: plValue,\n      pr: prValue,\n      pt: ptValue,\n      pb: pbValue,\n      onClick: isLoading ? undefined : onClick,\n      pointerEvents: isLoading ? ('none' as const) : undefined,\n      ref,\n      title: title || undefined,\n      type: BUTTON_TYPE as 'button',\n      variant: finalVariant,\n      ...propsWithVars,\n      ...computed.aliasedProps,\n    }),\n    [\n      borderWidth,\n      plValue,\n      prValue,\n      ptValue,\n      pbValue,\n      gapValue,\n      computed.buttonClassName,\n      computed.aliasedProps,\n      disabled,\n      ariaLabel,\n      ariaLabelledby,\n      isDropDown,\n      ref,\n      title,\n      isLoading,\n      onClick,\n      finalVariant,\n      isIconOnly,\n      loadingText,\n      propsWithVars,\n    ],\n  )\n  const finalProps = { ...stableFinalProps, ...rest }\n\n  // Consolidate all dev-mode warnings into a single effect so they run after all hooks\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (_isSplit !== undefined) {\n        console.warn('[Button] The `isSplit` prop is deprecated and has no effect. It will be removed in VUI 5.x.')\n      }\n      if (colorScheme !== undefined) {\n        console.warn('[Button] `colorScheme` is deprecated. Use `variant` + `intent` instead.')\n      }\n      if (iconLeft !== undefined) {\n        console.warn('[Button] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Button] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n      if (\n        variantProp !== undefined &&\n        !['primary', 'secondary', 'tertiary'].includes(variantProp) &&\n        /^(primary|secondary|tertiary)(Brand|Contrast|Success|Danger|Warning)$/.test(variantProp)\n      ) {\n        console.warn(\n          `[Button] Combined variant \"${variantProp}\" is deprecated. ` +\n            'Use separate `variant` + `intent` props instead (e.g. variant=\"primary\" intent=\"brand\").',\n        )\n      }\n      const isIconOnly = !children && !text\n      const hasLabel = Boolean(ariaLabel || ariaLabelledby || title)\n      if (isIconOnly && !hasLabel) {\n        console.warn(\n          '[Button] Icon-only buttons must have an accessible label. ' +\n            'Add `aria-label`, `aria-labelledby`, or `title` to describe the button action.',\n        )\n      }\n    }\n  }, [_isSplit, colorScheme, iconLeft, iconRight, variantProp, children, text, title, ariaLabel, ariaLabelledby])\n\n  const leftIcon = renderButtonIcon(resolvedStartIcon ?? icon, 'left', isLoading)\n  const rightIcon = renderButtonIcon(endIcon, 'right')\n  // Icon-only buttons: suppress loadingText as visible content — it is set as aria-label above.\n  const contentElement = isLoading\n    ? isIconOnly\n      ? null\n      : renderContent(loadingText, undefined, isTruncated)\n    : renderContent(children, text, isTruncated)\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {leftIcon}\n        {contentElement}\n        {rightIcon}\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":";;;;;;;;;;;;;;;AAmBA,MAAM,cAAc;AACpB,MAAM,kBAAkB;AAKxB,MAAa,aAAa,OAAO,SAAsB;;;;;;;;;;;;;;;;;;;;AAyBvD,MAAa,SAAS,KAA4B,OAAO,QAAQ;CAG/D,MAAM,EACJ,aAAa,iBACb,UACA,WACA,aACA,UACA,eAAe,eACf,QAAQ,YACR,SAAS,UACT,MACA,WACA,UACA,SAAS,aACT,WACA,WAAW,OACX,YACA,aAAa,OACb,cAAc,OACd,YAAY,OACZ,cAAc,WACd,UAAU,OACV,cAAc,OACd,MACA,MACA,OACA,SAAS,aACT,cAAc,WACd,mBAAmB,gBACnB,SACA,GAAG,SACD;EA/BkB,GADG,sBACe;EAAG,GAAG;CA+BhC;CAGd,MAAM,iBAAiB,QAAQ,YAAY,IAAI;CAC/C,MAAM,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;CAC1C,MAAM,oBAAoB,aAAa;CACvC,MAAM,sBAAsB,eAAe;CAC3C,MAAM,eAAe,QAAQ,qBAAqB,QAAQ,SAAS;CACnE,MAAM,aAAa,QAAQ,uBAAuB,UAAU;CAC5D,MAAM,UAAU,aAAa,eAAe;CAE5C,MAAM,kBAAkB,cAChB,gBAAgB,EAAE,SAAS,kBAAkB,aAAa,UAAU,EAAE,CAAC,GAC7E,CAAC,aAAa,UAAU,CAC1B;CAGA,MAAM,WAAW,kBAAkB;EACjC;EACA,SAAS;EACT;EACA;EACA,UAAU,YAAY;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,MAAM,eAAe,cAEjB,gBAAgB;EACd;EACA;EACA,SAAS,gBAAgB;EACzB,QAAQ;EACR;EACA;EACA;CACF,CAAC,GACH;EAAC;EAAU;EAAM,gBAAgB;EAAS;EAAY;EAAY;EAAgB;CAAS,CAC7F;CAGA,MAAM,eAAe,gBAAgB;CAGrC,MAAM,cAAc,SAAS,QAAQ;CACrC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,WAAW,SAAS,QAAQ;CAIlC,MAAM,gBAAgB,eACb;EACL,GAAG,aAAa,SAAS,cAAc,iBAAiB,IAAI;EAC5D,GAAG,aAAa,SAAS,aAAa,iBAAiB,MAAM;EAC7D,GAAG,aAAa,SAAS,eAAe,iBAAiB,QAAQ;CACnE,IACA;EAAC,SAAS;EAAc,SAAS;EAAa,SAAS;CAAa,CACtE;CAoDA,MAAM,aAAa;EAAE,GAhDI,eAChB;GACL,aAAa,kCAAkC,YAAY;GAC3D,WAAW,SAAS;GACpB;GACA,cAAc,aAAa,aAAa,eAAe,YAAY;GACnE,mBAAmB;GACnB,aAAa,YAAY,OAAO;GAChC,iBAAiB,YAAY,OAAO;GACpC,iBAAiB,aAAa,OAAO;GACrC,WAAW;GACX,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS,YAAY,SAAY;GACjC,eAAe,YAAa,SAAmB;GAC/C;GACA,OAAO,SAAS;GAChB,MAAM;GACN,SAAS;GACT,GAAG;GACH,GAAG,SAAS;EACd,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA,SAAS;GACT,SAAS;GACT;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEqC;EAAG,GAAG;CAAK;CAGlD,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,6FAA6F;EAE5G,IAAI,gBAAgB,QAClB,QAAQ,KAAK,yEAAyE;EAExF,IAAI,aAAa,QACf,QAAQ,KAAK,6DAA6D;EAE5E,IAAI,cAAc,QAChB,QAAQ,KAAK,4DAA4D;EAE3E,IACE,gBAAgB,UAChB,CAAC;GAAC;GAAW;GAAa;EAAU,CAAC,CAAC,SAAS,WAAW,KAC1D,wEAAwE,KAAK,WAAW,GAExF,QAAQ,KACN,8BAA8B,YAAY,8GAE5C;EAIF,IAFmB,CAAC,YAAY,CAAC,QAEf,CADD,QAAQ,aAAa,kBAAkB,KAC9B,GACxB,QAAQ,KACN,0IAEF;CAGN,GAAG;EAAC;EAAU;EAAa;EAAU;EAAW;EAAa;EAAU;EAAM;EAAO;EAAW;CAAc,CAAC;CAE9G,MAAM,WAAW,iBAAiB,qBAAqB,MAAM,QAAQ,SAAS;CAC9E,MAAM,YAAY,iBAAiB,SAAS,OAAO;CAEnD,MAAM,iBAAiB,YACnB,aACE,OACA,cAAc,aAAa,QAAW,WAAW,IACnD,cAAc,UAAU,MAAM,WAAW;CAE7C,OACE,oBAAC,gBAAD;EAAgB,OAAO;YACrB,qBAAC,YAAD;GAAY,GAAI;aAAhB;IACG;IACA;IACA;GACS;;CACE;AAEpB,CAAC;AAKD,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,cAAc"}

package/dist/button/buttonHelpers.js

@@ -44,5 +44,5 @@ const renderContent = (children, text, isTruncated) => {
 
 //#endregion
 export { renderButtonIcon, renderContent };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=buttonHelpers.js.map

package/dist/button/buttonHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonHelpers.js","names":[],"sources":["../../src/button/buttonHelpers.tsx"],"sourcesContent":["import type { IconProp } from '../icon'\nimport { isReactText, isString } from '../utils'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { loadingIconProps } from './consts'\n\n/**\n * Unified icon renderer for all button icon positions.\n * Converts string icon names to ButtonIcon components with appropriate margins.\n *\n * @param iconProp - Icon name string or React element\n * @param position - Icon position: 'main' (center), 'left', or 'right'\n * @param isLoading - Whether to show loading spinner (only applies to left position)\n * @returns Rendered icon or null\n */\nexport const renderButtonIcon = (\n  iconProp: IconProp | React.ReactElement | undefined,\n  position: 'left' | 'right',\n  isLoading: boolean = false,\n): React.ReactElement | null => {\n  if (position === 'left' && isLoading) {\n    return <ButtonIcon {...loadingIconProps} />\n  }\n\n  if (!iconProp) return null\n\n  // JSX element icons are returned as-is — no wrapper\n  if (!isString(iconProp)) return iconProp as React.ReactElement\n\n  return <ButtonIcon name={iconProp} />\n}\n\n/**\n * Renders the button content (text or children).\n * Wraps text strings in ButtonText component with optional truncation.\n *\n * @param children - React children content\n * @param text - Text string to render\n * @param isTruncated - Whether to enable text truncation\n * @returns Rendered content\n */\nexport const renderContent = (\n  children: React.ReactNode,\n  text: React.ReactNode,\n  isTruncated: boolean,\n): React.ReactNode => {\n  if (children) return children\n  // isReactText covers string/number; the second branch wraps JSX/complex nodes via children\n  if (isReactText(text)) return <ButtonText isTruncated={isTruncated} text={text} />\n  if (text) return <ButtonText isTruncated={isTruncated}>{text}</ButtonText>\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,oBACX,UACA,UACA,YAAqB,UACS;CAC9B,IAAI,aAAa,UAAU,WACzB,OAAO,oBAAC,YAAD,EAAY,GAAI,iBAAmB;CAG5C,IAAI,CAAC,UAAU,OAAO;CAGtB,IAAI,CAAC,SAAS,QAAQ,GAAG,OAAO;CAEhC,OAAO,oBAAC,YAAD,EAAY,MAAM,SAAW;AACtC;;;;;;;;;;AAWA,MAAa,iBACX,UACA,MACA,gBACoB;CACpB,IAAI,UAAU,OAAO;CAErB,IAAI,YAAY,IAAI,GAAG,OAAO,oBAAC,YAAD;EAAyB;EAAmB;CAAO;CACjF,IAAI,MAAM,OAAO,oBAAC,YAAD;EAAyB;YAAc;CAAiB;CACzE,OAAO;AACT"}
+{"version":3,"file":"buttonHelpers.js","names":[],"sources":["../../src/button/buttonHelpers.tsx"],"sourcesContent":["import type { IconProp } from '../icon'\n\nimport { isReactText, isString } from '../utils'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { loadingIconProps } from './consts'\n\n/**\n * Unified icon renderer for all button icon positions.\n * Converts string icon names to ButtonIcon components with appropriate margins.\n *\n * @param iconProp - Icon name string or React element\n * @param position - Icon position: 'main' (center), 'left', or 'right'\n * @param isLoading - Whether to show loading spinner (only applies to left position)\n * @returns Rendered icon or null\n */\nexport const renderButtonIcon = (\n  iconProp: IconProp | React.ReactElement | undefined,\n  position: 'left' | 'right',\n  isLoading: boolean = false,\n): React.ReactElement | null => {\n  if (position === 'left' && isLoading) {\n    return <ButtonIcon {...loadingIconProps} />\n  }\n\n  if (!iconProp) return null\n\n  // JSX element icons are returned as-is — no wrapper\n  if (!isString(iconProp)) return iconProp as React.ReactElement\n\n  return <ButtonIcon name={iconProp} />\n}\n\n/**\n * Renders the button content (text or children).\n * Wraps text strings in ButtonText component with optional truncation.\n *\n * @param children - React children content\n * @param text - Text string to render\n * @param isTruncated - Whether to enable text truncation\n * @returns Rendered content\n */\nexport const renderContent = (\n  children: React.ReactNode,\n  text: React.ReactNode,\n  isTruncated: boolean,\n): React.ReactNode => {\n  if (children) return children\n  // isReactText covers string/number; the second branch wraps JSX/complex nodes via children\n  if (isReactText(text)) return <ButtonText isTruncated={isTruncated} text={text} />\n  if (text) return <ButtonText isTruncated={isTruncated}>{text}</ButtonText>\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAa,oBACX,UACA,UACA,YAAqB,UACS;CAC9B,IAAI,aAAa,UAAU,WACzB,OAAO,oBAAC,YAAD,EAAY,GAAI,iBAAmB;CAG5C,IAAI,CAAC,UAAU,OAAO;CAGtB,IAAI,CAAC,SAAS,QAAQ,GAAG,OAAO;CAEhC,OAAO,oBAAC,YAAD,EAAY,MAAM,SAAW;AACtC;;;;;;;;;;AAWA,MAAa,iBACX,UACA,MACA,gBACoB;CACpB,IAAI,UAAU,OAAO;CAErB,IAAI,YAAY,IAAI,GAAG,OAAO,oBAAC,YAAD;EAAyB;EAAmB;CAAO;CACjF,IAAI,MAAM,OAAO,oBAAC,YAAD;EAAyB;YAAc;CAAiB;CACzE,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.d.ts","names":[],"sources":["../../src/button/buttonIcon.tsx"],"mappings":";;;;cAWa,UAAA,EAAU,YAAA,QAAA,SAAA"}
+{"version":3,"file":"buttonIcon.d.ts","names":[],"sources":["../../src/button/buttonIcon.tsx"],"mappings":";;;;cAYa,UAAA,EAAU,YAAA,QAAA,SAAA"}

package/dist/button/buttonIcon.js

@@ -31,5 +31,5 @@ ButtonIcon.displayName = "ButtonIcon";
 
 //#endregion
 export { ButtonIcon as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=buttonIcon.js.map

package/dist/button/buttonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.js","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { 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 buttonContext = useButtonContext()\n  const styles = useStyleConfig('Button', buttonContext)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && isConceptualIcon(name)) {\n      console.warn(\n        `[ButtonIcon] Conceptual icon \"${name}\" is not supported inside a Button. Use a UI icon (name starting with \"ui\") instead.`,\n      )\n    }\n  }, [name])\n\n  if (isConceptualIcon(name)) return null\n\n  const iconSize = `var(--vui-button-icon-size, ${styles.icon?.fontSize || '1rem'})`\n\n  return (\n    <Icon\n      className={cs('vui-buttonIcon', className)}\n      fontSize={iconSize}\n      h={iconSize}\n      w={iconSize}\n      name={name}\n      ref={ref}\n      {...rest}\n    />\n  )\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":";;;;;;;;;AAQA,MAAM,oBAAoB,SAAoB,MAAM,WAAW,KAAK;;AAGpE,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,WAAW,MAAM,GAAG,SAAS;CAErC,MAAM,SAAS,eAAe,UADR,iBAC8B,CAAC;CAErD,gBAAgB;EACd,IAA6C,iBAAiB,IAAI,GAChE,QAAQ,KACN,iCAAiC,KAAK,qFACxC;CAEJ,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,iBAAiB,IAAI,GAAG,OAAO;CAEnC,MAAM,WAAW,+BAA+B,OAAO,MAAM,YAAY,OAAO;CAEhF,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,SAAS;EACzC,UAAU;EACV,GAAG;EACH,GAAG;EACG;EACD;EACL,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"buttonIcon.js","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { IconProp, IconProps } from '../icon'\n\nimport { useStyleConfig, vui } from '../core'\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 buttonContext = useButtonContext()\n  const styles = useStyleConfig('Button', buttonContext)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && isConceptualIcon(name)) {\n      console.warn(\n        `[ButtonIcon] Conceptual icon \"${name}\" is not supported inside a Button. Use a UI icon (name starting with \"ui\") instead.`,\n      )\n    }\n  }, [name])\n\n  if (isConceptualIcon(name)) return null\n\n  const iconSize = `var(--vui-button-icon-size, ${styles.icon?.fontSize || '1rem'})`\n\n  return (\n    <Icon\n      className={cs('vui-buttonIcon', className)}\n      fontSize={iconSize}\n      h={iconSize}\n      w={iconSize}\n      name={name}\n      ref={ref}\n      {...rest}\n    />\n  )\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":";;;;;;;;;AASA,MAAM,oBAAoB,SAAoB,MAAM,WAAW,KAAK;;AAGpE,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,WAAW,MAAM,GAAG,SAAS;CAErC,MAAM,SAAS,eAAe,UADR,iBAC8B,CAAC;CAErD,gBAAgB;EACd,IAA6C,iBAAiB,IAAI,GAChE,QAAQ,KACN,iCAAiC,KAAK,qFACxC;CAEJ,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,iBAAiB,IAAI,GAAG,OAAO;CAEnC,MAAM,WAAW,+BAA+B,OAAO,MAAM,YAAY,OAAO;CAEhF,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,SAAS;EACzC,UAAU;EACV,GAAG;EACH,GAAG;EACG;EACD;EACL,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"buttonText.d.ts","names":[],"sources":["../../src/button/buttonText.tsx"],"mappings":";;;;cAOa,UAAA,EAAU,YAAA,SAAA,MAAA"}
+{"version":3,"file":"buttonText.d.ts","names":[],"sources":["../../src/button/buttonText.tsx"],"mappings":";;;;cAQa,UAAA,EAAU,YAAA,SAAA,MAAA"}

package/dist/button/buttonText.js

@@ -22,5 +22,5 @@ ButtonText.displayName = "ButtonText";
 
 //#endregion
 export { ButtonText as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=buttonText.js.map

package/dist/button/buttonText.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonText.js","names":[],"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,iBAAiB,CAAC;CAE1D,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,kBAAkB,SAAS;EAAG,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACjH,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"buttonText.js","names":[],"sources":["../../src/button/buttonText.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\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":";;;;;;;;;AAQA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,kBAAkB,SAAS;EAAG,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACjH,CAAC;AAED,WAAW,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","names":[],"sources":["../../src/button/buttons.tsx"],"mappings":";;;cAOa,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAIT,UAAA,EAAU,YAAA,WAAA,eAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,eAAA;;cAMV,WAAA,EAAW,YAAA,WAAA,eAAA;AAAA,cAaX,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAKT,YAAA,EAAY,YAAA,WAAA,WAAA;AAAA,cAKZ,UAAA,EAAU,YAAA,WAAA,WAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,WAAA"}
+{"version":3,"file":"buttons.d.ts","names":[],"sources":["../../src/button/buttons.tsx"],"mappings":";;;cAQa,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAIT,UAAA,EAAU,YAAA,WAAA,eAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,eAAA;;cAMV,WAAA,EAAW,YAAA,WAAA,eAAA;AAAA,cAaX,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAKT,YAAA,EAAY,YAAA,WAAA,WAAA;AAAA,cAKZ,UAAA,EAAU,YAAA,WAAA,WAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,WAAA"}

package/dist/button/buttons.js

@@ -66,5 +66,5 @@ TextButton.displayName = "TextButton";
 
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=buttons.js.map