@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/system/transitions.d.ts

@@ -1,5 +1,6 @@
 import { VuiTheme } from "../theme/types.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { VariantsType } from "./variantsType.js";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/transitions.d.ts
 type DurationGetter = VariantsType<VuiTheme['durations']>;

package/dist/system/transitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.d.ts","names":[],"sources":["../../src/system/transitions.ts"],"mappings":";;;;KAIY,cAAA,GAAiB,YAAA,CAAa,QAAA;AAAA,KAC9B,oBAAA,GAAuB,YAAA,CAAa,QAAA;AAAA,KACpC,gBAAA,GAAmB,YAAA,CAAa,QAAA;AAAA,KAChC,wBAAA,GAA2B,YAAA;AAAA,KAElC,cAAA,GAAiB,UAAA,CAAW,gBAAA,EAAkB,QAAA;AAAA,KACvC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,sBAAA,GAAyB,UAAA,CAAW,wBAAA,EAA0B,QAAA;AAAA,KACvD,uBAAA;EACV,kBAAA,GAAqB,sBAAA;AAAA;AAAA,KAGlB,sBAAA,GAAyB,UAAA,CAAW,cAAA,EAAgB,QAAA;AAAA,KAC7C,uBAAA;EACV,kBAAA,GAAqB,sBAAA;AAAA;AAAA,KAGlB,4BAAA,GAA+B,UAAA,CAAW,oBAAA,EAAsB,QAAA;AAAA,KACzD,6BAAA;EACV,wBAAA,GAA2B,4BAAA;AAAA;AAAA,KAGxB,mBAAA,GAAsB,UAAA,SAAmB,QAAA;AAAA,KAClC,oBAAA;EACV,eAAA,GAAkB,mBAAA;AAAA;AAAA,KAGR,gBAAA,GAAmB,eAAA,GAC7B,uBAAA,GACA,uBAAA,GACA,6BAAA,GACA,oBAAA"}
+{"version":3,"file":"transitions.d.ts","names":[],"sources":["../../src/system/transitions.ts"],"mappings":";;;;;KAKY,cAAA,GAAiB,YAAA,CAAa,QAAA;AAAA,KAC9B,oBAAA,GAAuB,YAAA,CAAa,QAAA;AAAA,KACpC,gBAAA,GAAmB,YAAA,CAAa,QAAA;AAAA,KAChC,wBAAA,GAA2B,YAAA;AAAA,KAElC,cAAA,GAAiB,UAAA,CAAW,gBAAA,EAAkB,QAAA;AAAA,KACvC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,sBAAA,GAAyB,UAAA,CAAW,wBAAA,EAA0B,QAAA;AAAA,KACvD,uBAAA;EACV,kBAAA,GAAqB,sBAAA;AAAA;AAAA,KAGlB,sBAAA,GAAyB,UAAA,CAAW,cAAA,EAAgB,QAAA;AAAA,KAC7C,uBAAA;EACV,kBAAA,GAAqB,sBAAA;AAAA;AAAA,KAGlB,4BAAA,GAA+B,UAAA,CAAW,oBAAA,EAAsB,QAAA;AAAA,KACzD,6BAAA;EACV,wBAAA,GAA2B,4BAAA;AAAA;AAAA,KAGxB,mBAAA,GAAsB,UAAA,SAAmB,QAAA;AAAA,KAClC,oBAAA;EACV,eAAA,GAAkB,mBAAA;AAAA;AAAA,KAGR,gBAAA,GAAmB,eAAA,GAC7B,uBAAA,GACA,uBAAA,GACA,6BAAA,GACA,oBAAA"}

package/dist/system/typography.d.ts

@@ -1,7 +1,8 @@
 import { Globals, Property } from "../node_modules/csstype/index.js";
 import { VuiTheme } from "../theme/types.js";
+import { VariantsType } from "./variantsType.js";
 import { ColorGetter } from "./colors.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/typography.d.ts
 type FontGetter = VariantsType<VuiTheme['fonts']>;

