@anoki/fse-ui 1.0.0-beta1.47.1 → 1.0.0-beta1.47.2

package/dist/index.es592.js

@@ -1,8 +1,16 @@
-import { j as e } from "./index.es241.js";
-function t({ children: o }) {
-  return /* @__PURE__ */ e.jsx("article", { className: "shadow rounded h-100 w-100 bg-white d-flex flex-column", children: o });
-}
+import * as o from "react";
+import { stylesheetSingleton as r } from "./index.es593.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
+};
 export {
-  t as CardRoot
+  i as styleHookSingleton
 };
 //# sourceMappingURL=index.es592.js.map

package/dist/index.es592.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es592.js","sources":["../src/components/ui/card/CardRoot.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nexport function CardRoot({ children }: PropsWithChildren) {\n  return (\n    <article className=\"shadow rounded h-100 w-100 bg-white d-flex flex-column\">\n      {children}\n    </article>\n  );\n}\n"],"names":["CardRoot","children","jsx"],"mappings":";AAEgB,SAAAA,EAAS,EAAE,UAAAC,KAA+B;AACxD,SACGC,gBAAAA,EAAAA,IAAA,WAAA,EAAQ,WAAU,0DAChB,UAAAD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"index.es592.js","sources":["../node_modules/react-style-singleton/dist/es2015/hook.js"],"sourcesContent":["import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n    var sheet = stylesheetSingleton();\n    return function (styles, isDynamic) {\n        React.useEffect(function () {\n            sheet.add(styles);\n            return function () {\n                sheet.remove();\n            };\n        }, [styles && isDynamic]);\n    };\n};\n"],"names":["styleHookSingleton","sheet","stylesheetSingleton","styles","isDynamic","React"],"mappings":";;AAWU,IAACA,IAAqB,WAAY;AACxC,MAAIC,IAAQC,EAAqB;AACjC,SAAO,SAAUC,GAAQC,GAAW;AAChC,IAAAC,EAAM,UAAU,WAAY;AACxB,aAAAJ,EAAM,IAAIE,CAAM,GACT,WAAY;AACf,QAAAF,EAAM,OAAQ;AAAA,MACjB;AAAA,IACb,GAAW,CAACE,KAAUC,CAAS,CAAC;AAAA,EAC3B;AACL;","x_google_ignoreList":[0]}

package/dist/index.es593.js

@@ -1,3 +1,31 @@
-import { __require as e } from "./index.es594.js";
-e();
+import { getNonce as o } from "./index.es594.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};
 //# sourceMappingURL=index.es593.js.map

package/dist/index.es593.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es593.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es593.js","sources":["../node_modules/react-style-singleton/dist/es2015/singleton.js"],"sourcesContent":["import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n    if (!document)\n        return null;\n    var tag = document.createElement('style');\n    tag.type = 'text/css';\n    var nonce = getNonce();\n    if (nonce) {\n        tag.setAttribute('nonce', nonce);\n    }\n    return tag;\n}\nfunction injectStyles(tag, css) {\n    // @ts-ignore\n    if (tag.styleSheet) {\n        // @ts-ignore\n        tag.styleSheet.cssText = css;\n    }\n    else {\n        tag.appendChild(document.createTextNode(css));\n    }\n}\nfunction insertStyleTag(tag) {\n    var head = document.head || document.getElementsByTagName('head')[0];\n    head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n    var counter = 0;\n    var stylesheet = null;\n    return {\n        add: function (style) {\n            if (counter == 0) {\n                if ((stylesheet = makeStyleTag())) {\n                    injectStyles(stylesheet, style);\n                    insertStyleTag(stylesheet);\n                }\n            }\n            counter++;\n        },\n        remove: function () {\n            counter--;\n            if (!counter && stylesheet) {\n                stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n                stylesheet = null;\n            }\n        },\n    };\n};\n"],"names":["makeStyleTag","tag","nonce","getNonce","injectStyles","css","insertStyleTag","head","stylesheetSingleton","counter","stylesheet","style"],"mappings":";AACA,SAASA,IAAe;AACpB,MAAI,CAAC;AACD,WAAO;AACX,MAAIC,IAAM,SAAS,cAAc,OAAO;AACxC,EAAAA,EAAI,OAAO;AACX,MAAIC,IAAQC,EAAU;AACtB,SAAID,KACAD,EAAI,aAAa,SAASC,CAAK,GAE5BD;AACX;AACA,SAASG,EAAaH,GAAKI,GAAK;AAE5B,EAAIJ,EAAI,aAEJA,EAAI,WAAW,UAAUI,IAGzBJ,EAAI,YAAY,SAAS,eAAeI,CAAG,CAAC;AAEpD;AACA,SAASC,EAAeL,GAAK;AACzB,MAAIM,IAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,EAAAA,EAAK,YAAYN,CAAG;AACxB;AACU,IAACO,IAAsB,WAAY;AACzC,MAAIC,IAAU,GACVC,IAAa;AACjB,SAAO;AAAA,IACH,KAAK,SAAUC,GAAO;AAClB,MAAIF,KAAW,MACNC,IAAaV,SACdI,EAAaM,GAAYC,CAAK,GAC9BL,EAAeI,CAAU,IAGjCD;AAAA,IACH;AAAA,IACD,QAAQ,WAAY;AAChB,MAAAA,KACI,CAACA,KAAWC,MACZA,EAAW,cAAcA,EAAW,WAAW,YAAYA,CAAU,GACrEA,IAAa;AAAA,IAEpB;AAAA,EACJ;AACL;","x_google_ignoreList":[0]}

package/dist/index.es594.js

@@ -1,86 +1,8 @@
-import { commonjsGlobal as g } from "./index.es454.js";
-var h, L;
-function Y() {
-  if (L) return h;
-  L = 1;
-  var _ = "Expected a function", x = NaN, C = "[object Symbol]", M = /^\s+|\s+$/g, N = /^[-+]0x[0-9a-f]+$/i, R = /^0b[01]+$/i, W = /^0o[0-7]+$/i, $ = parseInt, q = typeof g == "object" && g && g.Object === Object && g, A = typeof self == "object" && self && self.Object === Object && self, B = q || A || Function("return this")(), F = Object.prototype, G = F.toString, P = Math.max, D = Math.min, y = function() {
-    return B.Date.now();
-  };
-  function H(e, r, i) {
-    var a, u, b, c, t, f, s = 0, O = !1, d = !1, j = !0;
-    if (typeof e != "function")
-      throw new TypeError(_);
-    r = I(r) || 0, p(i) && (O = !!i.leading, d = "maxWait" in i, b = d ? P(I(i.maxWait) || 0, r) : b, j = "trailing" in i ? !!i.trailing : j);
-    function v(n) {
-      var o = a, m = u;
-      return a = u = void 0, s = n, c = e.apply(m, o), c;
-    }
-    function z(n) {
-      return s = n, t = setTimeout(l, r), O ? v(n) : c;
-    }
-    function J(n) {
-      var o = n - f, m = n - s, E = r - o;
-      return d ? D(E, b - m) : E;
-    }
-    function S(n) {
-      var o = n - f, m = n - s;
-      return f === void 0 || o >= r || o < 0 || d && m >= b;
-    }
-    function l() {
-      var n = y();
-      if (S(n))
-        return k(n);
-      t = setTimeout(l, J(n));
-    }
-    function k(n) {
-      return t = void 0, j && a ? v(n) : (a = u = void 0, c);
-    }
-    function K() {
-      t !== void 0 && clearTimeout(t), s = 0, a = f = u = t = void 0;
-    }
-    function Q() {
-      return t === void 0 ? c : k(y());
-    }
-    function T() {
-      var n = y(), o = S(n);
-      if (a = arguments, u = this, f = n, o) {
-        if (t === void 0)
-          return z(f);
-        if (d)
-          return t = setTimeout(l, r), v(f);
-      }
-      return t === void 0 && (t = setTimeout(l, r)), c;
-    }
-    return T.cancel = K, T.flush = Q, T;
-  }
-  function p(e) {
-    var r = typeof e;
-    return !!e && (r == "object" || r == "function");
-  }
-  function U(e) {
-    return !!e && typeof e == "object";
-  }
-  function X(e) {
-    return typeof e == "symbol" || U(e) && G.call(e) == C;
-  }
-  function I(e) {
-    if (typeof e == "number")
-      return e;
-    if (X(e))
-      return x;
-    if (p(e)) {
-      var r = typeof e.valueOf == "function" ? e.valueOf() : e;
-      e = p(r) ? r + "" : r;
-    }
-    if (typeof e != "string")
-      return e === 0 ? e : +e;
-    e = e.replace(M, "");
-    var i = R.test(e);
-    return i || W.test(e) ? $(e.slice(2), i ? 2 : 8) : N.test(e) ? x : +e;
-  }
-  return h = H, h;
-}
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
 export {
-  Y as __require
+  e as getNonce
 };
 //# sourceMappingURL=index.es594.js.map

package/dist/index.es594.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es594.js","sources":["../node_modules/lodash.debounce/index.js"],"sourcesContent":["/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        result = wait - timeSinceLastCall;\n\n    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = debounce;\n"],"names":["FUNC_ERROR_TEXT","NAN","symbolTag","reTrim","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","freeGlobal","global","freeSelf","root","objectProto","objectToString","nativeMax","nativeMin","now","debounce","func","wait","options","lastArgs","lastThis","maxWait","result","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","toNumber","isObject","invokeFunc","time","args","thisArg","leadingEdge","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","shouldInvoke","trailingEdge","cancel","flush","debounced","isInvoking","value","type","isObjectLike","isSymbol","other","isBinary","lodash_debounce"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es594.js","sources":["../node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n    currentNonce = nonce;\n};\nexport var getNonce = function () {\n    if (currentNonce) {\n        return currentNonce;\n    }\n    if (typeof __webpack_nonce__ !== 'undefined') {\n        return __webpack_nonce__;\n    }\n    return undefined;\n};\n"],"names":["getNonce"],"mappings":"AAIU,IAACA,IAAW,WAAY;AAI9B,MAAI,OAAO,oBAAsB;AAC7B,WAAO;AAGf;","x_google_ignoreList":[0]}

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as l } from "./index.es241.js";
 import { clsx as u } from "./index.es243.js";
 import { useMemo as x } from "react";
