@servicetitan/marketing-ui 1.6.0 → 1.9.0

package/dist/components/stat/stat-card.js

@@ -35,18 +35,19 @@ const calculateDiff = (value, prev, percents) => {
     return [absDiff, diffPercent, diff >= 0];
 };
 const formatDifference = (value, isPlus, format) => {
-    return (isPlus ? '+' : '-') + formatters_1.formatValue(value, format);
+    return (isPlus ? '+' : '-') + (0, formatters_1.formatValue)(value, format);
 };
 const formatDifferencePercentage = (value, isPlus) => {
     if (!value) {
         return '';
     }
-    return (isPlus ? '+' : '-') + formatters_1.formatValue(value, 'percent-100');
+    return (isPlus ? '+' : '-') + (0, formatters_1.formatValue)(value, 'percent-100');
 };
 const StatDiff = ({ value, prev, size, format, inverted, neutral, className, }) => {
     const percents = format === 'percent';
     const [absDiff, diffPercent, isIncrease] = calculateDiff(value !== null && value !== void 0 ? value : 0, prev !== null && prev !== void 0 ? prev : 0, percents);
-    let text = absDiff === 0 ? '' : isIncrease ? '▲ ' : '▼ ';
+    const diff = absDiff === 0 ? '' : isIncrease ? '▲ ' : '▼ ';
+    let text = '';
     if (percents) {
         text += formatDifferencePercentage(absDiff, isIncrease);
     }
@@ -56,21 +57,21 @@ const StatDiff = ({ value, prev, size, format, inverted, neutral, className, })
             text += ` (${formatDifferencePercentage(diffPercent, isIncrease)})`;
         }
     }
-    return (jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ className: classnames_1.default(Styles.statDiff, {
+    return ((0, jsx_runtime_1.jsxs)(design_system_1.BodyText, Object.assign({ className: (0, classnames_1.default)(Styles.statDiff, {
             'c-red-500': !neutral && (inverted ? isIncrease : !isIncrease),
             'c-green-500': !neutral && (inverted ? !isIncrease : isIncrease),
             'c-neutral-200': !!neutral,
-        }, className), size: size !== null && size !== void 0 ? size : 'small' }, { children: value === undefined ? '\u00A0' : text }), void 0));
+        }, className), size: size !== null && size !== void 0 ? size : 'small' }, { children: [(0, jsx_runtime_1.jsx)("span", { children: diff }, void 0), value === undefined ? '\u00A0' : text] }), void 0));
 };
 exports.StatDiff = StatDiff;
 const StatCard = ({ title, description, value, percent, money, rate, prev, clean, inverted, neutral, fill, valueOnly, className, }) => {
     const format = money ? 'money' : percent ? 'percent' : rate ? 'rate' : 'number';
-    const val = value === undefined ? '\u00A0' : formatters_1.formatValue(value, format);
-    const eyebrow = jsx_runtime_1.jsx(design_system_1.Eyebrow, Object.assign({ className: classnames_1.default(Styles.title, 'ta-center') }, { children: title }), void 0);
-    return (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ direction: "column", alignItems: "center", className: classnames_1.default('p-y-3', {
+    const val = value === undefined ? '\u00A0' : (0, formatters_1.formatValue)(value, format);
+    const eyebrow = (0, jsx_runtime_1.jsx)(design_system_1.Eyebrow, Object.assign({ className: (0, classnames_1.default)(Styles.title, 'ta-center') }, { children: title }), void 0);
+    return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column", alignItems: "center", className: (0, classnames_1.default)('p-y-3', {
             'bg-white border-radius-2 border': !clean,
             'flex-grow-1 flex-basis-0': fill,
-        }, className) }, { children: [description ? jsx_runtime_1.jsx(design_system_1.Tooltip, Object.assign({ text: description }, { children: eyebrow }), void 0) : eyebrow, jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ className: "fs-6-i ff-display" }, { children: val }), void 0), !valueOnly && (jsx_runtime_1.jsx(exports.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral }, void 0))] }), void 0));
+        }, className) }, { children: [description ? (0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: description }, { children: eyebrow }), void 0) : eyebrow, (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ className: "fs-6-i ff-display" }, { children: val }), void 0), !valueOnly && ((0, jsx_runtime_1.jsx)(exports.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral }, void 0))] }), void 0));
 };
 exports.StatCard = StatCard;
 //# sourceMappingURL=stat-card.js.map

package/dist/components/stat/stat-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"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"}

package/dist/components/stat/stat-card.module.less

@@ -2,6 +2,13 @@
 
 .stat-diff {
     white-space: nowrap;
+    span {
+        font-size: @typescale-0;
+    }
+}
+
+.stat-extended-diff {
+    margin-bottom: 2px;
 }
 
 .title {

package/dist/components/stat/stat-cards.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: React.FC<import("./stat-card").StatCardProps>;
+    component: import("react").FC<import("./stat-card").StatCardProps>;
     parameters: {};
 };
 export default _default;

package/dist/components/stat/stat-cards.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-cards.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAG1B,wBAIE;AAIF,eAAO,MAAM,cAAc,mBAA+D,CAAC;AAC3F,eAAO,MAAM,aAAa,mBAAuE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAElC,CAAC;AACH,eAAO,MAAM,YAAY,mBAAiE,CAAC"}
+{"version":3,"file":"stat-cards.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAIF,eAAO,MAAM,cAAc,mBAA+D,CAAC;AAC3F,eAAO,MAAM,aAAa,mBAAuE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAElC,CAAC;AACH,eAAO,MAAM,YAAY,mBAAiE,CAAC"}

package/dist/components/stat/stat-cards.stories.js

@@ -8,9 +8,9 @@ exports.default = {
     component: stat_card_1.StatCard,
     parameters: {},
 };
