@lokalise/harmony 1.26.0 → 1.26.2

package/dist/harmony55.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+exports.clsx = clsx;
+exports.default = clsx;
+//# sourceMappingURL=harmony55.cjs.map

package/dist/harmony55.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony55.cjs","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":";;AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;;;","x_google_ignoreList":[0]}

package/dist/harmony55.mjs

@@ -0,0 +1,18 @@
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+export {
+  clsx,
+  clsx as default
+};
+//# sourceMappingURL=harmony55.mjs.map

package/dist/harmony55.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony55.mjs","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":"AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;","x_google_ignoreList":[0]}

package/dist/harmony56.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const headerContainer = "_headerContainer_1cubo_1";
+const navigationTabList = "_navigationTabList_1cubo_8";
+const navigationTab = "_navigationTab_1cubo_8";
+const headerContent = "_headerContent_1cubo_34";
+const staticEnabled = "_staticEnabled_1cubo_50";
+const classes = {
+  headerContainer,
+  navigationTabList,
+  navigationTab,
+  headerContent,
+  staticEnabled
+};
+exports.default = classes;
+exports.headerContainer = headerContainer;
+exports.headerContent = headerContent;
+exports.navigationTab = navigationTab;
+exports.navigationTabList = navigationTabList;
+exports.staticEnabled = staticEnabled;
+//# sourceMappingURL=harmony56.cjs.map

package/dist/harmony56.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony56.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony56.mjs

@@ -0,0 +1,21 @@
+const headerContainer = "_headerContainer_1cubo_1";
+const navigationTabList = "_navigationTabList_1cubo_8";
+const navigationTab = "_navigationTab_1cubo_8";
+const headerContent = "_headerContent_1cubo_34";
+const staticEnabled = "_staticEnabled_1cubo_50";
+const classes = {
+  headerContainer,
+  navigationTabList,
+  navigationTab,
+  headerContent,
+  staticEnabled
+};
+export {
+  classes as default,
+  headerContainer,
+  headerContent,
+  navigationTab,
+  navigationTabList,
+  staticEnabled
+};
+//# sourceMappingURL=harmony56.mjs.map

package/dist/harmony56.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony56.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/harmony57.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const utils = require("./harmony90.cjs");
+function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1e3, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize } = {}) {
+  const skipResize = React.useRef(skipOnMount);
+  const onResizeRef = utils.useCallbackRef(onResize);
+  const [size, setSize] = React.useState({
+    width: void 0,
+    height: void 0
+  });
+  const { refProxy, refElement } = utils.useRefProxy(targetRef);
+  const { box } = observerOptions || {};
+  const resizeCallback = React.useCallback((entries) => {
+    if (!handleWidth && !handleHeight)
+      return;
+    if (skipResize.current) {
+      skipResize.current = false;
+      return;
+    }
+    const shouldSetSize = (prevSize, nextSize) => handleWidth && prevSize.width !== nextSize.width || handleHeight && prevSize.height !== nextSize.height;
+    entries.forEach((entry) => {
+      const dimensions = utils.getDimensions(entry, box);
+      setSize((prevSize) => {
+        if (!shouldSetSize(prevSize, dimensions))
+          return prevSize;
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+          width: dimensions.width,
+          height: dimensions.height,
+          entry
+        });
+        return dimensions;
+      });
+    });
+  }, [handleWidth, handleHeight, skipResize, box]);
+  const resizeHandler = React.useCallback(utils.patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [
+    resizeCallback,
+    refreshMode,
+    refreshRate,
+    refreshOptions
+  ]);
+  React.useEffect(() => {
+    let resizeObserver;
+    if (refElement) {
+      resizeObserver = new window.ResizeObserver(resizeHandler);
+      resizeObserver.observe(refElement, observerOptions);
+    } else if (size.width || size.height) {
+      onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+        width: null,
+        height: null,
+        entry: null
+      });
+      setSize({ width: void 0, height: void 0 });
+    }
+    return () => {
+      var _a, _b, _c;
+      (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
+      (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
+    };
+  }, [resizeHandler, refElement]);
+  return Object.assign({ ref: refProxy }, size);
+}
+exports.default = useResizeDetector;
+//# sourceMappingURL=harmony57.cjs.map