package/dist/system/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","names":[],"sources":["../../src/system/typography.ts"],"mappings":";;;;;;KAMY,UAAA,GAAa,YAAA,CAAa,QAAA;AAAA,KAC1B,cAAA,GAAiB,YAAA,CAAa,QAAA;AAAA,KAC9B,gBAAA,GAAmB,YAAA,CAAa,QAAA;AAAA,KAChC,gBAAA,GAAmB,YAAA;AAAA,KAE1B,cAAA,GAAiB,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KACjC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,YAAA,GAAe,UAAA,CAAW,cAAA,EAAgB,QAAA;AAAA,KACnC,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGR,aAAA,GAAgB,UAAA,CAAW,QAAA,CAAS,SAAA,EAAW,QAAA;AAAA,KACxC,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,cAAA,GAAiB,UAAA,CAAW,gBAAA,EAAkB,QAAA;AAAA,KACvC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,cAAA,GAAiB,UAAA,CAAW,gBAAA,EAAkB,QAAA;AAAA,KACvC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,SAAA,GAAY,WAAA;AAAA,KACL,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,aAAA,GAAgB,SAAA;EAChB,UAAA,GAAa,SAAA;EACb,gBAAA,GAAmB,SAAA;AAAA;AAAA,KAGhB,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,cAAA,GAAiB,OAAA;AAAA,KACjB,kBAAA,GAAqB,UAAA,CAAW,cAAA,EAAgB,QAAA;AAAA,KACzC,mBAAA;EACV,mBAAA,GAAsB,kBAAA;EACtB,cAAA,GAAiB,kBAAA;AAAA;AAAA,KAGd,aAAA,GAAgB,UAAA,CAAW,QAAA,CAAS,SAAA,EAAW,QAAA;AAAA,KACxC,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,cAAA,GAAiB,UAAA,CAAW,QAAA,CAAS,UAAA,EAAY,QAAA;AAAA,KAC1C,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,gBAAA,GAAmB,UAAA,CAAW,QAAA,CAAS,YAAA,EAAc,QAAA;AAAA,KAC9C,iBAAA;EACV,YAAA,GAAe,gBAAA;AAAA;AAAA,KAGZ,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,qBAAA,GAAwB,UAAA,CAAW,QAAA,CAAS,iBAAA,EAAmB,QAAA;AAAA,KACxD,sBAAA;EACV,iBAAA,GAAoB,qBAAA;AAAA;AAAA,KAGV,eAAA,GAAkB,eAAA,GAC5B,aAAA,GACA,cAAA,GACA,eAAA,GACA,eAAA,GACA,UAAA,GACA,kBAAA,GACA,mBAAA,GACA,cAAA,GACA,kBAAA,GACA,kBAAA,GACA,eAAA,GACA,iBAAA,GACA,kBAAA,GACA,sBAAA"}
+{"version":3,"file":"typography.d.ts","names":[],"sources":["../../src/system/typography.ts"],"mappings":";;;;;;;KAOY,UAAA,GAAa,YAAA,CAAa,QAAA;AAAA,KAC1B,cAAA,GAAiB,YAAA,CAAa,QAAA;AAAA,KAC9B,gBAAA,GAAmB,YAAA,CAAa,QAAA;AAAA,KAChC,gBAAA,GAAmB,YAAA;AAAA,KAE1B,cAAA,GAAiB,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KACjC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,YAAA,GAAe,UAAA,CAAW,cAAA,EAAgB,QAAA;AAAA,KACnC,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGR,aAAA,GAAgB,UAAA,CAAW,QAAA,CAAS,SAAA,EAAW,QAAA;AAAA,KACxC,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,cAAA,GAAiB,UAAA,CAAW,gBAAA,EAAkB,QAAA;AAAA,KACvC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,cAAA,GAAiB,UAAA,CAAW,gBAAA,EAAkB,QAAA;AAAA,KACvC,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,SAAA,GAAY,WAAA;AAAA,KACL,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,aAAA,GAAgB,SAAA;EAChB,UAAA,GAAa,SAAA;EACb,gBAAA,GAAmB,SAAA;AAAA;AAAA,KAGhB,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,cAAA,GAAiB,OAAA;AAAA,KACjB,kBAAA,GAAqB,UAAA,CAAW,cAAA,EAAgB,QAAA;AAAA,KACzC,mBAAA;EACV,mBAAA,GAAsB,kBAAA;EACtB,cAAA,GAAiB,kBAAA;AAAA;AAAA,KAGd,aAAA,GAAgB,UAAA,CAAW,QAAA,CAAS,SAAA,EAAW,QAAA;AAAA,KACxC,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,cAAA,GAAiB,UAAA,CAAW,QAAA,CAAS,UAAA,EAAY,QAAA;AAAA,KAC1C,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,gBAAA,GAAmB,UAAA,CAAW,QAAA,CAAS,YAAA,EAAc,QAAA;AAAA,KAC9C,iBAAA;EACV,YAAA,GAAe,gBAAA;AAAA;AAAA,KAGZ,iBAAA,GAAoB,UAAA,CAAW,QAAA,CAAS,aAAA,EAAe,QAAA;AAAA,KAChD,kBAAA;EACV,aAAA,GAAgB,iBAAA;AAAA;AAAA,KAGb,qBAAA,GAAwB,UAAA,CAAW,QAAA,CAAS,iBAAA,EAAmB,QAAA;AAAA,KACxD,sBAAA;EACV,iBAAA,GAAoB,qBAAA;AAAA;AAAA,KAGV,eAAA,GAAkB,eAAA,GAC5B,aAAA,GACA,cAAA,GACA,eAAA,GACA,eAAA,GACA,UAAA,GACA,kBAAA,GACA,mBAAA,GACA,cAAA,GACA,kBAAA,GACA,kBAAA,GACA,eAAA,GACA,iBAAA,GACA,kBAAA,GACA,sBAAA"}

package/dist/system/variantsType.d.ts

@@ -0,0 +1,14 @@
+//#region src/system/variantsType.d.ts
+/**
+ * Local VariantsType compatibility shim.
+ * This type was removed from @xstyled/system in v3.
+ * Definition preserved from @xstyled/system v2.5.0.
+ */
+type IVariants = Record<string | number, string | number>;
+type VariantsType<TVariants, TBaseType = number | string> = TVariants extends ReadonlyArray<any> ? number | (TBaseType & {}) : TVariants extends Array<any> ? number | (TBaseType & {}) : TVariants extends {
+  default: any;
+} ? keyof TVariants | (TBaseType & {}) | true : TVariants extends IVariants ? keyof TVariants | (TBaseType & {}) : TBaseType & {};
+//#endregion
+export { VariantsType };
+
+//# sourceMappingURL=variantsType.d.ts.map