-const w = (cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
-exports.statCardNumber = w(() => jsx_runtime_1.jsx(stat_card_1.StatCard, { title: "number", value: 133, prev: 1000 }, void 0));
-exports.statCardMoney = w(() => jsx_runtime_1.jsx(stat_card_1.StatCard, { title: "money", value: 10000, prev: 11000, money: true }, void 0));
-exports.statCardPercentInverted = w(() => (jsx_runtime_1.jsx(stat_card_1.StatCard, { title: "percent", value: 0.27, prev: 0.27333, percent: true, inverted: true }, void 0)));
-exports.statCardRate = w(() => jsx_runtime_1.jsx(stat_card_1.StatCard, { title: "rate", value: 5.5, prev: 4.5, rate: true }, void 0));
+const w = (cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
+exports.statCardNumber = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "number", value: 133, prev: 1000 }, void 0));
+exports.statCardMoney = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "money", value: 10000, prev: 11000, money: true }, void 0));
+exports.statCardPercentInverted = w(() => ((0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "percent", value: 0.27, prev: 0.27333, percent: true, inverted: true }, void 0)));
+exports.statCardRate = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "rate", value: 5.5, prev: 4.5, rate: true }, void 0));
 //# sourceMappingURL=stat-cards.stories.js.map

package/dist/components/stat/stat-cards.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-cards.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAuC;AAEvC,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAA4B,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAElF,QAAA,cAAc,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,kBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,WAAI,CAAC,CAAC;AAC9E,QAAA,aAAa,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,kBAAC,oBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,iBAAG,CAAC,CAAC;AACrF,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,kBAAC,oBAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,QAAC,QAAQ,iBAAG,CAC5E,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,kBAAC,oBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,iBAAG,CAAC,CAAC"}
+{"version":3,"file":"stat-cards.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAuC;AAEvC,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,8CAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAE5E,QAAA,cAAc,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,WAAI,CAAC,CAAC;AAC9E,QAAA,aAAa,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,iBAAG,CAAC,CAAC;AACrF,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,uBAAC,oBAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,QAAC,QAAQ,iBAAG,CAC5E,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,iBAAG,CAAC,CAAC"}

package/dist/components/stat/stat-extended-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-extended-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4DtD,CAAC"}
+{"version":3,"file":"stat-extended-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4DtD,CAAC"}

package/dist/components/stat/stat-extended-card.js

@@ -1,4 +1,23 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,11 +28,12 @@ const classnames_1 = __importDefault(require("classnames"));
 const design_system_1 = require("@servicetitan/design-system");
 const formatters_1 = require("../../utils/formatters");
 const stat_card_1 = require("./stat-card");
+const Styles = __importStar(require("./stat-card.module.less"));
 const StatExtendedCard = ({ title, title2, description, value, goal, prev, percent, money, rate, inverted, neutral, fill, className, }) => {
     const format = money ? 'money' : percent ? 'percent' : rate ? 'rate' : 'number';
-    return (jsx_runtime_1.jsxs("div", Object.assign({ className: classnames_1.default('p-3 bg-white border border-radius-2', {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('p-3 bg-white border border-radius-2', {
             'flex-grow-1 flex-basis-0': fill,
-        }, className) }, { children: [jsx_runtime_1.jsxs(design_system_1.Stack, { children: [jsx_runtime_1.jsx(design_system_1.Headline, Object.assign({ size: "small" }, { children: title }), void 0), !!description && (jsx_runtime_1.jsx(design_system_1.Tooltip, Object.assign({ text: description }, { children: jsx_runtime_1.jsx(design_system_1.Icon, { name: "info", size: 18, className: "c-neutral-80 m-l-half" }, void 0) }), void 0))] }, void 0), jsx_runtime_1.jsx(design_system_1.Eyebrow, Object.assign({ size: "small", className: "m-t-3 c-black" }, { children: title2 }), void 0), jsx_runtime_1.jsx(design_system_1.Stack, Object.assign({ justifyContent: "space-between" }, { children: jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ alignItems: "flex-end", className: "flex-grow-1 flex-basis-0" }, { children: [jsx_runtime_1.jsx(design_system_1.Headline, Object.assign({ className: "m-b-0-i m-r-half fw-normal-i", size: "xlarge" }, { children: formatters_1.formatValue(value, format) }), void 0), goal !== undefined ? (jsx_runtime_1.jsxs(design_system_1.BodyText, Object.assign({ subdued: true }, { children: ["/ ", formatters_1.formatValue(goal, format), " (Goal)"] }), void 0)) : prev !== undefined ? (jsx_runtime_1.jsx(stat_card_1.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral, className: "m-l-1" }, void 0)) : undefined] }), void 0) }), void 0)] }), void 0));
+        }, className) }, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Stack, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Headline, Object.assign({ size: "small" }, { children: title }), void 0), !!description && ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: description }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "info", size: 18, className: "c-neutral-80 m-l-half" }, void 0) }), void 0))] }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.Eyebrow, Object.assign({ size: "small", className: "m-t-2 c-black" }, { children: title2 }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ justifyContent: "space-between", className: "m-t-half" }, { children: (0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "flex-end", className: "flex-grow-1 flex-basis-0" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Headline, Object.assign({ className: "m-b-0-i m-r-half fw-normal-i", size: "xlarge" }, { children: (0, formatters_1.formatValue)(value, format) }), void 0), goal !== undefined ? ((0, jsx_runtime_1.jsxs)(design_system_1.BodyText, Object.assign({ subdued: true }, { children: ["/ ", (0, formatters_1.formatValue)(goal, format), " (Goal)"] }), void 0)) : prev !== undefined ? ((0, jsx_runtime_1.jsx)(stat_card_1.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral, className: (0, classnames_1.default)(Styles.statExtendedDiff, 'm-l-1') }, void 0)) : undefined] }), void 0) }), void 0)] }), void 0));
 };
 exports.StatExtendedCard = StatExtendedCard;
 //# sourceMappingURL=stat-extended-card.js.map

