@veracity/vui 1.0.0 → 1.1.1

package/dist/cjs/tabs/useTabsState.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabsState = void 0;
+const react_1 = require("react");
+const useTabsState = (initialAnimation, activeTabId) => {
+    const [tabs, setTabs] = (0, react_1.useState)([]);
+    const [activeTabIndex, setActiveTabIndex] = (0, react_1.useState)(activeTabId !== null && activeTabId !== void 0 ? activeTabId : 0);
+    const [animationDirection, setAnimationDirection] = (0, react_1.useState)(initialAnimation);
+    return { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection };
+};
+exports.useTabsState = useTabsState;

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

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAuBnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;YA2FP,gBAAgB;UAClB,cAAc;UACd,cAAc;CACpB,CAAA;AAQD,eAAe,GAAG,CAAA"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAuBnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;YA2FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAMD,eAAe,GAAG,CAAA"}

package/dist/cjs/tag/tag.js

@@ -46,28 +46,28 @@ const tagButton_1 = __importDefault(require("./tagButton"));
 const tagIcon_1 = __importDefault(require("./tagIcon"));
 const tagText_1 = __importDefault(require("./tagText"));
 exports.TagBase = core_1.styled.spanBox `
-	align-items: center;
-	border-radius: md;
-	display: inline-flex;
-	font-weight: medium;
-	justify-content: center;
-	line-height: normal;
-	max-width: 100%;
-	position: relative;
-	transition-duration: fast;
-	width: fit-content;
+  align-items: center;
+  border-radius: md;
+  display: inline-flex;
+  font-weight: medium;
+  justify-content: center;
+  line-height: normal;
+  max-width: 100%;
+  position: relative;
+  transition-duration: fast;
+  width: fit-content;
 
-	&:focus {
-		border-color: transparent;
-		outline: none;
-	}
+  &:focus {
+    border-color: transparent;
+    outline: none;
+  }
 
-	&[aria-disabled='true'] {
-		background-color: disabled.bg;
-		color: disabled.color;
-		cursor: not-allowed;
-		user-select: none;
-	}
+  &[aria-disabled='true'] {
+    background-color: disabled.bg;
+    color: disabled.color;
+    cursor: not-allowed;
+    user-select: none;
+  }
 `;
 /**
  * Displays text, icons or custom content. Can be made interactive or a link.
@@ -105,9 +105,8 @@ exports.Tag = (0, core_1.vui)((props, ref) => {
                 itemLeft,
                 (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(tagIcon_1.default, { mr: spaceX, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(tagText_1.default, Object.assign({}, { isTruncated, text })) : text),
                 (0, utils_1.isString)(iconRight) ? react_1.default.createElement(tagIcon_1.default, { ml: spaceX, name: iconRight }) : iconRight,
-                onDelete ? react_1.default.createElement(tagButton_1.default, { ml: spaceX, onClick: onDelete }) : itemRight)))));
+                onDelete ? react_1.default.createElement(tagButton_1.default, { isRound: isRound, ml: spaceX, onClick: onDelete }) : itemRight)))));
 });
-exports.Tag.displayName = 'Tag';
 exports.Tag.Button = tagButton_1.default;
 exports.Tag.Icon = tagIcon_1.default;
 exports.Tag.Text = tagText_1.default;

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

@@ -1 +1 @@
-{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GACjC,YAAY,CAAC,KAAK,CAAC,GAAG;IACrB,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}
+{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"tagButton.d.ts","sourceRoot":"","sources":["../../../src/tag/tagButton.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK/C,wCAAwC;AACxC,eAAO,MAAM,SAAS,uDAoBpB,CAAA;AAIF,eAAe,SAAS,CAAA"}
+{"version":3,"file":"tagButton.d.ts","sourceRoot":"","sources":["../../../src/tag/tagButton.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK/C,wCAAwC;AACxC,eAAO,MAAM,SAAS,uDAoBpB,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/cjs/tag/tagButton.js

@@ -27,5 +27,4 @@ exports.TagButton = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Tag', (0, context_1.useTagContext)());
     return (react_1.default.createElement(button_1.default, Object.assign({ borderColor: "transparent", className: (0, utils_1.cs)('vui-tagButton', className), colorScheme: mergedProps.colorScheme, disabled: mergedProps.disabled, hoverBorderColor: "transparent", icon: "falTimes", mr: -0.5, ref: ref, variant: "text" }, styles.button, rest)));
 });
-exports.TagButton.displayName = 'TagButton';
 exports.default = exports.TagButton;

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

@@ -1 +1 @@
-{"version":3,"file":"tagIcon.d.ts","sourceRoot":"","sources":["../../../src/tag/tagIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,uCAAuC;AACvC,eAAO,MAAM,OAAO,kDAKlB,CAAA;AAIF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tagIcon.d.ts","sourceRoot":"","sources":["../../../src/tag/tagIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,uCAAuC;AACvC,eAAO,MAAM,OAAO,kDAKlB,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/cjs/tag/tagIcon.js

@@ -26,5 +26,4 @@ exports.TagIcon = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Tag', (0, context_1.useTagContext)());
     return react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-tagIcon', className), ref: ref }, styles.icon, rest));
 });
-exports.TagIcon.displayName = 'TagIcon';
 exports.default = exports.TagIcon;

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

@@ -1 +1 @@
-{"version":3,"file":"tagText.d.ts","sourceRoot":"","sources":["../../../src/tag/tagText.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,oCAAoC;AACpC,eAAO,MAAM,OAAO,gDAKlB,CAAA;AAIF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tagText.d.ts","sourceRoot":"","sources":["../../../src/tag/tagText.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,oCAAoC;AACpC,eAAO,MAAM,OAAO,gDAKlB,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/cjs/tag/tagText.js

@@ -26,5 +26,4 @@ exports.TagText = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Tag', (0, context_1.useTagContext)());
     return react_1.default.createElement(t_1.default, Object.assign({ className: (0, utils_1.cs)('vui-tagText', className), fontSize: "inherit", ref: ref }, styles.text, rest));
 });
-exports.TagText.displayName = 'TagText';
 exports.default = exports.TagText;

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAwBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAmFnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAwBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAmFnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/cjs/textarea/textarea.js

@@ -44,31 +44,31 @@ const t_1 = __importDefault(require("../t"));
 const utils_1 = require("../utils");
 const helpers_1 = require("./helpers");
 const TextareaTextarea = core_1.styled.textareaBox `
-	border-radius: md;
-	border-width: 1px;
-	outline: none;
-	padding: 1;
-	resize: none;
-	transition-duration: fast;
-	width: 100%;
+  border-radius: md;
+  border-width: 1px;
+  outline: none;
+  padding: 1;
+  resize: none;
+  transition-duration: fast;
+  width: 100%;
 
-	&::placeholder {
-		color: grey.60;
-	}
+  &::placeholder {
+    color: grey.60;
+  }
 
-	&[aria-disabled='true'],
-	&[aria-disabled='true']::placeholder {
-		background-color: disabled.bg;
-		border-color: disabled.border;
-		color: disabled.color;
-		cursor: not-allowed;
-	}
+  &[aria-disabled='true'],
+  &[aria-disabled='true']::placeholder {
+    background-color: disabled.bg;
+    border-color: disabled.border;
+    color: disabled.color;
+    cursor: not-allowed;
+  }
 `;
 exports.TextareaBase = core_1.styled.divBox `
-	display: flex;
-	min-height: 80px;
-	position: relative;
-	width: 100%;
+  display: flex;
+  min-height: 80px;
+  position: relative;
+  width: 100%;
 `;
 /**
  * Displays a textarea element wrapped in a div to allow extra content, like counter.
@@ -118,5 +118,4 @@ exports.Textarea = (0, core_1.vui)((props, ref) => {
             " / ",
             maxLength))));
 });
-exports.Textarea.displayName = 'Textarea';
 exports.default = exports.Textarea;

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,oBAAY,aAAa,GAAG,WAAW,GACtC,YAAY,CAAC,UAAU,CAAC,GAAG;IAC1B,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAChD,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACvE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA"}
+{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAChD,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACvE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}

package/dist/cjs/theme/components.d.ts

@@ -702,6 +702,51 @@ declare const _default: {
             };
         };
     };
+    Progress: {
+        baseStyle: {};
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            sm: {
+                container: {
+                    minH: string;
+                };
+                percentage: {
+                    fontSize: string;
+                    top: string;
+                };
+            };
+            md: {
+                container: {
+                    minH: string;
+                };
+                percentage: {
+                    fontSize: string;
+                    top: string;
+                };
+            };
+            lg: {
+                container: {
+                    minH: string;
+                };
+                percentage: {
+                    fontSize: string;
+                    top: string;
+                };
+            };
+            xl: {
+                container: {
+                    minH: string;
+                };
+                percentage: {
+                    fontSize: string;
+                    top: string;
+                };
+            };
+        };
+        variants: {};
+    };
     Popover: {
         baseStyle: {};
         defaultProps: {};
@@ -1009,6 +1054,18 @@ declare const _default: {
             striped: {};
         };
     };
+    Tabs: {
+        baseStyle: {};
+        defaultProps: {};
+        parts: string[];
+        sizes: {
+            sm: {};
+            md: {};
+            lg: {};
+            xl: {};
+        };
+        variants: {};
+    };
     Tag: {
         baseStyle: {};
         defaultProps: {

package/dist/cjs/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,wBAiCC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,wBAmCC"}

package/dist/cjs/theme/components.js

@@ -26,15 +26,17 @@ const theme_20 = __importDefault(require("../p/theme"));
 const theme_21 = __importDefault(require("../pagination/theme"));
 const theme_22 = __importDefault(require("../panel/theme"));
 const theme_23 = __importDefault(require("../popover/theme"));
-const theme_24 = __importDefault(require("../radio/theme"));
-const theme_25 = __importDefault(require("../select/theme"));
-const theme_26 = __importDefault(require("../skeleton/theme"));
-const theme_27 = __importDefault(require("../spinner/theme"));
-const theme_28 = __importDefault(require("../switch/theme"));
-const theme_29 = __importDefault(require("../t/theme"));
-const theme_30 = __importDefault(require("../table/theme"));
-const theme_31 = __importDefault(require("../tag/theme"));
-const theme_32 = __importDefault(require("../textarea/theme"));
+const theme_24 = __importDefault(require("../progress/theme"));
+const theme_25 = __importDefault(require("../radio/theme"));
+const theme_26 = __importDefault(require("../select/theme"));
+const theme_27 = __importDefault(require("../skeleton/theme"));
+const theme_28 = __importDefault(require("../spinner/theme"));
+const theme_29 = __importDefault(require("../switch/theme"));
+const theme_30 = __importDefault(require("../t/theme"));
+const theme_31 = __importDefault(require("../table/theme"));
+const theme_32 = __importDefault(require("../tabs/theme"));
+const theme_33 = __importDefault(require("../tag/theme"));
+const theme_34 = __importDefault(require("../textarea/theme"));
 exports.default = {
     Avatar: theme_1.default,
     Box: theme_2.default,
@@ -58,14 +60,16 @@ exports.default = {
     P: theme_20.default,
     Pagination: theme_21.default,
     Panel: theme_22.default,
+    Progress: theme_24.default,
     Popover: theme_23.default,
-    Radio: theme_24.default,
-    Select: theme_25.default,
-    Skeleton: theme_26.default,
-    Spinner: theme_27.default,
-    Switch: theme_28.default,
-    T: theme_29.default,
-    Table: theme_30.default,
-    Tag: theme_31.default,
-    Textarea: theme_32.default
+    Radio: theme_25.default,
+    Select: theme_26.default,
+    Skeleton: theme_27.default,
+    Spinner: theme_28.default,
+    Switch: theme_29.default,
+    T: theme_30.default,
+    Table: theme_31.default,
+    Tabs: theme_32.default,
+    Tag: theme_33.default,
+    Textarea: theme_34.default
 };

package/dist/cjs/theme/defaultTheme.d.ts

@@ -898,6 +898,51 @@ declare const defaultTheme: {
                 };
             };
         };
+        Progress: {
+            baseStyle: {};
+            defaultProps: {
+                size: string;
+            };
+            sizes: {
+                sm: {
+                    container: {
+                        minH: string;
+                    };
+                    percentage: {
+                        fontSize: string;
+                        top: string;
+                    };
+                };
+                md: {
+                    container: {
+                        minH: string;
+                    };
+                    percentage: {
+                        fontSize: string;
+                        top: string;
+                    };
+                };
+                lg: {
+                    container: {
+                        minH: string;
+                    };
+                    percentage: {
+                        fontSize: string;
+                        top: string;
+                    };
+                };
+                xl: {
+                    container: {
+                        minH: string;
+                    };
+                    percentage: {
+                        fontSize: string;
+                        top: string;
+                    };
+                };
+            };
+            variants: {};
+        };
         Popover: {
             baseStyle: {};
             defaultProps: {};
@@ -1205,6 +1250,18 @@ declare const defaultTheme: {
                 striped: {};
             };
         };
+        Tabs: {
+            baseStyle: {};
+            defaultProps: {};
+            parts: string[];
+            sizes: {
+                sm: {};
+                md: {};
+                lg: {};
+                xl: {};
+            };
+            variants: {};
+        };
         Tag: {
             baseStyle: {};
             defaultProps: {

package/dist/cjs/theme/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/cjs/theme/foundations/transformers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformers.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/transformers.ts"],"names":[],"mappings":";oBAGiB,MAAM,GAAG,MAAM,aAAa,GAAG;mBAShC,MAAM,GAAG,MAAM;;AAV/B,wBAaC"}
+{"version":3,"file":"transformers.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/transformers.ts"],"names":[],"mappings":";oBAGkB,MAAM,GAAG,MAAM,aAAa,GAAG;mBAShC,MAAM,GAAG,MAAM;;AAVhC,wBAaC"}

package/dist/cjs/theme/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,QAAQ,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAClD,oBAAY,UAAU,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA;AACtD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,qBAAqB,CAAC,CAAA;AACtE,oBAAY,eAAe,GAAG,MAAM,QAAQ,CAAC,kBAAkB,CAAC,CAAA;AAChE,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAC5D,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE/C,oBAAY,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAElD,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,+EAA+E;AAC/E,oBAAY,YAAY,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,IAAI;IAClE,OAAO,CAAC,EAAE,cAAc,SAAS,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC9G,IAAI,CAAC,EAAE,cAAc,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,GACvD,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GACrD,MAAM,CAAA;CACT,CAAA;AAGD,4EAA4E;AAC5E,oBAAY,QAAQ,GAAG,gBAAgB,GAAG,kBAAkB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,QAAQ,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAClD,oBAAY,UAAU,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA;AACtD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,qBAAqB,CAAC,CAAA;AACtE,oBAAY,eAAe,GAAG,MAAM,QAAQ,CAAC,kBAAkB,CAAC,CAAA;AAChE,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAC5D,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE/C,oBAAY,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAElD,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,+EAA+E;AAC/E,oBAAY,YAAY,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,IAAI;IACjE,OAAO,CAAC,EAAE,cAAc,SAAS,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC9G,IAAI,CAAC,EAAE,cAAc,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,GACtD,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GACrD,MAAM,CAAA;CACX,CAAA;AAGD,4EAA4E;AAC5E,oBAAY,QAAQ,GAAG,gBAAgB,GAAG,kBAAkB,CAAA"}

package/dist/cjs/toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAkCxD,QAAA,MAAM,IAAI,OAAQ,MAAM,KAAG,IAG1B,CAAA;AAED,QAAA,MAAM,IAAI,0CAA6B,IAqCtC,CAAA;AAED,QAAA,MAAM,QAAQ,SAAU,SAAS,SAAmC,CAAA;AACpE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,SAAS,SAAU,SAAS,SAAoC,CAAA;AACtE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAE1E,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAkCxD,QAAA,MAAM,IAAI,OAAQ,MAAM,KAAG,IAG1B,CAAA;AAED,QAAA,MAAM,IAAI,0CAA6B,IAqCtC,CAAA;AAED,QAAA,MAAM,QAAQ,SAAU,SAAS,SAAmC,CAAA;AACpE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,SAAS,SAAU,SAAS,SAAoC,CAAA;AACtE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAE1E,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}

package/dist/cjs/toast/Toast.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.showLoading = exports.showError = exports.showWarning = exports.showSuccess = exports.showInfo = exports.hideToast = exports.showToast = void 0;
 const react_1 = __importDefault(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
+const box_1 = require("../box");
 const core_1 = require("../core");
 const notification_1 = require("../notification");
+const theme_1 = require("../theme");
 const utils_1 = require("../utils");
 const wrapperId = 'toastsWrapper';
 const setup = {
@@ -17,18 +19,10 @@ const setup = {
     },
     componentList: []
 };
-const ToastsContainer = core_1.styled.divBox `
-	position: fixed;
-	right: 2rem;
-	bottom: 2rem;
-	z-index: 10000;
-	min-width: 600px;
-	max-width: 100%;
-`;
 const render = () => 
 // eslint-disable-next-line react/no-render-return-value
 react_dom_1.default.render(react_1.default.createElement(core_1.VuiProvider, null,
-    react_1.default.createElement(ToastsContainer, null, setup.componentList.map(item => (react_1.default.createElement("div", { key: item.id }, item.component))))), document.getElementById(wrapperId));
+    react_1.default.createElement(box_1.Box, { bottom: "1rem", display: "block", maxW: "100%", minW: { md: 600, sm: 600, xs: '100%' }, p: { md: '16px', sm: '4px', xs: '2px' }, position: "fixed", right: { md: '1rem', sm: 0, xs: 0 }, zIndex: theme_1.zIndices.toast }, setup.componentList.map(item => (react_1.default.createElement("div", { key: item.id }, item.component))))), document.getElementById(wrapperId));
 const hide = (id) => {
     setup.componentList = setup.componentList.filter(i => i.id !== id);
     render();
@@ -48,7 +42,7 @@ const show = (options) => {
     const onClose = () => hide(id);
     setup.componentList.unshift({
         id,
-        component: (react_1.default.createElement(notification_1.Notification, { action: action, animation: "fadeDown", icon: icon, mt: 1, onClose: dismissible ? onClose : undefined, shadow: 1, status: status, text: text, title: title, w: 1 }))
+        component: (react_1.default.createElement(notification_1.Notification, { action: action, animation: "fadeDown", icon: icon, mt: { md: 1, sm: '4px', xs: '4px' }, onClose: dismissible ? onClose : undefined, shadow: 1, status: status, text: text, title: title, w: 1 }))
     });
     render();
     if (duration !== 0)

package/dist/cjs/toast/toast.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,MAAM,WAAW,aAAa;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,SAAS,CAAA;CACpB;AAED,MAAM,WAAW,UAAU;IAC1B,OAAO,EAAE,YAAY,CAAA;IACrB,aAAa,EAAE,aAAa,EAAE,CAAA;CAC9B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACtD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB"}
+{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,YAAY,CAAA;IACrB,aAAa,EAAE,aAAa,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/cjs/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tooltip';
+export { default } from './tooltip';
+export * from './tooltip.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,cAAc,iBAAiB,CAAA"}

package/dist/cjs/tooltip/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./tooltip"), exports);
+var tooltip_1 = require("./tooltip");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(tooltip_1).default; } });
+__exportStar(require("./tooltip.types"), exports);

package/dist/cjs/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/cjs/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,gBAmC1C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/cjs/tooltip/tooltip.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = __importDefault(require("../box"));
+const popover_1 = __importDefault(require("../popover"));
+const tooltip_setup_1 = require("./tooltip.setup");
+/**
+ * A simple text popup hint.
+ *
+ * Displayed on mouse enter, and is hidden on mouse leave.
+ *
+ * */
+const Tooltip = (props) => {
+    const { children, maxWidth = '400px', text = 'demo', placement = 'top', isAnimated = false } = props;
+    return (react_1.default.createElement(popover_1.default, { placement: placement, trigger: "mouseenter" },
+        react_1.default.createElement(popover_1.default.Trigger, { as: box_1.default, display: "inline-block" },
+            react_1.default.createElement(box_1.default, { display: "inline-block" }, children)),
+        react_1.default.createElement(popover_1.default.Content, { animation: isAnimated ? tooltip_setup_1.animation[placement] : undefined, bg: tooltip_setup_1.color, color: "white", m: 1, maxW: maxWidth, p: 1, pl: 2, pr: 2 },
+            !isAnimated && (react_1.default.createElement(box_1.default, { bg: tooltip_setup_1.color, bottom: tooltip_setup_1.pointerPlacement[placement].bottom, h: `${tooltip_setup_1.pointerSize}px`, left: tooltip_setup_1.pointerPlacement[placement].left, position: "absolute", right: tooltip_setup_1.pointerPlacement[placement].right, top: tooltip_setup_1.pointerPlacement[placement].top, transform: `translate(${tooltip_setup_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${tooltip_setup_1.pointerSize}px` })),
+            text)));
+};
+exports.Tooltip = Tooltip;
+exports.default = exports.Tooltip;

package/dist/cjs/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/cjs/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"}