@selfdecode/sd-component-library 4.0.73-vite11 → 4.0.73-vite13

package/lib/sd-component-library328.js

@@ -1,22 +1,116 @@
-import e from "./sd-component-library298.js";
-var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
-  enter: e.number,
-  exit: e.number,
-  appear: e.number
-}).isRequired]) : null;
-process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
-  enter: e.string,
-  exit: e.string,
-  active: e.string
-}), e.shape({
-  enter: e.string,
-  enterDone: e.string,
-  enterActive: e.string,
-  exit: e.string,
-  exitDone: e.string,
-  exitActive: e.string
-})]);
+import { StyleSheet as k } from "./sd-component-library329.js";
+import N from "./sd-component-library330.js";
+var m = "/*|*/", A = m + "}";
+function I(f) {
+  f && h.current.insert(f + "}");
+}
+var h = {
+  current: null
+}, _ = function(r, e, d, s, y, c, E, u, o, l) {
+  switch (r) {
+    case 1: {
+      switch (e.charCodeAt(0)) {
+        case 64:
+          return h.current.insert(e + ";"), "";
+        case 108:
+          if (e.charCodeAt(2) === 98)
+            return "";
+      }
+      break;
+    }
+    case 2: {
+      if (u === 0)
+        return e + m;
+      break;
+    }
+    case 3:
+      switch (u) {
+        case 102:
+        case 112:
+          return h.current.insert(d[0] + e), "";
+        default:
+          return e + (l === 0 ? m : "");
+      }
+    case -2:
+      e.split(A).forEach(I);
+  }
+}, D = function(r) {
+  r === void 0 && (r = {});
+  var e = r.key || "css", d;
+  r.prefix !== void 0 && (d = {
+    prefix: r.prefix
+  });
+  var s = new N(d);
+  if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(e))
+    throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + e + '" was passed');
+  var y = {}, c;
+  {
+    c = r.container || document.head;
+    var E = document.querySelectorAll("style[data-emotion-" + e + "]");
+    Array.prototype.forEach.call(E, function(n) {
+      var t = n.getAttribute("data-emotion-" + e);
+      t.split(" ").forEach(function(a) {
+        y[a] = !0;
+      }), n.parentNode !== c && c.appendChild(n);
+    });
+  }
+  var u;
+  if (s.use(r.stylisPlugins)(_), u = function(t, a, p, v) {
+    var i = a.name;
+    if (h.current = p, process.env.NODE_ENV !== "production" && a.map !== void 0) {
+      var w = a.map;
+      h.current = {
+        insert: function(b) {
+          p.insert(b + w);
+        }
+      };
+    }
+    s(t, a.styles), v && (g.inserted[i] = !0);
+  }, process.env.NODE_ENV !== "production") {
+    var o = /\/\*/g, l = /\*\//g;
+    s.use(function(n, t) {
+      switch (n) {
+        case -1: {
+          for (; o.test(t); ) {
+            if (l.lastIndex = o.lastIndex, l.test(t)) {
+              o.lastIndex = l.lastIndex;
+              continue;
+            }
+            throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');
+          }
+          o.lastIndex = 0;
+          break;
+        }
+      }
+    }), s.use(function(n, t, a) {
+      switch (n) {
+        case -1: {
+          var p = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", v = t.match(/(:first|:nth|:nth-last)-child/g);
+          v && g.compat !== !0 && v.forEach(function(i) {
+            var w = new RegExp(i + ".*\\/\\* " + p + " \\*\\/"), x = w.test(t);
+            i && !x && console.error('The pseudo class "' + i + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + i.split("-child")[0] + '-of-type".');
+          });
+          break;
+        }
+      }
+    });
+  }
+  var g = {
+    key: e,
+    sheet: new k({
+      key: e,
+      container: c,
+      nonce: r.nonce,
+      speedy: r.speedy
+    }),
+    nonce: r.nonce,
+    inserted: y,
+    registered: {},
+    insert: u
+  };
+  return g;
+};
 export {
-  n as timeoutsShape
+  D as default
 };
 //# sourceMappingURL=sd-component-library328.js.map