package/dist/components/stat/stat-extended-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-extended-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,+DAAgG;AAChG,uDAAqD;AACrD,2CAAuC;AAiBhC,MAAM,gBAAgB,GAA8B,CAAC,EACxD,KAAK,EACL,MAAM,EACN,WAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhF,OAAO,CACH,0CACI,SAAS,EAAE,oBAAU,CACjB,qCAAqC,EACrC;YACI,0BAA0B,EAAE,IAAI;SACnC,EACD,SAAS,CACZ,iBAED,mBAAC,qBAAK,eACF,kBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,gBAAE,KAAK,YAAY,EACxC,CAAC,CAAC,WAAW,IAAI,CACd,kBAAC,uBAAO,kBAAC,IAAI,EAAE,WAAW,gBACtB,kBAAC,oBAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,WAAG,YAC1D,CACb,YACG,EACR,kBAAC,uBAAO,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,gBAC1C,MAAM,YACD,EAEV,kBAAC,qBAAK,kBAAC,cAAc,EAAC,eAAe,gBACjC,mBAAC,qBAAK,kBAAC,UAAU,EAAC,UAAU,EAAC,SAAS,EAAC,0BAA0B,iBAC7D,kBAAC,wBAAQ,kBAAC,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,gBAC3D,wBAAW,CAAC,KAAK,EAAE,MAAM,CAAC,YACpB,EACV,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAClB,mBAAC,wBAAQ,kBAAC,OAAO,6BAAI,wBAAW,CAAC,IAAI,EAAE,MAAM,CAAC,wBAAmB,CACpE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,kBAAC,oBAAQ,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,OAAO,WACnB,CACL,CAAC,CAAC,CAAC,SAAS,aACT,YACJ,aACN,CACT,CAAC;AACN,CAAC,CAAC;AA5DW,QAAA,gBAAgB,oBA4D3B"}
+{"version":3,"file":"stat-extended-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,+DAAgG;AAChG,uDAAqD;AACrD,2CAAuC;AACvC,gEAAkD;AAiB3C,MAAM,gBAAgB,GAA8B,CAAC,EACxD,KAAK,EACL,MAAM,EACN,WAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhF,OAAO,CACH,+CACI,SAAS,EAAE,IAAA,oBAAU,EACjB,qCAAqC,EACrC;YACI,0BAA0B,EAAE,IAAI;SACnC,EACD,SAAS,CACZ,iBAED,wBAAC,qBAAK,eACF,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,gBAAE,KAAK,YAAY,EACxC,CAAC,CAAC,WAAW,IAAI,CACd,uBAAC,uBAAO,kBAAC,IAAI,EAAE,WAAW,gBACtB,uBAAC,oBAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,WAAG,YAC1D,CACb,YACG,EACR,uBAAC,uBAAO,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,gBAC1C,MAAM,YACD,EAEV,uBAAC,qBAAK,kBAAC,cAAc,EAAC,eAAe,EAAC,SAAS,EAAC,UAAU,gBACtD,wBAAC,qBAAK,kBAAC,UAAU,EAAC,UAAU,EAAC,SAAS,EAAC,0BAA0B,iBAC7D,uBAAC,wBAAQ,kBAAC,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,gBAC3D,IAAA,wBAAW,EAAC,KAAK,EAAE,MAAM,CAAC,YACpB,EACV,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAClB,wBAAC,wBAAQ,kBAAC,OAAO,6BAAI,IAAA,wBAAW,EAAC,IAAI,EAAE,MAAM,CAAC,wBAAmB,CACpE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,uBAAC,oBAAQ,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,WACzD,CACL,CAAC,CAAC,CAAC,SAAS,aACT,YACJ,aACN,CACT,CAAC;AACN,CAAC,CAAC;AA5DW,QAAA,gBAAgB,oBA4D3B"}

package/dist/components/stat/stat-extended-card.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: React.FC<import("./stat-extended-card").StatExtendedCardProps>;
+    component: import("react").FC<import("./stat-extended-card").StatExtendedCardProps>;
     parameters: {};
 };
 export default _default;

package/dist/components/stat/stat-extended-card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-extended-card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAG1B,wBAIE;AAIF,eAAO,MAAM,qBAAqB,mBAUhC,CAAC;AACH,eAAO,MAAM,qBAAqB,mBAEhC,CAAC;AACH,eAAO,MAAM,uBAAuB,mBASlC,CAAC"}
+{"version":3,"file":"stat-extended-card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAIF,eAAO,MAAM,qBAAqB,mBAUhC,CAAC;AACH,eAAO,MAAM,qBAAqB,mBAEhC,CAAC;AACH,eAAO,MAAM,uBAAuB,mBASlC,CAAC"}

package/dist/components/stat/stat-extended-card.stories.js

@@ -8,8 +8,8 @@ exports.default = {
     component: stat_extended_card_1.StatExtendedCard,
     parameters: {},
 };