package/dist/harmony57.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony57.cjs","sources":["../node_modules/react-resize-detector/build/useResizeDetector.js"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react';\nimport { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from './utils.js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1000, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize, } = {}) {\n    // If `skipOnMount` is enabled, skip the first resize event\n    const skipResize = useRef(skipOnMount);\n    // Wrap the `onResize` callback with a ref to avoid re-renders\n    const onResizeRef = useCallbackRef(onResize);\n    const [size, setSize] = useState({\n        width: undefined,\n        height: undefined,\n    });\n    // Create a proxy ref to handle conditional rendering and dynamic ref changes of the target element\n    const { refProxy, refElement } = useRefProxy(targetRef);\n    const { box } = observerOptions || {};\n    const resizeCallback = useCallback((entries) => {\n        if (!handleWidth && !handleHeight)\n            return;\n        if (skipResize.current) {\n            skipResize.current = false;\n            return;\n        }\n        // Only update the size if one of the observed dimensions has changed\n        const shouldSetSize = (prevSize, nextSize) => (handleWidth && prevSize.width !== nextSize.width) || (handleHeight && prevSize.height !== nextSize.height);\n        entries.forEach((entry) => {\n            const dimensions = getDimensions(entry, box);\n            setSize((prevSize) => {\n                if (!shouldSetSize(prevSize, dimensions))\n                    return prevSize;\n                onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                    width: dimensions.width,\n                    height: dimensions.height,\n                    entry,\n                });\n                return dimensions;\n            });\n        });\n    }, [handleWidth, handleHeight, skipResize, box]);\n    // Throttle/Debounce the resize event if refreshMode is configured\n    const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [\n        resizeCallback,\n        refreshMode,\n        refreshRate,\n        refreshOptions,\n    ]);\n    // Attach ResizeObserver to the element\n    useEffect(() => {\n        let resizeObserver;\n        if (refElement) {\n            resizeObserver = new window.ResizeObserver(resizeHandler);\n            resizeObserver.observe(refElement, observerOptions);\n        }\n        // If refElement is not available, reset the size\n        else if (size.width || size.height) {\n            onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                width: null,\n                height: null,\n                entry: null,\n            });\n            setSize({ width: undefined, height: undefined });\n        }\n        // Disconnect the ResizeObserver when the component is unmounted\n        return () => {\n            var _a, _b, _c;\n            (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);\n            (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);\n        };\n    }, [resizeHandler, refElement]);\n    return Object.assign({ ref: refProxy }, size);\n}\n\nexport { useResizeDetector as default };\n//# sourceMappingURL=useResizeDetector.js.map\n"],"names":["useRef","useCallbackRef","useState","useRefProxy","useCallback","getDimensions","patchResizeCallback","useEffect"],"mappings":";;;;AAIA,SAAS,kBAAkB,EAAE,cAAc,OAAO,aAAa,cAAc,KAAM,gBAAgB,cAAc,MAAM,eAAe,MAAM,WAAW,iBAAiB,SAAW,IAAG,IAAI;AAEtL,QAAM,aAAaA,MAAM,OAAC,WAAW;AAErC,QAAM,cAAcC,MAAc,eAAC,QAAQ;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAIC,eAAS;AAAA,IAC7B,OAAO;AAAA,IACP,QAAQ;AAAA,EAChB,CAAK;AAED,QAAM,EAAE,UAAU,eAAeC,MAAAA,YAAY,SAAS;AACtD,QAAM,EAAE,QAAQ,mBAAmB,CAAE;AACrC,QAAM,iBAAiBC,kBAAY,CAAC,YAAY;AAC5C,QAAI,CAAC,eAAe,CAAC;AACjB;AACJ,QAAI,WAAW,SAAS;AACpB,iBAAW,UAAU;AACrB;AAAA,IACZ;AAEQ,UAAM,gBAAgB,CAAC,UAAU,aAAc,eAAe,SAAS,UAAU,SAAS,SAAW,gBAAgB,SAAS,WAAW,SAAS;AAClJ,YAAQ,QAAQ,CAAC,UAAU;AACvB,YAAM,aAAaC,MAAAA,cAAc,OAAO,GAAG;AAC3C,cAAQ,CAAC,aAAa;AAClB,YAAI,CAAC,cAAc,UAAU,UAAU;AACnC,iBAAO;AACX,wBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,UAClE,OAAO,WAAW;AAAA,UAClB,QAAQ,WAAW;AAAA,UACnB;AAAA,QACpB,CAAiB;AACD,eAAO;AAAA,MACvB,CAAa;AAAA,IACb,CAAS;AAAA,EACJ,GAAE,CAAC,aAAa,cAAc,YAAY,GAAG,CAAC;AAE/C,QAAM,gBAAgBD,MAAAA,YAAYE,MAAmB,oBAAC,gBAAgB,aAAa,aAAa,cAAc,GAAG;AAAA,IAC7G;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR,CAAK;AAEDC,QAAAA,UAAU,MAAM;AACZ,QAAI;AACJ,QAAI,YAAY;AACZ,uBAAiB,IAAI,OAAO,eAAe,aAAa;AACxD,qBAAe,QAAQ,YAAY,eAAe;AAAA,IAC9D,WAEiB,KAAK,SAAS,KAAK,QAAQ;AAChC,sBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,QAClE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACvB,CAAa;AACD,cAAQ,EAAE,OAAO,QAAW,QAAQ,OAAS,CAAE;AAAA,IAC3D;AAEQ,WAAO,MAAM;AACT,UAAI,IAAI,IAAI;AACZ,OAAC,KAAK,mBAAmB,QAAQ,mBAAmB,SAAS,SAAS,eAAe,gBAAgB,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,cAAc;AAC5J,OAAC,MAAM,KAAK,eAAe,YAAY,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,EAAE;AAAA,IACrF;AAAA,EACT,GAAO,CAAC,eAAe,UAAU,CAAC;AAC9B,SAAO,OAAO,OAAO,EAAE,KAAK,SAAQ,GAAI,IAAI;AAChD;;","x_google_ignoreList":[0]}

package/dist/harmony57.mjs

@@ -0,0 +1,64 @@
+import { useRef, useState, useCallback, useEffect } from "react";
+import { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from "./harmony90.mjs";
+function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1e3, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize } = {}) {
+  const skipResize = useRef(skipOnMount);
+  const onResizeRef = useCallbackRef(onResize);
+  const [size, setSize] = useState({
+    width: void 0,
+    height: void 0
+  });
+  const { refProxy, refElement } = useRefProxy(targetRef);
+  const { box } = observerOptions || {};
+  const resizeCallback = useCallback((entries) => {
+    if (!handleWidth && !handleHeight)
+      return;
+    if (skipResize.current) {
+      skipResize.current = false;
+      return;
+    }
+    const shouldSetSize = (prevSize, nextSize) => handleWidth && prevSize.width !== nextSize.width || handleHeight && prevSize.height !== nextSize.height;
+    entries.forEach((entry) => {
+      const dimensions = getDimensions(entry, box);
+      setSize((prevSize) => {
+        if (!shouldSetSize(prevSize, dimensions))
+          return prevSize;
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+          width: dimensions.width,
+          height: dimensions.height,
+          entry
+        });
+        return dimensions;
+      });
+    });
+  }, [handleWidth, handleHeight, skipResize, box]);
+  const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [
+    resizeCallback,
+    refreshMode,
+    refreshRate,
+    refreshOptions
+  ]);
+  useEffect(() => {
+    let resizeObserver;
+    if (refElement) {
+      resizeObserver = new window.ResizeObserver(resizeHandler);
+      resizeObserver.observe(refElement, observerOptions);
+    } else if (size.width || size.height) {
+      onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+        width: null,
+        height: null,
+        entry: null
+      });
+      setSize({ width: void 0, height: void 0 });
+    }
+    return () => {
+      var _a, _b, _c;
+      (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
+      (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
+    };
+  }, [resizeHandler, refElement]);
+  return Object.assign({ ref: refProxy }, size);
+}
+export {
+  useResizeDetector as default
+};
+//# sourceMappingURL=harmony57.mjs.map

