@veracity/vui 5.1.0-alpha.393087.2605181205 → 5.1.0

package/dist/accordion/accordion.d.ts

@@ -3,10 +3,8 @@ import { VuiComponent } from "../core/vui.js";
 import { AccordionProps } from "./accordion.types.js";
 import { AccordionItem } from "./accordionItem.js";
 import { AccordionItemHorizontal } from "./accordionItemHorizontal.js";
-import * as _$styled_components0 from "styled-components";
-
 //#region src/accordion/accordion.d.ts
-declare const AccordionBase: _$styled_components0.StyledComponent<"div", _$styled_components0.DefaultTheme, SystemProps, never>;
+declare const AccordionBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SystemProps, never>;
 /** Allows to show and hide sections of related content on a page. */
 declare const Accordion: VuiComponent<"div", AccordionProps> & {
   Item: typeof AccordionItem;

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"mappings":";;;;;;;;cAWa,aAAA,EAAa,oBAAA,CAAA,eAAA,QAIzB,oBAAA,CAJyB,YAAA,EAAA,WAAA;;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":";;;;;;cAWa,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.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,MAAM;CACjD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,eAAe,gBAAgC,EAAE,CAAC;CACxD,MAAM,aAAa,gBAAgB;CACnC,OACE,oBAAC,mBAAD;EAAmB,OAAO;YACxB,oBAAC,eAAD;GACE,YACE,aACI,SACA;;GAGN,WAAW,aAAa,0BAA0B;GAClD,WAAW,GAAG,iBAAiB,UAAU;GACpC;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;KAAQ,EAAjB,IAAiB,CACjE,GACF;IACC,IACL,QACF,OAAO,OAAO,MAA0B,QAAgB,oBAAC,yBAAD,EAAmC,GAAI,MAAQ,EAAjB,IAAiB,CAAC,GAExG;GAEY;EACE;EAEtB;AAKF,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 { 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.types.d.ts","names":[],"sources":["../../src/accordion/accordion.types.ts"],"mappings":";;;;;;;KAOY,oBAAA;AAAA,KACA,qBAAA;AAAA,KAEA,cAAA,GAAiB,WAAA,GAC3B,YAAA;uDAEE,WAAA,GAAc,oBAAA;EAEd,KAAA,GAAQ,kBAAA,IARoB;EAU5B,YAAA,GAAe,qBAAA;AAAA;AAAA,KAGP,eAAA;AAAA,KAEA,sBAAA;EACV,EAAA,EAAI,eAAA;EACJ,SAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,aAAA;EAjBrB,gBAmBV,EAAA,EAAI,eAAA;EAEJ,SAAA,WApBA;EAsBA,QAAA,GAAW,SAAA,EAlBD;EAoBV,OAAA,GAAU,SAAA,EAlB4B;EAoBtC,SAAA,oBA3B2B;EA6B3B,SAAA,YA1BE;EA4BF,YAAA,GAAe,qBAAA,EA1Bb;EA4BF,KAAA,YAAiB,SAAA,EA1Bf;EA4BF,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;AAAA,KAGT,uBAAA,GAA0B,SAAA;EACpC,SAAA;EACA,KAAA;EACA,QAAA;EACA,WAAA,GAAc,oBAAA;AAAA"}
+{"version":3,"file":"accordion.types.d.ts","names":[],"sources":["../../src/accordion/accordion.types.ts"],"mappings":";;;;;;;KAOY,oBAAA;AAAA,KACA,qBAAA;AAAA,KAEA,cAAA,GAAiB,WAAA,GAC3B,YAAA;uDAEE,WAAA,GAAc,oBAAA;EAEd,KAAA,GAAQ,kBAAA,IARoB;EAU5B,YAAA,GAAe,qBAAA;AAAA;AAAA,KAGP,eAAA;AAAA,KAEA,sBAAA;EACV,EAAA,EAAI,eAAe;EACnB,SAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,aAAA;EAjBrB,gBAmBV,EAAA,EAAI,eAAA;EAEJ,SAAA,WApBA;EAsBA,QAAA,GAAW,SAAA,EAlBD;EAoBV,OAAA,GAAU,SAAA,EAlB4B;EAoBtC,SAAA,oBA3B2B;EA6B3B,SAAA,YA1BE;EA4BF,YAAA,GAAe,qBAAA,EA1Bb;EA4BF,KAAA,YAAiB,SAAA,EA1Bf;EA4BF,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;AAAA,KAGT,uBAAA,GAA0B,SAAA;EACpC,SAAA;EACA,KAAA;EACA,QAAA;EACA,WAAA,GAAc,oBAAoB;AAAA"}

package/dist/accordion/accordionItem.d.ts

