@servicetitan/marketing-ui 1.15.0 → 1.18.0

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":"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"}
+{"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.stories.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateRangePickerCompare = exports.dateRangePicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const date_range_picker_1 = require("./date-range-picker");
-const date_1 = require("../../../utils/date");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DateRangePicker } from './date-range-picker';
+import { DateRangePickerState, DateRangePickerOptionsTenantAds } from '../../../utils/date';
+export default {
     title: 'Marketing UI/ui/date-range-picker/DateRangePicker',
-    component: date_range_picker_1.DateRangePicker,
+    component: DateRangePicker,
     parameters: {},
 };
 const tz = { UtcOffset: 0 };
-const state = date_1.DateRangePickerState.createWithOptions(date_1.DateRangePickerOptionsTenantAds.create(tz));
-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));
+const state = DateRangePickerState.createWithOptions(DateRangePickerOptionsTenantAds.create(tz));
+const w = (style, Component) => () => (_jsx("div", Object.assign({ style: style }, { children: _jsx(Component, {}) })));
+export const dateRangePicker = w({}, () => _jsx(DateRangePicker, { state: state }));
+export const dateRangePickerCompare = w({}, () => _jsx(DateRangePicker, { state: state, compare: true }));
 //# 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,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"}
+{"version":3,"file":"date-range-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAE5F,eAAe;IACX,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAC5B,MAAM,KAAK,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjG,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,SAAa,EAAE,EAAE,CAAC,GAAG,EAAE,CAC1E,CACI,4BAAK,KAAK,EAAE,KAAK,gBACb,KAAC,SAAS,KAAG,IACX,CACT,CAAC;AAEN,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,CAAC,CAAC"}

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisabledButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, Tooltip } from '@servicetitan/design-system';
 /**
  * Button that shows disabled reason as tooltip
  *
@@ -12,8 +9,7 @@ const design_system_1 = require("@servicetitan/design-system");
  *   <DisabledButton disabled="This button is disabled">knock knock</Button>
  * )
  */
-const DisabledButton = props => {
-    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));
+export const DisabledButton = props => {
+    return props.disabled && props.disabled !== true ? (_jsx(Tooltip, Object.assign({ text: props.disabled }, { children: _jsx(Button, Object.assign({}, props, { disabled: true })) }))) : (_jsx(Button, Object.assign({}, props, { disabled: !!props.disabled })));
 };
-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,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"}
+{"version":3,"file":"disabled-button.js","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAM3E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,EAAE;IAC3D,OAAO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC/C,KAAC,OAAO,kBAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,gBACzB,KAAC,MAAM,oBAAK,KAAK,IAAE,QAAQ,UAAG,IACxB,CACb,CAAC,CAAC,CAAC,CACA,KAAC,MAAM,oBAAK,KAAK,IAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CACpD,CAAC;AACN,CAAC,CAAC"}

package/dist/components/ui/label-with-hint/label-with-hint.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+export interface LabelWithHintProps {
+    label: string;
+    hint?: string;
+    textClassName?: string;
+    className?: string;
+    textSize?: 'large' | 'medium' | 'small' | 'xsmall';
+}
+export declare const LabelWithHint: FC<LabelWithHintProps>;
+//# sourceMappingURL=label-with-hint.d.ts.map

package/dist/components/ui/label-with-hint/label-with-hint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-with-hint.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CACtD;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiBhD,CAAC"}

package/dist/components/ui/label-with-hint/label-with-hint.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText, Icon, Stack, Tooltip } from '@servicetitan/design-system';
+import tokens from '@servicetitan/tokens';
+export const LabelWithHint = ({ label, textClassName, className, hint, textSize = 'small', }) => (_jsxs(Stack, Object.assign({ spacing: 1, alignItems: "flex-start", className: className }, { children: [_jsx(BodyText, Object.assign({ size: textSize, bold: true, className: textClassName }, { children: label })), !!hint && (_jsx(Tooltip, Object.assign({ direction: "tr", text: hint }, { children: _jsx(Icon, { name: "info", size: 18, color: tokens.colorNeutral80 }) })))] })));
+//# sourceMappingURL=label-with-hint.js.map