-import { createSpacingClasses as C } from "./index.es272.js";
+import { createSpacingClasses as C } from "./index.es271.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const y = ({
   as: o,

package/dist/index.es60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es60.js","sources":["../src/components/ui/filters/HeaderNavigation/index.tsx"],"sourcesContent":["import { Button } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport clsx from \"clsx\";\n\ntype HeaderNavigationProps = {\n  className?: string;\n  title: string;\n  closeButton: string;\n  onCloseClick?: () => void;\n};\nexport const HeaderNavigation = ({\n  className = \"\",\n  title,\n  closeButton,\n  onCloseClick,\n}: HeaderNavigationProps) => {\n  return (\n    <div\n      className={clsx(\n        className,\n        \"base-row justify-content-between align-items-center\",\n      )}\n    >\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n        {title}\n      </Dialog.Title>\n      <Button\n        size=\"4\"\n        textColor=\"primary\"\n        bg=\"transparent\"\n        aria-label=\"Chiudi modale\"\n        onClick={onCloseClick}\n        className=\"bmClose\"\n      >\n        {closeButton}\n        <Close className=\"ml-x8\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["HeaderNavigation","className","title","closeButton","onCloseClick","jsxs","clsx","jsx","Dialog.Title","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTL;AAAA,MACA;AAAA,IACF;AAAA,IAEA,UAAA;AAAA,MAAAM,gBAAAA,EAAA,IAACC,GAAA,EAAa,WAAU,8BACrB,UACHN,GAAA;AAAA,MACAG,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,IAAG;AAAA,UACH,cAAW;AAAA,UACX,SAASL;AAAA,UACT,WAAU;AAAA,UAET,UAAA;AAAA,YAAAD;AAAA,YACDI,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3B;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es60.js","sources":["../src/components/ui/filters/HeaderNavigation/index.tsx"],"sourcesContent":["import { Button } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport clsx from \"clsx\";\r\n\r\ntype HeaderNavigationProps = {\r\n  className?: string;\r\n  title: string;\r\n  closeButton: string;\r\n  onCloseClick?: () => void;\r\n};\r\nexport const HeaderNavigation = ({\r\n  className = \"\",\r\n  title,\r\n  closeButton,\r\n  onCloseClick,\r\n}: HeaderNavigationProps) => {\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        className,\r\n        \"base-row justify-content-between align-items-center\",\r\n      )}\r\n    >\r\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n        {title}\r\n      </Dialog.Title>\r\n      <Button\r\n        size=\"4\"\r\n        textColor=\"primary\"\r\n        bg=\"transparent\"\r\n        aria-label=\"Chiudi modale\"\r\n        onClick={onCloseClick}\r\n        className=\"bmClose\"\r\n      >\r\n        {closeButton}\r\n        <Close className=\"ml-x8\" />\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderNavigation","className","title","closeButton","onCloseClick","jsxs","clsx","jsx","Dialog.Title","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTL;AAAA,MACA;AAAA,IACF;AAAA,IAEA,UAAA;AAAA,MAAAM,gBAAAA,EAAA,IAACC,GAAA,EAAa,WAAU,8BACrB,UACHN,GAAA;AAAA,MACAG,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,IAAG;AAAA,UACH,cAAW;AAAA,UACX,SAASL;AAAA,UACT,WAAU;AAAA,UAET,UAAA;AAAA,YAAAD;AAAA,YACDI,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3B;AAAA,EAAA;AACF;"}

package/dist/index.es61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es61.js","sources":["../src/components/ui/filters/FiltersChips/index.tsx"],"sourcesContent":["\"use client\";\nimport \"./FiltersChips.scss\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\n\ntype FiltersChipsProps = PropsWithChildren<{\n  chips: string[];\n  id: string;\n  additionalClassName?: string;\n  onChange: (selectedChip: string) => void;\n  selectedChip?: string;\n}>;\n\nexport const FiltersChips = ({\n  chips,\n  id,\n  additionalClassName,\n  onChange,\n  selectedChip,\n}: FiltersChipsProps) => {\n  return (\n    <div\n      className={clsx(\"filters-chips-container\", additionalClassName)}\n      role=\"radiogroup\"\n      aria-label=\"Filter options\"\n    >\n      <Row alignItems=\"center\" gap=\"x8\" flexWrap=\"wrap\">\n        {chips.map((chip) => (\n          <button\n            key={`${id}-${chip}`}\n            className={clsx(\"filter-chip\", {\n              \"filter-chip--selected\": selectedChip === chip,\n            })}\n            role=\"radio\"\n            aria-checked={selectedChip === chip}\n            onClick={() => onChange(chip)}\n          >\n            {chip}\n          </button>\n        ))}\n      </Row>\n    </div>\n  );\n};\n"],"names":["FiltersChips","chips","id","additionalClassName","onChange","selectedChip","jsx","clsx","Row","chip"],"mappings":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,2BAA2BJ,CAAmB;AAAA,IAC9D,MAAK;AAAA,IACL,cAAW;AAAA,IAEX,UAAAG,gBAAAA,EAAA,IAACE,GAAI,EAAA,YAAW,UAAS,KAAI,MAAK,UAAS,QACxC,UAAAP,EAAM,IAAI,CAACQ,MACVH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAK,eAAe;AAAA,UAC7B,yBAAyBF,MAAiBI;AAAA,QAAA,CAC3C;AAAA,QACD,MAAK;AAAA,QACL,gBAAcJ,MAAiBI;AAAA,QAC/B,SAAS,MAAML,EAASK,CAAI;AAAA,QAE3B,UAAAA;AAAA,MAAA;AAAA,MARI,GAAGP,CAAE,IAAIO,CAAI;AAAA,IAAA,CAUrB,EACH,CAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es61.js","sources":["../src/components/ui/filters/FiltersChips/index.tsx"],"sourcesContent":["\"use client\";\r\nimport \"./FiltersChips.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype FiltersChipsProps = PropsWithChildren<{\r\n  chips: string[];\r\n  id: string;\r\n  additionalClassName?: string;\r\n  onChange: (selectedChip: string) => void;\r\n  selectedChip?: string;\r\n}>;\r\n\r\nexport const FiltersChips = ({\r\n  chips,\r\n  id,\r\n  additionalClassName,\r\n  onChange,\r\n  selectedChip,\r\n}: FiltersChipsProps) => {\r\n  return (\r\n    <div\r\n      className={clsx(\"filters-chips-container\", additionalClassName)}\r\n      role=\"radiogroup\"\r\n      aria-label=\"Filter options\"\r\n    >\r\n      <Row alignItems=\"center\" gap=\"x8\" flexWrap=\"wrap\">\r\n        {chips.map((chip) => (\r\n          <button\r\n            key={`${id}-${chip}`}\r\n            className={clsx(\"filter-chip\", {\r\n              \"filter-chip--selected\": selectedChip === chip,\r\n            })}\r\n            role=\"radio\"\r\n            aria-checked={selectedChip === chip}\r\n            onClick={() => onChange(chip)}\r\n          >\r\n            {chip}\r\n          </button>\r\n        ))}\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FiltersChips","chips","id","additionalClassName","onChange","selectedChip","jsx","clsx","Row","chip"],"mappings":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,2BAA2BJ,CAAmB;AAAA,IAC9D,MAAK;AAAA,IACL,cAAW;AAAA,IAEX,UAAAG,gBAAAA,EAAA,IAACE,GAAI,EAAA,YAAW,UAAS,KAAI,MAAK,UAAS,QACxC,UAAAP,EAAM,IAAI,CAACQ,MACVH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAK,eAAe;AAAA,UAC7B,yBAAyBF,MAAiBI;AAAA,QAAA,CAC3C;AAAA,QACD,MAAK;AAAA,QACL,gBAAcJ,MAAiBI;AAAA,QAC/B,SAAS,MAAML,EAASK,CAAI;AAAA,QAE3B,UAAAA;AAAA,MAAA;AAAA,MARI,GAAGP,CAAE,IAAIO,CAAI;AAAA,IAAA,CAUrB,EACH,CAAA;AAAA,EAAA;AACF;"}

