@aristobyte-ui/switch 1.0.57 → 1.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.js +36 -76
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +36 -76
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +3 -3
  6. package/dist/index.css +0 -326
  7. package/dist/index.css.map +0 -1
package/dist/index.js CHANGED
@@ -36,36 +36,8 @@ __export(index_exports, {
36
36
  });
37
37
  module.exports = __toCommonJS(index_exports);
38
38
 
39
- // components/Switch/index.tsx
39
+ // components/Switch.tsx
40
40
  var React = __toESM(require("react"));
41
-
42
- // components/Switch/Switch.module.scss
43
- var Switch_module_default = {
44
- switch: "Switch_module_switch",
45
- "switch-align-label--horizontal": "Switch_module_switch-align-label--horizontal",
46
- "switch-align-label--vertical": "Switch_module_switch-align-label--vertical",
47
- "switch--disabled": "Switch_module_switch--disabled",
48
- "switch-size--xsm": "Switch_module_switch-size--xsm",
49
- switch__track: "Switch_module_switch__track",
50
- "switch__track-icon": "Switch_module_switch__track-icon",
51
- switch__thumb: "Switch_module_switch__thumb",
52
- "switch__thumb-icon": "Switch_module_switch__thumb-icon",
53
- switch__label: "Switch_module_switch__label",
54
- "switch__track-icon--checked": "Switch_module_switch__track-icon--checked",
55
- "switch__track-icon--unchecked": "Switch_module_switch__track-icon--unchecked",
56
- "switch-size--sm": "Switch_module_switch-size--sm",
57
- "switch-size--md": "Switch_module_switch-size--md",
58
- "switch-size--lg": "Switch_module_switch-size--lg",
59
- "switch-size--xlg": "Switch_module_switch-size--xlg",
60
- "switch-variant--default": "Switch_module_switch-variant--default",
61
- "switch-variant--primary": "Switch_module_switch-variant--primary",
62
- "switch-variant--secondary": "Switch_module_switch-variant--secondary",
63
- "switch-variant--success": "Switch_module_switch-variant--success",
64
- "switch-variant--error": "Switch_module_switch-variant--error",
65
- "switch-variant--warning": "Switch_module_switch-variant--warning"
66
- };
67
-
68
- // components/Switch/index.tsx
69
41
  var import_jsx_runtime = require("react/jsx-runtime");
70
42
  var Switch = ({
71
43
  onChange,
@@ -86,53 +58,41 @@ var Switch = ({
86
58
  setIsChecked((prev) => !prev);
87
59
  if (onChange) onChange();
88
60
  };
89
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
90
- "label",
91
- {
92
- htmlFor: id,
93
- className: `${Switch_module_default["switch"]} ${Switch_module_default[`switch-size--${switchSize}`]} ${Switch_module_default[`switch-variant--${variant}`]} ${Switch_module_default[`switch-align-label--${alignLabel}`]} ${disabled ? Switch_module_default["switch--disabled"] : ""} ${className}`,
94
- style,
95
- children: [
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
97
- "input",
98
- {
99
- id,
100
- type: "checkbox",
101
- disabled,
102
- checked: isChecked,
103
- onChange: handleChange
104
- }
105
- ),
106
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: Switch_module_default["switch__track"], children: [
107
- trackIcon && trackIcon.checked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
108
- "span",
109
- {
110
- className: `${Switch_module_default["switch__track-icon"]} ${Switch_module_default["switch__track-icon--checked"]}`,
111
- children: trackIcon.checked.component({
112
- size: trackIcon.checked.size,
113
- color: trackIcon.checked.color
114
- })
115
- }
116
- ),
117
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Switch_module_default["switch__thumb"], children: thumbIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Switch_module_default["switch__thumb-icon"], children: thumbIcon.component({
118
- size: thumbIcon.size,
119
- color: thumbIcon.color
120
- }) }) }),
121
- trackIcon && trackIcon.unchecked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
122
- "span",
123
- {
124
- className: `${Switch_module_default["switch__track-icon"]} ${Switch_module_default["switch__track-icon--unchecked"]}`,
125
- children: trackIcon.unchecked.component({
126
- size: trackIcon.unchecked.size,
127
- color: trackIcon.unchecked.color
128
- })
129
- }
130
- )
131
- ] }),
132
- label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Switch_module_default["switch__label"], children: label })
133
- ]
134
- }
135
- );
61
+ const baseClasses = [
62
+ "switch",
63
+ `switch-size-${switchSize}`,
64
+ `switch-variant-${variant}`,
65
+ `switch-align-label-${alignLabel}`,
66
+ disabled && "switch--disabled",
67
+ className
68
+ ].filter(Boolean).join(" ");
69
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: id, className: baseClasses, style, children: [
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
71
+ "input",
72
+ {
73
+ id,
74
+ type: "checkbox",
75
+ disabled,
76
+ checked: isChecked,
77
+ onChange: handleChange
78
+ }
79
+ ),
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out", children: [
81
+ (trackIcon == null ? void 0 : trackIcon.checked) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.checked.component({
82
+ size: trackIcon.checked.size,
83
+ color: trackIcon.checked.color
84
+ }) }),
85
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10", children: thumbIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__thumb-icon flex items-center justify-center", children: thumbIcon.component({
86
+ size: thumbIcon.size,
87
+ color: thumbIcon.color
88
+ }) }) }),
89
+ (trackIcon == null ? void 0 : trackIcon.unchecked) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.unchecked.component({
90
+ size: trackIcon.unchecked.size,
91
+ color: trackIcon.unchecked.color
92
+ }) })
93
+ ] }),
94
+ label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__label ml-2", children: label })
95
+ ] });
136
96
  };
137
97
  // Annotate the CommonJS export names for ESM import in node:
