@selfdecode/sd-component-library 4.0.73-vite14 → 4.0.73-vite16

package/lib/sd-component-library210.js

@@ -1,6 +1,372 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
+import r, { forwardRef as l } from "react";
+import { Flex as m, Box as c } from "./sd-component-library293.js";
+import { props as v } from "./sd-component-library294.js";
+function i() {
+  return i = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, i.apply(this, arguments);
+}
+function d(e, t) {
+  if (e == null)
+    return {};
+  var n = g(e, t), a, o;
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < s.length; o++)
+      a = s[o], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
+  }
+  return n;
+}
+function g(e, t) {
+  if (e == null)
+    return {};
+  var n = {}, a = Object.keys(e), o, s;
+  for (s = 0; s < a.length; s++)
+    o = a[s], !(t.indexOf(o) >= 0) && (n[o] = e[o]);
+  return n;
+}
+function x(e) {
+  return k(e) || E(e) || y();
+}
+function y() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+function E(e) {
+  if (Symbol.iterator in Object(e) || Object.prototype.toString.call(e) === "[object Arguments]")
+    return Array.from(e);
+}
+function k(e) {
+  if (Array.isArray(e)) {
+    for (var t = 0, n = new Array(e.length); t < e.length; t++)
+      n[t] = e[t];
+    return n;
+  }
+}
+var w = [].concat(x(v), ["sx", "variant"]), _ = new RegExp("^(".concat(w.join("|"), ")$")), f = /^m[trblxy]?$/, h = function(t) {
+  return function(n) {
+    var a = {};
+    for (var o in n)
+      t(o || "") && (a[o] = n[o]);
+    return a;
+  };
+}, b = h(function(e) {
+  return _.test(e);
+}), R = h(function(e) {
+  return f.test(e);
+}), z = h(function(e) {
+  return !f.test(e);
+}), p = function(t) {
+  t.size;
+  var n = d(t, ["size"]);
+  return r.createElement(c, i({
+    as: "svg",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "currentcolor"
+  }, n));
+}, F = l(function(e, t) {
+  return r.createElement(m, i({
+    ref: t,
+    as: "label",
+    tx: "forms",
+    variant: "label"
+  }, e, {
+    __css: {
+      width: "100%"
+    }
+  }));
+}), V = l(function(e, t) {
+  return r.createElement(c, i({
+    ref: t,
+    as: "input",
+    type: "text",
+    tx: "forms",
+    variant: "input"
+  }, e, {
+    __css: {
+      display: "block",
+      width: "100%",
+      p: 2,
+      appearance: "none",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      border: "1px solid",
+      borderRadius: "default",
+      color: "inherit",
+      bg: "transparent"
+    }
+  }));
+}), C = function(t) {
+  return r.createElement(p, t, r.createElement("path", {
+    d: "M7 10l5 5 5-5z"
+  }));
+}, L = l(function(e, t) {
+  return r.createElement(m, R(e), r.createElement(c, i({
+    ref: t,
+    as: "select",
+    tx: "forms",
+    variant: "select"
+  }, z(e), {
+    __css: {
+      display: "block",
+      width: "100%",
+      p: 2,
+      appearance: "none",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      border: "1px solid",
+      borderRadius: "default",
+      color: "inherit",
+      bg: "transparent"
+    }
+  })), r.createElement(C, {
+    sx: {
+      ml: -28,
+      alignSelf: "center",
+      pointerEvents: "none"
+    }
+  }));
+});
+l(function(e, t) {
+  return r.createElement(c, i({
+    ref: t,
+    as: "textarea",
+    tx: "forms",
+    variant: "textarea"
+  }, e, {
+    __css: {
+      display: "block",
+      width: "100%",
+      p: 2,
+      appearance: "none",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      border: "1px solid",
+      borderRadius: "default",
+      color: "inherit",
+      bg: "transparent"
+    }
+  }));
+});
+var S = function(t) {
+  return r.createElement(p, t, r.createElement("path", {
+    d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }));
+}, O = function(t) {
+  return r.createElement(p, t, r.createElement("path", {
+    d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }));
+}, P = function(t) {
+  return r.createElement(r.Fragment, null, r.createElement(S, i({}, t, {
+    __css: {
+      display: "none",
+      "input:checked ~ &": {
+        display: "block"
+      }
+    }
+  })), r.createElement(O, i({}, t, {
+    __css: {
+      display: "block",
+      "input:checked ~ &": {
+        display: "none"
+      }
+    }
+  })));
+};
+l(function(e, t) {
+  var n = e.className, a = e.sx, o = e.variant, s = o === void 0 ? "radio" : o, u = d(e, ["className", "sx", "variant"]);
+  return r.createElement(c, null, r.createElement(c, i({
+    ref: t,
+    as: "input",
+    type: "radio"
+  }, u, {
+    sx: {
+      position: "absolute",
+      opacity: 0,
+      zIndex: -1,
+      width: 1,
+      height: 1,
+      overflow: "hidden"
+    }
+  })), r.createElement(c, i({
+    as: P,
+    "aria-hidden": "true",
+    tx: "forms",
+    variant: s,
+    className: n,
+    sx: a
+  }, b(u), {
+    __css: {
+      mr: 2,
+      borderRadius: 9999,
+      color: "gray",
+      "input:checked ~ &": {
+        color: "primary"
+      },
+      "input:focus ~ &": {
+        bg: "highlight"
+      }
+    }
+  })));
+});
+var j = function(t) {
+  return r.createElement(p, t, r.createElement("path", {
+    d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+  }));
+}, I = function(t) {
+  return r.createElement(p, t, r.createElement("path", {
+    d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+  }));
+}, A = function(t) {
+  return r.createElement(r.Fragment, null, r.createElement(j, i({}, t, {
+    __css: {
+      display: "none",
+      "input:checked ~ &": {
+        display: "block"
+      }
+    }
+  })), r.createElement(I, i({}, t, {
+    __css: {
+      display: "block",
+      "input:checked ~ &": {
+        display: "none"
+      }
+    }
+  })));
+};
+l(function(e, t) {
+  var n = e.className, a = e.sx, o = e.variant, s = o === void 0 ? "checkbox" : o, u = d(e, ["className", "sx", "variant"]);
+  return r.createElement(c, null, r.createElement(c, i({
+    ref: t,
+    as: "input",
+    type: "checkbox"
+  }, u, {
+    sx: {
+      position: "absolute",
+      opacity: 0,
+      zIndex: -1,
+      width: 1,
+      height: 1,
+      overflow: "hidden"
+    }
+  })), r.createElement(c, i({
+    as: A,
+    "aria-hidden": "true",
+    tx: "forms",
+    variant: s,
+    className: n,
+    sx: a
+  }, b(u), {
+    __css: {
+      mr: 2,
+      borderRadius: 4,
+      color: "gray",
+      "input:checked ~ &": {
+        color: "primary"
+      },
+      "input:focus ~ &": {
+        color: "primary",
+        bg: "highlight"
+      }
+    }
+  })));
+});
+l(function(e, t) {
+  var n = i({}, e);
+  return r.createElement(c, i({
+    ref: t,
+    as: "input",
+    type: "range",
+    tx: "forms",
+    variant: "slider"
+  }, n, {
+    __css: {
+      display: "block",
+      width: "100%",
+      height: 4,
+      my: 2,
+      cursor: "pointer",
+      appearance: "none",
+      borderRadius: 9999,
+      color: "inherit",
+      bg: "gray",
+      ":focus": {
+        outline: "none",
+        color: "primary"
+      },
+      "&::-webkit-slider-thumb": {
+        appearance: "none",
+        width: 16,
+        height: 16,
+        bg: "currentcolor",
+        border: 0,
+        borderRadius: 9999,
+        variant: "forms.slider.thumb"
+      }
+    }
+  }));
+});
+l(function(e, t) {
+  var n = e.checked, a = d(e, ["checked"]);
+  return r.createElement(c, i({
+    ref: t,
+    as: "button",
+    type: "button",
+    role: "switch",
+    tx: "forms",
+    variant: "switch",
+    "aria-checked": n
+  }, a, {
+    __css: {
+      appearance: "none",
+      m: 0,
+      p: 0,
+      width: 40,
+      height: 24,
+      color: "primary",
+      bg: "transparent",
+      border: "1px solid",
+      borderColor: "primary",
+      borderRadius: 9999,
+      "&[aria-checked=true]": {
+        bg: "primary"
+      },
+      ":focus": {
+        outline: "none",
+        boxShadow: "0 0 0 2px"
+      }
+    }
+  }), r.createElement(c, {
+    "aria-hidden": !0,
+    style: {
+      transform: n ? "translateX(16px)" : "translateX(0)"
+    },
+    sx: {
+      mt: "-1px",
+      ml: "-1px",
+      width: 24,
+      height: 24,
+      borderRadius: 9999,
+      border: "1px solid",
+      borderColor: "primary",
+      bg: "background",
+      transitionProperty: "transform",
+      transitionTimingFunction: "ease-out",
+      transitionDuration: "0.1s",
+      variant: "forms.switch.thumb"
+    }
+  }));
+});
 export {
-  e as ReactComponent
+  V as Input,
+  F as Label,
+  L as Select
 };
 //# sourceMappingURL=sd-component-library210.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library210.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library210.js","sources":["../node_modules/@rebass/forms/dist/index.esm.js"],"sourcesContent":["function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nimport React, { forwardRef } from 'react';\nimport { Box, Flex } from 'reflexbox';\nimport { props as systemProps } from '@styled-system/should-forward-prop';\nvar rebassProps = [].concat(_toConsumableArray(systemProps), ['sx', 'variant']);\nvar PRE = new RegExp(\"^(\".concat(rebassProps.join('|'), \")$\"));\nvar MRE = /^m[trblxy]?$/;\n\nvar getProps = function getProps(test) {\n  return function (props) {\n    var next = {};\n\n    for (var key in props) {\n      if (test(key || '')) next[key] = props[key];\n    }\n\n    return next;\n  };\n};\n\nvar getSystemProps = getProps(function (k) {\n  return PRE.test(k);\n});\nvar getMarginProps = getProps(function (k) {\n  return MRE.test(k);\n});\nvar omitMarginProps = getProps(function (k) {\n  return !MRE.test(k);\n});\n\nvar SVG = function SVG(_ref) {\n  var _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 24 : _ref$size,\n      props = _objectWithoutProperties(_ref, [\"size\"]);\n\n  return React.createElement(Box, _extends({\n    as: \"svg\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"currentcolor\"\n  }, props));\n};\n\nexport var Label = forwardRef(function (props, ref) {\n  return React.createElement(Flex, _extends({\n    ref: ref,\n    as: \"label\",\n    tx: \"forms\",\n    variant: \"label\"\n  }, props, {\n    __css: {\n      width: '100%'\n    }\n  }));\n});\nexport var Input = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"text\",\n    tx: \"forms\",\n    variant: \"input\"\n  }, props, {\n    __css: {\n      display: 'block',\n      width: '100%',\n      p: 2,\n      appearance: 'none',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      border: '1px solid',\n      borderRadius: 'default',\n      color: 'inherit',\n      bg: 'transparent'\n    }\n  }));\n});\n\nvar DownArrow = function DownArrow(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M7 10l5 5 5-5z\"\n  }));\n};\n\nexport var Select = forwardRef(function (props, ref) {\n  return React.createElement(Flex, getMarginProps(props), React.createElement(Box, _extends({\n    ref: ref,\n    as: \"select\",\n    tx: \"forms\",\n    variant: \"select\"\n  }, omitMarginProps(props), {\n    __css: {\n      display: 'block',\n      width: '100%',\n      p: 2,\n      appearance: 'none',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      border: '1px solid',\n      borderRadius: 'default',\n      color: 'inherit',\n      bg: 'transparent'\n    }\n  })), React.createElement(DownArrow, {\n    sx: {\n      ml: -28,\n      alignSelf: 'center',\n      pointerEvents: 'none'\n    }\n  }));\n});\nexport var Textarea = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"textarea\",\n    tx: \"forms\",\n    variant: \"textarea\"\n  }, props, {\n    __css: {\n      display: 'block',\n      width: '100%',\n      p: 2,\n      appearance: 'none',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      border: '1px solid',\n      borderRadius: 'default',\n      color: 'inherit',\n      bg: 'transparent'\n    }\n  }));\n});\n\nvar RadioChecked = function RadioChecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n  }));\n};\n\nvar RadioUnchecked = function RadioUnchecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n  }));\n};\n\nvar RadioIcon = function RadioIcon(props) {\n  return React.createElement(React.Fragment, null, React.createElement(RadioChecked, _extends({}, props, {\n    __css: {\n      display: 'none',\n      'input:checked ~ &': {\n        display: 'block'\n      }\n    }\n  })), React.createElement(RadioUnchecked, _extends({}, props, {\n    __css: {\n      display: 'block',\n      'input:checked ~ &': {\n        display: 'none'\n      }\n    }\n  })));\n};\n\nexport var Radio = forwardRef(function (_ref2, ref) {\n  var className = _ref2.className,\n      sx = _ref2.sx,\n      _ref2$variant = _ref2.variant,\n      variant = _ref2$variant === void 0 ? 'radio' : _ref2$variant,\n      props = _objectWithoutProperties(_ref2, [\"className\", \"sx\", \"variant\"]);\n\n  return React.createElement(Box, null, React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"radio\"\n  }, props, {\n    sx: {\n      position: 'absolute',\n      opacity: 0,\n      zIndex: -1,\n      width: 1,\n      height: 1,\n      overflow: 'hidden'\n    }\n  })), React.createElement(Box, _extends({\n    as: RadioIcon,\n    \"aria-hidden\": \"true\",\n    tx: \"forms\",\n    variant: variant,\n    className: className,\n    sx: sx\n  }, getSystemProps(props), {\n    __css: {\n      mr: 2,\n      borderRadius: 9999,\n      color: 'gray',\n      'input:checked ~ &': {\n        color: 'primary'\n      },\n      'input:focus ~ &': {\n        bg: 'highlight'\n      }\n    }\n  })));\n});\n\nvar CheckboxChecked = function CheckboxChecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n  }));\n};\n\nvar CheckboxUnchecked = function CheckboxUnchecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\n  }));\n};\n\nvar CheckboxIcon = function CheckboxIcon(props) {\n  return React.createElement(React.Fragment, null, React.createElement(CheckboxChecked, _extends({}, props, {\n    __css: {\n      display: 'none',\n      'input:checked ~ &': {\n        display: 'block'\n      }\n    }\n  })), React.createElement(CheckboxUnchecked, _extends({}, props, {\n    __css: {\n      display: 'block',\n      'input:checked ~ &': {\n        display: 'none'\n      }\n    }\n  })));\n};\n\nexport var Checkbox = forwardRef(function (_ref3, ref) {\n  var className = _ref3.className,\n      sx = _ref3.sx,\n      _ref3$variant = _ref3.variant,\n      variant = _ref3$variant === void 0 ? 'checkbox' : _ref3$variant,\n      props = _objectWithoutProperties(_ref3, [\"className\", \"sx\", \"variant\"]);\n\n  return React.createElement(Box, null, React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"checkbox\"\n  }, props, {\n    sx: {\n      position: 'absolute',\n      opacity: 0,\n      zIndex: -1,\n      width: 1,\n      height: 1,\n      overflow: 'hidden'\n    }\n  })), React.createElement(Box, _extends({\n    as: CheckboxIcon,\n    \"aria-hidden\": \"true\",\n    tx: \"forms\",\n    variant: variant,\n    className: className,\n    sx: sx\n  }, getSystemProps(props), {\n    __css: {\n      mr: 2,\n      borderRadius: 4,\n      color: 'gray',\n      'input:checked ~ &': {\n        color: 'primary'\n      },\n      'input:focus ~ &': {\n        color: 'primary',\n        bg: 'highlight'\n      }\n    }\n  })));\n});\nexport var Slider = forwardRef(function (_ref4, ref) {\n  var props = _extends({}, _ref4);\n\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"range\",\n    tx: \"forms\",\n    variant: \"slider\"\n  }, props, {\n    __css: {\n      display: 'block',\n      width: '100%',\n      height: 4,\n      my: 2,\n      cursor: 'pointer',\n      appearance: 'none',\n      borderRadius: 9999,\n      color: 'inherit',\n      bg: 'gray',\n      ':focus': {\n        outline: 'none',\n        color: 'primary'\n      },\n      '&::-webkit-slider-thumb': {\n        appearance: 'none',\n        width: 16,\n        height: 16,\n        bg: 'currentcolor',\n        border: 0,\n        borderRadius: 9999,\n        variant: 'forms.slider.thumb'\n      }\n    }\n  }));\n});\nexport var Switch = forwardRef(function (_ref5, ref) {\n  var checked = _ref5.checked,\n      props = _objectWithoutProperties(_ref5, [\"checked\"]);\n\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"button\",\n    type: \"button\",\n    role: \"switch\",\n    tx: \"forms\",\n    variant: \"switch\",\n    \"aria-checked\": checked\n  }, props, {\n    __css: {\n      appearance: 'none',\n      m: 0,\n      p: 0,\n      width: 40,\n      height: 24,\n      color: 'primary',\n      bg: 'transparent',\n      border: '1px solid',\n      borderColor: 'primary',\n      borderRadius: 9999,\n      '&[aria-checked=true]': {\n        bg: 'primary'\n      },\n      ':focus': {\n        outline: 'none',\n        boxShadow: '0 0 0 2px'\n      }\n    }\n  }), React.createElement(Box, {\n    \"aria-hidden\": true,\n    style: {\n      transform: checked ? 'translateX(16px)' : 'translateX(0)'\n    },\n    sx: {\n      mt: '-1px',\n      ml: '-1px',\n      width: 24,\n      height: 24,\n      borderRadius: 9999,\n      border: '1px solid',\n      borderColor: 'primary',\n      bg: 'background',\n      transitionProperty: 'transform',\n      transitionTimingFunction: 'ease-out',\n      transitionDuration: '0.1s',\n      variant: 'forms.switch.thumb'\n    }\n  }));\n});\n"],"names":["_extends","target","i","source","key","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","sourceKeys","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","iter","arr2","rebassProps","systemProps","PRE","MRE","getProps","test","props","next","getSystemProps","k","getMarginProps","omitMarginProps","SVG","_ref","React","Box","Label","forwardRef","ref","Flex","Input","DownArrow","Select","RadioChecked","RadioUnchecked","RadioIcon","_ref2","className","sx","_ref2$variant","variant","CheckboxChecked","CheckboxUnchecked","CheckboxIcon","_ref3","_ref3$variant","_ref4","_ref5","checked"],"mappings":";;;AAAA,SAASA,IAAW;AAAE,SAAAA,IAAW,OAAO,UAAU,SAAUC,GAAQ;AAAE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAAE,UAAIC,IAAS,UAAUD,CAAC;AAAG,eAASE,KAAOD;AAAU,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAQC,CAAG,MAAKH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAA,IAAQ;AAAC,WAAOH;AAAA,KAAkBD,EAAS,MAAM,MAAM,SAAS;AAAI;AAE7T,SAASK,EAAyBF,GAAQG,GAAU;AAAE,MAAIH,KAAU;AAAM,WAAO;AAAI,MAAIF,IAASM,EAA8BJ,GAAQG,CAAQ,GAAOF,GAAKF;AAAG,MAAI,OAAO,uBAAuB;AAAE,QAAIM,IAAmB,OAAO,sBAAsBL,CAAM;AAAG,SAAKD,IAAI,GAAGA,IAAIM,EAAiB,QAAQN;AAAkC,MAA3BE,IAAMI,EAAiBN,CAAC,GAAO,EAAAI,EAAS,QAAQF,CAAG,KAAK,MAAkB,OAAO,UAAU,qBAAqB,KAAKD,GAAQC,CAAG,MAAaH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAA,EAAI;AAAG,SAAOH;AAAS;AAE5e,SAASM,EAA8BJ,GAAQG,GAAU;AAAE,MAAIH,KAAU;AAAM,WAAO,CAAE;AAAE,MAAIF,IAAS,CAAE,GAAMQ,IAAa,OAAO,KAAKN,CAAM,GAAOC,GAAKF;AAAG,OAAKA,IAAI,GAAGA,IAAIO,EAAW,QAAQP;AAA4B,IAArBE,IAAMK,EAAWP,CAAC,GAAO,EAAAI,EAAS,QAAQF,CAAG,KAAK,OAAaH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAK,SAAOH;AAAS;AAEnT,SAASS,EAAmBC,GAAK;AAAE,SAAOC,EAAmBD,CAAG,KAAKE,EAAiBF,CAAG,KAAKG,EAAkB;AAAK;AAErH,SAASA,IAAqB;AAAE,QAAM,IAAI,UAAU,iDAAiD;AAAI;AAEzG,SAASD,EAAiBE,GAAM;AAAE,MAAI,OAAO,YAAY,OAAOA,CAAI,KAAK,OAAO,UAAU,SAAS,KAAKA,CAAI,MAAM;AAAsB,WAAO,MAAM,KAAKA,CAAI;AAAI;AAElK,SAASH,EAAmBD,GAAK;AAAE,MAAI,MAAM,QAAQA,CAAG,GAAG;AAAE,aAAST,IAAI,GAAGc,IAAO,IAAI,MAAML,EAAI,MAAM,GAAGT,IAAIS,EAAI,QAAQT;AAAO,MAAAc,EAAKd,CAAC,IAAIS,EAAIT,CAAC;AAAK,WAAOc;AAAA,EAAK;AAAI;AAKtK,IAAIC,IAAc,CAAA,EAAG,OAAOP,EAAmBQ,CAAW,GAAG,CAAC,MAAM,SAAS,CAAC,GAC1EC,IAAM,IAAI,OAAO,KAAK,OAAOF,EAAY,KAAK,GAAG,GAAG,IAAI,CAAC,GACzDG,IAAM,gBAENC,IAAW,SAAkBC,GAAM;AACrC,SAAO,SAAUC,GAAO;AACtB,QAAIC,IAAO,CAAA;AAEX,aAASpB,KAAOmB;AACd,MAAID,EAAKlB,KAAO,EAAE,MAAGoB,EAAKpB,CAAG,IAAImB,EAAMnB,CAAG;AAG5C,WAAOoB;AAAA,EACX;AACA,GAEIC,IAAiBJ,EAAS,SAAUK,GAAG;AACzC,SAAOP,EAAI,KAAKO,CAAC;AACnB,CAAC,GACGC,IAAiBN,EAAS,SAAUK,GAAG;AACzC,SAAON,EAAI,KAAKM,CAAC;AACnB,CAAC,GACGE,IAAkBP,EAAS,SAAUK,GAAG;AAC1C,SAAO,CAACN,EAAI,KAAKM,CAAC;AACpB,CAAC,GAEGG,IAAM,SAAaC,GAAM;AACX,EAAAA,EAAK;AAEjB,MAAAP,IAAQlB,EAAyByB,GAAM,CAAC,MAAM,CAAC;AAEnD,SAAOC,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACvC,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,EACV,GAAKuB,CAAK,CAAC;AACX,GAEWU,IAAQC,EAAW,SAAUX,GAAOY,GAAK;AAClD,SAAOJ,EAAM,cAAcK,GAAMpC,EAAS;AAAA,IACxC,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAEZ,GAAO;AAAA,IACR,OAAO;AAAA,MACL,OAAO;AAAA,IACR;AAAA,EACF,CAAA,CAAC;AACJ,CAAC,GACUc,IAAQH,EAAW,SAAUX,GAAOY,GAAK;AAClD,SAAOJ,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACvC,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAEZ,GAAO;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,OAAO;AAAA,MACP,IAAI;AAAA,IACL;AAAA,EACF,CAAA,CAAC;AACJ,CAAC,GAEGe,IAAY,SAAmBf,GAAO;AACxC,SAAOQ,EAAM,cAAcF,GAAKN,GAAOQ,EAAM,cAAc,QAAQ;AAAA,IACjE,GAAG;AAAA,EACJ,CAAA,CAAC;AACJ,GAEWQ,IAASL,EAAW,SAAUX,GAAOY,GAAK;AACnD,SAAOJ,EAAM,cAAcK,GAAMT,EAAeJ,CAAK,GAAGQ,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACxF,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACb,GAAKP,EAAgBL,CAAK,GAAG;AAAA,IACzB,OAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,OAAO;AAAA,MACP,IAAI;AAAA,IACL;AAAA,EACF,CAAA,CAAC,GAAGQ,EAAM,cAAcO,GAAW;AAAA,IAClC,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,eAAe;AAAA,IAChB;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACqBJ,EAAW,SAAUX,GAAOY,GAAK;AACrD,SAAOJ,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACvC,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAEZ,GAAO;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,OAAO;AAAA,MACP,IAAI;AAAA,IACL;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AAED,IAAIiB,IAAe,SAAsBjB,GAAO;AAC9C,SAAOQ,EAAM,cAAcF,GAAKN,GAAOQ,EAAM,cAAc,QAAQ;AAAA,IACjE,GAAG;AAAA,EACJ,CAAA,CAAC;AACJ,GAEIU,IAAiB,SAAwBlB,GAAO;AAClD,SAAOQ,EAAM,cAAcF,GAAKN,GAAOQ,EAAM,cAAc,QAAQ;AAAA,IACjE,GAAG;AAAA,EACJ,CAAA,CAAC;AACJ,GAEIW,IAAY,SAAmBnB,GAAO;AACxC,SAAOQ,EAAM,cAAcA,EAAM,UAAU,MAAMA,EAAM,cAAcS,GAAcxC,EAAS,CAAA,GAAIuB,GAAO;AAAA,IACrG,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,QACnB,SAAS;AAAA,MACV;AAAA,IACF;AAAA,EACL,CAAG,CAAC,GAAGQ,EAAM,cAAcU,GAAgBzC,EAAS,CAAE,GAAEuB,GAAO;AAAA,IAC3D,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,QACnB,SAAS;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAA,CAAC,CAAC;AACL;AAEmBW,EAAW,SAAUS,GAAOR,GAAK;AAClD,MAAIS,IAAYD,EAAM,WAClBE,IAAKF,EAAM,IACXG,IAAgBH,EAAM,SACtBI,IAAUD,MAAkB,SAAS,UAAUA,GAC/CvB,IAAQlB,EAAyBsC,GAAO,CAAC,aAAa,MAAM,SAAS,CAAC;AAE1E,SAAOZ,EAAM,cAAcC,GAAK,MAAMD,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACtE,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,EACP,GAAEZ,GAAO;AAAA,IACR,IAAI;AAAA,MACF,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,IACX;AAAA,EACF,CAAA,CAAC,GAAGQ,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACrC,IAAI0C;AAAA,IACJ,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,SAASK;AAAA,IACT,WAAWH;AAAA,IACX,IAAIC;AAAA,EACR,GAAKpB,EAAeF,CAAK,GAAG;AAAA,IACxB,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,OAAO;AAAA,MACP,qBAAqB;AAAA,QACnB,OAAO;AAAA,MACR;AAAA,MACD,mBAAmB;AAAA,QACjB,IAAI;AAAA,MACL;AAAA,IACF;AAAA,EACF,CAAA,CAAC,CAAC;AACL,CAAC;AAED,IAAIyB,IAAkB,SAAyBzB,GAAO;AACpD,SAAOQ,EAAM,cAAcF,GAAKN,GAAOQ,EAAM,cAAc,QAAQ;AAAA,IACjE,GAAG;AAAA,EACJ,CAAA,CAAC;AACJ,GAEIkB,IAAoB,SAA2B1B,GAAO;AACxD,SAAOQ,EAAM,cAAcF,GAAKN,GAAOQ,EAAM,cAAc,QAAQ;AAAA,IACjE,GAAG;AAAA,EACJ,CAAA,CAAC;AACJ,GAEImB,IAAe,SAAsB3B,GAAO;AAC9C,SAAOQ,EAAM,cAAcA,EAAM,UAAU,MAAMA,EAAM,cAAciB,GAAiBhD,EAAS,CAAA,GAAIuB,GAAO;AAAA,IACxG,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,QACnB,SAAS;AAAA,MACV;AAAA,IACF;AAAA,EACL,CAAG,CAAC,GAAGQ,EAAM,cAAckB,GAAmBjD,EAAS,CAAE,GAAEuB,GAAO;AAAA,IAC9D,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,QACnB,SAAS;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAA,CAAC,CAAC;AACL;AAEsBW,EAAW,SAAUiB,GAAOhB,GAAK;AACrD,MAAIS,IAAYO,EAAM,WAClBN,IAAKM,EAAM,IACXC,IAAgBD,EAAM,SACtBJ,IAAUK,MAAkB,SAAS,aAAaA,GAClD7B,IAAQlB,EAAyB8C,GAAO,CAAC,aAAa,MAAM,SAAS,CAAC;AAE1E,SAAOpB,EAAM,cAAcC,GAAK,MAAMD,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACtE,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,EACP,GAAEZ,GAAO;AAAA,IACR,IAAI;AAAA,MACF,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,IACX;AAAA,EACF,CAAA,CAAC,GAAGQ,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACrC,IAAIkD;AAAA,IACJ,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,SAASH;AAAA,IACT,WAAWH;AAAA,IACX,IAAIC;AAAA,EACR,GAAKpB,EAAeF,CAAK,GAAG;AAAA,IACxB,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,OAAO;AAAA,MACP,qBAAqB;AAAA,QACnB,OAAO;AAAA,MACR;AAAA,MACD,mBAAmB;AAAA,QACjB,OAAO;AAAA,QACP,IAAI;AAAA,MACL;AAAA,IACF;AAAA,EACF,CAAA,CAAC,CAAC;AACL,CAAC;AACmBW,EAAW,SAAUmB,GAAOlB,GAAK;AACnD,MAAIZ,IAAQvB,EAAS,CAAE,GAAEqD,CAAK;AAE9B,SAAOtB,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACvC,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAEZ,GAAO;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,UAAU;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,MACR;AAAA,MACD,2BAA2B;AAAA,QACzB,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,SAAS;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACmBW,EAAW,SAAUoB,GAAOnB,GAAK;AACnD,MAAIoB,IAAUD,EAAM,SAChB/B,IAAQlB,EAAyBiD,GAAO,CAAC,SAAS,CAAC;AAEvD,SAAOvB,EAAM,cAAcC,GAAKhC,EAAS;AAAA,IACvC,KAAKmC;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,gBAAgBoB;AAAA,EACjB,GAAEhC,GAAO;AAAA,IACR,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,wBAAwB;AAAA,QACtB,IAAI;AAAA,MACL;AAAA,MACD,UAAU;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MACZ;AAAA,IACF;AAAA,EACL,CAAG,GAAGQ,EAAM,cAAcC,GAAK;AAAA,IAC3B,eAAe;AAAA,IACf,OAAO;AAAA,MACL,WAAWuB,IAAU,qBAAqB;AAAA,IAC3C;AAAA,IACD,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,IAAI;AAAA,MACJ,oBAAoB;AAAA,MACpB,0BAA0B;AAAA,MAC1B,oBAAoB;AAAA,MACpB,SAAS;AAAA,IACV;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;","x_google_ignoreList":[0]}