package/dist/index.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es62.js","sources":["../src/components/ui/CardReminder/index.tsx"],"sourcesContent":["import Balancer from \"react-wrap-balancer\";\nimport { Calendar } from \"@/icons\";\nimport \"./CardReminder.scss\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardReminderProps = {\n  icon?: React.ReactNode;\n  title: string;\n  description?: React.ReactNode;\n  titleTag?: HeadingLevel;\n  footer?: React.ReactNode;\n};\n\nexport const CardReminder = ({\n  icon = <Calendar width={21} height={21} color=\"slate-28\" />,\n  titleTag: TitleTag = \"h3\",\n  title,\n  description,\n  footer,\n}: CardReminderProps) => {\n  return (\n    <div className=\"bg-white shadow br-x4 ui-card-reminder\">\n      <header className=\"ui-card-reminder-header\">\n        <div className=\"ui-card-reminder-icon\">{icon}</div>\n        <TitleTag className=\"fs-5 md-fs-4 fw-semibold text-slate-28\">\n          {title}\n        </TitleTag>\n      </header>\n      {description && (\n        <Balancer\n          as=\"p\"\n          className=\"fs-custom fw-regular text-slate-28 ui-card-reminder-content\"\n        >\n          {description}\n        </Balancer>\n      )}\n      {footer && <footer className=\"ui-card-reminder-footer\">{footer}</footer>}\n    </div>\n  );\n};\n"],"names":["CardReminder","icon","Calendar","TitleTag","title","description","footer","jsxs","jsx","Balancer"],"mappings":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,0BAAQC,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAAA,EACzD,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,2BAChB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAKP,GAAA;AAAA,IAC5CO,gBAAAA,EAAA,IAAAL,GAAA,EAAS,WAAU,0CACjB,UACHC,EAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACCC,KACCG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EACH;AAAA,EAEDC,KAAUE,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAU,2BAA2B,UAAOF,EAAA,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es62.js","sources":["../src/components/ui/CardReminder/index.tsx"],"sourcesContent":["import Balancer from \"react-wrap-balancer\";\r\nimport { Calendar } from \"@/icons\";\r\nimport \"./CardReminder.scss\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardReminderProps = {\r\n  icon?: React.ReactNode;\r\n  title: string;\r\n  description?: React.ReactNode;\r\n  titleTag?: HeadingLevel;\r\n  footer?: React.ReactNode;\r\n};\r\n\r\nexport const CardReminder = ({\r\n  icon = <Calendar width={21} height={21} color=\"slate-28\" />,\r\n  titleTag: TitleTag = \"h3\",\r\n  title,\r\n  description,\r\n  footer,\r\n}: CardReminderProps) => {\r\n  return (\r\n    <div className=\"bg-white shadow br-x4 ui-card-reminder\">\r\n      <header className=\"ui-card-reminder-header\">\r\n        <div className=\"ui-card-reminder-icon\">{icon}</div>\r\n        <TitleTag className=\"fs-5 md-fs-4 fw-semibold text-slate-28\">\r\n          {title}\r\n        </TitleTag>\r\n      </header>\r\n      {description && (\r\n        <Balancer\r\n          as=\"p\"\r\n          className=\"fs-custom fw-regular text-slate-28 ui-card-reminder-content\"\r\n        >\r\n          {description}\r\n        </Balancer>\r\n      )}\r\n      {footer && <footer className=\"ui-card-reminder-footer\">{footer}</footer>}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardReminder","icon","Calendar","TitleTag","title","description","footer","jsxs","jsx","Balancer"],"mappings":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,0BAAQC,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAAA,EACzD,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,2BAChB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAKP,GAAA;AAAA,IAC5CO,gBAAAA,EAAA,IAAAL,GAAA,EAAS,WAAU,0CACjB,UACHC,EAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACCC,KACCG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EACH;AAAA,EAEDC,KAAUE,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAU,2BAA2B,UAAOF,EAAA,CAAA;AAAA,GACjE;"}