@@ -1,10 +1,9 @@
 import { AccordionItemProps } from "./accordion.types.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/accordion/accordionItem.d.ts
 /** An accordion item. */
 declare const AccordionItem: {
-  (props: AccordionItemProps): _$react_jsx_runtime0.JSX.Element;
+  (props: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

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,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"accordionItem.d.ts","names":[],"sources":["../../src/accordion/accordionItem.tsx"],"mappings":";;;;cAWa,aAAA;EAAA,QAAwB,kBAAkB,+BAAA,GAAA,CAAA,OAAA"}

package/dist/accordion/accordionItem.js

@@ -11,7 +11,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /** An accordion item. */
 const AccordionItem = (props) => {
 	const { className, children, collapsed, content, disabled, id, iconPosition = "end", title, onToggle, ...rest } = omitThemingProps(props);
-	const [collapsedInternal, setIsCollapsedInternal] = useState(false);
+	const [isCollapsedInternal, setIsCollapsedInternal] = useState(false);
 	const styles = useStyleConfig("Accordion", useAccordionContext());
 	useEffect(() => {
 		setIsCollapsedInternal(!!collapsed);
@@ -20,9 +20,9 @@ const AccordionItem = (props) => {
 		if (!disabled) {
 			onToggle?.({
 				id,
-				collapsed: !collapsedInternal
+				collapsed: !isCollapsedInternal
 			});
-			setIsCollapsedInternal(!collapsedInternal);
+			setIsCollapsedInternal(!isCollapsedInternal);
 		}
 	};
 	const isIconStart = iconPosition === "start";
@@ -45,7 +45,7 @@ const AccordionItem = (props) => {
 			center: true,
 			color: "yellow",
 			cursor: disabled ? "not-allowed" : "pointer",
-			hoverBg: disabled ? "transparent" : collapsedInternal ? styles.item.itemTitleHoverBg : styles.item.expandedItemTitleHoverBg,
+			hoverBg: disabled ? "transparent" : isCollapsedInternal ? styles.item.itemTitleHoverBg : styles.item.expandedItemTitleHoverBg,
 			justifyContent: iconPosition === "start" ? "initial" : "space-between",
 			onClick: toggle,
 			px: 2,
@@ -53,7 +53,7 @@ const AccordionItem = (props) => {
 			...styles.item,
 			children: [
 				isIconStart && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(accordionItemArrow_default, {
-					collapsed: collapsedInternal,
+					collapsed: isCollapsedInternal,
 					color: styles.icon.color
 				}) }),
 				/* @__PURE__ */ jsx(Box, {
@@ -63,12 +63,12 @@ const AccordionItem = (props) => {
 					children: title
 				}),
 				isIconEnd && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(accordionItemArrow_default, {
-					collapsed: collapsedInternal,
+					collapsed: isCollapsedInternal,
 					color: styles.icon.color,
 					disabled
 				}) })
 			]
-		}), !collapsedInternal && /* @__PURE__ */ jsx(Box, {
+		}), !isCollapsedInternal && /* @__PURE__ */ jsx(Box, {
 			mb: 2,
 			mt: 2,
 			px: 2,

package/dist/accordion/accordionItem.js.map

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

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;EACX;CACD,UAAU;EACR,WAAW;EACX,UAAU;EACX;CACF;AAED,MAAM,sBAAsB,EAC1B,WACA,QAAQ,gBACR,WAAW,OACX,cAAc,YACd,GAAG,WAEH,oBAAC,MAAD;CACE,MAAM,MAAM,aAAa,YAAY,cAAc;CACnD,SAAS,WAAW,KAAM;CAC1B,UAAU;CACV,MAAK;CACL,GAAI;CACJ;AAGJ,iCAAe,KAAK,mBAAmB"}
+{"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,aAAa,YAAY,cAAc;CACnD,SAAS,WAAW,KAAM;CAC1B,UAAU;CACV,MAAK;CACL,GAAI;AACL;AAGH,iCAAe,KAAK,kBAAkB"}

package/dist/accordion/accordionItemHorizontal.d.ts

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

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,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"accordionItemHorizontal.d.ts","names":[],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"mappings":";;;;cAUa,uBAAA;EAAA,QAAkC,kBAAkB,+BAAA,GAAA,CAAA,OAAA"}

package/dist/accordion/accordionItemHorizontal.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /** An accordion item (horizontal AccordionOrientation). */
 const AccordionItemHorizontal = (props) => {
 	const { className, children, collapsed, content, disabled, id, contentPx, title, onToggle, ...rest } = omitThemingProps(props);
-	const [collapsedInternal, setIsCollapsedInternal] = useState(false);
+	const [isCollapsedInternal, setIsCollapsedInternal] = useState(false);
 	const styles = useStyleConfig("Accordion", useAccordionContext());
 	useEffect(() => {
 		setIsCollapsedInternal(!!collapsed);
@@ -19,16 +19,16 @@ const AccordionItemHorizontal = (props) => {
 		if (!disabled) {
 			onToggle?.({
 				id,
-				collapsed: !collapsedInternal
+				collapsed: !isCollapsedInternal
 			});
-			setIsCollapsedInternal(!collapsedInternal);
+			setIsCollapsedInternal(!isCollapsedInternal);
 		}
 	};
 	const cursor = disabled ? "not-allowed" : "pointer";
 	const fontWeight = typeof title === "string" ? "500" : "inherit";
 	const expandedContentPx = contentPx ? contentPx : styles.itemHorizontal.space;
 	return /* @__PURE__ */ jsxs(Box, {
-		alignItems: collapsedInternal ? "normal" : "baseline",
+		alignItems: isCollapsedInternal ? "normal" : "baseline",
 		bg: disabled ? "disabled.bg" : void 0,
 		borderRight: "1px solid transparent",
 		className: cs("vui-accordion-item-horizontal", className),
@@ -36,7 +36,7 @@ const AccordionItemHorizontal = (props) => {
 		column: true,
 		cursor: disabled ? "not-allowed" : void 0,
 		id: `${id}`,
-		maxW: collapsedInternal ? styles.item.minH : "auto",
+		maxW: isCollapsedInternal ? styles.item.minH : "auto",
 		minW: styles.item.minH,
 		transitionDuration: "0ms",
 		userSelect: disabled ? "none" : void 0,
@@ -45,23 +45,23 @@ const AccordionItemHorizontal = (props) => {
 		...rest,
 		children: [/* @__PURE__ */ jsxs(Box, {
 			cursor,
-			hoverBg: disabled ? "transparent" : collapsedInternal ? styles.item.itemTitleHoverBg : styles.item.expandedItemTitleHoverBg,
+			hoverBg: disabled ? "transparent" : isCollapsedInternal ? styles.item.itemTitleHoverBg : styles.item.expandedItemTitleHoverBg,
 			justifyContent: "space-between",
 			minH: styles.item.minH,
 			onClick: toggle,
 			p: styles.itemHorizontal.space,
 			w: "100%",
-			children: [!collapsedInternal && /* @__PURE__ */ jsx(Box, {
+			children: [!isCollapsedInternal && /* @__PURE__ */ jsx(Box, {
 				fontWeight,
 				opacity: disabled ? .5 : 1,
 				children: title
 			}), /* @__PURE__ */ jsx(accordionItemArrow_default, {
-				collapsed: collapsedInternal,
+				collapsed: isCollapsedInternal,
 				color: styles.icon.color,
 				disabled,
 				orientation: "horizontal"
 			})]
-		}), !collapsedInternal ? /* @__PURE__ */ jsx(Box, {
+		}), !isCollapsedInternal ? /* @__PURE__ */ jsx(Box, {
 			p: styles.itemHorizontal.space,
 			pt: 0,
 			px: expandedContentPx,

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 [collapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)\n\n  const styles = useStyleConfig('Accordion', useAccordionContext())\n\n  useEffect(() => {\n    setIsCollapsedInternal(!!collapsed)\n  }, [collapsed])\n\n  const toggle = () => {\n    if (!disabled) {\n      onToggle?.({ id, collapsed: !collapsedInternal })\n      setIsCollapsedInternal(!collapsedInternal)\n    }\n  }\n\n  const cursor = disabled ? 'not-allowed' : 'pointer'\n  const fontWeight = typeof title === 'string' ? '500' : 'inherit'\n\n  const expandedContentPx = contentPx ? contentPx : styles.itemHorizontal.space\n\n  return (\n    <Box\n      alignItems={collapsedInternal ? 'normal' : 'baseline'}\n      bg={disabled ? 'disabled.bg' : undefined}\n      borderRight=\"1px solid transparent\"\n      className={cs('vui-accordion-item-horizontal', className)}\n      color={disabled ? 'disabled.color' : undefined}\n      column\n      cursor={disabled ? 'not-allowed' : undefined}\n      id={`${id}`}\n      maxW={collapsedInternal ? styles.item.minH : 'auto'}\n      minW={styles.item.minH}\n      transitionDuration=\"0ms\"\n      userSelect={disabled ? 'none' : undefined}\n      {...styles.item}\n      p={0}\n      {...rest}\n    >\n      <Box\n        cursor={cursor}\n        hoverBg={\n          disabled\n            ? 'transparent'\n            : collapsedInternal\n              ? styles.item.itemTitleHoverBg\n              : styles.item.expandedItemTitleHoverBg\n        }\n        justifyContent=\"space-between\"\n        minH={styles.item.minH}\n        onClick={toggle}\n        p={styles.itemHorizontal.space}\n        w=\"100%\"\n      >\n        {!collapsedInternal && (\n          <Box fontWeight={fontWeight} opacity={disabled ? 0.5 : 1}>\n            {title}\n          </Box>\n        )}\n        <AccordionItemArrow\n          collapsed={collapsedInternal}\n          color={styles.icon.color}\n          disabled={disabled}\n          orientation=\"horizontal\"\n        />\n      </Box>\n\n      {!collapsedInternal ? (\n        <Box p={styles.itemHorizontal.space} pt={0} px={expandedContentPx} transitionDuration=\"0ms\" w={1}>\n          {children ?? content}\n        </Box>\n      ) : (\n        <Box\n          cursor={cursor}\n          flexDirection=\"row-reverse\"\n          fontWeight={fontWeight}\n          mb={styles.item.minH}\n          mt={styles.itemHorizontal.space}\n          onClick={toggle}\n          transform=\"rotate(-90deg)\"\n          transitionDuration=\"0ms\"\n          whiteSpace=\"nowrap\"\n        >\n          {title}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nAccordionItemHorizontal.displayName = 'AccordionItemHorizontal'\n\nexport default AccordionItemHorizontal\n"],"mappings":";;;;;;;;;;AAUA,MAAa,2BAA2B,UAA8B;CACpE,MAAM,EAAE,WAAW,UAAU,WAAW,SAAS,UAAU,IAAI,WAAW,OAAO,UAAU,GAAG,SAC5F,iBAAiB,MAAM;CACzB,MAAM,CAAC,mBAAmB,0BAA0B,SAAkB,MAAM;CAE5E,MAAM,SAAS,eAAe,aAAa,qBAAqB,CAAC;CAEjE,gBAAgB;EACd,uBAAuB,CAAC,CAAC,UAAU;IAClC,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe;EACnB,IAAI,CAAC,UAAU;GACb,WAAW;IAAE;IAAI,WAAW,CAAC;IAAmB,CAAC;GACjD,uBAAuB,CAAC,kBAAkB;;;CAI9C,MAAM,SAAS,WAAW,gBAAgB;CAC1C,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ;CAEvD,MAAM,oBAAoB,YAAY,YAAY,OAAO,eAAe;CAExE,OACE,qBAAC,KAAD;EACE,YAAY,oBAAoB,WAAW;EAC3C,IAAI,WAAW,gBAAgB;EAC/B,aAAY;EACZ,WAAW,GAAG,iCAAiC,UAAU;EACzD,OAAO,WAAW,mBAAmB;EACrC;EACA,QAAQ,WAAW,gBAAgB;EACnC,IAAI,GAAG;EACP,MAAM,oBAAoB,OAAO,KAAK,OAAO;EAC7C,MAAM,OAAO,KAAK;EAClB,oBAAmB;EACnB,YAAY,WAAW,SAAS;EAChC,GAAI,OAAO;EACX,GAAG;EACH,GAAI;YAfN,CAiBE,qBAAC,KAAD;GACU;GACR,SACE,WACI,gBACA,oBACE,OAAO,KAAK,mBACZ,OAAO,KAAK;GAEpB,gBAAe;GACf,MAAM,OAAO,KAAK;GAClB,SAAS;GACT,GAAG,OAAO,eAAe;GACzB,GAAE;aAbJ,CAeG,CAAC,qBACA,oBAAC,KAAD;IAAiB;IAAY,SAAS,WAAW,KAAM;cACpD;IACG,GAER,oBAACA,4BAAD;IACE,WAAW;IACX,OAAO,OAAO,KAAK;IACT;IACV,aAAY;IACZ,EACE;MAEL,CAAC,oBACA,oBAAC,KAAD;GAAK,GAAG,OAAO,eAAe;GAAO,IAAI;GAAG,IAAI;GAAmB,oBAAmB;GAAM,GAAG;aAC5F,YAAY;GACT,IAEN,oBAAC,KAAD;GACU;GACR,eAAc;GACF;GACZ,IAAI,OAAO,KAAK;GAChB,IAAI,OAAO,eAAe;GAC1B,SAAS;GACT,WAAU;GACV,oBAAmB;GACnB,YAAW;aAEV;GACG,EAEJ;;;AAIV,wBAAwB,cAAc"}
+{"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"}

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,MAAM,CAAC"}
+{"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"}

package/dist/accordion/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/accordion/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst sizes = {\n  sm: {\n    item: {\n      minH: '32px',\n    },\n    itemHorizontal: {\n      space: '8px',\n    },\n  },\n  md: {\n    item: {\n      minH: '40px',\n    },\n    itemHorizontal: {\n      space: '12px',\n    },\n  },\n  lg: {\n    item: {\n      minH: '48px',\n    },\n    itemHorizontal: {\n      space: '14px',\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n      borderColor: 'sandstone.main',\n    },\n    item: {\n      borderColor: 'sandstone.main',\n      itemTitleHoverBg: 'skyBlue.95',\n      expandedItemTitleHoverBg: 'skyBlue.90',\n    },\n    icon: {\n      color: 'sandstone.10',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      borderColor: 'white',\n      color: 'white',\n    },\n    item: {\n      borderColor: 'white',\n      disabledBg: 'transparent',\n      itemTitleHoverBg: 'seaBlue.35',\n      expandedItemTitleHoverBg: 'seaBlue.25',\n    },\n    icon: {\n      color: 'digiGreen.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,MAAM,EACJ,MAAM,QACP;EACD,gBAAgB,EACd,OAAO,OACR;EACF;CACD,IAAI;EACF,MAAM,EACJ,MAAM,QACP;EACD,gBAAgB,EACd,OAAO,QACR;EACF;CACD,IAAI;EACF,MAAM,EACJ,MAAM,QACP;EACD,gBAAgB,EACd,OAAO,QACR;EACF;CACF;AAED,MAAM,WAAW;CACf,OAAO;EACL,WAAW;GACT,IAAI;GACJ,aAAa;GACd;EACD,MAAM;GACJ,aAAa;GACb,kBAAkB;GAClB,0BAA0B;GAC3B;EACD,MAAM,EACJ,OAAO,gBACR;EACF;CACD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,MAAM;GACJ,aAAa;GACb,YAAY;GACZ,kBAAkB;GAClB,0BAA0B;GAC3B;EACD,MAAM,EACJ,OAAO,kBACR;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/accordion/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst sizes = {\n  sm: {\n    item: {\n      minH: '32px',\n    },\n    itemHorizontal: {\n      space: '8px',\n    },\n  },\n  md: {\n    item: {\n      minH: '40px',\n    },\n    itemHorizontal: {\n      space: '12px',\n    },\n  },\n  lg: {\n    item: {\n      minH: '48px',\n    },\n    itemHorizontal: {\n      space: '14px',\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n      borderColor: 'sandstone.main',\n    },\n    item: {\n      borderColor: 'sandstone.main',\n      itemTitleHoverBg: 'skyBlue.95',\n      expandedItemTitleHoverBg: 'skyBlue.90',\n    },\n    icon: {\n      color: 'sandstone.10',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      borderColor: 'white',\n      color: 'white',\n    },\n    item: {\n      borderColor: 'white',\n      disabledBg: 'transparent',\n      itemTitleHoverBg: 'seaBlue.35',\n      expandedItemTitleHoverBg: 'seaBlue.25',\n    },\n    icon: {\n      color: 'digiGreen.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CACZ,IAAI;EACF,MAAM,EACJ,MAAM,OACR;EACA,gBAAgB,EACd,OAAO,MACT;CACF;CACA,IAAI;EACF,MAAM,EACJ,MAAM,OACR;EACA,gBAAgB,EACd,OAAO,OACT;CACF;CACA,IAAI;EACF,MAAM,EACJ,MAAM,OACR;EACA,gBAAgB,EACd,OAAO,OACT;CACF;AACF;AAEA,MAAM,WAAW;CACf,OAAO;EACL,WAAW;GACT,IAAI;GACJ,aAAa;EACf;EACA,MAAM;GACJ,aAAa;GACb,kBAAkB;GAClB,0BAA0B;EAC5B;EACA,MAAM,EACJ,OAAO,eACT;CACF;CACA,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,aAAa;GACb,YAAY;GACZ,kBAAkB;GAClB,0BAA0B;EAC5B;EACA,MAAM,EACJ,OAAO,iBACT;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;AACF"}

package/dist/avatar/avatar.d.ts

@@ -1,10 +1,8 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { AvatarProps } from "./avatar.types.js";
-import * as _$styled_components0 from "styled-components";
-
 //#region src/avatar/avatar.d.ts
-declare const AvatarBase: _$styled_components0.StyledComponent<"span", _$styled_components0.DefaultTheme, SystemProps, never>;
+declare const AvatarBase: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SystemProps, never>;
 /** Displays user data, such as name initials or profile image. */
 declare const Avatar: VuiComponent<"span", AvatarProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/avatar/avatar.tsx"],"mappings":";;;;;;cAWa,UAAA,EAAU,oBAAA,CAAA,eAAA,SAoBtB,oBAAA,CApBsB,YAAA,EAAA,WAAA;;cAuBV,MAAA,EAAM,YAAA,SAAA,WAAA"}
+{"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"}

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,MAAM;CAC3B,MAAM,EAAE,UAAU,GAAG,SAAS,UAAU,GAAG,WAAW,eAAe,UAAU,MAAM;CAErF,MAAM,eAAe,WAAY,MAAM,SAAS,OAAO,QAAQ,QAAS;CACxE,MAAM,WAAW,YAAY,KAAK;CAElC,MAAM,mBACJ,CAAC,YAAY,gBACR;EACC,QAAQ;EACR;EACA,cAAc,MAAM,MAAO;EAC3B,eAAe,MAAM,KAAM;EAC3B;EACA,WAAW;EACX,UAAU;EACV,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACrB;EACd,iBAAiB;EAClB,CAAC;CAEF,OACE,oBAAC,YAAD;EACgB;EACd,WAAW,GAAG,cAAc,UAAU;EACnC;EACE;EACL,GAAG;EACH,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,WACC,WACE,MACF,oBAAC,oBAAD;GAAkC;GAAoB;GAAgB;GAAoB;GAAe;GAAO,IAC9G,OACF,oBAAC,MAAD;GAAM,MAAM;GAAM,MAAM;GAAY,IAClC,WACF,WAEA,oBAAC,MAAD;GAAM,MAAK;GAAS,MAAM;GAAY;EAE7B;EAEf;AAEF,SAAS,mBAAmB,EAC1B,KACA,cACA,MACA,UACA,YAOC;CACD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,gBAAgB;EACd,IAAI,YAAY;EAChB,aAAa,IAAI,CAAC,MAAK,QAAO;GAC5B,IAAI,CAAC,WAAW,aAAa,IAAI;IACjC;EACF,aAAa;GACX,YAAY;;IAEb,CAAC,IAAI,CAAC;CAET,OAAO,YACL,oBAAC,OAAD;EAAqB;EAAmB;EAAO,IAC7C,OACF,oBAAC,MAAD;EAAM,MAAM;EAAM,MAAM;EAAY,IAClC,WACF,4CAAG,UAAY,IAEf,oBAAC,MAAD;EAAM,MAAK;EAAS,MAAM;EAAY;;AAI1C,OAAO,cAAc"}
+{"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,EAAE,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.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/avatar/helpers.ts"],"sourcesContent":["/** Gets initials from the name for the Avatar. */\nexport function defaultGetInitials(name = '') {\n  const [first = '', last = ''] = name.split(' ')\n\n  return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase()\n}\n"],"mappings":";;AACA,SAAgB,mBAAmB,OAAO,IAAI;CAC5C,MAAM,CAAC,QAAQ,IAAI,OAAO,MAAM,KAAK,MAAM,IAAI;CAE/C,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,KAAK,OAAO,EAAE,GAAG,aAAa"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/avatar/helpers.ts"],"sourcesContent":["/** Gets initials from the name for the Avatar. */\nexport function defaultGetInitials(name = '') {\n  const [first = '', last = ''] = name.split(' ')\n\n  return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase()\n}\n"],"mappings":";;AACA,SAAgB,mBAAmB,OAAO,IAAI;CAC5C,MAAM,CAAC,QAAQ,IAAI,OAAO,MAAM,KAAK,MAAM,GAAG;CAE9C,OAAO,GAAG,MAAM,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,YAAY;AAC3D"}

package/dist/avatar/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/avatar/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtleGrey',\n  fontWeight: 'medium',\n}\n\nconst sizes = {\n  sm: {\n    fontSize: 'xs',\n    h: 24,\n    iconSize: 'xs',\n  },\n  md: {\n    fontSize: 'sm',\n    h: 32,\n    iconSize: 'sm',\n  },\n  lg: {\n    fontSize: 'md',\n    h: 40,\n    iconSize: 'md',\n  },\n  xl: {\n    fontSize: 'lg',\n    h: 48,\n    iconSize: 'xl',\n  },\n  xxl: {\n    fontSize: 'lg',\n    h: 56,\n    iconSize: 'xxl',\n  },\n}\n\nconst variants = {\n  subtleGrey: {\n    bg: 'sandstone.90',\n    hoverBg: 'sandstone.85',\n    borderColor: 'sandstone.90',\n    color: 'sandstone.20',\n    activeBg: 'sandstone.79',\n  },\n  subtleBlue: {\n    bg: 'skyBlue.95',\n    hoverBg: 'skyBlue.hover',\n    activeBg: 'skyBlue.85',\n    borderColor: 'skyBlue.95',\n    color: 'seaBlue.main',\n  },\n  subtleRed: {\n    bg: 'energyRed.95',\n    borderColor: 'energyRed.95',\n    hoverBg: 'energyRed.90',\n    activeBg: 'energyRed.85',\n    color: 'energyRed.45',\n  },\n  subtleYellow: {\n    bg: 'sunflower.85',\n    hoverBg: 'sunflower.70',\n    activeBg: 'sunflower.65',\n    borderColor: 'sunflower.85',\n    color: 'sunflower.20',\n  },\n  subtleGreen: {\n    bg: 'landGreen.95',\n    hoverBg: 'landGreen.90',\n    borderColor: 'landGreen.95',\n    color: 'landGreen.30',\n    activeBg: 'landGreen.85',\n  },\n  subtleLavender: {\n    bg: 'hsl(232, 58%, 90%)',\n    hoverBg: 'hsl(232, 58%, 85%)',\n    borderColor: 'hsl(232, 58%, 90%)',\n    color: 'hsl(232, 58%, 50%)',\n    activeBg: 'hsl(232, 58%, 80%)',\n  },\n  subtleEucalyptus: {\n    bg: 'hsl(178, 80%, 85%)',\n    hoverBg: 'hsl(178, 80%, 80%)',\n    borderColor: 'hsl(178, 80%, 85%)',\n    color: 'hsl(178, 80%, 20%)',\n    activeBg: 'hsl(178, 80%, 75%)',\n  },\n  subtleTerracotta: {\n    bg: 'hsl(34, 100%, 85%)',\n    hoverBg: 'hsl(34, 100%, 80%)',\n    borderColor: 'hsl(34, 100%, 85%)',\n    color: 'hsl(34, 100%, 20%)',\n    activeBg: 'hsl(34, 100%, 75%)',\n  },\n\n  /** solids next */\n  solidBlue: {\n    bg: 'seaBlue.main',\n    hoverBg: 'seaBlue.35',\n    activeBg: 'seaBlue.40',\n    borderColor: 'seaBlue.main',\n    color: 'white',\n  },\n  solidDarkBlue: {\n    bg: 'darkBlue.18',\n    hoverBg: 'darkBlue.25',\n    activeBg: 'darkBlue.35',\n    borderColor: 'darkBlue.18',\n    color: 'white',\n  },\n  solidRed: {\n    bg: 'energyRed.45',\n    hoverBg: 'energyRed.54',\n    activeBg: 'energyRed.60',\n    borderColor: 'energyRed.45',\n    color: 'white',\n  },\n  solidYellow: {\n    bg: 'sunflower.50',\n    hoverBg: 'sunflower.80',\n    activeBg: 'sunflower.85',\n    borderColor: 'sunflower.50',\n    color: 'sunflower.15',\n  },\n  solidGreen: {\n    bg: 'landGreen.35',\n    hoverBg: 'landGreen.41',\n    activeBg: 'landGreen.45',\n    borderColor: 'landGreen.35',\n    color: 'white',\n  },\n  solidLavender: {\n    bg: 'hsl(232, 58%, 60%)',\n    hoverBg: 'hsl(232, 58%, 65%)',\n    borderColor: 'hsl(232, 58%, 60%)',\n    color: 'white',\n    activeBg: 'hsl(232, 58%, 70%)',\n  },\n  solidEucalyptus: {\n    bg: 'hsl(178, 80%, 25%)',\n    hoverBg: 'hsl(178, 80%, 35%)',\n    borderColor: 'hsl(178, 80%, 25%)',\n    color: 'white',\n    activeBg: 'hsl(178, 80%, 42%)',\n  },\n  solidTerracotta: {\n    bg: 'hsl(34, 100%, 30%)',\n    hoverBg: 'hsl(34, 100%, 40%)',\n    borderColor: 'hsl(34, 100%, 35%)',\n    color: 'white',\n    activeBg: 'hsl(34, 100%, 45%)',\n  },\n  /** internal, used in *header* next */\n  primaryLight: {\n    bg: 'buttonTypePrimaryDefaultBackgroundColorLight',\n    borderColor: 'buttonTypePrimaryDefaultBorderColorLight',\n    color: 'buttonTypePrimaryDefaultTextColorLight',\n    hoverBg: 'buttonTypePrimaryHoverBackgroundColorLight',\n    hoverBorderColor: 'buttonTypePrimaryHoverBorderColorLight',\n    hoverColor: 'buttonTypePrimaryHoverTextColorLight',\n    activeBg: 'buttonTypePrimaryActiveBackgroundColorLight',\n    activeBorderColor: 'buttonTypePrimaryActiveBorderColorLight',\n    activeColor: 'buttonTypePrimaryActiveTextColorLight',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,YAAY;CACb;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;EACX;CACD,KAAK;EACH,UAAU;EACV,GAAG;EACH,UAAU;EACX;CACF;AAED,MAAM,WAAW;CACf,YAAY;EACV,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;CACD,YAAY;EACV,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;EACR;CACD,WAAW;EACT,IAAI;EACJ,aAAa;EACb,SAAS;EACT,UAAU;EACV,OAAO;EACR;CACD,cAAc;EACZ,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;EACR;CACD,aAAa;EACX,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;CACD,gBAAgB;EACd,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;CACD,kBAAkB;EAChB,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;CACD,kBAAkB;EAChB,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;;CAGD,WAAW;EACT,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;EACR;CACD,eAAe;EACb,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;EACR;CACD,UAAU;EACR,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;EACR;CACD,aAAa;EACX,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;EACR;CACD,YAAY;EACV,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;EACR;CACD,eAAe;EACb,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;CACD,iBAAiB;EACf,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;CACD,iBAAiB;EACf,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;EACX;;CAED,cAAc;EACZ,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,aAAa;EACd;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/avatar/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtleGrey',\n  fontWeight: 'medium',\n}\n\nconst sizes = {\n  sm: {\n    fontSize: 'xs',\n    h: 24,\n    iconSize: 'xs',\n  },\n  md: {\n    fontSize: 'sm',\n    h: 32,\n    iconSize: 'sm',\n  },\n  lg: {\n    fontSize: 'md',\n    h: 40,\n    iconSize: 'md',\n  },\n  xl: {\n    fontSize: 'lg',\n    h: 48,\n    iconSize: 'xl',\n  },\n  xxl: {\n    fontSize: 'lg',\n    h: 56,\n    iconSize: 'xxl',\n  },\n}\n\nconst variants = {\n  subtleGrey: {\n    bg: 'sandstone.90',\n    hoverBg: 'sandstone.85',\n    borderColor: 'sandstone.90',\n    color: 'sandstone.20',\n    activeBg: 'sandstone.79',\n  },\n  subtleBlue: {\n    bg: 'skyBlue.95',\n    hoverBg: 'skyBlue.hover',\n    activeBg: 'skyBlue.85',\n    borderColor: 'skyBlue.95',\n    color: 'seaBlue.main',\n  },\n  subtleRed: {\n    bg: 'energyRed.95',\n    borderColor: 'energyRed.95',\n    hoverBg: 'energyRed.90',\n    activeBg: 'energyRed.85',\n    color: 'energyRed.45',\n  },\n  subtleYellow: {\n    bg: 'sunflower.85',\n    hoverBg: 'sunflower.70',\n    activeBg: 'sunflower.65',\n    borderColor: 'sunflower.85',\n    color: 'sunflower.20',\n  },\n  subtleGreen: {\n    bg: 'landGreen.95',\n    hoverBg: 'landGreen.90',\n    borderColor: 'landGreen.95',\n    color: 'landGreen.30',\n    activeBg: 'landGreen.85',\n  },\n  subtleLavender: {\n    bg: 'hsl(232, 58%, 90%)',\n    hoverBg: 'hsl(232, 58%, 85%)',\n    borderColor: 'hsl(232, 58%, 90%)',\n    color: 'hsl(232, 58%, 50%)',\n    activeBg: 'hsl(232, 58%, 80%)',\n  },\n  subtleEucalyptus: {\n    bg: 'hsl(178, 80%, 85%)',\n    hoverBg: 'hsl(178, 80%, 80%)',\n    borderColor: 'hsl(178, 80%, 85%)',\n    color: 'hsl(178, 80%, 20%)',\n    activeBg: 'hsl(178, 80%, 75%)',\n  },\n  subtleTerracotta: {\n    bg: 'hsl(34, 100%, 85%)',\n    hoverBg: 'hsl(34, 100%, 80%)',\n    borderColor: 'hsl(34, 100%, 85%)',\n    color: 'hsl(34, 100%, 20%)',\n    activeBg: 'hsl(34, 100%, 75%)',\n  },\n\n  /** solids next */\n  solidBlue: {\n    bg: 'seaBlue.main',\n    hoverBg: 'seaBlue.35',\n    activeBg: 'seaBlue.40',\n    borderColor: 'seaBlue.main',\n    color: 'white',\n  },\n  solidDarkBlue: {\n    bg: 'darkBlue.18',\n    hoverBg: 'darkBlue.25',\n    activeBg: 'darkBlue.35',\n    borderColor: 'darkBlue.18',\n    color: 'white',\n  },\n  solidRed: {\n    bg: 'energyRed.45',\n    hoverBg: 'energyRed.54',\n    activeBg: 'energyRed.60',\n    borderColor: 'energyRed.45',\n    color: 'white',\n  },\n  solidYellow: {\n    bg: 'sunflower.50',\n    hoverBg: 'sunflower.80',\n    activeBg: 'sunflower.85',\n    borderColor: 'sunflower.50',\n    color: 'sunflower.15',\n  },\n  solidGreen: {\n    bg: 'landGreen.35',\n    hoverBg: 'landGreen.41',\n    activeBg: 'landGreen.45',\n    borderColor: 'landGreen.35',\n    color: 'white',\n  },\n  solidLavender: {\n    bg: 'hsl(232, 58%, 60%)',\n    hoverBg: 'hsl(232, 58%, 65%)',\n    borderColor: 'hsl(232, 58%, 60%)',\n    color: 'white',\n    activeBg: 'hsl(232, 58%, 70%)',\n  },\n  solidEucalyptus: {\n    bg: 'hsl(178, 80%, 25%)',\n    hoverBg: 'hsl(178, 80%, 35%)',\n    borderColor: 'hsl(178, 80%, 25%)',\n    color: 'white',\n    activeBg: 'hsl(178, 80%, 42%)',\n  },\n  solidTerracotta: {\n    bg: 'hsl(34, 100%, 30%)',\n    hoverBg: 'hsl(34, 100%, 40%)',\n    borderColor: 'hsl(34, 100%, 35%)',\n    color: 'white',\n    activeBg: 'hsl(34, 100%, 45%)',\n  },\n  /** internal, used in *header* next */\n  primaryLight: {\n    bg: 'buttonTypePrimaryDefaultBackgroundColorLight',\n    borderColor: 'buttonTypePrimaryDefaultBorderColorLight',\n    color: 'buttonTypePrimaryDefaultTextColorLight',\n    hoverBg: 'buttonTypePrimaryHoverBackgroundColorLight',\n    hoverBorderColor: 'buttonTypePrimaryHoverBorderColorLight',\n    hoverColor: 'buttonTypePrimaryHoverTextColorLight',\n    activeBg: 'buttonTypePrimaryActiveBackgroundColorLight',\n    activeBorderColor: 'buttonTypePrimaryActiveBorderColorLight',\n    activeColor: 'buttonTypePrimaryActiveTextColorLight',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,YAAY;AACd;AAEA,MAAM,QAAQ;CACZ,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;CACZ;CACA,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;CACZ;CACA,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;CACZ;CACA,IAAI;EACF,UAAU;EACV,GAAG;EACH,UAAU;CACZ;CACA,KAAK;EACH,UAAU;EACV,GAAG;EACH,UAAU;CACZ;AACF;AAEA,MAAM,WAAW;CACf,YAAY;EACV,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;CACA,YAAY;EACV,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACT;CACA,WAAW;EACT,IAAI;EACJ,aAAa;EACb,SAAS;EACT,UAAU;EACV,OAAO;CACT;CACA,cAAc;EACZ,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACT;CACA,aAAa;EACX,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;CACA,gBAAgB;EACd,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;CACA,kBAAkB;EAChB,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;CACA,kBAAkB;EAChB,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;;CAGA,WAAW;EACT,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACT;CACA,eAAe;EACb,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACT;CACA,UAAU;EACR,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACT;CACA,aAAa;EACX,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACT;CACA,YAAY;EACV,IAAI;EACJ,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACT;CACA,eAAe;EACb,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;CACA,iBAAiB;EACf,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;CACA,iBAAiB;EACf,IAAI;EACJ,SAAS;EACT,aAAa;EACb,OAAO;EACP,UAAU;CACZ;;CAEA,cAAc;EACZ,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,aAAa;CACf;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;AACF"}

package/dist/badge/badge.js.map

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

package/dist/badge/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/badge/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtleSandstone',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\nconst sizes = {\n  xxs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 16,\n      spaceX: 2,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  xs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 20,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  sm: {\n    container: {\n      fontSize: 'sm',\n      h: 24,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      spaceX: 6,\n    },\n    icon: {\n      size: 'sm',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      spaceX: 8,\n    },\n    icon: {\n      size: 'md',\n    },\n  },\n}\n\nconst variants = {\n  subtleSandstone: {\n    container: {\n      bg: 'sandstone.90',\n      color: 'sandstone.20',\n      borderColor: 'transparent',\n    },\n  },\n  subtleEarth: {\n    container: {\n      bg: 'earth.95',\n      color: 'earth.20',\n    },\n  },\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n  },\n  subtleBlue2: {\n    container: {\n      bg: 'skyBlue.95',\n      color: 'skyBlue.20',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      color: 'sunflower.20',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      color: 'landGreen.30',\n    },\n  },\n\n  /** solids next */\n  solidBlue: {\n    container: {\n      bg: 'skyBlue.65',\n      color: 'skyBlue.20',\n    },\n  },\n\n  solidDarkBlue: {\n    container: {\n      bg: 'darkBlue.18',\n      borderColor: 'darkBlue.18',\n      color: 'white',\n    },\n  },\n  solidRed: {\n    container: {\n      bg: 'energyRed.45',\n      color: 'white',\n    },\n  },\n  solidYellow: {\n    container: {\n      bg: 'sunflower.50',\n      color: 'sunflower.15',\n    },\n  },\n  solidGreen: {\n    container: {\n      bg: 'landGreen.35',\n      color: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,YAAY;CACb;AAED,MAAM,QAAQ;CAAC;CAAa;CAAQ;CAAO;AAE3C,MAAM,QAAQ;CACZ,KAAK;EACH,WAAW;GACT,cAAc;GACd,UAAU;GACV,GAAG;GACH,QAAQ;GACT;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,WAAW;GACT,cAAc;GACd,UAAU;GACV,GAAG;GACH,QAAQ;GACT;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;GACT;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;GACT;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;GACT;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACF;AAED,MAAM,WAAW;CACf,iBAAiB,EACf,WAAW;EACT,IAAI;EACJ,OAAO;EACP,aAAa;EACd,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACD,YAAY,EACV,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACD,WAAW,EACT,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACD,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;;CAGD,WAAW,EACT,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CAED,eAAe,EACb,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,UAAU,EACR,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACD,YAAY,EACV,WAAW;EACT,IAAI;EACJ,OAAO;EACR,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/badge/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtleSandstone',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\nconst sizes = {\n  xxs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 16,\n      spaceX: 2,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  xs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 20,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  sm: {\n    container: {\n      fontSize: 'sm',\n      h: 24,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      spaceX: 6,\n    },\n    icon: {\n      size: 'sm',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      spaceX: 8,\n    },\n    icon: {\n      size: 'md',\n    },\n  },\n}\n\nconst variants = {\n  subtleSandstone: {\n    container: {\n      bg: 'sandstone.90',\n      color: 'sandstone.20',\n      borderColor: 'transparent',\n    },\n  },\n  subtleEarth: {\n    container: {\n      bg: 'earth.95',\n      color: 'earth.20',\n    },\n  },\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n  },\n  subtleBlue2: {\n    container: {\n      bg: 'skyBlue.95',\n      color: 'skyBlue.20',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      color: 'sunflower.20',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      color: 'landGreen.30',\n    },\n  },\n\n  /** solids next */\n  solidBlue: {\n    container: {\n      bg: 'skyBlue.65',\n      color: 'skyBlue.20',\n    },\n  },\n\n  solidDarkBlue: {\n    container: {\n      bg: 'darkBlue.18',\n      borderColor: 'darkBlue.18',\n      color: 'white',\n    },\n  },\n  solidRed: {\n    container: {\n      bg: 'energyRed.45',\n      color: 'white',\n    },\n  },\n  solidYellow: {\n    container: {\n      bg: 'sunflower.50',\n      color: 'sunflower.15',\n    },\n  },\n  solidGreen: {\n    container: {\n      bg: 'landGreen.35',\n      color: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,YAAY;AACd;AAEA,MAAM,QAAQ;CAAC;CAAa;CAAQ;AAAM;AAE1C,MAAM,QAAQ;CACZ,KAAK;EACH,WAAW;GACT,cAAc;GACd,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,cAAc;GACd,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;AACF;AAEA,MAAM,WAAW;CACf,iBAAiB,EACf,WAAW;EACT,IAAI;EACJ,OAAO;EACP,aAAa;CACf,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,YAAY,EACV,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,WAAW,EACT,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;;CAGA,WAAW,EACT,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CAEA,eAAe,EACb,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;CACT,EACF;CACA,UAAU,EACR,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,YAAY,EACV,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;CACA;AACF"}

package/dist/box/box.d.ts

@@ -1,10 +1,8 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { BoxProps } from "./box.types.js";
-import * as _$styled_components0 from "styled-components";
-
 //#region src/box/box.d.ts
-declare const BoxBase: _$styled_components0.StyledComponent<"div", _$styled_components0.DefaultTheme, SystemProps, never>;
+declare const BoxBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SystemProps, never>;
 /** Organizes content layout into columns or rows with easy centering. */
 declare const Box: VuiComponent<"div", BoxProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","names":[],"sources":["../../src/box/box.tsx"],"mappings":";;;;;;cAIa,OAAA,EAAO,oBAAA,CAAA,eAAA,QAInB,oBAAA,CAJmB,YAAA,EAAA,WAAA;;cAOP,GAAA,EAAG,YAAA,QAAA,QAAA"}
+{"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"}

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,MAAM;CAC3B,MAAM,SAAS,eAAe,OAAO,MAAM;CAM3C,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;EAS1E,CAAC;CAEF,OAAO,oBAAC,SAAD;EAAS,WAAW,GAAG,WAAW,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;EAAQ;EACzG;AAEF,IAAI,cAAc"}
+{"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"}

package/dist/box/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/box/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/box/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe,CAAC;AAEtB,MAAM,QAAQ,CAAC;AAEf,MAAM,WAAW,CAAC;AAElB,oBAAe;CACb;CACA;CACA;CACA;AACF"}

package/dist/breadcrumbs/breadcrumbs.d.ts

@@ -2,10 +2,8 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { BreadcrumbsProps } from "./breadcrumbs.types.js";
 import { BreadcrumbsItem } from "./breadcrumbsItem.js";
-import * as _$styled_components0 from "styled-components";
-
 //#region src/breadcrumbs/breadcrumbs.d.ts
-declare const BreadcrumbsBase: _$styled_components0.StyledComponent<"div", _$styled_components0.DefaultTheme, SystemProps, never>;
+declare const BreadcrumbsBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SystemProps, never>;
 /** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
 declare const Breadcrumbs: VuiComponent<"div", BreadcrumbsProps> & {
   Item: typeof BreadcrumbsItem;

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"mappings":";;;;;;;cAUa,eAAA,EAAe,oBAAA,CAAA,eAAA,QAQ3B,oBAAA,CAR2B,YAAA,EAAA,WAAA;;cAWf,WAAA,EAyBP,YAAA,QAAoB,gBAAA;EACxB,IAAA,SAAa,eAAA;AAAA"}
+{"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"}

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,MAAM;CACnD,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,eAAe,gBAAkC,EAAE,CAAC;CAC1D,MAAM,gBAAgB,SAAS,QAAQ,SAAS;CAEhD,OACE,oBAAC,qBAAD;EAAqB,OAAO;YAC1B,oBAAC,iBAAD;GACE,WAAW,GAAG,mBAAmB,UAAU;GACtC;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAEH,SAAS,IAAI,gBAAgB,OAAO,QACnC,qBAAC,UAAD,aACG,OACA,QAAQ,cAAc,SAAS,KAAK,oBAAC,sBAAD,EAAwB,EACpD,IAHI,IAGJ,CACX;GACc;EACE;EAExB;AAIF,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 { 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.types.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"mappings":";;;;;;KAMY,gBAAA,GAAmB,WAAA,GAAc,YAAA;AAAA,KAEjC,oBAAA,GAAuB,QAAA;0BAEjC,SAAA;EAEA,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,yBAAA,GAA4B,QAAA;EATT,wBAW7B,SAAA,WATU;EAWV,QAAA,GAAW,SAAA;EAEX,OAAA,GAAU,SAAA;AAAA"}
+{"version":3,"file":"breadcrumbs.types.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"mappings":";;;;;;KAMY,gBAAA,GAAmB,WAAA,GAAc,YAAY;AAAA,KAE7C,oBAAA,GAAuB,QAAA;0BAEjC,SAAA;EAEA,QAAA,GAAW,SAAS;AAAA;AAAA,KAGV,yBAAA,GAA4B,QAAA;EATT,wBAW7B,SAAA,WATU;EAWV,QAAA,GAAW,SAAA;EAEX,OAAA,GAAU,SAAA;AAAA"}

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,YAAA,QAAoB,oBAAA"}
+{"version":3,"file":"breadcrumbsItem.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"mappings":";;;;;cAQa,eAAA,EAmBP,YAAY,QAAQ,oBAAA"}

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,MAAM;CAEhE,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,SAAS,eAAe,eAAe,cAAc;CAE3D,OACE,oBAAC,GAAD;EACE,SAAQ;EACR,MAAM,cAAc;EACpB,YAAW;EACX,WAAW,GAAG,wBAAwB,UAAU;EAC3C;EACL,GAAI,OAAO;EACX,GAAI;EAEH;EACC;EAEN;AAEF,gBAAgB,cAAc"}
+{"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"}

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,uBAAuB,CAAC;CAErE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,gBAAe;EACf,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,GAAI;YAEH,WAAW,YAAY,oBAAC,MAAD;GAAM,MAAK;GAAe,GAAI,OAAO;GAAa;EACtE"}
+{"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"}

package/dist/breadcrumbs/context.js.map

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

package/dist/breadcrumbs/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/breadcrumbs/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'dark',\n}\n\nconst sizes = {\n  xs: {\n    item: {\n      fontSize: 12,\n      lineHeight: '18px',\n    },\n    separator: {\n      size: 'xs',\n    },\n  },\n  sm: {\n    item: {\n      fontSize: 14,\n      lineHeight: '22px',\n    },\n    separator: {\n      size: 'sm',\n    },\n  },\n  md: {\n    item: { fontSize: 16, lineHeight: '26px' },\n    separator: {\n      size: 'md',\n    },\n  },\n  lg: {\n    item: { fontSize: 18, lineHeight: '32px' },\n    separator: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {\n  dark: {\n    item: {\n      color: 'seaBlue.main',\n    },\n    main: {\n      bg: 'transparent',\n    },\n    separator: {\n      pathFill: 'sandstone.10',\n    },\n  },\n  white: {\n    item: {\n      color: 'white',\n    },\n    main: {\n      bg: 'darkBlue.main',\n    },\n    separator: {\n      pathFill: 'white',\n    },\n  },\n  light: {\n    item: {\n      color: 'digiGreen.main',\n    },\n    main: {\n      bg: 'darkBlue.main',\n    },\n    separator: {\n      pathFill: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,MAAM;GACJ,UAAU;GACV,YAAY;GACb;EACD,WAAW,EACT,MAAM,MACP;EACF;CACD,IAAI;EACF,MAAM;GACJ,UAAU;GACV,YAAY;GACb;EACD,WAAW,EACT,MAAM,MACP;EACF;CACD,IAAI;EACF,MAAM;GAAE,UAAU;GAAI,YAAY;GAAQ;EAC1C,WAAW,EACT,MAAM,MACP;EACF;CACD,IAAI;EACF,MAAM;GAAE,UAAU;GAAI,YAAY;GAAQ;EAC1C,WAAW,EACT,MAAM,MACP;EACF;CACF;AAED,MAAM,WAAW;CACf,MAAM;EACJ,MAAM,EACJ,OAAO,gBACR;EACD,MAAM,EACJ,IAAI,eACL;EACD,WAAW,EACT,UAAU,gBACX;EACF;CACD,OAAO;EACL,MAAM,EACJ,OAAO,SACR;EACD,MAAM,EACJ,IAAI,iBACL;EACD,WAAW,EACT,UAAU,SACX;EACF;CACD,OAAO;EACL,MAAM,EACJ,OAAO,kBACR;EACD,MAAM,EACJ,IAAI,iBACL;EACD,WAAW,EACT,UAAU,SACX;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/breadcrumbs/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'dark',\n}\n\nconst sizes = {\n  xs: {\n    item: {\n      fontSize: 12,\n      lineHeight: '18px',\n    },\n    separator: {\n      size: 'xs',\n    },\n  },\n  sm: {\n    item: {\n      fontSize: 14,\n      lineHeight: '22px',\n    },\n    separator: {\n      size: 'sm',\n    },\n  },\n  md: {\n    item: { fontSize: 16, lineHeight: '26px' },\n    separator: {\n      size: 'md',\n    },\n  },\n  lg: {\n    item: { fontSize: 18, lineHeight: '32px' },\n    separator: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {\n  dark: {\n    item: {\n      color: 'seaBlue.main',\n    },\n    main: {\n      bg: 'transparent',\n    },\n    separator: {\n      pathFill: 'sandstone.10',\n    },\n  },\n  white: {\n    item: {\n      color: 'white',\n    },\n    main: {\n      bg: 'darkBlue.main',\n    },\n    separator: {\n      pathFill: 'white',\n    },\n  },\n  light: {\n    item: {\n      color: 'digiGreen.main',\n    },\n    main: {\n      bg: 'darkBlue.main',\n    },\n    separator: {\n      pathFill: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CACZ,IAAI;EACF,MAAM;GACJ,UAAU;GACV,YAAY;EACd;EACA,WAAW,EACT,MAAM,KACR;CACF;CACA,IAAI;EACF,MAAM;GACJ,UAAU;GACV,YAAY;EACd;EACA,WAAW,EACT,MAAM,KACR;CACF;CACA,IAAI;EACF,MAAM;GAAE,UAAU;GAAI,YAAY;EAAO;EACzC,WAAW,EACT,MAAM,KACR;CACF;CACA,IAAI;EACF,MAAM;GAAE,UAAU;GAAI,YAAY;EAAO;EACzC,WAAW,EACT,MAAM,KACR;CACF;AACF;AAEA,MAAM,WAAW;CACf,MAAM;EACJ,MAAM,EACJ,OAAO,eACT;EACA,MAAM,EACJ,IAAI,cACN;EACA,WAAW,EACT,UAAU,eACZ;CACF;CACA,OAAO;EACL,MAAM,EACJ,OAAO,QACT;EACA,MAAM,EACJ,IAAI,gBACN;EACA,WAAW,EACT,UAAU,QACZ;CACF;CACA,OAAO;EACL,MAAM,EACJ,OAAO,iBACT;EACA,MAAM,EACJ,IAAI,gBACN;EACA,WAAW,EACT,UAAU,QACZ;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;AACF"}