package/lib/sd-component-library211.js

@@ -1,38 +1,51 @@
-import { j as t } from "./sd-component-library195.js";
-import { Crumb as c } from "./sd-component-library19.js";
-const l = (s, h, p) => s.map(({
-  title: e,
-  dontTranslate: r,
-  onClick: u
-}, o) => /* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-  title: e,
-  dontTranslate: r
-}, isLast: o === s.length - 1, textTransform: p, onClick: u }, e + o)), a = (s, h, p) => {
-  const e = [];
-  return s.slice(0, 2).forEach(({
-    title: r,
-    dontTranslate: u,
-    onClick: o
-  }, m) => {
-    e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-      title: r,
-      dontTranslate: u
-    }, isLast: !1, textTransform: p, onClick: o }, r + m));
-  }), e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-    title: "..."
-  }, isLast: !1, textTransform: p }, "...")), s.slice(s.length - 2, s.length).forEach(({
-    title: r,
-    onClick: u,
-    dontTranslate: o
-  }, m) => {
-    e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-      title: r,
-      dontTranslate: o
-    }, isLast: m === 1, textTransform: p, onClick: u }, r + m));
-  }), e;
+import { j as r } from "./sd-component-library195.js";
+import "./sd-component-library197.js";
+import { useHover as k } from "./sd-component-library3.js";
+import { isTouchScreen as S } from "./sd-component-library4.js";
+import { FlexItemsCenter as j, FlexCenter as v } from "./sd-component-library37.js";
+import { Box as n } from "./sd-component-library198.js";
+const z = "10px", e = "20px", B = "5px", F = ({
+  disabled: o,
+  containerSx: x,
+  showHoverCheckbox: c,
+  bg: s,
+  showBGColorWhenIdle: l,
+  disabledColor: p = "cl_grey",
+  color: d = "cl_blue",
+  children: h,
+  showInnerBox: m,
+  onClick: a,
+  borderWidth: u = "2px",
+  innerBoxSx: C
+}) => {
+  const {
+    isHover: b,
+    hoverCallbacks: f
+  } = k(), i = b || !c || S(), t = o ? p : d;
+  return /* @__PURE__ */ r.jsxs(j, { onClick: o ? void 0 : a, sx: {
+    cursor: o ? "default" : "pointer",
+    gap: "10px",
+    ...x
+  }, ...f, children: [
+    /* @__PURE__ */ r.jsx(n, { size: e, sx: {
+      flexShrink: 0
+    }, children: /* @__PURE__ */ r.jsx(v, { width: i ? e : B, height: e, bg: l && i ? "" : s, sx: {
+      flexShrink: 0,
+      borderRadius: "3px",
+      borderWidth: u,
+      borderColor: t,
+      borderStyle: "solid",
+      transition: "width 0.1s ease-in"
+    }, children: m && /* @__PURE__ */ r.jsx(n, { sx: {
+      border: `calc(${z} / 2) solid`,
+      borderColor: t,
+      borderRadius: "2px",
+      ...C
+    } }) }) }),
+    h
+  ] });
 };
 export {
-  a as renderMoreThanFiveCrumbs,
-  l as renderUpToFiveCrumbs
+  F as CheckboxV2Container
 };
 //# sourceMappingURL=sd-component-library211.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library211.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","map","title","dontTranslate","onClick","index","jsx","Crumb","length","renderMoreThanFiveCrumbs","elements","slice","forEach","push"],"mappings":";;AAIO,MAAMA,IAAuBA,CAClCC,GACAC,GACAC,MAEOF,EAAOG,IAAI,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,eAAAA;AAAAA,EAAeC,SAAAA;AAAWC,GAAAA,MACnDC,gBAAAA,EAAA,IAAAC,GAAA,EACC,SAAAR,GACA,OAAO;AAAA,EAAEG,OAAAA;AAAAA,EAAOC,eAAAA;AAAc,GAC9B,QAAQE,MAAUP,EAAOU,SAAS,GAElC,eAAAR,GACA,SAAAI,EAAA,GAFKF,IAAQG,EAIhB,GAGUI,IAA2BA,CACtCX,GACAC,GACAC,MACG;AACH,QAAMU,IAA0B,CAAA;AAEhCZ,SAAAA,EACGa,MAAM,GAAG,CAAC,EACVC,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,KAAWC,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQ,IAER,eAAAH,GACA,SAAAI,EAFKF,GAAAA,IAAQG,CAEI,CAErB;AAAA,EAAA,CACD,GACHK,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,IAAEG,OAAO;AAAA,EAChB,GAAA,QAAQ,IACR,eAAAF,EAAA,GACI,MAER,GAGGW,EAAAA,MAAMb,EAAOU,SAAS,GAAGV,EAAOU,MAAM,EACtCI,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOE,SAAAA;AAAAA,IAASD,eAAAA;AAAAA,KAAiBE,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQE,MAAU,GAElB,eAAAL,GACA,SAAAI,KAFKF,IAAQG,EAIjB;AAAA,EAAA,CACD,GACIK;AACT;"}