-const w = (cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
-exports.statCardMoneyWithPrev = w(() => (jsx_runtime_1.jsx(stat_extended_card_1.StatExtendedCard, { title: "number", title2: "total number", description: "hint for stat", value: 800, prev: 1000, money: true, fill: true }, void 0)));
-exports.statCardMoneyWithGoal = w(() => (jsx_runtime_1.jsx(stat_extended_card_1.StatExtendedCard, { title: "money", title2: "total money", value: 10000, goal: 18000, money: true, fill: true }, void 0)));
-exports.statCardPercentWithPrev = w(() => (jsx_runtime_1.jsx(stat_extended_card_1.StatExtendedCard, { title: "percent", title2: "total percent", value: 0.27, prev: 0.33, percent: true, fill: true }, void 0)));
+const w = (cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
+exports.statCardMoneyWithPrev = w(() => ((0, jsx_runtime_1.jsx)(stat_extended_card_1.StatExtendedCard, { title: "number", title2: "total number", description: "hint for stat", value: 800, prev: 1000, money: true, fill: true }, void 0)));
+exports.statCardMoneyWithGoal = w(() => ((0, jsx_runtime_1.jsx)(stat_extended_card_1.StatExtendedCard, { title: "money", title2: "total money", value: 10000, goal: 18000, money: true, fill: true }, void 0)));
+exports.statCardPercentWithPrev = w(() => ((0, jsx_runtime_1.jsx)(stat_extended_card_1.StatExtendedCard, { title: "percent", title2: "total percent", value: 0.27, prev: 0.33, percent: true, fill: true }, void 0)));
 //# sourceMappingURL=stat-extended-card.stories.js.map

package/dist/components/stat/stat-extended-card.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-extended-card.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":";;;;AACA,6DAAwD;AAExD,kBAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,qCAAgB;IAC3B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAA4B,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAElF,QAAA,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,kBAAC,qCAAgB,IACb,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,EACV,KAAK,QACL,IAAI,iBACN,CACL,CAAC,CAAC;AACU,QAAA,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,kBAAC,qCAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,QAAC,IAAI,iBAAG,CAChG,CAAC,CAAC;AACU,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,kBAAC,qCAAgB,IACb,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,OAAO,QACP,IAAI,iBACN,CACL,CAAC,CAAC"}
+{"version":3,"file":"stat-extended-card.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":";;;;AACA,6DAAwD;AAExD,kBAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,qCAAgB;IAC3B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,8CAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAE5E,QAAA,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,uBAAC,qCAAgB,IACb,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,EACV,KAAK,QACL,IAAI,iBACN,CACL,CAAC,CAAC;AACU,QAAA,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,uBAAC,qCAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,QAAC,IAAI,iBAAG,CAChG,CAAC,CAAC;AACU,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,uBAAC,qCAAgB,IACb,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,OAAO,QACP,IAAI,iBACN,CACL,CAAC,CAAC"}

package/dist/components/ui/centered-spinner.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { FC } from 'react';
 export interface CenteredSpinnerPropsStrict {
     /** Size variants */
     size?: 'large' | 'medium' | 'small' | 'tiny';
     className?: string;
     info?: string;
 }
-export declare const CenteredSpinner: React.FC<CenteredSpinnerPropsStrict>;
+export declare const CenteredSpinner: FC<CenteredSpinnerPropsStrict>;
 //# sourceMappingURL=centered-spinner.d.ts.map

package/dist/components/ui/centered-spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"centered-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,0BAA0B;IACvC,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAoBhE,CAAC"}
+{"version":3,"file":"centered-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,WAAW,0BAA0B;IACvC,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,0BAA0B,CAgB1D,CAAC"}

package/dist/components/ui/centered-spinner.js

@@ -7,8 +7,8 @@ exports.CenteredSpinner = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const design_system_1 = require("@servicetitan/design-system");
-const CenteredSpinner = ({ size, className, info, }) => {
-    return (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ justifyContent: "center", alignItems: "center", direction: "column", className: classnames_1.default(className, 'h-100 w-100') }, { children: [jsx_runtime_1.jsx(design_system_1.Spinner, { className: "of-hidden", size: size }, void 0), !!info && (jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ size: "small", className: "m-t-1", subdued: true }, { children: info }), void 0))] }), void 0));
+const CenteredSpinner = ({ size, className, info }) => {
+    return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ justifyContent: "center", alignItems: "center", direction: "column", className: (0, classnames_1.default)(className, 'h-100 w-100') }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Spinner, { className: "of-hidden", size: size }, void 0), !!info && ((0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "small", className: "m-t-1", subdued: true }, { children: info }), void 0))] }), void 0));
 };
 exports.CenteredSpinner = CenteredSpinner;
 //# sourceMappingURL=centered-spinner.js.map

package/dist/components/ui/centered-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"centered-spinner.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,+DAAuE;AAShE,MAAM,eAAe,GAAyC,CAAC,EAClE,IAAI,EACJ,SAAS,EACT,IAAI,GACP,EAAE,EAAE;IACD,OAAO,CACH,mBAAC,qBAAK,kBACF,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,oBAAU,CAAC,SAAS,EAAE,aAAa,CAAC,iBAE/C,kBAAC,uBAAO,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,WAAI,EAC5C,CAAC,CAAC,IAAI,IAAI,CACP,kBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,sBAC3C,IAAI,YACE,CACd,aACG,CACX,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,eAAe,mBAoB1B"}
+{"version":3,"file":"centered-spinner.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,+DAAuE;AAShE,MAAM,eAAe,GAAmC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACzF,OAAO,CACH,wBAAC,qBAAK,kBACF,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,aAAa,CAAC,iBAE/C,uBAAC,uBAAO,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,WAAI,EAC5C,CAAC,CAAC,IAAI,IAAI,CACP,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,sBAC3C,IAAI,YACE,CACd,aACG,CACX,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,eAAe,mBAgB1B"}

package/dist/components/ui/centered-spinner.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: React.FC<import("./centered-spinner").CenteredSpinnerPropsStrict>;
+    component: import("react").FC<import("./centered-spinner").CenteredSpinnerPropsStrict>;
     parameters: {};
 };
 export default _default;

package/dist/components/ui/centered-spinner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"centered-spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAG1B,wBAIE;AAKF,eAAO,MAAM,mBAAmB,mBAA+C,CAAC;AAChF,eAAO,MAAM,eAAe,mBAAoE,CAAC;AACjG,eAAO,MAAM,qBAAqB,mBAEhC,CAAC"}
+{"version":3,"file":"centered-spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAKF,eAAO,MAAM,mBAAmB,mBAA+C,CAAC;AAChF,eAAO,MAAM,eAAe,mBAAoE,CAAC;AACjG,eAAO,MAAM,qBAAqB,mBAEhC,CAAC"}

package/dist/components/ui/centered-spinner.stories.js

@@ -8,8 +8,8 @@ exports.default = {
     component: centered_spinner_1.CenteredSpinner,
     parameters: {},
 };
-const w = (style, cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: style }, { children: cb() }), void 0);
-exports.centeredSpinnerTiny = w({}, () => jsx_runtime_1.jsx(centered_spinner_1.CenteredSpinner, { size: "tiny" }, void 0));
-exports.centeredSpinner = w({ width: '400px', height: '400px' }, () => jsx_runtime_1.jsx(centered_spinner_1.CenteredSpinner, {}, void 0));
-exports.centeredSpinnerTitled = w({ width: '400px', height: '400px' }, () => (jsx_runtime_1.jsx(centered_spinner_1.CenteredSpinner, { info: "Wait for data fetch" }, void 0)));
+const w = (style, cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: cb() }), void 0);
+exports.centeredSpinnerTiny = w({}, () => (0, jsx_runtime_1.jsx)(centered_spinner_1.CenteredSpinner, { size: "tiny" }, void 0));
+exports.centeredSpinner = w({ width: '400px', height: '400px' }, () => (0, jsx_runtime_1.jsx)(centered_spinner_1.CenteredSpinner, {}, void 0));
+exports.centeredSpinnerTitled = w({ width: '400px', height: '400px' }, () => ((0, jsx_runtime_1.jsx)(centered_spinner_1.CenteredSpinner, { info: "Wait for data fetch" }, void 0)));
 //# sourceMappingURL=centered-spinner.stories.js.map