package/dist/components/ui/label-with-hint/label-with-hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-with-hint.js","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAClD,KAAK,EACL,aAAa,EACb,SAAS,EACT,IAAI,EACJ,QAAQ,GAAG,OAAO,GACrB,EAAE,EAAE,CAAC,CACF,MAAC,KAAK,kBAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,YAAY,EAAC,SAAS,EAAE,SAAS,iBAC3D,KAAC,QAAQ,kBAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,QAAC,SAAS,EAAE,aAAa,gBAClD,KAAK,IACC,EACV,CAAC,CAAC,IAAI,IAAI,CACP,KAAC,OAAO,kBAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,gBAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,cAAc,GAAI,IACtD,CACb,KACG,CACX,CAAC"}

package/dist/components/ui/label-with-hint/label-with-hint.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./label-with-hint").LabelWithHintProps>;
+    parameters: {};
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Custom: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+//# sourceMappingURL=label-with-hint.stories.d.ts.map

package/dist/components/ui/label-with-hint/label-with-hint.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-with-hint.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAEF,eAAO,MAAM,KAAK,mBAAoD,CAAC;AAEvE,eAAO,MAAM,MAAM,mBAQlB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAOjB,CAAC"}

package/dist/components/ui/label-with-hint/label-with-hint.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { LabelWithHint } from './label-with-hint';
+export default {
+    title: 'Marketing UI/ui/LabelWithHint',
+    component: LabelWithHint,
+    parameters: {},
+};
+export const Basic = () => _jsx(LabelWithHint, { label: "Label", hint: "Hint" });
+export const Custom = () => (_jsx(LabelWithHint, { label: "Label", hint: "Hint", textClassName: "text-red-500", className: "bg-blue-500", textSize: "large" }));
+export const Sizes = () => (_jsxs(Fragment, { children: [_jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "large" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "medium" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "small" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "xsmall" })] }));
+//# sourceMappingURL=label-with-hint.stories.js.map

package/dist/components/ui/label-with-hint/label-with-hint.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-with-hint.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CAAC;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CACxB,KAAC,aAAa,IACV,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,cAAc,EAC5B,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAC,OAAO,GAClB,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CACvB,MAAC,QAAQ,eACL,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,EAC5D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,EAC7D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,EAC5D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,IACtD,CACd,CAAC"}

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

@@ -1,14 +1,2 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./line-text"), exports);
+export * from './line-text';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bodyTextLineLimited = exports.bodyTextLineUnlimited = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const line_text_1 = require("./line-text");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BodyTextLine } from './line-text';
+export default {
     title: 'Marketing UI/ui/line-text/BodyTextLine',
-    component: line_text_1.BodyTextLine,
+    component: BodyTextLine,
     parameters: {},
 };
-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)));
+const w = (style, cb) => () => _jsx("div", Object.assign({ style: style }, { children: cb() }));
+export const bodyTextLineUnlimited = w({}, () => _jsx(BodyTextLine, { children: "just a simple text" }));
+export const bodyTextLineLimited = w({ width: '400px' }, () => (_jsx(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." })));
 //# 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,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"}
+{"version":3,"file":"line-text-body.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAClE,4BAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,IAAO,CAAC;AAEpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,qCAAkC,CAAC,CAAC;AAClG,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,KAAC,YAAY,gdAME,CAClB,CAAC,CAAC"}

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

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.headlineLineLimited = exports.headlineLineUnlimited = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const line_text_1 = require("./line-text");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HeadlineLine } from './line-text';
+export default {
     title: 'Marketing UI/ui/line-text/HeadlineLine',
-    component: line_text_1.HeadlineLine,
+    component: HeadlineLine,
     parameters: {},
 };
-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)));
+const w = (style, cb) => () => _jsx("div", Object.assign({ style: style }, { children: cb() }));
+export const headlineLineUnlimited = w({}, () => _jsx(HeadlineLine, { children: "just a simple text" }));
+export const headlineLineLimited = w({ width: '400px' }, () => (_jsx(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." })));
 //# 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,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"}
+{"version":3,"file":"line-text-head.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-head.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAClE,4BAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,IAAO,CAAC;AAEpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,qCAAkC,CAAC,CAAC;AAClG,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,KAAC,YAAY,gdAME,CAClB,CAAC,CAAC"}

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

@@ -1,23 +1,3 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -29,37 +9,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeadlineLine = exports.BodyTextLine = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-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"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import { BodyText, Headline, MoreDetails, } from '@servicetitan/design-system';
+import { useClientRect } from '../../../utils/use-client-rect';
+import * as Styles from './line-text.module.less';
 const useLimited = () => {
-    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]);
+    const [rect1, ref1] = useClientRect();
+    const [rect2, ref2] = useClientRect();
+    const limited = 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) => {
+export const BodyTextLine = (_a) => {
     var { children, wrapperClassName } = _a, props = __rest(_a, ["children", "wrapperClassName"]);
     const [ref1, ref2, limited] = useLimited();
-    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, {
+    return (_jsxs("div", Object.assign({ ref: ref1, className: classNames(wrapperClassName, 'w-100 position-relative d-f flex-row of-x-hidden') }, { children: [_jsx(BodyText, Object.assign({}, props, { className: classNames(props.className, Styles.mainText, {
                     [Styles.mainTextHidden]: limited,
-                }), 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));
+                }), ref: ref2 }, { children: children })), limited && (_jsxs("div", Object.assign({ className: Styles.moreDetailsWrapper }, { children: [_jsx(BodyText, Object.assign({}, props, { className: classNames(props.className, Styles.moreDetailsText, 't-truncate') }, { children: children })), _jsx(MoreDetails, { full: children !== null && children !== void 0 ? children : '', short: "", size: props.size })] })))] })));
 };
