@licklist/design 0.78.5-dev.33 → 0.78.5-dev.35

package/dist/assets/Trend-Down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 23V16H25V19.4375L15.7686 8.35938C15.5453 8.0916 15.1984 7.95968 14.8535 8.01074C14.5086 8.06191 14.215 8.2892 14.0791 8.61035L9.30176 19.9014L5.33203 13.9453L3.66797 15.0547L8.66797 22.5547L8.75098 22.6631C8.96072 22.9001 9.2733 23.0253 9.59375 22.9951C9.95991 22.9606 10.2776 22.7284 10.4209 22.3896L15.2812 10.9014L23.6973 21H19V23H27Z" fill="currentColor"/>
+</svg>

package/dist/assets/Trend-Down.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SvgTrendDown = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none",
+  viewBox: "0 0 32 32"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  d: "M27 23v-7h-2v3.438L15.769 8.359a1 1 0 0 0-1.69.251L9.302 19.901l-3.97-5.956-1.664 1.11 5 7.5.083.108a1 1 0 0 0 1.67-.273L15.28 10.9 23.697 21H19v2z"
+})));
+
+export { SvgTrendDown as ReactComponent };

package/dist/assets/Trend-Up.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 9.99982V16.9998H25V13.5623L15.7686 24.6404C15.5453 24.9082 15.1984 25.0401 14.8535 24.9891C14.5086 24.9379 14.215 24.7106 14.0791 24.3895L9.06934 12.5486L4.58789 15.8084L3.41211 14.1912L8.91211 10.1912L9.00781 10.1297C9.23732 9.99988 9.51055 9.9646 9.76758 10.0359C10.0615 10.1176 10.302 10.3293 10.4209 10.6102L15.2812 22.0984L23.6973 11.9998H19V9.99982H27Z" fill="currentColor"/>
+</svg>

package/dist/assets/Trend-Up.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SvgTrendUp = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none",
+  viewBox: "0 0 32 32"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  d: "M27 10v7h-2v-3.438L15.769 24.64a1 1 0 0 1-1.69-.25L9.07 12.549l-4.481 3.26-1.176-1.618 5.5-4 .096-.061a1 1 0 0 1 1.413.48l4.86 11.488L23.697 12H19v-2z"
+})));
+
+export { SvgTrendUp as ReactComponent };

package/dist/index.d.ts

@@ -46,4 +46,6 @@ export * from './pages';
 export { default as RadioButton } from './customRadioButton/RadioButton';
 export * from './PageNotFound';
 export * from './UnderMaintenance';
+export * from './v2/dashboard-analytics';
+export * from './v2/navigation/DashboardLayout';
 //# 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,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA"}

package/dist/index.js

@@ -208,6 +208,17 @@ export { TermsComponent } from './pages/TermsComponent.js';
 export { default as RadioButton } from './customRadioButton/RadioButton.js';
 export { PageNotFound } from './PageNotFound/PageNotFound.js';
 export { UnderMaintenance } from './UnderMaintenance/UnderMaintenance.js';
+export { MetricCard } from './v2/dashboard-analytics/metric-card/MetricCard.js';
+export { VenueCard } from './v2/dashboard-analytics/venue-card/VenueCard.js';
+export { VenueClosedCard } from './v2/dashboard-analytics/venue-closed-card/VenueClosedCard.js';
+export { Chart } from './v2/dashboard-analytics/chart/Chart.js';
+export { Dashboard } from './v2/dashboard-analytics/dashboard/Dashboard.js';
+export { Blog } from './v2/dashboard-analytics/blog-posts/Blog.js';
+export { DashboardLayout } from './v2/navigation/DashboardLayout/DashboardLayout.js';
+export { ProviderSidebar } from './v2/navigation/DashboardLayout/ProviderSidebar.js';
+export { AdminSidebar } from './v2/navigation/DashboardLayout/AdminSidebar.js';
+export { TopNavigation } from './v2/navigation/DashboardLayout/TopNavigation.js';
+export { DashboardFooter } from './v2/navigation/DashboardLayout/DashboardFooter.js';
 export { default as CountrySelect } from './static/CountrySelect.js';
 export { default as FormCard } from './static/FormCard.js';
 export { default as Image } from './static/Image.js';