package/dist/components/ui/centered-spinner.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"centered-spinner.stories.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;AACA,yDAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,kCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAA4B,EAAE,EAAE,CAAC,GAAG,EAAE,CACzF,yCAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAC,kCAAe,IAAC,IAAI,EAAC,MAAM,WAAG,CAAC,CAAC;AACnE,QAAA,eAAe,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAC,kCAAe,aAAG,CAAC,CAAC;AACpF,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC9E,kBAAC,kCAAe,IAAC,IAAI,EAAC,qBAAqB,WAAG,CACjD,CAAC,CAAC"}
+{"version":3,"file":"centered-spinner.stories.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;AACA,yDAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,kCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CACnF,8CAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,kCAAe,IAAC,IAAI,EAAC,MAAM,WAAG,CAAC,CAAC;AACnE,QAAA,eAAe,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,kCAAe,aAAG,CAAC,CAAC;AACpF,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC9E,uBAAC,kCAAe,IAAC,IAAI,EAAC,qBAAqB,WAAG,CACjD,CAAC,CAAC"}

package/dist/components/ui/date-range-picker/date-range-picker.js

@@ -41,7 +41,7 @@ const formatDate = (dt) => dt.toLocaleString('en-US', {
     month: 'short',
 });
 const formatDateRange = (range) => `${formatDate(range.start)} - ${formatDate(range.end)}`;