-exports.BodyTextLine = BodyTextLine;
-const HeadlineLine = (_a) => {
+export const HeadlineLine = (_a) => {
     var { children, wrapperClassName } = _a, props = __rest(_a, ["children", "wrapperClassName"]);
     const [ref1, ref2, limited] = useLimited();
-    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, {
+    return (_jsxs("div", Object.assign({ ref: ref1, className: classNames(wrapperClassName, 'w-100 position-relative d-f flex-row') }, { children: [_jsx(Headline, Object.assign({}, props, { className: classNames(props.className, Styles.mainText, {
                     [Styles.mainTextHidden]: limited,
-                }), 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));
+                }), ref: ref2 }, { children: children })), limited && (_jsxs("div", Object.assign({ className: Styles.moreDetailsWrapper }, { children: [_jsx(Headline, Object.assign({}, props, { className: classNames(props.className, Styles.moreDetailsText, 't-truncate') }, { children: children })), _jsx(MoreDetails, { full: children !== null && children !== void 0 ? children : '', short: "" })] })))] })));
 };
-exports.HeadlineLine = HeadlineLine;
 //# sourceMappingURL=line-text.js.map

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

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

package/dist/components/ui/title-popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './title-popover';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/title-popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/ui/title-popover/index.js

@@ -0,0 +1,2 @@
+export * from './title-popover';
+//# sourceMappingURL=index.js.map

package/dist/components/ui/title-popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/ui/title-popover/title-popover.d.ts