138
98
  0 && (module.exports = {
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../index.ts","../components/Switch/index.tsx","../components/Switch/Switch.module.scss"],"sourcesContent":["export * from \"./components\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport { type IconPropsType } from \"@aristobyte-ui/utils\";\n\nimport styles from \"./Switch.module.scss\";\n\nexport interface ISwitch {\n onChange?: () => void;\n label?: string;\n alignLabel?: \"horizontal\" | \"vertical\";\n switchSize?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n trackIcon?: {\n checked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n unchecked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n };\n thumbIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n checked?: boolean;\n disabled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n}\n\n//@TODO: Fix the the switch styling, which is breaking when continuously clicking on the component\nexport const Switch: React.FC<ISwitch> = ({\n onChange,\n label,\n alignLabel = \"vertical\",\n checked,\n switchSize = \"md\",\n variant = \"default\",\n disabled = false,\n trackIcon,\n thumbIcon,\n className = \"\",\n style = {},\n}) => {\n const id = React.useId();\n const [isChecked, setIsChecked] = React.useState<boolean>(!!checked);\n\n const handleChange = () => {\n setIsChecked((prev) => !prev);\n\n if (onChange) onChange();\n };\n\n return (\n <label\n htmlFor={id}\n className={`${styles[\"switch\"]} ${styles[`switch-size--${switchSize}`]} ${\n styles[`switch-variant--${variant}`]\n } ${styles[`switch-align-label--${alignLabel}`]} ${\n disabled ? styles[\"switch--disabled\"] : \"\"\n } ${className}`}\n style={style}\n >\n <input\n id={id}\n type=\"checkbox\"\n disabled={disabled}\n checked={isChecked}\n onChange={handleChange}\n />\n <span className={styles[\"switch__track\"]}>\n {trackIcon && trackIcon.checked && (\n <span\n className={`${styles[\"switch__track-icon\"]} ${styles[\"switch__track-icon--checked\"]}`}\n >\n {trackIcon.checked.component({\n size: trackIcon.checked.size,\n color: trackIcon.checked.color,\n })}\n </span>\n )}\n <span className={styles[\"switch__thumb\"]}>\n {thumbIcon && (\n <span className={styles[\"switch__thumb-icon\"]}>\n {thumbIcon.component({\n size: thumbIcon.size,\n color: thumbIcon.color,\n })}\n </span>\n )}\n </span>\n {trackIcon && trackIcon.unchecked && (\n <span\n className={`${styles[\"switch__track-icon\"]} ${styles[\"switch__track-icon--unchecked\"]}`}\n >\n {trackIcon.unchecked.component({\n size: trackIcon.unchecked.size,\n color: trackIcon.unchecked.color,\n })}\n </span>\n )}\n </span>\n {label && <span className={styles[\"switch__label\"]}>{label}</span>}\n </label>\n );\n};\n",".switch {\n align-items: center;\n cursor: pointer;\n display: flex;\n gap: 10px;\n max-width: max-content;\n user-select: none;\n position: relative;\n}\n.switch-align-label--horizontal {\n flex-direction: row;\n}\n.switch-align-label--vertical {\n flex-direction: column;\n}\n.switch--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.switch-size--xsm .switch__track {\n height: 1rem;\n width: 1.8rem;\n}\n.switch-size--xsm .switch__track-icon {\n height: 0.48rem;\n width: 0.48rem;\n}\n.switch-size--xsm .switch__thumb {\n border-radius: 0.4rem;\n height: 0.8rem;\n left: 0.16rem;\n width: 0.8rem;\n}\n.switch-size--xsm .switch__thumb-icon {\n height: 0.6rem;\n width: 0.6rem;\n}\n.switch-size--xsm .switch__label {\n color: #ffffff;\n font-size: 0.625rem;\n}\n.switch-size--xsm input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--xsm input + .switch__track .switch__track-icon--unchecked {\n right: 0.18rem;\n}\n.switch-size--xsm input:checked + .switch__track .switch__track-icon--checked {\n left: 0.18rem;\n}\n.switch-size--xsm input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--xsm input:checked + .switch__track .switch__thumb {\n transform: translate(0.68rem, -50%);\n}\n.switch-size--xsm input:active + .switch__track .switch__thumb {\n width: 1rem;\n}\n.switch-size--xsm input:active:checked + .switch__track .switch__thumb {\n transform: translate(0.48rem, -50%);\n width: 1rem;\n}\n.switch-size--sm .switch__track {\n height: 1.4rem;\n width: 2.6rem;\n}\n.switch-size--sm .switch__track-icon {\n height: 0.8rem;\n width: 0.8rem;\n}\n.switch-size--sm .switch__thumb {\n border-radius: 0.5rem;\n height: 1rem;\n left: 0.2rem;\n width: 1rem;\n}\n.switch-size--sm .switch__thumb-icon {\n height: 0.8rem;\n width: 0.8rem;\n}\n.switch-size--sm .switch__label {\n color: #ffffff;\n font-size: 0.75rem;\n}\n.switch-size--sm input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--sm input + .switch__track .switch__track-icon--unchecked {\n right: 0.24rem;\n}\n.switch-size--sm input:checked + .switch__track .switch__track-icon--checked {\n left: 0.24rem;\n}\n.switch-size--sm input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--sm input:checked + .switch__track .switch__thumb {\n transform: translate(1.2rem, -50%);\n}\n.switch-size--sm input:active + .switch__track .switch__thumb {\n width: 1.3rem;\n}\n.switch-size--sm input:active:checked + .switch__track .switch__thumb {\n transform: translate(0.9rem, -50%);\n width: 1.3rem;\n}\n.switch-size--md .switch__track {\n height: 1.6rem;\n width: 3rem;\n}\n.switch-size--md .switch__track-icon {\n height: 1rem;\n width: 1rem;\n}\n.switch-size--md .switch__thumb {\n border-radius: 0.6rem;\n height: 1.2rem;\n left: 0.2rem;\n width: 1.2rem;\n}\n.switch-size--md .switch__thumb-icon {\n height: 0.9rem;\n width: 0.9rem;\n}\n.switch-size--md .switch__label {\n color: #ffffff;\n font-size: 0.875rem;\n}\n.switch-size--md input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--md input + .switch__track .switch__track-icon--unchecked {\n right: 0.3rem;\n}\n.switch-size--md input:checked + .switch__track .switch__track-icon--checked {\n left: 0.3rem;\n}\n.switch-size--md input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--md input:checked + .switch__track .switch__thumb {\n transform: translate(1.4rem, -50%);\n}\n.switch-size--md input:active + .switch__track .switch__thumb {\n width: 1.5rem;\n}\n.switch-size--md input:active:checked + .switch__track .switch__thumb {\n transform: translate(1.05rem, -50%);\n width: 1.5rem;\n}\n.switch-size--lg .switch__track {\n height: 1.8rem;\n width: 3.4rem;\n}\n.switch-size--lg .switch__track-icon {\n height: 1rem;\n width: 1rem;\n}\n.switch-size--lg .switch__thumb {\n border-radius: 0.7rem;\n height: 1.4rem;\n left: 0.3rem;\n width: 1.4rem;\n}\n.switch-size--lg .switch__thumb-icon {\n height: 1rem;\n width: 1rem;\n}\n.switch-size--lg .switch__label {\n color: #ffffff;\n font-size: 1rem;\n}\n.switch-size--lg input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--lg input + .switch__track .switch__track-icon--unchecked {\n right: 0.34rem;\n}\n.switch-size--lg input:checked + .switch__track .switch__track-icon--checked {\n left: 0.34rem;\n}\n.switch-size--lg input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--lg input:checked + .switch__track .switch__thumb {\n transform: translate(1.45rem, -50%);\n}\n.switch-size--lg input:active + .switch__track .switch__thumb {\n width: 1.8rem;\n}\n.switch-size--lg input:active:checked + .switch__track .switch__thumb {\n transform: translate(1.05rem, -50%);\n width: 1.8rem;\n}\n.switch-size--xlg .switch__track {\n height: 2rem;\n width: 3.8rem;\n}\n.switch-size--xlg .switch__track-icon {\n height: 1.2rem;\n width: 1.2rem;\n}\n.switch-size--xlg .switch__thumb {\n border-radius: 0.8rem;\n height: 1.6rem;\n left: 0.3rem;\n width: 1.6rem;\n}\n.switch-size--xlg .switch__thumb-icon {\n height: 1.2rem;\n width: 1.2rem;\n}\n.switch-size--xlg .switch__label {\n color: #ffffff;\n font-size: 1.125rem;\n}\n.switch-size--xlg input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--xlg input + .switch__track .switch__track-icon--unchecked {\n right: 0.38rem;\n}\n.switch-size--xlg input:checked + .switch__track .switch__track-icon--checked {\n left: 0.38rem;\n}\n.switch-size--xlg input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--xlg input:checked + .switch__track .switch__thumb {\n transform: translate(1.6rem, -50%);\n}\n.switch-size--xlg input:active + .switch__track .switch__thumb {\n width: 2rem;\n}\n.switch-size--xlg input:active:checked + .switch__track .switch__thumb {\n transform: translate(1.22rem, -50%);\n width: 2rem;\n}\n.switch-variant--default input:checked + .switch__track {\n background-color: #6b7280;\n}\n.switch-variant--primary input:checked + .switch__track {\n background-color: #2563eb;\n}\n.switch-variant--secondary input:checked + .switch__track {\n background-color: #4f46e5;\n}\n.switch-variant--success input:checked + .switch__track {\n background-color: #16a34a;\n}\n.switch-variant--error input:checked + .switch__track {\n background-color: #dc2626;\n}\n.switch-variant--warning input:checked + .switch__track {\n background-color: #d97706;\n}\n.switch input {\n display: none;\n}\n.switch input + .switch__track .switch__track-icon--checked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n}\n.switch input + .switch__track .switch__track-icon--unchecked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n}\n.switch input:checked + .switch__track .switch__track-icon--checked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n}\n.switch input:checked + .switch__track .switch__track-icon--unchecked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n}\n.switch__track {\n position: relative;\n background-color: #374151;\n border-radius: 999px;\n overflow: hidden;\n position: relative;\n transition: background-color 0.3s ease;\n}\n.switch__track-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transition: transform 120ms ease-out, left 200ms ease-out, right 200ms ease-out, opacity 100ms ease-out;\n z-index: 0;\n}\n.switch__track-icon svg {\n height: 100%;\n width: 100%;\n}\n.switch__thumb {\n align-items: center;\n background-color: white;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transform: translate(0, -50%);\n transition: all 200ms ease-out;\n z-index: 1;\n}\n.switch__thumb-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n}\n.switch__thumb-icon svg {\n height: 100%;\n width: 100%;\n}\n.switch__label {\n color: #ffffff;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RodW5hbnlhbi9hcmlzdG9ieXRlL2dpdGh1Yi9hcmlzdG9ieXRlLXVpL3BhY2thZ2VzL3N3aXRjaC9jb21wb25lbnRzL1N3aXRjaCIsInNvdXJjZXMiOlsiU3dpdGNoLm1vZHVsZS5zY3NzIiwiLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL0BhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9fc2V0dGluZ3Muc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdFO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7O0FBTUk7RUFDRTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFLE9DL0JGO0VEZ0NFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFNQTtFQUNFOztBQUdGO0VBQ0U7O0FBSUo7RUFDRTs7QUFLRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFRSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0UsT0NyR0Y7RURzR0U7O0FBTUE7RUFDRTs7QUFHRjtFQUNFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJSjtFQUNFOztBQUtGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQVFKO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBSUo7RUFDRSxPQzNLRjtFRDRLRTs7QUFNQTtFQUNFOztBQUdGO0VBQ0U7O0FBTUE7RUFDRTs7QUFHRjtFQUNFOztBQUlKO0VBQ0U7O0FBSUY7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBUUo7RUFDRTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFLE9DaFBGO0VEaVBFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFNQTtFQUNFOztBQUdGO0VBQ0U7O0FBSUo7RUFDRTs7QUFRRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFRSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0UsT0N6VEY7RUQwVEU7O0FBTUE7RUFDRTs7QUFHRjtFQUNFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJSjtFQUNFOztBQUtGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQU9WO0VBQ0Usa0JDdFVPOztBRHlVVDtFQUNFLGtCQzdUTzs7QURnVVQ7RUFDRSxrQkNyVFM7O0FEd1RYO0VBQ0Usa0JDclNROztBRHdTVjtFQUNFLGtCQ25UTTs7QURzVFI7RUFDRSxrQkNuU1E7O0FEc1NWO0VBQ0U7O0FBR0U7RUFDRTtFQUNBOztBQUdGO0VBQ0U7RUFDQTs7QUFNQTtFQUNFO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBOztBQU1SO0VBQ0U7RUFDQSxrQkMzWE87RUQ0WFA7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsWUFDRTtFQUlGOztBQUVBO0VBQ0U7RUFDQTs7QUFLTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBS047RUFDRSxPQ2pkSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgXCJAYXJpc3RvYnl0ZS11aS91dGlscy9zdHlsZXMvc2V0dGluZ3NcIiBhcyAqO1xuXG4uc3dpdGNoIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDEwcHg7XG4gIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJi1hbGlnbi1sYWJlbCB7XG4gICAgJi0taG9yaXpvbnRhbCB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIH1cblxuICAgICYtLXZlcnRpY2FsIHtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgfVxuICB9XG5cbiAgJi0tZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5cbiAgJi1zaXplIHtcbiAgICAmLS14c20ge1xuICAgICAgLnN3aXRjaCB7XG4gICAgICAgICZfX3RyYWNrIHtcbiAgICAgICAgICBoZWlnaHQ6IDFyZW07XG4gICAgICAgICAgd2lkdGg6IDEuOHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMC44cmVtIC0gMC4xNnJlbSAqIDIpO1xuICAgICAgICAgICAgd2lkdGg6IGNhbGMoMC44cmVtIC0gMC4xNnJlbSAqIDIpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfX3RodW1iIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiBjYWxjKDAuOHJlbSAvIDIpO1xuICAgICAgICAgIGhlaWdodDogMC44cmVtO1xuICAgICAgICAgIGxlZnQ6IDAuMTZyZW07XG4gICAgICAgICAgd2lkdGg6IDAuOHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDAuNnJlbTtcbiAgICAgICAgICAgIHdpZHRoOiAwLjZyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGFiZWwge1xuICAgICAgICAgIGNvbG9yOiAkd2hpdGU7XG4gICAgICAgICAgZm9udC1zaXplOiAwLjYyNXJlbTsgLy8gMTBweFxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgIGxlZnQ6IC0ycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICByaWdodDogMC4xOHJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayB7XG4gICAgICAgICAgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgICAgbGVmdDogMC4xOHJlbTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICAgICAgcmlnaHQ6IC0ycmVtO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMS44cmVtIC0gMC44cmVtIC0gMC4xNnJlbSAqIDIpLCAtNTAlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB3aWR0aDogMXJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKDAuOHJlbSAvIDIgKyAwLjA4cmVtKSwgLTUwJSk7XG4gICAgICAgICAgICB3aWR0aDogMXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLS1zbSB7XG4gICAgICAuc3dpdGNoIHtcbiAgICAgICAgJl9fdHJhY2sge1xuICAgICAgICAgIGhlaWdodDogMS40cmVtO1xuICAgICAgICAgIHdpZHRoOiAyLjZyZW07XG5cbiAgICAgICAgICAmLWljb24ge1xuICAgICAgICAgICAgaGVpZ2h0OiBjYWxjKDEuMnJlbSAtIDAuMnJlbSAqIDIpO1xuICAgICAgICAgICAgd2lkdGg6IGNhbGMoMS4ycmVtIC0gMC4ycmVtICogMik7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fdGh1bWIge1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IGNhbGMoMXJlbSAvIDIpO1xuICAgICAgICAgIGhlaWdodDogMXJlbTtcbiAgICAgICAgICBsZWZ0OiAwLjJyZW07XG4gICAgICAgICAgd2lkdGg6IDFyZW07XG5cbiAgICAgICAgICAmLWljb24ge1xuICAgICAgICAgICAgaGVpZ2h0OiAwLjhyZW07XG4gICAgICAgICAgICB3aWR0aDogMC44cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfX2xhYmVsIHtcbiAgICAgICAgICBjb2xvcjogJHdoaXRlO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTsgLy8gMTJweFxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgIGxlZnQ6IC0ycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICByaWdodDogMC4yNHJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayB7XG4gICAgICAgICAgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgICAgbGVmdDogMC4yNHJlbTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICAgICAgcmlnaHQ6IC0ycmVtO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMi42cmVtIC0gMXJlbSAtIDAuMnJlbSAqIDIpLCAtNTAlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB3aWR0aDogMS4zcmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6Y2hlY2tlZCArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMS4zcmVtIC8gMiArIDAuMjVyZW0pLCAtNTAlKTtcbiAgICAgICAgICAgIHdpZHRoOiAxLjNyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi0tbWQge1xuICAgICAgLnN3aXRjaCB7XG4gICAgICAgICZfX3RyYWNrIHtcbiAgICAgICAgICBoZWlnaHQ6IDEuNnJlbTtcbiAgICAgICAgICB3aWR0aDogM3JlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMS40cmVtIC0gMC4ycmVtICogMik7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygxLjRyZW0gLSAwLjJyZW0gKiAyKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX190aHVtYiB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogY2FsYygxLjJyZW0gLyAyKTtcbiAgICAgICAgICBoZWlnaHQ6IDEuMnJlbTtcbiAgICAgICAgICBsZWZ0OiAwLjJyZW07XG4gICAgICAgICAgd2lkdGg6IDEuMnJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDAuOXJlbTtcbiAgICAgICAgICAgIHdpZHRoOiAwLjlyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGFiZWwge1xuICAgICAgICAgIGNvbG9yOiAkd2hpdGU7XG4gICAgICAgICAgZm9udC1zaXplOiAwLjg3NXJlbTsgLy8gMTRweFxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgIGxlZnQ6IC0ycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICByaWdodDogMC4zcmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICY6Y2hlY2tlZCArIC5zd2l0Y2hfX3RyYWNrIHtcbiAgICAgICAgICAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAgICYtLWNoZWNrZWQge1xuICAgICAgICAgICAgICBsZWZ0OiAwLjNyZW07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICAgIHJpZ2h0OiAtMnJlbTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKDNyZW0gLSAxLjJyZW0gLSAwLjJyZW0gKiAyKSwgLTUwJSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgICArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHdpZHRoOiAxLjVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpjaGVja2VkICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoY2FsYygxLjVyZW0gLyAyICsgMC4zcmVtKSwgLTUwJSk7XG4gICAgICAgICAgICB3aWR0aDogMS41cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYtLWxnIHtcbiAgICAgIC5zd2l0Y2gge1xuICAgICAgICAmX190cmFjayB7XG4gICAgICAgICAgaGVpZ2h0OiAxLjhyZW07XG4gICAgICAgICAgd2lkdGg6IDMuNHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMS42cmVtIC0gMC4zcmVtICogMik7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygxLjZyZW0gLSAwLjNyZW0gKiAyKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX190aHVtYiB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogY2FsYygxLjRyZW0gLyAyKTtcbiAgICAgICAgICBoZWlnaHQ6IDEuNHJlbTtcbiAgICAgICAgICBsZWZ0OiAwLjNyZW07XG4gICAgICAgICAgd2lkdGg6IDEuNHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDFyZW07XG4gICAgICAgICAgICB3aWR0aDogMXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX19sYWJlbCB7XG4gICAgICAgICAgY29sb3I6ICR3aGl0ZTtcbiAgICAgICAgICBmb250LXNpemU6IDFyZW07IC8vIDE2cHhcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBpbnB1dCB7XG4gICAgICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAgICAgJi0tY2hlY2tlZCB7XG4gICAgICAgICAgICBsZWZ0OiAtMnJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmLS11bmNoZWNrZWQge1xuICAgICAgICAgICAgcmlnaHQ6IDAuMzRyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpjaGVja2VkICsgLnN3aXRjaF9fdHJhY2sge1xuICAgICAgICAgIC5zd2l0Y2hfX3RyYWNrLWljb24ge1xuICAgICAgICAgICAgJi0tY2hlY2tlZCB7XG4gICAgICAgICAgICAgIGxlZnQ6IDAuMzRyZW07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICAgIHJpZ2h0OiAtMnJlbTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShcbiAgICAgICAgICAgICAgY2FsYygzLjRyZW0gLSAxLjRyZW0gLSAwLjNyZW0gKiAyICsgMC4wNXJlbSksXG4gICAgICAgICAgICAgIC01MCVcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgd2lkdGg6IDEuOHJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKDEuOHJlbSAvIDIgKyAwLjJyZW0gLSAwLjA1cmVtKSwgLTUwJSk7XG4gICAgICAgICAgICB3aWR0aDogMS44cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYtLXhsZyB7XG4gICAgICAuc3dpdGNoIHtcbiAgICAgICAgJl9fdHJhY2sge1xuICAgICAgICAgIGhlaWdodDogMnJlbTtcbiAgICAgICAgICB3aWR0aDogMy44cmVtO1xuXG4gICAgICAgICAgJi1pY29uIHtcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygxLjhyZW0gLSAwLjNyZW0gKiAyKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKDEuOHJlbSAtIDAuM3JlbSAqIDIpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfX3RodW1iIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiBjYWxjKDEuNnJlbSAvIDIpO1xuICAgICAgICAgIGhlaWdodDogMS42cmVtO1xuICAgICAgICAgIGxlZnQ6IDAuM3JlbTtcbiAgICAgICAgICB3aWR0aDogMS42cmVtO1xuXG4gICAgICAgICAgJi1pY29uIHtcbiAgICAgICAgICAgIGhlaWdodDogMS4ycmVtO1xuICAgICAgICAgICAgd2lkdGg6IDEuMnJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX19sYWJlbCB7XG4gICAgICAgICAgY29sb3I6ICR3aGl0ZTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMTI1cmVtOyAvLyAxOHB4XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RyYWNrLWljb24ge1xuICAgICAgICAgICYtLWNoZWNrZWQge1xuICAgICAgICAgICAgbGVmdDogLTJyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICAgIHJpZ2h0OiAwLjM4cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICY6Y2hlY2tlZCArIC5zd2l0Y2hfX3RyYWNrIHtcbiAgICAgICAgICAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAgICYtLWNoZWNrZWQge1xuICAgICAgICAgICAgICBsZWZ0OiAwLjM4cmVtO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLS11bmNoZWNrZWQge1xuICAgICAgICAgICAgICByaWdodDogLTJyZW07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoY2FsYygzLjhyZW0gLSAxLjZyZW0gLSAwLjNyZW0gKiAyKSwgLTUwJSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgd2lkdGg6IDJyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpjaGVja2VkICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoY2FsYygycmVtIC8gMiArIDAuMjJyZW0pLCAtNTAlKTtcbiAgICAgICAgICAgIHdpZHRoOiAycmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYtdmFyaWFudC0tZGVmYXVsdCBpbnB1dDpjaGVja2VkICsgJl9fdHJhY2sge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICRncmV5LTUwMDtcbiAgfVxuXG4gICYtdmFyaWFudC0tcHJpbWFyeSBpbnB1dDpjaGVja2VkICsgJl9fdHJhY2sge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICRjb2xvci1wcmltYXJ5O1xuICB9XG5cbiAgJi12YXJpYW50LS1zZWNvbmRhcnkgaW5wdXQ6Y2hlY2tlZCArICZfX3RyYWNrIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkY29sb3Itc2Vjb25kYXJ5O1xuICB9XG5cbiAgJi12YXJpYW50LS1zdWNjZXNzIGlucHV0OmNoZWNrZWQgKyAmX190cmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXN1Y2Nlc3M7XG4gIH1cblxuICAmLXZhcmlhbnQtLWVycm9yIGlucHV0OmNoZWNrZWQgKyAmX190cmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLWVycm9yO1xuICB9XG5cbiAgJi12YXJpYW50LS13YXJuaW5nIGlucHV0OmNoZWNrZWQgKyAmX190cmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXdhcm5pbmc7XG4gIH1cblxuICBpbnB1dCB7XG4gICAgZGlzcGxheTogbm9uZTtcblxuICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSkgc2NhbGUoMC41NSk7XG4gICAgICB9XG5cbiAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpIHNjYWxlKDEpO1xuICAgICAgfVxuICAgIH1cblxuICAgICY6Y2hlY2tlZCB7XG4gICAgICArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RyYWNrLWljb24ge1xuICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpIHNjYWxlKDEpO1xuICAgICAgICB9XG5cbiAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpIHNjYWxlKDAuNTUpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fdHJhY2sge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkZ3JleS03MDA7XG4gICAgYm9yZGVyLXJhZGl1czogOTk5cHg7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7XG5cbiAgICAmLWljb24ge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogNTAlO1xuICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgdHJhbnNmb3JtIDEyMG1zIGVhc2Utb3V0LFxuICAgICAgICBsZWZ0IDIwMG1zIGVhc2Utb3V0LFxuICAgICAgICByaWdodCAyMDBtcyBlYXNlLW91dCxcbiAgICAgICAgb3BhY2l0eSAxMDBtcyBlYXNlLW91dDtcbiAgICAgIHotaW5kZXg6IDA7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fdGh1bWIge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7XG4gICAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2Utb3V0O1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAmLWljb24ge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgc3ZnIHtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAmX19sYWJlbCB7XG4gICAgY29sb3I6ICR3aGl0ZTtcbiAgfVxufVxuIiwiLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAvL1xuLy8gICAgICAgIEFyaXN0b0J5dGUgVUkgLSBTdHlsZSBTZXR0aW5ncyAgICAgICAvL1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAvL1xuXG4vLyA9PT0gRGVzaWduIFRva2VucyDigJQgQ29sb3IgUGFsZXR0ZSA9PT0gLy9cbi8vIExvZ29cbiRsb2dvLWNvbG9yLTE6ICNmZmVlMjc7XG4kbG9nby1jb2xvci0yOiAjZmVjODAwO1xuJGxvZ28tY29sb3ItMzogI2YxOGUzNTtcbiRsb2dvLWNvbG9yLTQ6ICNlOTVmMzI7XG4kbG9nby1jb2xvci01OiAjZTIzMTJkO1xuJGxvZ28tZ3JhZGllbnQ6IGxpbmVhci1ncmFkaWVudChcbiAgOTBkZWcsXG4gICRsb2dvLWNvbG9yLTEsXG4gICRsb2dvLWNvbG9yLTIsXG4gICRsb2dvLWNvbG9yLTMsXG4gICRsb2dvLWNvbG9yLTQsXG4gICRsb2dvLWNvbG9yLTVcbik7XG5cbi8vIEJhc2VcbiR3aGl0ZTogI2ZmZmZmZjtcbiR3aGl0ZS1ob3ZlcjogI2RkZGRkZDtcbiRibGFjazogIzAwMDAwMDtcbiRibGFjay1ob3ZlcjogIzIyMjIyMjtcbiR0cmFuc3BhcmVudDogdHJhbnNwYXJlbnQ7XG5cbi8vID09PSBCbGFjayBUcmFuc3BhcmVudCBTY2FsZSA9PT0gLy9cbiRibGFjay10cmFuc3BhcmVudC0xMDA6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiRibGFjay10cmFuc3BhcmVudC0yMDA6IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiRibGFjay10cmFuc3BhcmVudC0zMDA6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbiRibGFjay10cmFuc3BhcmVudC00MDA6IHJnYmEoMCwgMCwgMCwgMC40KTtcbiRibGFjay10cmFuc3BhcmVudC01MDA6IHJnYmEoMCwgMCwgMCwgMC41KTtcbiRibGFjay10cmFuc3BhcmVudC02MDA6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiRibGFjay10cmFuc3BhcmVudC03MDA6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiRibGFjay10cmFuc3BhcmVudC04MDA6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiRibGFjay10cmFuc3BhcmVudC05MDA6IHJnYmEoMCwgMCwgMCwgMC45KTtcblxuLy8gPT09IEJsYWNrIFRyYW5zcGFyZW50IFNjYWxlID09PSAvL1xuJHdoaXRlLXRyYW5zcGFyZW50LTEwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjEpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTIwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTMwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTQwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTUwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTYwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjYpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTcwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTgwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTkwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xuXG4vLyA9PT0gTmV1dHJhbCBTY2FsZSAoR3JleSkgPT09IC8vXG4kZ3JleS01MDogI2Y5ZmFmYjtcbiRncmV5LTEwMDogI2YzZjRmNjtcbiRncmV5LTIwMDogI2U1ZTdlYjtcbiRncmV5LTMwMDogI2QxZDVkYjtcbiRncmV5LTQwMDogIzljYTNhZjtcbiRncmV5LTUwMDogIzZiNzI4MDtcbiRncmV5LTYwMDogIzRiNTU2MztcbiRncmV5LTcwMDogIzM3NDE1MTtcbiRncmV5LTgwMDogIzFmMjkzNztcbiRncmV5LTkwMDogIzExMTgyNztcblxuLy8gPT09IFByaW1hcnkgU2NhbGUgKEJsdWUpID09PSAvL1xuJGJsdWUtNTA6ICNlZmY2ZmY7XG4kYmx1ZS0xMDA6ICNkYmVhZmU7XG4kYmx1ZS0yMDA6ICNiZmRiZmU7XG4kYmx1ZS0zMDA6ICM5M2M1ZmQ7XG4kYmx1ZS00MDA6ICM2MGE1ZmE7XG4kYmx1ZS01MDA6ICMzYjgyZjY7XG4kYmx1ZS02MDA6ICMyNTYzZWI7IC8vIE1haW5cbiRibHVlLTcwMDogIzFkNGVkODsgLy8gSG92ZXJcbiRibHVlLTgwMDogIzFlNDBhZjtcbiRibHVlLTkwMDogIzFlM2E4YTtcblxuLy8gPT09IFNlY29uZGFyeSBTY2FsZSAoSW5kaWdvKSA9PT0gLy9cbiRpbmRpZ28tNTA6ICNlZWYyZmY7XG4kaW5kaWdvLTEwMDogI2UwZTdmZjtcbiRpbmRpZ28tMjAwOiAjYzdkMmZlO1xuJGluZGlnby0zMDA6ICNhNWI0ZmM7XG4kaW5kaWdvLTQwMDogIzgxOGNmODtcbiRpbmRpZ28tNTAwOiAjNjM2NmYxO1xuJGluZGlnby02MDA6ICM0ZjQ2ZTU7IC8vIE1haW5cbiRpbmRpZ28tNzAwOiAjNDMzOGNhOyAvLyBIb3ZlclxuXG4vLyA9PT0gRXJyb3IgU2NhbGUgKFJlZCkgPT09IC8vXG4kcmVkLTUwOiAjZmVmMmYyO1xuJHJlZC0xMDA6ICNmZWUyZTI7XG4kcmVkLTIwMDogI2ZlY2FjYTtcbiRyZWQtMzAwOiAjZmNhNWE1O1xuJHJlZC00MDA6ICNmODcxNzE7XG4kcmVkLTUwMDogI2VmNDQ0NDtcbiRyZWQtNjAwOiAjZGMyNjI2OyAvLyBNYWluXG4kcmVkLTcwMDogI2I5MWMxYzsgLy8gSG92ZXJcblxuLy8gPT09IFN1Y2Nlc3MgU2NhbGUgKEdyZWVuKSA9PT0gLy9cbiRncmVlbi01MDogI2YwZmRmNDtcbiRncmVlbi0xMDA6ICNkY2ZjZTc7XG4kZ3JlZW4tMjAwOiAjYmJmN2QwO1xuJGdyZWVuLTMwMDogIzg2ZWZhYztcbiRncmVlbi00MDA6ICM0YWRlODA7XG4kZ3JlZW4tNTAwOiAjMjJjNTVlO1xuJGdyZWVuLTYwMDogIzE2YTM0YTsgLy8gTWFpblxuJGdyZWVuLTcwMDogIzE1ODAzZDsgLy8gSG92ZXJcblxuLy8gPT09IFdhcm5pbmcgU2NhbGUgKEFtYmVyKSA9PT0gLy9cbiRhbWJlci01MDogI2ZmZmJlYjtcbiRhbWJlci0xMDA6ICNmZWYzYzc7XG4kYW1iZXItMjAwOiAjZmRlNjhhO1xuJGFtYmVyLTMwMDogI2ZjZDM0ZDtcbiRhbWJlci00MDA6ICNmYmJmMjQ7XG4kYW1iZXItNTAwOiAjZjU5ZTBiO1xuJGFtYmVyLTYwMDogI2Q5NzcwNjsgLy8gTWFpblxuJGFtYmVyLTcwMDogI2I0NTMwOTsgLy8gSG92ZXJcblxuLy8gPT09IFNlbWFudGljIFRva2VucyA9PT0gLy9cbiRjb2xvci1kZWZhdWx0OiAkZ3JleS04MDA7XG4kY29sb3ItZGVmYXVsdC1ob3ZlcjogJGdyZXktOTAwO1xuJGNvbG9yLWRlZmF1bHQtZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLWRlZmF1bHQsIDAuNSk7XG5cbiRjb2xvci1wcmltYXJ5OiAkYmx1ZS02MDA7XG4kY29sb3ItcHJpbWFyeS1ob3ZlcjogJGJsdWUtNzAwO1xuJGNvbG9yLXByaW1hcnktZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXByaW1hcnksIDAuNSk7XG5cbiRjb2xvci1zZWNvbmRhcnk6ICRpbmRpZ28tNjAwO1xuJGNvbG9yLXNlY29uZGFyeS1ob3ZlcjogJGluZGlnby03MDA7XG4kY29sb3Itc2Vjb25kYXJ5LWRpc2FibGVkOiByZ2JhKCRjb2xvci1zZWNvbmRhcnksIDAuNSk7XG5cbiRjb2xvci1lcnJvcjogJHJlZC02MDA7XG4kY29sb3ItZXJyb3ItaG92ZXI6ICRyZWQtNzAwO1xuJGNvbG9yLWVycm9yLWRpc2FibGVkOiByZ2JhKCRjb2xvci1lcnJvciwgMC41KTtcblxuJGNvbG9yLXN1Y2Nlc3M6ICRncmVlbi02MDA7XG4kY29sb3Itc3VjY2Vzcy1ob3ZlcjogJGdyZWVuLTcwMDtcbiRjb2xvci1zdWNjZXNzLWRpc2FibGVkOiByZ2JhKCRjb2xvci1zdWNjZXNzLCAwLjUpO1xuXG4kY29sb3Itd2FybmluZzogJGFtYmVyLTYwMDtcbiRjb2xvci13YXJuaW5nLWhvdmVyOiAkYW1iZXItNzAwO1xuJGNvbG9yLXdhcm5pbmctZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXdhcm5pbmcsIDAuNSk7XG5cbiR0ZXh0LWNvbG9yLXdoaXRlOiAkd2hpdGU7XG4kdGV4dC1jb2xvci1ibGFjazogJGJsYWNrO1xuJHRleHQtY29sb3Itd2hpdGUtZGlzYWJsZWQ6IHJnYmEoJHdoaXRlLCAwLjUpO1xuJHRleHQtY29sb3ItYmxhY2stZGlzYWJsZWQ6IHJnYmEoJGJsYWNrLCAwLjUpO1xuXG4kdGl0bGUtY29sb3ItZGFyazogJHdoaXRlO1xuJHN1YnRpdGxlLWNvbG9yLWRhcms6ICM5OWExYWY7XG4kZGVzY3JpcHRpb24tY29sb3ItZGFyazogI2QxZDVkYztcbiRpY29uLWNvbG9yLWRhcms6ICM5OWExYWY7XG5cbi8vID09PSBTaGFkb3dzID09PSAvL1xuLy9AVE9ETzogQFNIQURPV1xuJHNoYWRvdy1zbTogMCAxcHggMnB4IDAgcmdiYSgkYmxhY2ssIDAuMDUpO1xuJHNoYWRvdy1tZDpcbiAgMCA0cHggNnB4IC0xcHggcmdiYSgkYmxhY2ssIDAuMSksXG4gIDAgMnB4IDRweCAtMXB4IHJnYmEoJGJsYWNrLCAwLjA2KTtcbiRzaGFkb3ctbGc6XG4gIDAgMTBweCAxNXB4IC0zcHggcmdiYSgkYmxhY2ssIDAuMSksXG4gIDAgNHB4IDZweCAtMnB4IHJnYmEoJGJsYWNrLCAwLjA1KTtcblxuLy8gPT09IEZvbnQgZmFtaWxpZXMgPT09IC8vXG4kZm9udC1mYW1pbHktc2FuczogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuJGZvbnQtZmFtaWx5LXNlcmlmOiBcIkdlb3JnaWFcIiwgc2VyaWY7XG4kZm9udC1mYW1pbHktbW9ubzogXCJGaXJhIENvZGVcIiwgbW9ub3NwYWNlO1xuXG4vLyA9PT0gRm9udCB3ZWlnaHRzID09PSAvL1xuJGZvbnQtd2VpZ2h0LXJlZ3VsYXI6IDQwMDtcbiRmb250LXdlaWdodC1tZWRpdW06IDUwMDtcbiRmb250LXdlaWdodC1zZW1pYm9sZDogNjAwO1xuJGZvbnQtd2VpZ2h0LWJvbGQ6IDcwMDtcblxuLy8gPT09IExpbmUgaGVpZ2h0cyA9PT0gLy9cbiRsaW5lLWhlaWdodC10aWdodDogMS4yO1xuJGxpbmUtaGVpZ2h0LXNudWc6IDEuMzc1O1xuJGxpbmUtaGVpZ2h0LW5vcm1hbDogMS41O1xuJGxpbmUtaGVpZ2h0LWxvb3NlOiAxLjYyNTtcblxuLy8gPT09IEZvbnQgU2l6ZXMg4oCUIFNlbWFudGljIFRva2VucyA9PT0gLy9cblxuLy8gPT09IFRpdGxlcyA9PT0gLy9cbiRmb250LXNpemUtaGVybzogM3JlbTsgLy8gNDhweFxuJGZvbnQtc2l6ZS10aXRsZS0xOiAyLjI1cmVtOyAvLyAzNnB4XG4kZm9udC1zaXplLXRpdGxlLTI6IDEuODc1cmVtOyAvLyAzMHB4XG4kZm9udC1zaXplLXRpdGxlLTM6IDEuNXJlbTsgLy8gMjRweFxuXG4vLyA9PT0gU3VidGl0bGVzID09PSAvL1xuJGZvbnQtc2l6ZS1zdWJ0aXRsZS0xOiAxLjI1cmVtOyAvLyAyMHB4XG4kZm9udC1zaXplLXN1YnRpdGxlLTI6IDEuMTI1cmVtOyAvLyAxOHB4XG5cbi8vID09PSBCb2R5IHRleHQgPT09IC8vXG4kZm9udC1zaXplLWJvZHktbGc6IDFyZW07IC8vIDE2cHhcbiRmb250LXNpemUtYm9keS1tZDogMC45Mzc1cmVtOyAvLyAxNXB4XG4kZm9udC1zaXplLWJvZHktc206IDAuODc1cmVtOyAvLyAxNHB4XG5cbi8vID09PSBDYXB0aW9ucyAvIERlc2NyaXB0aW9ucyA9PT0gLy9cbiRmb250LXNpemUtY2FwdGlvbjogMC43NXJlbTsgLy8gMTJweFxuJGZvbnQtc2l6ZS1mb290bm90ZTogMC42ODc1cmVtOyAvLyAxMXB4XG5cbi8vID09PSBCdXR0b25zID09PSAvL1xuJGZvbnQtc2l6ZS1idXR0b24tbGc6IDFyZW07IC8vIDE2cHhcbiRmb250LXNpemUtYnV0dG9uLW1kOiAwLjg3NXJlbTsgLy8gMTRweFxuJGZvbnQtc2l6ZS1idXR0b24tc206IDAuNzVyZW07IC8vIDEycHhcblxuLy8gPT09IEFuaW1hdGlvbnMgPT09IC8vXG5cbiRjdWJpYy1iZXppZXItcHJpbWFyeTogY3ViaWMtYmV6aWVyKDAuNTUsIC0wLjE5LCAwLjU5LCAwLjk1KTtcbiRjdWJpYy1iZXppZXItc2Vjb25kYXJ5OiBjdWJpYy1iZXppZXIoMC4xNzUsIDAuODg1LCAwLjMyLCAxLjI3NSk7XG4iXX0= */"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,YAAuB;;;ACFvB;AAAA,EAAC,QAAAA;AAAA,EASA,kCAAAC;AAAA,EAGA,gCAAAC;AAAA,EAGA,oBAAAC;AAAA,EAIA,oBAAAC;AAAA,EAAkB,eAAAC;AAAA,EAIA,sBAAAC;AAAA,EAIA,eAAAC;AAAA,EAMA,sBAAAC;AAAA,EAIA,eAAAC;AAAA,EAIuB,+BAAAC;AAAA,EAGA,iCAAAC;AAAA,EAmBzC,mBAAAC;AAAA,EA4CA,mBAAAC;AAAA,EA4CA,mBAAAC;AAAA,EA4CA,oBAAAC;AAAA,EA4CA,2BAAAC;AAAA,EAGA,2BAAAC;AAAA,EAGA,6BAAAC;AAAA,EAGA,2BAAAC;AAAA,EAGA,yBAAAC;AAAA,EAGA,2BAAAC;AAAA;;;ADnLK;AAhCC,IAAM,SAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,KAAW,YAAM;AACvB,QAAM,CAAC,WAAW,YAAY,IAAU,eAAkB,CAAC,CAAC,OAAO;AAEnE,QAAM,eAAe,MAAM;AACzB,iBAAa,CAAC,SAAS,CAAC,IAAI;AAE5B,QAAI,SAAU,UAAS;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,GAAG,sBAAO,QAAQ,CAAC,IAAI,sBAAO,gBAAgB,UAAU,EAAE,CAAC,IACpE,sBAAO,mBAAmB,OAAO,EAAE,CACrC,IAAI,sBAAO,uBAAuB,UAAU,EAAE,CAAC,IAC7C,WAAW,sBAAO,kBAAkB,IAAI,EAC1C,IAAI,SAAS;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,6CAAC,UAAK,WAAW,sBAAO,eAAe,GACpC;AAAA,uBAAa,UAAU,WACtB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,sBAAO,oBAAoB,CAAC,IAAI,sBAAO,6BAA6B,CAAC;AAAA,cAElF,oBAAU,QAAQ,UAAU;AAAA,gBAC3B,MAAM,UAAU,QAAQ;AAAA,gBACxB,OAAO,UAAU,QAAQ;AAAA,cAC3B,CAAC;AAAA;AAAA,UACH;AAAA,UAEF,4CAAC,UAAK,WAAW,sBAAO,eAAe,GACpC,uBACC,4CAAC,UAAK,WAAW,sBAAO,oBAAoB,GACzC,oBAAU,UAAU;AAAA,YACnB,MAAM,UAAU;AAAA,YAChB,OAAO,UAAU;AAAA,UACnB,CAAC,GACH,GAEJ;AAAA,UACC,aAAa,UAAU,aACtB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,sBAAO,oBAAoB,CAAC,IAAI,sBAAO,+BAA+B,CAAC;AAAA,cAEpF,oBAAU,UAAU,UAAU;AAAA,gBAC7B,MAAM,UAAU,UAAU;AAAA,gBAC1B,OAAO,UAAU,UAAU;AAAA,cAC7B,CAAC;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA,QACC,SAAS,4CAAC,UAAK,WAAW,sBAAO,eAAe,GAAI,iBAAM;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":["switch","switch-align-label--horizontal","switch-align-label--vertical","switch--disabled","switch-size--xsm","switch__track","switch__track-icon","switch__thumb","switch__thumb-icon","switch__label","switch__track-icon--checked","switch__track-icon--unchecked","switch-size--sm","switch-size--md","switch-size--lg","switch-size--xlg","switch-variant--default","switch-variant--primary","switch-variant--secondary","switch-variant--success","switch-variant--error","switch-variant--warning"]}
1
+ {"version":3,"sources":["../index.ts","../components/Switch.tsx"],"sourcesContent":["export * from \"./components\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport { type IconPropsType } from \"@aristobyte-ui/utils\";\n\nexport interface ISwitch {\n onChange?: () => void;\n label?: string;\n alignLabel?: \"horizontal\" | \"vertical\";\n switchSize?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n trackIcon?: {\n checked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n unchecked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n };\n thumbIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n checked?: boolean;\n disabled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const Switch: React.FC<ISwitch> = ({\n onChange,\n label,\n alignLabel = \"vertical\",\n checked,\n switchSize = \"md\",\n variant = \"default\",\n disabled = false,\n trackIcon,\n thumbIcon,\n className = \"\",\n style = {},\n}) => {\n const id = React.useId();\n const [isChecked, setIsChecked] = React.useState<boolean>(!!checked);\n\n const handleChange = () => {\n setIsChecked((prev) => !prev);\n if (onChange) onChange();\n };\n\n const baseClasses = [\n \"switch\",\n `switch-size-${switchSize}`,\n `switch-variant-${variant}`,\n `switch-align-label-${alignLabel}`,\n disabled && \"switch--disabled\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <label htmlFor={id} className={baseClasses} style={style}>\n <input\n id={id}\n type=\"checkbox\"\n disabled={disabled}\n checked={isChecked}\n onChange={handleChange}\n />\n\n <span className=\"switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out\">\n {trackIcon?.checked && (\n <span className=\"switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n {trackIcon.checked.component({\n size: trackIcon.checked.size,\n color: trackIcon.checked.color,\n })}\n </span>\n )}\n\n <span className=\"switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10\">\n {thumbIcon && (\n <span className=\"switch__thumb-icon flex items-center justify-center\">\n {thumbIcon.component({\n size: thumbIcon.size,\n color: thumbIcon.color,\n })}\n </span>\n )}\n </span>\n\n {trackIcon?.unchecked && (\n <span className=\"switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n {trackIcon.unchecked.component({\n size: trackIcon.unchecked.size,\n color: trackIcon.unchecked.color,\n })}\n </span>\n )}\n </span>\n\n {label && <span className=\"switch__label ml-2\">{label}</span>}\n </label>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,YAAuB;AAwEjB;AAlCC,IAAM,SAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,KAAW,YAAM;AACvB,QAAM,CAAC,WAAW,YAAY,IAAU,eAAkB,CAAC,CAAC,OAAO;AAEnE,QAAM,eAAe,MAAM;AACzB,iBAAa,CAAC,SAAS,CAAC,IAAI;AAC5B,QAAI,SAAU,UAAS;AAAA,EACzB;AAEA,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,eAAe,UAAU;AAAA,IACzB,kBAAkB,OAAO;AAAA,IACzB,sBAAsB,UAAU;AAAA,IAChC,YAAY;AAAA,IACZ;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,6CAAC,WAAM,SAAS,IAAI,WAAW,aAAa,OAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA,6CAAC,UAAK,WAAU,kGACb;AAAA,8CAAW,YACV,4CAAC,UAAK,WAAU,6IACb,oBAAU,QAAQ,UAAU;AAAA,QAC3B,MAAM,UAAU,QAAQ;AAAA,QACxB,OAAO,UAAU,QAAQ;AAAA,MAC3B,CAAC,GACH;AAAA,MAGF,4CAAC,UAAK,WAAU,qKACb,uBACC,4CAAC,UAAK,WAAU,uDACb,oBAAU,UAAU;AAAA,QACnB,MAAM,UAAU;AAAA,QAChB,OAAO,UAAU;AAAA,MACnB,CAAC,GACH,GAEJ;AAAA,OAEC,uCAAW,cACV,4CAAC,UAAK,WAAU,+IACb,oBAAU,UAAU,UAAU;AAAA,QAC7B,MAAM,UAAU,UAAU;AAAA,QAC1B,OAAO,UAAU,UAAU;AAAA,MAC7B,CAAC,GACH;AAAA,OAEJ;AAAA,IAEC,SAAS,4CAAC,UAAK,WAAU,sBAAsB,iBAAM;AAAA,KACxD;AAEJ;","names":[]}
package/dist/index.mjs CHANGED
@@ -1,36 +1,8 @@
1
1
  "use client";
2
2
  import "./index.css";
3
3
 
4
- // components/Switch/index.tsx
4
+ // components/Switch.tsx
5
5
  import * as React from "react";
6
-
7
- // components/Switch/Switch.module.scss
8
- var Switch_module_default = {
9
- switch: "Switch_module_switch",
10
- "switch-align-label--horizontal": "Switch_module_switch-align-label--horizontal",
11
- "switch-align-label--vertical": "Switch_module_switch-align-label--vertical",
12
- "switch--disabled": "Switch_module_switch--disabled",
13
- "switch-size--xsm": "Switch_module_switch-size--xsm",
14
- switch__track: "Switch_module_switch__track",
15
- "switch__track-icon": "Switch_module_switch__track-icon",
16
- switch__thumb: "Switch_module_switch__thumb",
17
- "switch__thumb-icon": "Switch_module_switch__thumb-icon",
18
- switch__label: "Switch_module_switch__label",
19
- "switch__track-icon--checked": "Switch_module_switch__track-icon--checked",
20
- "switch__track-icon--unchecked": "Switch_module_switch__track-icon--unchecked",
21
- "switch-size--sm": "Switch_module_switch-size--sm",
22
- "switch-size--md": "Switch_module_switch-size--md",
23
- "switch-size--lg": "Switch_module_switch-size--lg",
24
- "switch-size--xlg": "Switch_module_switch-size--xlg",
25
- "switch-variant--default": "Switch_module_switch-variant--default",
26
- "switch-variant--primary": "Switch_module_switch-variant--primary",
27
- "switch-variant--secondary": "Switch_module_switch-variant--secondary",
28
- "switch-variant--success": "Switch_module_switch-variant--success",
29
- "switch-variant--error": "Switch_module_switch-variant--error",
30
- "switch-variant--warning": "Switch_module_switch-variant--warning"
31
- };
32
-
33
- // components/Switch/index.tsx
34
6
  import { jsx, jsxs } from "react/jsx-runtime";
35
7
  var Switch = ({
36
8
  onChange,
@@ -51,53 +23,41 @@ var Switch = ({
51
23
  setIsChecked((prev) => !prev);
52
24
  if (onChange) onChange();
53
25
  };
54
- return /* @__PURE__ */ jsxs(
55
- "label",
56
- {
57
- htmlFor: id,
58
- className: `${Switch_module_default["switch"]} ${Switch_module_default[`switch-size--${switchSize}`]} ${Switch_module_default[`switch-variant--${variant}`]} ${Switch_module_default[`switch-align-label--${alignLabel}`]} ${disabled ? Switch_module_default["switch--disabled"] : ""} ${className}`,
59
- style,
60
- children: [
61
- /* @__PURE__ */ jsx(
62
- "input",
63
- {
64
- id,
65
- type: "checkbox",
66
- disabled,
67
- checked: isChecked,
68
- onChange: handleChange
69
- }
70
- ),
71
- /* @__PURE__ */ jsxs("span", { className: Switch_module_default["switch__track"], children: [
72
- trackIcon && trackIcon.checked && /* @__PURE__ */ jsx(
73
- "span",
74
- {
75
- className: `${Switch_module_default["switch__track-icon"]} ${Switch_module_default["switch__track-icon--checked"]}`,
76
- children: trackIcon.checked.component({
77
- size: trackIcon.checked.size,
78
- color: trackIcon.checked.color
79
- })
80
- }
81
- ),
82
- /* @__PURE__ */ jsx("span", { className: Switch_module_default["switch__thumb"], children: thumbIcon && /* @__PURE__ */ jsx("span", { className: Switch_module_default["switch__thumb-icon"], children: thumbIcon.component({
83
- size: thumbIcon.size,
84
- color: thumbIcon.color
85
- }) }) }),
86
- trackIcon && trackIcon.unchecked && /* @__PURE__ */ jsx(
87
- "span",
88
- {
89
- className: `${Switch_module_default["switch__track-icon"]} ${Switch_module_default["switch__track-icon--unchecked"]}`,
90
- children: trackIcon.unchecked.component({
91
- size: trackIcon.unchecked.size,
92
- color: trackIcon.unchecked.color
93
- })
94
- }
95
- )
96
- ] }),
97
- label && /* @__PURE__ */ jsx("span", { className: Switch_module_default["switch__label"], children: label })
98
- ]
99
- }
100
- );
26
+ const baseClasses = [
27
+ "switch",
28
+ `switch-size-${switchSize}`,
29
+ `switch-variant-${variant}`,
30
+ `switch-align-label-${alignLabel}`,
31
+ disabled && "switch--disabled",
32
+ className
33
+ ].filter(Boolean).join(" ");
34
+ return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: baseClasses, style, children: [
35
+ /* @__PURE__ */ jsx(
36
+ "input",
37
+ {
38
+ id,
39
+ type: "checkbox",
40
+ disabled,
41
+ checked: isChecked,
42
+ onChange: handleChange
43
+ }
44
+ ),
45
+ /* @__PURE__ */ jsxs("span", { className: "switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out", children: [
46
+ (trackIcon == null ? void 0 : trackIcon.checked) && /* @__PURE__ */ jsx("span", { className: "switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.checked.component({
47
+ size: trackIcon.checked.size,
48
+ color: trackIcon.checked.color
49
+ }) }),
50
+ /* @__PURE__ */ jsx("span", { className: "switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10", children: thumbIcon && /* @__PURE__ */ jsx("span", { className: "switch__thumb-icon flex items-center justify-center", children: thumbIcon.component({
51
+ size: thumbIcon.size,
52
+ color: thumbIcon.color
53
+ }) }) }),
54
+ (trackIcon == null ? void 0 : trackIcon.unchecked) && /* @__PURE__ */ jsx("span", { className: "switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.unchecked.component({
55
+ size: trackIcon.unchecked.size,
56
+ color: trackIcon.unchecked.color
57
+ }) })
58
+ ] }),
59
+ label && /* @__PURE__ */ jsx("span", { className: "switch__label ml-2", children: label })
60
+ ] });
101
61
  };