package/lib/sd-component-library328.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library328.js","sources":["../node_modules/react-transition-group/esm/utils/PropTypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nexport var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n  enter: PropTypes.number,\n  exit: PropTypes.number,\n  appear: PropTypes.number\n}).isRequired]) : null;\nexport var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({\n  enter: PropTypes.string,\n  exit: PropTypes.string,\n  active: PropTypes.string\n}), PropTypes.shape({\n  enter: PropTypes.string,\n  enterDone: PropTypes.string,\n  enterActive: PropTypes.string,\n  exit: PropTypes.string,\n  exitDone: PropTypes.string,\n  exitActive: PropTypes.string\n})]) : null;"],"names":["timeoutsShape","PropTypes"],"mappings":";AACU,IAACA,IAAgB,QAAQ,IAAI,aAAa,eAAeC,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EACxH,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,EAAE,UAAU,CAAC,IAAI;AACW,QAAQ,IAAI,aAAa,gBAAeA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EAC1H,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,GAAGA,EAAU,MAAM;AAAA,EAClB,OAAOA,EAAU;AAAA,EACjB,WAAWA,EAAU;AAAA,EACrB,aAAaA,EAAU;AAAA,EACvB,MAAMA,EAAU;AAAA,EAChB,UAAUA,EAAU;AAAA,EACpB,YAAYA,EAAU;AACxB,CAAC,CAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library328.js","sources":["../node_modules/@emotion/cache/dist/cache.browser.esm.js"],"sourcesContent":["import { StyleSheet } from '@emotion/sheet';\nimport Stylis from '@emotion/stylis';\nimport '@emotion/weak-memoize';\n\n// https://github.com/thysultan/stylis.js/tree/master/plugins/rule-sheet\n// inlined to avoid umd wrapper and peerDep warnings/installing stylis\n// since we use stylis after closure compiler\nvar delimiter = '/*|*/';\nvar needle = delimiter + '}';\n\nfunction toSheet(block) {\n  if (block) {\n    Sheet.current.insert(block + '}');\n  }\n}\n\nvar Sheet = {\n  current: null\n};\nvar ruleSheet = function ruleSheet(context, content, selectors, parents, line, column, length, ns, depth, at) {\n  switch (context) {\n    // property\n    case 1:\n      {\n        switch (content.charCodeAt(0)) {\n          case 64:\n            {\n              // @import\n              Sheet.current.insert(content + ';');\n              return '';\n            }\n          // charcode for l\n\n          case 108:\n            {\n              // charcode for b\n              // this ignores label\n              if (content.charCodeAt(2) === 98) {\n                return '';\n              }\n            }\n        }\n\n        break;\n      }\n    // selector\n\n    case 2:\n      {\n        if (ns === 0) return content + delimiter;\n        break;\n      }\n    // at-rule\n\n    case 3:\n      {\n        switch (ns) {\n          // @font-face, @page\n          case 102:\n          case 112:\n            {\n              Sheet.current.insert(selectors[0] + content);\n              return '';\n            }\n\n          default:\n            {\n              return content + (at === 0 ? delimiter : '');\n            }\n        }\n      }\n\n    case -2:\n      {\n        content.split(needle).forEach(toSheet);\n      }\n  }\n};\n\nvar createCache = function createCache(options) {\n  if (options === undefined) options = {};\n  var key = options.key || 'css';\n  var stylisOptions;\n\n  if (options.prefix !== undefined) {\n    stylisOptions = {\n      prefix: options.prefix\n    };\n  }\n\n  var stylis = new Stylis(stylisOptions);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // $FlowFixMe\n    if (/[^a-z-]/.test(key)) {\n      throw new Error(\"Emotion key must only contain lower case alphabetical characters and - but \\\"\" + key + \"\\\" was passed\");\n    }\n  }\n\n  var inserted = {}; // $FlowFixMe\n\n  var container;\n\n  {\n    container = options.container || document.head;\n    var nodes = document.querySelectorAll(\"style[data-emotion-\" + key + \"]\");\n    Array.prototype.forEach.call(nodes, function (node) {\n      var attrib = node.getAttribute(\"data-emotion-\" + key); // $FlowFixMe\n\n      attrib.split(' ').forEach(function (id) {\n        inserted[id] = true;\n      });\n\n      if (node.parentNode !== container) {\n        container.appendChild(node);\n      }\n    });\n  }\n\n  var _insert;\n\n  {\n    stylis.use(options.stylisPlugins)(ruleSheet);\n\n    _insert = function insert(selector, serialized, sheet, shouldCache) {\n      var name = serialized.name;\n      Sheet.current = sheet;\n\n      if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {\n        var map = serialized.map;\n        Sheet.current = {\n          insert: function insert(rule) {\n            sheet.insert(rule + map);\n          }\n        };\n      }\n\n      stylis(selector, serialized.styles);\n\n      if (shouldCache) {\n        cache.inserted[name] = true;\n      }\n    };\n  }\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://esbench.com/bench/5bf7371a4cd7e6009ef61d0a\n    var commentStart = /\\/\\*/g;\n    var commentEnd = /\\*\\//g;\n    stylis.use(function (context, content) {\n      switch (context) {\n        case -1:\n          {\n            while (commentStart.test(content)) {\n              commentEnd.lastIndex = commentStart.lastIndex;\n\n              if (commentEnd.test(content)) {\n                commentStart.lastIndex = commentEnd.lastIndex;\n                continue;\n              }\n\n              throw new Error('Your styles have an unterminated comment (\"/*\" without corresponding \"*/\").');\n            }\n\n            commentStart.lastIndex = 0;\n            break;\n          }\n      }\n    });\n    stylis.use(function (context, content, selectors) {\n      switch (context) {\n        case -1:\n          {\n            var flag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';\n            var unsafePseudoClasses = content.match(/(:first|:nth|:nth-last)-child/g);\n\n            if (unsafePseudoClasses && cache.compat !== true) {\n              unsafePseudoClasses.forEach(function (unsafePseudoClass) {\n                var ignoreRegExp = new RegExp(unsafePseudoClass + \".*\\\\/\\\\* \" + flag + \" \\\\*\\\\/\");\n                var ignore = ignoreRegExp.test(content);\n\n                if (unsafePseudoClass && !ignore) {\n                  console.error(\"The pseudo class \\\"\" + unsafePseudoClass + \"\\\" is potentially unsafe when doing server-side rendering. Try changing it to \\\"\" + unsafePseudoClass.split('-child')[0] + \"-of-type\\\".\");\n                }\n              });\n            }\n\n            break;\n          }\n      }\n    });\n  }\n\n  var cache = {\n    key: key,\n    sheet: new StyleSheet({\n      key: key,\n      container: container,\n      nonce: options.nonce,\n      speedy: options.speedy\n    }),\n    nonce: options.nonce,\n    inserted: inserted,\n    registered: {},\n    insert: _insert\n  };\n  return cache;\n};\n\nexport default createCache;\n"],"names":["delimiter","needle","toSheet","block","Sheet","ruleSheet","context","content","selectors","parents","line","column","length","ns","depth","at","createCache","options","key","stylisOptions","stylis","Stylis","inserted","container","nodes","node","attrib","id","_insert","selector","serialized","sheet","shouldCache","name","map","rule","cache","commentStart","commentEnd","flag","unsafePseudoClasses","unsafePseudoClass","ignoreRegExp","ignore","StyleSheet"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/sd-component-library329.js