@@ -0,0 +1,17 @@
+import { Component } from 'react';
+interface TitlePopoverProps {
+    text?: string;
+}
+export declare class TitlePopover extends Component<TitlePopoverProps> {
+    isOpen: boolean;
+    wrapElem: import("react").RefObject<HTMLDivElement>;
+    constructor(props: TitlePopoverProps);
+    toggle: () => void;
+    close: () => void;
+    handleClick: (event: MouseEvent) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=title-popover.d.ts.map

package/dist/components/ui/title-popover/title-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/title-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7C,UAAU,iBAAiB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBACa,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC9C,MAAM,UAAS;IAE3B,QAAQ,4CAA+B;gBAE3B,KAAK,EAAE,iBAAiB;IAMpC,MAAM,aAEJ;IAGF,KAAK,aAEH;IAGF,WAAW,UAAW,UAAU,UAU9B;IAEF,iBAAiB;IAIjB,oBAAoB;IAIpB,MAAM;CAgCT"}

package/dist/components/ui/title-popover/title-popover.js

@@ -0,0 +1,96 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { observer } from 'mobx-react';
+import { createRef, Component } from 'react';
+import { observable, action, makeObservable } from 'mobx';
+import { Popover, Stack, BodyText, Icon } from '@servicetitan/design-system';
+import * as Styles from './title-popover.module.less';
+let TitlePopover = class TitlePopover extends Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "isOpen", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "wrapElem", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: createRef()
+        });
+        Object.defineProperty(this, "toggle", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.isOpen = !this.isOpen;
+            }
+        });
+        Object.defineProperty(this, "close", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.isOpen = false;
+            }
+        });
+        Object.defineProperty(this, "handleClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (event) => {
+                if (!this.wrapElem.current) {
+                    return;
+                }
+                const isClickedInside = this.wrapElem.current.contains(event.target);
+                if (!isClickedInside) {
+                    this.close();
+                }
+            }
+        });
+        makeObservable(this);
+    }
+    componentDidMount() {
+        window.addEventListener('click', this.handleClick);
+    }
+    componentWillUnmount() {
+        window.removeEventListener('click', this.handleClick);
+    }
+    render() {
+        const { text, children } = this.props;
+        return (_jsx("div", Object.assign({ ref: this.wrapElem, className: "qa-title-popover" }, { children: _jsx(Popover, Object.assign({ className: classNames(Styles.popover, 'qa-title-popover'), width: "xs", open: this.isOpen, direction: "br", trigger: _jsxs(Stack, Object.assign({ alignItems: "center", className: "qa-title-popover-button cursor-pointer", onClick: this.toggle }, { children: [_jsx(BodyText, Object.assign({ size: "large", className: "qa-title-popover-text" }, { children: text })), _jsx(Icon, { name: "expand_more", size: 20, className: "m-l-1 qa-title-popover-icon" })] })) }, { children: children })) })));
+    }
+};
+__decorate([
+    observable,
+    __metadata("design:type", Object)
+], TitlePopover.prototype, "isOpen", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], TitlePopover.prototype, "toggle", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], TitlePopover.prototype, "close", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], TitlePopover.prototype, "handleClick", void 0);
+TitlePopover = __decorate([
+    observer,
+    __metadata("design:paramtypes", [Object])
+], TitlePopover);
+export { TitlePopover };
+//# sourceMappingURL=title-popover.js.map

package/dist/components/ui/title-popover/title-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-popover.js","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/title-popover.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAOtD,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,SAA4B;IAK1D,YAAY,KAAwB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QALL;;;;mBAAS,KAAK;WAAC;QAE3B;;;;mBAAW,SAAS,EAAkB;WAAC;QAQvC;;;;mBAAS,GAAG,EAAE;gBACV,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;YAC/B,CAAC;WAAC;QAGF;;;;mBAAQ,GAAG,EAAE;gBACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACxB,CAAC;WAAC;QAGF;;;;mBAAc,CAAC,KAAiB,EAAE,EAAE;gBAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;oBACxB,OAAO;iBACV;gBAED,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;gBAE7E,IAAI,CAAC,eAAe,EAAE;oBAClB,IAAI,CAAC,KAAK,EAAE,CAAC;iBAChB;YACL,CAAC;WAAC;QAxBE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAyBD,iBAAiB;QACb,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACvD,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM;QACF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,OAAO,CACH,4BAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAC,kBAAkB,gBACjD,KAAC,OAAO,kBACJ,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACzD,KAAK,EAAC,IAAI,EACV,IAAI,EAAE,IAAI,CAAC,MAAM,EACjB,SAAS,EAAC,IAAI,EACd,OAAO,EACH,MAAC,KAAK,kBACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAE,IAAI,CAAC,MAAM,iBAEpB,KAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,uBAAuB,gBACnD,IAAI,IACE,EACX,KAAC,IAAI,IACD,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,6BAA6B,GACzC,KACE,gBAGX,QAAQ,IACH,IACR,CACT,CAAC;IACN,CAAC;CACJ,CAAA;AAxEe;IAAX,UAAU;;4CAAgB;AAU3B;IADC,MAAM;;4CAGL;AAGF;IADC,MAAM;;2CAGL;AAGF;IADC,MAAM;;iDAWL;AA/BO,YAAY;IADxB,QAAQ;;GACI,YAAY,CAyExB;SAzEY,YAAY"}

package/dist/components/ui/title-popover/title-popover.module.less

@@ -0,0 +1,10 @@
+@import (reference) '@servicetitan/tokens/dist/tokens.less';
+
+.popover {
+    padding: @spacing-0;
+
+    :global(.Popover__content) {
+        padding: @spacing-half @spacing-0;
+        overflow: visible;
+    }
+}

package/dist/components/ui/title-popover/title-popover.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TitlePopover } from './title-popover';
+declare const _default: {
+    title: string;
+    component: typeof TitlePopover;
+    parameters: {};
+};
+export default _default;
+export declare const titlePopover: () => JSX.Element;
+export declare const titlePopoverToggle: () => JSX.Element;
+//# sourceMappingURL=title-popover.stories.d.ts.map

