@anoki/fse-ui 1.0.769 → 1.0.771

package/dist/index.es492.js

@@ -1,26 +1,5 @@
-import { useState as u } from "react";
-function n(c, r) {
-  var e = u(function() {
-    return {
-      // value
-      value: c,
-      // last callback
-      callback: r,
-      // "memoized" public interface
-      facade: {
-        get current() {
-          return e.value;
-        },
-        set current(a) {
-          var t = e.value;
-          t !== a && (e.value = a, e.callback(a, t));
-        }
-      }
-    };
-  })[0];
-  return e.callback = r, e.facade;
-}
+const s = ["initial", "xs", "sm", "md", "lg", "xl"];
 export {
-  n as useCallbackRef
+  s as breakpoints
 };
 //# sourceMappingURL=index.es492.js.map

package/dist/index.es492.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es492.js","sources":["../node_modules/use-callback-ref/dist/es2015/useRef.js"],"sourcesContent":["import { useState } from 'react';\n/**\n * creates a MutableRef with ref change callback\n * @param initialValue - initial ref value\n * @param {Function} callback - a callback to run when value changes\n *\n * @example\n * const ref = useCallbackRef(0, (newValue, oldValue) => console.log(oldValue, '->', newValue);\n * ref.current = 1;\n * // prints 0 -> 1\n *\n * @see https://reactjs.org/docs/hooks-reference.html#useref\n * @see https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref\n * @returns {MutableRefObject}\n */\nexport function useCallbackRef(initialValue, callback) {\n    var ref = useState(function () { return ({\n        // value\n        value: initialValue,\n        // last callback\n        callback: callback,\n        // \"memoized\" public interface\n        facade: {\n            get current() {\n                return ref.value;\n            },\n            set current(value) {\n                var last = ref.value;\n                if (last !== value) {\n                    ref.value = value;\n                    ref.callback(value, last);\n                }\n            },\n        },\n    }); })[0];\n    // update callback\n    ref.callback = callback;\n    return ref.facade;\n}\n"],"names":["useCallbackRef","initialValue","callback","ref","useState","value","last"],"mappings":";AAeO,SAASA,EAAeC,GAAcC,GAAU;AACnD,MAAIC,IAAMC,EAAS,WAAY;AAAE,WAAQ;AAAA;AAAA,MAErC,OAAOH;AAAA;AAAA,MAEP,UAAUC;AAAA;AAAA,MAEV,QAAQ;AAAA,QACJ,IAAI,UAAU;AACV,iBAAOC,EAAI;AAAA,QACd;AAAA,QACD,IAAI,QAAQE,GAAO;AACf,cAAIC,IAAOH,EAAI;AACf,UAAIG,MAASD,MACTF,EAAI,QAAQE,GACZF,EAAI,SAASE,GAAOC,CAAI;AAAA,QAE/B;AAAA,MACJ;AAAA,IACT;AAAA,EAAO,CAAE,EAAE,CAAC;AAER,SAAAH,EAAI,WAAWD,GACRC,EAAI;AACf;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es492.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/prop-def.js"],"sourcesContent":["const e=[\"initial\",\"xs\",\"sm\",\"md\",\"lg\",\"xl\"];export{e as breakpoints};\n//# sourceMappingURL=prop-def.js.map\n"],"names":["e"],"mappings":"AAAK,MAACA,IAAE,CAAC,WAAU,MAAK,MAAK,MAAK,MAAK,IAAI;","x_google_ignoreList":[0]}

package/dist/index.es493.js

@@ -1,26 +1,7 @@
-var a = {
-  left: 0,
-  top: 0,
-  right: 0,
-  gap: 0
-}, e = function(t) {
-  return parseInt(t || "", 10) || 0;
-}, o = function(t) {
-  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
-  return [e(i), e(r), e(d)];
-}, f = function(t) {
-  if (t === void 0 && (t = "margin"), typeof window > "u")
-    return a;
-  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
-  return {
-    left: n[0],
-    top: n[1],
-    right: n[2],
-    gap: Math.max(0, r - i + n[2] - n[0])
-  };
-};
+function e(r, t) {
+  return Object.prototype.hasOwnProperty.call(r, t);
+}
 export {
-  f as getGapWidth,
-  a as zeroGap
+  e as hasOwnProperty
 };
 //# sourceMappingURL=index.es493.js.map

package/dist/index.es493.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es493.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/utils.js"],"sourcesContent":["export var zeroGap = {\n    left: 0,\n    top: 0,\n    right: 0,\n    gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n    var cs = window.getComputedStyle(document.body);\n    var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n    var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n    var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n    return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    if (typeof window === 'undefined') {\n        return zeroGap;\n    }\n    var offsets = getOffset(gapMode);\n    var documentWidth = document.documentElement.clientWidth;\n    var windowWidth = window.innerWidth;\n    return {\n        left: offsets[0],\n        top: offsets[1],\n        right: offsets[2],\n        gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n    };\n};\n"],"names":["zeroGap","parse","x","getOffset","gapMode","cs","left","top","right","getGapWidth","offsets","documentWidth","windowWidth"],"mappings":"AAAU,IAACA,IAAU;AAAA,EACjB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,KAAK;AACT,GACIC,IAAQ,SAAUC,GAAG;AAAE,SAAO,SAASA,KAAK,IAAI,EAAE,KAAK;AAAI,GAC3DC,IAAY,SAAUC,GAAS;AAC/B,MAAIC,IAAK,OAAO,iBAAiB,SAAS,IAAI,GAC1CC,IAAOD,EAAGD,MAAY,YAAY,gBAAgB,YAAY,GAC9DG,IAAMF,EAAGD,MAAY,YAAY,eAAe,WAAW,GAC3DI,IAAQH,EAAGD,MAAY,YAAY,iBAAiB,aAAa;AACrE,SAAO,CAACH,EAAMK,CAAI,GAAGL,EAAMM,CAAG,GAAGN,EAAMO,CAAK,CAAC;AACjD,GACWC,IAAc,SAAUL,GAAS;AAExC,MADIA,MAAY,WAAUA,IAAU,WAChC,OAAO,SAAW;AAClB,WAAOJ;AAEX,MAAIU,IAAUP,EAAUC,CAAO,GAC3BO,IAAgB,SAAS,gBAAgB,aACzCC,IAAc,OAAO;AACzB,SAAO;AAAA,IACH,MAAMF,EAAQ,CAAC;AAAA,IACf,KAAKA,EAAQ,CAAC;AAAA,IACd,OAAOA,EAAQ,CAAC;AAAA,IAChB,KAAK,KAAK,IAAI,GAAGE,IAAcD,IAAgBD,EAAQ,CAAC,IAAIA,EAAQ,CAAC,CAAC;AAAA,EACzE;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es493.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/has-own-property.js"],"sourcesContent":["function e(n,r){return Object.prototype.hasOwnProperty.call(n,r)}export{e as hasOwnProperty};\n//# sourceMappingURL=has-own-property.js.map\n"],"names":["n","r"],"mappings":"AAAA,SAAS,EAAEA,GAAEC,GAAE;AAAC,SAAO,OAAO,UAAU,eAAe,KAAKD,GAAEC,CAAC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es494.js

@@ -1,16 +1,8 @@
-import * as o from "react";
-import { stylesheetSingleton as r } from "./index.es495.js";
-var i = function() {
-  var t = r();
-  return function(e, n) {
-    o.useEffect(function() {
-      return t.add(e), function() {
-        t.remove();
-      };
-    }, [e && n]);
-  };
-};
+import { breakpoints as s } from "./index.es492.js";
+function i(e) {
+  return typeof e == "object" && Object.keys(e).some((o) => s.includes(o));
+}
 export {
-  i as styleHookSingleton
+  i as isResponsiveObject
 };
 //# sourceMappingURL=index.es494.js.map

package/dist/index.es494.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es494.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]}
+{"version":3,"file":"index.es494.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/is-responsive-object.js"],"sourcesContent":["import{breakpoints as o}from\"../props/prop-def.js\";function i(e){return typeof e==\"object\"&&Object.keys(e).some(s=>o.includes(s))}export{i as isResponsiveObject};\n//# sourceMappingURL=is-responsive-object.js.map\n"],"names":["e","s","o"],"mappings":";AAAmD,SAAS,EAAEA,GAAE;AAAC,SAAO,OAAOA,KAAG,YAAU,OAAO,KAAKA,CAAC,EAAE,KAAK,CAAAC,MAAGC,EAAE,SAASD,CAAC,CAAC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es495.js

@@ -1,31 +1,7 @@
-import { getNonce as o } from "./index.es496.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 m(t, [a, n]) {
+  return Math.min(n, Math.max(a, 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
+  m as clamp
 };
 //# sourceMappingURL=index.es495.js.map

package/dist/index.es495.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es495.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]}
+{"version":3,"file":"index.es495.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"AACA,SAASA,EAAMC,GAAO,CAACC,GAAKC,CAAG,GAAG;AAChC,SAAO,KAAK,IAAIA,GAAK,KAAK,IAAID,GAAKD,CAAK,CAAC;AAC3C;","x_google_ignoreList":[0]}

package/dist/index.es496.js

@@ -1,8 +1,86 @@
-var e = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
-};
+import { commonjsGlobal as g } from "./index.es394.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;
+}
 export {
-  e as getNonce
+  Y as __require
 };
 //# sourceMappingURL=index.es496.js.map

package/dist/index.es496.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es496.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]}
+{"version":3,"file":"index.es496.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]}

package/dist/index.es50.js

@@ -1,18 +1,18 @@
 import { j as e } from "./index.es216.js";
-import { Root as h, Indicator as m } from "./index.es260.js";
+import { Checkbox as h, CheckboxIndicator as m } from "./index.es260.js";
 import { Row as l } from "./index.es9.js";
 import d from "./index.es228.js";
 import './components/ui/Checkbox/Checkbox.css';/* empty css            */
 import { clsx as p } from "./index.es218.js";
-const C = ({
-  id: o,
-  label: t,
+const u = ({
+  id: t,
+  label: o,
   checked: n,
   onChange: i,
-  classNameText: a = "fs-6 fw-bold"
+  classNameText: c = "fs-6 fw-bold"
 }) => {
   var s;
-  const c = () => /* @__PURE__ */ e.jsx(
+  const a = () => /* @__PURE__ */ e.jsx(
     "svg",
     {
       width: "14",
@@ -32,31 +32,31 @@ const C = ({
         }
       )
     }
-  ), r = new DOMParser().parseFromString(`${t}`, "text/html"), x = ((s = r == null ? void 0 : r.body) == null ? void 0 : s.textContent) || "";
+  ), r = new DOMParser().parseFromString(`${o}`, "text/html"), x = ((s = r == null ? void 0 : r.body) == null ? void 0 : s.textContent) || "";
   return /* @__PURE__ */ e.jsxs(l, { alignItems: "center", gap: "x16", children: [
     /* @__PURE__ */ e.jsx(
       h,
       {
-        id: o,
+        id: t,
         checked: n,
         onCheckedChange: i,
         className: "ui-checkbox",
         "aria-label": x,
-        children: /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(c, {}) })
+        children: /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(a, {}) })
       }
     ),
-    t && /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(
       d,
       {
         as: "label",
-        htmlFor: o,
-        className: p(a, "text-slate-20"),
-        children: t
+        htmlFor: t,
+        className: p(c, "text-slate-20"),
+        children: o
       }
     )
   ] });
 };
 export {
-  C as Checkbox
+  u as Checkbox
 };
 //# sourceMappingURL=index.es50.js.map

