@veracity/vui 5.2.2 → 5.2.3-alpha.400759.2606230846

package/dist/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../src/table/table.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, useStyleConfig, vui } from '../core'\nimport { compareBy, cs } from '../utils'\nimport { TableProvider } from './context'\nimport type { TableProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\nimport Tbody from './tbody'\nimport Td from './td'\nimport Tfoot from './tfoot'\nimport Th from './th'\nimport Thead from './thead'\nimport Tr from './tr'\nimport useTable from './useTable'\n\n/**\n * Displays a Table with support for columns, rows and sort.\n */\nexport const TableBase = styled.tableBox<TableProps>`\n  border-collapse: separate;\n  border-spacing: 0px;\n  display: table;\n  position: relative;\n  width: 100%;\n\n  ${p =>\n    p.stickyColumn &&\n    css`\n      thead tr:last-of-type th:first-of-type,\n      td:first-of-type {\n        left: 0;\n        position: sticky;\n        z-index: 2;\n\n        ::after {\n          bottom: -1px;\n          box-shadow: inset 10px 0 8px -8px #00000026;\n          content: '';\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n          top: 0;\n          transform: translate(100%);\n          transition: box-shadow 0.3s;\n          width: 10px;\n        }\n      }\n\n      thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),\n      td:first-of-type {\n        background-color: white;\n      }\n    `}\n`\n\n/** Displays a Table with support for columns, rows and sort. */\nexport const Table = vui<'table', TableProps>((props, ref) => {\n  const {\n    children,\n    className,\n    columns,\n    defaultSort,\n    onSortChange,\n    rows,\n    size,\n    sort: sortProp,\n    stickyColumn,\n    stickyHeader,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Table', props)\n  const tableProps = useTable({ defaultSort, onSortChange, sort: sortProp })\n  const { isControlled, sort } = tableProps\n\n  // Rows are sorted internally only in uncontrolled mode, that is when 'sort' prop is not provided.\n  const sortedRows = useMemo(\n    () => (!isControlled ? rows?.slice().sort(compareBy(sort.key, sort.order)) : rows),\n    [rows, sort, isControlled],\n  )\n\n  const context = { ...tableProps, columns, rows: sortedRows, size, stickyColumn, stickyHeader, variant }\n\n  return (\n    <TableProvider value={context}>\n      <TableBase\n        className={cs('vui-table', className)}\n        ref={ref}\n        stickyColumn={stickyColumn}\n        {...styles.container}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <Thead />\n            <Tbody />\n          </>\n        )}\n      </TableBase>\n    </TableProvider>\n  )\n}) as VuiComponent<'table', TableProps> & {\n  SortIcon: typeof TableSortIcon\n  Tbody: typeof Tbody\n  Td: typeof Td\n  Tfoot: typeof Tfoot\n  Th: typeof Th\n  Thead: typeof Thead\n  Tr: typeof Tr\n}\n\nTable.SortIcon = TableSortIcon\nTable.Tbody = Tbody\nTable.Td = Td\nTable.Tfoot = Tfoot\nTable.Th = Th\nTable.Thead = Thead\nTable.Tr = Tr\n\nTable.displayName = 'Table'\n\nexport default Table\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,YAAY,OAAO,QAAoB;;;;;;;KAOhD,MACA,EAAE,gBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;MAyBD;;;AAIN,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EACJ,UACA,WACA,SACA,aACA,cACA,MACA,MACA,MAAM,UACN,cACA,cACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,SAAS,KAAK;CAC5C,MAAM,aAAa,SAAS;EAAE;EAAa;EAAc,MAAM;CAAS,CAAC;CACzE,MAAM,EAAE,cAAc,SAAS;CAG/B,MAAM,aAAa,cACV,CAAC,eAAe,MAAM,MAAM,CAAC,CAAC,KAAK,UAAU,KAAK,KAAK,KAAK,KAAK,CAAC,IAAI,MAC7E;EAAC;EAAM;EAAM;CAAY,CAC3B;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN,GAAG;GAAY;GAAS,MAAM;GAAY;GAAM;GAAc;GAAc;EAGhE;YAC1B,oBAAC,WAAD;GACE,WAAW,GAAG,aAAa,SAAS;GAC/B;GACS;GACd,GAAI,OAAO;GACX,GAAI;aAEH,YACC,8CACE,oBAAC,OAAD,CAAQ,IACR,oBAAC,OAAD,CAAQ,EACR;EAEK;CACE;AAEnB,CAAC;AAUD,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AAEX,MAAM,cAAc"}
+{"version":3,"file":"table.js","names":[],"sources":["../../src/table/table.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { TableProps } from './table.types'\n\nimport { css, styled, useStyleConfig, vui } from '../core'\nimport { compareBy, cs } from '../utils'\nimport { TableProvider } from './context'\nimport TableSortIcon from './tableSortIcon'\nimport Tbody from './tbody'\nimport Td from './td'\nimport Tfoot from './tfoot'\nimport Th from './th'\nimport Thead from './thead'\nimport Tr from './tr'\nimport useTable from './useTable'\n\n/**\n * Displays a Table with support for columns, rows and sort.\n */\nexport const TableBase = styled.tableBox<TableProps>`\n  border-collapse: separate;\n  border-spacing: 0px;\n  display: table;\n  position: relative;\n  width: 100%;\n\n  ${p =>\n    p.stickyColumn &&\n    css`\n      thead tr:last-of-type th:first-of-type,\n      td:first-of-type {\n        left: 0;\n        position: sticky;\n        z-index: 2;\n\n        ::after {\n          bottom: -1px;\n          box-shadow: inset 10px 0 8px -8px #00000026;\n          content: '';\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n          top: 0;\n          transform: translate(100%);\n          transition: box-shadow 0.3s;\n          width: 10px;\n        }\n      }\n\n      thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),\n      td:first-of-type {\n        background-color: white;\n      }\n    `}\n`\n\n/** Displays a Table with support for columns, rows and sort. */\nexport const Table = vui<'table', TableProps>((props, ref) => {\n  const {\n    children,\n    className,\n    columns,\n    defaultSort,\n    onSortChange,\n    rows,\n    size,\n    sort: sortProp,\n    stickyColumn,\n    stickyHeader,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Table', props)\n  const tableProps = useTable({ defaultSort, onSortChange, sort: sortProp })\n  const { isControlled, sort } = tableProps\n\n  // Rows are sorted internally only in uncontrolled mode, that is when 'sort' prop is not provided.\n  const sortedRows = useMemo(\n    () => (!isControlled ? rows?.slice().sort(compareBy(sort.key, sort.order)) : rows),\n    [rows, sort, isControlled],\n  )\n\n  const context = { ...tableProps, columns, rows: sortedRows, size, stickyColumn, stickyHeader, variant }\n\n  return (\n    <TableProvider value={context}>\n      <TableBase\n        className={cs('vui-table', className)}\n        ref={ref}\n        stickyColumn={stickyColumn}\n        {...styles.container}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <Thead />\n            <Tbody />\n          </>\n        )}\n      </TableBase>\n    </TableProvider>\n  )\n}) as VuiComponent<'table', TableProps> & {\n  SortIcon: typeof TableSortIcon\n  Tbody: typeof Tbody\n  Td: typeof Td\n  Tfoot: typeof Tfoot\n  Th: typeof Th\n  Thead: typeof Thead\n  Tr: typeof Tr\n}\n\nTable.SortIcon = TableSortIcon\nTable.Tbody = Tbody\nTable.Td = Td\nTable.Tfoot = Tfoot\nTable.Th = Th\nTable.Thead = Thead\nTable.Tr = Tr\n\nTable.displayName = 'Table'\n\nexport default Table\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,YAAY,OAAO,QAAoB;;;;;;;KAOhD,MACA,EAAE,gBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;MAyBD;;;AAIN,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EACJ,UACA,WACA,SACA,aACA,cACA,MACA,MACA,MAAM,UACN,cACA,cACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,SAAS,KAAK;CAC5C,MAAM,aAAa,SAAS;EAAE;EAAa;EAAc,MAAM;CAAS,CAAC;CACzE,MAAM,EAAE,cAAc,SAAS;CAG/B,MAAM,aAAa,cACV,CAAC,eAAe,MAAM,MAAM,CAAC,CAAC,KAAK,UAAU,KAAK,KAAK,KAAK,KAAK,CAAC,IAAI,MAC7E;EAAC;EAAM;EAAM;CAAY,CAC3B;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN,GAAG;GAAY;GAAS,MAAM;GAAY;GAAM;GAAc;GAAc;EAGhE;YAC1B,oBAAC,WAAD;GACE,WAAW,GAAG,aAAa,SAAS;GAC/B;GACS;GACd,GAAI,OAAO;GACX,GAAI;aAEH,YACC,8CACE,oBAAC,OAAD,CAAQ,IACR,oBAAC,OAAD,CAAQ,EACR;EAEK;CACE;AAEnB,CAAC;AAUD,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AAEX,MAAM,cAAc"}

package/dist/table/tableSortIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.d.ts","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"mappings":";;;;cAOa,aAAA,EAAa,YAAA,QAAA,kBAAA"}
+{"version":3,"file":"tableSortIcon.d.ts","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"mappings":";;;;cAQa,aAAA,EAAa,YAAA,QAAA,kBAAA"}

package/dist/table/tableSortIcon.js

@@ -36,5 +36,5 @@ TableSortIcon.displayName = "TableSortIcon";
 
 //#endregion
 export { TableSortIcon as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tableSortIcon.js.map

package/dist/table/tableSortIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.js","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { TableSortIconProps } from './table.types'\n\n/** Displays a sort icon with given direction based on sort order. */\nexport const TableSortIcon = vui<'svg', TableSortIconProps>((props, ref) => {\n  const { className, order } = props\n  const activeColor = 'seaBlue.main'\n  const inactiveColor = '#908d89'\n\n  const icons = [\n    {\n      color: order === 'asc' ? activeColor : inactiveColor,\n    },\n    {\n      color: order === 'desc' ? activeColor : inactiveColor,\n    },\n  ]\n\n  return (\n    <Box ref={ref} column alignItems=\"center\" justifyItems=\"center\" ml=\"5px\">\n      <Icon\n        className={cs('vui-tableSortIcon--top', className)}\n        name={'uiCaretUpSolid'}\n        color={icons[0].color}\n        size=\"xs\"\n        mb=\"0px\"\n      />\n      <Icon\n        className={cs('vui-tableSortIcon--bottom', className)}\n        name={'uiCaretDownSolid'}\n        color={icons[1].color}\n        size=\"xs\"\n        mt=\"-7px\"\n      />\n    </Box>\n  )\n})\n\nTableSortIcon.displayName = 'TableSortIcon'\n\nexport default TableSortIcon\n"],"mappings":";;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,cAAc;CACpB,MAAM,gBAAgB;CAEtB,MAAM,QAAQ,CACZ,EACE,OAAO,UAAU,QAAQ,cAAc,cACzC,GACA,EACE,OAAO,UAAU,SAAS,cAAc,cAC1C,CACF;CAEA,OACE,qBAAC,KAAD;EAAU;EAAK;EAAO,YAAW;EAAS,cAAa;EAAS,IAAG;YAAnE,CACE,oBAAC,MAAD;GACE,WAAW,GAAG,0BAA0B,SAAS;GACjD,MAAM;GACN,OAAO,MAAM,EAAE,CAAC;GAChB,MAAK;GACL,IAAG;EACJ,IACD,oBAAC,MAAD;GACE,WAAW,GAAG,6BAA6B,SAAS;GACpD,MAAM;GACN,OAAO,MAAM,EAAE,CAAC;GAChB,MAAK;GACL,IAAG;EACJ,EACE;;AAET,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"tableSortIcon.js","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":["import type { TableSortIconProps } from './table.types'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\n\n/** Displays a sort icon with given direction based on sort order. */\nexport const TableSortIcon = vui<'svg', TableSortIconProps>((props, ref) => {\n  const { className, order } = props\n  const activeColor = 'seaBlue.main'\n  const inactiveColor = '#908d89'\n\n  const icons = [\n    {\n      color: order === 'asc' ? activeColor : inactiveColor,\n    },\n    {\n      color: order === 'desc' ? activeColor : inactiveColor,\n    },\n  ]\n\n  return (\n    <Box ref={ref} column alignItems=\"center\" justifyItems=\"center\" ml=\"5px\">\n      <Icon\n        className={cs('vui-tableSortIcon--top', className)}\n        name={'uiCaretUpSolid'}\n        color={icons[0].color}\n        size=\"xs\"\n        mb=\"0px\"\n      />\n      <Icon\n        className={cs('vui-tableSortIcon--bottom', className)}\n        name={'uiCaretDownSolid'}\n        color={icons[1].color}\n        size=\"xs\"\n        mt=\"-7px\"\n      />\n    </Box>\n  )\n})\n\nTableSortIcon.displayName = 'TableSortIcon'\n\nexport default TableSortIcon\n"],"mappings":";;;;;;;;AAQA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,cAAc;CACpB,MAAM,gBAAgB;CAEtB,MAAM,QAAQ,CACZ,EACE,OAAO,UAAU,QAAQ,cAAc,cACzC,GACA,EACE,OAAO,UAAU,SAAS,cAAc,cAC1C,CACF;CAEA,OACE,qBAAC,KAAD;EAAU;EAAK;EAAO,YAAW;EAAS,cAAa;EAAS,IAAG;YAAnE,CACE,oBAAC,MAAD;GACE,WAAW,GAAG,0BAA0B,SAAS;GACjD,MAAM;GACN,OAAO,MAAM,EAAE,CAAC;GAChB,MAAK;GACL,IAAG;EACJ,IACD,oBAAC,MAAD;GACE,WAAW,GAAG,6BAA6B,SAAS;GACpD,MAAM;GACN,OAAO,MAAM,EAAE,CAAC;GAChB,MAAK;GACL,IAAG;EACJ,EACE;;AAET,CAAC;AAED,cAAc,cAAc"}

package/dist/table/tbody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"mappings":";;;cAOa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAsBrB,WAtBqB;;cAyBT,KAAA,EAAK,YAAA,UAiBhB,WAAA"}
+{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"mappings":";;;cAQa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAsBrB,WAtBqB;;cAyBT,KAAA,EAAK,YAAA,UAiBhB,WAAA"}

package/dist/table/tbody.js

@@ -48,5 +48,5 @@ Tbody.displayName = "Tbody";
 
 //#endregion
 export { TbodyBase, Tbody as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tbody.js.map

package/dist/table/tbody.js.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.js","names":[],"sources":["../../src/table/tbody.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TbodyProps } from './table.types'\nimport Td from './td'\nimport Tr from './tr'\n\nexport const TbodyBase = styled.tbodyBox`\n  tr {\n    :hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true']:hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true'] td {\n      border-bottom-color: sandstone.main;\n    }\n\n    &[data-variant='striped'][data-selected='false']:nth-of-type(odd):not(:hover) td {\n      background-color: sandstone.95;\n    }\n\n    &[data-variant='basic']:hover td {\n      background-color: transparent;\n    }\n  }\n`\n\n/** Displays Table body with built-in support for rows. */\nexport const Tbody = vui<'tbody', TbodyProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { columns, rows } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TbodyBase className={cs('vui-tbody', className)} ref={ref} {...styles.tbody} {...rest}>\n      {children ??\n        rows?.map((row, index) => (\n          <Tr key={index}>\n            {columns?.map(column => (\n              <Td key={column.field}>{row[column.field]}</Td>\n            ))}\n          </Tr>\n        ))}\n    </TbodyBase>\n  )\n})\n\nTbody.displayName = 'Tbody'\n\nexport default Tbody\n"],"mappings":";;;;;;;;;;AAOA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;AAyBxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,SAAS,SAAS,gBAAgB,KAAK,CAAC;CAChD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAO,GAAI;YAC/E,YACC,MAAM,KAAK,KAAK,UACd,oBAAC,IAAD,YACG,SAAS,KAAI,WACZ,oBAAC,IAAD,YAAwB,IAAI,OAAO,OAAW,GAArC,OAAO,KAA8B,CAC/C,EACC,GAJK,KAIL,CACL;CACM;AAEf,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"tbody.js","names":[],"sources":["../../src/table/tbody.tsx"],"sourcesContent":["import type { TbodyProps } from './table.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport Td from './td'\nimport Tr from './tr'\n\nexport const TbodyBase = styled.tbodyBox`\n  tr {\n    :hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true']:hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true'] td {\n      border-bottom-color: sandstone.main;\n    }\n\n    &[data-variant='striped'][data-selected='false']:nth-of-type(odd):not(:hover) td {\n      background-color: sandstone.95;\n    }\n\n    &[data-variant='basic']:hover td {\n      background-color: transparent;\n    }\n  }\n`\n\n/** Displays Table body with built-in support for rows. */\nexport const Tbody = vui<'tbody', TbodyProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { columns, rows } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TbodyBase className={cs('vui-tbody', className)} ref={ref} {...styles.tbody} {...rest}>\n      {children ??\n        rows?.map((row, index) => (\n          <Tr key={index}>\n            {columns?.map(column => (\n              <Td key={column.field}>{row[column.field]}</Td>\n            ))}\n          </Tr>\n        ))}\n    </TbodyBase>\n  )\n})\n\nTbody.displayName = 'Tbody'\n\nexport default Tbody\n"],"mappings":";;;;;;;;;;AAQA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;AAyBxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,SAAS,SAAS,gBAAgB,KAAK,CAAC;CAChD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAO,GAAI;YAC/E,YACC,MAAM,KAAK,KAAK,UACd,oBAAC,IAAD,YACG,SAAS,KAAI,WACZ,oBAAC,IAAD,YAAwB,IAAI,OAAO,OAAW,GAArC,OAAO,KAA8B,CAC/C,EACC,GAJK,KAIL,CACL;CACM;AAEf,CAAC;AAED,MAAM,cAAc"}

package/dist/table/td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"mappings":";;;;cAMa,MAAA,8BAAM,eAAA,mCAAA,YAAA,EAElB,WAFkB;;cAKN,EAAA,EAAE,YAAA,OAAA,OAAA"}
+{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"mappings":";;;;cAOa,MAAA,8BAAM,eAAA,mCAAA,YAAA,EAElB,WAFkB;;cAKN,EAAA,EAAE,YAAA,OAAA,OAAA"}

package/dist/table/td.js

@@ -30,5 +30,5 @@ Td.displayName = "Td";
 
 //#endregion
 export { TdBase, Td as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=td.js.map

package/dist/table/td.js.map

@@ -1 +1 @@
-{"version":3,"file":"td.js","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TdProps } from './table.types'\n\nexport const TdBase = styled.tdBox`\n  transition-duration: fast;\n`\n\n/** Displays a cell inside Table row. */\nexport const Td = vui<'td', TdProps>((props, ref) => {\n  const { className, level = 0, children, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TdBase className={cs('vui-td', className)} px={2} ref={ref} {...styles.td} {...rest}>\n      {!!level && (\n        <T mr={1}>\n          {Array.from({ length: level }).map((_i, key) => (\n            <T key={key}>&mdash;</T>\n          ))}\n        </T>\n      )}\n      {children}\n    </TdBase>\n  )\n})\n\nTd.displayName = 'Td'\n\nexport default Td\n"],"mappings":";;;;;;;;;AAMA,MAAa,SAAS,OAAO,KAAK;;;;AAKlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EAAE,WAAW,QAAQ,GAAG,UAAU,GAAG,SAAS;CACpD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,qBAAC,QAAD;EAAQ,WAAW,GAAG,UAAU,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAI,GAAI;YAAhF,CACG,CAAC,CAAC,SACD,oBAAC,GAAD;GAAG,IAAI;aACJ,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,QACtC,oBAAC,GAAD,YAAa,IAAU,GAAf,GAAe,CACxB;EACA,IAEJ,QACK;;AAEZ,CAAC;AAED,GAAG,cAAc"}
+{"version":3,"file":"td.js","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":["import type { TdProps } from './table.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\n\nexport const TdBase = styled.tdBox`\n  transition-duration: fast;\n`\n\n/** Displays a cell inside Table row. */\nexport const Td = vui<'td', TdProps>((props, ref) => {\n  const { className, level = 0, children, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TdBase className={cs('vui-td', className)} px={2} ref={ref} {...styles.td} {...rest}>\n      {!!level && (\n        <T mr={1}>\n          {Array.from({ length: level }).map((_i, key) => (\n            <T key={key}>&mdash;</T>\n          ))}\n        </T>\n      )}\n      {children}\n    </TdBase>\n  )\n})\n\nTd.displayName = 'Td'\n\nexport default Td\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS,OAAO,KAAK;;;;AAKlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EAAE,WAAW,QAAQ,GAAG,UAAU,GAAG,SAAS;CACpD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,qBAAC,QAAD;EAAQ,WAAW,GAAG,UAAU,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAI,GAAI;YAAhF,CACG,CAAC,CAAC,SACD,oBAAC,GAAD;GAAG,IAAI;aACJ,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,QACtC,oBAAC,GAAD,YAAa,IAAU,GAAf,GAAe,CACxB;EACA,IAEJ,QACK;;AAEZ,CAAC;AAED,GAAG,cAAc"}

package/dist/table/tfoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"mappings":";;;cAKa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAAoB,WAApB;;cAGT,KAAA,EAAK,YAAA,UAKhB,WAAA"}
+{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"mappings":";;;cAMa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAAoB,WAApB;;cAGT,KAAA,EAAK,YAAA,UAKhB,WAAA"}

package/dist/table/tfoot.js

@@ -22,5 +22,5 @@ Tfoot.displayName = "Tfoot";
 
 //#endregion
 export { TfootBase, Tfoot as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tfoot.js.map

package/dist/table/tfoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"tfoot.js","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TfootProps } from './table.types'\n\nexport const TfootBase = styled.tfootBox``\n\n/** Displays Table footer. */\nexport const Tfoot = vui<'tfoot', TfootProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return <TfootBase className={cs('vui-tfoot', className)} ref={ref} {...styles.tfoot} {...rest} />\n})\n\nTfoot.displayName = 'Tfoot'\n\nexport default Tfoot\n"],"mappings":";;;;;;;;AAKA,MAAa,YAAY,OAAO,QAAQ;;AAGxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OAAO,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAClG,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"tfoot.js","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":["import type { TfootProps } from './table.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\n\nexport const TfootBase = styled.tfootBox``\n\n/** Displays Table footer. */\nexport const Tfoot = vui<'tfoot', TfootProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return <TfootBase className={cs('vui-tfoot', className)} ref={ref} {...styles.tfoot} {...rest} />\n})\n\nTfoot.displayName = 'Tfoot'\n\nexport default Tfoot\n"],"mappings":";;;;;;;;AAMA,MAAa,YAAY,OAAO,QAAQ;;AAGxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OAAO,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAClG,CAAC;AAED,MAAM,cAAc"}

package/dist/table/th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"mappings":";;;;cAQa,MAAA,8BAAM,eAAA,mCAAA,YAAA,EAIlB,WAJkB;;cAON,EAAA,EAAE,YAAA,OAAA,OAAA"}
+{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"mappings":";;;;cASa,MAAA,8BAAM,eAAA,mCAAA,YAAA,EAIlB,WAJkB;;cAON,EAAA,EAAE,YAAA,OAAA,OAAA"}

package/dist/table/th.js

@@ -68,5 +68,5 @@ Th.displayName = "Th";
 
 //#endregion
 export { ThBase, Th as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=th.js.map

package/dist/table/th.js.map

@@ -1 +1 @@
-{"version":3,"file":"th.js","names":[],"sources":["../../src/table/th.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useTableContext } from './context'\nimport type { ThProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\n\nexport const ThBase = styled.thBox`\n  font-weight: demi;\n  text-align: left;\n  transition-duration: fast;\n`\n\n/** Displays Table heading with support for sort. */\nexport const Th = vui<'th', ThProps>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled,\n    field,\n    isInteractive: isInteractiveProp,\n    isSortable,\n    onClick: onClickProp,\n    title,\n    ...rest\n  } = props\n\n  // Always call hooks unconditionally\n  const tableContext = useTableContext()\n  const styles = useStyleConfig('Table', tableContext)\n\n  // Extract values after hook calls\n  const { onSortChange, sort } = tableContext || {}\n\n  const handleClick = useCallbackRef((e: MouseEvent<HTMLTableCellElement>) => {\n    onClickProp?.(e)\n    if (isSortable && field && onSortChange) {\n      onSortChange(field)\n    }\n  })\n\n  const onClick = onClickProp || isSortable ? handleClick : undefined\n\n  const isActive = !disabled && sort?.key === field\n  const sortOrder = isActive ? sort.order : undefined\n  const isInteractive = isInteractiveProp ?? onClick !== undefined\n\n  const activeProps = isActive ? { bg: 'skyBlue.active' } : {}\n  const disabledProps = disabled ? { bg: 'disabled.bg', color: 'disabled.color', cursor: 'not-allowed' } : {}\n  const hoverBg = isSortable ? 'skyBlue.hover' : undefined\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          onClick,\n          tabIndex: 0,\n          userSelect: 'none',\n        }\n      : {}\n\n  return (\n    <ThBase\n      className={cs('vui-th', className)}\n      data-active={isActive}\n      data-disabled={disabled}\n      hoverBg={hoverBg}\n      px={2}\n      ref={ref}\n      {...styles.th}\n      {...activeProps}\n      {...disabledProps}\n      {...interactiveProps}\n      {...rest}\n    >\n      {children ?? (\n        <Box centerV display=\"inline-flex\">\n          {title}\n          {isSortable && <TableSortIcon ml={1} my={0.5} order={sortOrder} />}\n        </Box>\n      )}\n    </ThBase>\n  )\n})\n\nTh.displayName = 'Th'\n\nexport default Th\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,SAAS,OAAO,KAAK;;;;;;AAOlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EACJ,UACA,WACA,UACA,OACA,eAAe,mBACf,YACA,SAAS,aACT,OACA,GAAG,SACD;CAGJ,MAAM,eAAe,gBAAgB;CACrC,MAAM,SAAS,eAAe,SAAS,YAAY;CAGnD,MAAM,EAAE,cAAc,SAAS,gBAAgB,CAAC;CAEhD,MAAM,cAAc,gBAAgB,MAAwC;EAC1E,cAAc,CAAC;EACf,IAAI,cAAc,SAAS,cACzB,aAAa,KAAK;CAEtB,CAAC;CAED,MAAM,UAAU,eAAe,aAAa,cAAc;CAE1D,MAAM,WAAW,CAAC,YAAY,MAAM,QAAQ;CAC5C,MAAM,YAAY,WAAW,KAAK,QAAQ;CAC1C,MAAM,gBAAgB,qBAAqB,YAAY;CAEvD,MAAM,cAAc,WAAW,EAAE,IAAI,iBAAiB,IAAI,CAAC;CAC3D,MAAM,gBAAgB,WAAW;EAAE,IAAI;EAAe,OAAO;EAAkB,QAAQ;CAAc,IAAI,CAAC;CAC1G,MAAM,UAAU,aAAa,kBAAkB;CAE/C,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR;EACA,UAAU;EACV,YAAY;CACd,IACA,CAAC;CAEP,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,UAAU,SAAS;EACjC,eAAa;EACb,iBAAe;EACN;EACT,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YACC,qBAAC,KAAD;GAAK;GAAQ,SAAQ;aAArB,CACG,OACA,cAAc,oBAAC,eAAD;IAAe,IAAI;IAAG,IAAI;IAAK,OAAO;GAAY,EAC9D;;CAED;AAEZ,CAAC;AAED,GAAG,cAAc"}
+{"version":3,"file":"th.js","names":[],"sources":["../../src/table/th.tsx"],"sourcesContent":["import type { MouseEvent } from '../utils'\nimport type { ThProps } from './table.types'\n\nimport Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, useCallbackRef } from '../utils'\nimport { useTableContext } from './context'\nimport TableSortIcon from './tableSortIcon'\n\nexport const ThBase = styled.thBox`\n  font-weight: demi;\n  text-align: left;\n  transition-duration: fast;\n`\n\n/** Displays Table heading with support for sort. */\nexport const Th = vui<'th', ThProps>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled,\n    field,\n    isInteractive: isInteractiveProp,\n    isSortable,\n    onClick: onClickProp,\n    title,\n    ...rest\n  } = props\n\n  // Always call hooks unconditionally\n  const tableContext = useTableContext()\n  const styles = useStyleConfig('Table', tableContext)\n\n  // Extract values after hook calls\n  const { onSortChange, sort } = tableContext || {}\n\n  const handleClick = useCallbackRef((e: MouseEvent<HTMLTableCellElement>) => {\n    onClickProp?.(e)\n    if (isSortable && field && onSortChange) {\n      onSortChange(field)\n    }\n  })\n\n  const onClick = onClickProp || isSortable ? handleClick : undefined\n\n  const isActive = !disabled && sort?.key === field\n  const sortOrder = isActive ? sort.order : undefined\n  const isInteractive = isInteractiveProp ?? onClick !== undefined\n\n  const activeProps = isActive ? { bg: 'skyBlue.active' } : {}\n  const disabledProps = disabled ? { bg: 'disabled.bg', color: 'disabled.color', cursor: 'not-allowed' } : {}\n  const hoverBg = isSortable ? 'skyBlue.hover' : undefined\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          onClick,\n          tabIndex: 0,\n          userSelect: 'none',\n        }\n      : {}\n\n  return (\n    <ThBase\n      className={cs('vui-th', className)}\n      data-active={isActive}\n      data-disabled={disabled}\n      hoverBg={hoverBg}\n      px={2}\n      ref={ref}\n      {...styles.th}\n      {...activeProps}\n      {...disabledProps}\n      {...interactiveProps}\n      {...rest}\n    >\n      {children ?? (\n        <Box centerV display=\"inline-flex\">\n          {title}\n          {isSortable && <TableSortIcon ml={1} my={0.5} order={sortOrder} />}\n        </Box>\n      )}\n    </ThBase>\n  )\n})\n\nTh.displayName = 'Th'\n\nexport default Th\n"],"mappings":";;;;;;;;;;;AASA,MAAa,SAAS,OAAO,KAAK;;;;;;AAOlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EACJ,UACA,WACA,UACA,OACA,eAAe,mBACf,YACA,SAAS,aACT,OACA,GAAG,SACD;CAGJ,MAAM,eAAe,gBAAgB;CACrC,MAAM,SAAS,eAAe,SAAS,YAAY;CAGnD,MAAM,EAAE,cAAc,SAAS,gBAAgB,CAAC;CAEhD,MAAM,cAAc,gBAAgB,MAAwC;EAC1E,cAAc,CAAC;EACf,IAAI,cAAc,SAAS,cACzB,aAAa,KAAK;CAEtB,CAAC;CAED,MAAM,UAAU,eAAe,aAAa,cAAc;CAE1D,MAAM,WAAW,CAAC,YAAY,MAAM,QAAQ;CAC5C,MAAM,YAAY,WAAW,KAAK,QAAQ;CAC1C,MAAM,gBAAgB,qBAAqB,YAAY;CAEvD,MAAM,cAAc,WAAW,EAAE,IAAI,iBAAiB,IAAI,CAAC;CAC3D,MAAM,gBAAgB,WAAW;EAAE,IAAI;EAAe,OAAO;EAAkB,QAAQ;CAAc,IAAI,CAAC;CAC1G,MAAM,UAAU,aAAa,kBAAkB;CAE/C,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR;EACA,UAAU;EACV,YAAY;CACd,IACA,CAAC;CAEP,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,UAAU,SAAS;EACjC,eAAa;EACb,iBAAe;EACN;EACT,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YACC,qBAAC,KAAD;GAAK;GAAQ,SAAQ;aAArB,CACG,OACA,cAAc,oBAAC,eAAD;IAAe,IAAI;IAAG,IAAI;IAAK,OAAO;GAAY,EAC9D;;CAED;AAEZ,CAAC;AAED,GAAG,cAAc"}

package/dist/table/thead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","names":[],"sources":["../../src/table/thead.tsx"],"mappings":";;;;cAea,KAAA,EAAK,YAAA,UAAA,UAAA"}
+{"version":3,"file":"thead.d.ts","names":[],"sources":["../../src/table/thead.tsx"],"mappings":";;;;cAgBa,KAAA,EAAK,YAAA,UAAA,UAAA"}

package/dist/table/thead.js

@@ -41,5 +41,5 @@ Thead.displayName = "Thead";
 
 //#endregion
 export { Thead as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=thead.js.map

package/dist/table/thead.js.map

@@ -1 +1 @@
-{"version":3,"file":"thead.js","names":[],"sources":["../../src/table/thead.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TheadProps } from './table.types'\nimport Th from './th'\nimport Tr from './tr'\n\nconst TheadBase = styled.theadBox`\n  tr th,\n  tr td {\n    border-bottom: 1px solid sandstone.main;\n  }\n`\n\n/** Displays Table head with support for columns and sticky. */\nexport const Thead = vui<'thead', TheadProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { columns, stickyHeader } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n\n  const stickyProps = stickyHeader\n    ? {\n        bg: 'white',\n        position: 'sticky',\n        top: 0,\n        zIndex: 3,\n      }\n    : {}\n\n  return (\n    <TheadBase className={cs('vui-thead', className)} ref={ref} {...stickyProps} {...styles.thead} {...rest}>\n      {children ?? (\n        <Tr>\n          {columns?.map(column => (\n            <Th key={column.field} role=\"columnheader\" {...column} />\n          ))}\n        </Tr>\n      )}\n    </TheadBase>\n  )\n})\n\nThead.displayName = 'Thead'\n\nexport default Thead\n"],"mappings":";;;;;;;;;;AAOA,MAAM,YAAY,OAAO,QAAQ;;;;;;;AAQjC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,SAAS,iBAAiB,gBAAgB,KAAK,CAAC;CACxD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,MAAM,cAAc,eAChB;EACE,IAAI;EACJ,UAAU;EACV,KAAK;EACL,QAAQ;CACV,IACA,CAAC;CAEL,OACE,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI;EAAa,GAAI,OAAO;EAAO,GAAI;YAChG,YACC,oBAAC,IAAD,YACG,SAAS,KAAI,WACZ,oBAAC,IAAD;GAAuB,MAAK;GAAe,GAAI;EAAS,GAA/C,OAAO,KAAwC,CACzD,EACC;CAEG;AAEf,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"thead.js","names":[],"sources":["../../src/table/thead.tsx"],"sourcesContent":["import type { TheadProps } from './table.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport Th from './th'\nimport Tr from './tr'\n\nconst TheadBase = styled.theadBox`\n  tr th,\n  tr td {\n    border-bottom: 1px solid sandstone.main;\n  }\n`\n\n/** Displays Table head with support for columns and sticky. */\nexport const Thead = vui<'thead', TheadProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { columns, stickyHeader } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n\n  const stickyProps = stickyHeader\n    ? {\n        bg: 'white',\n        position: 'sticky',\n        top: 0,\n        zIndex: 3,\n      }\n    : {}\n\n  return (\n    <TheadBase className={cs('vui-thead', className)} ref={ref} {...stickyProps} {...styles.thead} {...rest}>\n      {children ?? (\n        <Tr>\n          {columns?.map(column => (\n            <Th key={column.field} role=\"columnheader\" {...column} />\n          ))}\n        </Tr>\n      )}\n    </TheadBase>\n  )\n})\n\nThead.displayName = 'Thead'\n\nexport default Thead\n"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAY,OAAO,QAAQ;;;;;;;AAQjC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,SAAS,iBAAiB,gBAAgB,KAAK,CAAC;CACxD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,MAAM,cAAc,eAChB;EACE,IAAI;EACJ,UAAU;EACV,KAAK;EACL,QAAQ;CACV,IACA,CAAC;CAEL,OACE,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI;EAAa,GAAI,OAAO;EAAO,GAAI;YAChG,YACC,oBAAC,IAAD,YACG,SAAS,KAAI,WACZ,oBAAC,IAAD;GAAuB,MAAK;GAAe,GAAI;EAAS,GAA/C,OAAO,KAAwC,CACzD,EACC;CAEG;AAEf,CAAC;AAED,MAAM,cAAc"}

package/dist/table/theme.js

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

package/dist/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","names":[],"sources":["../../src/table/tr.tsx"],"mappings":";;;;cAYa,MAAA,8BAAM,eAAA,mCAAA,YAAA,EAGlB,WAHkB;;cAMN,EAAA,EAAE,YAAA,OAAA,OAAA"}
+{"version":3,"file":"tr.d.ts","names":[],"sources":["../../src/table/tr.tsx"],"mappings":";;;;cAaa,MAAA,8BAAM,eAAA,mCAAA,YAAA,EAGlB,WAHkB;;cAMN,EAAA,EAAE,YAAA,OAAA,OAAA"}

package/dist/table/tr.js

@@ -64,5 +64,5 @@ Tr.displayName = "Tr";
 
 //#endregion
 export { TrBase, Tr as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tr.js.map

package/dist/table/tr.js.map

@@ -1 +1 @@
-{"version":3,"file":"tr.js","names":[],"sources":["../../src/table/tr.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TrProps } from './table.types'\nimport Td from './td'\n\nconst trClassName = 'vui-tr'\nconst buttonClassName = (isExpanded?: boolean) => `falAngle${isExpanded ? 'Down' : 'Right'}`\n\nexport const TrBase = styled.trBox`\n  position: relative;\n  transition-duration: fast;\n`\n\n/** Displays Table row that can contain heading or data cells. */\nexport const Tr = vui<'tr', TrProps>((props, ref) => {\n  const { className, isExpanded: isExpandedProp, isSelected, nested, onCollapsed, onExpanded, ...rest } = props\n  const { variant } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n  const [isExpanded, setIsExpanded] = useState(isExpandedProp)\n\n  useEffect(() => {\n    setIsExpanded(isExpandedProp)\n  }, [isExpandedProp])\n\n  const onToggle = () => {\n    if (isExpanded) {\n      setIsExpanded(false)\n      onCollapsed?.()\n    } else {\n      setIsExpanded(true)\n      onExpanded?.()\n    }\n  }\n\n  const selectedProps = isSelected ? { bg: 'skyBlue.selected' } : {}\n\n  rest.children = (\n    <>\n      {nested !== undefined && (\n        <Td maxW={16} px={1} textAlign=\"center\">\n          {nested ? (\n            <Button\n              size=\"sm\"\n              icon={buttonClassName(isExpanded)}\n              onClick={onToggle}\n              variant=\"tertiary\"\n              style={\n                {\n                  '--vui-button-color': 'var(--vui-action-blue-subtle-inverse)',\n                  '--vui-button-hover-bg': 'var(--vui-action-blue-subtle-hover)',\n                  '--vui-button-active-bg': 'var(--vui-action-blue-subtle-pressed)',\n                } as React.CSSProperties\n              }\n            />\n          ) : null}\n        </Td>\n      )}\n      {rest.children}\n    </>\n  )\n\n  return (\n    <>\n      <TrBase\n        className={cs(trClassName, `${trClassName}-${isExpanded ? 'expanded' : 'collapsed'}`, className)}\n        data-selected={Boolean(isSelected)}\n        data-variant={variant}\n        ref={ref}\n        {...styles.tr}\n        {...selectedProps}\n        {...rest}\n      />\n      {isExpanded && nested}\n    </>\n  )\n})\n\nTr.displayName = 'Tr'\nexport default Tr\n"],"mappings":";;;;;;;;;;;AASA,MAAM,cAAc;AACpB,MAAM,mBAAmB,eAAyB,WAAW,aAAa,SAAS;AAEnF,MAAa,SAAS,OAAO,KAAK;;;;;AAMlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EAAE,WAAW,YAAY,gBAAgB,YAAY,QAAQ,aAAa,YAAY,GAAG,SAAS;CACxG,MAAM,EAAE,YAAY,gBAAgB,KAAK,CAAC;CAC1C,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CACxD,MAAM,CAAC,YAAY,iBAAiB,SAAS,cAAc;CAE3D,gBAAgB;EACd,cAAc,cAAc;CAC9B,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,iBAAiB;EACrB,IAAI,YAAY;GACd,cAAc,KAAK;GACnB,cAAc;EAChB,OAAO;GACL,cAAc,IAAI;GAClB,aAAa;EACf;CACF;CAEA,MAAM,gBAAgB,aAAa,EAAE,IAAI,mBAAmB,IAAI,CAAC;CAEjE,KAAK,WACH,8CACG,WAAW,UACV,oBAAC,IAAD;EAAI,MAAM;EAAI,IAAI;EAAG,WAAU;YAC5B,SACC,oBAAC,QAAD;GACE,MAAK;GACL,MAAM,gBAAgB,UAAU;GAChC,SAAS;GACT,SAAQ;GACR,OACE;IACE,sBAAsB;IACtB,yBAAyB;IACzB,0BAA0B;GAC5B;EAEH,KACC;CACF,IAEL,KAAK,QACN;CAGJ,OACE,8CACE,oBAAC,QAAD;EACE,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,aAAa,aAAa,eAAe,SAAS;EAC/F,iBAAe,QAAQ,UAAU;EACjC,gBAAc;EACT;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;CACL,IACA,cAAc,MACf;AAEN,CAAC;AAED,GAAG,cAAc"}
+{"version":3,"file":"tr.js","names":[],"sources":["../../src/table/tr.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { TrProps } from './table.types'\n\nimport Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport Td from './td'\n\nconst trClassName = 'vui-tr'\nconst buttonClassName = (isExpanded?: boolean) => `falAngle${isExpanded ? 'Down' : 'Right'}`\n\nexport const TrBase = styled.trBox`\n  position: relative;\n  transition-duration: fast;\n`\n\n/** Displays Table row that can contain heading or data cells. */\nexport const Tr = vui<'tr', TrProps>((props, ref) => {\n  const { className, isExpanded: isExpandedProp, isSelected, nested, onCollapsed, onExpanded, ...rest } = props\n  const { variant } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n  const [isExpanded, setIsExpanded] = useState(isExpandedProp)\n\n  useEffect(() => {\n    setIsExpanded(isExpandedProp)\n  }, [isExpandedProp])\n\n  const onToggle = () => {\n    if (isExpanded) {\n      setIsExpanded(false)\n      onCollapsed?.()\n    } else {\n      setIsExpanded(true)\n      onExpanded?.()\n    }\n  }\n\n  const selectedProps = isSelected ? { bg: 'skyBlue.selected' } : {}\n\n  rest.children = (\n    <>\n      {nested !== undefined && (\n        <Td maxW={16} px={1} textAlign=\"center\">\n          {nested ? (\n            <Button\n              size=\"sm\"\n              icon={buttonClassName(isExpanded)}\n              onClick={onToggle}\n              variant=\"tertiary\"\n              style={\n                {\n                  '--vui-button-color': 'var(--vui-action-blue-subtle-inverse)',\n                  '--vui-button-hover-bg': 'var(--vui-action-blue-subtle-hover)',\n                  '--vui-button-active-bg': 'var(--vui-action-blue-subtle-pressed)',\n                } as React.CSSProperties\n              }\n            />\n          ) : null}\n        </Td>\n      )}\n      {rest.children}\n    </>\n  )\n\n  return (\n    <>\n      <TrBase\n        className={cs(trClassName, `${trClassName}-${isExpanded ? 'expanded' : 'collapsed'}`, className)}\n        data-selected={Boolean(isSelected)}\n        data-variant={variant}\n        ref={ref}\n        {...styles.tr}\n        {...selectedProps}\n        {...rest}\n      />\n      {isExpanded && nested}\n    </>\n  )\n})\n\nTr.displayName = 'Tr'\nexport default Tr\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,cAAc;AACpB,MAAM,mBAAmB,eAAyB,WAAW,aAAa,SAAS;AAEnF,MAAa,SAAS,OAAO,KAAK;;;;;AAMlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EAAE,WAAW,YAAY,gBAAgB,YAAY,QAAQ,aAAa,YAAY,GAAG,SAAS;CACxG,MAAM,EAAE,YAAY,gBAAgB,KAAK,CAAC;CAC1C,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CACxD,MAAM,CAAC,YAAY,iBAAiB,SAAS,cAAc;CAE3D,gBAAgB;EACd,cAAc,cAAc;CAC9B,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,iBAAiB;EACrB,IAAI,YAAY;GACd,cAAc,KAAK;GACnB,cAAc;EAChB,OAAO;GACL,cAAc,IAAI;GAClB,aAAa;EACf;CACF;CAEA,MAAM,gBAAgB,aAAa,EAAE,IAAI,mBAAmB,IAAI,CAAC;CAEjE,KAAK,WACH,8CACG,WAAW,UACV,oBAAC,IAAD;EAAI,MAAM;EAAI,IAAI;EAAG,WAAU;YAC5B,SACC,oBAAC,QAAD;GACE,MAAK;GACL,MAAM,gBAAgB,UAAU;GAChC,SAAS;GACT,SAAQ;GACR,OACE;IACE,sBAAsB;IACtB,yBAAyB;IACzB,0BAA0B;GAC5B;EAEH,KACC;CACF,IAEL,KAAK,QACN;CAGJ,OACE,8CACE,oBAAC,QAAD;EACE,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,aAAa,aAAa,eAAe,SAAS;EAC/F,iBAAe,QAAQ,UAAU;EACjC,gBAAc;EACT;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;CACL,IACA,cAAc,MACf;AAEN,CAAC;AAED,GAAG,cAAc"}

package/dist/table/useTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.d.ts","names":[],"sources":["../../src/table/useTable.ts"],"mappings":";;;;iBAawB,QAAA,CAAS,KAAA,EAAO,aAAA;;;QAAa,IAAA;AAAA;AAAA,KAgBzC,kBAAA,GAAqB,UAAU,QAAQ,QAAA"}
+{"version":3,"file":"useTable.d.ts","names":[],"sources":["../../src/table/useTable.ts"],"mappings":";;;;iBAcwB,QAAA,CAAS,KAAA,EAAO,aAAA;;;QAAa,IAAA;AAAA;AAAA,KAgBzC,kBAAA,GAAqB,UAAU,QAAQ,QAAA"}

package/dist/table/useTable.js

@@ -36,5 +36,5 @@ function useTable(props) {
 
 //#endregion
 export { useTable as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=useTable.js.map

package/dist/table/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","names":[],"sources":["../../src/table/useTable.ts"],"sourcesContent":["import type { SortOrder } from '../utils'\nimport { useCallbackRef, useControlled } from '../utils'\nimport type { UseTableProps } from './useTable.types'\n\nconst sortOrders: SortOrder[] = ['asc', 'desc', null]\nconst defaultSortOrder: SortOrder = sortOrders[0]\n\nfunction getNextOrder(order: SortOrder) {\n  const next = sortOrders.indexOf(order) + 1\n  return sortOrders[next] !== undefined ? sortOrders[next] : defaultSortOrder\n}\n\n/** Handles controlled/uncontrolled sort of the Table rows. */\nexport default function useTable(props: UseTableProps) {\n  const { defaultSort = { key: '', order: defaultSortOrder }, onSortChange: onSortChangeProp, sort: value } = props\n  const [sort, onChange, { isControlled }] = useControlled({\n    defaultValue: defaultSort,\n    onChange: onSortChangeProp,\n    value,\n  })\n\n  const onSortChange = useCallbackRef((key: string) => {\n    const order = sort.key === key ? getNextOrder(sort.order) : defaultSortOrder\n    onChange({ key, order })\n  })\n\n  return { isControlled, onSortChange, sort }\n}\n\nexport type UseTableReturnType = ReturnType<typeof useTable>\n"],"mappings":";;;AAIA,MAAM,aAA0B;CAAC;CAAO;CAAQ;AAAI;AACpD,MAAM,mBAA8B,WAAW;AAE/C,SAAS,aAAa,OAAkB;CACtC,MAAM,OAAO,WAAW,QAAQ,KAAK,IAAI;CACzC,OAAO,WAAW,UAAU,SAAY,WAAW,QAAQ;AAC7D;;AAGA,SAAwB,SAAS,OAAsB;CACrD,MAAM,EAAE,cAAc;EAAE,KAAK;EAAI,OAAO;CAAiB,GAAG,cAAc,kBAAkB,MAAM,UAAU;CAC5G,MAAM,CAAC,MAAM,UAAU,EAAE,kBAAkB,cAAc;EACvD,cAAc;EACd,UAAU;EACV;CACF,CAAC;CAOD,OAAO;EAAE;EAAc,cALF,gBAAgB,QAAgB;GAEnD,SAAS;IAAE;IAAK,OADF,KAAK,QAAQ,MAAM,aAAa,KAAK,KAAK,IAAI;GACtC,CAAC;EACzB,CAEkC;EAAG;CAAK;AAC5C"}
+{"version":3,"file":"useTable.js","names":[],"sources":["../../src/table/useTable.ts"],"sourcesContent":["import type { SortOrder } from '../utils'\nimport type { UseTableProps } from './useTable.types'\n\nimport { useCallbackRef, useControlled } from '../utils'\n\nconst sortOrders: SortOrder[] = ['asc', 'desc', null]\nconst defaultSortOrder: SortOrder = sortOrders[0]\n\nfunction getNextOrder(order: SortOrder) {\n  const next = sortOrders.indexOf(order) + 1\n  return sortOrders[next] !== undefined ? sortOrders[next] : defaultSortOrder\n}\n\n/** Handles controlled/uncontrolled sort of the Table rows. */\nexport default function useTable(props: UseTableProps) {\n  const { defaultSort = { key: '', order: defaultSortOrder }, onSortChange: onSortChangeProp, sort: value } = props\n  const [sort, onChange, { isControlled }] = useControlled({\n    defaultValue: defaultSort,\n    onChange: onSortChangeProp,\n    value,\n  })\n\n  const onSortChange = useCallbackRef((key: string) => {\n    const order = sort.key === key ? getNextOrder(sort.order) : defaultSortOrder\n    onChange({ key, order })\n  })\n\n  return { isControlled, onSortChange, sort }\n}\n\nexport type UseTableReturnType = ReturnType<typeof useTable>\n"],"mappings":";;;AAKA,MAAM,aAA0B;CAAC;CAAO;CAAQ;AAAI;AACpD,MAAM,mBAA8B,WAAW;AAE/C,SAAS,aAAa,OAAkB;CACtC,MAAM,OAAO,WAAW,QAAQ,KAAK,IAAI;CACzC,OAAO,WAAW,UAAU,SAAY,WAAW,QAAQ;AAC7D;;AAGA,SAAwB,SAAS,OAAsB;CACrD,MAAM,EAAE,cAAc;EAAE,KAAK;EAAI,OAAO;CAAiB,GAAG,cAAc,kBAAkB,MAAM,UAAU;CAC5G,MAAM,CAAC,MAAM,UAAU,EAAE,kBAAkB,cAAc;EACvD,cAAc;EACd,UAAU;EACV;CACF,CAAC;CAOD,OAAO;EAAE;EAAc,cALF,gBAAgB,QAAgB;GAEnD,SAAS;IAAE;IAAK,OADF,KAAK,QAAQ,MAAM,aAAa,KAAK,KAAK,IAAI;GACtC,CAAC;EACzB,CAEkC;EAAG;CAAK;AAC5C"}

package/dist/tabs/consts.js

@@ -16,5 +16,5 @@ const iconSizeMapper = {
 
 //#endregion
 export { colors, iconSizeMapper };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=consts.js.map

package/dist/tabs/tab.d.ts.map

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

package/dist/tabs/tab.js

@@ -19,5 +19,5 @@ Tab.displayName = "Tab";
 
 //#endregion
 export { TabBase, Tab as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tab.js.map

package/dist/tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":["import { styled, vui } from '../core'\nimport { cs } from '../utils'\nimport type { TabProps } from './tabs.types'\n\nexport const TabBase = styled.divBox`\n  width: 100%;\n`\n\n/**\n * Implements a Tab component\n */\nexport const Tab = vui<'div', TabProps>(({ children, className }, ref) => (\n  <TabBase className={cs('vui-tab', className)} ref={ref}>\n    {children}\n  </TabBase>\n))\n\nTab.displayName = 'Tab'\n\nexport default Tab\n"],"mappings":";;;;;;AAIA,MAAa,UAAU,OAAO,MAAM;;;;;;AAOpC,MAAa,MAAM,KAAsB,EAAE,UAAU,aAAa,QAChE,oBAAC,SAAD;CAAS,WAAW,GAAG,WAAW,SAAS;CAAQ;CAChD;AACM,EACV;AAED,IAAI,cAAc"}
+{"version":3,"file":"tab.js","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":["import type { TabProps } from './tabs.types'\n\nimport { styled, vui } from '../core'\nimport { cs } from '../utils'\n\nexport const TabBase = styled.divBox`\n  width: 100%;\n`\n\n/**\n * Implements a Tab component\n */\nexport const Tab = vui<'div', TabProps>(({ children, className }, ref) => (\n  <TabBase className={cs('vui-tab', className)} ref={ref}>\n    {children}\n  </TabBase>\n))\n\nTab.displayName = 'Tab'\n\nexport default Tab\n"],"mappings":";;;;;;AAKA,MAAa,UAAU,OAAO,MAAM;;;;;;AAOpC,MAAa,MAAM,KAAsB,EAAE,UAAU,aAAa,QAChE,oBAAC,SAAD;CAAS,WAAW,GAAG,WAAW,SAAS;CAAQ;CAChD;AACM,EACV;AAED,IAAI,cAAc"}

package/dist/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;cAWa,QAAA,8BAAQ,eAAA,oCAAA,YAAA,EAEpB,cAAA,GAFoB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA,WAAA,YAAA;;;;;;;;;cAOR,IAAA,EAAI,YAAA,QAAA,SAAA"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;cAaa,QAAA,8BAAQ,eAAA,oCAAA,YAAA,EAEpB,cAAA,GAFoB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA,WAAA,YAAA;;;;;;;;;cAOR,IAAA,EAAI,YAAA,QAAA,SAAA"}

package/dist/tabs/tabs.js

@@ -78,5 +78,5 @@ Tabs.displayName = "Tabs";
 
 //#endregion
 export { TabsBase, Tabs as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tabs.js.map

package/dist/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Children, useEffect } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { P } from '../p'\nimport { cs } from '../utils'\nimport Tab from './tab'\nimport type { TabIndexProps, TabProps, TabsProps } from './tabs.types'\nimport TabsNavBar from './tabsNavBar'\nimport { useTabsState } from './useTabsState'\n\nexport const TabsBase = styled.divBox<TabsProps>`\n  width: 100%;\n`\n\n/**\n * Implements Tabs navigation to switch between views. Implements Tabs navigation to switch between views. **Do not use as a top menu in a page!**\n */\nexport const Tabs = vui<'div', TabsProps>((props, ref) => {\n  const { actions, activeTabId, showBorder = true, children, className, size, onTabClick, ...rest } = props\n  const styles = useStyleConfig('Tabs', props)\n  const { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection } = useTabsState(\n    'fadeIn',\n    0,\n  )\n\n  useEffect(() => {\n    const _tabs: TabIndexProps[] = []\n    if (children) {\n      // @ts-expect-error no idea\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TabProps>, index: number) => {\n        if (child?.props?.title)\n          _tabs.push({\n            id: child.props.id,\n            index: index,\n            title: child.props.title,\n            icon: child.props.icon,\n            className: child.props.className,\n            children: child.props.children,\n            disabled: child.props.disabled,\n            onClick: child.props.onClick,\n            onDelete: child.props.onDelete,\n          })\n      })\n    }\n    setTabs(_tabs)\n    if (activeTabId !== undefined) {\n      const tab = _tabs.find((t: TabIndexProps) => t?.id === activeTabId || t?.index === activeTabId)\n      if (tab?.index !== undefined) setActiveTabIndex(tab.index)\n    }\n  }, [children, activeTabId])\n\n  const onNavItemClick = (tabIndex: number, e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n    const tab = tabs.find(t => t.index === tabIndex)\n    if (tab?.children !== undefined && tab?.index !== undefined) {\n      setAnimationDirection(tab.index < activeTabIndex ? 'fadeLeft' : 'fadeRight')\n      setActiveTabIndex(tab.index)\n      onTabClick?.(tab.id || tab.index)\n    }\n    tab?.onClick?.(e)\n  }\n\n  const activeTab = tabs?.[activeTabIndex]\n\n  return (\n    <TabsBase className={cs('vui-tabs', className)} ref={ref} {...styles.container} {...rest}>\n      {!!tabs?.length && (\n        <TabsNavBar\n          actions={actions}\n          activeNavItem={activeTabIndex}\n          animationDirection={animationDirection}\n          onNavItemClick={(tabIndex, e) => onNavItemClick(tabIndex, e)}\n          showBorder={showBorder}\n          size={size}\n          tabs={tabs}\n        />\n      )}\n      {tabs?.length ? (\n        <Tab onClick={activeTab?.onClick} title={activeTab?.title}>\n          {!activeTab?.disabled && activeTab?.children}\n        </Tab>\n      ) : (\n        <P p={2}>Please specify Tabs.</P>\n      )}\n    </TabsBase>\n  )\n})\n\nTabs.displayName = 'Tabs'\n\nexport default Tabs\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,WAAW,OAAO,MAAiB;;;;;;AAOhD,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,SAAS,aAAa,aAAa,MAAM,UAAU,WAAW,MAAM,YAAY,GAAG,SAAS;CACpG,MAAM,SAAS,eAAe,QAAQ,KAAK;CAC3C,MAAM,EAAE,MAAM,SAAS,gBAAgB,mBAAmB,oBAAoB,0BAA0B,aACtG,UACA,CACF;CAEA,gBAAgB;EACd,MAAM,QAAyB,CAAC;EAChC,IAAI,UAED,AAAC,SAAS,QAAQ,QAAQ,CAAC,CAAoB,SAAS,OAA+B,UAAkB;GACxG,IAAI,OAAO,OAAO,OAChB,MAAM,KAAK;IACT,IAAI,MAAM,MAAM;IACT;IACP,OAAO,MAAM,MAAM;IACnB,MAAM,MAAM,MAAM;IAClB,WAAW,MAAM,MAAM;IACvB,UAAU,MAAM,MAAM;IACtB,UAAU,MAAM,MAAM;IACtB,SAAS,MAAM,MAAM;IACrB,UAAU,MAAM,MAAM;GACxB,CAAC;EACL,CAAC;EAEH,QAAQ,KAAK;EACb,IAAI,gBAAgB,QAAW;GAC7B,MAAM,MAAM,MAAM,MAAM,MAAqB,GAAG,OAAO,eAAe,GAAG,UAAU,WAAW;GAC9F,IAAI,KAAK,UAAU,QAAW,kBAAkB,IAAI,KAAK;EAC3D;CACF,GAAG,CAAC,UAAU,WAAW,CAAC;CAE1B,MAAM,kBAAkB,UAAkB,MAAmD;EAC3F,MAAM,MAAM,KAAK,MAAK,MAAK,EAAE,UAAU,QAAQ;EAC/C,IAAI,KAAK,aAAa,UAAa,KAAK,UAAU,QAAW;GAC3D,sBAAsB,IAAI,QAAQ,iBAAiB,aAAa,WAAW;GAC3E,kBAAkB,IAAI,KAAK;GAC3B,aAAa,IAAI,MAAM,IAAI,KAAK;EAClC;EACA,KAAK,UAAU,CAAC;CAClB;CAEA,MAAM,YAAY,OAAO;CAEzB,OACE,qBAAC,UAAD;EAAU,WAAW,GAAG,YAAY,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAW,GAAI;YAApF,CACG,CAAC,CAAC,MAAM,UACP,oBAAC,YAAD;GACW;GACT,eAAe;GACK;GACpB,iBAAiB,UAAU,MAAM,eAAe,UAAU,CAAC;GAC/C;GACN;GACA;EACP,IAEF,MAAM,SACL,oBAAC,KAAD;GAAK,SAAS,WAAW;GAAS,OAAO,WAAW;aACjD,CAAC,WAAW,YAAY,WAAW;EACjC,KAEL,oBAAC,GAAD;GAAG,GAAG;aAAG;EAAuB,EAE1B;;AAEd,CAAC;AAED,KAAK,cAAc"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\n\nimport { Children, useEffect } from 'react'\n\nimport type { TabIndexProps, TabProps, TabsProps } from './tabs.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { P } from '../p'\nimport { cs } from '../utils'\nimport Tab from './tab'\nimport TabsNavBar from './tabsNavBar'\nimport { useTabsState } from './useTabsState'\n\nexport const TabsBase = styled.divBox<TabsProps>`\n  width: 100%;\n`\n\n/**\n * Implements Tabs navigation to switch between views. Implements Tabs navigation to switch between views. **Do not use as a top menu in a page!**\n */\nexport const Tabs = vui<'div', TabsProps>((props, ref) => {\n  const { actions, activeTabId, showBorder = true, children, className, size, onTabClick, ...rest } = props\n  const styles = useStyleConfig('Tabs', props)\n  const { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection } = useTabsState(\n    'fadeIn',\n    0,\n  )\n\n  useEffect(() => {\n    const _tabs: TabIndexProps[] = []\n    if (children) {\n      // @ts-expect-error no idea\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TabProps>, index: number) => {\n        if (child?.props?.title)\n          _tabs.push({\n            id: child.props.id,\n            index: index,\n            title: child.props.title,\n            icon: child.props.icon,\n            className: child.props.className,\n            children: child.props.children,\n            disabled: child.props.disabled,\n            onClick: child.props.onClick,\n            onDelete: child.props.onDelete,\n          })\n      })\n    }\n    setTabs(_tabs)\n    if (activeTabId !== undefined) {\n      const tab = _tabs.find((t: TabIndexProps) => t?.id === activeTabId || t?.index === activeTabId)\n      if (tab?.index !== undefined) setActiveTabIndex(tab.index)\n    }\n  }, [children, activeTabId])\n\n  const onNavItemClick = (tabIndex: number, e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n    const tab = tabs.find(t => t.index === tabIndex)\n    if (tab?.children !== undefined && tab?.index !== undefined) {\n      setAnimationDirection(tab.index < activeTabIndex ? 'fadeLeft' : 'fadeRight')\n      setActiveTabIndex(tab.index)\n      onTabClick?.(tab.id || tab.index)\n    }\n    tab?.onClick?.(e)\n  }\n\n  const activeTab = tabs?.[activeTabIndex]\n\n  return (\n    <TabsBase className={cs('vui-tabs', className)} ref={ref} {...styles.container} {...rest}>\n      {!!tabs?.length && (\n        <TabsNavBar\n          actions={actions}\n          activeNavItem={activeTabIndex}\n          animationDirection={animationDirection}\n          onNavItemClick={(tabIndex, e) => onNavItemClick(tabIndex, e)}\n          showBorder={showBorder}\n          size={size}\n          tabs={tabs}\n        />\n      )}\n      {tabs?.length ? (\n        <Tab onClick={activeTab?.onClick} title={activeTab?.title}>\n          {!activeTab?.disabled && activeTab?.children}\n        </Tab>\n      ) : (\n        <P p={2}>Please specify Tabs.</P>\n      )}\n    </TabsBase>\n  )\n})\n\nTabs.displayName = 'Tabs'\n\nexport default Tabs\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,WAAW,OAAO,MAAiB;;;;;;AAOhD,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,SAAS,aAAa,aAAa,MAAM,UAAU,WAAW,MAAM,YAAY,GAAG,SAAS;CACpG,MAAM,SAAS,eAAe,QAAQ,KAAK;CAC3C,MAAM,EAAE,MAAM,SAAS,gBAAgB,mBAAmB,oBAAoB,0BAA0B,aACtG,UACA,CACF;CAEA,gBAAgB;EACd,MAAM,QAAyB,CAAC;EAChC,IAAI,UAED,AAAC,SAAS,QAAQ,QAAQ,CAAC,CAAoB,SAAS,OAA+B,UAAkB;GACxG,IAAI,OAAO,OAAO,OAChB,MAAM,KAAK;IACT,IAAI,MAAM,MAAM;IACT;IACP,OAAO,MAAM,MAAM;IACnB,MAAM,MAAM,MAAM;IAClB,WAAW,MAAM,MAAM;IACvB,UAAU,MAAM,MAAM;IACtB,UAAU,MAAM,MAAM;IACtB,SAAS,MAAM,MAAM;IACrB,UAAU,MAAM,MAAM;GACxB,CAAC;EACL,CAAC;EAEH,QAAQ,KAAK;EACb,IAAI,gBAAgB,QAAW;GAC7B,MAAM,MAAM,MAAM,MAAM,MAAqB,GAAG,OAAO,eAAe,GAAG,UAAU,WAAW;GAC9F,IAAI,KAAK,UAAU,QAAW,kBAAkB,IAAI,KAAK;EAC3D;CACF,GAAG,CAAC,UAAU,WAAW,CAAC;CAE1B,MAAM,kBAAkB,UAAkB,MAAmD;EAC3F,MAAM,MAAM,KAAK,MAAK,MAAK,EAAE,UAAU,QAAQ;EAC/C,IAAI,KAAK,aAAa,UAAa,KAAK,UAAU,QAAW;GAC3D,sBAAsB,IAAI,QAAQ,iBAAiB,aAAa,WAAW;GAC3E,kBAAkB,IAAI,KAAK;GAC3B,aAAa,IAAI,MAAM,IAAI,KAAK;EAClC;EACA,KAAK,UAAU,CAAC;CAClB;CAEA,MAAM,YAAY,OAAO;CAEzB,OACE,qBAAC,UAAD;EAAU,WAAW,GAAG,YAAY,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAW,GAAI;YAApF,CACG,CAAC,CAAC,MAAM,UACP,oBAAC,YAAD;GACW;GACT,eAAe;GACK;GACpB,iBAAiB,UAAU,MAAM,eAAe,UAAU,CAAC;GAC/C;GACN;GACA;EACP,IAEF,MAAM,SACL,oBAAC,KAAD;GAAK,SAAS,WAAW;GAAS,OAAO,WAAW;aACjD,CAAC,WAAW,YAAY,WAAW;EACjC,KAEL,oBAAC,GAAD;GAAG,GAAG;aAAG;EAAuB,EAE1B;;AAEd,CAAC;AAED,KAAK,cAAc"}

package/dist/tabs/tabsNavBar.js

@@ -89,5 +89,5 @@ TabsNavBar.displayName = "TabsNavBar";
 
 //#endregion
 export { TabsNavBar as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tabsNavBar.js.map

package/dist/tabs/tabsNavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabsNavBar.js","names":["theme"],"sources":["../../src/tabs/tabsNavBar.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport { Icon } from '../icon'\nimport { List, ListItem } from '../list'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport { colors, iconSizeMapper } from './consts'\nimport type { NavBarIconSize, TabIndexProps, TabNavBarProps } from './tabs.types'\nimport theme from './theme'\n\nconst { activeBg, border, color, hover, main } = colors\n\nexport const TabsNavBar = vui<'div', TabNavBarProps>((props, ref) => {\n  const { actions, tabs, onNavItemClick, activeNavItem, animationDirection, showBorder, size = 'md' } = props\n  const iconSize: NavBarIconSize = iconSizeMapper?.[size as string] || 'md'\n\n  const { sizes } = (theme as Dict) ?? {}\n\n  const fontSize = sizes[size ?? 'md'].tabsNavBar.fontSize\n  const h = sizes[size ?? 'md'].tabsNavBar.h\n  const borderWidth = sizes[size ?? 'md'].tabsNavBar.borderWidth\n  const py = sizes[size ?? 'md'].tabsNavBar.py\n  const iconMarginRight = size === 'xxl' ? '16px' : '8px'\n\n  const isActive = (tab: TabIndexProps) => !tab.disabled && tab?.index === activeNavItem\n\n  return (\n    <List\n      alignItems=\"end\"\n      borderBottom={showBorder ? `1px solid ${border}` : 'none'}\n      className={cs('vui-tabsNavBar')}\n      display=\"flex\"\n      isInteractive\n      mb=\"20px\"\n      ref={ref}\n      w={1}\n    >\n      {tabs?.map?.(tab => (\n        <ListItem\n          activeBg={tab.disabled ? undefined : activeBg}\n          bg=\"white\"\n          className={`vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`}\n          color={isActive(tab) ? main : color}\n          disabled={tab.disabled}\n          display=\"inline-flex\"\n          fontSize={fontSize}\n          lineHeight=\"125%\"\n          fontWeight={400}\n          h={h}\n          hoverBg={tab.disabled ? undefined : hover}\n          key={tab.index}\n          onClick={e => onNavItemClick?.(tab.index || 0, e)}\n          position=\"relative\"\n          px=\"16px\"\n          py={py}\n        >\n          <Box alignItems=\"center\">\n            {!!tab.icon && <Icon mr={iconMarginRight} name={tab.icon} size={iconSize} />}\n            {tab.title}\n          </Box>\n          {!!tab.onDelete && (\n            <DismissButton\n              aria-label=\"Delete\"\n              disabled={tab.disabled}\n              ml={1}\n              onClick={(e: { stopPropagation: () => void }) => {\n                e?.stopPropagation()\n                tab?.onDelete?.(e as any)\n              }}\n              title=\"Delete\"\n            />\n          )}\n          {isActive(tab) && (\n            <Box\n              animation={animationDirection}\n              bg={main}\n              bottom=\"-1px\"\n              className=\"vui-tabsNavBarItemActiveIndicator\"\n              h={borderWidth}\n              left={0}\n              position=\"absolute\"\n              w={1}\n            >\n              &nbsp;\n            </Box>\n          )}\n        </ListItem>\n      ))}\n      {!!actions && (\n        <Box ml=\"auto\" px={0.75} py={0.5}>\n          {actions}\n        </Box>\n      )}\n    </List>\n  )\n})\n\nTabsNavBar.displayName = 'TabsNavBar'\n\nexport default TabsNavBar\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,EAAE,UAAU,QAAQ,OAAO,OAAO,SAAS;AAEjD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,SAAS,MAAM,gBAAgB,eAAe,oBAAoB,YAAY,OAAO,SAAS;CACtG,MAAM,WAA2B,iBAAiB,SAAmB;CAErE,MAAM,EAAE,UAAWA,iBAAkB,CAAC;CAEtC,MAAM,WAAW,MAAM,QAAQ,KAAK,CAAC,WAAW;CAChD,MAAM,IAAI,MAAM,QAAQ,KAAK,CAAC,WAAW;CACzC,MAAM,cAAc,MAAM,QAAQ,KAAK,CAAC,WAAW;CACnD,MAAM,KAAK,MAAM,QAAQ,KAAK,CAAC,WAAW;CAC1C,MAAM,kBAAkB,SAAS,QAAQ,SAAS;CAElD,MAAM,YAAY,QAAuB,CAAC,IAAI,YAAY,KAAK,UAAU;CAEzE,OACE,qBAAC,MAAD;EACE,YAAW;EACX,cAAc,aAAa,aAAa,WAAW;EACnD,WAAW,GAAG,gBAAgB;EAC9B,SAAQ;EACR;EACA,IAAG;EACE;EACL,GAAG;YARL,CAUG,MAAM,OAAM,QACX,qBAAC,UAAD;GACE,UAAU,IAAI,WAAW,SAAY;GACrC,IAAG;GACH,WAAW,yCAAyC,KAAK;GACzD,OAAO,SAAS,GAAG,IAAI,OAAO;GAC9B,UAAU,IAAI;GACd,SAAQ;GACE;GACV,YAAW;GACX,YAAY;GACT;GACH,SAAS,IAAI,WAAW,SAAY;GAEpC,UAAS,MAAK,iBAAiB,IAAI,SAAS,GAAG,CAAC;GAChD,UAAS;GACT,IAAG;GACC;aAhBN;IAkBE,qBAAC,KAAD;KAAK,YAAW;eAAhB,CACG,CAAC,CAAC,IAAI,QAAQ,oBAAC,MAAD;MAAM,IAAI;MAAiB,MAAM,IAAI;MAAM,MAAM;KAAW,IAC1E,IAAI,KACF;;IACJ,CAAC,CAAC,IAAI,YACL,oBAAC,eAAD;KACE,cAAW;KACX,UAAU,IAAI;KACd,IAAI;KACJ,UAAU,MAAuC;MAC/C,GAAG,gBAAgB;MACnB,KAAK,WAAW,CAAQ;KAC1B;KACA,OAAM;IACP;IAEF,SAAS,GAAG,KACX,oBAAC,KAAD;KACE,WAAW;KACX,IAAI;KACJ,QAAO;KACP,WAAU;KACV,GAAG;KACH,MAAM;KACN,UAAS;KACT,GAAG;eACJ;IAEI;GAEC;KApCH,IAAI,KAoCD,CACX,GACA,CAAC,CAAC,WACD,oBAAC,KAAD;GAAK,IAAG;GAAO,IAAI;GAAM,IAAI;aAC1B;EACE,EAEH;;AAEV,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"tabsNavBar.js","names":["theme"],"sources":["../../src/tabs/tabsNavBar.tsx"],"sourcesContent":["import type { Dict } from '../utils'\nimport type { NavBarIconSize, TabIndexProps, TabNavBarProps } from './tabs.types'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport { Icon } from '../icon'\nimport { List, ListItem } from '../list'\nimport { cs } from '../utils'\nimport { colors, iconSizeMapper } from './consts'\nimport theme from './theme'\n\nconst { activeBg, border, color, hover, main } = colors\n\nexport const TabsNavBar = vui<'div', TabNavBarProps>((props, ref) => {\n  const { actions, tabs, onNavItemClick, activeNavItem, animationDirection, showBorder, size = 'md' } = props\n  const iconSize: NavBarIconSize = iconSizeMapper?.[size as string] || 'md'\n\n  const { sizes } = (theme as Dict) ?? {}\n\n  const fontSize = sizes[size ?? 'md'].tabsNavBar.fontSize\n  const h = sizes[size ?? 'md'].tabsNavBar.h\n  const borderWidth = sizes[size ?? 'md'].tabsNavBar.borderWidth\n  const py = sizes[size ?? 'md'].tabsNavBar.py\n  const iconMarginRight = size === 'xxl' ? '16px' : '8px'\n\n  const isActive = (tab: TabIndexProps) => !tab.disabled && tab?.index === activeNavItem\n\n  return (\n    <List\n      alignItems=\"end\"\n      borderBottom={showBorder ? `1px solid ${border}` : 'none'}\n      className={cs('vui-tabsNavBar')}\n      display=\"flex\"\n      isInteractive\n      mb=\"20px\"\n      ref={ref}\n      w={1}\n    >\n      {tabs?.map?.(tab => (\n        <ListItem\n          activeBg={tab.disabled ? undefined : activeBg}\n          bg=\"white\"\n          className={`vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`}\n          color={isActive(tab) ? main : color}\n          disabled={tab.disabled}\n          display=\"inline-flex\"\n          fontSize={fontSize}\n          lineHeight=\"125%\"\n          fontWeight={400}\n          h={h}\n          hoverBg={tab.disabled ? undefined : hover}\n          key={tab.index}\n          onClick={e => onNavItemClick?.(tab.index || 0, e)}\n          position=\"relative\"\n          px=\"16px\"\n          py={py}\n        >\n          <Box alignItems=\"center\">\n            {!!tab.icon && <Icon mr={iconMarginRight} name={tab.icon} size={iconSize} />}\n            {tab.title}\n          </Box>\n          {!!tab.onDelete && (\n            <DismissButton\n              aria-label=\"Delete\"\n              disabled={tab.disabled}\n              ml={1}\n              onClick={(e: { stopPropagation: () => void }) => {\n                e?.stopPropagation()\n                tab?.onDelete?.(e as any)\n              }}\n              title=\"Delete\"\n            />\n          )}\n          {isActive(tab) && (\n            <Box\n              animation={animationDirection}\n              bg={main}\n              bottom=\"-1px\"\n              className=\"vui-tabsNavBarItemActiveIndicator\"\n              h={borderWidth}\n              left={0}\n              position=\"absolute\"\n              w={1}\n            >\n              &nbsp;\n            </Box>\n          )}\n        </ListItem>\n      ))}\n      {!!actions && (\n        <Box ml=\"auto\" px={0.75} py={0.5}>\n          {actions}\n        </Box>\n      )}\n    </List>\n  )\n})\n\nTabsNavBar.displayName = 'TabsNavBar'\n\nexport default TabsNavBar\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,EAAE,UAAU,QAAQ,OAAO,OAAO,SAAS;AAEjD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,SAAS,MAAM,gBAAgB,eAAe,oBAAoB,YAAY,OAAO,SAAS;CACtG,MAAM,WAA2B,iBAAiB,SAAmB;CAErE,MAAM,EAAE,UAAWA,iBAAkB,CAAC;CAEtC,MAAM,WAAW,MAAM,QAAQ,KAAK,CAAC,WAAW;CAChD,MAAM,IAAI,MAAM,QAAQ,KAAK,CAAC,WAAW;CACzC,MAAM,cAAc,MAAM,QAAQ,KAAK,CAAC,WAAW;CACnD,MAAM,KAAK,MAAM,QAAQ,KAAK,CAAC,WAAW;CAC1C,MAAM,kBAAkB,SAAS,QAAQ,SAAS;CAElD,MAAM,YAAY,QAAuB,CAAC,IAAI,YAAY,KAAK,UAAU;CAEzE,OACE,qBAAC,MAAD;EACE,YAAW;EACX,cAAc,aAAa,aAAa,WAAW;EACnD,WAAW,GAAG,gBAAgB;EAC9B,SAAQ;EACR;EACA,IAAG;EACE;EACL,GAAG;YARL,CAUG,MAAM,OAAM,QACX,qBAAC,UAAD;GACE,UAAU,IAAI,WAAW,SAAY;GACrC,IAAG;GACH,WAAW,yCAAyC,KAAK;GACzD,OAAO,SAAS,GAAG,IAAI,OAAO;GAC9B,UAAU,IAAI;GACd,SAAQ;GACE;GACV,YAAW;GACX,YAAY;GACT;GACH,SAAS,IAAI,WAAW,SAAY;GAEpC,UAAS,MAAK,iBAAiB,IAAI,SAAS,GAAG,CAAC;GAChD,UAAS;GACT,IAAG;GACC;aAhBN;IAkBE,qBAAC,KAAD;KAAK,YAAW;eAAhB,CACG,CAAC,CAAC,IAAI,QAAQ,oBAAC,MAAD;MAAM,IAAI;MAAiB,MAAM,IAAI;MAAM,MAAM;KAAW,IAC1E,IAAI,KACF;;IACJ,CAAC,CAAC,IAAI,YACL,oBAAC,eAAD;KACE,cAAW;KACX,UAAU,IAAI;KACd,IAAI;KACJ,UAAU,MAAuC;MAC/C,GAAG,gBAAgB;MACnB,KAAK,WAAW,CAAQ;KAC1B;KACA,OAAM;IACP;IAEF,SAAS,GAAG,KACX,oBAAC,KAAD;KACE,WAAW;KACX,IAAI;KACJ,QAAO;KACP,WAAU;KACV,GAAG;KACH,MAAM;KACN,UAAS;KACT,GAAG;eACJ;IAEI;GAEC;KApCH,IAAI,KAoCD,CACX,GACA,CAAC,CAAC,WACD,oBAAC,KAAD;GAAK,IAAG;GAAO,IAAI;GAAM,IAAI;aAC1B;EACE,EAEH;;AAEV,CAAC;AAED,WAAW,cAAc"}

package/dist/tabs/theme.js

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

package/dist/tabs/useTabsState.js

@@ -17,5 +17,5 @@ const useTabsState = (initialAnimation, tabIndex) => {
 
 //#endregion
 export { useTabsState };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=useTabsState.js.map

package/dist/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","names":[],"sources":["../../src/tag/tag.tsx"],"mappings":";;;;;;;AA6CA;;cAAa,GAAA,EA4JP,YAAY,SAAS,QAAA"}
+{"version":3,"file":"tag.d.ts","names":[],"sources":["../../src/tag/tag.tsx"],"mappings":";;;;;;;AA8CA;;cAAa,GAAA,EA4JP,YAAY,SAAS,QAAA"}

package/dist/tag/tag.js

@@ -131,5 +131,5 @@ Tag.displayName = "Tag";
 
 //#endregion
 export { Tag as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tag.js.map

package/dist/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":["fontSizes"],"sources":["../../src/tag/tag.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport Icon from '../icon'\nimport T from '../t'\nimport { fontSizes } from '../theme'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport type { TagProps } from './tag.types'\nimport { resolveTagVariantKey } from './utils'\n\n// ---------------------------------------------------------------------------\n// Styled primitives\n// ---------------------------------------------------------------------------\n\n/** Outer container — rendered as <span> for static tags and <button> for interactive tags. */\nconst TagBase = styled.spanBox`\n  /* Drives DismissButton color via cascade so the close affordance picks up the tag's text color. */\n  --vui-dismiss-fg: currentColor;\n\n  align-items: center;\n  display: inline-flex;\n  font-weight: medium;\n  justify-content: center;\n  line-height: 1;\n  max-width: 100%;\n  position: relative;\n  transition-duration: fast;\n  width: fit-content;\n\n  &:focus {\n    outline: none;\n  }\n`\n\n// ---------------------------------------------------------------------------\n// Tag component\n// ---------------------------------------------------------------------------\n\n/**\n * Displays text, icons or custom content. Can be made interactive or include a\n * dismiss affordance. When `isInteractive` (or `onClick` without `onDelete`)\n * is set, the tag renders as a `<button>` so it is keyboard-activatable.\n */\nexport const Tag = vui<'span', TagProps>((props, ref) => {\n  const {\n    children,\n    className,\n    deleteLabel = 'Remove',\n    icon,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    color: colorProp,\n    isInteractive = props.onClick !== undefined && props.onDelete === undefined,\n    isTruncated = true,\n    itemLeft,\n    itemRight,\n    onClick,\n    onDelete,\n    size = 'md',\n    text,\n    variant: variantProp,\n    ...rest\n  } = props\n\n  // Resolve canonical theme key from the two-prop API (variant + color).\n  const resolvedVariant = useMemo(() => resolveTagVariantKey(variantProp, colorProp), [variantProp, colorProp])\n\n  // Dev-mode deprecation warning for legacy combined variants.\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Tag] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Tag] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n      if (\n        variantProp !== undefined &&\n        !['subtle', 'solid'].includes(variantProp) &&\n        /^(subtle|solid)(Brand|Success|Danger|Warning|Lavender|Eucalyptus|Terracotta|Grey)$/.test(variantProp)\n      ) {\n        console.warn(\n          `[Tag] Combined variant \"${variantProp}\" is deprecated. ` +\n            'Use separate `variant` + `color` props instead (e.g. variant=\"subtle\" color=\"blue\").',\n        )\n      }\n    }\n  }, [iconLeft, iconRight, variantProp])\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Tag', { ...props, variant: resolvedVariant })\n  const {\n    h,\n    fontSize: themeFontSize,\n    paddingX = 0,\n    paddingY = 0,\n    gapX = 0,\n    borderRadius,\n    bgHover,\n    bgPressed,\n    ...containerColors\n  } = styles.container ?? {}\n  const dismissStyles = styles.dismiss ?? {}\n  const iconStyles = styles.icon ?? {}\n\n  const resolvedFontSize = fontSizes[themeFontSize as keyof typeof fontSizes] ?? themeFontSize\n  const fontSize = `var(--vui-tag-font-size, ${resolvedFontSize}px)`\n\n  const resolvedIconSize = iconStyles.fontSize || '1rem'\n  const iconSize = `var(--vui-tag-icon-size, ${resolvedIconSize})`\n\n  const TagIcon = ({ name, mr, ml }: { name: string; mr?: string; ml?: string }) => (\n    <Icon className=\"vui-tagIcon\" fontSize={iconSize} h={iconSize} ml={ml} mr={mr} w={iconSize} name={name} />\n  )\n\n  // Theme numeric values are raw pixel measurements (mirrors button/theme.ts).\n  // Convert to px strings to bypass xstyled's `spaces` scale lookup on padding/gap props.\n  const toPx = (v: unknown) => (typeof v === 'number' ? `${v}px` : v)\n  const pxX = toPx(paddingX)\n  const pxY = toPx(paddingY)\n  const pxGap = toPx(gapX)\n\n  const aliasedProps = filterUndefined({\n    borderRadius,\n  })\n\n  const interactiveStateProps = isInteractive\n    ? filterUndefined({\n        hoverBg: bgHover,\n        activeBg: bgPressed,\n      })\n    : undefined\n\n  const interactiveProps = isInteractive\n    ? {\n        as: 'button' as const,\n        type: 'button' as const,\n        cursor: 'pointer',\n        tabIndex: 0,\n        userSelect: 'none',\n      }\n    : {}\n\n  return (\n    <TagBase\n      className={cs('vui-tag', className)}\n      focusRing={2}\n      fontSize={fontSize}\n      h={h}\n      isTruncated={isTruncated}\n      onClick={onClick}\n      px={pxX}\n      py={pxY}\n      ref={ref}\n      variant={resolvedVariant}\n      {...containerColors}\n      {...interactiveProps}\n      {...interactiveStateProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      {isString(icon) ? <TagIcon name={icon} /> : icon}\n\n      {!icon && (\n        <>\n          {itemLeft}\n\n          {isString(resolvedStartIcon) ? <TagIcon name={resolvedStartIcon} mr={pxGap as string} /> : resolvedStartIcon}\n\n          {children ??\n            (isReactText(text) ? (\n              <T className=\"vui-tagText\" fontSize=\"inherit\" isTruncated={isTruncated}>\n                {text}\n              </T>\n            ) : (\n              text\n            ))}\n\n          {isString(resolvedEndIcon) ? <TagIcon name={resolvedEndIcon} ml={pxGap as string} /> : resolvedEndIcon}\n\n          {onDelete && !isInteractive ? (\n            <DismissButton\n              aria-label={deleteLabel}\n              className=\"vui-tagButton\"\n              ml={pxGap}\n              onClick={onDelete}\n              {...dismissStyles}\n            />\n          ) : (\n            itemRight\n          )}\n        </>\n      )}\n    </TagBase>\n  )\n}) as VuiComponent<'span', TagProps>\n\nTag.displayName = 'Tag'\n\nexport default Tag\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,UAAU,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;;AA4B9B,MAAa,MAAM,KAAuB,OAAO,QAAQ;CACvD,MAAM,EACJ,UACA,WACA,cAAc,UACd,MACA,WACA,SACA,UACA,WACA,OAAO,WACP,gBAAgB,MAAM,YAAY,UAAa,MAAM,aAAa,QAClE,cAAc,MACd,UACA,WACA,SACA,UACA,OAAO,MACP,MACA,SAAS,aACT,GAAG,SACD;CAGJ,MAAM,kBAAkB,cAAc,qBAAqB,aAAa,SAAS,GAAG,CAAC,aAAa,SAAS,CAAC;CAG5G,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,0DAA0D;EAEzE,IAAI,cAAc,QAChB,QAAQ,KAAK,yDAAyD;EAExE,IACE,gBAAgB,UAChB,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,SAAS,WAAW,KACzC,qFAAqF,KAAK,WAAW,GAErG,QAAQ,KACN,2BAA2B,YAAY,0GAEzC;CAGN,GAAG;EAAC;EAAU;EAAW;CAAW,CAAC;CAErC,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,OAAO;EAAE,GAAG;EAAO,SAAS;CAAgB,CAAC;CAC3E,MAAM,EACJ,GACA,UAAU,eACV,WAAW,GACX,WAAW,GACX,OAAO,GACP,cACA,SACA,WACA,GAAG,oBACD,OAAO,aAAa,CAAC;CACzB,MAAM,gBAAgB,OAAO,WAAW,CAAC;CACzC,MAAM,aAAa,OAAO,QAAQ,CAAC;CAGnC,MAAM,WAAW,4BADQA,kBAAU,kBAA4C,cACjB;CAG9D,MAAM,WAAW,4BADQ,WAAW,YAAY,OACc;CAE9D,MAAM,WAAW,EAAE,MAAM,IAAI,SAC3B,oBAAC,MAAD;EAAM,WAAU;EAAc,UAAU;EAAU,GAAG;EAAc;EAAQ;EAAI,GAAG;EAAgB;CAAO;CAK3G,MAAM,QAAQ,MAAgB,OAAO,MAAM,WAAW,GAAG,EAAE,MAAM;CACjE,MAAM,MAAM,KAAK,QAAQ;CACzB,MAAM,MAAM,KAAK,QAAQ;CACzB,MAAM,QAAQ,KAAK,IAAI;CAEvB,MAAM,eAAe,gBAAgB,EACnC,aACF,CAAC;CAED,MAAM,wBAAwB,gBAC1B,gBAAgB;EACd,SAAS;EACT,UAAU;CACZ,CAAC,IACD;CAEJ,MAAM,mBAAmB,gBACrB;EACE,IAAI;EACJ,MAAM;EACN,QAAQ;EACR,UAAU;EACV,YAAY;CACd,IACA,CAAC;CAEL,OACE,qBAAC,SAAD;EACE,WAAW,GAAG,WAAW,SAAS;EAClC,WAAW;EACD;EACP;EACU;EACJ;EACT,IAAI;EACJ,IAAI;EACC;EACL,SAAS;EACT,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAfN,CAiBG,SAAS,IAAI,IAAI,oBAAC,SAAD,EAAS,MAAM,KAAO,KAAI,MAE3C,CAAC,QACA;GACG;GAEA,SAAS,iBAAiB,IAAI,oBAAC,SAAD;IAAS,MAAM;IAAmB,IAAI;GAAkB,KAAI;GAE1F,aACE,YAAY,IAAI,IACf,oBAAC,GAAD;IAAG,WAAU;IAAc,UAAS;IAAuB;cACxD;GACA,KAEH;GAGH,SAAS,eAAe,IAAI,oBAAC,SAAD;IAAS,MAAM;IAAiB,IAAI;GAAkB,KAAI;GAEtF,YAAY,CAAC,gBACZ,oBAAC,eAAD;IACE,cAAY;IACZ,WAAU;IACV,IAAI;IACJ,SAAS;IACT,GAAI;GACL,KAED;EAEF,IAEG;;AAEb,CAAC;AAED,IAAI,cAAc"}
+{"version":3,"file":"tag.js","names":["fontSizes"],"sources":["../../src/tag/tag.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { TagProps } from './tag.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport Icon from '../icon'\nimport T from '../t'\nimport { fontSizes } from '../theme'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { resolveTagVariantKey } from './utils'\n\n// ---------------------------------------------------------------------------\n// Styled primitives\n// ---------------------------------------------------------------------------\n\n/** Outer container — rendered as <span> for static tags and <button> for interactive tags. */\nconst TagBase = styled.spanBox`\n  /* Drives DismissButton color via cascade so the close affordance picks up the tag's text color. */\n  --vui-dismiss-fg: currentColor;\n\n  align-items: center;\n  display: inline-flex;\n  font-weight: medium;\n  justify-content: center;\n  line-height: 1;\n  max-width: 100%;\n  position: relative;\n  transition-duration: fast;\n  width: fit-content;\n\n  &:focus {\n    outline: none;\n  }\n`\n\n// ---------------------------------------------------------------------------\n// Tag component\n// ---------------------------------------------------------------------------\n\n/**\n * Displays text, icons or custom content. Can be made interactive or include a\n * dismiss affordance. When `isInteractive` (or `onClick` without `onDelete`)\n * is set, the tag renders as a `<button>` so it is keyboard-activatable.\n */\nexport const Tag = vui<'span', TagProps>((props, ref) => {\n  const {\n    children,\n    className,\n    deleteLabel = 'Remove',\n    icon,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    color: colorProp,\n    isInteractive = props.onClick !== undefined && props.onDelete === undefined,\n    isTruncated = true,\n    itemLeft,\n    itemRight,\n    onClick,\n    onDelete,\n    size = 'md',\n    text,\n    variant: variantProp,\n    ...rest\n  } = props\n\n  // Resolve canonical theme key from the two-prop API (variant + color).\n  const resolvedVariant = useMemo(() => resolveTagVariantKey(variantProp, colorProp), [variantProp, colorProp])\n\n  // Dev-mode deprecation warning for legacy combined variants.\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Tag] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Tag] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n      if (\n        variantProp !== undefined &&\n        !['subtle', 'solid'].includes(variantProp) &&\n        /^(subtle|solid)(Brand|Success|Danger|Warning|Lavender|Eucalyptus|Terracotta|Grey)$/.test(variantProp)\n      ) {\n        console.warn(\n          `[Tag] Combined variant \"${variantProp}\" is deprecated. ` +\n            'Use separate `variant` + `color` props instead (e.g. variant=\"subtle\" color=\"blue\").',\n        )\n      }\n    }\n  }, [iconLeft, iconRight, variantProp])\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Tag', { ...props, variant: resolvedVariant })\n  const {\n    h,\n    fontSize: themeFontSize,\n    paddingX = 0,\n    paddingY = 0,\n    gapX = 0,\n    borderRadius,\n    bgHover,\n    bgPressed,\n    ...containerColors\n  } = styles.container ?? {}\n  const dismissStyles = styles.dismiss ?? {}\n  const iconStyles = styles.icon ?? {}\n\n  const resolvedFontSize = fontSizes[themeFontSize as keyof typeof fontSizes] ?? themeFontSize\n  const fontSize = `var(--vui-tag-font-size, ${resolvedFontSize}px)`\n\n  const resolvedIconSize = iconStyles.fontSize || '1rem'\n  const iconSize = `var(--vui-tag-icon-size, ${resolvedIconSize})`\n\n  const TagIcon = ({ name, mr, ml }: { name: string; mr?: string; ml?: string }) => (\n    <Icon className=\"vui-tagIcon\" fontSize={iconSize} h={iconSize} ml={ml} mr={mr} w={iconSize} name={name} />\n  )\n\n  // Theme numeric values are raw pixel measurements (mirrors button/theme.ts).\n  // Convert to px strings to bypass xstyled's `spaces` scale lookup on padding/gap props.\n  const toPx = (v: unknown) => (typeof v === 'number' ? `${v}px` : v)\n  const pxX = toPx(paddingX)\n  const pxY = toPx(paddingY)\n  const pxGap = toPx(gapX)\n\n  const aliasedProps = filterUndefined({\n    borderRadius,\n  })\n\n  const interactiveStateProps = isInteractive\n    ? filterUndefined({\n        hoverBg: bgHover,\n        activeBg: bgPressed,\n      })\n    : undefined\n\n  const interactiveProps = isInteractive\n    ? {\n        as: 'button' as const,\n        type: 'button' as const,\n        cursor: 'pointer',\n        tabIndex: 0,\n        userSelect: 'none',\n      }\n    : {}\n\n  return (\n    <TagBase\n      className={cs('vui-tag', className)}\n      focusRing={2}\n      fontSize={fontSize}\n      h={h}\n      isTruncated={isTruncated}\n      onClick={onClick}\n      px={pxX}\n      py={pxY}\n      ref={ref}\n      variant={resolvedVariant}\n      {...containerColors}\n      {...interactiveProps}\n      {...interactiveStateProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      {isString(icon) ? <TagIcon name={icon} /> : icon}\n\n      {!icon && (\n        <>\n          {itemLeft}\n\n          {isString(resolvedStartIcon) ? <TagIcon name={resolvedStartIcon} mr={pxGap as string} /> : resolvedStartIcon}\n\n          {children ??\n            (isReactText(text) ? (\n              <T className=\"vui-tagText\" fontSize=\"inherit\" isTruncated={isTruncated}>\n                {text}\n              </T>\n            ) : (\n              text\n            ))}\n\n          {isString(resolvedEndIcon) ? <TagIcon name={resolvedEndIcon} ml={pxGap as string} /> : resolvedEndIcon}\n\n          {onDelete && !isInteractive ? (\n            <DismissButton\n              aria-label={deleteLabel}\n              className=\"vui-tagButton\"\n              ml={pxGap}\n              onClick={onDelete}\n              {...dismissStyles}\n            />\n          ) : (\n            itemRight\n          )}\n        </>\n      )}\n    </TagBase>\n  )\n}) as VuiComponent<'span', TagProps>\n\nTag.displayName = 'Tag'\n\nexport default Tag\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAM,UAAU,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;;AA4B9B,MAAa,MAAM,KAAuB,OAAO,QAAQ;CACvD,MAAM,EACJ,UACA,WACA,cAAc,UACd,MACA,WACA,SACA,UACA,WACA,OAAO,WACP,gBAAgB,MAAM,YAAY,UAAa,MAAM,aAAa,QAClE,cAAc,MACd,UACA,WACA,SACA,UACA,OAAO,MACP,MACA,SAAS,aACT,GAAG,SACD;CAGJ,MAAM,kBAAkB,cAAc,qBAAqB,aAAa,SAAS,GAAG,CAAC,aAAa,SAAS,CAAC;CAG5G,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,0DAA0D;EAEzE,IAAI,cAAc,QAChB,QAAQ,KAAK,yDAAyD;EAExE,IACE,gBAAgB,UAChB,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,SAAS,WAAW,KACzC,qFAAqF,KAAK,WAAW,GAErG,QAAQ,KACN,2BAA2B,YAAY,0GAEzC;CAGN,GAAG;EAAC;EAAU;EAAW;CAAW,CAAC;CAErC,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,OAAO;EAAE,GAAG;EAAO,SAAS;CAAgB,CAAC;CAC3E,MAAM,EACJ,GACA,UAAU,eACV,WAAW,GACX,WAAW,GACX,OAAO,GACP,cACA,SACA,WACA,GAAG,oBACD,OAAO,aAAa,CAAC;CACzB,MAAM,gBAAgB,OAAO,WAAW,CAAC;CACzC,MAAM,aAAa,OAAO,QAAQ,CAAC;CAGnC,MAAM,WAAW,4BADQA,kBAAU,kBAA4C,cACjB;CAG9D,MAAM,WAAW,4BADQ,WAAW,YAAY,OACc;CAE9D,MAAM,WAAW,EAAE,MAAM,IAAI,SAC3B,oBAAC,MAAD;EAAM,WAAU;EAAc,UAAU;EAAU,GAAG;EAAc;EAAQ;EAAI,GAAG;EAAgB;CAAO;CAK3G,MAAM,QAAQ,MAAgB,OAAO,MAAM,WAAW,GAAG,EAAE,MAAM;CACjE,MAAM,MAAM,KAAK,QAAQ;CACzB,MAAM,MAAM,KAAK,QAAQ;CACzB,MAAM,QAAQ,KAAK,IAAI;CAEvB,MAAM,eAAe,gBAAgB,EACnC,aACF,CAAC;CAED,MAAM,wBAAwB,gBAC1B,gBAAgB;EACd,SAAS;EACT,UAAU;CACZ,CAAC,IACD;CAEJ,MAAM,mBAAmB,gBACrB;EACE,IAAI;EACJ,MAAM;EACN,QAAQ;EACR,UAAU;EACV,YAAY;CACd,IACA,CAAC;CAEL,OACE,qBAAC,SAAD;EACE,WAAW,GAAG,WAAW,SAAS;EAClC,WAAW;EACD;EACP;EACU;EACJ;EACT,IAAI;EACJ,IAAI;EACC;EACL,SAAS;EACT,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAfN,CAiBG,SAAS,IAAI,IAAI,oBAAC,SAAD,EAAS,MAAM,KAAO,KAAI,MAE3C,CAAC,QACA;GACG;GAEA,SAAS,iBAAiB,IAAI,oBAAC,SAAD;IAAS,MAAM;IAAmB,IAAI;GAAkB,KAAI;GAE1F,aACE,YAAY,IAAI,IACf,oBAAC,GAAD;IAAG,WAAU;IAAc,UAAS;IAAuB;cACxD;GACA,KAEH;GAGH,SAAS,eAAe,IAAI,oBAAC,SAAD;IAAS,MAAM;IAAiB,IAAI;GAAkB,KAAI;GAEtF,YAAY,CAAC,gBACZ,oBAAC,eAAD;IACE,cAAY;IACZ,WAAU;IACV,IAAI;IACJ,SAAS;IACT,GAAI;GACL,KAED;EAEF,IAEG;;AAEb,CAAC;AAED,IAAI,cAAc"}

package/dist/tag/theme.js

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

package/dist/tag/utils.js

@@ -1,6 +1,6 @@
 //#region src/tag/utils.ts
 /** Canonical hierarchy keys recognised by the two-prop API. */
-const HIERARCHY_KEYS = new Set(["subtle", "solid"]);
+const HIERARCHY_KEYS = /* @__PURE__ */ new Set(["subtle", "solid"]);
 const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
 /**
 * Converts a two-prop variant+color pair into the combined theme key used
@@ -20,5 +20,5 @@ const resolveTagVariantKey = (variant, color) => {
 
 //#endregion
 export { resolveTagVariantKey };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=utils.js.map

package/dist/tag/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/tag/utils.ts"],"sourcesContent":["import type { TagHierarchy, TagColor } from './tag.types'\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<TagHierarchy>(['subtle', 'solid'])\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\n/**\n * Converts a two-prop variant+color pair into the combined theme key used\n * internally (e.g. `resolveTagVariantKey('subtle','blue') => 'subtleBlue'`).\n * When `color` is omitted, `'blue'` is used as the default.\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'subtleBlue'` or\n * `'subtleBlue'`) it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `'subtleBlue'` (the default variant) when `variant` is absent.\n */\nexport const resolveTagVariantKey = (variant: string | undefined, color: TagColor | string | undefined): string => {\n  if (!variant) return `subtle${capitalize(color ?? 'blue')}`\n\n  // Already a combined / legacy key — pass through unchanged.\n  if (!HIERARCHY_KEYS.has(variant as TagHierarchy)) return variant\n\n  // New two-prop API: combine hierarchy + color (defaults to 'blue').\n  return `${variant}${capitalize(color ?? 'blue')}`\n}\n"],"mappings":";;AAGA,MAAM,iBAAiB,IAAI,IAAkB,CAAC,UAAU,OAAO,CAAC;AAEhE,MAAM,cAAc,MAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,MAAM,CAAC;;;;;;;;;;;AAYvE,MAAa,wBAAwB,SAA6B,UAAiD;CACjH,IAAI,CAAC,SAAS,OAAO,SAAS,WAAW,SAAS,MAAM;CAGxD,IAAI,CAAC,eAAe,IAAI,OAAuB,GAAG,OAAO;CAGzD,OAAO,GAAG,UAAU,WAAW,SAAS,MAAM;AAChD"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/tag/utils.ts"],"sourcesContent":["import type { TagHierarchy, TagColor } from './tag.types'\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<TagHierarchy>(['subtle', 'solid'])\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\n/**\n * Converts a two-prop variant+color pair into the combined theme key used\n * internally (e.g. `resolveTagVariantKey('subtle','blue') => 'subtleBlue'`).\n * When `color` is omitted, `'blue'` is used as the default.\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'subtleBlue'` or\n * `'subtleBlue'`) it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `'subtleBlue'` (the default variant) when `variant` is absent.\n */\nexport const resolveTagVariantKey = (variant: string | undefined, color: TagColor | string | undefined): string => {\n  if (!variant) return `subtle${capitalize(color ?? 'blue')}`\n\n  // Already a combined / legacy key — pass through unchanged.\n  if (!HIERARCHY_KEYS.has(variant as TagHierarchy)) return variant\n\n  // New two-prop API: combine hierarchy + color (defaults to 'blue').\n  return `${variant}${capitalize(color ?? 'blue')}`\n}\n"],"mappings":";;AAGA,MAAM,iCAAiB,IAAI,IAAkB,CAAC,UAAU,OAAO,CAAC;AAEhE,MAAM,cAAc,MAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,MAAM,CAAC;;;;;;;;;;;AAYvE,MAAa,wBAAwB,SAA6B,UAAiD;CACjH,IAAI,CAAC,SAAS,OAAO,SAAS,WAAW,SAAS,MAAM;CAGxD,IAAI,CAAC,eAAe,IAAI,OAAuB,GAAG,OAAO;CAGzD,OAAO,GAAG,UAAU,WAAW,SAAS,MAAM;AAChD"}

package/dist/tagToggle/TagToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagToggle.d.ts","names":[],"sources":["../../src/tagToggle/TagToggle.tsx"],"mappings":";;;;;;;cAoCa,SAAA,EAAS,YAAA,WAAA,cAAA"}
+{"version":3,"file":"TagToggle.d.ts","names":[],"sources":["../../src/tagToggle/TagToggle.tsx"],"mappings":";;;;;;;cAqCa,SAAA,EAAS,YAAA,WAAA,cAAA"}

package/dist/tagToggle/TagToggle.js

@@ -78,5 +78,5 @@ TagToggle.displayName = "TagToggle";
 
 //#endregion
 export { TagToggle as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=TagToggle.js.map

package/dist/tagToggle/TagToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagToggle.js","names":["fontSizes"],"sources":["../../src/tagToggle/TagToggle.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { fontSizes } from '../theme'\nimport { cs, isString } from '../utils'\nimport type { TagToggleProps } from './tagToggle.types'\n\n// ---------------------------------------------------------------------------\n// Styled primitive\n// ---------------------------------------------------------------------------\n\nconst TagToggleBase = styled.buttonBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  font-weight: medium;\n  justify-content: center;\n  line-height: 1;\n  position: relative;\n  transition-duration: fast;\n  user-select: none;\n  width: fit-content;\n\n  &:focus {\n    outline: none;\n  }\n`\n\n// ---------------------------------------------------------------------------\n// TagToggle component\n// ---------------------------------------------------------------------------\n\n/**\n * A toggle button styled as a tag. Uses brand-only colour tokens and an\n * `aria-pressed` attribute to convey selected state.\n */\nexport const TagToggle = vui<'button', TagToggleProps>((props, ref) => {\n  const { className, icon, isSelected = false, label, onChange, variant = 'solid', ...rest } = props\n\n  // Resolve the theme variant key: e.g. subtle → subtle, subtle + selected → subtleSelected.\n  const themeVariant = isSelected ? `${variant}Selected` : variant\n\n  const styles = useStyleConfig('TagToggle', { ...props, variant: themeVariant })\n  const {\n    h,\n    fontSize: themeFontSize,\n    paddingX = 0,\n    paddingY = 0,\n    gapX = 0,\n    borderRadius,\n    bgHover,\n    bgPressed,\n    ...containerColors\n  } = styles.container ?? {}\n  const iconStyles = styles.icon ?? {}\n\n  const resolvedFontSize = fontSizes[themeFontSize as keyof typeof fontSizes] ?? themeFontSize\n  const fontSize = `var(--vui-tag-font-size, ${resolvedFontSize}px)`\n\n  const pxX = `${paddingX}px`\n  const pxY = `${paddingY}px`\n  const pxGap = `${gapX}px`\n\n  return (\n    <TagToggleBase\n      aria-pressed={isSelected}\n      borderRadius={borderRadius}\n      className={cs('vui-tagToggle', className)}\n      focusRing={2}\n      fontSize={fontSize}\n      h={h}\n      onClick={() => onChange?.(!isSelected)}\n      px={pxX}\n      py={pxY}\n      ref={ref}\n      type=\"button\"\n      activeBg={bgPressed}\n      hoverBg={bgHover}\n      {...containerColors}\n      {...rest}\n    >\n      {isString(icon) ? (\n        <>\n          <Icon className=\"vui-tagToggleIcon\" mr={label ? pxGap : undefined} name={icon} {...iconStyles} />\n          {label && (\n            <T className=\"vui-tagToggleText\" fontSize={fontSize}>\n              {label}\n            </T>\n          )}\n        </>\n      ) : (\n        label && (\n          <T className=\"vui-tagToggleText\" fontSize={fontSize}>\n            {label}\n          </T>\n        )\n      )}\n    </TagToggleBase>\n  )\n})\n\nTagToggle.displayName = 'TagToggle'\n\nexport default TagToggle\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,gBAAgB,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;AAyBtC,MAAa,YAAY,KAA+B,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,MAAM,aAAa,OAAO,OAAO,UAAU,UAAU,SAAS,GAAG,SAAS;CAG7F,MAAM,eAAe,aAAa,GAAG,QAAQ,YAAY;CAEzD,MAAM,SAAS,eAAe,aAAa;EAAE,GAAG;EAAO,SAAS;CAAa,CAAC;CAC9E,MAAM,EACJ,GACA,UAAU,eACV,WAAW,GACX,WAAW,GACX,OAAO,GACP,cACA,SACA,WACA,GAAG,oBACD,OAAO,aAAa,CAAC;CACzB,MAAM,aAAa,OAAO,QAAQ,CAAC;CAGnC,MAAM,WAAW,4BADQA,kBAAU,kBAA4C,cACjB;CAE9D,MAAM,MAAM,GAAG,SAAS;CACxB,MAAM,MAAM,GAAG,SAAS;CACxB,MAAM,QAAQ,GAAG,KAAK;CAEtB,OACE,oBAAC,eAAD;EACE,gBAAc;EACA;EACd,WAAW,GAAG,iBAAiB,SAAS;EACxC,WAAW;EACD;EACP;EACH,eAAe,WAAW,CAAC,UAAU;EACrC,IAAI;EACJ,IAAI;EACC;EACL,MAAK;EACL,UAAU;EACV,SAAS;EACT,GAAI;EACJ,GAAI;YAEH,SAAS,IAAI,IACZ,4CACE,oBAAC,MAAD;GAAM,WAAU;GAAoB,IAAI,QAAQ,QAAQ;GAAW,MAAM;GAAM,GAAI;EAAa,IAC/F,SACC,oBAAC,GAAD;GAAG,WAAU;GAA8B;aACxC;EACA,EAEL,OAEF,SACE,oBAAC,GAAD;GAAG,WAAU;GAA8B;aACxC;EACA;CAGM;AAEnB,CAAC;AAED,UAAU,cAAc"}
+{"version":3,"file":"TagToggle.js","names":["fontSizes"],"sources":["../../src/tagToggle/TagToggle.tsx"],"sourcesContent":["import type { TagToggleProps } from './tagToggle.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { fontSizes } from '../theme'\nimport { cs, isString } from '../utils'\n\n// ---------------------------------------------------------------------------\n// Styled primitive\n// ---------------------------------------------------------------------------\n\nconst TagToggleBase = styled.buttonBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  font-weight: medium;\n  justify-content: center;\n  line-height: 1;\n  position: relative;\n  transition-duration: fast;\n  user-select: none;\n  width: fit-content;\n\n  &:focus {\n    outline: none;\n  }\n`\n\n// ---------------------------------------------------------------------------\n// TagToggle component\n// ---------------------------------------------------------------------------\n\n/**\n * A toggle button styled as a tag. Uses brand-only colour tokens and an\n * `aria-pressed` attribute to convey selected state.\n */\nexport const TagToggle = vui<'button', TagToggleProps>((props, ref) => {\n  const { className, icon, isSelected = false, label, onChange, variant = 'solid', ...rest } = props\n\n  // Resolve the theme variant key: e.g. subtle → subtle, subtle + selected → subtleSelected.\n  const themeVariant = isSelected ? `${variant}Selected` : variant\n\n  const styles = useStyleConfig('TagToggle', { ...props, variant: themeVariant })\n  const {\n    h,\n    fontSize: themeFontSize,\n    paddingX = 0,\n    paddingY = 0,\n    gapX = 0,\n    borderRadius,\n    bgHover,\n    bgPressed,\n    ...containerColors\n  } = styles.container ?? {}\n  const iconStyles = styles.icon ?? {}\n\n  const resolvedFontSize = fontSizes[themeFontSize as keyof typeof fontSizes] ?? themeFontSize\n  const fontSize = `var(--vui-tag-font-size, ${resolvedFontSize}px)`\n\n  const pxX = `${paddingX}px`\n  const pxY = `${paddingY}px`\n  const pxGap = `${gapX}px`\n\n  return (\n    <TagToggleBase\n      aria-pressed={isSelected}\n      borderRadius={borderRadius}\n      className={cs('vui-tagToggle', className)}\n      focusRing={2}\n      fontSize={fontSize}\n      h={h}\n      onClick={() => onChange?.(!isSelected)}\n      px={pxX}\n      py={pxY}\n      ref={ref}\n      type=\"button\"\n      activeBg={bgPressed}\n      hoverBg={bgHover}\n      {...containerColors}\n      {...rest}\n    >\n      {isString(icon) ? (\n        <>\n          <Icon className=\"vui-tagToggleIcon\" mr={label ? pxGap : undefined} name={icon} {...iconStyles} />\n          {label && (\n            <T className=\"vui-tagToggleText\" fontSize={fontSize}>\n              {label}\n            </T>\n          )}\n        </>\n      ) : (\n        label && (\n          <T className=\"vui-tagToggleText\" fontSize={fontSize}>\n            {label}\n          </T>\n        )\n      )}\n    </TagToggleBase>\n  )\n})\n\nTagToggle.displayName = 'TagToggle'\n\nexport default TagToggle\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,gBAAgB,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;AAyBtC,MAAa,YAAY,KAA+B,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,MAAM,aAAa,OAAO,OAAO,UAAU,UAAU,SAAS,GAAG,SAAS;CAG7F,MAAM,eAAe,aAAa,GAAG,QAAQ,YAAY;CAEzD,MAAM,SAAS,eAAe,aAAa;EAAE,GAAG;EAAO,SAAS;CAAa,CAAC;CAC9E,MAAM,EACJ,GACA,UAAU,eACV,WAAW,GACX,WAAW,GACX,OAAO,GACP,cACA,SACA,WACA,GAAG,oBACD,OAAO,aAAa,CAAC;CACzB,MAAM,aAAa,OAAO,QAAQ,CAAC;CAGnC,MAAM,WAAW,4BADQA,kBAAU,kBAA4C,cACjB;CAE9D,MAAM,MAAM,GAAG,SAAS;CACxB,MAAM,MAAM,GAAG,SAAS;CACxB,MAAM,QAAQ,GAAG,KAAK;CAEtB,OACE,oBAAC,eAAD;EACE,gBAAc;EACA;EACd,WAAW,GAAG,iBAAiB,SAAS;EACxC,WAAW;EACD;EACP;EACH,eAAe,WAAW,CAAC,UAAU;EACrC,IAAI;EACJ,IAAI;EACC;EACL,MAAK;EACL,UAAU;EACV,SAAS;EACT,GAAI;EACJ,GAAI;YAEH,SAAS,IAAI,IACZ,4CACE,oBAAC,MAAD;GAAM,WAAU;GAAoB,IAAI,QAAQ,QAAQ;GAAW,MAAM;GAAM,GAAI;EAAa,IAC/F,SACC,oBAAC,GAAD;GAAG,WAAU;GAA8B;aACxC;EACA,EAEL,OAEF,SACE,oBAAC,GAAD;GAAG,WAAU;GAA8B;aACxC;EACA;CAGM;AAEnB,CAAC;AAED,UAAU,cAAc"}

package/dist/tagToggle/theme.js

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

package/dist/textarea/helpers.js

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

package/dist/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"mappings":";;;;cA8Ba,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAKxB,WALwB;;;;;cAWZ,QAAA,EAAQ,YAAA,QAAA,aAAA"}
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"mappings":";;;;cA+Ba,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAKxB,WALwB;;;;;cAWZ,QAAA,EAAQ,YAAA,QAAA,aAAA"}

package/dist/textarea/textarea.js

@@ -139,5 +139,5 @@ Textarea.displayName = "Textarea";
 
 //#endregion
 export { TextareaBase, Textarea as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=textarea.js.map