@veracity/vui 1.0.0 → 1.1.0

package/dist/esm/tooltip/index.js

@@ -0,0 +1,3 @@
+export * from './tooltip';
+export { default } from './tooltip';
+export * from './tooltip.types';

package/dist/esm/tooltip/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from './tooltip.types';
+/**
+ * A simple text popup hint.
+ *
+ * Displayed on mouse enter, and is hidden on mouse leave.
+ *
+ * */
+export declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export default Tooltip;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/esm/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO,UAAW,YAAY,gBAkC1C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/esm/tooltip/tooltip.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Box from '../box';
+import Popover from '../popover';
+import { animation, color, pointerPlacement, pointerSize } from './tooltip.setup';
+/**
+ * A simple text popup hint.
+ *
+ * Displayed on mouse enter, and is hidden on mouse leave.
+ *
+ * */
+export const Tooltip = (props) => {
+    const { children, text = 'demo', placement = 'top', isAnimated = false } = props;
+    return (React.createElement(Popover, { placement: placement, trigger: "mouseenter" },
+        React.createElement(Popover.Trigger, { as: Box, display: "inline-block" },
+            React.createElement(Box, { display: "inline-block" }, children)),
+        React.createElement(Popover.Content, { animation: isAnimated ? animation[placement] : undefined, bg: color, color: "white", m: 1, p: 1, pl: 2, pr: 2 },
+            !isAnimated && (React.createElement(Box, { bg: color, bottom: pointerPlacement[placement].bottom, h: `${pointerSize}px`, left: pointerPlacement[placement].left, position: "absolute", right: pointerPlacement[placement].right, top: pointerPlacement[placement].top, transform: `translate(${pointerPlacement[placement].translate}) rotate(45deg)`, w: `${pointerSize}px` })),
+            text)));
+};
+export default Tooltip;

package/dist/esm/tooltip/tooltip.setup.d.ts

@@ -0,0 +1,39 @@
+export declare const animation: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+};
+export declare const pointerSize = 8;
+export declare const color = "prussian.80";
+export declare const pointerPlacement: {
+    top: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+    bottom: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+    left: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+    right: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+};
+//# sourceMappingURL=tooltip.setup.d.ts.map

package/dist/esm/tooltip/tooltip.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.setup.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.setup.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,eAAO,MAAM,KAAK,gBAAgB,CAAA;AAElC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}

package/dist/esm/tooltip/tooltip.setup.js

@@ -0,0 +1,38 @@
+export const animation = {
+    top: 'fadeDown',
+    right: 'fadeLeft',
+    bottom: 'fadeUp',
+    left: 'fadeRight'
+};
+export const pointerSize = 8;
+export const color = 'prussian.80';
+export const pointerPlacement = {
+    top: {
+        top: 'auto',
+        bottom: `-${pointerSize / 2}px`,
+        left: '50%',
+        right: 'auto',
+        translate: '-50%, 0'
+    },
+    bottom: {
+        top: `-${pointerSize / 2}px`,
+        bottom: 'auto',
+        left: '50%',
+        right: 'auto',
+        translate: '-50%, 0'
+    },
+    left: {
+        top: `50%`,
+        bottom: 'auto',
+        left: 'auto',
+        right: '0',
+        translate: '-50%, -50%'
+    },
+    right: {
+        top: `50%`,
+        bottom: 'auto',
+        left: `${pointerSize / 2}px`,
+        right: 'auto',
+        translate: '0, -50%'
+    }
+};

package/dist/esm/tooltip/tooltip.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export declare type TooltipProps = {
+    /** Displays given text at the tooltip. */
+    text?: string;
+    /** Tooltip position. */
+    placement?: 'top' | 'left' | 'bottom' | 'right';
+    /** Displays the tooltip with animation, without the arrow pointer. */
+    isAnimated?: boolean;
+    children?: ReactNode;
+};
+//# sourceMappingURL=tooltip.types.d.ts.map

package/dist/esm/tooltip/tooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,oBAAY,YAAY,GAAG;IACzB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}