package/dist/system/variantsType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantsType.d.ts","names":[],"sources":["../../src/system/variantsType.ts"],"mappings":";;;;;;KAKK,SAAA,GAAY,MAAA;AAAA,KAEL,YAAA,2CACV,SAAA,SAAkB,aAAA,kBACJ,SAAA,SACV,SAAA,SAAkB,KAAA,kBACN,SAAA,SACV,SAAA;EAAoB,OAAA;AAAA,UACZ,SAAA,IAAa,SAAA,gBACnB,SAAA,SAAkB,SAAA,SACV,SAAA,IAAa,SAAA,SACnB,SAAA"}

package/dist/t/specialVariants.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "./t.types.js";
-import "../index.js";
-
 //#region src/t/specialVariants.d.ts
 declare const Lead: VuiComponent<"span", TProps>;
 //#endregion

package/dist/t/specialVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"specialVariants.d.ts","names":[],"sources":["../../src/t/specialVariants.tsx"],"mappings":";;;;;cAIa,IAAA,EAAI,YAAA,SAAA,MAAA"}
+{"version":3,"file":"specialVariants.d.ts","names":[],"sources":["../../src/t/specialVariants.tsx"],"mappings":";;;cAIa,IAAA,EAAI,YAAA,SAAA,MAAA"}

package/dist/t/specialVariants.js

@@ -13,5 +13,5 @@ const Lead = vui((props, ref) => /* @__PURE__ */ jsx(T, {
 
 //#endregion
 export { Lead };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=specialVariants.js.map

package/dist/t/specialVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"specialVariants.js","names":[],"sources":["../../src/t/specialVariants.tsx"],"sourcesContent":["import { vui } from '../core'\nimport T from './t'\nimport type { TProps } from './t.types'\n\nexport const Lead = vui<'span', TProps>((props, ref) => (\n  <T ref={ref} size=\"xl\" variant=\"caption\" color=\"seaBlue.main\" {...props} />\n))\n"],"mappings":";;;;;AAIA,MAAa,OAAO,KAAqB,OAAO,QAC9C,oBAAC;CAAO;CAAK,MAAK;CAAK,SAAQ;CAAU,OAAM;CAAe,GAAI;EAAS,CAC3E"}
+{"version":3,"file":"specialVariants.js","names":[],"sources":["../../src/t/specialVariants.tsx"],"sourcesContent":["import { vui } from '../core'\nimport T from './t'\nimport type { TProps } from './t.types'\n\nexport const Lead = vui<'span', TProps>((props, ref) => (\n  <T ref={ref} size=\"xl\" variant=\"caption\" color=\"seaBlue.main\" {...props} />\n))\n"],"mappings":";;;;;AAIA,MAAa,OAAO,KAAqB,OAAO,QAC9C,oBAAC,GAAD;CAAQ;CAAK,MAAK;CAAK,SAAQ;CAAU,OAAM;CAAe,GAAI;CAAS,EAC3E"}

package/dist/t/t.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "./t.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/t/t.d.ts
-declare const TBase: styled_components0.StyledComponent<"span", styled_components0.DefaultTheme, SystemProps, never>;
+declare const TBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays given text and allows easy styling. */
 declare const T: VuiComponent<"span", TProps>;
 //#endregion

package/dist/t/t.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"t.d.ts","names":[],"sources":["../../src/t/t.tsx"],"mappings":";;;;;;;cAIa,KAAA,EAAK,kBAAA,CAAA,eAAA,SAEjB,kBAAA,CAFiB,YAAA,EAAA,WAAA;;cAKL,CAAA,EAAC,YAAA,SAAA,MAAA"}
+{"version":3,"file":"t.d.ts","names":[],"sources":["../../src/t/t.tsx"],"mappings":";;;;;;cAIa,KAAA,EAAK,6BAAA,CAAA,oBAAA,QAEjB,kBAAA,CAFiB,QAAA;;cAKL,CAAA,EAAC,YAAA,SAAA,MAAA"}

package/dist/t/t.js

@@ -34,5 +34,5 @@ T.displayName = "T";
 
 //#endregion
 export { TBase, T as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=t.js.map

package/dist/t/t.js.map

@@ -1 +1 @@
-{"version":3,"file":"t.js","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { TProps } from './t.types'\n\nexport const TBase = styled.spanBox`\n  transition-duration: fast;\n`\n\n/** Displays given text and allows easy styling. */\nexport const T = vui<'span', TProps>((props, ref) => {\n  const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('T', props)\n\n  const aliasedProps = filterUndefined({\n    alignItems: centerV ? 'center' : undefined,\n    display: centerV ? 'inline-flex' : undefined,\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </TBase>\n  )\n})\n\nT.displayName = 'T'\n\nexport default T\n"],"mappings":";;;;;;;;AAIA,MAAa,QAAQ,OAAO,OAAO;;;;AAKnC,MAAa,IAAI,KAAqB,OAAO,QAAQ;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,MAAM;CAClH,MAAM,SAAS,eAAe,KAAK,MAAM;CAEzC,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU,WAAW;EACjC,SAAS,UAAU,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;AAEF,QACE,oBAAC;EAAM,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;GACP;EAEV;AAEF,EAAE,cAAc"}
+{"version":3,"file":"t.js","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { TProps } from './t.types'\n\nexport const TBase = styled.spanBox`\n  transition-duration: fast;\n`\n\n/** Displays given text and allows easy styling. */\nexport const T = vui<'span', TProps>((props, ref) => {\n  const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('T', props)\n\n  const aliasedProps = filterUndefined({\n    alignItems: centerV ? 'center' : undefined,\n    display: centerV ? 'inline-flex' : undefined,\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </TBase>\n  )\n})\n\nT.displayName = 'T'\n\nexport default T\n"],"mappings":";;;;;;;;AAIA,MAAa,QAAQ,OAAO,OAAO;;;;AAKnC,MAAa,IAAI,KAAqB,OAAO,QAAQ;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,MAAM;CAClH,MAAM,SAAS,eAAe,KAAK,MAAM;CAEzC,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU,WAAW;EACjC,SAAS,UAAU,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;AAEF,QACE,oBAAC,OAAD;EAAO,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;EACP;EAEV;AAEF,EAAE,cAAc"}