@@ -1,6 +1,55 @@
-import t from "react";
-const o = t.createContext(null);
+function d(t) {
+  if (t.sheet)
+    return t.sheet;
+  for (var e = 0; e < document.styleSheets.length; e++)
+    if (document.styleSheets[e].ownerNode === t)
+      return document.styleSheets[e];
+}
+function l(t) {
+  var e = document.createElement("style");
+  return e.setAttribute("data-emotion", t.key), t.nonce !== void 0 && e.setAttribute("nonce", t.nonce), e.appendChild(document.createTextNode("")), e;
+}
+var u = /* @__PURE__ */ function() {
+  function t(s) {
+    this.isSpeedy = s.speedy === void 0 ? process.env.NODE_ENV === "production" : s.speedy, this.tags = [], this.ctr = 0, this.nonce = s.nonce, this.key = s.key, this.container = s.container, this.before = null;
+  }
+  var e = t.prototype;
+  return e.insert = function(n) {
+    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
+      var i = l(this), r;
+      this.tags.length === 0 ? r = this.before : r = this.tags[this.tags.length - 1].nextSibling, this.container.insertBefore(i, r), this.tags.push(i);
+    }
+    var h = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var c = d(h);
+      try {
+        var o = n.charCodeAt(1) === 105 && n.charCodeAt(0) === 64;
+        c.insertRule(
+          n,
+          // we need to insert @import rules before anything else
+          // otherwise there will be an error
+          // technically this means that the @import rules will
+          // _usually_(not always since there could be multiple style tags)
+          // be the first ones in prod and generally later in dev
+          // this shouldn't really matter in the real world though
+          // @import is generally only used for font faces from google fonts and etc.
+          // so while this could be technically correct then it would be slower and larger
+          // for a tiny bit of correctness that won't matter in the real world
+          o ? 0 : c.cssRules.length
+        );
+      } catch (a) {
+        process.env.NODE_ENV !== "production" && console.warn('There was a problem inserting the following rule: "' + n + '"', a);
+      }
+    } else
+      h.appendChild(document.createTextNode(n));
+    this.ctr++;
+  }, e.flush = function() {
+    this.tags.forEach(function(n) {
+      return n.parentNode.removeChild(n);
+    }), this.tags = [], this.ctr = 0;
+  }, t;
+}();
 export {
-  o as default
+  u as StyleSheet
 };
 //# sourceMappingURL=sd-component-library329.js.map