102
62
  export {
103
63
  Switch
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../components/Switch/index.tsx","../components/Switch/Switch.module.scss"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { type IconPropsType } from \"@aristobyte-ui/utils\";\n\nimport styles from \"./Switch.module.scss\";\n\nexport interface ISwitch {\n onChange?: () => void;\n label?: string;\n alignLabel?: \"horizontal\" | \"vertical\";\n switchSize?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n trackIcon?: {\n checked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n unchecked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n };\n thumbIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n checked?: boolean;\n disabled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n}\n\n//@TODO: Fix the the switch styling, which is breaking when continuously clicking on the component\nexport const Switch: React.FC<ISwitch> = ({\n onChange,\n label,\n alignLabel = \"vertical\",\n checked,\n switchSize = \"md\",\n variant = \"default\",\n disabled = false,\n trackIcon,\n thumbIcon,\n className = \"\",\n style = {},\n}) => {\n const id = React.useId();\n const [isChecked, setIsChecked] = React.useState<boolean>(!!checked);\n\n const handleChange = () => {\n setIsChecked((prev) => !prev);\n\n if (onChange) onChange();\n };\n\n return (\n <label\n htmlFor={id}\n className={`${styles[\"switch\"]} ${styles[`switch-size--${switchSize}`]} ${\n styles[`switch-variant--${variant}`]\n } ${styles[`switch-align-label--${alignLabel}`]} ${\n disabled ? styles[\"switch--disabled\"] : \"\"\n } ${className}`}\n style={style}\n >\n <input\n id={id}\n type=\"checkbox\"\n disabled={disabled}\n checked={isChecked}\n onChange={handleChange}\n />\n <span className={styles[\"switch__track\"]}>\n {trackIcon && trackIcon.checked && (\n <span\n className={`${styles[\"switch__track-icon\"]} ${styles[\"switch__track-icon--checked\"]}`}\n >\n {trackIcon.checked.component({\n size: trackIcon.checked.size,\n color: trackIcon.checked.color,\n })}\n </span>\n )}\n <span className={styles[\"switch__thumb\"]}>\n {thumbIcon && (\n <span className={styles[\"switch__thumb-icon\"]}>\n {thumbIcon.component({\n size: thumbIcon.size,\n color: thumbIcon.color,\n })}\n </span>\n )}\n </span>\n {trackIcon && trackIcon.unchecked && (\n <span\n className={`${styles[\"switch__track-icon\"]} ${styles[\"switch__track-icon--unchecked\"]}`}\n >\n {trackIcon.unchecked.component({\n size: trackIcon.unchecked.size,\n color: trackIcon.unchecked.color,\n })}\n </span>\n )}\n </span>\n {label && <span className={styles[\"switch__label\"]}>{label}</span>}\n </label>\n );\n};\n",".switch {\n align-items: center;\n cursor: pointer;\n display: flex;\n gap: 10px;\n max-width: max-content;\n user-select: none;\n position: relative;\n}\n.switch-align-label--horizontal {\n flex-direction: row;\n}\n.switch-align-label--vertical {\n flex-direction: column;\n}\n.switch--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.switch-size--xsm .switch__track {\n height: 1rem;\n width: 1.8rem;\n}\n.switch-size--xsm .switch__track-icon {\n height: 0.48rem;\n width: 0.48rem;\n}\n.switch-size--xsm .switch__thumb {\n border-radius: 0.4rem;\n height: 0.8rem;\n left: 0.16rem;\n width: 0.8rem;\n}\n.switch-size--xsm .switch__thumb-icon {\n height: 0.6rem;\n width: 0.6rem;\n}\n.switch-size--xsm .switch__label {\n color: #ffffff;\n font-size: 0.625rem;\n}\n.switch-size--xsm input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--xsm input + .switch__track .switch__track-icon--unchecked {\n right: 0.18rem;\n}\n.switch-size--xsm input:checked + .switch__track .switch__track-icon--checked {\n left: 0.18rem;\n}\n.switch-size--xsm input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--xsm input:checked + .switch__track .switch__thumb {\n transform: translate(0.68rem, -50%);\n}\n.switch-size--xsm input:active + .switch__track .switch__thumb {\n width: 1rem;\n}\n.switch-size--xsm input:active:checked + .switch__track .switch__thumb {\n transform: translate(0.48rem, -50%);\n width: 1rem;\n}\n.switch-size--sm .switch__track {\n height: 1.4rem;\n width: 2.6rem;\n}\n.switch-size--sm .switch__track-icon {\n height: 0.8rem;\n width: 0.8rem;\n}\n.switch-size--sm .switch__thumb {\n border-radius: 0.5rem;\n height: 1rem;\n left: 0.2rem;\n width: 1rem;\n}\n.switch-size--sm .switch__thumb-icon {\n height: 0.8rem;\n width: 0.8rem;\n}\n.switch-size--sm .switch__label {\n color: #ffffff;\n font-size: 0.75rem;\n}\n.switch-size--sm input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--sm input + .switch__track .switch__track-icon--unchecked {\n right: 0.24rem;\n}\n.switch-size--sm input:checked + .switch__track .switch__track-icon--checked {\n left: 0.24rem;\n}\n.switch-size--sm input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--sm input:checked + .switch__track .switch__thumb {\n transform: translate(1.2rem, -50%);\n}\n.switch-size--sm input:active + .switch__track .switch__thumb {\n width: 1.3rem;\n}\n.switch-size--sm input:active:checked + .switch__track .switch__thumb {\n transform: translate(0.9rem, -50%);\n width: 1.3rem;\n}\n.switch-size--md .switch__track {\n height: 1.6rem;\n width: 3rem;\n}\n.switch-size--md .switch__track-icon {\n height: 1rem;\n width: 1rem;\n}\n.switch-size--md .switch__thumb {\n border-radius: 0.6rem;\n height: 1.2rem;\n left: 0.2rem;\n width: 1.2rem;\n}\n.switch-size--md .switch__thumb-icon {\n height: 0.9rem;\n width: 0.9rem;\n}\n.switch-size--md .switch__label {\n color: #ffffff;\n font-size: 0.875rem;\n}\n.switch-size--md input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--md input + .switch__track .switch__track-icon--unchecked {\n right: 0.3rem;\n}\n.switch-size--md input:checked + .switch__track .switch__track-icon--checked {\n left: 0.3rem;\n}\n.switch-size--md input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--md input:checked + .switch__track .switch__thumb {\n transform: translate(1.4rem, -50%);\n}\n.switch-size--md input:active + .switch__track .switch__thumb {\n width: 1.5rem;\n}\n.switch-size--md input:active:checked + .switch__track .switch__thumb {\n transform: translate(1.05rem, -50%);\n width: 1.5rem;\n}\n.switch-size--lg .switch__track {\n height: 1.8rem;\n width: 3.4rem;\n}\n.switch-size--lg .switch__track-icon {\n height: 1rem;\n width: 1rem;\n}\n.switch-size--lg .switch__thumb {\n border-radius: 0.7rem;\n height: 1.4rem;\n left: 0.3rem;\n width: 1.4rem;\n}\n.switch-size--lg .switch__thumb-icon {\n height: 1rem;\n width: 1rem;\n}\n.switch-size--lg .switch__label {\n color: #ffffff;\n font-size: 1rem;\n}\n.switch-size--lg input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--lg input + .switch__track .switch__track-icon--unchecked {\n right: 0.34rem;\n}\n.switch-size--lg input:checked + .switch__track .switch__track-icon--checked {\n left: 0.34rem;\n}\n.switch-size--lg input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--lg input:checked + .switch__track .switch__thumb {\n transform: translate(1.45rem, -50%);\n}\n.switch-size--lg input:active + .switch__track .switch__thumb {\n width: 1.8rem;\n}\n.switch-size--lg input:active:checked + .switch__track .switch__thumb {\n transform: translate(1.05rem, -50%);\n width: 1.8rem;\n}\n.switch-size--xlg .switch__track {\n height: 2rem;\n width: 3.8rem;\n}\n.switch-size--xlg .switch__track-icon {\n height: 1.2rem;\n width: 1.2rem;\n}\n.switch-size--xlg .switch__thumb {\n border-radius: 0.8rem;\n height: 1.6rem;\n left: 0.3rem;\n width: 1.6rem;\n}\n.switch-size--xlg .switch__thumb-icon {\n height: 1.2rem;\n width: 1.2rem;\n}\n.switch-size--xlg .switch__label {\n color: #ffffff;\n font-size: 1.125rem;\n}\n.switch-size--xlg input + .switch__track .switch__track-icon--checked {\n left: -2rem;\n}\n.switch-size--xlg input + .switch__track .switch__track-icon--unchecked {\n right: 0.38rem;\n}\n.switch-size--xlg input:checked + .switch__track .switch__track-icon--checked {\n left: 0.38rem;\n}\n.switch-size--xlg input:checked + .switch__track .switch__track-icon--unchecked {\n right: -2rem;\n}\n.switch-size--xlg input:checked + .switch__track .switch__thumb {\n transform: translate(1.6rem, -50%);\n}\n.switch-size--xlg input:active + .switch__track .switch__thumb {\n width: 2rem;\n}\n.switch-size--xlg input:active:checked + .switch__track .switch__thumb {\n transform: translate(1.22rem, -50%);\n width: 2rem;\n}\n.switch-variant--default input:checked + .switch__track {\n background-color: #6b7280;\n}\n.switch-variant--primary input:checked + .switch__track {\n background-color: #2563eb;\n}\n.switch-variant--secondary input:checked + .switch__track {\n background-color: #4f46e5;\n}\n.switch-variant--success input:checked + .switch__track {\n background-color: #16a34a;\n}\n.switch-variant--error input:checked + .switch__track {\n background-color: #dc2626;\n}\n.switch-variant--warning input:checked + .switch__track {\n background-color: #d97706;\n}\n.switch input {\n display: none;\n}\n.switch input + .switch__track .switch__track-icon--checked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n}\n.switch input + .switch__track .switch__track-icon--unchecked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n}\n.switch input:checked + .switch__track .switch__track-icon--checked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n}\n.switch input:checked + .switch__track .switch__track-icon--unchecked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n}\n.switch__track {\n position: relative;\n background-color: #374151;\n border-radius: 999px;\n overflow: hidden;\n position: relative;\n transition: background-color 0.3s ease;\n}\n.switch__track-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transition: transform 120ms ease-out, left 200ms ease-out, right 200ms ease-out, opacity 100ms ease-out;\n z-index: 0;\n}\n.switch__track-icon svg {\n height: 100%;\n width: 100%;\n}\n.switch__thumb {\n align-items: center;\n background-color: white;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transform: translate(0, -50%);\n transition: all 200ms ease-out;\n z-index: 1;\n}\n.switch__thumb-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n}\n.switch__thumb-icon svg {\n height: 100%;\n width: 100%;\n}\n.switch__label {\n color: #ffffff;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RodW5hbnlhbi9hcmlzdG9ieXRlL2dpdGh1Yi9hcmlzdG9ieXRlLXVpL3BhY2thZ2VzL3N3aXRjaC9jb21wb25lbnRzL1N3aXRjaCIsInNvdXJjZXMiOlsiU3dpdGNoLm1vZHVsZS5zY3NzIiwiLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL0BhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9fc2V0dGluZ3Muc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdFO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7O0FBTUk7RUFDRTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFLE9DL0JGO0VEZ0NFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFNQTtFQUNFOztBQUdGO0VBQ0U7O0FBSUo7RUFDRTs7QUFLRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFRSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0UsT0NyR0Y7RURzR0U7O0FBTUE7RUFDRTs7QUFHRjtFQUNFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJSjtFQUNFOztBQUtGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQVFKO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBSUo7RUFDRSxPQzNLRjtFRDRLRTs7QUFNQTtFQUNFOztBQUdGO0VBQ0U7O0FBTUE7RUFDRTs7QUFHRjtFQUNFOztBQUlKO0VBQ0U7O0FBSUY7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBUUo7RUFDRTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFJSjtFQUNFLE9DaFBGO0VEaVBFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFNQTtFQUNFOztBQUdGO0VBQ0U7O0FBSUo7RUFDRTs7QUFRRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFRSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0UsT0N6VEY7RUQwVEU7O0FBTUE7RUFDRTs7QUFHRjtFQUNFOztBQU1BO0VBQ0U7O0FBR0Y7RUFDRTs7QUFJSjtFQUNFOztBQUtGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQU9WO0VBQ0Usa0JDdFVPOztBRHlVVDtFQUNFLGtCQzdUTzs7QURnVVQ7RUFDRSxrQkNyVFM7O0FEd1RYO0VBQ0Usa0JDclNROztBRHdTVjtFQUNFLGtCQ25UTTs7QURzVFI7RUFDRSxrQkNuU1E7O0FEc1NWO0VBQ0U7O0FBR0U7RUFDRTtFQUNBOztBQUdGO0VBQ0U7RUFDQTs7QUFNQTtFQUNFO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBOztBQU1SO0VBQ0U7RUFDQSxrQkMzWE87RUQ0WFA7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsWUFDRTtFQUlGOztBQUVBO0VBQ0U7RUFDQTs7QUFLTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBS047RUFDRSxPQ2pkSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgXCJAYXJpc3RvYnl0ZS11aS91dGlscy9zdHlsZXMvc2V0dGluZ3NcIiBhcyAqO1xuXG4uc3dpdGNoIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDEwcHg7XG4gIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJi1hbGlnbi1sYWJlbCB7XG4gICAgJi0taG9yaXpvbnRhbCB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIH1cblxuICAgICYtLXZlcnRpY2FsIHtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgfVxuICB9XG5cbiAgJi0tZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5cbiAgJi1zaXplIHtcbiAgICAmLS14c20ge1xuICAgICAgLnN3aXRjaCB7XG4gICAgICAgICZfX3RyYWNrIHtcbiAgICAgICAgICBoZWlnaHQ6IDFyZW07XG4gICAgICAgICAgd2lkdGg6IDEuOHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMC44cmVtIC0gMC4xNnJlbSAqIDIpO1xuICAgICAgICAgICAgd2lkdGg6IGNhbGMoMC44cmVtIC0gMC4xNnJlbSAqIDIpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfX3RodW1iIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiBjYWxjKDAuOHJlbSAvIDIpO1xuICAgICAgICAgIGhlaWdodDogMC44cmVtO1xuICAgICAgICAgIGxlZnQ6IDAuMTZyZW07XG4gICAgICAgICAgd2lkdGg6IDAuOHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDAuNnJlbTtcbiAgICAgICAgICAgIHdpZHRoOiAwLjZyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGFiZWwge1xuICAgICAgICAgIGNvbG9yOiAkd2hpdGU7XG4gICAgICAgICAgZm9udC1zaXplOiAwLjYyNXJlbTsgLy8gMTBweFxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgIGxlZnQ6IC0ycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICByaWdodDogMC4xOHJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayB7XG4gICAgICAgICAgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgICAgbGVmdDogMC4xOHJlbTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICAgICAgcmlnaHQ6IC0ycmVtO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMS44cmVtIC0gMC44cmVtIC0gMC4xNnJlbSAqIDIpLCAtNTAlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB3aWR0aDogMXJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKDAuOHJlbSAvIDIgKyAwLjA4cmVtKSwgLTUwJSk7XG4gICAgICAgICAgICB3aWR0aDogMXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLS1zbSB7XG4gICAgICAuc3dpdGNoIHtcbiAgICAgICAgJl9fdHJhY2sge1xuICAgICAgICAgIGhlaWdodDogMS40cmVtO1xuICAgICAgICAgIHdpZHRoOiAyLjZyZW07XG5cbiAgICAgICAgICAmLWljb24ge1xuICAgICAgICAgICAgaGVpZ2h0OiBjYWxjKDEuMnJlbSAtIDAuMnJlbSAqIDIpO1xuICAgICAgICAgICAgd2lkdGg6IGNhbGMoMS4ycmVtIC0gMC4ycmVtICogMik7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fdGh1bWIge1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IGNhbGMoMXJlbSAvIDIpO1xuICAgICAgICAgIGhlaWdodDogMXJlbTtcbiAgICAgICAgICBsZWZ0OiAwLjJyZW07XG4gICAgICAgICAgd2lkdGg6IDFyZW07XG5cbiAgICAgICAgICAmLWljb24ge1xuICAgICAgICAgICAgaGVpZ2h0OiAwLjhyZW07XG4gICAgICAgICAgICB3aWR0aDogMC44cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfX2xhYmVsIHtcbiAgICAgICAgICBjb2xvcjogJHdoaXRlO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTsgLy8gMTJweFxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgIGxlZnQ6IC0ycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICByaWdodDogMC4yNHJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayB7XG4gICAgICAgICAgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgICAgbGVmdDogMC4yNHJlbTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICAgICAgcmlnaHQ6IC0ycmVtO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMi42cmVtIC0gMXJlbSAtIDAuMnJlbSAqIDIpLCAtNTAlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB3aWR0aDogMS4zcmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6Y2hlY2tlZCArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMS4zcmVtIC8gMiArIDAuMjVyZW0pLCAtNTAlKTtcbiAgICAgICAgICAgIHdpZHRoOiAxLjNyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi0tbWQge1xuICAgICAgLnN3aXRjaCB7XG4gICAgICAgICZfX3RyYWNrIHtcbiAgICAgICAgICBoZWlnaHQ6IDEuNnJlbTtcbiAgICAgICAgICB3aWR0aDogM3JlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMS40cmVtIC0gMC4ycmVtICogMik7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygxLjRyZW0gLSAwLjJyZW0gKiAyKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX190aHVtYiB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogY2FsYygxLjJyZW0gLyAyKTtcbiAgICAgICAgICBoZWlnaHQ6IDEuMnJlbTtcbiAgICAgICAgICBsZWZ0OiAwLjJyZW07XG4gICAgICAgICAgd2lkdGg6IDEuMnJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDAuOXJlbTtcbiAgICAgICAgICAgIHdpZHRoOiAwLjlyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGFiZWwge1xuICAgICAgICAgIGNvbG9yOiAkd2hpdGU7XG4gICAgICAgICAgZm9udC1zaXplOiAwLjg3NXJlbTsgLy8gMTRweFxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICAgIGxlZnQ6IC0ycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICByaWdodDogMC4zcmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICY6Y2hlY2tlZCArIC5zd2l0Y2hfX3RyYWNrIHtcbiAgICAgICAgICAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAgICYtLWNoZWNrZWQge1xuICAgICAgICAgICAgICBsZWZ0OiAwLjNyZW07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICAgIHJpZ2h0OiAtMnJlbTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKDNyZW0gLSAxLjJyZW0gLSAwLjJyZW0gKiAyKSwgLTUwJSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgICArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RodW1iIHtcbiAgICAgICAgICAgIHdpZHRoOiAxLjVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpjaGVja2VkICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoY2FsYygxLjVyZW0gLyAyICsgMC4zcmVtKSwgLTUwJSk7XG4gICAgICAgICAgICB3aWR0aDogMS41cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYtLWxnIHtcbiAgICAgIC5zd2l0Y2gge1xuICAgICAgICAmX190cmFjayB7XG4gICAgICAgICAgaGVpZ2h0OiAxLjhyZW07XG4gICAgICAgICAgd2lkdGg6IDMuNHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMS42cmVtIC0gMC4zcmVtICogMik7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygxLjZyZW0gLSAwLjNyZW0gKiAyKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX190aHVtYiB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogY2FsYygxLjRyZW0gLyAyKTtcbiAgICAgICAgICBoZWlnaHQ6IDEuNHJlbTtcbiAgICAgICAgICBsZWZ0OiAwLjNyZW07XG4gICAgICAgICAgd2lkdGg6IDEuNHJlbTtcblxuICAgICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDFyZW07XG4gICAgICAgICAgICB3aWR0aDogMXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX19sYWJlbCB7XG4gICAgICAgICAgY29sb3I6ICR3aGl0ZTtcbiAgICAgICAgICBmb250LXNpemU6IDFyZW07IC8vIDE2cHhcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBpbnB1dCB7XG4gICAgICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAgICAgJi0tY2hlY2tlZCB7XG4gICAgICAgICAgICBsZWZ0OiAtMnJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmLS11bmNoZWNrZWQge1xuICAgICAgICAgICAgcmlnaHQ6IDAuMzRyZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpjaGVja2VkICsgLnN3aXRjaF9fdHJhY2sge1xuICAgICAgICAgIC5zd2l0Y2hfX3RyYWNrLWljb24ge1xuICAgICAgICAgICAgJi0tY2hlY2tlZCB7XG4gICAgICAgICAgICAgIGxlZnQ6IDAuMzRyZW07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgICAgICAgIHJpZ2h0OiAtMnJlbTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShcbiAgICAgICAgICAgICAgY2FsYygzLjRyZW0gLSAxLjRyZW0gLSAwLjNyZW0gKiAyICsgMC4wNXJlbSksXG4gICAgICAgICAgICAgIC01MCVcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgd2lkdGg6IDEuOHJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmNoZWNrZWQgKyAuc3dpdGNoX190cmFjayAuc3dpdGNoX190aHVtYiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKDEuOHJlbSAvIDIgKyAwLjJyZW0gLSAwLjA1cmVtKSwgLTUwJSk7XG4gICAgICAgICAgICB3aWR0aDogMS44cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYtLXhsZyB7XG4gICAgICAuc3dpdGNoIHtcbiAgICAgICAgJl9fdHJhY2sge1xuICAgICAgICAgIGhlaWdodDogMnJlbTtcbiAgICAgICAgICB3aWR0aDogMy44cmVtO1xuXG4gICAgICAgICAgJi1pY29uIHtcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygxLjhyZW0gLSAwLjNyZW0gKiAyKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKDEuOHJlbSAtIDAuM3JlbSAqIDIpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfX3RodW1iIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiBjYWxjKDEuNnJlbSAvIDIpO1xuICAgICAgICAgIGhlaWdodDogMS42cmVtO1xuICAgICAgICAgIGxlZnQ6IDAuM3JlbTtcbiAgICAgICAgICB3aWR0aDogMS42cmVtO1xuXG4gICAgICAgICAgJi1pY29uIHtcbiAgICAgICAgICAgIGhlaWdodDogMS4ycmVtO1xuICAgICAgICAgICAgd2lkdGg6IDEuMnJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX19sYWJlbCB7XG4gICAgICAgICAgY29sb3I6ICR3aGl0ZTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMTI1cmVtOyAvLyAxOHB4XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RyYWNrLWljb24ge1xuICAgICAgICAgICYtLWNoZWNrZWQge1xuICAgICAgICAgICAgbGVmdDogLTJyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICAgIHJpZ2h0OiAwLjM4cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICY6Y2hlY2tlZCArIC5zd2l0Y2hfX3RyYWNrIHtcbiAgICAgICAgICAuc3dpdGNoX190cmFjay1pY29uIHtcbiAgICAgICAgICAgICYtLWNoZWNrZWQge1xuICAgICAgICAgICAgICBsZWZ0OiAwLjM4cmVtO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLS11bmNoZWNrZWQge1xuICAgICAgICAgICAgICByaWdodDogLTJyZW07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoY2FsYygzLjhyZW0gLSAxLjZyZW0gLSAwLjNyZW0gKiAyKSwgLTUwJSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgd2lkdGg6IDJyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpjaGVja2VkICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdGh1bWIge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoY2FsYygycmVtIC8gMiArIDAuMjJyZW0pLCAtNTAlKTtcbiAgICAgICAgICAgIHdpZHRoOiAycmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYtdmFyaWFudC0tZGVmYXVsdCBpbnB1dDpjaGVja2VkICsgJl9fdHJhY2sge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICRncmV5LTUwMDtcbiAgfVxuXG4gICYtdmFyaWFudC0tcHJpbWFyeSBpbnB1dDpjaGVja2VkICsgJl9fdHJhY2sge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICRjb2xvci1wcmltYXJ5O1xuICB9XG5cbiAgJi12YXJpYW50LS1zZWNvbmRhcnkgaW5wdXQ6Y2hlY2tlZCArICZfX3RyYWNrIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkY29sb3Itc2Vjb25kYXJ5O1xuICB9XG5cbiAgJi12YXJpYW50LS1zdWNjZXNzIGlucHV0OmNoZWNrZWQgKyAmX190cmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXN1Y2Nlc3M7XG4gIH1cblxuICAmLXZhcmlhbnQtLWVycm9yIGlucHV0OmNoZWNrZWQgKyAmX190cmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLWVycm9yO1xuICB9XG5cbiAgJi12YXJpYW50LS13YXJuaW5nIGlucHV0OmNoZWNrZWQgKyAmX190cmFjayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yLXdhcm5pbmc7XG4gIH1cblxuICBpbnB1dCB7XG4gICAgZGlzcGxheTogbm9uZTtcblxuICAgICsgLnN3aXRjaF9fdHJhY2sgLnN3aXRjaF9fdHJhY2staWNvbiB7XG4gICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSkgc2NhbGUoMC41NSk7XG4gICAgICB9XG5cbiAgICAgICYtLXVuY2hlY2tlZCB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpIHNjYWxlKDEpO1xuICAgICAgfVxuICAgIH1cblxuICAgICY6Y2hlY2tlZCB7XG4gICAgICArIC5zd2l0Y2hfX3RyYWNrIC5zd2l0Y2hfX3RyYWNrLWljb24ge1xuICAgICAgICAmLS1jaGVja2VkIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpIHNjYWxlKDEpO1xuICAgICAgICB9XG5cbiAgICAgICAgJi0tdW5jaGVja2VkIHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpIHNjYWxlKDAuNTUpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fdHJhY2sge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkZ3JleS03MDA7XG4gICAgYm9yZGVyLXJhZGl1czogOTk5cHg7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7XG5cbiAgICAmLWljb24ge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogNTAlO1xuICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgdHJhbnNmb3JtIDEyMG1zIGVhc2Utb3V0LFxuICAgICAgICBsZWZ0IDIwMG1zIGVhc2Utb3V0LFxuICAgICAgICByaWdodCAyMDBtcyBlYXNlLW91dCxcbiAgICAgICAgb3BhY2l0eSAxMDBtcyBlYXNlLW91dDtcbiAgICAgIHotaW5kZXg6IDA7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fdGh1bWIge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7XG4gICAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2Utb3V0O1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAmLWljb24ge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgc3ZnIHtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAmX19sYWJlbCB7XG4gICAgY29sb3I6ICR3aGl0ZTtcbiAgfVxufVxuIiwiLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAvL1xuLy8gICAgICAgIEFyaXN0b0J5dGUgVUkgLSBTdHlsZSBTZXR0aW5ncyAgICAgICAvL1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAvL1xuXG4vLyA9PT0gRGVzaWduIFRva2VucyDigJQgQ29sb3IgUGFsZXR0ZSA9PT0gLy9cbi8vIExvZ29cbiRsb2dvLWNvbG9yLTE6ICNmZmVlMjc7XG4kbG9nby1jb2xvci0yOiAjZmVjODAwO1xuJGxvZ28tY29sb3ItMzogI2YxOGUzNTtcbiRsb2dvLWNvbG9yLTQ6ICNlOTVmMzI7XG4kbG9nby1jb2xvci01OiAjZTIzMTJkO1xuJGxvZ28tZ3JhZGllbnQ6IGxpbmVhci1ncmFkaWVudChcbiAgOTBkZWcsXG4gICRsb2dvLWNvbG9yLTEsXG4gICRsb2dvLWNvbG9yLTIsXG4gICRsb2dvLWNvbG9yLTMsXG4gICRsb2dvLWNvbG9yLTQsXG4gICRsb2dvLWNvbG9yLTVcbik7XG5cbi8vIEJhc2VcbiR3aGl0ZTogI2ZmZmZmZjtcbiR3aGl0ZS1ob3ZlcjogI2RkZGRkZDtcbiRibGFjazogIzAwMDAwMDtcbiRibGFjay1ob3ZlcjogIzIyMjIyMjtcbiR0cmFuc3BhcmVudDogdHJhbnNwYXJlbnQ7XG5cbi8vID09PSBCbGFjayBUcmFuc3BhcmVudCBTY2FsZSA9PT0gLy9cbiRibGFjay10cmFuc3BhcmVudC0xMDA6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiRibGFjay10cmFuc3BhcmVudC0yMDA6IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiRibGFjay10cmFuc3BhcmVudC0zMDA6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbiRibGFjay10cmFuc3BhcmVudC00MDA6IHJnYmEoMCwgMCwgMCwgMC40KTtcbiRibGFjay10cmFuc3BhcmVudC01MDA6IHJnYmEoMCwgMCwgMCwgMC41KTtcbiRibGFjay10cmFuc3BhcmVudC02MDA6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiRibGFjay10cmFuc3BhcmVudC03MDA6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiRibGFjay10cmFuc3BhcmVudC04MDA6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiRibGFjay10cmFuc3BhcmVudC05MDA6IHJnYmEoMCwgMCwgMCwgMC45KTtcblxuLy8gPT09IEJsYWNrIFRyYW5zcGFyZW50IFNjYWxlID09PSAvL1xuJHdoaXRlLXRyYW5zcGFyZW50LTEwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjEpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTIwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTMwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTQwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTUwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTYwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjYpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTcwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTgwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuJHdoaXRlLXRyYW5zcGFyZW50LTkwMDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xuXG4vLyA9PT0gTmV1dHJhbCBTY2FsZSAoR3JleSkgPT09IC8vXG4kZ3JleS01MDogI2Y5ZmFmYjtcbiRncmV5LTEwMDogI2YzZjRmNjtcbiRncmV5LTIwMDogI2U1ZTdlYjtcbiRncmV5LTMwMDogI2QxZDVkYjtcbiRncmV5LTQwMDogIzljYTNhZjtcbiRncmV5LTUwMDogIzZiNzI4MDtcbiRncmV5LTYwMDogIzRiNTU2MztcbiRncmV5LTcwMDogIzM3NDE1MTtcbiRncmV5LTgwMDogIzFmMjkzNztcbiRncmV5LTkwMDogIzExMTgyNztcblxuLy8gPT09IFByaW1hcnkgU2NhbGUgKEJsdWUpID09PSAvL1xuJGJsdWUtNTA6ICNlZmY2ZmY7XG4kYmx1ZS0xMDA6ICNkYmVhZmU7XG4kYmx1ZS0yMDA6ICNiZmRiZmU7XG4kYmx1ZS0zMDA6ICM5M2M1ZmQ7XG4kYmx1ZS00MDA6ICM2MGE1ZmE7XG4kYmx1ZS01MDA6ICMzYjgyZjY7XG4kYmx1ZS02MDA6ICMyNTYzZWI7IC8vIE1haW5cbiRibHVlLTcwMDogIzFkNGVkODsgLy8gSG92ZXJcbiRibHVlLTgwMDogIzFlNDBhZjtcbiRibHVlLTkwMDogIzFlM2E4YTtcblxuLy8gPT09IFNlY29uZGFyeSBTY2FsZSAoSW5kaWdvKSA9PT0gLy9cbiRpbmRpZ28tNTA6ICNlZWYyZmY7XG4kaW5kaWdvLTEwMDogI2UwZTdmZjtcbiRpbmRpZ28tMjAwOiAjYzdkMmZlO1xuJGluZGlnby0zMDA6ICNhNWI0ZmM7XG4kaW5kaWdvLTQwMDogIzgxOGNmODtcbiRpbmRpZ28tNTAwOiAjNjM2NmYxO1xuJGluZGlnby02MDA6ICM0ZjQ2ZTU7IC8vIE1haW5cbiRpbmRpZ28tNzAwOiAjNDMzOGNhOyAvLyBIb3ZlclxuXG4vLyA9PT0gRXJyb3IgU2NhbGUgKFJlZCkgPT09IC8vXG4kcmVkLTUwOiAjZmVmMmYyO1xuJHJlZC0xMDA6ICNmZWUyZTI7XG4kcmVkLTIwMDogI2ZlY2FjYTtcbiRyZWQtMzAwOiAjZmNhNWE1O1xuJHJlZC00MDA6ICNmODcxNzE7XG4kcmVkLTUwMDogI2VmNDQ0NDtcbiRyZWQtNjAwOiAjZGMyNjI2OyAvLyBNYWluXG4kcmVkLTcwMDogI2I5MWMxYzsgLy8gSG92ZXJcblxuLy8gPT09IFN1Y2Nlc3MgU2NhbGUgKEdyZWVuKSA9PT0gLy9cbiRncmVlbi01MDogI2YwZmRmNDtcbiRncmVlbi0xMDA6ICNkY2ZjZTc7XG4kZ3JlZW4tMjAwOiAjYmJmN2QwO1xuJGdyZWVuLTMwMDogIzg2ZWZhYztcbiRncmVlbi00MDA6ICM0YWRlODA7XG4kZ3JlZW4tNTAwOiAjMjJjNTVlO1xuJGdyZWVuLTYwMDogIzE2YTM0YTsgLy8gTWFpblxuJGdyZWVuLTcwMDogIzE1ODAzZDsgLy8gSG92ZXJcblxuLy8gPT09IFdhcm5pbmcgU2NhbGUgKEFtYmVyKSA9PT0gLy9cbiRhbWJlci01MDogI2ZmZmJlYjtcbiRhbWJlci0xMDA6ICNmZWYzYzc7XG4kYW1iZXItMjAwOiAjZmRlNjhhO1xuJGFtYmVyLTMwMDogI2ZjZDM0ZDtcbiRhbWJlci00MDA6ICNmYmJmMjQ7XG4kYW1iZXItNTAwOiAjZjU5ZTBiO1xuJGFtYmVyLTYwMDogI2Q5NzcwNjsgLy8gTWFpblxuJGFtYmVyLTcwMDogI2I0NTMwOTsgLy8gSG92ZXJcblxuLy8gPT09IFNlbWFudGljIFRva2VucyA9PT0gLy9cbiRjb2xvci1kZWZhdWx0OiAkZ3JleS04MDA7XG4kY29sb3ItZGVmYXVsdC1ob3ZlcjogJGdyZXktOTAwO1xuJGNvbG9yLWRlZmF1bHQtZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLWRlZmF1bHQsIDAuNSk7XG5cbiRjb2xvci1wcmltYXJ5OiAkYmx1ZS02MDA7XG4kY29sb3ItcHJpbWFyeS1ob3ZlcjogJGJsdWUtNzAwO1xuJGNvbG9yLXByaW1hcnktZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXByaW1hcnksIDAuNSk7XG5cbiRjb2xvci1zZWNvbmRhcnk6ICRpbmRpZ28tNjAwO1xuJGNvbG9yLXNlY29uZGFyeS1ob3ZlcjogJGluZGlnby03MDA7XG4kY29sb3Itc2Vjb25kYXJ5LWRpc2FibGVkOiByZ2JhKCRjb2xvci1zZWNvbmRhcnksIDAuNSk7XG5cbiRjb2xvci1lcnJvcjogJHJlZC02MDA7XG4kY29sb3ItZXJyb3ItaG92ZXI6ICRyZWQtNzAwO1xuJGNvbG9yLWVycm9yLWRpc2FibGVkOiByZ2JhKCRjb2xvci1lcnJvciwgMC41KTtcblxuJGNvbG9yLXN1Y2Nlc3M6ICRncmVlbi02MDA7XG4kY29sb3Itc3VjY2Vzcy1ob3ZlcjogJGdyZWVuLTcwMDtcbiRjb2xvci1zdWNjZXNzLWRpc2FibGVkOiByZ2JhKCRjb2xvci1zdWNjZXNzLCAwLjUpO1xuXG4kY29sb3Itd2FybmluZzogJGFtYmVyLTYwMDtcbiRjb2xvci13YXJuaW5nLWhvdmVyOiAkYW1iZXItNzAwO1xuJGNvbG9yLXdhcm5pbmctZGlzYWJsZWQ6IHJnYmEoJGNvbG9yLXdhcm5pbmcsIDAuNSk7XG5cbiR0ZXh0LWNvbG9yLXdoaXRlOiAkd2hpdGU7XG4kdGV4dC1jb2xvci1ibGFjazogJGJsYWNrO1xuJHRleHQtY29sb3Itd2hpdGUtZGlzYWJsZWQ6IHJnYmEoJHdoaXRlLCAwLjUpO1xuJHRleHQtY29sb3ItYmxhY2stZGlzYWJsZWQ6IHJnYmEoJGJsYWNrLCAwLjUpO1xuXG4kdGl0bGUtY29sb3ItZGFyazogJHdoaXRlO1xuJHN1YnRpdGxlLWNvbG9yLWRhcms6ICM5OWExYWY7XG4kZGVzY3JpcHRpb24tY29sb3ItZGFyazogI2QxZDVkYztcbiRpY29uLWNvbG9yLWRhcms6ICM5OWExYWY7XG5cbi8vID09PSBTaGFkb3dzID09PSAvL1xuLy9AVE9ETzogQFNIQURPV1xuJHNoYWRvdy1zbTogMCAxcHggMnB4IDAgcmdiYSgkYmxhY2ssIDAuMDUpO1xuJHNoYWRvdy1tZDpcbiAgMCA0cHggNnB4IC0xcHggcmdiYSgkYmxhY2ssIDAuMSksXG4gIDAgMnB4IDRweCAtMXB4IHJnYmEoJGJsYWNrLCAwLjA2KTtcbiRzaGFkb3ctbGc6XG4gIDAgMTBweCAxNXB4IC0zcHggcmdiYSgkYmxhY2ssIDAuMSksXG4gIDAgNHB4IDZweCAtMnB4IHJnYmEoJGJsYWNrLCAwLjA1KTtcblxuLy8gPT09IEZvbnQgZmFtaWxpZXMgPT09IC8vXG4kZm9udC1mYW1pbHktc2FuczogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuJGZvbnQtZmFtaWx5LXNlcmlmOiBcIkdlb3JnaWFcIiwgc2VyaWY7XG4kZm9udC1mYW1pbHktbW9ubzogXCJGaXJhIENvZGVcIiwgbW9ub3NwYWNlO1xuXG4vLyA9PT0gRm9udCB3ZWlnaHRzID09PSAvL1xuJGZvbnQtd2VpZ2h0LXJlZ3VsYXI6IDQwMDtcbiRmb250LXdlaWdodC1tZWRpdW06IDUwMDtcbiRmb250LXdlaWdodC1zZW1pYm9sZDogNjAwO1xuJGZvbnQtd2VpZ2h0LWJvbGQ6IDcwMDtcblxuLy8gPT09IExpbmUgaGVpZ2h0cyA9PT0gLy9cbiRsaW5lLWhlaWdodC10aWdodDogMS4yO1xuJGxpbmUtaGVpZ2h0LXNudWc6IDEuMzc1O1xuJGxpbmUtaGVpZ2h0LW5vcm1hbDogMS41O1xuJGxpbmUtaGVpZ2h0LWxvb3NlOiAxLjYyNTtcblxuLy8gPT09IEZvbnQgU2l6ZXMg4oCUIFNlbWFudGljIFRva2VucyA9PT0gLy9cblxuLy8gPT09IFRpdGxlcyA9PT0gLy9cbiRmb250LXNpemUtaGVybzogM3JlbTsgLy8gNDhweFxuJGZvbnQtc2l6ZS10aXRsZS0xOiAyLjI1cmVtOyAvLyAzNnB4XG4kZm9udC1zaXplLXRpdGxlLTI6IDEuODc1cmVtOyAvLyAzMHB4XG4kZm9udC1zaXplLXRpdGxlLTM6IDEuNXJlbTsgLy8gMjRweFxuXG4vLyA9PT0gU3VidGl0bGVzID09PSAvL1xuJGZvbnQtc2l6ZS1zdWJ0aXRsZS0xOiAxLjI1cmVtOyAvLyAyMHB4XG4kZm9udC1zaXplLXN1YnRpdGxlLTI6IDEuMTI1cmVtOyAvLyAxOHB4XG5cbi8vID09PSBCb2R5IHRleHQgPT09IC8vXG4kZm9udC1zaXplLWJvZHktbGc6IDFyZW07IC8vIDE2cHhcbiRmb250LXNpemUtYm9keS1tZDogMC45Mzc1cmVtOyAvLyAxNXB4XG4kZm9udC1zaXplLWJvZHktc206IDAuODc1cmVtOyAvLyAxNHB4XG5cbi8vID09PSBDYXB0aW9ucyAvIERlc2NyaXB0aW9ucyA9PT0gLy9cbiRmb250LXNpemUtY2FwdGlvbjogMC43NXJlbTsgLy8gMTJweFxuJGZvbnQtc2l6ZS1mb290bm90ZTogMC42ODc1cmVtOyAvLyAxMXB4XG5cbi8vID09PSBCdXR0b25zID09PSAvL1xuJGZvbnQtc2l6ZS1idXR0b24tbGc6IDFyZW07IC8vIDE2cHhcbiRmb250LXNpemUtYnV0dG9uLW1kOiAwLjg3NXJlbTsgLy8gMTRweFxuJGZvbnQtc2l6ZS1idXR0b24tc206IDAuNzVyZW07IC8vIDEycHhcblxuLy8gPT09IEFuaW1hdGlvbnMgPT09IC8vXG5cbiRjdWJpYy1iZXppZXItcHJpbWFyeTogY3ViaWMtYmV6aWVyKDAuNTUsIC0wLjE5LCAwLjU5LCAwLjk1KTtcbiRjdWJpYy1iZXppZXItc2Vjb25kYXJ5OiBjdWJpYy1iZXppZXIoMC4xNzUsIDAuODg1LCAwLjMyLCAxLjI3NSk7XG4iXX0= */"],"mappings":";;;;AAEA,YAAY,WAAW;;;ACFvB;AAAA,EAAC,QAAAA;AAAA,EASA,kCAAAC;AAAA,EAGA,gCAAAC;AAAA,EAGA,oBAAAC;AAAA,EAIA,oBAAAC;AAAA,EAAkB,eAAAC;AAAA,EAIA,sBAAAC;AAAA,EAIA,eAAAC;AAAA,EAMA,sBAAAC;AAAA,EAIA,eAAAC;AAAA,EAIuB,+BAAAC;AAAA,EAGA,iCAAAC;AAAA,EAmBzC,mBAAAC;AAAA,EA4CA,mBAAAC;AAAA,EA4CA,mBAAAC;AAAA,EA4CA,oBAAAC;AAAA,EA4CA,2BAAAC;AAAA,EAGA,2BAAAC;AAAA,EAGA,6BAAAC;AAAA,EAGA,2BAAAC;AAAA,EAGA,yBAAAC;AAAA,EAGA,2BAAAC;AAAA;;;ADnLK,cAOA,YAPA;AAhCC,IAAM,SAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,KAAW,YAAM;AACvB,QAAM,CAAC,WAAW,YAAY,IAAU,eAAkB,CAAC,CAAC,OAAO;AAEnE,QAAM,eAAe,MAAM;AACzB,iBAAa,CAAC,SAAS,CAAC,IAAI;AAE5B,QAAI,SAAU,UAAS;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,GAAG,sBAAO,QAAQ,CAAC,IAAI,sBAAO,gBAAgB,UAAU,EAAE,CAAC,IACpE,sBAAO,mBAAmB,OAAO,EAAE,CACrC,IAAI,sBAAO,uBAAuB,UAAU,EAAE,CAAC,IAC7C,WAAW,sBAAO,kBAAkB,IAAI,EAC1C,IAAI,SAAS;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,qBAAC,UAAK,WAAW,sBAAO,eAAe,GACpC;AAAA,uBAAa,UAAU,WACtB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,sBAAO,oBAAoB,CAAC,IAAI,sBAAO,6BAA6B,CAAC;AAAA,cAElF,oBAAU,QAAQ,UAAU;AAAA,gBAC3B,MAAM,UAAU,QAAQ;AAAA,gBACxB,OAAO,UAAU,QAAQ;AAAA,cAC3B,CAAC;AAAA;AAAA,UACH;AAAA,UAEF,oBAAC,UAAK,WAAW,sBAAO,eAAe,GACpC,uBACC,oBAAC,UAAK,WAAW,sBAAO,oBAAoB,GACzC,oBAAU,UAAU;AAAA,YACnB,MAAM,UAAU;AAAA,YAChB,OAAO,UAAU;AAAA,UACnB,CAAC,GACH,GAEJ;AAAA,UACC,aAAa,UAAU,aACtB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,sBAAO,oBAAoB,CAAC,IAAI,sBAAO,+BAA+B,CAAC;AAAA,cAEpF,oBAAU,UAAU,UAAU;AAAA,gBAC7B,MAAM,UAAU,UAAU;AAAA,gBAC1B,OAAO,UAAU,UAAU;AAAA,cAC7B,CAAC;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA,QACC,SAAS,oBAAC,UAAK,WAAW,sBAAO,eAAe,GAAI,iBAAM;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":["switch","switch-align-label--horizontal","switch-align-label--vertical","switch--disabled","switch-size--xsm","switch__track","switch__track-icon","switch__thumb","switch__thumb-icon","switch__label","switch__track-icon--checked","switch__track-icon--unchecked","switch-size--sm","switch-size--md","switch-size--lg","switch-size--xlg","switch-variant--default","switch-variant--primary","switch-variant--secondary","switch-variant--success","switch-variant--error","switch-variant--warning"]}
1
+ {"version":3,"sources":["../components/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { type IconPropsType } from \"@aristobyte-ui/utils\";\n\nexport interface ISwitch {\n onChange?: () => void;\n label?: string;\n alignLabel?: \"horizontal\" | \"vertical\";\n switchSize?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n trackIcon?: {\n checked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n unchecked?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n };\n thumbIcon?: {\n component: (props: IconPropsType) => React.JSX.Element;\n size?: number;\n color?: string;\n };\n checked?: boolean;\n disabled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const Switch: React.FC<ISwitch> = ({\n onChange,\n label,\n alignLabel = \"vertical\",\n checked,\n switchSize = \"md\",\n variant = \"default\",\n disabled = false,\n trackIcon,\n thumbIcon,\n className = \"\",\n style = {},\n}) => {\n const id = React.useId();\n const [isChecked, setIsChecked] = React.useState<boolean>(!!checked);\n\n const handleChange = () => {\n setIsChecked((prev) => !prev);\n if (onChange) onChange();\n };\n\n const baseClasses = [\n \"switch\",\n `switch-size-${switchSize}`,\n `switch-variant-${variant}`,\n `switch-align-label-${alignLabel}`,\n disabled && \"switch--disabled\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <label htmlFor={id} className={baseClasses} style={style}>\n <input\n id={id}\n type=\"checkbox\"\n disabled={disabled}\n checked={isChecked}\n onChange={handleChange}\n />\n\n <span className=\"switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out\">\n {trackIcon?.checked && (\n <span className=\"switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n {trackIcon.checked.component({\n size: trackIcon.checked.size,\n color: trackIcon.checked.color,\n })}\n </span>\n )}\n\n <span className=\"switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10\">\n {thumbIcon && (\n <span className=\"switch__thumb-icon flex items-center justify-center\">\n {thumbIcon.component({\n size: thumbIcon.size,\n color: thumbIcon.color,\n })}\n </span>\n )}\n </span>\n\n {trackIcon?.unchecked && (\n <span className=\"switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n {trackIcon.unchecked.component({\n size: trackIcon.unchecked.size,\n color: trackIcon.unchecked.color,\n })}\n </span>\n )}\n </span>\n\n {label && <span className=\"switch__label ml-2\">{label}</span>}\n </label>\n );\n};\n"],"mappings":";;;;AAEA,YAAY,WAAW;AAwEjB,cAQA,YARA;AAlCC,IAAM,SAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,KAAW,YAAM;AACvB,QAAM,CAAC,WAAW,YAAY,IAAU,eAAkB,CAAC,CAAC,OAAO;AAEnE,QAAM,eAAe,MAAM;AACzB,iBAAa,CAAC,SAAS,CAAC,IAAI;AAC5B,QAAI,SAAU,UAAS;AAAA,EACzB;AAEA,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,eAAe,UAAU;AAAA,IACzB,kBAAkB,OAAO;AAAA,IACzB,sBAAsB,UAAU;AAAA,IAChC,YAAY;AAAA,IACZ;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,qBAAC,WAAM,SAAS,IAAI,WAAW,aAAa,OAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA,qBAAC,UAAK,WAAU,kGACb;AAAA,8CAAW,YACV,oBAAC,UAAK,WAAU,6IACb,oBAAU,QAAQ,UAAU;AAAA,QAC3B,MAAM,UAAU,QAAQ;AAAA,QACxB,OAAO,UAAU,QAAQ;AAAA,MAC3B,CAAC,GACH;AAAA,MAGF,oBAAC,UAAK,WAAU,qKACb,uBACC,oBAAC,UAAK,WAAU,uDACb,oBAAU,UAAU;AAAA,QACnB,MAAM,UAAU;AAAA,QAChB,OAAO,UAAU;AAAA,MACnB,CAAC,GACH,GAEJ;AAAA,OAEC,uCAAW,cACV,oBAAC,UAAK,WAAU,+IACb,oBAAU,UAAU,UAAU;AAAA,QAC7B,MAAM,UAAU,UAAU;AAAA,QAC1B,OAAO,UAAU,UAAU;AAAA,MAC7B,CAAC,GACH;AAAA,OAEJ;AAAA,IAEC,SAAS,oBAAC,UAAK,WAAU,sBAAsB,iBAAM;AAAA,KACxD;AAEJ;","names":[]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aristobyte-ui/switch",
3
3
  "description": "A fully typed, customizable Switch/toggle component for React with multiple sizes, variants, label alignments, and optional icons. Built to integrate seamlessly with AristoByteUI design tokens and SCSS modules.",
4
- "version": "1.0.57",
4
+ "version": "1.0.59",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "author": "AristoByte <info@aristobyte.com>",
@@ -62,8 +62,8 @@
62
62
  "tsup": "^8.5.0"
63
63
  },