package/dist/harmony57.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony57.mjs","sources":["../node_modules/react-resize-detector/build/useResizeDetector.js"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react';\nimport { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from './utils.js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1000, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize, } = {}) {\n    // If `skipOnMount` is enabled, skip the first resize event\n    const skipResize = useRef(skipOnMount);\n    // Wrap the `onResize` callback with a ref to avoid re-renders\n    const onResizeRef = useCallbackRef(onResize);\n    const [size, setSize] = useState({\n        width: undefined,\n        height: undefined,\n    });\n    // Create a proxy ref to handle conditional rendering and dynamic ref changes of the target element\n    const { refProxy, refElement } = useRefProxy(targetRef);\n    const { box } = observerOptions || {};\n    const resizeCallback = useCallback((entries) => {\n        if (!handleWidth && !handleHeight)\n            return;\n        if (skipResize.current) {\n            skipResize.current = false;\n            return;\n        }\n        // Only update the size if one of the observed dimensions has changed\n        const shouldSetSize = (prevSize, nextSize) => (handleWidth && prevSize.width !== nextSize.width) || (handleHeight && prevSize.height !== nextSize.height);\n        entries.forEach((entry) => {\n            const dimensions = getDimensions(entry, box);\n            setSize((prevSize) => {\n                if (!shouldSetSize(prevSize, dimensions))\n                    return prevSize;\n                onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                    width: dimensions.width,\n                    height: dimensions.height,\n                    entry,\n                });\n                return dimensions;\n            });\n        });\n    }, [handleWidth, handleHeight, skipResize, box]);\n    // Throttle/Debounce the resize event if refreshMode is configured\n    const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [\n        resizeCallback,\n        refreshMode,\n        refreshRate,\n        refreshOptions,\n    ]);\n    // Attach ResizeObserver to the element\n    useEffect(() => {\n        let resizeObserver;\n        if (refElement) {\n            resizeObserver = new window.ResizeObserver(resizeHandler);\n            resizeObserver.observe(refElement, observerOptions);\n        }\n        // If refElement is not available, reset the size\n        else if (size.width || size.height) {\n            onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                width: null,\n                height: null,\n                entry: null,\n            });\n            setSize({ width: undefined, height: undefined });\n        }\n        // Disconnect the ResizeObserver when the component is unmounted\n        return () => {\n            var _a, _b, _c;\n            (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);\n            (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);\n        };\n    }, [resizeHandler, refElement]);\n    return Object.assign({ ref: refProxy }, size);\n}\n\nexport { useResizeDetector as default };\n//# sourceMappingURL=useResizeDetector.js.map\n"],"names":[],"mappings":";;AAIA,SAAS,kBAAkB,EAAE,cAAc,OAAO,aAAa,cAAc,KAAM,gBAAgB,cAAc,MAAM,eAAe,MAAM,WAAW,iBAAiB,SAAW,IAAG,IAAI;AAEtL,QAAM,aAAa,OAAO,WAAW;AAErC,QAAM,cAAc,eAAe,QAAQ;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS;AAAA,IAC7B,OAAO;AAAA,IACP,QAAQ;AAAA,EAChB,CAAK;AAED,QAAM,EAAE,UAAU,eAAe,YAAY,SAAS;AACtD,QAAM,EAAE,QAAQ,mBAAmB,CAAE;AACrC,QAAM,iBAAiB,YAAY,CAAC,YAAY;AAC5C,QAAI,CAAC,eAAe,CAAC;AACjB;AACJ,QAAI,WAAW,SAAS;AACpB,iBAAW,UAAU;AACrB;AAAA,IACZ;AAEQ,UAAM,gBAAgB,CAAC,UAAU,aAAc,eAAe,SAAS,UAAU,SAAS,SAAW,gBAAgB,SAAS,WAAW,SAAS;AAClJ,YAAQ,QAAQ,CAAC,UAAU;AACvB,YAAM,aAAa,cAAc,OAAO,GAAG;AAC3C,cAAQ,CAAC,aAAa;AAClB,YAAI,CAAC,cAAc,UAAU,UAAU;AACnC,iBAAO;AACX,wBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,UAClE,OAAO,WAAW;AAAA,UAClB,QAAQ,WAAW;AAAA,UACnB;AAAA,QACpB,CAAiB;AACD,eAAO;AAAA,MACvB,CAAa;AAAA,IACb,CAAS;AAAA,EACJ,GAAE,CAAC,aAAa,cAAc,YAAY,GAAG,CAAC;AAE/C,QAAM,gBAAgB,YAAY,oBAAoB,gBAAgB,aAAa,aAAa,cAAc,GAAG;AAAA,IAC7G;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR,CAAK;AAED,YAAU,MAAM;AACZ,QAAI;AACJ,QAAI,YAAY;AACZ,uBAAiB,IAAI,OAAO,eAAe,aAAa;AACxD,qBAAe,QAAQ,YAAY,eAAe;AAAA,IAC9D,WAEiB,KAAK,SAAS,KAAK,QAAQ;AAChC,sBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,QAClE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACvB,CAAa;AACD,cAAQ,EAAE,OAAO,QAAW,QAAQ,OAAS,CAAE;AAAA,IAC3D;AAEQ,WAAO,MAAM;AACT,UAAI,IAAI,IAAI;AACZ,OAAC,KAAK,mBAAmB,QAAQ,mBAAmB,SAAS,SAAS,eAAe,gBAAgB,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,cAAc;AAC5J,OAAC,MAAM,KAAK,eAAe,YAAY,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,EAAE;AAAA,IACrF;AAAA,EACT,GAAO,CAAC,eAAe,UAAU,CAAC;AAC9B,SAAO,OAAO,OAAO,EAAE,KAAK,SAAQ,GAAI,IAAI;AAChD;","x_google_ignoreList":[0]}