package/dist/t/t.types.d.ts

@@ -1,7 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { TypographyProps } from "../system/typography.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { ReactNode } from "react";
 
 //#region src/t/t.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"t.types.d.ts","names":[],"sources":["../../src/t/t.types.ts"],"mappings":";;;;;;;KAKY,MAAA,GAAS,WAAA,GACnB,YAAA;8CAEE,KAAA,GAAQ,eAAA;EAER,MAAA,GAAS,eAAA,mBALK;EAOd,OAAA,YAPiB;EASjB,UAAA,GAAa,eAAA,oBANL;EAQR,IAAA,GAAO,SAAA,EAFM;EAIb,MAAA,GAAS,eAAA;AAAA"}
+{"version":3,"file":"t.types.d.ts","names":[],"sources":["../../src/t/t.types.ts"],"mappings":";;;;;;KAKY,MAAA,GAAS,WAAA,GACnB,YAAA;8CAEE,KAAA,GAAQ,eAAA;EAER,MAAA,GAAS,eAAA,mBALD;EAOR,OAAA;EAEA,UAAA,GAAa,eAAA,oBARf;EAUE,IAAA,GAAO,SAAA,EANE;EAQT,MAAA,GAAS,eAAA;AAAA"}

package/dist/t/theme.js

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

package/dist/table/context.js

@@ -5,5 +5,5 @@ const [TableProvider, useTableContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TableProvider, useTableContext };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/table/table.d.ts

@@ -1,24 +1,5 @@
-import { ThemingProps } from "../theme/types.js";
-import { AnimationProps } from "../system/animations.js";
-import { BackgroundColorProps } from "../system/backgrounds.js";
-import { BorderBottomColorProps, BorderBottomProps, BorderBottomWidthProps, BorderColorProps, BorderLeftColorProps, BorderLeftProps, BorderLeftWidthProps, BorderProps, BorderRadiusProps, BorderRightColorProps, BorderRightProps, BorderRightWidthProps, BorderStyleProps, BorderTopColorProps, BorderTopProps, BorderTopWidthProps, BorderWidthProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, OutlineColorProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, RingColorProps, RingProps } from "../system/borders.js";
-import { IsTruncatedProps, MaxLinesProps, WordBreakProps } from "../system/custom.js";
-import { BoxShadowProps, OpacityProps, TextShadowProps } from "../system/effects.js";
-import { BottomProps, BoxSizingProps, DisplayProps, FloatProps, LeftProps, ObjectFitProps, OverflowProps, OverflowXProps, OverflowYProps, OverscrollBehaviorProps, PositionProps, RightProps, TopProps, VisibilityProps, ZIndexProps } from "../system/layout.js";
-import { AlignContentProps, AlignItemsProps, AlignSelfProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, OrderProps } from "../system/flexboxes.js";
-import { AppearanceProps, CursorProps, PointerEventsProps, ResizeProps, UserSelectProps } from "../system/interactivity.js";
-import { HeightProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, WidthProps } from "../system/sizing.js";
-import { MarginBottomProps, MarginLeftProps, MarginProps, MarginRightProps, MarginTopProps, MarginXProps, MarginYProps, PaddingBottomProps, PaddingLeftProps, PaddingProps, PaddingRightProps, PaddingTopProps, PaddingXProps, PaddingYProps, SpaceXProps, SpaceXReverseProps, SpaceYProps, SpaceYReverseProps } from "../system/space.js";
-import { ColProps, RowProps } from "../system/flexboxGrids.js";
-import { ColumnGapProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, RowGapProps } from "../system/grids.js";
-import { BorderCollapseProps, TableLayoutProps } from "../system/tables.js";
-import { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYProps, TransformOriginProps, TransformProps, TranslateXProps, TranslateYProps } from "../system/transforms.js";
-import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps } from "../system/transitions.js";
-import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
-import { UseTableProps } from "./useTable.types.js";
-import { TableColumn, TableProps } from "./table.types.js";
+import { TableProps } from "./table.types.js";
 import { TableSortIcon } from "./tableSortIcon.js";
 import { Tbody } from "./tbody.js";
 import { Td } from "./td.js";