package/lib/sd-component-library329.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library329.js","sources":["../node_modules/react-transition-group/esm/TransitionGroupContext.js"],"sourcesContent":["import React from 'react';\nexport default React.createContext(null);"],"names":["TransitionGroupContext","React"],"mappings":";AACA,MAAAA,IAAeC,EAAM,cAAc,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library329.js","sources":["../node_modules/@emotion/sheet/dist/sheet.browser.esm.js"],"sourcesContent":["/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n// $FlowFixMe\nfunction sheetForTag(tag) {\n  if (tag.sheet) {\n    // $FlowFixMe\n    return tag.sheet;\n  } // this weirdness brought to you by firefox\n\n  /* istanbul ignore next */\n\n\n  for (var i = 0; i < document.styleSheets.length; i++) {\n    if (document.styleSheets[i].ownerNode === tag) {\n      // $FlowFixMe\n      return document.styleSheets[i];\n    }\n  }\n}\n\nfunction createStyleElement(options) {\n  var tag = document.createElement('style');\n  tag.setAttribute('data-emotion', options.key);\n\n  if (options.nonce !== undefined) {\n    tag.setAttribute('nonce', options.nonce);\n  }\n\n  tag.appendChild(document.createTextNode(''));\n  return tag;\n}\n\nvar StyleSheet =\n/*#__PURE__*/\nfunction () {\n  function StyleSheet(options) {\n    this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;\n    this.tags = [];\n    this.ctr = 0;\n    this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets\n\n    this.key = options.key;\n    this.container = options.container;\n    this.before = null;\n  }\n\n  var _proto = StyleSheet.prototype;\n\n  _proto.insert = function insert(rule) {\n    // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n    // it's 1 in dev because we insert source maps that map a single rule to a location\n    // and you can only have one source map per style tag\n    if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n      var _tag = createStyleElement(this);\n\n      var before;\n\n      if (this.tags.length === 0) {\n        before = this.before;\n      } else {\n        before = this.tags[this.tags.length - 1].nextSibling;\n      }\n\n      this.container.insertBefore(_tag, before);\n      this.tags.push(_tag);\n    }\n\n    var tag = this.tags[this.tags.length - 1];\n\n    if (this.isSpeedy) {\n      var sheet = sheetForTag(tag);\n\n      try {\n        // this is a really hot path\n        // we check the second character first because having \"i\"\n        // as the second character will happen less often than\n        // having \"@\" as the first character\n        var isImportRule = rule.charCodeAt(1) === 105 && rule.charCodeAt(0) === 64; // this is the ultrafast version, works across browsers\n        // the big drawback is that the css won't be editable in devtools\n\n        sheet.insertRule(rule, // we need to insert @import rules before anything else\n        // otherwise there will be an error\n        // technically this means that the @import rules will\n        // _usually_(not always since there could be multiple style tags)\n        // be the first ones in prod and generally later in dev\n        // this shouldn't really matter in the real world though\n        // @import is generally only used for font faces from google fonts and etc.\n        // so while this could be technically correct then it would be slower and larger\n        // for a tiny bit of correctness that won't matter in the real world\n        isImportRule ? 0 : sheet.cssRules.length);\n      } catch (e) {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn(\"There was a problem inserting the following rule: \\\"\" + rule + \"\\\"\", e);\n        }\n      }\n    } else {\n      tag.appendChild(document.createTextNode(rule));\n    }\n\n    this.ctr++;\n  };\n\n  _proto.flush = function flush() {\n    // $FlowFixMe\n    this.tags.forEach(function (tag) {\n      return tag.parentNode.removeChild(tag);\n    });\n    this.tags = [];\n    this.ctr = 0;\n  };\n\n  return StyleSheet;\n}();\n\nexport { StyleSheet };\n"],"names":["sheetForTag","tag","i","createStyleElement","options","StyleSheet","_proto","rule","_tag","before","sheet","isImportRule","e"],"mappings":"AAuBA,SAASA,EAAYC,GAAK;AACxB,MAAIA,EAAI;AAEN,WAAOA,EAAI;AAMb,WAASC,IAAI,GAAGA,IAAI,SAAS,YAAY,QAAQA;AAC/C,QAAI,SAAS,YAAYA,CAAC,EAAE,cAAcD;AAExC,aAAO,SAAS,YAAYC,CAAC;AAGnC;AAEA,SAASC,EAAmBC,GAAS;AACnC,MAAIH,IAAM,SAAS,cAAc,OAAO;AACxC,SAAAA,EAAI,aAAa,gBAAgBG,EAAQ,GAAG,GAExCA,EAAQ,UAAU,UACpBH,EAAI,aAAa,SAASG,EAAQ,KAAK,GAGzCH,EAAI,YAAY,SAAS,eAAe,EAAE,CAAC,GACpCA;AACT;AAEG,IAACI,IAEJ,2BAAY;AACV,WAASA,EAAWD,GAAS;AAC3B,SAAK,WAAWA,EAAQ,WAAW,SAAY,QAAQ,IAAI,aAAa,eAAeA,EAAQ,QAC/F,KAAK,OAAO,IACZ,KAAK,MAAM,GACX,KAAK,QAAQA,EAAQ,OAErB,KAAK,MAAMA,EAAQ,KACnB,KAAK,YAAYA,EAAQ,WACzB,KAAK,SAAS;AAAA,EACf;AAED,MAAIE,IAASD,EAAW;AAExB,SAAAC,EAAO,SAAS,SAAgBC,GAAM;AAIpC,QAAI,KAAK,OAAO,KAAK,WAAW,OAAQ,OAAO,GAAG;AAChD,UAAIC,IAAOL,EAAmB,IAAI,GAE9BM;AAEJ,MAAI,KAAK,KAAK,WAAW,IACvBA,IAAS,KAAK,SAEdA,IAAS,KAAK,KAAK,KAAK,KAAK,SAAS,CAAC,EAAE,aAG3C,KAAK,UAAU,aAAaD,GAAMC,CAAM,GACxC,KAAK,KAAK,KAAKD,CAAI;AAAA,IACpB;AAED,QAAIP,IAAM,KAAK,KAAK,KAAK,KAAK,SAAS,CAAC;AAExC,QAAI,KAAK,UAAU;AACjB,UAAIS,IAAQV,EAAYC,CAAG;AAE3B,UAAI;AAKF,YAAIU,IAAeJ,EAAK,WAAW,CAAC,MAAM,OAAOA,EAAK,WAAW,CAAC,MAAM;AAGxE,QAAAG,EAAM;AAAA,UAAWH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UASjBI,IAAe,IAAID,EAAM,SAAS;AAAA,QAAM;AAAA,MACzC,SAAQE,GAAG;AACV,QAAI,QAAQ,IAAI,aAAa,gBAC3B,QAAQ,KAAK,wDAAyDL,IAAO,KAAMK,CAAC;AAAA,MAEvF;AAAA,IACP;AACM,MAAAX,EAAI,YAAY,SAAS,eAAeM,CAAI,CAAC;AAG/C,SAAK;AAAA,EACT,GAEED,EAAO,QAAQ,WAAiB;AAE9B,SAAK,KAAK,QAAQ,SAAUL,GAAK;AAC/B,aAAOA,EAAI,WAAW,YAAYA,CAAG;AAAA,IAC3C,CAAK,GACD,KAAK,OAAO,IACZ,KAAK,MAAM;AAAA,EACf,GAESI;AACT,EAAC;","x_google_ignoreList":[0]}