package/dist/harmony58.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const sidebarContainer = "_sidebarContainer_bmdti_1";
+const styles = {
+  sidebarContainer
+};
+exports.default = styles;
+exports.sidebarContainer = sidebarContainer;
+//# sourceMappingURL=harmony58.cjs.map

package/dist/harmony58.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony58.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/harmony58.mjs

@@ -0,0 +1,9 @@
+const sidebarContainer = "_sidebarContainer_bmdti_1";
+const styles = {
+  sidebarContainer
+};
+export {
+  styles as default,
+  sidebarContainer
+};
+//# sourceMappingURL=harmony58.mjs.map

package/dist/harmony58.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony58.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/harmony59.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Avatar_module = require("./harmony74.cjs");
+const Avatar = ({
+  src,
+  href = "/",
+  ariaLabel = "Lokalise App Home",
+  alt = "Lokalise Logo"
+}) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: Avatar_module.default.logoLink, href, "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt }) });
+exports.Avatar = Avatar;
+//# sourceMappingURL=harmony59.cjs.map

package/dist/harmony59.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony59.cjs","sources":["../src/components/Sidebar/Widgets/Avatar/Avatar.tsx"],"sourcesContent":["import styles from './Avatar.module.css'\n\ntype AvatarProps = {\n\t/** URL of the avatar/logo image */\n\tsrc: string\n\t/** Link destination when avatar is clicked. Defaults to '/' */\n\thref?: string\n\t/** Accessibility label for the avatar link. Defaults to 'Home' */\n\tariaLabel?: string\n\t/** Alt text for the avatar image. Defaults to 'Lokalise' */\n\talt?: string\n}\n\n/**\n * Display company main avatar / logo in the top section of the Sidebar.\n * Used as the main branding element and home navigation link.\n */\nexport const Avatar = ({\n\tsrc,\n\thref = '/',\n\tariaLabel = 'Lokalise App Home',\n\talt = 'Lokalise Logo',\n}: AvatarProps) => (\n\t<a className={styles.logoLink} href={href} aria-label={ariaLabel}>\n\t\t<img src={src} alt={alt} />\n\t</a>\n)\n"],"names":["jsx","styles"],"mappings":";;;;AAiBO,MAAM,SAAS,CAAC;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AACP,MACEA,2BAAAA,IAAA,KAAA,EAAE,WAAWC,cAAA,QAAO,UAAU,MAAY,cAAY,WACtD,UAACD,2BAAAA,IAAA,OAAA,EAAI,KAAU,IAAA,CAAU,EAC1B,CAAA;;"}

package/dist/harmony59.mjs

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import styles from "./harmony74.mjs";
+const Avatar = ({
+  src,
+  href = "/",
+  ariaLabel = "Lokalise App Home",
+  alt = "Lokalise Logo"
+}) => /* @__PURE__ */ jsx("a", { className: styles.logoLink, href, "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("img", { src, alt }) });
+export {
+  Avatar
+};
+//# sourceMappingURL=harmony59.mjs.map

package/dist/harmony59.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony59.mjs","sources":["../src/components/Sidebar/Widgets/Avatar/Avatar.tsx"],"sourcesContent":["import styles from './Avatar.module.css'\n\ntype AvatarProps = {\n\t/** URL of the avatar/logo image */\n\tsrc: string\n\t/** Link destination when avatar is clicked. Defaults to '/' */\n\thref?: string\n\t/** Accessibility label for the avatar link. Defaults to 'Home' */\n\tariaLabel?: string\n\t/** Alt text for the avatar image. Defaults to 'Lokalise' */\n\talt?: string\n}\n\n/**\n * Display company main avatar / logo in the top section of the Sidebar.\n * Used as the main branding element and home navigation link.\n */\nexport const Avatar = ({\n\tsrc,\n\thref = '/',\n\tariaLabel = 'Lokalise App Home',\n\talt = 'Lokalise Logo',\n}: AvatarProps) => (\n\t<a className={styles.logoLink} href={href} aria-label={ariaLabel}>\n\t\t<img src={src} alt={alt} />\n\t</a>\n)\n"],"names":[],"mappings":";;AAiBO,MAAM,SAAS,CAAC;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AACP,MACE,oBAAA,KAAA,EAAE,WAAW,OAAO,UAAU,MAAY,cAAY,WACtD,UAAC,oBAAA,OAAA,EAAI,KAAU,IAAA,CAAU,EAC1B,CAAA;"}

package/dist/harmony6.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const styles_module = require("./harmony56.cjs");
+const DropdownContent = require("./harmony69.cjs");
+const NavigationTabsItem = require("./harmony70.cjs");
+const helpers = require("./harmony71.cjs");
+const NavigationTabs = ({ navigation, activeItem }) => /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Project", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles_module.default.navigationTabList, "aria-orientation": "horizontal", children: navigation.filter(helpers.isNavigationItemVisible).map((item) => {
+  var _a, _b, _c;
+  if (item.dropdown) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        className: styles_module.default.navigationTab,
+        "data-testid": item.key,
+        "aria-selected": (_a = item.isActive) == null ? void 0 : _a.call(item, activeItem),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          louis.Menu,
+          {
+            menuButton: ({ opened }) => /* @__PURE__ */ jsxRuntime.jsx(NavigationTabsItem.NavigationTabsItem, { label: item.label, disabled: item.disabled, active: opened }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(louis.MenuList, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownContent.DropdownContent, { items: item.dropdown }) })
+          }
+        )
+      },
+      item.key
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      className: styles_module.default.navigationTab,
+      "data-testid": item.key,
+      "aria-selected": (_b = item.isActive) == null ? void 0 : _b.call(item, activeItem),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        NavigationTabsItem.NavigationTabsItem,
+        {
+          label: item.label,
+          href: item.link,
+          onClick: item.onClick,
+          disabled: item.disabled,
+          badge: item.badge,
+          novel: item.novel,
+          active: (_c = item.isActive) == null ? void 0 : _c.call(item, activeItem)
+        }
+      )
+    },
+    item.key
+  );
+}) }) });
+exports.NavigationTabs = NavigationTabs;
+//# sourceMappingURL=harmony6.cjs.map