+{"version":3,"file":"sd-component-library211.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius: \"3px\",\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","FlexItemsCenter","undefined","cursor","gap","jsx","Box","flexShrink","FlexCenter","borderRadius","borderColor","borderStyle","transition","border"],"mappings":";;;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuCA,CAAC;AAAA,EACnDC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAEhD,gCACGY,GACC,EAAA,SAASlB,IAAWmB,SAAYV,GAChC,IAAI;AAAA,IACFW,QAAQpB,IAAW,YAAY;AAAA,IAC/BqB,KAAK;AAAA,IACL,GAAGpB;AAAAA,EAAAA,GAEDY,GAAAA,GAEJ,UAAA;AAAA,IAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,MAAM1B,GAAc,IAAI;AAAA,MAAE2B,YAAY;AAAA,IAAA,GACzC,UAAAF,gBAAAA,EAAAA,IAACG,GACC,EAAA,OAAOV,IAAqBlB,IAAeC,GAC3C,QAAQD,GACR,IAAIO,KAAuBW,IAAqB,KAAWZ,GAC3D,IAAI;AAAA,MACFqB,YAAY;AAAA,MACZE,cAAc;AAAA,MACdhB,aAAAA;AAAAA,MACAiB,aAAaV;AAAAA,MACbW,aAAa;AAAA,MACbC,YAAY;AAAA,IAGbrB,GAAAA,UAAAA,KACEc,gBAAAA,EAAA,IAAAC,GAAA,EACC,IAAI;AAAA,MACFO,QAAS,QAAOlC,CAAa;AAAA,MAC7B+B,aAAaV;AAAAA,MACbS,cAAc;AAAA,MACd,GAAGf;AAAAA,IAAAA,EAGR,CAAA,EACH,CAAA,GACF;AAAA,IAECJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library212.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { Box as m } from "./sd-component-library199.js";
+import "./sd-component-library197.js";
+import { Box as m } from "./sd-component-library198.js";
 import { ReactComponent as p } from "./sd-component-library180.js";
 const x = (t) => {
   const {