package/dist/index.es50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es50.js","sources":["../src/components/ui/Checkbox/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { Row } from \"../Row\";\r\nimport Balancer from \"react-wrap-balancer\";\r\nimport \"./Checkbox.scss\";\r\nimport clsx from \"clsx\";\r\n\r\ntype CheckboxProps = {\r\n  id: string;\r\n  label?: React.ReactNode;\r\n  checked: boolean;\r\n  onChange: (checked: boolean) => void;\r\n  classNameText?: string;\r\n};\r\n\r\nexport const Checkbox = ({\r\n  id,\r\n  label,\r\n  checked,\r\n  onChange,\r\n  classNameText = \"fs-6 fw-bold\",\r\n}: CheckboxProps) => {\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  const parser = new DOMParser();\r\n  const html = parser.parseFromString(`${label}`, \"text/html\");\r\n  const labelText = html?.body?.textContent || \"\";\r\n\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\">\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={checked}\r\n        onCheckedChange={onChange}\r\n        className={\"ui-checkbox\"}\r\n        aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      {label && (\r\n        <Balancer\r\n          as=\"label\"\r\n          htmlFor={id}\r\n          className={clsx(classNameText, \"text-slate-20\")}\r\n        >\r\n          {label}\r\n        </Balancer>\r\n      )}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["Checkbox","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":";;;;;;AAeO,MAAMA,IAAW,CAAC;AAAA,EACvB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAAqB;;AACnB,QAAMC,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,IAAI,WAAW,GACrDO,MAAYC,IAAAF,KAAA,gBAAAA,EAAM,SAAN,gBAAAE,EAAY,gBAAe;AAE7C,SACGC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,YAAW,UAAS,KAAI,OAC3B,UAAA;AAAA,IAAAL,gBAAAA,EAAA;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,SAAAE;AAAA,QACA,iBAAiBC;AAAA,QACjB,WAAW;AAAA,QACX,cAAYK;AAAA,QAEZ,gCAACK,GAAA,EACC,UAAAP,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACCJ,KACCK,gBAAAA,EAAA;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAASd;AAAA,QACT,WAAWe,EAAKX,GAAe,eAAe;AAAA,QAE7C,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es50.js","sources":["../src/components/ui/Checkbox/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Row } from \"../Row\";\nimport Balancer from \"react-wrap-balancer\";\nimport \"./Checkbox.scss\";\nimport clsx from \"clsx\";\n\ntype CheckboxProps = {\n  id: string;\n  label?: React.ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n};\n\nexport const Checkbox = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n}: CheckboxProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <CheckboxRadix.Root\n        id={id}\n        checked={checked}\n        onCheckedChange={onChange}\n        className={\"ui-checkbox\"}\n        aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      {label && (\n        <Balancer\n          as=\"label\"\n          htmlFor={id}\n          className={clsx(classNameText, \"text-slate-20\")}\n        >\n          {label}\n        </Balancer>\n      )}\n    </Row>\n  );\n};\n"],"names":["Checkbox","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":";;;;;;AAeO,MAAMA,IAAW,CAAC;AAAA,EACvB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAAqB;;AACnB,QAAMC,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,IAAI,WAAW,GACrDO,MAAYC,IAAAF,KAAA,gBAAAA,EAAM,SAAN,gBAAAE,EAAY,gBAAe;AAE7C,SACGC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,YAAW,UAAS,KAAI,OAC3B,UAAA;AAAA,IAAAL,gBAAAA,EAAA;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,SAAAE;AAAA,QACA,iBAAiBC;AAAA,QACjB,WAAW;AAAA,QACX,cAAYK;AAAA,QAEZ,gCAACK,GAAA,EACC,UAAAP,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACCJ,KACCK,gBAAAA,EAAA;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAASd;AAAA,QACT,WAAWe,EAAKX,GAAe,eAAe;AAAA,QAE7C,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}

package/dist/index.es51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es51.js","sources":["../src/components/ui/filters/BottomNavigation/index.tsx"],"sourcesContent":["import { Button, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./BottomNavigation.scss\";\r\n\r\ntype BottomNavigationProps = {\r\n  className?: string;\r\n  title: string;\r\n  removeLabel: string;\r\n  applyLabel: string;\r\n  selectedFilters: Record<string, string[]>;\r\n  onApplyFilters: () => void;\r\n  onClearFilters: () => void;\r\n  applyDisabled?: boolean;\r\n};\r\n\r\nexport const BottomNavigation = ({\r\n  className = \"\",\r\n  title,\r\n  removeLabel,\r\n  applyLabel,\r\n  selectedFilters,\r\n  onApplyFilters,\r\n  onClearFilters,\r\n  applyDisabled = false,\r\n}: BottomNavigationProps) => {\r\n  const countFilters = Object.values(selectedFilters).reduce(\r\n    (total, filters) => total + filters.length,\r\n    0,\r\n  );\r\n  return (\r\n    <Col gap={\"x24\"} className={clsx(className)}>\r\n      <h5 className={\"fw-semibold fs-5 text-slate-20\"}>\r\n        {title} ({countFilters})\r\n      </h5>\r\n      <footer className=\"ui-bottom-navigation-filters\">\r\n        <Button\r\n          className={\"ui-bottom-navigation-filters-button\"}\r\n          variant={\"secondary\"}\r\n          onClick={onClearFilters}\r\n          disabled={countFilters === 0}\r\n        >\r\n          {removeLabel}\r\n        </Button>\r\n        <Button\r\n          className={\"ui-bottom-navigation-filters-button\"}\r\n          disabled={applyDisabled}\r\n          onClick={onApplyFilters}\r\n        >\r\n          {applyLabel}\r\n        </Button>\r\n      </footer>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["BottomNavigation","className","title","removeLabel","applyLabel","selectedFilters","onApplyFilters","onClearFilters","applyDisabled","countFilters","total","filters","Col","clsx","jsxs","jsx","Button"],"mappings":";;;;;AAeO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAA6B;AAC3B,QAAMC,IAAe,OAAO,OAAOJ,CAAe,EAAE;AAAA,IAClD,CAACK,GAAOC,MAAYD,IAAQC,EAAQ;AAAA,IACpC;AAAA,EACF;AACA,gCACGC,GAAI,EAAA,KAAK,OAAO,WAAWC,EAAKZ,CAAS,GACxC,UAAA;AAAA,IAACa,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAW,kCACZ,UAAA;AAAA,MAAAZ;AAAA,MAAM;AAAA,MAAGO;AAAA,MAAa;AAAA,IAAA,GACzB;AAAA,IACAK,gBAAAA,EAAAA,KAAC,UAAO,EAAA,WAAU,gCAChB,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS;AAAA,UACT,SAAST;AAAA,UACT,UAAUE,MAAiB;AAAA,UAE1B,UAAAN;AAAA,QAAA;AAAA,MACH;AAAA,MACAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,UAAUR;AAAA,UACV,SAASF;AAAA,UAER,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es51.js","sources":["../src/components/ui/filters/BottomNavigation/index.tsx"],"sourcesContent":["import { Button, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./BottomNavigation.scss\";\n\ntype BottomNavigationProps = {\n  className?: string;\n  title: string;\n  removeLabel: string;\n  applyLabel: string;\n  selectedFilters: Record<string, string[]>;\n  onApplyFilters: () => void;\n  onClearFilters: () => void;\n  applyDisabled?: boolean;\n};\n\nexport const BottomNavigation = ({\n  className = \"\",\n  title,\n  removeLabel,\n  applyLabel,\n  selectedFilters,\n  onApplyFilters,\n  onClearFilters,\n  applyDisabled = false,\n}: BottomNavigationProps) => {\n  const countFilters = Object.values(selectedFilters).reduce(\n    (total, filters) => total + filters.length,\n    0,\n  );\n  return (\n    <Col gap={\"x24\"} className={clsx(className)}>\n      <h5 className={\"fw-semibold fs-5 text-slate-20\"}>\n        {title} ({countFilters})\n      </h5>\n      <footer className=\"ui-bottom-navigation-filters\">\n        <Button\n          className={\"ui-bottom-navigation-filters-button\"}\n          variant={\"secondary\"}\n          onClick={onClearFilters}\n          disabled={countFilters === 0}\n        >\n          {removeLabel}\n        </Button>\n        <Button\n          className={\"ui-bottom-navigation-filters-button\"}\n          disabled={applyDisabled}\n          onClick={onApplyFilters}\n        >\n          {applyLabel}\n        </Button>\n      </footer>\n    </Col>\n  );\n};\n"],"names":["BottomNavigation","className","title","removeLabel","applyLabel","selectedFilters","onApplyFilters","onClearFilters","applyDisabled","countFilters","total","filters","Col","clsx","jsxs","jsx","Button"],"mappings":";;;;;AAeO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAA6B;AAC3B,QAAMC,IAAe,OAAO,OAAOJ,CAAe,EAAE;AAAA,IAClD,CAACK,GAAOC,MAAYD,IAAQC,EAAQ;AAAA,IACpC;AAAA,EACF;AACA,gCACGC,GAAI,EAAA,KAAK,OAAO,WAAWC,EAAKZ,CAAS,GACxC,UAAA;AAAA,IAACa,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAW,kCACZ,UAAA;AAAA,MAAAZ;AAAA,MAAM;AAAA,MAAGO;AAAA,MAAa;AAAA,IAAA,GACzB;AAAA,IACAK,gBAAAA,EAAAA,KAAC,UAAO,EAAA,WAAU,gCAChB,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS;AAAA,UACT,SAAST;AAAA,UACT,UAAUE,MAAiB;AAAA,UAE1B,UAAAN;AAAA,QAAA;AAAA,MACH;AAAA,MACAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,UAAUR;AAAA,UACV,SAASF;AAAA,UAER,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es54.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;"}
+{"version":3,"file":"index.es54.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;"}

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.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;"}
+{"version":3,"file":"index.es55.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;"}

package/dist/index.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es56.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;"}
+{"version":3,"file":"index.es56.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;"}

package/dist/index.es58.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es216.js";
-import { createColorClasses as l } from "./index.es233.js";
+import { createColorClasses as l } from "./index.es231.js";
 import { clsx as x } from "./index.es218.js";
 const p = ({
   initials: e,

package/dist/index.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es59.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;"}
+{"version":3,"file":"index.es59.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;"}

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es216.js";
 import { clsx as l } from "./index.es218.js";
 import { useMemo as u } from "react";
-import { createSpacingClasses as x } from "./index.es231.js";
+import { createSpacingClasses as x } from "./index.es232.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const v = ({
   as: o,

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/components/ui/Container/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport clsx from \"clsx\";\r\nimport { CSSProperties, useMemo } from \"react\";\r\nimport { createSpacingClasses, SpacingProps } from \"@/theme/spacing\";\r\nimport \"./Container.scss\";\r\n\r\nexport type ContainerProps = {\r\n  as?: React.ElementType;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  display?: CSSProperties[\"display\"];\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  flexWrap?: CSSProperties[\"flexWrap\"];\r\n} & SpacingProps;\r\n\r\nexport const Container = ({\r\n  as,\r\n  children,\r\n  className,\r\n  display,\r\n  justifyContent,\r\n  alignItems,\r\n  flexWrap,\r\n  ...rest\r\n}: ContainerProps) => {\r\n  const Component = as || \"div\";\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n\r\n    return [...spacingClasses].join(\" \");\r\n  }, [rest]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(\"ui-container\", className, classNames)}\r\n      style={{\r\n        display,\r\n        justifyContent,\r\n        alignItems,\r\n        flexWrap,\r\n      }}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"names":["Container","as","children","className","display","justifyContent","alignItems","flexWrap","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":";;;;;AAiBO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYR,KAAM,OAClBS,IAAaC,EAAQ,MAGlB,CAAC,GAFeC,EAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAGP,SAAAK,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAK,gBAAgBX,GAAWO,CAAU;AAAA,MACrD,OAAO;AAAA,QACL,SAAAN;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MACF;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es6.js","sources":["../src/components/ui/Container/index.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { CSSProperties, useMemo } from \"react\";\nimport { createSpacingClasses, SpacingProps } from \"@/theme/spacing\";\nimport \"./Container.scss\";\n\nexport type ContainerProps = {\n  as?: React.ElementType;\n  children: React.ReactNode;\n  className?: string;\n  display?: CSSProperties[\"display\"];\n  justifyContent?: CSSProperties[\"justifyContent\"];\n  alignItems?: CSSProperties[\"alignItems\"];\n  flexWrap?: CSSProperties[\"flexWrap\"];\n} & SpacingProps;\n\nexport const Container = ({\n  as,\n  children,\n  className,\n  display,\n  justifyContent,\n  alignItems,\n  flexWrap,\n  ...rest\n}: ContainerProps) => {\n  const Component = as || \"div\";\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n\n    return [...spacingClasses].join(\" \");\n  }, [rest]);\n\n  return (\n    <Component\n      className={clsx(\"ui-container\", className, classNames)}\n      style={{\n        display,\n        justifyContent,\n        alignItems,\n        flexWrap,\n      }}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["Container","as","children","className","display","justifyContent","alignItems","flexWrap","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":";;;;;AAiBO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYR,KAAM,OAClBS,IAAaC,EAAQ,MAGlB,CAAC,GAFeC,EAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAGP,SAAAK,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAK,gBAAgBX,GAAWO,CAAU;AAAA,MACrD,OAAO;AAAA,QACL,SAAAN;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MACF;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es60.js","sources":["../src/components/ui/RadioCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./RadioCard.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype RadioCardProps = {\r\n  id: string;\r\n  name: string;\r\n  value: string;\r\n  checked: boolean;\r\n  children?: React.ReactNode;\r\n  label: string;\r\n  description?: string;\r\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n};\r\n\r\nexport const RadioCard = ({\r\n  id,\r\n  name,\r\n  value,\r\n  checked = false,\r\n  children,\r\n  label,\r\n  description,\r\n  onChange,\r\n}: RadioCardProps) => {\r\n  return (\r\n    <label\r\n      className={clsx(\r\n        \"shadow bg-white br-x4 ui-radio-card\",\r\n        checked && \"ui-radio-card-checked\",\r\n      )}\r\n      htmlFor={id}\r\n    >\r\n      <input\r\n        type=\"radio\"\r\n        id={id}\r\n        name={name}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={onChange}\r\n      />\r\n      <Col gap={\"x24\"}>\r\n        <Col gap={\"x4\"}>\r\n          <div className=\"fw-semibold text-slate-20 fs-4\">{label}</div>\r\n          <p className=\"fs-6 fw-regular text-slate-20\">{description}</p>\r\n        </Col>\r\n        {children}\r\n      </Col>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["RadioCard","id","name","value","checked","children","label","description","onChange","jsxs","clsx","jsx","Col"],"mappings":";;;;AAeO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAN,KAAW;AAAA,IACb;AAAA,IACA,SAASH;AAAA,IAET,UAAA;AAAA,MAAAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAAV;AAAA,UACA,MAAAC;AAAA,UACA,OAAAC;AAAA,UACA,SAAAC;AAAA,UACA,UAAAI;AAAA,QAAA;AAAA,MACF;AAAA,MACAC,gBAAAA,EAAAA,KAACG,GAAI,EAAA,KAAK,OACR,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,UAACD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,kCAAkC,UAAML,GAAA;AAAA,UACtDK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,iCAAiC,UAAYJ,EAAA,CAAA;AAAA,QAAA,GAC5D;AAAA,QACCF;AAAA,MAAA,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es60.js","sources":["../src/components/ui/RadioCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./RadioCard.scss\";\nimport { Col } from \"@/components\";\n\ntype RadioCardProps = {\n  id: string;\n  name: string;\n  value: string;\n  checked: boolean;\n  children?: React.ReactNode;\n  label: string;\n  description?: string;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const RadioCard = ({\n  id,\n  name,\n  value,\n  checked = false,\n  children,\n  label,\n  description,\n  onChange,\n}: RadioCardProps) => {\n  return (\n    <label\n      className={clsx(\n        \"shadow bg-white br-x4 ui-radio-card\",\n        checked && \"ui-radio-card-checked\",\n      )}\n      htmlFor={id}\n    >\n      <input\n        type=\"radio\"\n        id={id}\n        name={name}\n        value={value}\n        checked={checked}\n        onChange={onChange}\n      />\n      <Col gap={\"x24\"}>\n        <Col gap={\"x4\"}>\n          <div className=\"fw-semibold text-slate-20 fs-4\">{label}</div>\n          <p className=\"fs-6 fw-regular text-slate-20\">{description}</p>\n        </Col>\n        {children}\n      </Col>\n    </label>\n  );\n};\n"],"names":["RadioCard","id","name","value","checked","children","label","description","onChange","jsxs","clsx","jsx","Col"],"mappings":";;;;AAeO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAN,KAAW;AAAA,IACb;AAAA,IACA,SAASH;AAAA,IAET,UAAA;AAAA,MAAAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAAV;AAAA,UACA,MAAAC;AAAA,UACA,OAAAC;AAAA,UACA,SAAAC;AAAA,UACA,UAAAI;AAAA,QAAA;AAAA,MACF;AAAA,MACAC,gBAAAA,EAAAA,KAACG,GAAI,EAAA,KAAK,OACR,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,UAACD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,kCAAkC,UAAML,GAAA;AAAA,UACtDK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,iCAAiC,UAAYJ,EAAA,CAAA;AAAA,QAAA,GAC5D;AAAA,QACCF;AAAA,MAAA,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es62.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\r\nimport clsx from \"clsx\";\r\nimport { MoreActions } from \"@/icons\";\r\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport { ActionsPopup, Row } from \"@/components\";\r\n\r\ntype TitleSectionProps = PropsWithChildren<{\r\n  action1?: ReactNode;\r\n  action2?: ReactNode;\r\n  mainButton?: ReactNode;\r\n  secondaryButton?: ReactNode;\r\n  titleSection: string;\r\n  classNameTitle?: string;\r\n  isMoreOption?: boolean;\r\n  handleMoreOption?: () => void;\r\n  titleTag?: \"h2\" | \"h3\" | \"h4\";\r\n}>;\r\n\r\nexport const TitleSection = ({\r\n  action1 = <></>,\r\n  action2,\r\n  mainButton,\r\n  secondaryButton,\r\n  titleSection,\r\n  classNameTitle,\r\n  isMoreOption = false,\r\n  handleMoreOption = () => {},\r\n  titleTag: TitleTag = \"h2\",\r\n}: TitleSectionProps) => {\r\n  const [openActions, setOpenActions] = useState(false);\r\n\r\n  console.log(handleMoreOption);\r\n\r\n  const popupActions = [];\r\n  if (action1) popupActions?.push(action1);\r\n  if (action2) popupActions?.push(action2);\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(\"ui-title-section-container\")}>\r\n        <div className=\"ui-title-row\">\r\n          <TitleTag\r\n            className={clsx(\r\n              classNameTitle,\r\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\r\n            )}\r\n          >\r\n            {titleSection}\r\n          </TitleTag>\r\n          <div\r\n            onClick={() => {\r\n              setOpenActions(!openActions);\r\n            }}\r\n            className=\"ui-mobile-actions\"\r\n          >\r\n            <MoreActions\r\n              className={\"cursor-pointer\"}\r\n              aria-label=\"Altre opzioni\"\r\n            />\r\n          </div>\r\n          {isMoreOption && <></>}\r\n          <ActionsPopup\r\n            isOpen={openActions}\r\n            onClickCloseBtn={() => {\r\n              setOpenActions(false);\r\n            }}\r\n            actions={popupActions}\r\n          >\r\n            {secondaryButton && (\r\n              <div className=\"ui-actions-popup-buttons\">{secondaryButton}</div>\r\n            )}\r\n          </ActionsPopup>\r\n        </div>\r\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\r\n          <Row\r\n            as={\"ul\"}\r\n            gap={\"x20\"}\r\n            fw={\"semibold\"}\r\n            text={\"primary\"}\r\n            fs={\"8\"}\r\n            className=\"list-style-none\"\r\n          >\r\n            {action1}\r\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\r\n            {action2}\r\n            {secondaryButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {secondaryButton}\r\n              </Row>\r\n            )}\r\n            {mainButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {mainButton}\r\n              </Row>\r\n            )}\r\n          </Row>\r\n        </nav>\r\n      </div>\r\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TitleSection","action1","jsx","Fragment","action2","mainButton","secondaryButton","titleSection","classNameTitle","isMoreOption","handleMoreOption","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","MoreActions","ActionsPopup","Row"],"mappings":"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"}
+{"version":3,"file":"index.es62.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\nimport clsx from \"clsx\";\nimport { MoreActions } from \"@/icons\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { ActionsPopup, Row } from \"@/components\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  classNameTitle?: string;\n  isMoreOption?: boolean;\n  handleMoreOption?: () => void;\n  titleTag?: \"h2\" | \"h3\" | \"h4\";\n}>;\n\nexport const TitleSection = ({\n  action1 = <></>,\n  action2,\n  mainButton,\n  secondaryButton,\n  titleSection,\n  classNameTitle,\n  isMoreOption = false,\n  handleMoreOption = () => {},\n  titleTag: TitleTag = \"h2\",\n}: TitleSectionProps) => {\n  const [openActions, setOpenActions] = useState(false);\n\n  console.log(handleMoreOption);\n\n  const popupActions = [];\n  if (action1) popupActions?.push(action1);\n  if (action2) popupActions?.push(action2);\n\n  return (\n    <div>\n      <div className={clsx(\"ui-title-section-container\")}>\n        <div className=\"ui-title-row\">\n          <TitleTag\n            className={clsx(\n              classNameTitle,\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\n            )}\n          >\n            {titleSection}\n          </TitleTag>\n          <div\n            onClick={() => {\n              setOpenActions(!openActions);\n            }}\n            className=\"ui-mobile-actions\"\n          >\n            <MoreActions\n              className={\"cursor-pointer\"}\n              aria-label=\"Altre opzioni\"\n            />\n          </div>\n          {isMoreOption && <></>}\n          <ActionsPopup\n            isOpen={openActions}\n            onClickCloseBtn={() => {\n              setOpenActions(false);\n            }}\n            actions={popupActions}\n          >\n            {secondaryButton && (\n              <div className=\"ui-actions-popup-buttons\">{secondaryButton}</div>\n            )}\n          </ActionsPopup>\n        </div>\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\n          <Row\n            as={\"ul\"}\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"primary\"}\n            fs={\"8\"}\n            className=\"list-style-none\"\n          >\n            {action1}\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\n            {action2}\n            {secondaryButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {secondaryButton}\n              </Row>\n            )}\n            {mainButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {mainButton}\n              </Row>\n            )}\n          </Row>\n        </nav>\n      </div>\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\n    </div>\n  );\n};\n"],"names":["TitleSection","action1","jsx","Fragment","action2","mainButton","secondaryButton","titleSection","classNameTitle","isMoreOption","handleMoreOption","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","MoreActions","ActionsPopup","Row"],"mappings":"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"}

package/dist/index.es63.js

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