package/dist/harmony6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony6.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabs.tsx"],"sourcesContent":["import { Menu, MenuList } from '@lokalise/louis'\n\nimport classes from '../../styles.module.css'\nimport type { NavigationTabsItem as NavigationTabsItemTypes } from '../../types/navigation'\nimport { DropdownContent } from '../DropdownContent/DropdownContent'\nimport { NavigationTabsItem } from './NavigationTabsItem/NavigationTabsItem'\nimport { isNavigationItemVisible } from './helpers'\n\ntype NavigationTabsProps = {\n\tnavigation: NavigationTabsItemTypes[]\n\tactiveItem: string\n}\n\nexport const NavigationTabs = ({ navigation, activeItem }: NavigationTabsProps) => (\n\t<nav aria-label=\"Project\">\n\t\t<ul className={classes.navigationTabList} aria-orientation=\"horizontal\">\n\t\t\t{navigation.filter(isNavigationItemVisible).map((item) => {\n\t\t\t\tif (item.dropdown) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tclassName={classes.navigationTab}\n\t\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\t\tdata-testid={item.key}\n\t\t\t\t\t\t\taria-selected={item.isActive?.(activeItem)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu\n\t\t\t\t\t\t\t\tmenuButton={({ opened }) => (\n\t\t\t\t\t\t\t\t\t<NavigationTabsItem label={item.label} disabled={item.disabled} active={opened} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MenuList>\n\t\t\t\t\t\t\t\t\t<DropdownContent items={item.dropdown} />\n\t\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={classes.navigationTab}\n\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\tdata-testid={item.key}\n\t\t\t\t\t\taria-selected={item.isActive?.(activeItem)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavigationTabsItem\n\t\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\t\thref={item.link}\n\t\t\t\t\t\t\tonClick={item.onClick}\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tbadge={item.badge}\n\t\t\t\t\t\t\tnovel={item.novel}\n\t\t\t\t\t\t\tactive={item.isActive?.(activeItem)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t)\n\t\t\t})}\n\t\t</ul>\n\t</nav>\n)\n"],"names":["jsx","classes","isNavigationItemVisible","Menu","NavigationTabsItem","MenuList","DropdownContent"],"mappings":";;;;;;;;AAaa,MAAA,iBAAiB,CAAC,EAAE,YAAY,WAC5C,MAAAA,2BAAA,IAAC,OAAI,EAAA,cAAW,WACf,UAAAA,2BAAA,IAAC,QAAG,WAAWC,sBAAQ,mBAAmB,oBAAiB,cACzD,UAAA,WAAW,OAAOC,QAAuB,uBAAA,EAAE,IAAI,CAAC,SAAS;;AACzD,MAAI,KAAK,UAAU;AAEjB,WAAAF,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,cAAQ,QAAA;AAAA,QAEnB,eAAa,KAAK;AAAA,QAClB,kBAAe,UAAK,aAAL,8BAAgB;AAAA,QAE/B,UAAAD,2BAAA;AAAA,UAACG,MAAA;AAAA,UAAA;AAAA,YACA,YAAY,CAAC,EAAE,OAAA,MACbH,2BAAAA,IAAAI,mBAAAA,oBAAA,EAAmB,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,QAAQ,OAAQ,CAAA;AAAA,YAGjF,yCAACC,gBACA,EAAA,UAAAL,2BAAAA,IAACM,mCAAgB,OAAO,KAAK,SAAU,CAAA,EACxC,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACD;AAAA,MAZK,KAAK;AAAA,IAaX;AAAA,EAAA;AAKD,SAAAN,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,cAAQ,QAAA;AAAA,MAEnB,eAAa,KAAK;AAAA,MAClB,kBAAe,UAAK,aAAL,8BAAgB;AAAA,MAE/B,UAAAD,2BAAA;AAAA,QAACI,mBAAA;AAAA,QAAA;AAAA,UACA,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,SAAS,KAAK;AAAA,UACd,UAAU,KAAK;AAAA,UACf,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,SAAQ,UAAK,aAAL,8BAAgB;AAAA,QAAU;AAAA,MAAA;AAAA,IACnC;AAAA,IAZK,KAAK;AAAA,EAaX;AAEF,CAAC,EACF,CAAA,EACD,CAAA;;"}