@@ -26,19 +7,13 @@ import { Tfoot } from "./tfoot.js";
 import { Th } from "./th.js";
 import { Thead } from "./thead.js";
 import { Tr } from "./tr.js";
-import "../index.js";
-import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/table/table.d.ts
 /**
  * Displays a Table with support for columns, rows and sort.
  */
-declare const TableBase: styled_components0.StyledComponent<"table", styled_components0.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & UseTableProps & ThemingProps<"Table"> & {
-  columns?: TableColumn[] | readonly TableColumn[];
-  rows?: any[];
-  stickyColumn?: boolean;
-  stickyHeader?: boolean;
-}, never>;
+declare const TableBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<any, TableProps>> & string;
 /** Displays a Table with support for columns, rows and sort. */
 declare const Table: VuiComponent<"table", TableProps> & {
   SortIcon: typeof TableSortIcon;

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","names":[],"sources":["../../src/table/table.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmBa,SAAA,qBAAS,eAAA,UAmCrB,kBAAA,CAnCqB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,YAAA;YAAA,WAAA;;;;;;cAsCT,KAAA,EA6CP,YAAA,UAAsB,UAAA;EAC1B,QAAA,SAAiB,aAAA;EACjB,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;AAAA"}
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../src/table/table.tsx"],"mappings":";;;;;;;;;;;;;;;cAmBa,SAAA,EAAS,6BAAA,CAAA,oBAAA,QAAA,6BAAA,CAAA,UAAA,MAAA,UAAA;AAAtB;AAAA,cAsCa,KAAA,EA6CP,YAAA,UAAsB,UAAA;EAC1B,QAAA,SAAiB,aAAA;EACjB,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;AAAA"}

package/dist/table/table.js

@@ -99,5 +99,5 @@ Table.displayName = "Table";
 
 //#endregion
 export { TableBase, Table as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=table.js.map

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,MAAM;CAC7C,MAAM,aAAa,SAAS;EAAE;EAAa;EAAc,MAAM;EAAU,CAAC;CAC1E,MAAM,EAAE,cAAc,SAAS;CAG/B,MAAM,aAAa,cACV,CAAC,eAAe,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,KAAK,KAAK,MAAM,CAAC,GAAG,MAC7E;EAAC;EAAM;EAAM;EAAa,CAC3B;AAID,QACE,oBAAC;EAAc,OAHD;GAAE,GAAG;GAAY;GAAS,MAAM;GAAY;GAAM;GAAc;GAAc;GAAS;YAInG,oBAAC;GACC,WAAW,GAAG,aAAa,UAAU;GAChC;GACS;GACd,GAAI,OAAO;GACX,GAAI;aAEH,YACC,8CACE,oBAAC,UAAQ,EACT,oBAAC,UAAQ,IACR;IAEK;GACE;EAElB;AAUF,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 { 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,MAAM;CAC7C,MAAM,aAAa,SAAS;EAAE;EAAa;EAAc,MAAM;EAAU,CAAC;CAC1E,MAAM,EAAE,cAAc,SAAS;CAG/B,MAAM,aAAa,cACV,CAAC,eAAe,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,KAAK,KAAK,MAAM,CAAC,GAAG,MAC7E;EAAC;EAAM;EAAM;EAAa,CAC3B;AAID,QACE,oBAAC,eAAD;EAAe,OAHD;GAAE,GAAG;GAAY;GAAS,MAAM;GAAY;GAAM;GAAc;GAAc;GAAS;YAInG,oBAAC,WAAD;GACE,WAAW,GAAG,aAAa,UAAU;GAChC;GACS;GACd,GAAI,OAAO;GACX,GAAI;aAEH,YACC,8CACE,oBAAC,OAAD,EAAS,GACT,oBAAC,OAAD,EAAS,EACR;GAEK;EACE;EAElB;AAUF,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/table.types.d.ts

@@ -1,10 +1,7 @@
 import { Sort } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { IconProps } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { UseTableProps } from "./useTable.types.js";
 import { UseTableReturnType } from "./useTable.js";
 import { ReactNode } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"table.types.d.ts","names":[],"sources":["../../src/table/table.types.ts"],"mappings":";;;;;;;;;;;;KASY,WAAA,eAA0B,WAAA;uCAEpC,KAAA,EAAO,CAAA;EAEP,UAAA,YAJU;EAMV,KAAA;EAEA,IAAA;EAEA,CAAA;AAAA;AAAA,KAGU,YAAA,GAAe,IAAA,CAAK,UAAA,+EAC9B,kBAAA;AAAA,KAEU,UAAA,GAAa,WAAA,GACvB,aAAA,GACA,YAAA;EAhBO,6CAkBL,OAAA,GAAU,WAAA,cAAyB,WAAA,IAdrC;EAgBE,IAAA,UAZF;EAcE,YAAA,YAdD;EAgBC,YAAA;AAAA;AAAA,KAGQ,UAAA,GAAa,WAAA;AAAA,KAEb,OAAA,GAAU,WAAA;EACpB,KAAA;AAAA;AAAA,KAGU,UAAA,GAAa,WAAA;AAAA,KAEb,OAAA,GAAU,WAAA,GACpB,OAAA,CAAQ,WAAA;EAzBiB,6BA2BvB,QAAA,YA1BF;EA4BE,aAAA;AAAA;AAAA,KAGQ,UAAA,GAAa,WAAA;AAAA,KAEb,OAAA,GAAU,WAAA;+BAEpB,UAAA;EACA,UAAA;EACA,MAAA,GAAS,SAAA;EACT,WAAA;EACA,UAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,IAAA,CAAK,SAAA;EAxCb,0CA0CvB,KAAA,GAAQ,IAAA;AAAA"}
+{"version":3,"file":"table.types.d.ts","names":[],"sources":["../../src/table/table.types.ts"],"mappings":";;;;;;;;;KASY,WAAA,eAA0B,WAAA;uCAEpC,KAAA,EAAO,CAAA;EAEP,UAAA;EAEA,KAAA;EAEA,IAAA;EAEA,CAAA;AAAA;AAAA,KAGU,YAAA,GAAe,IAAA,CAAK,UAAA,+EAC9B,kBAAA;AAAA,KAEU,UAAA,GAAa,WAAA,GACvB,aAAA,GACA,YAAA;EAhBA,6CAkBE,OAAA,GAAU,WAAA,cAAyB,WAAA,IAhBrC;EAkBE,IAAA,UAdF;EAgBE,YAAA,YAdD;EAgBC,YAAA;AAAA;AAAA,KAGQ,UAAA,GAAa,WAAA;AAAA,KAEb,OAAA,GAAU,WAAA;EACpB,KAAA;AAAA;AAAA,KAGU,UAAA,GAAa,WAAA;AAAA,KAEb,OAAA,GAAU,WAAA,GACpB,OAAA,CAAQ,WAAA;EAxBU,6BA0BhB,QAAA,YA3B4B;EA6B5B,aAAA;AAAA;AAAA,KAGQ,UAAA,GAAa,WAAA;AAAA,KAEb,OAAA,GAAU,WAAA;EA/BA,6BAiCpB,UAAA;EACA,UAAA;EACA,MAAA,GAAS,SAAA;EACT,WAAA;EACA,UAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,IAAA,CAAK,SAAA;EApCY,0CAsChD,KAAA,GAAQ,IAAA;AAAA"}

package/dist/table/tableSortIcon.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TableSortIconProps } from "./table.types.js";
-import "../index.js";
-
 //#region src/table/tableSortIcon.d.ts
 /** Displays a sort icon with given direction based on sort order. */
 declare const TableSortIcon: VuiComponent<"svg", TableSortIconProps>;

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":";;;;cAOa,aAAA,EAAa,YAAA,QAAA,kBAAA"}

package/dist/table/tableSortIcon.js

@@ -36,5 +36,5 @@ TableSortIcon.displayName = "TableSortIcon";
 
 //#endregion
 export { TableSortIcon as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,eACxC,EACD,EACE,OAAO,UAAU,SAAS,cAAc,eACzC,CACF;AAED,QACE,qBAAC;EAAS;EAAK;EAAO,YAAW;EAAS,cAAa;EAAS,IAAG;aACjE,oBAAC;GACC,WAAW,GAAG,0BAA0B,UAAU;GAClD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;IACH,EACF,oBAAC;GACC,WAAW,GAAG,6BAA6B,UAAU;GACrD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;IACH;GACE;EAER;AAEF,cAAc,cAAc"}
+{"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,eACxC,EACD,EACE,OAAO,UAAU,SAAS,cAAc,eACzC,CACF;AAED,QACE,qBAAC,KAAD;EAAU;EAAK;EAAO,YAAW;EAAS,cAAa;EAAS,IAAG;YAAnE,CACE,oBAAC,MAAD;GACE,WAAW,GAAG,0BAA0B,UAAU;GAClD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;GACH,GACF,oBAAC,MAAD;GACE,WAAW,GAAG,6BAA6B,UAAU;GACrD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;GACH,EACE;;EAER;AAEF,cAAc,cAAc"}

package/dist/table/tbody.d.ts

@@ -1,10 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import "../index.js";
+import { SystemProps } from "../system/system.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/table/tbody.d.ts
-declare const TbodyBase: styled_components0.StyledComponent<"tbody", styled_components0.DefaultTheme, SystemProps, never>;
+declare const TbodyBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays Table body with built-in support for rows. */
 declare const Tbody: VuiComponent<"tbody", SystemProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"mappings":";;;;;;cAOa,SAAA,EAAS,kBAAA,CAAA,eAAA,UAsBrB,kBAAA,CAtBqB,YAAA,EAAA,WAAA;;cAyBT,KAAA,EAAK,YAAA,UAiBhB,WAAA"}
+{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"mappings":";;;;;;cAOa,SAAA,EAAS,6BAAA,CAAA,oBAAA,QAsBrB,kBAAA,CAtBqB,QAAA;;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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,iBAAiB,IAAI,EAAE;CACjD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EAAU,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;YAC/E,YACC,MAAM,KAAK,KAAK,UACd,oBAAC,gBACE,SAAS,KAAI,WACZ,oBAAC,gBAAuB,IAAI,OAAO,UAA1B,OAAO,MAA+B,CAC/C,IAHK,MAIJ,CACL;GACM;EAEd;AAEF,MAAM,cAAc"}
+{"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,iBAAiB,IAAI,EAAE;CACjD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;YAC/E,YACC,MAAM,KAAK,KAAK,UACd,oBAAC,IAAD,YACG,SAAS,KAAI,WACZ,oBAAC,IAAD,YAAwB,IAAI,OAAO,QAAY,EAAtC,OAAO,MAA+B,CAC/C,EACC,EAJI,MAIJ,CACL;EACM;EAEd;AAEF,MAAM,cAAc"}

package/dist/table/td.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TdProps } from "./table.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/table/td.d.ts
-declare const TdBase: styled_components0.StyledComponent<"td", styled_components0.DefaultTheme, SystemProps, never>;
+declare const TdBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays a cell inside Table row. */
 declare const Td: VuiComponent<"td", TdProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"mappings":";;;;;;;cAMa,MAAA,EAAM,kBAAA,CAAA,eAAA,OAElB,kBAAA,CAFkB,YAAA,EAAA,WAAA;;cAKN,EAAA,EAAE,YAAA,OAAA,OAAA"}