package/dist/v2/components/EntityHeader/EntityHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './EntityHeader.scss';
+export interface EntityHeaderProps {
+    name: string;
+    id?: string;
+    idLabel?: string;
+    imageUrl?: string;
+    size?: 'sm' | 'md' | 'lg';
+    collapsed?: boolean;
+    className?: string;
+}
+export declare const EntityHeader: React.FC<EntityHeaderProps>;
+//# sourceMappingURL=EntityHeader.d.ts.map

package/dist/v2/components/EntityHeader/EntityHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/EntityHeader/EntityHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,qBAAqB,CAAA;AAE5B,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8DpD,CAAA"}

package/dist/v2/components/EntityHeader/EntityHeader.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import './EntityHeader.scss.js';
+
+var EntityHeader = function(param) {
+    var name = param.name, id = param.id, _param_idLabel = param.idLabel, idLabel = _param_idLabel === void 0 ? 'ID' : _param_idLabel, imageUrl = param.imageUrl, _param_size = param.size, size = _param_size === void 0 ? 'md' : _param_size, _param_collapsed = param.collapsed, collapsed = _param_collapsed === void 0 ? false : _param_collapsed, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    var _name_;
+    var sizeMap = {
+        sm: 32,
+        md: 47,
+        lg: 64
+    };
+    var fontSizeMap = {
+        sm: 12,
+        md: 18,
+        lg: 24
+    };
+    var dimension = sizeMap[size];
+    var initialFontSize = fontSizeMap[size];
+    var circleRadius = dimension / 2 - 1 // Account for stroke width
+    ;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "entity-header entity-header--".concat(size, " ").concat(collapsed ? 'entity-header--collapsed' : '', " ").concat(className).trim(),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "entity-header__avatar",
+                style: {
+                    width: dimension,
+                    height: dimension
+                },
+                children: imageUrl ? /*#__PURE__*/ jsx("img", {
+                    src: imageUrl,
+                    alt: name,
+                    className: "entity-header__image"
+                }) : /*#__PURE__*/ jsxs("div", {
+                    className: "entity-header__placeholder",
+                    children: [
+                        /*#__PURE__*/ jsx("svg", {
+                            width: dimension,
+                            height: dimension,
+                            viewBox: "0 0 ".concat(dimension, " ").concat(dimension),
+                            fill: "none",
+                            children: /*#__PURE__*/ jsx("circle", {
+                                cx: dimension / 2,
+                                cy: dimension / 2,
+                                r: circleRadius,
+                                fill: "var(--fills-main-fill-secondary, #626A90)",
+                                fillOpacity: "0.2",
+                                stroke: "var(--fills-main-fill-secondary, #626A90)",
+                                strokeWidth: "2"
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            style: {
+                                fontSize: initialFontSize
+                            },
+                            children: (name === null || name === void 0 ? void 0 : (_name_ = name[0]) === null || _name_ === void 0 ? void 0 : _name_.toUpperCase()) || 'S'
+                        })
+                    ]
+                })
+            }),
+            !collapsed && /*#__PURE__*/ jsxs("div", {
+                className: "entity-header__text",
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        className: "entity-header__name",
+                        children: name
+                    }),
+                    id && /*#__PURE__*/ jsx("div", {
+                        className: "entity-header__badge",
+                        children: /*#__PURE__*/ jsxs("span", {
+                            children: [
+                                idLabel,
+                                ": ",
+                                id
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { EntityHeader };

package/dist/v2/components/EntityHeader/EntityHeader.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".entity-header{align-items:center;background:var(--surfaces-main-surface-secondary,#f4f4f7);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s ease;width:100%}.entity-header:hover{background:var(--surfaces-main-surface-secondary-hover,#ecedf2)}.entity-header:hover .entity-header__badge{background:var(--surfaces-main-surface-tertiary-hover,#fff)}.entity-header:active{background:var(--surfaces-main-surface-secondary-pressed,#e4e5ec)}.entity-header--collapsed{justify-content:center}.entity-header__avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}.entity-header__image{height:100%;object-fit:cover;width:100%}.entity-header__placeholder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.entity-header__placeholder svg{left:0;position:absolute;top:0}.entity-header__placeholder span{color:var(--labels-main-label-secondary,#626a90);font-family:var(--font-family-sans);font-weight:700;position:relative;z-index:1}.entity-header__text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.entity-header__name{color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans);font-size:15px;font-weight:600;line-height:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-header__badge{align-items:center;background:var(--surfaces-main-surface-tertiary,#e8e9ef);border-radius:8px;display:inline-flex;justify-content:center;padding:4px 8px;transition:background .2s ease;width:fit-content}.entity-header__badge span{color:var(--labels-main-label-secondary,#626a90);font-family:var(--font-family-mono);font-size:10px;font-weight:600;line-height:12px;white-space:nowrap}.entity-header--sm{gap:8px}.entity-header--sm .entity-header__name{font-size:13px;line-height:16px}.entity-header--sm .entity-header__badge span{font-size:9px}.entity-header--lg{gap:16px}.entity-header--lg .entity-header__name{font-size:18px;line-height:24px}.entity-header--lg .entity-header__badge span{font-size:11px}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/components/EntityHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { EntityHeader, type EntityHeaderProps } from './EntityHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/EntityHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/EntityHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/v2/components/Select/Select.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import './Select.scss';
+export interface SelectProps extends HTMLAttributes<HTMLSelectElement> {
+    variant?: 'default' | 'hover' | 'focus' | 'error' | 'disabled';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+}
+export declare function Select({ variant, size, disabled, className, children, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export default Select;
+//# sourceMappingURL=Select.d.ts.map

package/dist/v2/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACpE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAqCb;AAED,eAAe,MAAM,CAAA"}

package/dist/v2/components/Select/Select.js

@@ -0,0 +1,128 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import './Select.scss.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function Select(_param) {
+    var _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? 'md' : _param_size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, children = _param.children, props = _object_without_properties(_param, [
+        "variant",
+        "size",
+        "disabled",
+        "className",
+        "children"
+    ]);
+    var classes = [
+        'select',
+        "select--".concat(variant),
+        "select--".concat(size),
+        disabled ? 'select--disabled' : '',
+        className
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ jsxs("div", {
+        className: "select-container",
+        children: [
+            /*#__PURE__*/ jsx("select", _object_spread_props(_object_spread({
+                className: classes,
+                disabled: disabled
+            }, props), {
+                children: children
+            })),
+            /*#__PURE__*/ jsx("svg", {
+                className: "select-arrow",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "11",
+                height: "6",
+                viewBox: "0 0 11 6",
+                fill: "none",
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx("path", {
+                    d: "M1 1L5.5 5L10 1",
+                    stroke: "#626A90",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                })
+            })
+        ]
+    });
+}
+
+export { Select, Select as default };

package/dist/v2/components/Select/Select.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-regular-emphasis-weight:500;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.heading-desktop-xxl{font-size:var(--heading-xxl-size);font-weight:var(--heading-xxl-weight);line-height:var(--heading-xxl-line)}.heading-desktop-xl,.heading-desktop-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-xl{font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-line)}.heading-desktop-h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}.heading-desktop-h1,.heading-desktop-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}.heading-desktop-h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.heading-desktop-h3,.heading-desktop-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line)}.heading-desktop-h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line)}.heading-desktop-h5,.heading-desktop-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line)}.heading-mobile-xxl{font-size:var(--heading-xxl-mobile-size);font-weight:var(--heading-xxl-mobile-weight);line-height:var(--heading-xxl-mobile-line)}.heading-mobile-xl,.heading-mobile-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-xl{font-size:var(--heading-xl-mobile-size);font-weight:var(--heading-xl-mobile-weight);line-height:var(--heading-xl-mobile-line)}.heading-mobile-h1{font-size:var(--heading-h1-mobile-size);font-weight:var(--heading-h1-mobile-weight);line-height:var(--heading-h1-mobile-line)}.heading-mobile-h1,.heading-mobile-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h2{font-size:var(--heading-h2-mobile-size);font-weight:var(--heading-h2-mobile-weight);line-height:var(--heading-h2-mobile-line)}.heading-mobile-h3{font-size:var(--heading-h3-mobile-size);font-weight:var(--heading-h3-mobile-weight);line-height:var(--heading-h3-mobile-line)}.heading-mobile-h3,.heading-mobile-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h4{font-size:var(--heading-h4-mobile-size);font-weight:var(--heading-h4-mobile-weight);line-height:var(--heading-h4-mobile-line)}.heading-mobile-h5{font-size:var(--heading-h5-mobile-size);font-weight:var(--heading-h5-mobile-weight);line-height:var(--heading-h5-mobile-line)}.heading-mobile-h5,.heading-mobile-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h6{font-size:var(--heading-h6-mobile-size);font-weight:var(--heading-h6-mobile-weight);line-height:var(--heading-h6-mobile-line)}.body-desktop-xl{font-size:var(--text-xl-size);font-weight:var(--text-xl-weight);line-height:var(--text-xl-line)}.body-desktop-large,.body-desktop-xl{font-family:var(--font-family-sans)!important;letter-spacing:0}.body-desktop-large{font-size:var(--text-large-size);font-weight:var(--text-large-weight);line-height:var(--text-large-line)}.body-desktop-regular{font-weight:var(--text-regular-weight)}.body-desktop-regular,.body-desktop-regular-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-regular-size);letter-spacing:0;line-height:var(--text-regular-line)}.body-desktop-regular-emphasis{font-weight:var(--text-regular-emphasis-weight)}.body-desktop-small{font-weight:var(--text-small-weight)}.body-desktop-small,.body-desktop-small-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-small-emphasis{font-weight:var(--text-small-emphasis-weight)}.body-desktop-small-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);font-weight:var(--text-small-bold-weight);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-xs{font-weight:var(--text-xs-weight)}.body-desktop-xs,.body-desktop-xs-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-xs-size);letter-spacing:0;line-height:var(--text-xs-line)}.body-desktop-xs-bold{font-weight:var(--text-xs-bold-weight)}.typography-story,[id*=v2-design-system-typography] *{font-family:var(--font-family-sans)!important}.typography-story{margin:0 auto;max-width:1200px;padding:2rem}.typography-story *{font-family:inherit!important}.story-header{margin-bottom:3rem}.story-header h1{color:var(--label-primary,#121e52);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line);margin:0 0 .5rem}.story-header h1,.story-header p{font-family:var(--font-family-sans);letter-spacing:0}.story-header p{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);margin:0}.typography-section{margin-bottom:3rem}.typography-section__title{border-bottom:2px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);letter-spacing:0;line-height:var(--heading-h2-line);margin:0 0 2rem;padding-bottom:1rem}.typography-example,.typography-grid{display:grid;gap:2rem}.typography-example{align-items:center;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:8px;grid-template-columns:1fr auto;padding:1.5rem}.typography-sample{color:var(--label-primary,#121e52)}.typography-info{min-width:200px;text-align:right}.typography-name{color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);letter-spacing:0;line-height:var(--text-small-line);margin-bottom:.25rem}.typography-specs{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:.25rem}.typography-size,.typography-weight{background:var(--surface-secondary,#f8f8fa);border-radius:4px;font-family:var(--font-family-sans);font-family:var(--font-family-mono);padding:.25rem .5rem}.typography-description,.typography-size,.typography-weight{color:var(--label-secondary,#626a90);font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);letter-spacing:0;line-height:var(--text-xs-line)}.typography-description{font-family:var(--font-family-sans);font-style:italic}@media (max-width:768px){.typography-story{padding:1rem}.typography-example{gap:1rem;grid-template-columns:1fr}.typography-info{text-align:left}.typography-specs{justify-content:flex-start}}.select-container{display:inline-block;max-width:152px;position:relative;width:auto}@media (min-width:768px){.select-container{max-width:448px}}.select{appearance:none;background-color:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md,4px);color:var(--label-primary);cursor:pointer;display:block;flex-shrink:0;font-family:var(--font-family-sans);font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);height:40px;letter-spacing:0;line-height:var(--heading-h5-line);line-height:16px;padding:8px var(--padding-reg,16px);padding-right:40px;transition:all .2s ease-in-out;width:auto}.select:hover:not(:disabled){border-color:var(--disabled-regular)}.select--default,.select--hover{background-color:var(--surface-secondary)}.select--hover{border-color:var(--border-secondary)}.select--focus{border-color:var(--border-selected)}.select--focus,.select--secondary{background-color:var(--surface-secondary)}.select--secondary{border-color:var(--border-primary)}.select--secondary:hover:not(:disabled){background-color:var(--surface-primary-hover);border-color:var(--tone-regular)}.select--secondary:focus{background-color:var(--surface-primary);border-color:var(--disabled-regular)}.select--error{background-color:var(--surface-status-error);border-color:var(--border-status-error)}.select--error:hover:not(:disabled){background-color:var(--errors-lighter);border-color:var(--errors-light)}.select--error:focus{background-color:var(--surface-status-error);border-color:var(--errors-dark)}.select--info{background-color:var(--surface-status-info);border-color:var(--border-status-info);color:var(--information-darker)}.select--info:hover:not(:disabled){background-color:var(--information-lighter);border-color:var(--information-light)}.select--info:focus{background-color:var(--information-lightest);border-color:var(--information-dark)}.select--disabled{cursor:not-allowed;opacity:.6}.select--disabled,.select--disabled:hover{background-color:var(--surface-status-disabled);border-color:var(--border-status-disabled)}.select--sm{font-size:12px;padding:4px 32px 4px 8px}.select--md{font-size:14px;padding:8px 36px 8px 12px}.select--lg{font-size:16px;padding:12px 40px 12px 16px}.select::-ms-expand{display:none}.select-arrow{stroke:var(--label-secondary);height:6px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:11px}.select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.select:focus{border-color:var(--highlight-dark);box-shadow:0 0 0 3px var(--surface-highlight-soft);outline:none;transform:translateY(-1px)}.select:active{box-shadow:0 0 0 2px var(--surface-highlight-soft);transform:translateY(0)}.select.select--transitioning{border-color:var(--cyan-700);opacity:.8;transform:scale(.98)}.select.select--transitioning:focus{transform:scale(.98) translateY(-1px)}@keyframes filterPulse{0%{box-shadow:0 0 0 0 #1f9ab566}50%{box-shadow:0 0 0 4px #1f9ab51a}to{box-shadow:0 0 0 0 #1f9ab500}}.select--filter-active{animation:filterPulse .6s ease-out}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export type { SelectProps } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/v2/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import './Tooltip.scss';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const TooltipRoot: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    delayDuration?: number;
+    disabled?: boolean;
+    className?: string;
+    open?: boolean;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export { Tooltip, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent };
+export type { TooltipProps };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/v2/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,eAAe,iDAA4B,CAAA;AAEjD,QAAA,MAAM,WAAW,yCAAwB,CAAA;AAEzC,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,gKAUlB,CAAA;AAGF,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0BnC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAChF,YAAY,EAAE,YAAY,EAAE,CAAA"}

package/dist/v2/components/Tooltip/Tooltip.js

@@ -0,0 +1,103 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import './Tooltip.scss.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var TooltipProvider = TooltipPrimitive.Provider;
+var TooltipRoot = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 8 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "sideOffset"
+    ]);
+    return /*#__PURE__*/ jsx(TooltipPrimitive.Content, _object_spread({
+        ref: ref,
+        sideOffset: sideOffset,
+        className: "tooltip-content ".concat(className || '').trim()
+    }, props));
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var Tooltip = function(param) {
+    var content = param.content, children = param.children, _param_side = param.side, side = _param_side === void 0 ? 'bottom' : _param_side, _param_sideOffset = param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 8 : _param_sideOffset, _param_delayDuration = param.delayDuration, delayDuration = _param_delayDuration === void 0 ? 200 : _param_delayDuration, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, open = param.open;
+    if (disabled) {
+        return /*#__PURE__*/ jsx(Fragment, {
+            children: children
+        });
+    }
+    return /*#__PURE__*/ jsx(TooltipProvider, {
+        delayDuration: delayDuration,
+        children: /*#__PURE__*/ jsxs(TooltipRoot, {
+            open: open,
+            children: [
+                /*#__PURE__*/ jsx(TooltipTrigger, {
+                    asChild: true,
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(TooltipContent, {
+                    side: side,
+                    sideOffset: sideOffset,
+                    className: className,
+                    children: content
+                })
+            ]
+        })
+    });
+};
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger };

package/dist/v2/components/Tooltip/Tooltip.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".tooltip-content{animation-duration:.2s;animation-timing-function:ease-out;background:var(--surfaces-main-surface-primary,#fff);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans);font-size:14px;font-weight:400;line-height:20px;overflow:hidden;padding:6px 12px;white-space:nowrap;z-index:50}.tooltip-content[data-state=delayed-open][data-side=top]{animation-name:tooltip-slide-down}.tooltip-content[data-state=delayed-open][data-side=bottom]{animation-name:tooltip-slide-up}.tooltip-content[data-state=delayed-open][data-side=left]{animation-name:tooltip-slide-right}.tooltip-content[data-state=delayed-open][data-side=right]{animation-name:tooltip-slide-left}.tooltip-content[data-state=closed]{animation-duration:.1s;animation-name:tooltip-fade-out}@keyframes tooltip-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tooltip-slide-up{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-down{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-left{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes tooltip-slide-right{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent, type TooltipProps } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,EACP,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,KAAK,YAAY,EACpB,MAAM,WAAW,CAAA"}