package/dist/harmony6.mjs

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import { Menu, MenuList } from "@lokalise/louis";
+import classes from "./harmony56.mjs";
+import { DropdownContent } from "./harmony69.mjs";
+import { NavigationTabsItem } from "./harmony70.mjs";
+import { isNavigationItemVisible } from "./harmony71.mjs";
+const NavigationTabs = ({ navigation, activeItem }) => /* @__PURE__ */ jsx("nav", { "aria-label": "Project", children: /* @__PURE__ */ jsx("ul", { className: classes.navigationTabList, "aria-orientation": "horizontal", children: navigation.filter(isNavigationItemVisible).map((item) => {
+  var _a, _b, _c;
+  if (item.dropdown) {
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: classes.navigationTab,
+        "data-testid": item.key,
+        "aria-selected": (_a = item.isActive) == null ? void 0 : _a.call(item, activeItem),
+        children: /* @__PURE__ */ jsx(
+          Menu,
+          {
+            menuButton: ({ opened }) => /* @__PURE__ */ jsx(NavigationTabsItem, { label: item.label, disabled: item.disabled, active: opened }),
+            children: /* @__PURE__ */ jsx(MenuList, { children: /* @__PURE__ */ jsx(DropdownContent, { items: item.dropdown }) })
+          }
+        )
+      },
+      item.key
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: classes.navigationTab,
+      "data-testid": item.key,
+      "aria-selected": (_b = item.isActive) == null ? void 0 : _b.call(item, activeItem),
+      children: /* @__PURE__ */ jsx(
+        NavigationTabsItem,
+        {
+          label: item.label,
+          href: item.link,
+          onClick: item.onClick,
+          disabled: item.disabled,
+          badge: item.badge,
+          novel: item.novel,
+          active: (_c = item.isActive) == null ? void 0 : _c.call(item, activeItem)
+        }
+      )
+    },
+    item.key
+  );
+}) }) });
+export {
+  NavigationTabs
+};
+//# sourceMappingURL=harmony6.mjs.map

package/dist/harmony6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony6.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabs.tsx"],"sourcesContent":["import { Menu, MenuList } from '@lokalise/louis'\n\nimport classes from '../../styles.module.css'\nimport type { NavigationTabsItem as NavigationTabsItemTypes } from '../../types/navigation'\nimport { DropdownContent } from '../DropdownContent/DropdownContent'\nimport { NavigationTabsItem } from './NavigationTabsItem/NavigationTabsItem'\nimport { isNavigationItemVisible } from './helpers'\n\ntype NavigationTabsProps = {\n\tnavigation: NavigationTabsItemTypes[]\n\tactiveItem: string\n}\n\nexport const NavigationTabs = ({ navigation, activeItem }: NavigationTabsProps) => (\n\t<nav aria-label=\"Project\">\n\t\t<ul className={classes.navigationTabList} aria-orientation=\"horizontal\">\n\t\t\t{navigation.filter(isNavigationItemVisible).map((item) => {\n\t\t\t\tif (item.dropdown) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tclassName={classes.navigationTab}\n\t\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\t\tdata-testid={item.key}\n\t\t\t\t\t\t\taria-selected={item.isActive?.(activeItem)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu\n\t\t\t\t\t\t\t\tmenuButton={({ opened }) => (\n\t\t\t\t\t\t\t\t\t<NavigationTabsItem label={item.label} disabled={item.disabled} active={opened} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MenuList>\n\t\t\t\t\t\t\t\t\t<DropdownContent items={item.dropdown} />\n\t\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={classes.navigationTab}\n\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\tdata-testid={item.key}\n\t\t\t\t\t\taria-selected={item.isActive?.(activeItem)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavigationTabsItem\n\t\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\t\thref={item.link}\n\t\t\t\t\t\t\tonClick={item.onClick}\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tbadge={item.badge}\n\t\t\t\t\t\t\tnovel={item.novel}\n\t\t\t\t\t\t\tactive={item.isActive?.(activeItem)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t)\n\t\t\t})}\n\t\t</ul>\n\t</nav>\n)\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,iBAAiB,CAAC,EAAE,YAAY,WAC5C,MAAA,oBAAC,OAAI,EAAA,cAAW,WACf,UAAA,oBAAC,QAAG,WAAW,QAAQ,mBAAmB,oBAAiB,cACzD,UAAA,WAAW,OAAO,uBAAuB,EAAE,IAAI,CAAC,SAAS;;AACzD,MAAI,KAAK,UAAU;AAEjB,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAW,QAAQ;AAAA,QAEnB,eAAa,KAAK;AAAA,QAClB,kBAAe,UAAK,aAAL,8BAAgB;AAAA,QAE/B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,YAAY,CAAC,EAAE,OAAA,MACb,oBAAA,oBAAA,EAAmB,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,QAAQ,OAAQ,CAAA;AAAA,YAGjF,8BAAC,UACA,EAAA,UAAA,oBAAC,mBAAgB,OAAO,KAAK,SAAU,CAAA,EACxC,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACD;AAAA,MAZK,KAAK;AAAA,IAaX;AAAA,EAAA;AAKD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,QAAQ;AAAA,MAEnB,eAAa,KAAK;AAAA,MAClB,kBAAe,UAAK,aAAL,8BAAgB;AAAA,MAE/B,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,SAAS,KAAK;AAAA,UACd,UAAU,KAAK;AAAA,UACf,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,SAAQ,UAAK,aAAL,8BAAgB;AAAA,QAAU;AAAA,MAAA;AAAA,IACnC;AAAA,IAZK,KAAK;AAAA,EAaX;AAEF,CAAC,EACF,CAAA,EACD,CAAA;"}

package/dist/harmony60.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony55.cjs");
+const IconLink_module = require("./harmony75.cjs");
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Link,
+    {
+      "aria-label": label,
+      className: clsx.clsx(IconLink_module.default.link, {
+        [IconLink_module.default.active]: window.location.pathname.startsWith(to)
+      }),
+      href: to,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "25px" })
+    }
+  ) });
+};
+exports.IconLink = IconLink;
+//# sourceMappingURL=harmony60.cjs.map

package/dist/harmony60.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony60.cjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":["jsx","Tooltip","Link","clsx","styles"],"mappings":";;;;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACEA,2BAAA,IAAAC,MAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAAD,2BAAA;AAAA,IAACE,MAAA;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAWC,KAAAA,KAAKC,gBAAA,QAAO,MAAM;AAAA,QAC5B,CAACA,gBAAAA,QAAO,MAAM,GAAG,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACvD;AAAA,MACD,MAAM;AAAA,MAEN,UAAAJ,2BAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;;"}