+{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"mappings":";;;;;;cAMa,MAAA,EAAM,6BAAA,CAAA,oBAAA,QAElB,kBAAA,CAFkB,QAAA;;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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,iBAAiB,CAAC;AAEzD,QACE,qBAAC;EAAO,WAAW,GAAG,UAAU,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAI,GAAI;aAC7E,CAAC,CAAC,SACD,oBAAC;GAAE,IAAI;aACJ,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,IAAI,QACtC,oBAAC,eAAY,OAAL,IAAgB,CACxB;IACA,EAEL;GACM;EAEX;AAEF,GAAG,cAAc"}
+{"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,iBAAiB,CAAC;AAEzD,QACE,qBAAC,QAAD;EAAQ,WAAW,GAAG,UAAU,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAI,GAAI;YAAhF,CACG,CAAC,CAAC,SACD,oBAAC,GAAD;GAAG,IAAI;aACJ,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,IAAI,QACtC,oBAAC,GAAD,YAAa,KAAW,EAAhB,IAAgB,CACxB;GACA,GAEL,SACM;;EAEX;AAEF,GAAG,cAAc"}

package/dist/table/tfoot.d.ts

@@ -1,10 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import "../index.js";
+import { SystemProps } from "../system/system.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/table/tfoot.d.ts
-declare const TfootBase: styled_components0.StyledComponent<"tfoot", styled_components0.DefaultTheme, SystemProps, never>;
+declare const TfootBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays Table footer. */
 declare const Tfoot: VuiComponent<"tfoot", SystemProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"mappings":";;;;;;cAKa,SAAA,EAAS,kBAAA,CAAA,eAAA,UAAoB,kBAAA,CAApB,YAAA,EAAA,WAAA;;cAGT,KAAA,EAAK,YAAA,UAKhB,WAAA"}