package/lib/sd-component-library33.js

@@ -1,134 +1,92 @@
-import { j as t } from "./sd-component-library195.js";
-import { useMemo as j, useRef as w, useEffect as S } from "react";
-import { Label as g } from "@rebass/forms";
-import { Box as d } from "rebass";
-import { useDependantState as z } from "./sd-component-library3.js";
-import { FlexCenter as B } from "./sd-component-library37.js";
-function y(r, n) {
-  return (x) => {
-    const o = x.target.checked ? "checked" : "unchecked";
-    n == null || n(o), r(o);
+import { jsxs as f, jsx as c } from "./sd-component-library195.js";
+import { useMemo as S, useRef as g, useEffect as B } from "react";
+import { Label as z } from "./sd-component-library213.js";
+import "./sd-component-library198.js";
+import { useDependantState as y } from "./sd-component-library3.js";
+import { Box as p } from "./sd-component-library199.js";
+import { FlexCenter as _ } from "./sd-component-library37.js";
+function v(o, r) {
+  return (a) => {
+    const t = a.target.checked ? "checked" : "unchecked";
+    r == null || r(t), o(t);
   };
 }
-const R = "10px", s = "20px", h = "5px", f = ({ sx: r }) => /* @__PURE__ */ t.jsx(
-  d,
-  {
-    size: R,
-    sx: {
-      borderRadius: "2px",
-      ...r
-    }
-  }
-), $ = ({
-  children: r,
-  onChange: n,
-  value: x = "unchecked",
-  disabled: o = !1,
-  color: p = "cl_blue",
-  bg: c = "cl_transparent",
-  borderWidth: k = "2px",
-  m = "10px",
+const I = "10px", n = "20px", d = "5px", k = ({
+  sx: o
+}) => /* @__PURE__ */ c(p, { size: I, sx: {
+  borderRadius: "2px",
+  ...o
+} }), F = ({
+  children: o,
+  onChange: r,
+  value: a = "unchecked",
+  disabled: t = !1,
+  color: x = "cl_blue",
+  bg: i = "cl_transparent",
+  borderWidth: m = "2px",
+  m: b = "10px",
   isHoverCheckbox: u = !1
 }) => {
-  const [e, b] = z(x), a = j(
-    () => o ? "cl_grey" : p,
-    [p, o]
-  ), i = w(null);
-  S(() => {
-    i.current && (i.current.checked = e === "checked", i.current.indeterminate = e === "partial");
+  const [e, C] = y(a), h = S(() => t ? "cl_grey" : x, [x, t]), s = g(null);
+  B(() => {
+    s.current && (s.current.checked = e === "checked", s.current.indeterminate = e === "partial");
   }, [e]);
-  const l = u && e === "unchecked", C = l ? null : e !== "partial" ? /* @__PURE__ */ t.jsx(
-    f,
-    {
-      sx: {
-        bg: e === "checked" ? a : c
-      },
-      "data-test": "checkbox-inner-square"
-    }
-  ) : /* @__PURE__ */ t.jsx(
-    f,
-    {
-      sx: {
-        border: "5px solid",
-        borderColor: a,
-        borderLeftColor: c,
-        borderTopColor: c
-      },
-      "data-test": "checkbox-inner-triangle"
-    }
-  );
-  return /* @__PURE__ */ t.jsxs(g, { alignItems: "center", "data-test": "partial-checkbox", children: [
-    /* @__PURE__ */ t.jsxs(
-      B,
-      {
-        size: s,
-        sx: {
-          position: "relative",
-          m,
-          cursor: "pointer",
-          flexShrink: 0
-        },
-        children: [
-          /* @__PURE__ */ t.jsx(
-            d,
-            {
-              as: "input",
-              type: "checkbox",
-              sx: {
-                position: "absolute",
-                opacity: 0,
-                zIndex: -1,
-                width: 1,
-                height: 1,
-                overflow: "hidden"
-              },
-              onChange: y(b, n),
-              checked: e === "checked",
-              disabled: o,
-              ref: i
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            d,
-            {
-              sx: {
-                position: "absolute",
-                left: 0,
-                top: 0,
-                borderRadius: "3px",
-                bg: c,
-                width: l ? h : s,
-                height: s,
-                borderColor: a,
-                borderStyle: "solid",
-                borderWidth: k,
-                ...u ? {
-                  /* Extends the area where hovering works */
-                  ":before": {
-                    content: "''",
-                    position: "absolute",
-                    top: 0,
-                    bottom: 0,
-                    left: h,
-                    width: `calc(${s} - ${h})`
-                  },
-                  ":hover": {
-                    transition: "width 0.1s ease-in",
-                    width: s
-                  }
-                } : {}
-              },
-              "data-test": "checkbox-outer-square"
-            }
-          ),
-          C
-        ]
-      }
-    ),
-    r
+  const l = u && e === "unchecked", w = l ? null : e !== "partial" ? /* @__PURE__ */ c(k, { sx: {
+    bg: e === "checked" ? h : i
+  }, "data-test": "checkbox-inner-square" }) : /* @__PURE__ */ c(k, { sx: {
+    border: "5px solid",
+    borderColor: h,
+    borderLeftColor: i,
+    borderTopColor: i
+  }, "data-test": "checkbox-inner-triangle" });
+  return /* @__PURE__ */ f(z, { alignItems: "center", "data-test": "partial-checkbox", children: [
+    /* @__PURE__ */ f(_, { size: n, sx: {
+      position: "relative",
+      m: b,
+      cursor: "pointer",
+      flexShrink: 0
+    }, children: [
+      /* @__PURE__ */ c(p, { as: "input", type: "checkbox", sx: {
+        position: "absolute",
+        opacity: 0,
+        zIndex: -1,
+        width: 1,
+        height: 1,
+        overflow: "hidden"
+      }, onChange: v(C, r), checked: e === "checked", disabled: t, ref: s }),
+      /* @__PURE__ */ c(p, { sx: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        borderRadius: "3px",
+        bg: i,
+        width: l ? d : n,
+        height: n,
+        borderColor: h,
+        borderStyle: "solid",
+        borderWidth: m,
+        ...u ? {
+          /* Extends the area where hovering works */
+          ":before": {
+            content: "''",
+            position: "absolute",
+            top: 0,
+            bottom: 0,
+            left: d,
+            width: `calc(${n} - ${d})`
+          },
+          ":hover": {
+            transition: "width 0.1s ease-in",
+            width: n
+          }
+        } : {}
+      }, "data-test": "checkbox-outer-square" }),
+      w
+    ] }),
+    o
   ] });
 };
 export {
-  $ as PartialCheckbox
+  F as PartialCheckbox
 };
 //# sourceMappingURL=sd-component-library33.js.map

package/lib/sd-component-library33.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library33.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-test=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-test=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-test=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-test=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","jsx","Box","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","showHoverCheckbox","innerCheckBox","jsxs","Label","FlexCenter"],"mappings":"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"}
+{"version":3,"file":"sd-component-library33.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-test=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-test=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-test=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-test=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","target","checked","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","jsx","Box","borderRadius","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","m","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","current","indeterminate","showHoverCheckbox","innerCheckBox","border","borderColor","borderLeftColor","borderTopColor","jsxs","Label","FlexCenter","position","cursor","flexShrink","opacity","zIndex","width","height","overflow","left","top","borderStyle","content","bottom","transition"],"mappings":"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"}