package/dist/harmony60.mjs

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip, Link } from "@lokalise/louis";
+import { clsx } from "./harmony55.mjs";
+import styles from "./harmony75.mjs";
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsx(Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsx(
+    Link,
+    {
+      "aria-label": label,
+      className: clsx(styles.link, {
+        [styles.active]: window.location.pathname.startsWith(to)
+      }),
+      href: to,
+      children: /* @__PURE__ */ jsx(Icon, { size: "25px" })
+    }
+  ) });
+};
+export {
+  IconLink
+};
+//# sourceMappingURL=harmony60.mjs.map

package/dist/harmony60.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony60.mjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":[],"mappings":";;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACE,oBAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,KAAK,OAAO,MAAM;AAAA,QAC5B,CAAC,OAAO,MAAM,GAAG,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACvD;AAAA,MACD,MAAM;AAAA,MAEN,UAAA,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;"}

package/dist/harmony61.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony55.cjs");
+const Menu_module = require("./harmony76.cjs");
+const Menu = ({ children, icon: Icon }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Menu,
+    {
+      menuButton: ({ opened }) => /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: clsx.clsx(Menu_module.default.dropdownButton, {
+            [Menu_module.default.dropdownButtonActive]: opened
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "25px" })
+        }
+      ) }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(louis.MenuList, { placement: "right-start", children })
+    }
+  );
+};
+exports.Menu = Menu;
+//# sourceMappingURL=harmony61.cjs.map

package/dist/harmony61.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony61.cjs","sources":["../src/components/Sidebar/Widgets/Menu/Menu.tsx"],"sourcesContent":["import { MenuList, type SvgIconProps, Tooltip, Menu as UIMenu } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC, PropsWithChildren } from 'react'\nimport styles from './Menu.module.css'\n\ntype MenuProps = PropsWithChildren<{\n\t/** Icon component from @lokalise/louis to display in the menu button */\n\ticon: FC<SvgIconProps>\n}>\n\n/**\n * A dropdown menu component that displays an icon button which reveals a menu list when clicked.\n * The menu is positioned to the right of the button and includes a tooltip.\n *\n * Used primarily for dropdown menus in the Sidebar, such as the Help menu.\n *\n * @example\n * ```tsx\n * <Menu icon={HelpCenterIcon}>\n *   <MenuItem href=\"/docs\">Documentation</MenuItem>\n *   <MenuItem href=\"/tutorial\">Tutorials</MenuItem>\n *   <MenuDivider />\n *   <MenuItem href=\"/blog\">Blog</MenuItem>\n * </Menu>\n * ```\n */\nexport const Menu = ({ children, icon: Icon }: MenuProps) => {\n\treturn (\n\t\t<UIMenu\n\t\t\tmenuButton={({ opened }) => (\n\t\t\t\t<Tooltip placement=\"right\" tooltip=\"Help\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={clsx(styles.dropdownButton, {\n\t\t\t\t\t\t\t[styles.dropdownButtonActive]: opened,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon size=\"25px\" />\n\t\t\t\t\t</button>\n\t\t\t\t</Tooltip>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-start\">{children}</MenuList>\n\t\t</UIMenu>\n\t)\n}\n"],"names":["jsx","UIMenu","Tooltip","clsx","styles","MenuList"],"mappings":";;;;;;AA0BO,MAAM,OAAO,CAAC,EAAE,UAAU,MAAM,WAAsB;AAE3D,SAAAA,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,YAAY,CAAC,EAAE,OAAO,qCACpBC,MAAQ,SAAA,EAAA,WAAU,SAAQ,SAAQ,QAClC,UAAAF,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAWG,KAAAA,KAAKC,YAAA,QAAO,gBAAgB;AAAA,YACtC,CAACA,YAAAA,QAAO,oBAAoB,GAAG;AAAA,UAAA,CAC/B;AAAA,UAED,UAAAJ,2BAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAGD,UAACA,2BAAA,IAAAK,MAAA,UAAA,EAAS,WAAU,eAAe,SAAS,CAAA;AAAA,IAAA;AAAA,EAC7C;AAEF;;"}

package/dist/harmony61.mjs

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Menu as Menu$1, MenuList, Tooltip } from "@lokalise/louis";
+import { clsx } from "./harmony55.mjs";
+import styles from "./harmony76.mjs";
+const Menu = ({ children, icon: Icon }) => {
+  return /* @__PURE__ */ jsx(
+    Menu$1,
+    {
+      menuButton: ({ opened }) => /* @__PURE__ */ jsx(Tooltip, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: clsx(styles.dropdownButton, {
+            [styles.dropdownButtonActive]: opened
+          }),
+          children: /* @__PURE__ */ jsx(Icon, { size: "25px" })
+        }
+      ) }),
+      children: /* @__PURE__ */ jsx(MenuList, { placement: "right-start", children })
+    }
+  );
+};
+export {
+  Menu
+};
+//# sourceMappingURL=harmony61.mjs.map