-exports.DateRangePicker = mobx_react_1.observer(({ compare, disabled, state, onChange, }) => {
+exports.DateRangePicker = (0, mobx_react_1.observer)(({ compare, disabled, state, onChange, }) => {
     const selectedOption = state.selectedOption;
     /*
      * DateRangePickerOptions uses exclusive date ranges for end date (start >= dt > end)
@@ -58,13 +58,13 @@ exports.DateRangePicker = mobx_react_1.observer(({ compare, disabled, state, onC
             state.onChange(newVal);
         }
     };
-    const options = react_1.useMemo(() => state.options.options.map(o => ({
+    const options = (0, react_1.useMemo)(() => state.options.options.map(o => ({
         text: o.text,
         value: convertDateRange(o.value),
         selected: o.key === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.key),
     })), [selectedOption, state.options.options]);
-    const value = react_1.useMemo(() => convertDateRange(state.value), [state.value]);
-    const compareValue = react_1.useMemo(() => state.value && compare
+    const value = (0, react_1.useMemo)(() => convertDateRange(state.value), [state.value]);
+    const compareValue = (0, react_1.useMemo)(() => state.value && compare
         ? convertDateRange(state.options.getComparisonDateRange(state.value))
         : undefined, [compare, state.value, state.options]);
     const textValue = selectedOption
@@ -72,6 +72,6 @@ exports.DateRangePicker = mobx_react_1.observer(({ compare, disabled, state, onC
         : compare || !value
             ? 'Custom Date Range'
             : formatDateRange(value);
-    return (jsx_runtime_1.jsxs(design_system_1.Stack, { children: [jsx_runtime_1.jsx(design_system_1.Stack.Item, Object.assign({ className: Styles.pickerContainer }, { children: jsx_runtime_1.jsx(design_system_1.Form.DateRangePicker, { onChange: onPickerChange, options: options, value: value, required: true, disabled: disabled, label: jsx_runtime_1.jsx("div", Object.assign({ className: classnames_1.default(Styles.pickerValue, 'd-f flex-column justify-content-center t-truncate cursor-pointer') }, { children: textValue }), void 0) }, void 0) }), void 0), !!compare && (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ direction: "column", justifyContent: "center", className: "m-l-2" }, { children: [jsx_runtime_1.jsx(design_system_1.BodyText, { children: value ? formatDateRange(value) : '' }, void 0), !!compareValue && (jsx_runtime_1.jsxs(design_system_1.BodyText, Object.assign({ size: "xsmall", subdued: true }, { children: ["vs. ", formatDateRange(compareValue)] }), void 0))] }), void 0))] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ className: Styles.pickerContainer }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Form.DateRangePicker, { onChange: onPickerChange, options: options, value: value, required: true, disabled: disabled, label: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(Styles.pickerValue, 'd-f flex-column justify-content-center t-truncate cursor-pointer') }, { children: textValue }), void 0) }, void 0) }), void 0), !!compare && ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column", justifyContent: "center", className: "m-l-2" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.BodyText, { children: value ? formatDateRange(value) : '' }, void 0), !!compareValue && ((0, jsx_runtime_1.jsxs)(design_system_1.BodyText, Object.assign({ size: "xsmall", subdued: true }, { children: ["vs. ", formatDateRange(compareValue)] }), void 0))] }), void 0))] }, void 0));
 });
 //# sourceMappingURL=date-range-picker.js.map

package/dist/components/ui/date-range-picker/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAuC;AACvC,4DAAoC;AACpC,2CAAsC;AACtC,+DAAoE;AAEpE,wEAA0D;AAS1D,MAAM,gBAAgB,GAAG,CAAC,GAAe,EAAE,QAAkB,EAAyB,EAAE,CACpF,GAAG;IACC,CAAC,CAAC;QACI,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,GAAG,EAAE,IAAI,IAAI,CACT,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,EACrB,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,EAClB,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1C;KACJ;IACH,CAAC,CAAC,SAAS,CAAC;AAEpB,MAAM,UAAU,GAAG,CAAC,EAAQ,EAAE,EAAE,CAC5B,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE;IACvB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAEP,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAE,EAAE,CACzC,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;AAE/C,QAAA,eAAe,GAAG,qBAAQ,CACnC,CAA4B,EACxB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,GACuB,EAAE,EAAE;IACnC,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAE5C;;;;;OAKG;IACH,MAAM,cAAc,GAA4D,GAAG,CAAC,EAAE;QAClF,MAAM,MAAM,GAAG,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAE3C,IAAI,QAAQ,EAAE;YACV,QAAQ,CAAC,MAAM,CAAC,CAAC;SACpB;aAAM;YACH,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;SAC1B;IACL,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,eAAO,CACnB,GAAG,EAAE,CACD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5B,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC;QAChC,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAA;KAC1C,CAAC,CAAC,EACP,CAAC,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAC1C,CAAC;IACF,MAAM,KAAK,GAAG,eAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,eAAO,CACxB,GAAG,EAAE,CACD,KAAK,CAAC,KAAK,IAAI,OAAO;QAClB,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrE,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CACxC,CAAC;IACF,MAAM,SAAS,GAAG,cAAc;QAC5B,CAAC,CAAC,cAAc,CAAC,IAAI;QACrB,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK;YACnB,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACH,mBAAC,qBAAK,eACF,kBAAC,qBAAK,CAAC,IAAI,kBAAC,SAAS,EAAE,MAAM,CAAC,eAAe,gBACzC,kBAAC,oBAAI,CAAC,eAAe,IACjB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EACD,yCACI,SAAS,EAAE,oBAAU,CACjB,MAAM,CAAC,WAAW,EAClB,kEAAkE,CACrE,gBAEA,SAAS,YACR,WAEZ,YACO,EACZ,CAAC,CAAC,OAAO,IAAI,CACV,mBAAC,qBAAK,kBAAC,SAAS,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,iBAC/D,kBAAC,wBAAQ,cAAE,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,WAAY,EACzD,CAAC,CAAC,YAAY,IAAI,CACf,mBAAC,wBAAQ,kBAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,+BACtB,eAAe,CAAC,YAAY,CAAC,aAC3B,CACd,aACG,CACX,YACG,CACX,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/date-range-picker/date-range-picker.module.less

@@ -13,7 +13,7 @@
         }
 
         .FormField__label {
-            margin: 0;
+            margin: @spacing-0;
         }
 
         .DateRangeTrigger__shortLabel {

package/dist/components/ui/date-range-picker/date-range-picker.stories.js

@@ -11,7 +11,7 @@ exports.default = {
 };
 const tz = { UtcOffset: 0 };
 const state = date_1.DateRangePickerState.createWithOptions(date_1.DateRangePickerOptionsTenantAds.create(tz));
-const w = (style, Component) => () => (jsx_runtime_1.jsx("div", Object.assign({ style: style }, { children: jsx_runtime_1.jsx(Component, {}, void 0) }), void 0));
-exports.dateRangePicker = w({}, () => jsx_runtime_1.jsx(date_range_picker_1.DateRangePicker, { state: state }, void 0));
-exports.dateRangePickerCompare = w({}, () => jsx_runtime_1.jsx(date_range_picker_1.DateRangePicker, { state: state, compare: true }, void 0));
+const w = (style, Component) => () => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(Component, {}, void 0) }), void 0));
+exports.dateRangePicker = w({}, () => (0, jsx_runtime_1.jsx)(date_range_picker_1.DateRangePicker, { state: state }, void 0));
+exports.dateRangePickerCompare = w({}, () => (0, jsx_runtime_1.jsx)(date_range_picker_1.DateRangePicker, { state: state, compare: true }, void 0));
 //# sourceMappingURL=date-range-picker.stories.js.map

package/dist/components/ui/date-range-picker/date-range-picker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.stories.tsx"],"names":[],"mappings":";;;;AACA,2DAAsD;AACtD,8CAA4F;AAE5F,kBAAe;IACX,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,mCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAC5B,MAAM,KAAK,GAAG,2BAAoB,CAAC,iBAAiB,CAAC,sCAA+B,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjG,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,SAAmB,EAAE,EAAE,CAAC,GAAG,EAAE,CAChF,CACI,yCAAK,KAAK,EAAE,KAAK,gBACb,kBAAC,SAAS,aAAG,YACX,CACT,CAAC;AAEO,QAAA,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAC,mCAAe,IAAC,KAAK,EAAE,KAAK,WAAI,CAAC,CAAC;AACjE,QAAA,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAC,mCAAe,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,iBAAG,CAAC,CAAC"}
+{"version":3,"file":"date-range-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.stories.tsx"],"names":[],"mappings":";;;;AACA,2DAAsD;AACtD,8CAA4F;AAE5F,kBAAe;IACX,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,mCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAC5B,MAAM,KAAK,GAAG,2BAAoB,CAAC,iBAAiB,CAAC,sCAA+B,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjG,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,SAAa,EAAE,EAAE,CAAC,GAAG,EAAE,CAC1E,CACI,8CAAK,KAAK,EAAE,KAAK,gBACb,uBAAC,SAAS,aAAG,YACX,CACT,CAAC;AAEO,QAAA,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,mCAAe,IAAC,KAAK,EAAE,KAAK,WAAI,CAAC,CAAC;AACjE,QAAA,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,mCAAe,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,iBAAG,CAAC,CAAC"}

package/dist/components/ui/disabled-button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { ButtonProps } from '@servicetitan/design-system';
 interface DisabledButtonProps extends Omit<ButtonProps, 'disabled'> {
     disabled?: string | boolean;
@@ -12,6 +12,6 @@ interface DisabledButtonProps extends Omit<ButtonProps, 'disabled'> {
  *   <DisabledButton disabled="This button is disabled">knock knock</Button>
  * )
  */
-export declare const DisabledButton: React.FC<DisabledButtonProps>;
+export declare const DisabledButton: FC<DisabledButtonProps>;
 export {};
 //# sourceMappingURL=disabled-button.d.ts.map

package/dist/components/ui/disabled-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disabled-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAW,MAAM,6BAA6B,CAAC;AAE3E,UAAU,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAC"}
+{"version":3,"file":"disabled-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAU,WAAW,EAAW,MAAM,6BAA6B,CAAC;AAE3E,UAAU,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAQlD,CAAC"}

package/dist/components/ui/disabled-button.js

@@ -13,7 +13,7 @@ const design_system_1 = require("@servicetitan/design-system");
  * )
  */
 const DisabledButton = props => {
-    return props.disabled && props.disabled !== true ? (jsx_runtime_1.jsx(design_system_1.Tooltip, Object.assign({ text: props.disabled }, { children: jsx_runtime_1.jsx(design_system_1.Button, Object.assign({}, props, { disabled: true }), void 0) }), void 0)) : (jsx_runtime_1.jsx(design_system_1.Button, Object.assign({}, props, { disabled: !!props.disabled }), void 0));
+    return props.disabled && props.disabled !== true ? ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: props.disabled }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({}, props, { disabled: true }), void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({}, props, { disabled: !!props.disabled }), void 0));
 };
 exports.DisabledButton = DisabledButton;
 //# sourceMappingURL=disabled-button.js.map