package/dist/components/ui/title-popover/title-popover.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-popover.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/title-popover.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;;;;AAE/C,wBAIE;AAKF,eAAO,MAAM,YAAY,mBAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,mBAa7B,CAAC"}

package/dist/components/ui/title-popover/title-popover.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ActionButton } from '../action-button/action-button';
+import { TitlePopover } from './title-popover';
+export default {
+    title: 'Marketing UI/ui/TitlePopover',
+    component: TitlePopover,
+    parameters: {},
+};
+const w = (style, cb) => () => _jsx("div", Object.assign({ style: style }, { children: cb() }));
+export const titlePopover = w({}, () => _jsx(TitlePopover, Object.assign({ text: "Title text" }, { children: "Content" })));
+export const titlePopoverToggle = w({}, () => {
+    const [isActive, setIsActive] = useState(true);
+    const title = isActive ? 'Entities' : 'Archived Entities';
+    return (_jsxs(TitlePopover, Object.assign({ text: title }, { children: [_jsx(ActionButton, Object.assign({ hover: "primary", active: isActive, onClick: () => setIsActive(true) }, { children: "Entities" })), _jsx(ActionButton, Object.assign({ hover: "primary", active: !isActive, onClick: () => setIsActive(false) }, { children: "Archived Entities" }))] })));
+});
+//# sourceMappingURL=title-popover.stories.js.map

package/dist/components/ui/title-popover/title-popover.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-popover.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/title-popover/title-popover.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAe;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CACnF,4BAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,IAAO,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,kBAAC,IAAI,EAAC,YAAY,6BAAuB,CAAC,CAAC;AAChG,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC1D,OAAO,CACH,MAAC,YAAY,kBAAC,IAAI,EAAE,KAAK,iBACrB,KAAC,YAAY,kBAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,8BAEjE,EACf,KAAC,YAAY,kBAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,uCAEnE,KACJ,CAClB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,8 +1,11 @@
 export * from './components/stat/stat-card';
 export * from './components/stat/stat-extended-card';
 export * from './components/ads/ads-stat';
-export * from './components/ui/centered-spinner';
+export * from './components/ui/action-button';
+export * from './components/ui/centered-spinner/centered-spinner';
+export * from './components/ui/label-with-hint/label-with-hint';
 export * from './components/ui/line-text';
+export * from './components/ui/title-popover';
 export * from './components/image-cropper/image-cropper';
 export * from './utils/ads-texts';
 export * from './utils/formatters';
@@ -10,4 +13,5 @@ export * from './utils/string-case';
 export * from './utils/use-client-rect';
 export * from './utils/helpers';
 export * from './utils/format-big-numbers';
+export * from './utils/use-target-range-store';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}

package/dist/index.js

@@ -1,25 +1,17 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components/stat/stat-card"), exports);
-__exportStar(require("./components/stat/stat-extended-card"), exports);
-__exportStar(require("./components/ads/ads-stat"), exports);
-__exportStar(require("./components/ui/centered-spinner"), exports);
-__exportStar(require("./components/ui/line-text"), exports);
-__exportStar(require("./components/image-cropper/image-cropper"), exports);
-__exportStar(require("./utils/ads-texts"), exports);
-__exportStar(require("./utils/formatters"), exports);
-__exportStar(require("./utils/string-case"), exports);
-__exportStar(require("./utils/use-client-rect"), exports);
-__exportStar(require("./utils/helpers"), exports);
-__exportStar(require("./utils/format-big-numbers"), exports);
+export * from './components/stat/stat-card';
+export * from './components/stat/stat-extended-card';
+export * from './components/ads/ads-stat';
+export * from './components/ui/action-button';
+export * from './components/ui/centered-spinner/centered-spinner';
+export * from './components/ui/label-with-hint/label-with-hint';
+export * from './components/ui/line-text';
+export * from './components/ui/title-popover';
+export * from './components/image-cropper/image-cropper';
+export * from './utils/ads-texts';
+export * from './utils/formatters';
+export * from './utils/string-case';
+export * from './utils/use-client-rect';
+export * from './utils/helpers';
+export * from './utils/format-big-numbers';
+export * from './utils/use-target-range-store';
 //# sourceMappingURL=index.js.map