package/dist/harmony61.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony61.mjs","sources":["../src/components/Sidebar/Widgets/Menu/Menu.tsx"],"sourcesContent":["import { MenuList, type SvgIconProps, Tooltip, Menu as UIMenu } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC, PropsWithChildren } from 'react'\nimport styles from './Menu.module.css'\n\ntype MenuProps = PropsWithChildren<{\n\t/** Icon component from @lokalise/louis to display in the menu button */\n\ticon: FC<SvgIconProps>\n}>\n\n/**\n * A dropdown menu component that displays an icon button which reveals a menu list when clicked.\n * The menu is positioned to the right of the button and includes a tooltip.\n *\n * Used primarily for dropdown menus in the Sidebar, such as the Help menu.\n *\n * @example\n * ```tsx\n * <Menu icon={HelpCenterIcon}>\n *   <MenuItem href=\"/docs\">Documentation</MenuItem>\n *   <MenuItem href=\"/tutorial\">Tutorials</MenuItem>\n *   <MenuDivider />\n *   <MenuItem href=\"/blog\">Blog</MenuItem>\n * </Menu>\n * ```\n */\nexport const Menu = ({ children, icon: Icon }: MenuProps) => {\n\treturn (\n\t\t<UIMenu\n\t\t\tmenuButton={({ opened }) => (\n\t\t\t\t<Tooltip placement=\"right\" tooltip=\"Help\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={clsx(styles.dropdownButton, {\n\t\t\t\t\t\t\t[styles.dropdownButtonActive]: opened,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon size=\"25px\" />\n\t\t\t\t\t</button>\n\t\t\t\t</Tooltip>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-start\">{children}</MenuList>\n\t\t</UIMenu>\n\t)\n}\n"],"names":["UIMenu"],"mappings":";;;;AA0BO,MAAM,OAAO,CAAC,EAAE,UAAU,MAAM,WAAsB;AAE3D,SAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACA,YAAY,CAAC,EAAE,OAAO,0BACpB,SAAQ,EAAA,WAAU,SAAQ,SAAQ,QAClC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAW,KAAK,OAAO,gBAAgB;AAAA,YACtC,CAAC,OAAO,oBAAoB,GAAG;AAAA,UAAA,CAC/B;AAAA,UAED,UAAA,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAGD,UAAC,oBAAA,UAAA,EAAS,WAAU,eAAe,SAAS,CAAA;AAAA,IAAA;AAAA,EAC7C;AAEF;"}

package/dist/harmony62.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ProfileMenuContent = require("./harmony77.cjs");
+const ProfileMenuProvider = require("./harmony78.cjs");
+const ProfileMenu = ({ config, children }) => /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuProvider.ProfileMenuProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuContent.ProfileMenuContent, { children }) });
+exports.ProfileMenu = ProfileMenu;
+//# sourceMappingURL=harmony62.cjs.map

package/dist/harmony62.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony62.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.tsx"],"sourcesContent":["import { ProfileMenuContent, type ProfileMenuContentProps } from './ProfileMenuContent'\nimport { ProfileMenuProvider } from './ProfileMenuProvider'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProps = {\n\t/** Configuration object containing team and user settings */\n\tconfig: SidebarProfileMenuConfig\n\t/** Render function for the menu content */\n\tchildren: ProfileMenuContentProps['children']\n}\n\n/**\n * A contextual menu component that provides team management functionality.\n * It manages team switching, profile settings, billing options, and upgrade prompts.\n *\n * The component uses a render prop pattern to provide context values to its children,\n * allowing flexible composition of menu items based on user permissions and team status.\n *\n * @example\n * ```tsx\n * <ProfileMenu config={profileMenuConfig}>\n *   {({ allowTeamCreation, showBillingButton }) => (\n *     <>\n *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />\n *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}\n *       {showBillingButton && <MenuItem href=\"/billing\">Billing</MenuItem>}\n *     </>\n *   )}\n * </ProfileMenu>\n * ```\n */\nexport const ProfileMenu = ({ config, children }: ProfileMenuProps) => (\n\t<ProfileMenuProvider config={config}>\n\t\t<ProfileMenuContent>{children}</ProfileMenuContent>\n\t</ProfileMenuProvider>\n)\n"],"names":["jsx","ProfileMenuProvider","ProfileMenuContent"],"mappings":";;;;;AA+BO,MAAM,cAAc,CAAC,EAAE,QAAQ,SAAS,MAC7CA,2BAAA,IAAAC,oBAAA,qBAAA,EAAoB,QACpB,UAAAD,2BAAA,IAACE,mBAAoB,oBAAA,EAAA,SAAS,CAAA,EAC/B,CAAA;;"}

package/dist/harmony62.mjs

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { ProfileMenuContent } from "./harmony77.mjs";
+import { ProfileMenuProvider } from "./harmony78.mjs";
+const ProfileMenu = ({ config, children }) => /* @__PURE__ */ jsx(ProfileMenuProvider, { config, children: /* @__PURE__ */ jsx(ProfileMenuContent, { children }) });
+export {
+  ProfileMenu
+};
+//# sourceMappingURL=harmony62.mjs.map

package/dist/harmony62.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"harmony62.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.tsx"],"sourcesContent":["import { ProfileMenuContent, type ProfileMenuContentProps } from './ProfileMenuContent'\nimport { ProfileMenuProvider } from './ProfileMenuProvider'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProps = {\n\t/** Configuration object containing team and user settings */\n\tconfig: SidebarProfileMenuConfig\n\t/** Render function for the menu content */\n\tchildren: ProfileMenuContentProps['children']\n}\n\n/**\n * A contextual menu component that provides team management functionality.\n * It manages team switching, profile settings, billing options, and upgrade prompts.\n *\n * The component uses a render prop pattern to provide context values to its children,\n * allowing flexible composition of menu items based on user permissions and team status.\n *\n * @example\n * ```tsx\n * <ProfileMenu config={profileMenuConfig}>\n *   {({ allowTeamCreation, showBillingButton }) => (\n *     <>\n *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />\n *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}\n *       {showBillingButton && <MenuItem href=\"/billing\">Billing</MenuItem>}\n *     </>\n *   )}\n * </ProfileMenu>\n * ```\n */\nexport const ProfileMenu = ({ config, children }: ProfileMenuProps) => (\n\t<ProfileMenuProvider config={config}>\n\t\t<ProfileMenuContent>{children}</ProfileMenuContent>\n\t</ProfileMenuProvider>\n)\n"],"names":[],"mappings":";;;AA+BO,MAAM,cAAc,CAAC,EAAE,QAAQ,SAAS,MAC7C,oBAAA,qBAAA,EAAoB,QACpB,UAAA,oBAAC,oBAAoB,EAAA,SAAS,CAAA,EAC/B,CAAA;"}