+{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"mappings":";;;;;;cAKa,SAAA,EAAS,6BAAA,CAAA,oBAAA,QAAoB,kBAAA,CAApB,QAAA;;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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,iBAAiB,CAAC;AAEzD,QAAO,oBAAC;EAAU,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EACjG;AAEF,MAAM,cAAc"}
+{"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,iBAAiB,CAAC;AAEzD,QAAO,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;EAAQ;EACjG;AAEF,MAAM,cAAc"}

package/dist/table/th.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ThProps } from "./table.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/table/th.d.ts
-declare const ThBase: styled_components0.StyledComponent<"th", styled_components0.DefaultTheme, SystemProps, never>;
+declare const ThBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays Table heading with support for sort. */
 declare const Th: VuiComponent<"th", ThProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"mappings":";;;;;;;cAQa,MAAA,EAAM,kBAAA,CAAA,eAAA,OAIlB,kBAAA,CAJkB,YAAA,EAAA,WAAA;;cAON,EAAA,EAAE,YAAA,OAAA,OAAA"}
+{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"mappings":";;;;;;cAQa,MAAA,EAAM,6BAAA,CAAA,oBAAA,QAIlB,kBAAA,CAJkB,QAAA;;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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,iBAAiB;CACtC,MAAM,SAAS,eAAe,SAAS,aAAa;CAGpD,MAAM,EAAE,cAAc,SAAS,gBAAgB,EAAE;CAEjD,MAAM,cAAc,gBAAgB,MAAwC;AAC1E,gBAAc,EAAE;AAChB,MAAI,cAAc,SAAS,aACzB,cAAa,MAAM;GAErB;CAEF,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,kBAAkB,GAAG,EAAE;CAC5D,MAAM,gBAAgB,WAAW;EAAE,IAAI;EAAe,OAAO;EAAkB,QAAQ;EAAe,GAAG,EAAE;CAC3G,MAAM,UAAU,aAAa,kBAAkB;CAE/C,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR;EACA,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAER,QACE,oBAAC;EACC,WAAW,GAAG,UAAU,UAAU;EAClC,eAAa;EACb,iBAAe;EACN;EACT,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YACC,qBAAC;GAAI;GAAQ,SAAQ;cAClB,OACA,cAAc,oBAAC;IAAc,IAAI;IAAG,IAAI;IAAK,OAAO;KAAa;IAC9D;GAED;EAEX;AAEF,GAAG,cAAc"}
+{"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,iBAAiB;CACtC,MAAM,SAAS,eAAe,SAAS,aAAa;CAGpD,MAAM,EAAE,cAAc,SAAS,gBAAgB,EAAE;CAEjD,MAAM,cAAc,gBAAgB,MAAwC;AAC1E,gBAAc,EAAE;AAChB,MAAI,cAAc,SAAS,aACzB,cAAa,MAAM;GAErB;CAEF,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,kBAAkB,GAAG,EAAE;CAC5D,MAAM,gBAAgB,WAAW;EAAE,IAAI;EAAe,OAAO;EAAkB,QAAQ;EAAe,GAAG,EAAE;CAC3G,MAAM,UAAU,aAAa,kBAAkB;CAE/C,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR;EACA,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAER,QACE,oBAAC,QAAD;EACE,WAAW,GAAG,UAAU,UAAU;EAClC,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;IAAa,EAC9D;;EAED;EAEX;AAEF,GAAG,cAAc"}