package/dist/esm/tooltip/tooltip.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/utils/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,IAAI,CAAC,OAAO,CAAS,WAGnF,CAAC,SAAS,CAAC,YAW1B;AAGD,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAEtD"}
+{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/utils/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,IAAI,CAAC,OAAO,CAAS,WAGlF,CAAC,SAAS,CAAC,YAW3B;AAGD,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAEtD"}

package/dist/esm/utils/function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/utils/function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,0GAA0G;AAC1G,wBAAgB,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,aACzC,GAAG,EAAE,UACtB;AAGD,wBAAgB,IAAI,SAAK;AAEzB;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAErF"}
+{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/utils/function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,0GAA0G;AAC1G,wBAAgB,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,aACxC,GAAG,EAAE,UACvB;AAGD,wBAAgB,IAAI,SAAK;AAEzB;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAErF"}

package/dist/esm/utils/object.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../src/utils/object.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,cAElD;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAA;AAClD,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAChF,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAC9G,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EACvF,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACJ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AA0BpB;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,MAAM,CAAC,EAC7D,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,OAAO,cAanD"}
+{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../src/utils/object.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,cAElD;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAA;AAClD,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAChF,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAC9G,wBAAgB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,IAAI,EACtF,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACL,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AA0BpB;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,MAAM,CAAC,EAC5D,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,OAAO,cAapD"}

package/dist/esm/utils/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACb,cAAc,EAEd,SAAS,EAMT,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UAClD,CAAC,GAAG,IAAI,UAGtB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC9B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBhC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IACnC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACT,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwB3C,OAAO;WAAS,MAAM,IAAI;GAE3C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EAMV,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBjC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B"}

package/dist/esm/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/utils/uid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uid.d.ts","sourceRoot":"","sources":["../../../src/utils/uid.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,yCACiF,CAAA"}
+{"version":3,"file":"uid.d.ts","sourceRoot":"","sources":["../../../src/utils/uid.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,yCACkF,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Veracity UI React components library based on Styled Components and @xstyled",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/avatar/avatar.tsx

@@ -8,74 +8,72 @@ import { AvatarProps } from './avatar.types'
 import { defaultGetInitials } from './helpers'
 
 export const AvatarBase = styled.spanBox`
-	align-items: center;
-	display: inline-flex;
-	flex-shrink: 0;
-	font-weight: medium;
-	justify-content: center;
-	line-height: normal;
-	outline: none;
-	overflow: hidden;
-	transition-duration: fast;
+  align-items: center;
+  display: inline-flex;
+  flex-shrink: 0;
+  font-weight: medium;
+  justify-content: center;
+  line-height: normal;
+  outline: none;
+  overflow: hidden;
+  transition-duration: fast;
 
-	&:focus {
-		border-color: transparent;
-	}
+  &:focus {
+    border-color: transparent;
+  }
 `
 
 /** Displays user data, such as name initials or profile image. */
 export const Avatar = vui<'span', AvatarProps>((props, ref) => {
-	const {
-		children,
-		className,
-		getInitials = defaultGetInitials,
-		icon,
-		isInteractive = props.onClick !== undefined,
-		isSquare,
-		name = '',
-		src,
-		...rest
-	} = omitThemingProps(props)
-	const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig('Avatar', props)
+  const {
+    children,
+    className,
+    getInitials = defaultGetInitials,
+    icon,
+    isInteractive = props.onClick !== undefined,
+    isSquare,
+    name = '',
+    src,
+    ...rest
+  } = omitThemingProps(props)
+  const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig('Avatar', props)
 
-	const borderRadius = isSquare ? 'lg' : '50%'
-	const initials = getInitials(name)
+  const borderRadius = isSquare ? 'lg' : '50%'
+  const initials = getInitials(name)
 
-	const interactiveProps = isInteractive
-		? ({
-				cursor: 'pointer',
-				hoverBg,
-				activeBg,
-				focusRing: 3,
-				tabIndex: 0,
-				userSelect: 'none'
-		  } as const)
-		: {}
+  const interactiveProps = isInteractive
+    ? ({
+        cursor: 'pointer',
+        hoverBg,
+        activeBg,
+        focusRing: 3,
+        tabIndex: 0,
+        userSelect: 'none'
+      } as const)
+    : {}
 
-	return (
-		<AvatarBase
-			borderRadius={borderRadius}
-			className={cs('vui-avatar', className)}
-			h={h}
-			ref={ref}
-			w={h}
-			{...styles}
-			{...interactiveProps}
-			{...rest}
-		>
-			{children ? (
-				children
-			) : src ? (
-				<Image {...{ borderRadius, src }} />
-			) : icon ? (
-				<Icon name={icon} size={iconSize} />
-			) : initials ? (
-				initials
-			) : null}
-		</AvatarBase>
-	)
+  return (
+    <AvatarBase
+      borderRadius={borderRadius}
+      className={cs('vui-avatar', className)}
+      h={h}
+      ref={ref}
+      w={h}
+      {...styles}
+      {...interactiveProps}
+      {...rest}
+    >
+      {children ? (
+        children
+      ) : src ? (
+        <Image {...{ borderRadius, src }} />
+      ) : icon ? (
+        <Icon name={icon} size={iconSize} />
+      ) : initials ? (
+        initials
+      ) : null}
+    </AvatarBase>
+  )
 })
 
-Avatar.displayName = 'Avatar'
-
 export default Avatar

package/src/avatar/avatar.types.ts

@@ -3,19 +3,19 @@ import { SystemProps } from '../system'
 import { ThemingProps } from '../theme'
 
 export type AvatarProps = SystemProps &
-	ThemingProps<'Avatar'> & {
-		/** Available theme colors for this component. @default blue */
-		colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow'
-		/** Custom function to compute initials based on the provided name. */
-		getInitials?: (name: string) => string
-		/** Renders an icon as the only content. */
-		icon?: IconProp
-		/** Makes avatar clickable and focusable with correct styling. */
-		isInteractive?: boolean
-		/** Displays Avatar with slightly rounded corners. */
-		isSquare?: boolean
-		/** Displays initials of the provided name. */
-		name?: string
-		/** Displays an image loaded from the given URL. */
-		src?: string
-	}
+  ThemingProps<'Avatar'> & {
+    /** Available theme colors for this component. @default blue */
+    colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow'
+    /** Custom function to compute initials based on the provided name. */
+    getInitials?: (name: string) => string
+    /** Renders an icon as the only content. */
+    icon?: IconProp
+    /** Makes avatar clickable and focusable with correct styling. */
+    isInteractive?: boolean
+    /** Displays Avatar with slightly rounded corners. */
+    isSquare?: boolean
+    /** Displays initials of the provided name. */
+    name?: string
+    /** Displays an image loaded from the given URL. */
+    src?: string
+  }

package/src/avatar/helpers.ts

@@ -1,6 +1,6 @@
 /** Gets initials from the name for the Avatar. */
 export function defaultGetInitials(name = '') {
-	const [first = '', last = ''] = name.split(' ')
+  const [first = '', last = ''] = name.split(' ')
 
-	return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase()
+  return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase()
 }

package/src/avatar/theme.ts

@@ -1,104 +1,104 @@
 import { Dict } from '../utils'
 
 function variantSolid(props: Dict) {
-	const { colorScheme: c } = props
-
-	const styles = {
-		hoverBg: `${c}.90`,
-		activeBg: `${c}.100`,
-		bg: `${c}.80`,
-		color: 'white'
-	}
-
-	// Special cases
-	if (c === 'prussian') {
-		styles.activeBg = 'prussian.50'
-		styles.hoverBg = 'prussian.60'
-	}
-
-	if (c === 'yellow') {
-		styles.hoverBg = `${c}.80`
-		styles.activeBg = `${c}.90`
-		styles.bg = `${c}.70`
-	}
-
-	return styles
+  const { colorScheme: c } = props
+
+  const styles = {
+    hoverBg: `${c}.90`,
+    activeBg: `${c}.100`,
+    bg: `${c}.80`,
+    color: 'white'
+  }
+
+  // Special cases
+  if (c === 'prussian') {
+    styles.activeBg = 'prussian.50'
+    styles.hoverBg = 'prussian.60'
+  }
+
+  if (c === 'yellow') {
+    styles.hoverBg = `${c}.80`
+    styles.activeBg = `${c}.90`
+    styles.bg = `${c}.70`
+  }
+
+  return styles
 }
 
 function variantSubtle(props: Dict) {
-	const { colorScheme: c } = props
+  const { colorScheme: c } = props
 
-	const colors = {
-		hoverBg: `${c}.30`,
-		activeBg: `${c}.40`,
-		bg: `${c}.20`,
-		color: `${c}.80`
-	}
+  const colors = {
+    hoverBg: `${c}.30`,
+    activeBg: `${c}.40`,
+    bg: `${c}.20`,
+    color: `${c}.80`
+  }
 
-	// Special cases
-	if (c === 'green') {
-		colors.color = `${c}.90`
-	}
+  // Special cases
+  if (c === 'green') {
+    colors.color = `${c}.90`
+  }
 
-	if (c === 'grey') {
-		colors.color = `prussian.80`
-	}
+  if (c === 'grey') {
+    colors.color = `prussian.80`
+  }
 
-	if (c === 'red') {
-		colors.color = `${c}.90`
-	}
+  if (c === 'red') {
+    colors.color = `${c}.90`
+  }
 
-	if (c === 'yellow') {
-		colors.color = `${c}.100`
-	}
+  if (c === 'yellow') {
+    colors.color = `${c}.100`
+  }
 
-	return colors
+  return colors
 }
 
 const baseStyle = {}
 
 const defaultProps = {
-	colorScheme: 'blue',
-	size: 'md',
-	variant: 'subtle'
+  colorScheme: 'blue',
+  size: 'md',
+  variant: 'subtle'
 }
 
 const sizes = {
-	xs: {
-		fontSize: 'xs',
-		h: 24,
-		iconSize: 'xs'
-	},
-	sm: {
-		fontSize: 'sm',
-		h: 32,
-		iconSize: 'sm'
-	},
-	md: {
-		fontSize: 'md',
-		h: 40,
-		iconSize: 'md'
-	},
-	lg: {
-		fontSize: 'lg',
-		h: 48,
-		iconSize: 'lg'
-	},
-	xl: {
-		fontSize: 'lg',
-		h: 64,
-		iconSize: 'lg'
-	}
+  xs: {
+    fontSize: 'xs',
+    h: 24,
+    iconSize: 'xs'
+  },
+  sm: {
+    fontSize: 'sm',
+    h: 32,
+    iconSize: 'sm'
+  },
+  md: {
+    fontSize: 'md',
+    h: 40,
+    iconSize: 'md'
+  },
+  lg: {
+    fontSize: 'lg',
+    h: 48,
+    iconSize: 'lg'
+  },
+  xl: {
+    fontSize: 'lg',
+    h: 64,
+    iconSize: 'lg'
+  }
 }
 
 const variants = {
-	solid: variantSolid,
-	subtle: variantSubtle
+  solid: variantSolid,
+  subtle: variantSubtle
 }
 
 export default {
-	baseStyle,
-	defaultProps,
-	sizes,
-	variants
+  baseStyle,
+  defaultProps,
+  sizes,
+  variants
 }

package/src/box/box.tsx

@@ -5,47 +5,45 @@ import { cs, filterUndefined } from '../utils'
 import { BoxProps } from './box.types'
 
 export const BoxBase = styled.divBox`
-	display: flex;
-	min-width: 0;
-	transition-duration: normal;
+  display: flex;
+  min-width: 0;
+  transition-duration: normal;
 `
 
 /** Organizes content layout into columns or rows with easy centering. */
 export const Box = vui<'div', BoxProps>((props, ref) => {
-	const {
-		align,
-		center,
-		centerH,
-		centerV,
-		className,
-		column,
-		direction,
-		hoverShadow,
-		justify,
-		radius,
-		shadow,
-		wrap,
-		...rest
-	} = omitThemingProps(props)
-	const styles = useStyleConfig('Box', props)
-
-	const alignItems = center || (column ? centerH : centerV) ? 'center' : undefined
-	const flexDirection = column ? 'column' : undefined
-	const justifyContent = center || (column ? centerV : centerH) ? 'center' : undefined
-
-	const aliasedProps = filterUndefined<BoxProps>({
-		alignItems: align ?? alignItems,
-		borderRadius: radius,
-		boxShadow: shadow,
-		flexDirection: direction ?? flexDirection,
-		flexWrap: wrap ? 'wrap' : undefined,
-		hoverBoxShadow: hoverShadow,
-		justifyContent: justify ?? justifyContent
-	})
-
-	return <BoxBase className={cs('vui-box', className)} ref={ref} {...styles} {...aliasedProps} {...rest} />
+  const {
+    align,
+    center,
+    centerH,
+    centerV,
+    className,
+    column,
+    direction,
+    hoverShadow,
+    justify,
+    radius,
+    shadow,
+    wrap,
+    ...rest
+  } = omitThemingProps(props)
+  const styles = useStyleConfig('Box', props)
+
+  const alignItems = center || (column ? centerH : centerV) ? 'center' : undefined
+  const flexDirection = column ? 'column' : undefined
+  const justifyContent = center || (column ? centerV : centerH) ? 'center' : undefined
+
+  const aliasedProps = filterUndefined<BoxProps>({
+    alignItems: align ?? alignItems,
+    borderRadius: radius,
+    boxShadow: shadow,
+    flexDirection: direction ?? flexDirection,
+    flexWrap: wrap ? 'wrap' : undefined,
+    hoverBoxShadow: hoverShadow,
+    justifyContent: justify ?? justifyContent
+  })
+
+  return <BoxBase className={cs('vui-box', className)} ref={ref} {...styles} {...aliasedProps} {...rest} />
 })
 
-Box.displayName = 'Box'
-
 export default Box