package/dist/index.es64.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { createColorClasses as l } from "./index.es271.js";
+import { createColorClasses as l } from "./index.es273.js";
 import { clsx as x } from "./index.es243.js";
 const p = ({
   initials: e,

package/dist/index.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es65.js","sources":["../src/components/ui/NavList/index.tsx"],"sourcesContent":["type NavListProps = {\n  links: {\n    value: string;\n    href: string;\n    icon?: React.ComponentType<any>;\n  }[];\n  asLink?: \"a\" | React.ComponentType<any>;\n  onClick?: () => void;\n};\n\nexport const NavList = ({ links, asLink = \"a\", onClick }: NavListProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <ul className=\"list-style-none\" role=\"list\">\n      {links?.map((link) => {\n        const IconComponent = link?.icon;\n        return (\n          <li key={link.value} className=\"py-x20 py-x8 border-bottom\">\n            <LinkComponent\n              href={link.href}\n              className=\"w-full underline text-decoration-none text-primary fs-5 md-fs-4 fw-regular base-row align-items-center gap-x8\"\n              onClick={() => {\n                onClick?.();\n              }}\n            >\n              {IconComponent ? (\n                <IconComponent color=\"primary\" width={32} height={32} />\n              ) : null}\n              {link.value}\n            </LinkComponent>\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n"],"names":["NavList","links","asLink","onClick","LinkComponent","jsx","link","IconComponent","jsxs"],"mappings":";AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,QAAAC,IAAS,KAAK,SAAAC,QAA4B;AACzE,QAAMC,IAAgBF;AAGpB,SAAAG,gBAAAA,MAAC,QAAG,WAAU,mBAAkB,MAAK,QAClC,UAAAJ,KAAA,gBAAAA,EAAO,IAAI,CAACK,MAAS;AACpB,UAAMC,IAAgBD,KAAA,gBAAAA,EAAM;AAE1B,WAAAD,gBAAAA,EAAAA,IAAC,MAAoB,EAAA,WAAU,8BAC7B,UAAAG,gBAAAA,EAAA;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,MAAME,EAAK;AAAA,QACX,WAAU;AAAA,QACV,SAAS,MAAM;AACH,UAAAH,KAAA,QAAAA;AAAA,QACZ;AAAA,QAEC,UAAA;AAAA,UACCI,IAAAF,gBAAAA,EAAA,IAACE,KAAc,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI,IACpD;AAAA,UACHD,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACR,GAZOA,EAAK,KAad;AAAA,EAEH,IACH;AAEJ;"}
+{"version":3,"file":"index.es65.js","sources":["../src/components/ui/NavList/index.tsx"],"sourcesContent":["type NavListProps = {\r\n  links: {\r\n    value: string;\r\n    href: string;\r\n    icon?: React.ComponentType<any>;\r\n  }[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  onClick?: () => void;\r\n};\r\n\r\nexport const NavList = ({ links, asLink = \"a\", onClick }: NavListProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <ul className=\"list-style-none\" role=\"list\">\r\n      {links?.map((link) => {\r\n        const IconComponent = link?.icon;\r\n        return (\r\n          <li key={link.value} className=\"py-x20 py-x8 border-bottom\">\r\n            <LinkComponent\r\n              href={link.href}\r\n              className=\"w-full underline text-decoration-none text-primary fs-5 md-fs-4 fw-regular base-row align-items-center gap-x8\"\r\n              onClick={() => {\r\n                onClick?.();\r\n              }}\r\n            >\r\n              {IconComponent ? (\r\n                <IconComponent color=\"primary\" width={32} height={32} />\r\n              ) : null}\r\n              {link.value}\r\n            </LinkComponent>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n"],"names":["NavList","links","asLink","onClick","LinkComponent","jsx","link","IconComponent","jsxs"],"mappings":";AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,QAAAC,IAAS,KAAK,SAAAC,QAA4B;AACzE,QAAMC,IAAgBF;AAGpB,SAAAG,gBAAAA,MAAC,QAAG,WAAU,mBAAkB,MAAK,QAClC,UAAAJ,KAAA,gBAAAA,EAAO,IAAI,CAACK,MAAS;AACpB,UAAMC,IAAgBD,KAAA,gBAAAA,EAAM;AAE1B,WAAAD,gBAAAA,EAAAA,IAAC,MAAoB,EAAA,WAAU,8BAC7B,UAAAG,gBAAAA,EAAA;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,MAAME,EAAK;AAAA,QACX,WAAU;AAAA,QACV,SAAS,MAAM;AACH,UAAAH,KAAA,QAAAA;AAAA,QACZ;AAAA,QAEC,UAAA;AAAA,UACCI,IAAAF,gBAAAA,EAAA,IAACE,KAAc,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI,IACpD;AAAA,UACHD,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACR,GAZOA,EAAK,KAad;AAAA,EAEH,IACH;AAEJ;"}

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\nimport clsx from \"clsx\";\nimport React, { CSSProperties, useMemo } from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { InfoPopup, InfoPopupProps } from \"../InfoPopup\";\nimport \"./ActionIconText.scss\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { Row } from \"@/components\";\n\nexport type ActionIconTextProps = PropsWithChildren<{\n  icon?: ReactNode;\n  noIcon?: boolean;\n  textLabel?: string;\n  handleAction?: () => void;\n  handleIconAction?: () => void;\n  classNameComponent?: string;\n  classNameText?: string;\n  disablePointer?: boolean;\n  iconPosition?: \"left\" | \"right\";\n  popupInfo?: InfoPopupProps;\n  iconColor?: ColorKeys;\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\n  justifyContent?: CSSProperties[\"justifyContent\"];\n  alignItems?: CSSProperties[\"alignItems\"];\n  children?: ReactNode;\n}>;\n\nexport const ActionIconText = ({\n  iconColor,\n  icon = <Favourite color={iconColor} />,\n  noIcon = false,\n  textLabel = \"Default text\",\n  handleAction = () => { },\n  handleIconAction = () => { },\n  classNameComponent = \"fs-7\",\n  classNameText = \"\",\n  disablePointer = false,\n  iconPosition = \"left\",\n  popupInfo,\n  positionPopUp = \"right\",\n  justifyContent = \"center\",\n  alignItems = \"center\",\n  children = undefined,\n}: ActionIconTextProps) => {\n  const runIconAction = (e: React.MouseEvent) => {\n    if (!disablePointer && handleIconAction) {\n      e.stopPropagation();\n      if (popupInfo) {\n        setPopupIsOpen(!popupIsOpen);\n      }\n      handleIconAction();\n    }\n  };\n\n  const [popupIsOpen, setPopupIsOpen] = React.useState(false);\n\n  const iconToRender = useMemo(() => {\n    return icon || <Favourite color={iconColor} />;\n  }, [iconColor, icon]);\n\n  return (\n    <>\n      <Row\n        justifyContent={justifyContent}\n        alignItems={alignItems}\n        gap={\"x8\"}\n        className={clsx(\n          disablePointer ? \"text-muted\" : \"cursor-pointer text-primary\",\n          classNameComponent,\n        )}\n        onClick={() => handleAction && !disablePointer && handleAction()}\n      >\n        {!noIcon &&\n          (iconPosition === \"left\" || iconPosition == null) &&\n          !popupInfo ? (\n          <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\n            {iconToRender}\n          </Row>\n        ) : (\n          popupInfo &&\n          !noIcon &&\n          (iconPosition === \"left\" || iconPosition == null) && (\n            <InfoPopup\n              title={popupInfo.title}\n              description={popupInfo.description}\n              isOpen={popupIsOpen}\n              positionPopUp={positionPopUp}\n              onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\n              className={popupInfo.className}\n            ></InfoPopup>\n          )\n        )}\n        <p className={clsx(\"fw-bold\", classNameText)}>{textLabel}</p>\n\n        {!noIcon && iconPosition === \"right\" && !popupInfo ? (\n          <Row\n            gap={\"x24\"}\n            alignItems={\"center\"}\n            onClick={(e) => runIconAction(e)}\n          >\n            {children}\n            {icon}\n          </Row>\n        ) : (\n          popupInfo &&\n          !noIcon &&\n          iconPosition === \"right\" && (\n            <InfoPopup\n              title={popupInfo.title}\n              description={popupInfo.description}\n              isOpen={popupIsOpen}\n              positionPopUp={positionPopUp}\n              onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\n              className={popupInfo.className}\n            ></InfoPopup>\n          )\n        )}\n        {noIcon && children && (\n          <Row\n            gap={\"x24\"}\n            alignItems={\"center\"}\n            onClick={(e) => runIconAction(e)}\n          >\n            {children}\n          </Row>\n        )}\n      </Row>\n    </>\n  );\n};\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","positionPopUp","justifyContent","alignItems","children","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","Fragment","jsxs","Row","clsx","InfoPopup"],"mappings":"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"}
+{"version":3,"file":"index.es67.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport React, { CSSProperties, useMemo } from \"react\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport { InfoPopup, InfoPopupProps } from \"../InfoPopup\";\r\nimport \"./ActionIconText.scss\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type ActionIconTextProps = PropsWithChildren<{\r\n  icon?: ReactNode;\r\n  noIcon?: boolean;\r\n  textLabel?: string;\r\n  handleAction?: () => void;\r\n  handleIconAction?: () => void;\r\n  classNameComponent?: string;\r\n  classNameText?: string;\r\n  disablePointer?: boolean;\r\n  iconPosition?: \"left\" | \"right\";\r\n  popupInfo?: InfoPopupProps;\r\n  iconColor?: ColorKeys;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  children?: ReactNode;\r\n}>;\r\n\r\nexport const ActionIconText = ({\r\n  iconColor,\r\n  icon = <Favourite color={iconColor} />,\r\n  noIcon = false,\r\n  textLabel = \"Default text\",\r\n  handleAction = () => { },\r\n  handleIconAction = () => { },\r\n  classNameComponent = \"fs-7\",\r\n  classNameText = \"\",\r\n  disablePointer = false,\r\n  iconPosition = \"left\",\r\n  popupInfo,\r\n  positionPopUp = \"right\",\r\n  justifyContent = \"center\",\r\n  alignItems = \"center\",\r\n  children = undefined,\r\n}: ActionIconTextProps) => {\r\n  const runIconAction = (e: React.MouseEvent) => {\r\n    if (!disablePointer && handleIconAction) {\r\n      e.stopPropagation();\r\n      if (popupInfo) {\r\n        setPopupIsOpen(!popupIsOpen);\r\n      }\r\n      handleIconAction();\r\n    }\r\n  };\r\n\r\n  const [popupIsOpen, setPopupIsOpen] = React.useState(false);\r\n\r\n  const iconToRender = useMemo(() => {\r\n    return icon || <Favourite color={iconColor} />;\r\n  }, [iconColor, icon]);\r\n\r\n  return (\r\n    <>\r\n      <Row\r\n        justifyContent={justifyContent}\r\n        alignItems={alignItems}\r\n        gap={\"x8\"}\r\n        className={clsx(\r\n          disablePointer ? \"text-muted\" : \"cursor-pointer text-primary\",\r\n          classNameComponent,\r\n        )}\r\n        onClick={() => handleAction && !disablePointer && handleAction()}\r\n      >\r\n        {!noIcon &&\r\n          (iconPosition === \"left\" || iconPosition == null) &&\r\n          !popupInfo ? (\r\n          <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\r\n            {iconToRender}\r\n          </Row>\r\n        ) : (\r\n          popupInfo &&\r\n          !noIcon &&\r\n          (iconPosition === \"left\" || iconPosition == null) && (\r\n            <InfoPopup\r\n              title={popupInfo.title}\r\n              description={popupInfo.description}\r\n              isOpen={popupIsOpen}\r\n              positionPopUp={positionPopUp}\r\n              onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n              className={popupInfo.className}\r\n            ></InfoPopup>\r\n          )\r\n        )}\r\n        <p className={clsx(\"fw-bold\", classNameText)}>{textLabel}</p>\r\n\r\n        {!noIcon && iconPosition === \"right\" && !popupInfo ? (\r\n          <Row\r\n            gap={\"x24\"}\r\n            alignItems={\"center\"}\r\n            onClick={(e) => runIconAction(e)}\r\n          >\r\n            {children}\r\n            {icon}\r\n          </Row>\r\n        ) : (\r\n          popupInfo &&\r\n          !noIcon &&\r\n          iconPosition === \"right\" && (\r\n            <InfoPopup\r\n              title={popupInfo.title}\r\n              description={popupInfo.description}\r\n              isOpen={popupIsOpen}\r\n              positionPopUp={positionPopUp}\r\n              onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n              className={popupInfo.className}\r\n            ></InfoPopup>\r\n          )\r\n        )}\r\n        {noIcon && children && (\r\n          <Row\r\n            gap={\"x24\"}\r\n            alignItems={\"center\"}\r\n            onClick={(e) => runIconAction(e)}\r\n          >\r\n            {children}\r\n          </Row>\r\n        )}\r\n      </Row>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","positionPopUp","justifyContent","alignItems","children","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","Fragment","jsxs","Row","clsx","InfoPopup"],"mappings":";;;;;;;AA2BO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,MAAAC,IAAOC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,OAAOH,EAAW,CAAA;AAAA,EACpC,QAAAI,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe,MAAM;AAAA,EAAE;AAAA,EACvB,kBAAAC,IAAmB,MAAM;AAAA,EAAE;AAAA,EAC3B,oBAAAC,IAAqB;AAAA,EACrB,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AACb,MAA2B;AACnB,QAAAC,IAAgB,CAACC,MAAwB;AACzC,IAAA,CAACR,KAAkBH,MACrBW,EAAE,gBAAgB,GACdN,KACFO,EAAe,CAACC,CAAW,GAEZb,EAAA;AAAA,EAErB,GAEM,CAACa,GAAaD,CAAc,IAAIE,EAAM,SAAS,EAAK,GAEpDC,IAAeC,EAAQ,MACpBtB,KAAQC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,OAAOH,EAAW,CAAA,GAC3C,CAACA,GAAWC,CAAI,CAAC;AAEpB,SAEIC,gBAAAA,MAAAsB,EAAAA,UAAA,EAAA,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,KAAK;AAAA,MACL,WAAWY;AAAA,QACTjB,IAAiB,eAAe;AAAA,QAChCF;AAAA,MACF;AAAA,MACA,SAAS,MAAMF,KAAgB,CAACI,KAAkBJ,EAAa;AAAA,MAE9D,UAAA;AAAA,QAAC,CAAAF,MACCO,MAAiB,UAAUA,KAAgB,SAC5C,CAACC,IACDV,gBAAAA,EAAA,IAACwB,GAAI,EAAA,YAAY,UAAU,SAAS,CAACR,MAAMD,EAAcC,CAAC,GACvD,UACHI,EAAA,CAAA,IAEAV,KACA,CAACR,MACAO,MAAiB,UAAUA,KAAgB,SAC1CT,gBAAAA,EAAA;AAAA,UAAC0B;AAAA,UAAA;AAAA,YACC,OAAOhB,EAAU;AAAA,YACjB,aAAaA,EAAU;AAAA,YACvB,QAAQQ;AAAA,YACR,eAAAP;AAAA,YACA,iBAAiB,MAAMM,EAAe,CAACC,CAAW;AAAA,YAClD,WAAWR,EAAU;AAAA,UAAA;AAAA,QACtB;AAAA,8BAGJ,KAAE,EAAA,WAAWe,EAAK,WAAWlB,CAAa,GAAI,UAAUJ,GAAA;AAAA,QAExD,CAACD,KAAUO,MAAiB,WAAW,CAACC,IACvCa,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,YAAY;AAAA,YACZ,SAAS,CAACR,MAAMD,EAAcC,CAAC;AAAA,YAE9B,UAAA;AAAA,cAAAF;AAAA,cACAf;AAAA,YAAA;AAAA,UAAA;AAAA,QAGH,IAAAW,KACA,CAACR,KACDO,MAAiB,WACfT,gBAAAA,EAAA;AAAA,UAAC0B;AAAA,UAAA;AAAA,YACC,OAAOhB,EAAU;AAAA,YACjB,aAAaA,EAAU;AAAA,YACvB,QAAQQ;AAAA,YACR,eAAAP;AAAA,YACA,iBAAiB,MAAMM,EAAe,CAACC,CAAW;AAAA,YAClD,WAAWR,EAAU;AAAA,UAAA;AAAA,QACtB;AAAA,QAGJR,KAAUY,KACTd,gBAAAA,EAAA;AAAA,UAACwB;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,YAAY;AAAA,YACZ,SAAS,CAACR,MAAMD,EAAcC,CAAC;AAAA,YAE9B,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/index.es69.js

