@threekit-tools/treble 0.0.16 → 0.0.20

package/dist/components/Cards/cards.styles.js

@@ -11,7 +11,7 @@ exports.CardWrapper = exports.CardPrice = exports.CardDescription = exports.Card
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.CardsWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n\n  transition: all 0.2s;\n\n  & > div {\n    margin-bottom: 5px;\n  }\n\n  & > div:not(:last-child) {\n    margin-right: 5px;\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n\n  transition: all 0.2s;\n\n  & > div {\n    margin-bottom: 5px;\n  }\n\n  & > div:not(:last-child) {\n    margin-right: 5px;\n  }\n"])));
 exports.CardWrapperStyles = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* min-height: 234px; */\n  width: 170px;\n  border-radius: ", ";\n  border: 1px solid lightgrey;\n\n  background: #fff;\n\n  padding: 14px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  cursor: pointer;\n"], ["\n  /* min-height: 234px; */\n  width: 170px;\n  border-radius: ", ";\n  border: 1px solid lightgrey;\n\n  background: #fff;\n\n  padding: 14px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  cursor: pointer;\n"])), function (props) { return props.theme.borderRadius; });
-exports.CardThumbnail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 120px;\n  width: 100%;\n  margin-bottom: 5px;\n  text-align: center;\n\n  ", "\n\n  img {\n    height: 120px;\n    width: auto;\n    object-fit: cover;\n  }\n"], ["\n  height: 120px;\n  width: 100%;\n  margin-bottom: 5px;\n  text-align: center;\n\n  ", "\n\n  img {\n    height: 120px;\n    width: auto;\n    object-fit: cover;\n  }\n"])), function (props) { return (props.color ? "background: ".concat(props.color, ";") : ''); });
+exports.CardThumbnail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 120px;\n  width: 100%;\n  margin-bottom: 5px;\n  text-align: center;\n  display: block;\n\n  ", "\n\n  img {\n    height: 120px;\n    width: auto;\n    object-fit: cover;\n  }\n"], ["\n  height: 120px;\n  width: 100%;\n  margin-bottom: 5px;\n  text-align: center;\n  display: block;\n\n  ", "\n\n  img {\n    height: 120px;\n    width: auto;\n    object-fit: cover;\n  }\n"])), function (props) { return (props.color ? "background: ".concat(props.color, ";") : ''); });
 exports.CardTitle = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  font-family: ", ";\n  line-height: 20px;\n  text-align: center;\n  transition: all 0.2s;\n"], ["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  font-family: ", ";\n  line-height: 20px;\n  text-align: center;\n  transition: all 0.2s;\n"])), function (props) { return props.theme.textColor; }, function (props) { return props.theme.fontFamily; });
 exports.CardDescription = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 13px;\n  font-family: ", ";\n  line-height: 20px;\n  text-align: center;\n  padding-bottom: 5px;\n  transition: all 0.2s;\n"], ["\n  color: ", ";\n  font-weight: 400;\n  font-size: 13px;\n  font-family: ", ";\n  line-height: 20px;\n  text-align: center;\n  padding-bottom: 5px;\n  transition: all 0.2s;\n"])), function (props) { return props.theme.textColorSecondary; }, function (props) { return props.theme.fontFamily; });
 exports.CardPrice = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  font-family: ", ";\n  line-height: 20px;\n  text-align: center;\n  transition: all 0.2s;\n"], ["\n  color: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  font-family: ", ";\n  line-height: 20px;\n  text-align: center;\n  transition: all 0.2s;\n"])), function (props) { return props.theme.textColorSecondary; }, function (props) { return props.theme.fontFamily; });

package/dist/components/Cards/index.js

@@ -17,7 +17,7 @@ var Thumbnail = function (props) {
     var imageUrl = props.imageUrl, color = props.color, name = props.name, className = props.className;
     if (!imageUrl && !color)
         return null;
-    return (react_1.default.createElement(cards_styles_1.CardThumbnail, { className: "".concat(className, " option-thumbnail"), color: color }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : null));
+    return (react_1.default.createElement(cards_styles_1.CardThumbnail, { className: "".concat(className, " option-thumbnail"), color: color }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : react_1.default.createElement("span", null)));
 };
 var Title = function (props) {
     var name = props.name, className = props.className;

package/dist/components/Drawer/drawer.styles.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = exports.Header = exports.Wrapper = exports.Background = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Background = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100vh;\n  width: 100vw;\n  background: #33333377;\n\n  opacity: ", ";\n  transition: all ", ";\n\n  position: fixed;\n  top: 0;\n  left: 0;\n"], ["\n  height: 100vh;\n  width: 100vw;\n  background: #33333377;\n\n  opacity: ", ";\n  transition: all ", ";\n\n  position: fixed;\n  top: 0;\n  left: 0;\n"])), function (props) { return (props.show ? 1 : 0); }, function (props) { return props.transitionDuration; });
-exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: 400px;\n  height: 100vh;\n  background: #fff;\n  border-radius: ", ";\n  opacity: 1;\n\n  transform: translateX(", ");\n  transition: all ", ";\n\n  position: absolute;\n  top: 0;\n  right: 0;\n"], ["\n  min-width: 400px;\n  height: 100vh;\n  background: #fff;\n  border-radius: ", ";\n  opacity: 1;\n\n  transform: translateX(", ");\n  transition: all ", ";\n\n  position: absolute;\n  top: 0;\n  right: 0;\n"])), function (props) { return props.theme.borderRadius; }, function (props) { return (props.show ? '0%' : '100%'); }, function (props) { return props.transitionDuration; });
+exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: 400px;\n  height: 100vh;\n  background: #fff;\n  border-radius: ", ";\n  opacity: 1;\n  z-index: 10;\n\n  transform: translateX(", ");\n  transition: all ", ";\n\n  position: absolute;\n  top: 0;\n  right: 0;\n"], ["\n  min-width: 400px;\n  height: 100vh;\n  background: #fff;\n  border-radius: ", ";\n  opacity: 1;\n  z-index: 10;\n\n  transform: translateX(", ");\n  transition: all ", ";\n\n  position: absolute;\n  top: 0;\n  right: 0;\n"])), function (props) { return props.theme.borderRadius; }, function (props) { return (props.show ? '0%' : '100%'); }, function (props) { return props.transitionDuration; });
 exports.Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  font-family: ", ";\n  padding: 20px;\n\n  & > div {\n    /* height: max-content;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%); */\n  }\n\n  & > div:nth-child(2) {\n    cursor: pointer;\n    height: 20px;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  font-family: ", ";\n  padding: 20px;\n\n  & > div {\n    /* height: max-content;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%); */\n  }\n\n  & > div:nth-child(2) {\n    cursor: pointer;\n    height: 20px;\n  }\n"])), function (props) { return props.theme.fontFamily; });
 exports.Content = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-family: ", ";\n"], ["\n  font-family: ", ";\n"])), function (props) { return props.theme.fontFamily; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Modal/modal.styles.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = exports.Header = exports.Wrapper = exports.Background = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Background = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100vh;\n  width: 100vw;\n  background: #33333377;\n\n  position: fixed;\n  top: 0;\n  left: 0;\n"], ["\n  height: 100vh;\n  width: 100vw;\n  background: #33333377;\n\n  position: fixed;\n  top: 0;\n  left: 0;\n"])));
-exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: 400px;\n  max-width: 100%;\n  min-height: 200px;\n  opacity: 1;\n  overflow: scroll;\n  background: #fff;\n  border-radius: ", ";\n\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"], ["\n  min-width: 400px;\n  max-width: 100%;\n  min-height: 200px;\n  opacity: 1;\n  overflow: scroll;\n  background: #fff;\n  border-radius: ", ";\n\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])), function (props) { return props.theme.borderRadius; });
+exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: 400px;\n  max-width: 100%;\n  min-height: 200px;\n  opacity: 1;\n  overflow: scroll;\n  z-index: 10;\n  background: #fff;\n  border-radius: ", ";\n\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"], ["\n  min-width: 400px;\n  max-width: 100%;\n  min-height: 200px;\n  opacity: 1;\n  overflow: scroll;\n  z-index: 10;\n  background: #fff;\n  border-radius: ", ";\n\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])), function (props) { return props.theme.borderRadius; });
 exports.Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  font-family: ", ";\n\n  & > div:nth-child(2) {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  font-family: ", ";\n\n  & > div:nth-child(2) {\n    cursor: pointer;\n  }\n"])), function (props) { return props.theme.fontFamily; });
 exports.Content = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-family: ", ";\n"], ["\n  font-family: ", ";\n"])), function (props) { return props.theme.fontFamily; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Strips/index.js

@@ -17,7 +17,7 @@ var Thumbnail = function (props) {
     var imageUrl = props.imageUrl, color = props.color, name = props.name, className = props.className;
     if (!imageUrl && !color)
         return null;
-    return (react_1.default.createElement(strips_styles_1.StripThumbnail, { className: "".concat(className, " option-thumbnail"), color: color }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : null));
+    return (react_1.default.createElement(strips_styles_1.StripThumbnail, { className: "".concat(className, " option-thumbnail"), color: color }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : react_1.default.createElement("span", null)));
 };
 var Title = function (props) {
     var name = props.name, className = props.className;

package/dist/components/Strips/strips.styles.js

@@ -11,7 +11,7 @@ exports.StripWrapper = exports.StripPrice = exports.StripDescription = exports.S
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.StripsWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  & > div:not(:first-child) {\n    margin-top: 8px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  & > div:not(:first-child) {\n    margin-top: 8px;\n  }\n"])));
 exports.StripWrapperStyles = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: max-content;\n  width: 100%;\n  border-radius: ", ";\n  border: 1px solid lightgrey;\n  background: #fff;\n\n  padding: 5px 12px;\n\n  display: grid;\n  grid-template-columns: max-content auto max-content;\n  grid-gap: 8px;\n\n  cursor: pointer;\n\n  & > div:nth-child(2) {\n    height: max-content;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n"], ["\n  height: max-content;\n  width: 100%;\n  border-radius: ", ";\n  border: 1px solid lightgrey;\n  background: #fff;\n\n  padding: 5px 12px;\n\n  display: grid;\n  grid-template-columns: max-content auto max-content;\n  grid-gap: 8px;\n\n  cursor: pointer;\n\n  & > div:nth-child(2) {\n    height: max-content;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n"])), function (props) { return props.theme.borderRadius || '2px'; });
-exports.StripThumbnail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 48px;\n  width: 48px;\n  margin-right: 5px;\n\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"], ["\n  height: 48px;\n  width: 48px;\n  margin-right: 5px;\n\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"])), function (props) {
+exports.StripThumbnail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 48px;\n  width: 48px;\n  margin-right: 5px;\n  display: block;\n\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"], ["\n  height: 48px;\n  width: 48px;\n  margin-right: 5px;\n  display: block;\n\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"])), function (props) {
     return props.color
         ? "background: ".concat(props.color, "; border-radius: ").concat(props.theme.borderRadius, ";")
         : '';

package/dist/components/Swatch/index.js

@@ -27,7 +27,7 @@ var Thumbnail = function (props) {
     var imageUrl = props.imageUrl, color = props.color, name = props.name, shape = props.shape, className = props.className;
     if (!imageUrl && !color)
         return react_1.default.createElement("div", null);
-    return (react_1.default.createElement(swatch_styles_1.OptionThumbnail, { className: "".concat(className, " option-thumbnail"), color: color, shape: shape }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : null));
+    return (react_1.default.createElement(swatch_styles_1.OptionThumbnail, { className: "".concat(className, " option-thumbnail"), color: color, shape: shape }, imageUrl ? react_1.default.createElement("img", { src: imageUrl, alt: name || '' }) : react_1.default.createElement("span", null)));
 };
 var Swatch = function (props) {
     var _a = Object.assign({ shape: 'round' }, props), title = _a.title, shape = _a.shape, description = _a.description, options = _a.options, value = _a.value, onClick = _a.onClick, customClassName = _a.className, showThumbnail = _a.showThumbnail, showPrice = _a.showPrice, showDescription = _a.showDescription;

package/dist/components/Swatch/swatch.styles.js

@@ -19,7 +19,7 @@ exports.OptionWrapperStyles = styled_components_1.default.div(templateObject_2 |
         ? ''
         : "border: 2px solid ".concat(props.theme.primaryColor, "55;");
 });
-exports.OptionThumbnail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 52px;\n  width: 52px;\n  text-align: center;\n\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"], ["\n  height: 52px;\n  width: 52px;\n  text-align: center;\n\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"])), function (props) {
+exports.OptionThumbnail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 52px;\n  width: 52px;\n  text-align: center;\n  display: block;\n\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"], ["\n  height: 52px;\n  width: 52px;\n  text-align: center;\n  display: block;\n\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  img {\n    height: 100%;\n    width: auto;\n    object-fit: cover;\n  }\n"])), function (props) {
     return props.shape === 'round' ? '50%' : props.theme.borderRadius;
 }, function (props) { return (props.color ? "background: ".concat(props.color, ";") : ''); });
 exports.SwatchInfoWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: max-content;\n  position: relative;\n  top: -100%;\n  left: 50%;\n  transform: translateX(-50%) translateY(-100%);\n  padding-bottom: 4px;\n  color: white;\n  font-family: ", ";\n\n  display: none;\n\n  & > div:nth-child(1) {\n    background: rgba(0, 0, 0, 0.6);\n    padding: 4px 6px;\n    border-radius: ", ";\n    max-width: 250px;\n  }\n\n  & > div:nth-child(2) {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-around;\n\n    & > div {\n      width: 0;\n      height: 0;\n      border-left: 8px solid transparent;\n      border-right: 8px solid transparent;\n\n      border-top: 8px solid rgba(0, 0, 0, 0.6);\n\n      overflow: hidden;\n      pointer-events: none;\n    }\n  }\n"], ["\n  width: max-content;\n  position: relative;\n  top: -100%;\n  left: 50%;\n  transform: translateX(-50%) translateY(-100%);\n  padding-bottom: 4px;\n  color: white;\n  font-family: ", ";\n\n  display: none;\n\n  & > div:nth-child(1) {\n    background: rgba(0, 0, 0, 0.6);\n    padding: 4px 6px;\n    border-radius: ", ";\n    max-width: 250px;\n  }\n\n  & > div:nth-child(2) {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-around;\n\n    & > div {\n      width: 0;\n      height: 0;\n      border-left: 8px solid transparent;\n      border-right: 8px solid transparent;\n\n      border-top: 8px solid rgba(0, 0, 0, 0.6);\n\n      overflow: hidden;\n      pointer-events: none;\n    }\n  }\n"])), function (props) { return props.theme.fontFamily; }, function (props) { return props.theme.borderRadius; });

package/dist/index.d.ts

@@ -35,4 +35,6 @@ import Zoom from './components/Zoom';
 import Snapshots from './components/Snapshots';
 import Wishlist from './components/Wishlist';
 import Share from './components/Share';
-export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, };
+import icons from './icons';
+export * from './icons';
+export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, };