package/dist/components/ui/disabled-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"disabled-button.js","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":";;;;AACA,+DAA2E;AAM3E;;;;;;;;GAQG;AACI,MAAM,cAAc,GAAkC,KAAK,CAAC,EAAE;IACjE,OAAO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC/C,kBAAC,uBAAO,kBAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,gBACzB,kBAAC,sBAAM,oBAAK,KAAK,IAAE,QAAQ,kBAAG,YACxB,CACb,CAAC,CAAC,CAAC,CACA,kBAAC,sBAAM,oBAAK,KAAK,IAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,YAAI,CACpD,CAAC;AACN,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}
+{"version":3,"file":"disabled-button.js","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":";;;;AACA,+DAA2E;AAM3E;;;;;;;;GAQG;AACI,MAAM,cAAc,GAA4B,KAAK,CAAC,EAAE;IAC3D,OAAO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC/C,uBAAC,uBAAO,kBAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,gBACzB,uBAAC,sBAAM,oBAAK,KAAK,IAAE,QAAQ,kBAAG,YACxB,CACb,CAAC,CAAC,CAAC,CACA,uBAAC,sBAAM,oBAAK,KAAK,IAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,YAAI,CACpD,CAAC;AACN,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}

package/dist/components/ui/line-text/line-text-body.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: React.FC<import("./line-text").BodyTextLineProps>;
+    component: import("react").FC<import("./line-text").BodyTextLineProps>;
     parameters: {};
 };
 export default _default;

package/dist/components/ui/line-text/line-text-body.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-text-body.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAG1B,wBAIE;AAKF,eAAO,MAAM,qBAAqB,mBAA+D,CAAC;AAClG,eAAO,MAAM,mBAAmB,mBAQ9B,CAAC"}
+{"version":3,"file":"line-text-body.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAKF,eAAO,MAAM,qBAAqB,mBAA+D,CAAC;AAClG,eAAO,MAAM,mBAAmB,mBAQ9B,CAAC"}

package/dist/components/ui/line-text/line-text-body.stories.js

@@ -8,7 +8,7 @@ exports.default = {
     component: line_text_1.BodyTextLine,
     parameters: {},
 };
-const w = (style, cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: style }, { children: cb() }), void 0);
-exports.bodyTextLineUnlimited = w({}, () => jsx_runtime_1.jsx(line_text_1.BodyTextLine, { children: "just a simple text" }, void 0));
-exports.bodyTextLineLimited = w({ width: '400px' }, () => (jsx_runtime_1.jsx(line_text_1.BodyTextLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, void 0)));
+const w = (style, cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: cb() }), void 0);
+exports.bodyTextLineUnlimited = w({}, () => (0, jsx_runtime_1.jsx)(line_text_1.BodyTextLine, { children: "just a simple text" }, void 0));
+exports.bodyTextLineLimited = w({ width: '400px' }, () => ((0, jsx_runtime_1.jsx)(line_text_1.BodyTextLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, void 0)));
 //# sourceMappingURL=line-text-body.stories.js.map

package/dist/components/ui/line-text/line-text-body.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-text-body.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,wBAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAA4B,EAAE,EAAE,CAAC,GAAG,EAAE,CACxE,yCAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAC,wBAAY,6CAAkC,CAAC,CAAC;AACrF,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,kBAAC,wBAAY,wdAME,CAClB,CAAC,CAAC"}
+{"version":3,"file":"line-text-body.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,wBAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAClE,8CAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAY,6CAAkC,CAAC,CAAC;AACrF,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,uBAAC,wBAAY,wdAME,CAClB,CAAC,CAAC"}

package/dist/components/ui/line-text/line-text-head.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: React.FC<import("./line-text").HeadlineLineProps>;
+    component: import("react").FC<import("./line-text").HeadlineLineProps>;
     parameters: {};
 };
 export default _default;

package/dist/components/ui/line-text/line-text-head.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-text-head.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-head.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAG1B,wBAIE;AAKF,eAAO,MAAM,qBAAqB,mBAA+D,CAAC;AAClG,eAAO,MAAM,mBAAmB,mBAQ9B,CAAC"}
+{"version":3,"file":"line-text-head.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-head.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAKF,eAAO,MAAM,qBAAqB,mBAA+D,CAAC;AAClG,eAAO,MAAM,mBAAmB,mBAQ9B,CAAC"}

package/dist/components/ui/line-text/line-text-head.stories.js

@@ -8,7 +8,7 @@ exports.default = {
     component: line_text_1.HeadlineLine,
     parameters: {},
 };
-const w = (style, cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: style }, { children: cb() }), void 0);
-exports.headlineLineUnlimited = w({}, () => jsx_runtime_1.jsx(line_text_1.HeadlineLine, { children: "just a simple text" }, void 0));
-exports.headlineLineLimited = w({ width: '400px' }, () => (jsx_runtime_1.jsx(line_text_1.HeadlineLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, void 0)));
+const w = (style, cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: cb() }), void 0);
+exports.headlineLineUnlimited = w({}, () => (0, jsx_runtime_1.jsx)(line_text_1.HeadlineLine, { children: "just a simple text" }, void 0));
+exports.headlineLineLimited = w({ width: '400px' }, () => ((0, jsx_runtime_1.jsx)(line_text_1.HeadlineLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, void 0)));
 //# sourceMappingURL=line-text-head.stories.js.map

package/dist/components/ui/line-text/line-text-head.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-text-head.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-head.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,wBAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAA4B,EAAE,EAAE,CAAC,GAAG,EAAE,CACxE,yCAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAC,wBAAY,6CAAkC,CAAC,CAAC;AACrF,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,kBAAC,wBAAY,wdAME,CAClB,CAAC,CAAC"}
+{"version":3,"file":"line-text-head.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-head.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,wBAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAClE,8CAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAY,6CAAkC,CAAC,CAAC;AACrF,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,uBAAC,wBAAY,wdAME,CAClB,CAAC,CAAC"}