package/dist/v2/components/UserAvatar/UserAvatar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './UserAvatar.scss';
+export interface UserAvatarProps {
+    initials?: string;
+    avatarUrl?: string;
+    size?: 'sm' | 'md' | 'lg';
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const UserAvatar: React.FC<UserAvatarProps>;
+//# sourceMappingURL=UserAvatar.d.ts.map

package/dist/v2/components/UserAvatar/UserAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmFhD,CAAA"}

package/dist/v2/components/UserAvatar/UserAvatar.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+import './UserAvatar.scss.js';
+
+var UserAvatar = function(param) {
+    var _param_initials = param.initials, initials = _param_initials === void 0 ? 'U' : _param_initials, avatarUrl = param.avatarUrl, _param_size = param.size, size = _param_size === void 0 ? 'md' : _param_size, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, onClick = param.onClick, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    var sizeMap = {
+        sm: 24,
+        md: 32,
+        lg: 47
+    };
+    var fontSizeMap = {
+        sm: 8,
+        md: 10,
+        lg: 14
+    };
+    var dimension = sizeMap[size];
+    var fontSize = fontSizeMap[size];
+    var radius = dimension / 2 - 1;
+    var fillColor = isActive ? 'var(--fills-main-fill-primary, #14215A)' : 'var(--fills-main-fill-secondary, #626A90)';
+    var handleClick = function() {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var content = avatarUrl ? /*#__PURE__*/ jsx("img", {
+        src: avatarUrl,
+        alt: "Profile",
+        className: "user-avatar__image"
+    }) : /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("svg", {
+                width: dimension,
+                height: dimension,
+                viewBox: "0 0 ".concat(dimension, " ").concat(dimension),
+                fill: "none",
+                className: "user-avatar__bg",
+                children: /*#__PURE__*/ jsx("circle", {
+                    cx: dimension / 2,
+                    cy: dimension / 2,
+                    r: radius,
+                    fill: fillColor,
+                    fillOpacity: "0.2",
+                    stroke: fillColor,
+                    strokeWidth: "2"
+                })
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "user-avatar__initials ".concat(isActive ? 'user-avatar__initials--active' : ''),
+                style: {
+                    fontSize: "".concat(fontSize, "px")
+                },
+                children: initials
+            })
+        ]
+    });
+    if (onClick) {
+        return /*#__PURE__*/ jsx("button", {
+            className: "user-avatar user-avatar--".concat(size, " user-avatar--clickable ").concat(isActive ? 'user-avatar--active' : '', " ").concat(className).trim(),
+            onClick: handleClick,
+            type: "button",
+            style: {
+                width: dimension,
+                height: dimension
+            },
+            children: content
+        });
+    }
+    return /*#__PURE__*/ jsx("div", {
+        className: "user-avatar user-avatar--".concat(size, " ").concat(isActive ? 'user-avatar--active' : '', " ").concat(className).trim(),
+        style: {
+            width: dimension,
+            height: dimension
+        },
+        children: content
+    });
+};
+
+export { UserAvatar };