@@ -1,14 +1,14 @@
 import { j as e } from "./index.es241.js";
-import { Checkbox as p, CheckboxIndicator as w } from "./index.es303.js";
+import { Root as p, Indicator as w } from "./index.es303.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import k from "./index.es253.js";
+import j from "./index.es253.js";
 import { clsx as i } from "./index.es243.js";
 import { Row as c } from "./index.es9.js";
-const v = ({
+const C = ({
   id: r,
   label: t,
-  checked: h,
-  onChange: a,
+  checked: a,
+  onChange: h,
   classNameText: l = "fs-6 fw-bold",
   canMultiple: s = !0
 }) => {
@@ -68,8 +68,8 @@ const v = ({
           p,
           {
             id: r,
-            checked: h,
-            onCheckedChange: a,
+            checked: a,
+            onCheckedChange: h,
             className: i(
               s ? "ui-checkbox-filter-container" : "ui-checkbox-filter"
             ),
@@ -78,7 +78,7 @@ const v = ({
           }
         ),
         t && /* @__PURE__ */ e.jsx(
-          k,
+          j,
           {
             as: "label",
             htmlFor: r,
@@ -91,6 +91,6 @@ const v = ({
   ) });
 };
 export {
-  v as CheckboxFilter
+  C as CheckboxFilter
 };
 //# sourceMappingURL=index.es69.js.map

package/dist/index.es7.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es241.js";
 import { useMemo as i } from "react";
 import { clsx as m } from "./index.es243.js";
-import { createSpacingClasses as c } from "./index.es272.js";
+import { createSpacingClasses as c } from "./index.es271.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es70.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\nimport { Avatar } from \"../Avatar\";\nimport \"./CardUser.scss\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardUserProps = {\n  titleTag?: HeadingLevel;\n  userName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  information?: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport const CardUser = ({\n  titleTag: TitleTag = \"h3\",\n  userName,\n  avatar,\n  information = [],\n}: CardUserProps) => {\n  return (\n    <Col\n      as={\"article\"}\n      bg={\"white\"}\n      br={\"x4\"}\n      p={\"x16\"}\n      gap={\"x16\"}\n      className=\"shadow md-p-x24 md-gap-x24\"\n    >\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n          {userName}\n        </TitleTag>\n      </Row>\n      <dl className=\"ui-card-user \">\n        {information.map(({ label, value }) => (\n          <div key={label}>\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n          </div>\n        ))}\n      </dl>\n    </Col>\n  );\n};\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es70.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\r\nimport { Avatar } from \"../Avatar\";\r\nimport \"./CardUser.scss\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardUserProps = {\r\n  titleTag?: HeadingLevel;\r\n  userName: string;\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  information?: {\r\n    label: string;\r\n    value: string;\r\n  }[];\r\n};\r\n\r\nexport const CardUser = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  userName,\r\n  avatar,\r\n  information = [],\r\n}: CardUserProps) => {\r\n  return (\r\n    <Col\r\n      as={\"article\"}\r\n      bg={\"white\"}\r\n      br={\"x4\"}\r\n      p={\"x16\"}\r\n      gap={\"x16\"}\r\n      className=\"shadow md-p-x24 md-gap-x24\"\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n          {userName}\r\n        </TitleTag>\r\n      </Row>\r\n      <dl className=\"ui-card-user \">\r\n        {information.map(({ label, value }) => (\r\n          <div key={label}>\r\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\r\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\r\n          </div>\r\n        ))}\r\n      </dl>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es72.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es72.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\n\nexport const Loader = ({\n  loading = false,\n  className,\n}: {\n  loading?: boolean;\n  className?: string;\n}) => {\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\n};\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":";;AAEO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,4BAIU,OAAI,EAAA,WAAAA,GAAuB,cAAWC,gBAAAA,EAAAA,IAAAC,GAAA,EAAQ,IAAK,KAAK,CAAA;"}
+{"version":3,"file":"index.es72.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\n\r\nexport const Loader = ({\r\n  loading = false,\r\n  className,\r\n}: {\r\n  loading?: boolean;\r\n  className?: string;\r\n}) => {\r\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\r\n};\r\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":";;AAEO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,4BAIU,OAAI,EAAA,WAAAA,GAAuB,cAAWC,gBAAAA,EAAAA,IAAAC,GAAA,EAAQ,IAAK,KAAK,CAAA;"}

package/dist/index.es74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es74.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\n  ActionData,\n  ActionIconText,\n  Col,\n  ColumnConfig,\n  DoubleLineData,\n  Row,\n  TableRowData,\n} from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./TableMobile.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ReactNode } from \"react\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { useState } from \"react\";\n\nexport type TableMobileProps = {\n  data: TableRowData[];\n  columns: ColumnConfig[];\n  pagination?: boolean;\n  resultsPerPage?: number;\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nexport const TableMobile = ({\n  data,\n  columns,\n  pagination = true,\n  resultsPerPage = 5,\n  totalResults,\n  initialCurrentPage = 1,\n  serverSidePagination = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage: externalSetCurrentPage,\n  sortConfig = null,\n  onSortChange,\n}: TableMobileProps) => {\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\n  const handleSetCurrentPage = (page: number) => {\n    setInternalCurrentPage(page);\n    externalSetCurrentPage?.(page);\n  };\n\n  const sortedData = React.useMemo(() => {\n    if (!sortConfig) return data;\n\n    return [...data].sort((a, b) => {\n      const aValue = a[sortConfig.key];\n      const bValue = b[sortConfig.key];\n\n      const aText =\n        typeof aValue === \"object\" && \"firstLine\" in aValue\n          ? aValue.firstLine\n          : aValue;\n      const bText =\n        typeof bValue === \"object\" && \"firstLine\" in bValue\n          ? bValue.firstLine\n          : bValue;\n\n      if (aText < bText) {\n        return sortConfig.direction === \"asc\" ? -1 : 1;\n      }\n      if (aText > bText) {\n        return sortConfig.direction === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n  }, [data, sortConfig]);\n\n  const startIndex = serverSidePagination\n    ? 0\n    : (currentPage - 1) * resultsPerPage;\n  const endIndex = serverSidePagination\n    ? sortedData.length\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\n  const currentPageData = sortedData.slice(startIndex, endIndex);\n\n  return (\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\n      {currentPageData.map((data, index) => (\n        <CardTable\n          columns={columns}\n          key={index}\n          data={data}\n          sortConfig={sortConfig}\n          onSortChange={onSortChange}\n        />\n      ))}\n\n      {pagination && (\n        <TableMobilePagination\n          currentPage={currentPage}\n          totalResults={totalResults || sortedData.length}\n          resultsPerPage={resultsPerPage}\n          setCurrentPage={handleSetCurrentPage}\n          onPageChange={onPageChange}\n          serverSide={serverSidePagination}\n          totalItems={totalItems}\n          hasNextPage={hasNextPage}\n          hasPreviousPage={hasPreviousPage}\n          onNextPage={onNextPage}\n          onPreviousPage={onPreviousPage}\n          currentResultsPerPage={\n            serverSidePagination ? sortedData.length : resultsPerPage\n          }\n          className=\"mt-x16\"\n        />\n      )}\n    </Col>\n  );\n};\n\nexport type CardTableProps = {\n  columns: ColumnConfig[];\n  data: TableRowData;\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\nexport const CardTable = ({\n  columns,\n  sortConfig,\n  data,\n  onSortChange,\n}: CardTableProps) => {\n  const renderColumnValue = (value: any): ReactNode => {\n    if (!value) return \"\";\n\n    if (typeof value === \"object\" && \"firstLine\" in value) {\n      const doubleLineValue = value as DoubleLineData;\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\n    }\n\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\n      return <ActionContent data={value} />;\n    }\n\n    return value;\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  const handleSortClick = (key: string) => {\n    if (!onSortChange || !sortConfig) return;\n\n    const newDirection =\n      sortConfig.key === key\n        ? sortConfig.direction === \"asc\"\n          ? \"desc\"\n          : \"asc\"\n        : \"asc\";\n\n    onSortChange(key, newDirection);\n  };\n\n  return (\n    <div\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\n    >\n      {columns.map((column, index) => {\n        if (!column.key || column.key === \"actionData\") {\n          return (\n            <Row\n              key={index}\n              p={\"x16\"}\n              className={\"ui-table-header\"}\n              justifyContent={\"space-between\"}\n            >\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\n                  {renderColumnValue(data.actionData)}\n                </Row>\n              </Col>\n            </Row>\n          );\n        }\n\n        const columnValue = data[column.key];\n        const config = column;\n        const isSorted = sortConfig?.key === column.key;\n        const sortDirection = isSorted ? sortConfig.direction : null;\n\n        return (\n          <Row\n            key={index}\n            p={\"x16\"}\n            className={\"ui-table-header\"}\n            justifyContent={\"space-between\"}\n          >\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\n              <ActionIconText\n                justifyContent={\"space-between\"}\n                alignItems={\"center\"}\n                icon={renderIcon(config.icon)}\n                noIcon={!renderIcon(config.icon)}\n                textLabel={config.label}\n                iconPosition={config.iconPosition}\n                popupInfo={config.popupInfo}\n                positionPopUp={\"left\"}\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\n              >\n                {config.sortable && (\n                  <span\n                    className=\"sort-indicator\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleSortClick(column.key!);\n                    }}\n                  >\n                    <TriangleUp\n                      filled={isSorted && sortDirection === \"desc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"desc\",\n                      })}\n                    />\n                    <TriangleDown\n                      filled={isSorted && sortDirection === \"asc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"asc\",\n                      })}\n                    />\n                  </span>\n                )}\n              </ActionIconText>\n              <Row>{renderColumnValue(columnValue)}</Row>\n            </Col>\n          </Row>\n        );\n      })}\n    </div>\n  );\n};\n\nexport type TableMobilePaginationProps = {\n  currentPage?: number;\n  totalResults?: number;\n  resultsPerPage: number;\n  setCurrentPage?: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  currentResultsPerPage?: number;\n};\n\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\n  currentPage = 1,\n  totalResults = 0,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  currentResultsPerPage = resultsPerPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage?.(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination-mobile\", className)}>\n      <div className=\"pagination-mobile__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination-mobile__info__resultsPerPage\">\n          {serverSide\n            ? currentResultsPerPage\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\n              ? totalResults % resultsPerPage\n              : resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination-mobile__nav\">\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination-mobile__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span key={`ellipsis-${index}`} className=\"pagination-mobile__ellipsis\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination-mobile__button\",\n                currentPage === page && \"pagination-mobile__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isNextDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination-mobile__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.es74.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\r\n  ActionData,\r\n  ActionIconText,\r\n  Col,\r\n  ColumnConfig,\r\n  DoubleLineData,\r\n  Row,\r\n  TableRowData,\r\n} from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./TableMobile.scss\";\r\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\r\nimport { ReactNode } from \"react\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { useState } from \"react\";\r\n\r\nexport type TableMobileProps = {\r\n  data: TableRowData[];\r\n  columns: ColumnConfig[];\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nexport const TableMobile = ({\r\n  data,\r\n  columns,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  totalResults,\r\n  initialCurrentPage = 1,\r\n  serverSidePagination = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage: externalSetCurrentPage,\r\n  sortConfig = null,\r\n  onSortChange,\r\n}: TableMobileProps) => {\r\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\r\n  const handleSetCurrentPage = (page: number) => {\r\n    setInternalCurrentPage(page);\r\n    externalSetCurrentPage?.(page);\r\n  };\r\n\r\n  const sortedData = React.useMemo(() => {\r\n    if (!sortConfig) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const aValue = a[sortConfig.key];\r\n      const bValue = b[sortConfig.key];\r\n\r\n      const aText =\r\n        typeof aValue === \"object\" && \"firstLine\" in aValue\r\n          ? aValue.firstLine\r\n          : aValue;\r\n      const bText =\r\n        typeof bValue === \"object\" && \"firstLine\" in bValue\r\n          ? bValue.firstLine\r\n          : bValue;\r\n\r\n      if (aText < bText) {\r\n        return sortConfig.direction === \"asc\" ? -1 : 1;\r\n      }\r\n      if (aText > bText) {\r\n        return sortConfig.direction === \"asc\" ? 1 : -1;\r\n      }\r\n      return 0;\r\n    });\r\n  }, [data, sortConfig]);\r\n\r\n  const startIndex = serverSidePagination\r\n    ? 0\r\n    : (currentPage - 1) * resultsPerPage;\r\n  const endIndex = serverSidePagination\r\n    ? sortedData.length\r\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\r\n  const currentPageData = sortedData.slice(startIndex, endIndex);\r\n\r\n  return (\r\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\r\n      {currentPageData.map((data, index) => (\r\n        <CardTable\r\n          columns={columns}\r\n          key={index}\r\n          data={data}\r\n          sortConfig={sortConfig}\r\n          onSortChange={onSortChange}\r\n        />\r\n      ))}\r\n\r\n      {pagination && (\r\n        <TableMobilePagination\r\n          currentPage={currentPage}\r\n          totalResults={totalResults || sortedData.length}\r\n          resultsPerPage={resultsPerPage}\r\n          setCurrentPage={handleSetCurrentPage}\r\n          onPageChange={onPageChange}\r\n          serverSide={serverSidePagination}\r\n          totalItems={totalItems}\r\n          hasNextPage={hasNextPage}\r\n          hasPreviousPage={hasPreviousPage}\r\n          onNextPage={onNextPage}\r\n          onPreviousPage={onPreviousPage}\r\n          currentResultsPerPage={\r\n            serverSidePagination ? sortedData.length : resultsPerPage\r\n          }\r\n          className=\"mt-x16\"\r\n        />\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport type CardTableProps = {\r\n  columns: ColumnConfig[];\r\n  data: TableRowData;\r\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\r\n  if (data.type === \"link\" && data.link) {\r\n    return (\r\n      <a href={data.link} aria-label={data.ariaLabel}>\r\n        {data.label}\r\n      </a>\r\n    );\r\n  }\r\n  return (\r\n    <button onClick={data.action} aria-label={data.ariaLabel}>\r\n      {data.label}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport const CardTable = ({\r\n  columns,\r\n  sortConfig,\r\n  data,\r\n  onSortChange,\r\n}: CardTableProps) => {\r\n  const renderColumnValue = (value: any): ReactNode => {\r\n    if (!value) return \"\";\r\n\r\n    if (typeof value === \"object\" && \"firstLine\" in value) {\r\n      const doubleLineValue = value as DoubleLineData;\r\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\r\n    }\r\n\r\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\r\n      return <ActionContent data={value} />;\r\n    }\r\n\r\n    return value;\r\n  };\r\n\r\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info />;\r\n      case \"download\":\r\n        return <Download />;\r\n      default:\r\n        return icon;\r\n    }\r\n  };\r\n\r\n  const handleSortClick = (key: string) => {\r\n    if (!onSortChange || !sortConfig) return;\r\n\r\n    const newDirection =\r\n      sortConfig.key === key\r\n        ? sortConfig.direction === \"asc\"\r\n          ? \"desc\"\r\n          : \"asc\"\r\n        : \"asc\";\r\n\r\n    onSortChange(key, newDirection);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\r\n    >\r\n      {columns.map((column, index) => {\r\n        if (!column.key || column.key === \"actionData\") {\r\n          return (\r\n            <Row\r\n              key={index}\r\n              p={\"x16\"}\r\n              className={\"ui-table-header\"}\r\n              justifyContent={\"space-between\"}\r\n            >\r\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\r\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\r\n                  {renderColumnValue(data.actionData)}\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          );\r\n        }\r\n\r\n        const columnValue = data[column.key];\r\n        const config = column;\r\n        const isSorted = sortConfig?.key === column.key;\r\n        const sortDirection = isSorted ? sortConfig.direction : null;\r\n\r\n        return (\r\n          <Row\r\n            key={index}\r\n            p={\"x16\"}\r\n            className={\"ui-table-header\"}\r\n            justifyContent={\"space-between\"}\r\n          >\r\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\r\n              <ActionIconText\r\n                justifyContent={\"space-between\"}\r\n                alignItems={\"center\"}\r\n                icon={renderIcon(config.icon)}\r\n                noIcon={!renderIcon(config.icon)}\r\n                textLabel={config.label}\r\n                iconPosition={config.iconPosition}\r\n                popupInfo={config.popupInfo}\r\n                positionPopUp={\"left\"}\r\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\r\n              >\r\n                {config.sortable && (\r\n                  <span\r\n                    className=\"sort-indicator\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation();\r\n                      handleSortClick(column.key!);\r\n                    }}\r\n                  >\r\n                    <TriangleUp\r\n                      filled={isSorted && sortDirection === \"desc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"desc\",\r\n                      })}\r\n                    />\r\n                    <TriangleDown\r\n                      filled={isSorted && sortDirection === \"asc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"asc\",\r\n                      })}\r\n                    />\r\n                  </span>\r\n                )}\r\n              </ActionIconText>\r\n              <Row>{renderColumnValue(columnValue)}</Row>\r\n            </Col>\r\n          </Row>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type TableMobilePaginationProps = {\r\n  currentPage?: number;\r\n  totalResults?: number;\r\n  resultsPerPage: number;\r\n  setCurrentPage?: (page: number) => void;\r\n  onPageChange?: (page: number) => void;\r\n  className?: string;\r\n  serverSide?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  currentResultsPerPage?: number;\r\n};\r\n\r\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\r\n  currentPage = 1,\r\n  totalResults = 0,\r\n  resultsPerPage,\r\n  setCurrentPage,\r\n  onPageChange,\r\n  className,\r\n  serverSide = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  currentResultsPerPage = resultsPerPage,\r\n}) => {\r\n  const totalPages = serverSide\r\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\r\n    : Math.ceil(totalResults / resultsPerPage);\r\n\r\n  const handlePageChange = (page: number) => {\r\n    setCurrentPage?.(page);\r\n    if (onPageChange) {\r\n      onPageChange(page);\r\n    }\r\n  };\r\n\r\n  const handleNextPage = () => {\r\n    const nextPage = currentPage + 1;\r\n    if (serverSide && onNextPage) {\r\n      onNextPage();\r\n    }\r\n    handlePageChange(nextPage);\r\n  };\r\n\r\n  const handlePreviousPage = () => {\r\n    const prevPage = currentPage - 1;\r\n    if (serverSide && onPreviousPage) {\r\n      onPreviousPage();\r\n    }\r\n    handlePageChange(prevPage);\r\n  };\r\n\r\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\r\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\r\n\r\n  const getPageNumbers = () => {\r\n    const pages = [];\r\n    const maxVisiblePages = 5;\r\n\r\n    if (totalPages <= maxVisiblePages) {\r\n      for (let i = 1; i <= totalPages; i++) {\r\n        pages.push(i);\r\n      }\r\n    } else {\r\n      pages.push(1);\r\n\r\n      let start = Math.max(2, currentPage - 1);\r\n      let end = Math.min(totalPages - 1, currentPage + 1);\r\n\r\n      if (currentPage <= 3) {\r\n        end = 4;\r\n      } else if (currentPage >= totalPages - 2) {\r\n        start = totalPages - 3;\r\n      }\r\n\r\n      if (start > 2) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      for (let i = start; i <= end; i++) {\r\n        pages.push(i);\r\n      }\r\n\r\n      if (end < totalPages - 1) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      pages.push(totalPages);\r\n    }\r\n\r\n    return pages;\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"pagination-mobile\", className)}>\r\n      <div className=\"pagination-mobile__info\">\r\n        Stai visualizzando{\" \"}\r\n        <span className=\"pagination-mobile__info__resultsPerPage\">\r\n          {serverSide\r\n            ? currentResultsPerPage\r\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\r\n              ? totalResults % resultsPerPage\r\n              : resultsPerPage}\r\n        </span>{\" \"}\r\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\r\n      </div>\r\n      <div className=\"pagination-mobile__nav\">\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handlePreviousPage}\r\n          disabled={isPrevDisabled}\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <svg className=\"pagination-mobile__button-arrow\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M15 18l-6-6 6-6\" />\r\n          </svg>\r\n        </button>\r\n\r\n        {getPageNumbers().map((page, index) =>\r\n          page === \"...\" ? (\r\n            <span key={`ellipsis-${index}`} className=\"pagination-mobile__ellipsis\">\r\n              ...\r\n            </span>\r\n          ) : (\r\n            <button\r\n              key={page}\r\n              className={clsx(\r\n                \"pagination-mobile__button\",\r\n                currentPage === page && \"pagination-mobile__button--active\",\r\n              )}\r\n              onClick={() => handlePageChange(page as number)}\r\n              disabled={page === currentPage}\r\n            >\r\n              {page}\r\n            </button>\r\n          ),\r\n        )}\r\n\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isNextDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handleNextPage}\r\n          disabled={isNextDisabled}\r\n          aria-label=\"Next page\"\r\n        >\r\n          <svg className=\"pagination-mobile__button-arrow\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M9 6l6 6-6 6\" />\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es75.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport \"./InfoPopup.scss\";\nimport { Close, Info } from \"@/icons\";\nimport { Button, Popover } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\n  width?: string | number;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  width = 248,\n  className = \"\",\n  positionPopUp = \"right\",\n  onClickCloseBtn,\n  isOpen,\n}: InfoPopupProps) => {\n  return (\n    <Popover.Root defaultOpen={false} open={isOpen} modal={false}>\n      <Popover.Trigger onClick={onClickCloseBtn}>\n        <Button className=\"ui-popup-trigger-button\">\n          <Info color=\"primary\" />\n        </Button>\n      </Popover.Trigger>\n\n      <Popover.Content\n        className={clsx(className, \"dialog\")}\n        side={positionPopUp}\n        tabIndex={-1}\n        width={{\n          initial: `${width}px`,\n          sm: `${width}px`,\n          xs: `${width}px`,\n          lg: `${width}px`,\n          md: `${width}px`,\n          xl: `${width}px`,\n        }}\n        maxWidth={{\n          initial: `${width}px`,\n          sm: `${width}px`,\n          xs: `${width}px`,\n          lg: `${width}px`,\n          md: `${width}px`,\n          xl: `${width}px`,\n        }}\n        minWidth={{\n          initial: `${width}px`,\n          sm: `${width}px`,\n          xs: `${width}px`,\n          lg: `${width}px`,\n          md: `${width}px`,\n          xl: `${width}px`,\n        }}\n        style={{ width: `${width}px` }}\n      >\n        <div className=\"header\">\n          <h3 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h3>\n\n          <Popover.Close\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n          >\n            <Close className=\"closeIcon\" width={34} height={34} />\n          </Popover.Close>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":";;;;;;;AAgBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAA,EAAa,aAAa,IAAO,MAAMF,GAAQ,OAAO,IACrD,UAAA;AAAA,EAAAG,gBAAAA,EAAA,IAACC,GAAA,EAAgB,SAASL,GACxB,UAACI,gBAAAA,EAAAA,IAAAE,GAAA,EAAO,WAAU,2BAChB,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAK,OAAM,UAAU,CAAA,EACxB,CAAA,GACF;AAAA,EAEAL,gBAAAA,EAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAKX,GAAW,QAAQ;AAAA,MACnC,MAAMC;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,GAAGF,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,SAAS,GAAGA,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,SAAS,GAAGA,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,GAAGA,CAAK,KAAK;AAAA,MAE7B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,UAAAE,gBAAAA,MAAC,MAAG,EAAA,IAAG,gBAAe,WAAU,SAC7B,UACHT,GAAA;AAAA,UAEAS,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS,CAACC,MAAM;AACd,gBAAAA,EAAE,gBAAgB,GACAX,KAAA,QAAAA;AAAA,cACpB;AAAA,cAEA,gCAACY,GAAM,EAAA,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD,GACF;AAAA,QACChB,KACEQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UACHR,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF;"}
+{"version":3,"file":"index.es75.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close, Info } from \"@/icons\";\r\nimport { Button, Popover } from \"@radix-ui/themes\";\r\nimport clsx from \"clsx\";\r\n\r\nexport type InfoPopupProps = PropsWithChildren<{\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  isOpen: boolean;\r\n  onClickCloseBtn?: () => void;\r\n  className?: string;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  width?: string | number;\r\n}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  width = 248,\r\n  className = \"\",\r\n  positionPopUp = \"right\",\r\n  onClickCloseBtn,\r\n  isOpen,\r\n}: InfoPopupProps) => {\r\n  return (\r\n    <Popover.Root defaultOpen={false} open={isOpen} modal={false}>\r\n      <Popover.Trigger onClick={onClickCloseBtn}>\r\n        <Button className=\"ui-popup-trigger-button\">\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n\r\n      <Popover.Content\r\n        className={clsx(className, \"dialog\")}\r\n        side={positionPopUp}\r\n        tabIndex={-1}\r\n        width={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        maxWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        minWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        style={{ width: `${width}px` }}\r\n      >\r\n        <div className=\"header\">\r\n          <h3 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h3>\r\n\r\n          <Popover.Close\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n          >\r\n            <Close className=\"closeIcon\" width={34} height={34} />\r\n          </Popover.Close>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":";;;;;;;AAgBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAA,EAAa,aAAa,IAAO,MAAMF,GAAQ,OAAO,IACrD,UAAA;AAAA,EAAAG,gBAAAA,EAAA,IAACC,GAAA,EAAgB,SAASL,GACxB,UAACI,gBAAAA,EAAAA,IAAAE,GAAA,EAAO,WAAU,2BAChB,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAK,OAAM,UAAU,CAAA,EACxB,CAAA,GACF;AAAA,EAEAL,gBAAAA,EAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAKX,GAAW,QAAQ;AAAA,MACnC,MAAMC;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,GAAGF,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,SAAS,GAAGA,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,SAAS,GAAGA,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,GAAGA,CAAK,KAAK;AAAA,MAE7B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,UAAAE,gBAAAA,MAAC,MAAG,EAAA,IAAG,gBAAe,WAAU,SAC7B,UACHT,GAAA;AAAA,UAEAS,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS,CAACC,MAAM;AACd,gBAAAA,EAAE,gBAAgB,GACAX,KAAA,QAAAA;AAAA,cACpB;AAAA,cAEA,gCAACY,GAAM,EAAA,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD,GACF;AAAA,QACChB,KACEQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UACHR,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF;"}

package/dist/index.es76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es76.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n  rightManageTitle?: string;\n  goToDetailsTitle?: string;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  rightManageTitle = \"Gestisci\",\n  goToDetailsTitle = \"Più dettagli\",\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                {goToDetailsTitle}\n              </Button>\n            )}\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","rightManageTitle","goToDetailsTitle","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}
+{"version":3,"file":"index.es76.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\r\nimport { useMemo } from \"react\";\r\nimport { Actions, Calendar } from \"@/icons\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\ntype Variant = \"primary\" | \"secondary\";\r\n\r\ntype NotificationIcon = \"calendar\" | \"actions\";\r\n\r\ntype CardNotificationProps = {\r\n  type: string;\r\n  date: string;\r\n  icon: NotificationIcon;\r\n  showBadge?: boolean;\r\n  title: string;\r\n  text: string;\r\n  variant?: Variant;\r\n  onClickEdit?: () => void;\r\n  onClickManage?: () => void;\r\n  onClickGoToDetails?: () => void;\r\n  showExpired?: boolean;\r\n  buttonMaxWidth?: boolean;\r\n  onClickRightManage?: () => void;\r\n  rightManageTitle?: string;\r\n  goToDetailsTitle?: string;\r\n};\r\n\r\nexport const CardNotification = ({\r\n  type,\r\n  onClickEdit,\r\n  onClickRightManage,\r\n  rightManageTitle = \"Gestisci\",\r\n  goToDetailsTitle = \"Più dettagli\",\r\n  showExpired = false,\r\n  buttonMaxWidth,\r\n  onClickGoToDetails,\r\n  icon = \"calendar\",\r\n  variant = \"primary\",\r\n  onClickManage,\r\n  date,\r\n  title,\r\n  showBadge = false,\r\n  text,\r\n}: CardNotificationProps) => {\r\n  const isSecondary = variant === \"secondary\";\r\n\r\n  const iconToRender = useMemo(() => {\r\n    if (icon === \"calendar\") {\r\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n    if (icon === \"actions\") {\r\n      return <Actions width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n  }, [icon]);\r\n\r\n  const cardClasses = ` ${\r\n    isSecondary\r\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\r\n      : \"bg-white\"\r\n  } shadow br-x4  `;\r\n\r\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\r\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\r\n  }   `;\r\n\r\n  const manageButtonClasses = ` ${\r\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\r\n  }  `;\r\n\r\n  return (\r\n    <div className={cardClasses}>\r\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\r\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\r\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\r\n      </Row>\r\n      <div className={\"ui-card-notifications-divider \"} />\r\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\r\n        <div className={iconContainer}>\r\n          {showBadge && (\r\n            <div className={\"ui-card-notifications-badge-container\"}>\r\n              <div className={\"ui-card-notifications-badge\"} />\r\n            </div>\r\n          )}\r\n          {iconToRender}\r\n        </div>\r\n        <div className={\"w-full\"}>\r\n          <div className={\"mb-x24\"}>\r\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\r\n            {showExpired && (\r\n              <Row mb={\"x8\"}>\r\n                <div\r\n                  className={\r\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\r\n                  }\r\n                >\r\n                  SCADUTO\r\n                </div>\r\n              </Row>\r\n            )}\r\n            <p>{text}</p>\r\n          </div>\r\n\r\n          {onClickManage && (\r\n            <div className={\"base-row justify-content-center\"}>\r\n              <Button className={manageButtonClasses} onClick={onClickManage}>\r\n                Gestisci\r\n              </Button>\r\n            </div>\r\n          )}\r\n\r\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\r\n            {!!onClickGoToDetails && (\r\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\r\n                {goToDetailsTitle}\r\n              </Button>\r\n            )}\r\n            {onClickRightManage && (\r\n              <div className={\"base-row justify-content-center\"}>\r\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\r\n              </div>\r\n            )}\r\n\r\n            {!!onClickEdit && (\r\n              <Button\r\n                onClick={onClickEdit}\r\n                bg=\"transparent\"\r\n                textColor=\"primary\"\r\n              >\r\n                Modifica\r\n              </Button>\r\n            )}\r\n          </Row>\r\n        </div>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","rightManageTitle","goToDetailsTitle","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}