package/dist/index.js

@@ -1,9 +1,19 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
+exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
 //  Hooks
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
@@ -87,3 +97,7 @@ var Wishlist_1 = __importDefault(require("./components/Wishlist"));
 exports.Wishlist = Wishlist_1.default;
 var Share_1 = __importDefault(require("./components/Share"));
 exports.Share = Share_1.default;
+//  Icons
+var icons_1 = __importDefault(require("./icons"));
+exports.icons = icons_1.default;
+__exportStar(require("./icons"), exports);

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.16",
+  "version": "0.0.20",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [
-    "dist"
+    "dist",
+    "tailwind-presets.js"
   ],
   "main": "dist/index.js",
   "module": "dist/index.js",

package/tailwind-presets.js

@@ -0,0 +1,26 @@
+module.exports = {
+  purge: ['./public/index.html', './src/**/*.{js,jsx,ts,tsx}'],
+  mode: 'jit',
+  variants: {},
+  theme: {
+    extend: {
+      colors: {
+        primary: '#1890ff',
+      },
+      height: { 50: '12rem' },
+      width: { 50: '12rem' },
+      minWidth: {
+        11: '2.75rem',
+      },
+      boxShadow: {
+        trbl: '0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)',
+        widget: '0px 0px 4px rgb(0 0 0 / 25%)',
+        wishlist: '0px 4px 16px rgba(0, 0, 0, 0.16)',
+      },
+    },
+  },
+  plugins: [],
+  corePlugins: {
+    // preflight: false,
+  },
+};