package/dist/table/thead.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TheadProps } from "./table.types.js";
-import "../index.js";
-
 //#region src/table/thead.d.ts
 /** Displays Table head with support for columns and sticky. */
 declare const Thead: VuiComponent<"thead", TheadProps>;

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":";;;;cAea,KAAA,EAAK,YAAA,UAAA,UAAA"}

package/dist/table/thead.js

@@ -41,5 +41,5 @@ Thead.displayName = "Thead";
 
 //#endregion
 export { Thead as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,iBAAiB,IAAI,EAAE;CACzD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;CAEzD,MAAM,cAAc,eAChB;EACE,IAAI;EACJ,UAAU;EACV,KAAK;EACL,QAAQ;EACT,GACD,EAAE;AAEN,QACE,oBAAC;EAAU,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI;EAAa,GAAI,OAAO;EAAO,GAAI;YAChG,YACC,oBAAC,gBACE,SAAS,KAAI,WACZ,oBAAC;GAAsB,MAAK;GAAe,GAAI;KAAtC,OAAO,MAAyC,CACzD,GACC;GAEG;EAEd;AAEF,MAAM,cAAc"}
+{"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,iBAAiB,IAAI,EAAE;CACzD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;CAEzD,MAAM,cAAc,eAChB;EACE,IAAI;EACJ,UAAU;EACV,KAAK;EACL,QAAQ;EACT,GACD,EAAE;AAEN,QACE,oBAAC,WAAD;EAAW,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI;EAAa,GAAI,OAAO;EAAO,GAAI;YAChG,YACC,oBAAC,IAAD,YACG,SAAS,KAAI,WACZ,oBAAC,IAAD;GAAuB,MAAK;GAAe,GAAI;GAAU,EAAhD,OAAO,MAAyC,CACzD,EACC;EAEG;EAEd;AAEF,MAAM,cAAc"}

package/dist/table/theme.js

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

package/dist/table/tr.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TrProps } from "./table.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/table/tr.d.ts
-declare const TrBase: styled_components0.StyledComponent<"tr", styled_components0.DefaultTheme, SystemProps, never>;
+declare const TrBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays Table row that can contain heading or data cells. */
 declare const Tr: VuiComponent<"tr", TrProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","names":[],"sources":["../../src/table/tr.tsx"],"mappings":";;;;;;;cAYa,MAAA,EAAM,kBAAA,CAAA,eAAA,OAGlB,kBAAA,CAHkB,YAAA,EAAA,WAAA;;cAMN,EAAA,EAAE,YAAA,OAAA,OAAA"}
+{"version":3,"file":"tr.d.ts","names":[],"sources":["../../src/table/tr.tsx"],"mappings":";;;;;;cAYa,MAAA,EAAM,6BAAA,CAAA,oBAAA,QAGlB,kBAAA,CAHkB,QAAA;;cAMN,EAAA,EAAE,YAAA,OAAA,OAAA"}

package/dist/table/tr.js

@@ -36,12 +36,19 @@ const Tr = vui((props, ref) => {
 	const selectedProps = isSelected ? { bg: "skyBlue.selected" } : {};
 	rest.children = /* @__PURE__ */ jsxs(Fragment$1, { children: [nested !== void 0 && /* @__PURE__ */ jsx(Td, {
 		maxW: 16,
-		px: 0,
+		px: 1,
 		textAlign: "center",
 		children: nested ? /* @__PURE__ */ jsx(Button, {
+			size: "sm",
 			icon: buttonClassName(isExpanded),
 			onClick: onToggle,
-			variant: "subtleBlue"
+			variant: "tertiary",
+			intent: "brand",
+			style: {
+				"--vui-button-color": "var(--vui-action-blue-subtle-inverse)",
+				"--vui-button-hover-bg": "var(--vui-action-blue-subtle-hover)",
+				"--vui-button-active-bg": "var(--vui-action-blue-subtle-pressed)"
+			}
 		}) : null
 	}), rest.children] });
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TrBase, {
@@ -58,5 +65,5 @@ Tr.displayName = "Tr";
 
 //#endregion
 export { TrBase, Tr as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=tr.js.map