package/dist/components/ui/line-text/line-text.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
+import { FC } from 'react';
 import { BodyTextPropsStrict, HeadlinePropsStrict } from '@servicetitan/design-system';
 export interface BodyTextLineProps extends BodyTextPropsStrict {
     wrapperClassName?: string;
     children?: string;
 }
-export declare const BodyTextLine: React.FC<BodyTextLineProps>;
+export declare const BodyTextLine: FC<BodyTextLineProps>;
 export interface HeadlineLineProps extends HeadlinePropsStrict {
     wrapperClassName?: string;
     children?: string;
 }
-export declare const HeadlineLine: React.FC<HeadlineLineProps>;
+export declare const HeadlineLine: FC<HeadlineLineProps>;
 //# sourceMappingURL=line-text.d.ts.map

package/dist/components/ui/line-text/line-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-text.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEH,mBAAmB,EAEnB,mBAAmB,EAEtB,MAAM,6BAA6B,CAAC;AAmBrC,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0CpD,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAC"}
+{"version":3,"file":"line-text.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,EAAE,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAEH,mBAAmB,EAEnB,mBAAmB,EAEtB,MAAM,6BAA6B,CAAC;AAmBrC,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsC9C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmC9C,CAAC"}

package/dist/components/ui/line-text/line-text.js

@@ -41,25 +41,25 @@ const design_system_1 = require("@servicetitan/design-system");
 const use_client_rect_1 = require("../../../utils/use-client-rect");
 const Styles = __importStar(require("./line-text.module.less"));
 const useLimited = () => {
-    const [rect1, ref1] = use_client_rect_1.useClientRect();
-    const [rect2, ref2] = use_client_rect_1.useClientRect();
-    const limited = react_1.useMemo(() => !!(rect1 === null || rect1 === void 0 ? void 0 : rect1.width) && !!(rect2 === null || rect2 === void 0 ? void 0 : rect2.width) && ((rect2 === null || rect2 === void 0 ? void 0 : rect2.width) || 0) > ((rect1 === null || rect1 === void 0 ? void 0 : rect1.width) || 0), [rect1, rect2]);
+    const [rect1, ref1] = (0, use_client_rect_1.useClientRect)();
+    const [rect2, ref2] = (0, use_client_rect_1.useClientRect)();
+    const limited = (0, react_1.useMemo)(() => !!(rect1 === null || rect1 === void 0 ? void 0 : rect1.width) && !!(rect2 === null || rect2 === void 0 ? void 0 : rect2.width) && ((rect2 === null || rect2 === void 0 ? void 0 : rect2.width) || 0) > ((rect1 === null || rect1 === void 0 ? void 0 : rect1.width) || 0), [rect1, rect2]);
     return [ref1, ref2, limited];
 };
 const BodyTextLine = (_a) => {
     var { children, wrapperClassName } = _a, props = __rest(_a, ["children", "wrapperClassName"]);
     const [ref1, ref2, limited] = useLimited();
-    return (jsx_runtime_1.jsxs("div", Object.assign({ ref: ref1, className: classnames_1.default(wrapperClassName, 'w-100 position-relative d-f flex-row of-x-hidden') }, { children: [jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({}, props, { className: classnames_1.default(props.className, Styles.mainText, {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref1, className: (0, classnames_1.default)(wrapperClassName, 'w-100 position-relative d-f flex-row of-x-hidden') }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({}, props, { className: (0, classnames_1.default)(props.className, Styles.mainText, {
                     [Styles.mainTextHidden]: limited,
-                }), ref: ref2 }, { children: children }), void 0), limited && (jsx_runtime_1.jsxs("div", Object.assign({ className: Styles.moreDetailsWrapper }, { children: [jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({}, props, { className: classnames_1.default(props.className, Styles.moreDetailsText, 't-truncate') }, { children: children }), void 0), jsx_runtime_1.jsx(design_system_1.MoreDetails, { full: children !== null && children !== void 0 ? children : '', short: "", size: props.size }, void 0)] }), void 0))] }), void 0));
+                }), ref: ref2 }, { children: children }), void 0), limited && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: Styles.moreDetailsWrapper }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({}, props, { className: (0, classnames_1.default)(props.className, Styles.moreDetailsText, 't-truncate') }, { children: children }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.MoreDetails, { full: children !== null && children !== void 0 ? children : '', short: "", size: props.size }, void 0)] }), void 0))] }), void 0));
 };
 exports.BodyTextLine = BodyTextLine;
 const HeadlineLine = (_a) => {
     var { children, wrapperClassName } = _a, props = __rest(_a, ["children", "wrapperClassName"]);
     const [ref1, ref2, limited] = useLimited();
-    return (jsx_runtime_1.jsxs("div", Object.assign({ ref: ref1, className: classnames_1.default(wrapperClassName, 'w-100 position-relative d-f flex-row') }, { children: [jsx_runtime_1.jsx(design_system_1.Headline, Object.assign({}, props, { className: classnames_1.default(props.className, Styles.mainText, {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref1, className: (0, classnames_1.default)(wrapperClassName, 'w-100 position-relative d-f flex-row') }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Headline, Object.assign({}, props, { className: (0, classnames_1.default)(props.className, Styles.mainText, {
                     [Styles.mainTextHidden]: limited,
-                }), ref: ref2 }, { children: children }), void 0), limited && (jsx_runtime_1.jsxs("div", Object.assign({ className: Styles.moreDetailsWrapper }, { children: [jsx_runtime_1.jsx(design_system_1.Headline, Object.assign({}, props, { className: classnames_1.default(props.className, Styles.moreDetailsText, 't-truncate') }, { children: children }), void 0), jsx_runtime_1.jsx(design_system_1.MoreDetails, { full: children !== null && children !== void 0 ? children : '', short: "" }, void 0)] }), void 0))] }), void 0));
+                }), ref: ref2 }, { children: children }), void 0), limited && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: Styles.moreDetailsWrapper }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Headline, Object.assign({}, props, { className: (0, classnames_1.default)(props.className, Styles.moreDetailsText, 't-truncate') }, { children: children }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.MoreDetails, { full: children !== null && children !== void 0 ? children : '', short: "" }, void 0)] }), void 0))] }), void 0));
 };
 exports.HeadlineLine = HeadlineLine;
 //# sourceMappingURL=line-text.js.map