64
64
  "devDependencies": {
65
- "@aristobyte-ui/eslint-config": "^1.0.57",
66
- "@aristobyte-ui/typescript-config": "^1.0.57",
65
+ "@aristobyte-ui/eslint-config": "^1.0.59",
66
+ "@aristobyte-ui/typescript-config": "^1.0.59",
67
67
  "@turbo/gen": "^2.5.0",
68
68
  "@types/node": "^24.3.0",
69
69
  "@types/react": "19.1.0",
package/dist/index.css DELETED
@@ -1,326 +0,0 @@
1
- /* components/Switch/Switch.module.scss */
2
- .Switch_module_switch {
3
- align-items: center;
4
- cursor: pointer;
5
- display: flex;
6
- gap: 10px;
7
- max-width: max-content;
8
- user-select: none;
9
- position: relative;
10
- }
11
- .Switch_module_switch-align-label--horizontal {
12
- flex-direction: row;
13
- }
14
- .Switch_module_switch-align-label--vertical {
15
- flex-direction: column;
16
- }
17
- .Switch_module_switch--disabled {
18
- opacity: 0.5;
19
- cursor: not-allowed;
20
- }
21
- .Switch_module_switch-size--xsm .Switch_module_switch__track {
22
- height: 1rem;
23
- width: 1.8rem;
24
- }
25
- .Switch_module_switch-size--xsm .Switch_module_switch__track-icon {
26
- height: 0.48rem;
27
- width: 0.48rem;
28
- }
29
- .Switch_module_switch-size--xsm .Switch_module_switch__thumb {
30
- border-radius: 0.4rem;
31
- height: 0.8rem;
32
- left: 0.16rem;
33
- width: 0.8rem;
34
- }
35
- .Switch_module_switch-size--xsm .Switch_module_switch__thumb-icon {
36
- height: 0.6rem;
37
- width: 0.6rem;
38
- }
39
- .Switch_module_switch-size--xsm .Switch_module_switch__label {
40
- color: #ffffff;
41
- font-size: 0.625rem;
42
- }
43
- .Switch_module_switch-size--xsm input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
44
- left: -2rem;
45
- }
46
- .Switch_module_switch-size--xsm input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
47
- right: 0.18rem;
48
- }
49
- .Switch_module_switch-size--xsm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
50
- left: 0.18rem;
51
- }
52
- .Switch_module_switch-size--xsm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
53
- right: -2rem;
54
- }
55
- .Switch_module_switch-size--xsm input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
56
- transform: translate(0.68rem, -50%);
57
- }
58
- .Switch_module_switch-size--xsm input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
59
- width: 1rem;
60
- }
61
- .Switch_module_switch-size--xsm input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
62
- transform: translate(0.48rem, -50%);
63
- width: 1rem;
64
- }
65
- .Switch_module_switch-size--sm .Switch_module_switch__track {
66
- height: 1.4rem;
67
- width: 2.6rem;
68
- }
69
- .Switch_module_switch-size--sm .Switch_module_switch__track-icon {
70
- height: 0.8rem;
71
- width: 0.8rem;
72
- }
73
- .Switch_module_switch-size--sm .Switch_module_switch__thumb {
74
- border-radius: 0.5rem;
75
- height: 1rem;
76
- left: 0.2rem;
77
- width: 1rem;
78
- }
79
- .Switch_module_switch-size--sm .Switch_module_switch__thumb-icon {
80
- height: 0.8rem;
81
- width: 0.8rem;
82
- }
83
- .Switch_module_switch-size--sm .Switch_module_switch__label {
84
- color: #ffffff;
85
- font-size: 0.75rem;
86
- }
87
- .Switch_module_switch-size--sm input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
88
- left: -2rem;
89
- }
90
- .Switch_module_switch-size--sm input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
91
- right: 0.24rem;
92
- }
93
- .Switch_module_switch-size--sm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
94
- left: 0.24rem;
95
- }
96
- .Switch_module_switch-size--sm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
97
- right: -2rem;
98
- }
99
- .Switch_module_switch-size--sm input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
100
- transform: translate(1.2rem, -50%);
101
- }
102
- .Switch_module_switch-size--sm input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
103
- width: 1.3rem;
104
- }
105
- .Switch_module_switch-size--sm input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
106
- transform: translate(0.9rem, -50%);
107
- width: 1.3rem;
108
- }
109
- .Switch_module_switch-size--md .Switch_module_switch__track {
110
- height: 1.6rem;
111
- width: 3rem;
112
- }
113
- .Switch_module_switch-size--md .Switch_module_switch__track-icon {
114
- height: 1rem;
115
- width: 1rem;
116
- }
117
- .Switch_module_switch-size--md .Switch_module_switch__thumb {
118
- border-radius: 0.6rem;
119
- height: 1.2rem;
120
- left: 0.2rem;
121
- width: 1.2rem;
122
- }
123
- .Switch_module_switch-size--md .Switch_module_switch__thumb-icon {
124
- height: 0.9rem;
125
- width: 0.9rem;
126
- }
127
- .Switch_module_switch-size--md .Switch_module_switch__label {
128
- color: #ffffff;
129
- font-size: 0.875rem;
130
- }
131
- .Switch_module_switch-size--md input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
132
- left: -2rem;
133
- }
134
- .Switch_module_switch-size--md input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
135
- right: 0.3rem;
136
- }
137
- .Switch_module_switch-size--md input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
138
- left: 0.3rem;
139
- }
140
- .Switch_module_switch-size--md input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
141
- right: -2rem;
142
- }
143
- .Switch_module_switch-size--md input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
144
- transform: translate(1.4rem, -50%);
145
- }
146
- .Switch_module_switch-size--md input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
147
- width: 1.5rem;
148
- }
149
- .Switch_module_switch-size--md input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
150
- transform: translate(1.05rem, -50%);
151
- width: 1.5rem;
152
- }
153
- .Switch_module_switch-size--lg .Switch_module_switch__track {
154
- height: 1.8rem;
155
- width: 3.4rem;
156
- }
157
- .Switch_module_switch-size--lg .Switch_module_switch__track-icon {
158
- height: 1rem;
159
- width: 1rem;
160
- }
161
- .Switch_module_switch-size--lg .Switch_module_switch__thumb {
162
- border-radius: 0.7rem;
163
- height: 1.4rem;
164
- left: 0.3rem;
165
- width: 1.4rem;
166
- }
167
- .Switch_module_switch-size--lg .Switch_module_switch__thumb-icon {
168
- height: 1rem;
169
- width: 1rem;
170
- }
171
- .Switch_module_switch-size--lg .Switch_module_switch__label {
172
- color: #ffffff;
173
- font-size: 1rem;
174
- }
175
- .Switch_module_switch-size--lg input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
176
- left: -2rem;
177
- }
178
- .Switch_module_switch-size--lg input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
179
- right: 0.34rem;
180
- }
181
- .Switch_module_switch-size--lg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
182
- left: 0.34rem;
183
- }
184
- .Switch_module_switch-size--lg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
185
- right: -2rem;
186
- }
187
- .Switch_module_switch-size--lg input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
188
- transform: translate(1.45rem, -50%);
189
- }
190
- .Switch_module_switch-size--lg input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
191
- width: 1.8rem;
192
- }
193
- .Switch_module_switch-size--lg input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
194
- transform: translate(1.05rem, -50%);
195
- width: 1.8rem;
196
- }
197
- .Switch_module_switch-size--xlg .Switch_module_switch__track {
198
- height: 2rem;
199
- width: 3.8rem;
200
- }
201
- .Switch_module_switch-size--xlg .Switch_module_switch__track-icon {
202
- height: 1.2rem;
203
- width: 1.2rem;
204
- }
205
- .Switch_module_switch-size--xlg .Switch_module_switch__thumb {
206
- border-radius: 0.8rem;
207
- height: 1.6rem;
208
- left: 0.3rem;
209
- width: 1.6rem;
210
- }
211
- .Switch_module_switch-size--xlg .Switch_module_switch__thumb-icon {
212
- height: 1.2rem;
213
- width: 1.2rem;
214
- }
215
- .Switch_module_switch-size--xlg .Switch_module_switch__label {
216
- color: #ffffff;
217
- font-size: 1.125rem;
218
- }
219
- .Switch_module_switch-size--xlg input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
220
- left: -2rem;
221
- }
222
- .Switch_module_switch-size--xlg input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
223
- right: 0.38rem;
224
- }
225
- .Switch_module_switch-size--xlg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
226
- left: 0.38rem;
227
- }
228
- .Switch_module_switch-size--xlg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
229
- right: -2rem;
230
- }
231
- .Switch_module_switch-size--xlg input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
232
- transform: translate(1.6rem, -50%);
233
- }
234
- .Switch_module_switch-size--xlg input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
235
- width: 2rem;
236
- }
237
- .Switch_module_switch-size--xlg input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
238
- transform: translate(1.22rem, -50%);
239
- width: 2rem;
240
- }
241
- .Switch_module_switch-variant--default input:checked + .Switch_module_switch__track {
242
- background-color: #6b7280;
243
- }
244
- .Switch_module_switch-variant--primary input:checked + .Switch_module_switch__track {
245
- background-color: #2563eb;
246
- }
247
- .Switch_module_switch-variant--secondary input:checked + .Switch_module_switch__track {
248
- background-color: #4f46e5;
249
- }
250
- .Switch_module_switch-variant--success input:checked + .Switch_module_switch__track {
251
- background-color: #16a34a;
252
- }
253
- .Switch_module_switch-variant--error input:checked + .Switch_module_switch__track {
254
- background-color: #dc2626;
255
- }
256
- .Switch_module_switch-variant--warning input:checked + .Switch_module_switch__track {
257
- background-color: #d97706;
258
- }
259
- .Switch_module_switch input {
260
- display: none;
261
- }
262
- .Switch_module_switch input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
263
- opacity: 0;
264
- transform: translate(0, -50%) scale(0.55);
265
- }
266
- .Switch_module_switch input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
267
- opacity: 1;
268
- transform: translate(0, -50%) scale(1);
269
- }
270
- .Switch_module_switch input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
271
- opacity: 1;
272
- transform: translate(0, -50%) scale(1);
273
- }
274
- .Switch_module_switch input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
275
- opacity: 0;
276
- transform: translate(0, -50%) scale(0.55);
277
- }
278
- .Switch_module_switch__track {
279
- position: relative;
280
- background-color: #374151;
281
- border-radius: 999px;
282
- overflow: hidden;
283
- position: relative;
284
- transition: background-color 0.3s ease;
285
- }
286
- .Switch_module_switch__track-icon {
287
- align-items: center;
288
- display: flex;
289
- justify-content: center;
290
- position: absolute;
291
- top: 50%;
292
- transition:
293
- transform 120ms ease-out,
294
- left 200ms ease-out,
295
- right 200ms ease-out,
296
- opacity 100ms ease-out;
297
- z-index: 0;
298
- }
299
- .Switch_module_switch__track-icon svg {
300
- height: 100%;
301
- width: 100%;
302
- }
303
- .Switch_module_switch__thumb {
304
- align-items: center;
305
- background-color: white;
306
- display: flex;
307
- justify-content: center;
308
- position: absolute;
309
- top: 50%;
310
- transform: translate(0, -50%);
311
- transition: all 200ms ease-out;
312
- z-index: 1;
313
- }
314
- .Switch_module_switch__thumb-icon {
315
- align-items: center;
316
- display: flex;
317
- justify-content: center;
318
- }
319
- .Switch_module_switch__thumb-icon svg {
320
- height: 100%;
321
- width: 100%;
322
- }
323
- .Switch_module_switch__label {
324
- color: #ffffff;
325
- }
326
- /*# sourceMappingURL=index.css.map */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../components/Switch.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.switch {\n align-items: center;\n cursor: pointer;\n display: flex;\n gap: 10px;\n max-width: max-content;\n user-select: none;\n position: relative;\n\n &-align-label {\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n }\n\n &--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &-size {\n &--xsm {\n .switch {\n &__track {\n height: 1rem;\n width: 1.8rem;\n\n &-icon {\n height: calc(0.8rem - 0.16rem * 2);\n width: calc(0.8rem - 0.16rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(0.8rem / 2);\n height: 0.8rem;\n left: 0.16rem;\n width: 0.8rem;\n\n &-icon {\n height: 0.6rem;\n width: 0.6rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 0.625rem; // 10px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.18rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.18rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(1.8rem - 0.8rem - 0.16rem * 2), -50%);\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 1rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(0.8rem / 2 + 0.08rem), -50%);\n width: 1rem;\n }\n }\n }\n }\n\n &--sm {\n .switch {\n &__track {\n height: 1.4rem;\n width: 2.6rem;\n\n &-icon {\n height: calc(1.2rem - 0.2rem * 2);\n width: calc(1.2rem - 0.2rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1rem / 2);\n height: 1rem;\n left: 0.2rem;\n width: 1rem;\n\n &-icon {\n height: 0.8rem;\n width: 0.8rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 0.75rem; // 12px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.24rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.24rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(2.6rem - 1rem - 0.2rem * 2), -50%);\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 1.3rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(1.3rem / 2 + 0.25rem), -50%);\n width: 1.3rem;\n }\n }\n }\n }\n\n &--md {\n .switch {\n &__track {\n height: 1.6rem;\n width: 3rem;\n\n &-icon {\n height: calc(1.4rem - 0.2rem * 2);\n width: calc(1.4rem - 0.2rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1.2rem / 2);\n height: 1.2rem;\n left: 0.2rem;\n width: 1.2rem;\n\n &-icon {\n height: 0.9rem;\n width: 0.9rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 0.875rem; // 14px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.3rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.3rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(3rem - 1.2rem - 0.2rem * 2), -50%);\n }\n }\n &:active {\n + .switch__track .switch__thumb {\n width: 1.5rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(1.5rem / 2 + 0.3rem), -50%);\n width: 1.5rem;\n }\n }\n }\n }\n\n &--lg {\n .switch {\n &__track {\n height: 1.8rem;\n width: 3.4rem;\n\n &-icon {\n height: calc(1.6rem - 0.3rem * 2);\n width: calc(1.6rem - 0.3rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1.4rem / 2);\n height: 1.4rem;\n left: 0.3rem;\n width: 1.4rem;\n\n &-icon {\n height: 1rem;\n width: 1rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 1rem; // 16px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.34rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.34rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(\n calc(3.4rem - 1.4rem - 0.3rem * 2 + 0.05rem),\n -50%\n );\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 1.8rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(1.8rem / 2 + 0.2rem - 0.05rem), -50%);\n width: 1.8rem;\n }\n }\n }\n }\n\n &--xlg {\n .switch {\n &__track {\n height: 2rem;\n width: 3.8rem;\n\n &-icon {\n height: calc(1.8rem - 0.3rem * 2);\n width: calc(1.8rem - 0.3rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1.6rem / 2);\n height: 1.6rem;\n left: 0.3rem;\n width: 1.6rem;\n\n &-icon {\n height: 1.2rem;\n width: 1.2rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 1.125rem; // 18px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.38rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.38rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(3.8rem - 1.6rem - 0.3rem * 2), -50%);\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 2rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(2rem / 2 + 0.22rem), -50%);\n width: 2rem;\n }\n }\n }\n }\n }\n\n &-variant--default input:checked + &__track {\n background-color: $grey-500;\n }\n\n &-variant--primary input:checked + &__track {\n background-color: $color-primary;\n }\n\n &-variant--secondary input:checked + &__track {\n background-color: $color-secondary;\n }\n\n &-variant--success input:checked + &__track {\n background-color: $color-success;\n }\n\n &-variant--error input:checked + &__track {\n background-color: $color-error;\n }\n\n &-variant--warning input:checked + &__track {\n background-color: $color-warning;\n }\n\n input {\n display: none;\n\n + .switch__track .switch__track-icon {\n &--checked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n }\n\n &--unchecked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n }\n }\n\n &:checked {\n + .switch__track .switch__track-icon {\n &--checked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n }\n\n &--unchecked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n }\n }\n }\n }\n\n &__track {\n position: relative;\n background-color: $grey-700;\n border-radius: 999px;\n overflow: hidden;\n position: relative;\n transition: background-color 0.3s ease;\n\n &-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transition:\n transform 120ms ease-out,\n left 200ms ease-out,\n right 200ms ease-out,\n opacity 100ms ease-out;\n z-index: 0;\n\n svg {\n height: 100%;\n width: 100%;\n }\n }\n }\n\n &__thumb {\n align-items: center;\n background-color: white;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transform: translate(0, -50%);\n transition: all 200ms ease-out;\n z-index: 1;\n\n &-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n\n svg {\n height: 100%;\n width: 100%;\n }\n }\n }\n\n &__label {\n color: $white;\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n// Logo\n$logo-color-1: #ffee27;\n$logo-color-2: #fec800;\n$logo-color-3: #f18e35;\n$logo-color-4: #e95f32;\n$logo-color-5: #e2312d;\n$logo-gradient: linear-gradient(\n 90deg,\n $logo-color-1,\n $logo-color-2,\n $logo-color-3,\n $logo-color-4,\n $logo-color-5\n);\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":"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","names":["switch","switch-align-label--horizontal","switch-align-label--vertical","switch--disabled","switch-size--xsm","switch__track","switch__track-icon","switch__thumb","switch__thumb-icon","switch__label","switch__track-icon--checked","switch__track-icon--unchecked","switch-size--sm","switch-size--md","switch-size--lg","switch-size--xlg","switch-variant--default","switch-variant--primary","switch-variant--secondary","switch-variant--success","switch-variant--error","switch-variant--warning"]}