@foi/design-system 0.0.12 → 0.0.14

package/dist/theme/index.d.ts

@@ -2,6 +2,101 @@ import { darkTheme } from './dark';
 export declare const themeProvider: readonly [{
     readonly name: "dark";
     readonly components: {
+        PAGINATIONMENU: {
+            readonly DEFAULT: {
+                readonly ROOT: {
+                    readonly 'background-color': string;
+                    readonly 'border-radius': "4px";
+                    readonly bottom: "8px";
+                };
+                readonly EVENTS: {
+                    readonly ENABLED: {
+                        readonly 'background-color': "transparent";
+                        readonly 'color-primary': string;
+                        readonly 'color-secondary': string;
+                        readonly 'color-tertiary': string;
+                    };
+                    readonly VALUE: {
+                        readonly 'background-color': string;
+                    };
+                    readonly HOVER: {
+                        readonly 'background-color': string;
+                    };
+                    readonly ACTIVE: {
+                        readonly 'background-color': string;
+                    };
+                    readonly FOCUS: {
+                        readonly 'background-color': string;
+                    };
+                };
+            };
+        };
+        PAGINATION: {
+            readonly DEFAULT: {
+                readonly EVENTS: {
+                    readonly ENABLED: {
+                        readonly 'color-secondary': string;
+                    };
+                };
+            };
+        };
+        DATAGRIDMENU: {
+            readonly DEFAULT: {
+                readonly ROOT: {
+                    readonly 'background-color': string;
+                    readonly 'border-radius': "4px";
+                };
+                readonly EVENTS: {
+                    readonly ENABLED: {
+                        readonly 'color-primary': string;
+                        readonly 'color-secondary': string;
+                    };
+                    readonly HOVER: {
+                        readonly 'background-color': string;
+                    };
+                };
+            };
+        };
+        DATAGRID: {
+            readonly DEFAULT: {
+                readonly ROOT: {
+                    readonly 'border-color': string;
+                    readonly 'border-width': "2px";
+                    readonly 'border-radius': "4px";
+                    readonly 'border-style': "solid";
+                };
+                readonly EVENTS: {
+                    readonly ENABLED: {
+                        readonly 'color-primary': string;
+                        readonly 'color-secondary': string;
+                        readonly 'icon-color': string;
+                    };
+                    readonly HOVER: {
+                        readonly 'background-color': string;
+                    };
+                    readonly ACTIVE: {
+                        readonly 'icon-color': string;
+                    };
+                };
+            };
+        };
+        MODAL: {
+            readonly DEFAULT: {
+                readonly ROOT: {
+                    readonly 'background-color': string;
+                    readonly 'border-color': string;
+                    readonly 'border-width': "1px";
+                    readonly 'border-radius': "8px";
+                    readonly 'border-style': "solid";
+                };
+                readonly EVENTS: {
+                    readonly ENABLED: {
+                        readonly 'color-primary': string;
+                        readonly 'color-secondary': string;
+                    };
+                };
+            };
+        };
         DATEPICKERMENU: {
             readonly DEFAULT: {
                 readonly ROOT: {
@@ -541,6 +636,43 @@ export declare const themeProvider: readonly [{
                     };
                 };
             };
+            readonly GHOST: {
+                readonly ROOT: {
+                    readonly 'border-radius': "4px";
+                };
+                readonly EVENTS: {
+                    readonly ENABLED: {
+                        readonly 'background-color': "transparent";
+                        readonly 'color-primary': string;
+                        readonly 'border-color': string;
+                        readonly 'border-width': "2px";
+                        readonly 'border-style': "solid";
+                    };
+                    readonly HOVER: {
+                        readonly 'background-color': "rgba(255, 255, 255, 0.04)";
+                    };
+                    readonly ACTIVE: {
+                        readonly 'background-color': "rgba(255, 255, 255, 0.08)";
+                    };
+                    readonly FOCUS: {
+                        readonly 'outline-color': string;
+                        readonly 'outline-width': "1px";
+                        readonly 'outline-style': "solid";
+                        readonly 'outline-offset': "2px";
+                    };
+                    readonly DISABLED: {
+                        readonly 'background-color': "transparent";
+                        readonly 'color-primary': string;
+                        readonly 'border-color': string;
+                        readonly 'border-width': "1px";
+                        readonly 'border-style': "solid";
+                    };
+                    readonly LOADING: {
+                        readonly 'background-color': "transparent";
+                        readonly 'color-primary': string;
+                    };
+                };
+            };
         };
         ICONBUTTON: {
             readonly DEFAULT: {

package/dist/{theme-D18AZjTt.js → theme-Cxg9jdmX.js}

@@ -18,6 +18,7 @@ var e = {
 	blue400: "#0c748a",
 	blue500: "#075566",
 	darkBlue300: "#354149",
+	darkBlue350: "#2e3d4a",
 	darkBlue400: "#17212b"
 }, t = { INPUT: { DEFAULT: {
 	ROOT: { "border-radius": "4px" },
@@ -73,32 +74,65 @@ var e = {
 		},
 		DISABLED: { "icon-color": e.gray400 }
 	}
-} } }, a = { BUTTON: { DEFAULT: {
-	ROOT: { "border-radius": "4px" },
-	EVENTS: {
-		ENABLED: {
-			"background-color": e.blue400,
-			"color-primary": e.white400,
-			"border-style": "none"
-		},
-		HOVER: { "background-color": e.blue300 },
-		ACTIVE: { "background-color": e.blue500 },
-		FOCUS: {
-			"outline-color": e.blue100,
-			"outline-width": "1px",
-			"outline-style": "solid",
-			"outline-offset": "2px"
-		},
-		DISABLED: {
-			"background-color": e.gray400,
-			"color-primary": e.gray100
-		},
-		LOADING: {
-			"background-color": e.gray300,
-			"color-primary": e.gray100
+} } }, a = { BUTTON: {
+	DEFAULT: {
+		ROOT: { "border-radius": "4px" },
+		EVENTS: {
+			ENABLED: {
+				"background-color": e.blue400,
+				"color-primary": e.white400,
+				"border-style": "none"
+			},
+			HOVER: { "background-color": e.blue300 },
+			ACTIVE: { "background-color": e.blue500 },
+			FOCUS: {
+				"outline-color": e.blue100,
+				"outline-width": "1px",
+				"outline-style": "solid",
+				"outline-offset": "2px"
+			},
+			DISABLED: {
+				"background-color": e.gray400,
+				"color-primary": e.gray100
+			},
+			LOADING: {
+				"background-color": e.gray300,
+				"color-primary": e.gray100
+			}
+		}
+	},
+	GHOST: {
+		ROOT: { "border-radius": "4px" },
+		EVENTS: {
+			ENABLED: {
+				"background-color": "transparent",
+				"color-primary": e.white500,
+				"border-color": e.blue400,
+				"border-width": "2px",
+				"border-style": "solid"
+			},
+			HOVER: { "background-color": "rgba(255, 255, 255, 0.04)" },
+			ACTIVE: { "background-color": "rgba(255, 255, 255, 0.08)" },
+			FOCUS: {
+				"outline-color": e.blue200,
+				"outline-width": "1px",
+				"outline-style": "solid",
+				"outline-offset": "2px"
+			},
+			DISABLED: {
+				"background-color": "transparent",
+				"color-primary": e.gray400,
+				"border-color": e.gray500,
+				"border-width": "1px",
+				"border-style": "solid"
+			},
+			LOADING: {
+				"background-color": "transparent",
+				"color-primary": e.gray400
+			}
 		}
 	}
-} } }, o = { CHECKBOX: {
+} }, o = { CHECKBOX: {
 	DEFAULT: {
 		ROOT: { "border-radius": "4px" },
 		EVENTS: {
@@ -457,7 +491,65 @@ var e = {
 			"outline-offset": "2px"
 		}
 	}
-} } }, _ = {
+} } }, _ = { MODAL: { DEFAULT: {
+	ROOT: {
+		"background-color": e.darkBlue400,
+		"border-color": e.blue400,
+		"border-width": "1px",
+		"border-radius": "8px",
+		"border-style": "solid"
+	},
+	EVENTS: { ENABLED: {
+		"color-primary": e.white400,
+		"color-secondary": e.white500
+	} }
+} } }, v = { DATAGRID: { DEFAULT: {
+	ROOT: {
+		"border-color": e.blue400,
+		"border-width": "2px",
+		"border-radius": "4px",
+		"border-style": "solid"
+	},
+	EVENTS: {
+		ENABLED: {
+			"color-primary": e.white400,
+			"color-secondary": e.white500,
+			"icon-color": e.blue400
+		},
+		HOVER: { "background-color": e.darkBlue300 },
+		ACTIVE: { "icon-color": e.blue200 }
+	}
+} } }, y = { DATAGRIDMENU: { DEFAULT: {
+	ROOT: {
+		"background-color": e.darkBlue300,
+		"border-radius": "4px"
+	},
+	EVENTS: {
+		ENABLED: {
+			"color-primary": e.white400,
+			"color-secondary": e.white500
+		},
+		HOVER: { "background-color": e.blue300 }
+	}
+} } }, b = { PAGINATION: { DEFAULT: { EVENTS: { ENABLED: { "color-secondary": e.white500 } } } } }, x = { PAGINATIONMENU: { DEFAULT: {
+	ROOT: {
+		"background-color": e.darkBlue300,
+		"border-radius": "4px",
+		bottom: "8px"
+	},
+	EVENTS: {
+		ENABLED: {
+			"background-color": "transparent",
+			"color-primary": e.white400,
+			"color-secondary": e.white500,
+			"color-tertiary": e.white600
+		},
+		VALUE: { "background-color": e.blue200 },
+		HOVER: { "background-color": e.blue300 },
+		ACTIVE: { "background-color": e.blue500 },
+		FOCUS: { "background-color": e.blue200 }
+	}
+} } }, S = {
 	name: "dark",
 	components: {
 		...t,
@@ -473,15 +565,20 @@ var e = {
 		...p,
 		...m,
 		...h,
-		...g
+		...g,
+		..._,
+		...v,
+		...y,
+		...b,
+		...x
 	},
 	fonts: {
 		"fontfamily-primary": "Mulish",
 		"fontfamily-secondary": "League Spartan",
 		"fontfamily-tertiary": "Google Sans Code"
 	}
-}, v = [_];
+}, C = [S];
 //#endregion
-export { _ as n, n as r, v as t };
+export { S as n, n as r, C as t };
 
-//# sourceMappingURL=theme-D18AZjTt.js.map
+//# sourceMappingURL=theme-Cxg9jdmX.js.map

package/dist/theme-Cxg9jdmX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-Cxg9jdmX.js","names":[],"sources":["../src/theme/dark/colors.ts","../src/theme/dark/components/Input.ts","../src/utilities/emotion/styles.ts","../src/theme/dark/components/IconButton.ts","../src/theme/dark/components/Button.ts","../src/theme/dark/components/Checkbox.ts","../src/theme/dark/components/CheckboxGroup.ts","../src/theme/dark/components/CheckboxTree.ts","../src/theme/dark/components/Select.ts","../src/theme/dark/components/SelectMenu.ts","../src/theme/dark/components/Switch.ts","../src/theme/dark/components/Slider.ts","../src/theme/dark/components/Radio.ts","../src/theme/dark/components/RadioGroup.ts","../src/theme/dark/components/DatePicker.ts","../src/theme/dark/components/DatePickerMenu.ts","../src/theme/dark/components/Modal.ts","../src/theme/dark/components/DataGrid.ts","../src/theme/dark/components/DataGridMenu.ts","../src/theme/dark/components/Pagination.ts","../src/theme/dark/components/PaginationMenu.ts","../src/theme/dark/components/index.ts","../src/theme/dark/fonts.ts","../src/theme/dark/index.ts","../src/theme/index.ts"],"sourcesContent":["const white400 = '#f1f1f1'; // Primary Color\nconst white500 = '#b2bac2'; // Secondary Color\nconst white600 = '#989a9b'; // Tertiary Color\n\nconst red100 = '#F9A8A7'; // Error Focus\nconst red200 = '#F47E7B'; // Error Value\nconst red300 = '#F16360'; // Error Hover\nconst red400 = '#EF5350'; // Error\nconst red500 = '#C83936'; // Error Active\n\nconst gray100 = '#e1e1e1';\nconst gray200 = '#989a9b';\nconst gray300 = '#5e7081'; // Loading\nconst gray400 = '#66686b';\nconst gray500 = '#494949';\n\nconst blue100 = '#4DD0E1'; // Focus\nconst blue200 = '#19A2B8'; // Value\nconst blue300 = '#118A9E'; // Hover\nconst blue400 = '#0c748a'; // Enabled\nconst blue500 = '#075566'; // Active\n\nconst darkBlue300 = '#354149'; // Menu\nconst darkBlue350 = '#2e3d4a';\nconst darkBlue400 = '#17212b'; // Base\n\nexport default {\n  white400,\n  white500,\n  white600,\n\n  red100,\n  red200,\n  red300,\n  red400,\n  red500,\n\n  gray100,\n  gray200,\n  gray300,\n  gray400,\n  gray500,\n\n  blue100,\n  blue200,\n  blue300,\n  blue400,\n  blue500,\n\n  darkBlue300,\n  darkBlue350,\n  darkBlue400,\n};\n","import type { INPUT } from '@hocs/ThemeProvider/components/Input';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  INPUT: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n          'color-tertiary': colors.white600,\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // BORDERS\n          'border-color': colors.blue200,\n        },\n        HOVER: {\n          // BORDERS\n          'border-color': colors.blue300,\n        },\n        ACTIVE: {\n          // BORDERS\n          'border-color': colors.blue500,\n        },\n        FOCUS: {\n          // BORDERS\n          'border-color': colors.blue100,\n        },\n        ERROR: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.red400,\n          'color-secondary': colors.red400,\n          'color-tertiary': colors.red400,\n\n          // BORDERS\n          'border-color': colors.red400,\n        },\n        ERROR_VALUE: {\n          // BORDERS\n          'border-color': colors.red200,\n        },\n        ERROR_HOVER: {\n          // BORDERS\n          'border-color': colors.red300,\n        },\n        ERROR_ACTIVE: {\n          // BORDERS\n          'border-color': colors.red500,\n        },\n        ERROR_FOCUS: {\n          // BORDERS\n          'border-color': colors.red100,\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.gray100,\n          'color-secondary': colors.gray200,\n          'color-tertiary': colors.gray200,\n\n          // BORDERS\n          'border-color': colors.gray400,\n        },\n        DISABLED_VALUE: {},\n      },\n    },\n  },\n} as const satisfies INPUT;\n\nexport default component;\n","export const getStyle = (theme: Record<string, string>, prop: string, key: string) =>\n  theme[key] ? `${prop}: ${theme[key]};` : '';\n\nexport const hexToRgba = (hex: string, alpha: number): string => {\n  const r = parseInt(hex.slice(1, 3), 16);\n  const g = parseInt(hex.slice(3, 5), 16);\n  const b = parseInt(hex.slice(5, 7), 16);\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n};\n","import type { ICONBUTTON } from '@hocs/ThemeProvider/components/IconButton';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  ICONBUTTON: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // UTILS\n          'icon-color': colors.blue400,\n\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // BORDERS\n          'border-style': 'none',\n        },\n        HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue200, 0.3),\n        },\n        ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue500, 0.6),\n        },\n        FOCUS: {\n          // BORDERS\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        DISABLED: {\n          // UTILS\n          'icon-color': colors.gray400,\n        },\n      },\n    },\n  },\n} as const satisfies ICONBUTTON;\n\nexport default component;\n","import type { BUTTON } from '@hocs/ThemeProvider/components/Button';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  BUTTON: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // BACKGROUNDS\n          'background-color': colors.blue400,\n\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n\n          // BORDERS\n          'border-style': 'none',\n        },\n        HOVER: {\n          // BACKGROUNDS\n          'background-color': colors.blue300,\n        },\n        ACTIVE: {\n          // BACKGROUNDS\n          'background-color': colors.blue500,\n        },\n        FOCUS: {\n          // BORDERS\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': colors.gray400,\n\n          // TYPOGRAPHY\n          'color-primary': colors.gray100,\n        },\n        LOADING: {\n          // BACKGROUNDS\n          'background-color': colors.gray300,\n\n          // TYPOGRAPHY\n          'color-primary': colors.gray100,\n        },\n      },\n    },\n    GHOST: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.white500,\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        HOVER: {\n          // BACKGROUNDS\n          'background-color': 'rgba(255, 255, 255, 0.04)',\n        },\n        ACTIVE: {\n          // BACKGROUNDS\n          'background-color': 'rgba(255, 255, 255, 0.08)',\n        },\n        FOCUS: {\n          // BORDERS\n          'outline-color': colors.blue200,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.gray400,\n\n          // BORDERS\n          'border-color': colors.gray500,\n          'border-width': '1px',\n          'border-style': 'solid',\n        },\n        LOADING: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.gray400,\n        },\n      },\n    },\n  },\n} as const satisfies BUTTON;\n\nexport default component;\n","import type { CHECKBOX } from '@hocs/ThemeProvider/components/Checkbox';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  CHECKBOX: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.gray200,\n\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n\n          // BORDERS\n          'border-color': colors.blue200,\n        },\n        HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue300, 0.4),\n        },\n        ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue500, 0.6),\n        },\n        FOCUS: {\n          // OUTLINE\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        ERROR: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-secondary': colors.red400,\n\n          // BORDERS\n          'border-color': colors.red400,\n        },\n        ERROR_VALUE: {\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': colors.red200,\n\n          // BORDERS\n          'border-color': colors.red200,\n        },\n        ERROR_HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.red300, 0.3),\n        },\n        ERROR_ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.red500, 0.6),\n        },\n        ERROR_FOCUS: {\n          // BORDERS\n          'outline-color': colors.red100,\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-secondary': colors.gray200,\n\n          // BORDERS\n          'border-color': colors.gray400,\n        },\n        DISABLED_VALUE: {\n          // UTILS\n          'icon-color': colors.gray100,\n\n          // BACKGROUNDS\n          'background-color': colors.gray400,\n        },\n      },\n    },\n    PRUEBA: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.gray200,\n\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n\n          // BORDERS\n          'border-color': colors.blue200,\n        },\n        HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue300, 0.4),\n        },\n        ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue500, 0.6),\n        },\n        FOCUS: {\n          // OUTLINE\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        ERROR: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-secondary': colors.red400,\n\n          // BORDERS\n          'border-color': colors.red400,\n        },\n        ERROR_VALUE: {\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': colors.red200,\n\n          // BORDERS\n          'border-color': colors.red200,\n        },\n        ERROR_HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.red300, 0.3),\n        },\n        ERROR_ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.red500, 0.6),\n        },\n        ERROR_FOCUS: {\n          // BORDERS\n          'outline-color': colors.red100,\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-secondary': colors.gray200,\n\n          // BORDERS\n          'border-color': colors.gray400,\n        },\n        DISABLED_VALUE: {\n          // UTILS\n          'icon-color': colors.gray100,\n\n          // BACKGROUNDS\n          'background-color': colors.gray400,\n        },\n      },\n    },\n  },\n} as const satisfies CHECKBOX;\n\nexport default component;\n","import type { CHECKBOXGROUP } from '@hocs/ThemeProvider/components/CheckboxGroup';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  CHECKBOXGROUP: {\n    DEFAULT: {\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.gray200,\n        },\n        ERROR: {\n          // TYPOGRAPHY\n          'color-primary': colors.red400,\n          'color-secondary': colors.red400,\n        },\n        DISABLED: {\n          // TYPOGRAPHY\n          'color-secondary': colors.gray200,\n        },\n      },\n    },\n  },\n} as const satisfies CHECKBOXGROUP;\n\nexport default component;\n","import type { CHECKBOXTREE } from '@hocs/ThemeProvider/components/CheckboxTree';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  CHECKBOXTREE: {\n    DEFAULT: {\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.gray200,\n        },\n        ERROR: {\n          // TYPOGRAPHY\n          'color-secondary': colors.red400,\n        },\n        DISABLED: {\n          // TYPOGRAPHY\n          'color-secondary': colors.gray200,\n        },\n      },\n    },\n  },\n} as const satisfies CHECKBOXTREE;\n\nexport default component;\n","import type { SELECT } from '@hocs/ThemeProvider/components/Select';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  SELECT: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n          'color-tertiary': colors.white600,\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // BORDERS\n          'border-color': colors.blue200,\n        },\n        HOVER: {\n          // BORDER\n          'border-color': colors.blue300,\n        },\n        ACTIVE: {\n          // BORDERS\n          'border-color': colors.blue500,\n        },\n        FOCUS: {\n          // BORDERS\n          'border-color': colors.blue100,\n        },\n        ERROR: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.red400,\n          'color-secondary': colors.red400,\n          'color-tertiary': colors.red400,\n\n          // BORDERS\n          'border-color': colors.red400,\n        },\n        ERROR_VALUE: {\n          // BORDERS\n          'border-color': colors.red200,\n        },\n        ERROR_HOVER: {\n          // BORDERS\n          'border-color': colors.red300,\n        },\n        ERROR_ACTIVE: {\n          // BORDERS\n          'border-color': colors.red500,\n        },\n        ERROR_FOCUS: {\n          // BORDERS\n          'border-color': colors.red500,\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.gray100,\n          'color-secondary': colors.gray200,\n          'color-tertiary': colors.gray200,\n          // BORDERS\n          'border-color': colors.gray400,\n        },\n        DISABLED_VALUE: {},\n      },\n    },\n  },\n} as const satisfies SELECT;\n\nexport default component;\n","import type { SELECTMENU } from '@hocs/ThemeProvider/components/SelectMenu';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  SELECTMENU: {\n    DEFAULT: {\n      ROOT: {\n        // BACKGROUNDS\n        'background-color': colors.darkBlue300,\n\n        // BORDERS\n        'border-radius': '4px',\n\n        // LAYOUT\n        top: '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n          'color-tertiary': colors.white600,\n        },\n        VALUE: {\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n        },\n        HOVER: {\n          // BACKGROUNDS\n          'background-color': colors.blue300,\n        },\n        ACTIVE: {\n          // BACKGROUNDS\n          'background-color': colors.blue500,\n        },\n        FOCUS: {\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n        },\n      },\n    },\n  },\n} as const satisfies SELECTMENU;\n\nexport default component;\n","import type { SWITCH } from '@hocs/ThemeProvider/components/Switch';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  SWITCH: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '12px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.gray200,\n\n          // UTILS\n          'icon-color': colors.white400,\n          'icon-background-color': colors.blue400,\n\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // UTILS\n          'icon-color': colors.blue200,\n          'icon-background-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n\n          // BORDERS\n          'border-color': colors.blue200,\n        },\n        HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue300, 0.4),\n        },\n        ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue500, 0.6),\n        },\n        FOCUS: {\n          // BORDERS\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        DISABLED: {\n          // UTILS\n          'icon-color': colors.gray100,\n          'icon-background-color': colors.gray400,\n\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-secondary': colors.gray200,\n\n          // BORDERS\n          'border-color': colors.gray400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        DISABLED_VALUE: {\n          // UTILS\n          'icon-color': colors.gray400,\n          'icon-background-color': colors.gray100,\n\n          // BACKGROUNDS\n          'background-color': colors.gray400,\n\n          // BORDERS\n          'border-color': colors.gray400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n      },\n    },\n  },\n} as const satisfies SWITCH;\n\nexport default component;\n","import type { SLIDER } from '@hocs/ThemeProvider/components/Slider';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  SLIDER: {\n    DEFAULT: {\n      EVENTS: {\n        ENABLED: {\n          // UTILS\n          'icon-color': colors.white400,\n          'icon-background-color': colors.blue400,\n\n          // BACKGROUNDS\n          'background-color': colors.blue400,\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n        },\n        HOVER: {\n          // BACKGROUNDS\n          'background-color': hexToRgba(colors.blue200, 0.3),\n        },\n        ACTIVE: {\n          // BACKGROUNDS\n          'background-color': hexToRgba(colors.blue500, 0.6),\n        },\n        FOCUS: {\n          // BORDERS\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        DISABLED: {\n          // UTILS\n          'icon-color': colors.gray100,\n          'icon-background-color': colors.gray400,\n\n          // BACKGROUNDS\n          'background-color': colors.gray400,\n\n          // BORDERS\n          'border-color': colors.gray400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        DISABLED_VALUE: {\n          // UTILS\n          'icon-color': colors.gray100,\n          'icon-background-color': colors.gray400,\n\n          // BACKGROUNDS\n          'background-color': colors.gray200,\n\n          // BORDERS\n          'border-color': colors.gray400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n      },\n    },\n  },\n} as const satisfies SLIDER;\n\nexport default component;\n","import type { RADIO } from '@hocs/ThemeProvider/components/Radio';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  RADIO: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.gray200,\n\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // UTILS\n          'icon-color': colors.blue200,\n\n          // BORDERS\n          'border-color': colors.blue200,\n        },\n        HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue300, 0.4),\n        },\n        ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.blue500, 0.6),\n        },\n        FOCUS: {\n          // BORDERS\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n        ERROR: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-secondary': colors.red400,\n\n          // BORDERS\n          'border-color': colors.red400,\n        },\n        ERROR_VALUE: {\n          // UTILS\n          'icon-color': colors.white400,\n\n          // BACKGROUNDS\n          'background-color': colors.red200,\n        },\n        ERROR_HOVER: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.red300, 0.3),\n        },\n        ERROR_ACTIVE: {\n          // SHADOWS\n          'shadow-color': hexToRgba(colors.red500, 0.6),\n        },\n        ERROR_FOCUS: {\n          // BORDERS\n          'outline-color': colors.red100,\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-secondary': colors.gray200,\n\n          // BORDERS\n          'border-color': colors.gray400,\n        },\n        DISABLED_VALUE: {\n          // UTILS\n          'icon-color': colors.gray400,\n        },\n      },\n    },\n  },\n} as const satisfies RADIO;\n\nexport default component;\n","import type { RADIOGROUP } from '@hocs/ThemeProvider/components/RadioGroup';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  RADIOGROUP: {\n    DEFAULT: {\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.gray200,\n        },\n        ERROR: {\n          // TYPOGRAPHY\n          'color-primary': colors.red400,\n          'color-secondary': colors.red400,\n        },\n        DISABLED: {\n          // TYPOGRAPHY\n          'color-secondary': colors.gray200,\n        },\n      },\n    },\n  },\n} as const satisfies RADIOGROUP;\n\nexport default component;\n","import type { DATEPICKER } from '@hocs/ThemeProvider/components/DatePicker';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  DATEPICKER: {\n    DEFAULT: {\n      ROOT: {\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n          'color-tertiary': colors.white600,\n\n          // BORDERS\n          'border-color': colors.blue400,\n          'border-width': '2px',\n          'border-style': 'solid',\n        },\n        VALUE: {\n          // BORDERS\n          'border-color': colors.blue200,\n        },\n        HOVER: {\n          // BORDER\n          'border-color': colors.blue300,\n        },\n        ACTIVE: {\n          // BORDERS\n          'border-color': colors.blue500,\n        },\n        FOCUS: {\n          // BORDERS\n          'border-color': colors.blue100,\n        },\n        ERROR: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.red400,\n          'color-secondary': colors.red400,\n          'color-tertiary': colors.red400,\n\n          // BORDERS\n          'border-color': colors.red400,\n        },\n        ERROR_VALUE: {\n          // BORDERS\n          'border-color': colors.red200,\n        },\n        ERROR_HOVER: {\n          // BORDERS\n          'border-color': colors.red300,\n        },\n        ERROR_ACTIVE: {\n          // BORDERS\n          'border-color': colors.red500,\n        },\n        ERROR_FOCUS: {\n          // BORDERS\n          'border-color': colors.red500,\n        },\n        DISABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.gray100,\n          'color-secondary': colors.gray200,\n          'color-tertiary': colors.gray200,\n          // BORDERS\n          'border-color': colors.gray400,\n        },\n        DISABLED_VALUE: {},\n      },\n    },\n  },\n} as const satisfies DATEPICKER;\n\nexport default component;\n","import type { DATEPICKERMENU } from '@hocs/ThemeProvider/components/DatePickerMenu';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  DATEPICKERMENU: {\n    DEFAULT: {\n      ROOT: {\n        // BACKGROUNDS\n        'background-color': colors.darkBlue300,\n\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n\n          // BACKGROUNDS\n          'background-color': colors.blue400,\n        },\n        VALUE: {\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n        },\n        HOVER: {\n          // BACKGROUNDS\n          'background-color': hexToRgba(colors.blue200, 0.3),\n        },\n        ACTIVE: {\n          // BACKGROUNDS\n          'background-color': hexToRgba(colors.blue500, 0.6),\n        },\n        FOCUS: {\n          // OUTLINE\n          'outline-color': colors.blue100,\n          'outline-width': '1px',\n          'outline-style': 'solid',\n          'outline-offset': '2px',\n        },\n      },\n    },\n  },\n} as const satisfies DATEPICKERMENU;\n\nexport default component;\n","import type { MODAL } from '@hocs/ThemeProvider/components/Modal';\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  MODAL: {\n    DEFAULT: {\n      ROOT: {\n        // BACKGROUNDS\n        'background-color': colors.darkBlue400,\n\n        // BORDERS\n        'border-color': colors.blue400,\n        'border-width': '1px',\n        'border-radius': '8px',\n        'border-style': 'solid',\n      },\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n        },\n      },\n    },\n  },\n} as const satisfies MODAL;\n\nexport default component;\n","import type { DATAGRID } from '@hocs/ThemeProvider/components/DataGrid';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  DATAGRID: {\n    DEFAULT: {\n      ROOT: {\n        'border-color': colors.blue400,\n        'border-width': '2px',\n        'border-radius': '4px',\n        'border-style': 'solid',\n      },\n      EVENTS: {\n        ENABLED: {\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n          'icon-color': colors.blue400,\n        },\n        HOVER: {\n          'background-color': colors.darkBlue300,\n        },\n        ACTIVE: {\n          'icon-color': colors.blue200,\n        },\n      },\n    },\n  },\n} as const satisfies DATAGRID;\n\nexport default component;\n","import type { DATAGRIDMENU } from '@hocs/ThemeProvider/components/DataGridMenu';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n  DATAGRIDMENU: {\n    DEFAULT: {\n      ROOT: {\n        // BACKGROUNDS\n        'background-color': colors.darkBlue300,\n\n        // BORDERS\n        'border-radius': '4px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n        },\n        HOVER: {\n          // BACKGROUNDS\n          'background-color': colors.blue300,\n        },\n      },\n    },\n  },\n} as const satisfies DATAGRIDMENU;\n\nexport default component;\n","import type { PAGINATION } from '@hocs/ThemeProvider/components/Pagination';\n\nimport colors from '../colors';\n\nconst component = {\n  PAGINATION: {\n    DEFAULT: {\n      EVENTS: {\n        ENABLED: {\n          'color-secondary': colors.white500,\n        },\n      },\n    },\n  },\n} as const satisfies PAGINATION;\n\nexport default component;\n","import type { PAGINATIONMENU } from '@hocs/ThemeProvider/components/PaginationMenu';\n\nimport colors from '../colors';\n\nconst component = {\n  PAGINATIONMENU: {\n    DEFAULT: {\n      ROOT: {\n        // BACKGROUNDS\n        'background-color': colors.darkBlue300,\n\n        // BORDERS\n        'border-radius': '4px',\n\n        // LAYOUT\n        bottom: '8px',\n      },\n      EVENTS: {\n        ENABLED: {\n          // BACKGROUNDS\n          'background-color': 'transparent',\n\n          // TYPOGRAPHY\n          'color-primary': colors.white400,\n          'color-secondary': colors.white500,\n          'color-tertiary': colors.white600,\n        },\n        VALUE: {\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n        },\n        HOVER: {\n          // BACKGROUNDS\n          'background-color': colors.blue300,\n        },\n        ACTIVE: {\n          // BACKGROUNDS\n          'background-color': colors.blue500,\n        },\n        FOCUS: {\n          // BACKGROUNDS\n          'background-color': colors.blue200,\n        },\n      },\n    },\n  },\n} as const satisfies PAGINATIONMENU;\n\nexport default component;\n","import Input from './Input';\nimport IconButton from './IconButton';\nimport Button from './Button';\nimport Checkbox from './Checkbox';\nimport CheckboxGroup from './CheckboxGroup';\nimport CheckboxTree from './CheckboxTree';\nimport Select from './Select';\nimport SelectMenu from './SelectMenu';\nimport Switch from './Switch';\nimport Slider from './Slider';\nimport Radio from './Radio';\nimport RadioGroup from './RadioGroup';\nimport DatePicker from './DatePicker';\nimport DatePickerMenu from './DatePickerMenu';\nimport Modal from './Modal';\nimport DataGrid from './DataGrid';\nimport DataGridMenu from './DataGridMenu';\nimport Pagination from './Pagination';\nimport PaginationMenu from './PaginationMenu';\n\nexport default {\n  ...Input,\n  ...IconButton,\n  ...Button,\n  ...Checkbox,\n  ...CheckboxGroup,\n  ...CheckboxTree,\n  ...Select,\n  ...SelectMenu,\n  ...Switch,\n  ...Slider,\n  ...Radio,\n  ...RadioGroup,\n  ...DatePicker,\n  ...DatePickerMenu,\n  ...Modal,\n  ...DataGrid,\n  ...DataGridMenu,\n  ...Pagination,\n  ...PaginationMenu,\n};\n","const fonts = {\n  'fontfamily-primary': 'Mulish',\n  'fontfamily-secondary': 'League Spartan',\n  'fontfamily-tertiary': 'Google Sans Code',\n};\n\nexport default fonts;\n","import type { Theme } from '@hocs/ThemeProvider/ThemeProvider.interface';\nimport components from './components';\nimport fonts from './fonts';\n\nexport const darkTheme = {\n  name: 'dark',\n  components,\n  fonts,\n} as const satisfies Theme;\n","import { darkTheme } from './dark';\n\nexport const themeProvider = [darkTheme] as const;\n\nexport { darkTheme };\n"],"mappings":"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"}

package/dist/theme.mjs

@@ -1,2 +1,2 @@
-import { n as e, t } from "./theme-D18AZjTt.js";
+import { n as e, t } from "./theme-Cxg9jdmX.js";
 export { e as darkTheme, t as themeProvider };

package/dist/useStateCallback-B4O93zzK.js

@@ -0,0 +1,32 @@
+import { useCallback as e, useEffect as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
+//#region src/hooks/useOnClickOutside.ts
+var a = ({ ref: e, onAction: i, isActive: a, exceptRef: o }) => {
+	let s = r(i);
+	n(() => {
+		s.current = i;
+	}), t(() => {
+		let t = (t) => {
+			if (!e.current || !a) return;
+			let n = t.target, r = !e.current.contains(n), i = o?.current ? o.current.contains(n) : !1;
+			r && !i && s.current();
+		};
+		return document.addEventListener("mousedown", t), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", t), document.removeEventListener("keydown", t);
+		};
+	}, [
+		e,
+		o,
+		a
+	]);
+}, o = (n) => {
+	let [a, o] = i(n), s = r(void 0), c = e((e, t) => {
+		s.current = t, o(e);
+	}, []);
+	return t(() => {
+		s.current &&= (s.current(a), void 0);
+	}, [a]), [a, c];
+};
+//#endregion
+export { a as n, o as t };
+
+//# sourceMappingURL=useStateCallback-B4O93zzK.js.map

package/dist/useStateCallback-B4O93zzK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateCallback-B4O93zzK.js","names":[],"sources":["../src/hooks/useOnClickOutside.ts","../src/hooks/useStateCallback.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, type RefObject } from 'react';\n\ninterface UseClickOutsideAlerter {\n  ref: RefObject<Element | null>;\n  isActive: boolean;\n  onAction: () => void;\n  exceptRef?: RefObject<Element | null>;\n}\n\nexport const useOnClickOutside = ({ ref, onAction, isActive, exceptRef }: UseClickOutsideAlerter) => {\n  const onActionRef = useRef(onAction);\n  useLayoutEffect(() => {\n    onActionRef.current = onAction;\n  });\n\n  useEffect(() => {\n    const handler = (event: Event) => {\n      if (!ref.current || !isActive) return;\n      const target = event.target as Node;\n      const clickedOutside = !ref.current.contains(target);\n      const clickedExcept = exceptRef?.current ? exceptRef.current.contains(target) : false;\n      if (clickedOutside && !clickedExcept) onActionRef.current();\n    };\n\n    document.addEventListener('mousedown', handler);\n    document.addEventListener('keydown', handler);\n    return () => {\n      document.removeEventListener('mousedown', handler);\n      document.removeEventListener('keydown', handler);\n    };\n  }, [ref, exceptRef, isActive]);\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const useStateCallback = <T>(initialState: T): [T, (state: T, cb?: (state: T) => void) => void] => {\n  const [state, setState] = useState(initialState);\n  const cbRef = useRef<((state: T) => void) | undefined>(undefined); // init mutable ref container for callbacks\n\n  const setStateCallback = useCallback((state: T, cb?: (state: T) => void) => {\n    cbRef.current = cb; // store current, passed callback in ref\n    setState(state);\n  }, []); // keep object reference stable, exactly like `useState`\n\n  useEffect(() => {\n    // cb.current is `undefined` on initial render,\n    // so we only invoke callback on state *updates*\n    if (cbRef.current) {\n      cbRef.current(state);\n      cbRef.current = undefined; // reset callback after execution\n    }\n  }, [state]);\n\n  return [state, setStateCallback];\n};\n"],"mappings":";;AASA,IAAa,KAAqB,EAAE,QAAK,aAAU,aAAU,mBAAwC;CACnG,IAAM,IAAc,EAAO,EAAS;CAKpC,AAJA,QAAsB;EACpB,EAAY,UAAU;GACtB,EAEF,QAAgB;EACd,IAAM,KAAW,MAAiB;GAChC,IAAI,CAAC,EAAI,WAAW,CAAC,GAAU;GAC/B,IAAM,IAAS,EAAM,QACf,IAAiB,CAAC,EAAI,QAAQ,SAAS,EAAO,EAC9C,IAAgB,GAAW,UAAU,EAAU,QAAQ,SAAS,EAAO,GAAG;GAChF,AAAI,KAAkB,CAAC,KAAe,EAAY,SAAS;;EAK7D,OAFA,SAAS,iBAAiB,aAAa,EAAQ,EAC/C,SAAS,iBAAiB,WAAW,EAAQ,QAChC;GAEX,AADA,SAAS,oBAAoB,aAAa,EAAQ,EAClD,SAAS,oBAAoB,WAAW,EAAQ;;IAEjD;EAAC;EAAK;EAAW;EAAS,CAAC;GC5BnB,KAAuB,MAAsE;CACxG,IAAM,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,IAAQ,EAAyC,KAAA,EAAU,EAE3D,IAAmB,GAAa,GAAU,MAA4B;EAE1E,AADA,EAAM,UAAU,GAChB,EAAS,EAAM;IACd,EAAE,CAAC;CAWN,OATA,QAAgB;EAGd,AAEE,EAAM,aADN,EAAM,QAAQ,EAAM,EACJ,KAAA;IAEjB,CAAC,EAAM,CAAC,EAEJ,CAAC,GAAO,EAAiB"}

package/dist/utilities.mjs

@@ -1,11 +1,10 @@
 import { d as e, n as t } from "./DatePicker.utils-ytCEcs6T.js";
 //#region src/utilities/cleaner/input.ts
 var n = (e = "") => e.replace(/^0+|[^0-9kK]+/g, "").toUpperCase(), r = (e, n) => t[n][e], i = (t, n) => e[n][t], a = (e = "", t = !0) => {
-	let r = n(e), i = "";
-	if (t) {
-		i = `${r.slice(-4, -1)}-${r.substring(r.length - 1)}`;
-		for (let e = 4; e < r.length; e += 3) i = `${r.slice(-3 - e, -e)}.${i}`;
-	} else i = `${r.slice(0, -1)}-${r.substring(r.length - 1)}`;
+	let r = n(e);
+	if (!t) return `${r.slice(0, -1)}-${r.substring(r.length - 1)}`;
+	let i = `${r.slice(-4, -1)}-${r.substring(r.length - 1)}`;
+	for (let e = 4; e < r.length; e += 3) i = `${r.slice(-3 - e, -e)}.${i}`;
 	return i;
 }, o = Intl.NumberFormat("es-CL", {
 	style: "currency",

package/dist/utilities.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.mjs","names":[],"sources":["../src/utilities/cleaner/input.ts","../src/utilities/formatter/date.ts","../src/utilities/formatter/input.ts","../src/utilities/formatter/number.ts","../src/utilities/formatter/strings.ts","../src/utilities/regex/input.ts","../src/utilities/validator/input.ts"],"sourcesContent":["export const onCleanRut = (rut = '') => rut.replace(/^0+|[^0-9kK]+/g, '').toUpperCase();\n","import { DaysEnProps, MonthsEnProps } from '@components/atoms/DatePicker/DatePicker.interface';\nimport { daysDictionary, monthsDictionary } from '@components/atoms/DatePicker/DatePicker.utils';\n\nexport const toShortDay = (day: DaysEnProps, language: 'en' | 'es') => daysDictionary[language][day];\n\nexport const toLongMonth = (month: MonthsEnProps, language: 'en' | 'es') => monthsDictionary[language][month];\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const toRutFormat = (rut = '', dots = true) => {\n  const cleanRut = onCleanRut(rut);\n\n  let result = '';\n\n  if (dots) {\n    result = `${cleanRut.slice(-4, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n    for (let i = 4; i < cleanRut.length; i += 3) {\n      result = `${cleanRut.slice(-3 - i, -i)}.${result}`;\n    }\n  } else {\n    result = `${cleanRut.slice(0, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n  }\n\n  return result;\n};\n","const euroEU = Intl.NumberFormat('es-CL', {\n  style: 'currency',\n  currency: 'CLP',\n  currencyDisplay: 'symbol',\n  minimumFractionDigits: 0,\n});\n\nexport const toPrice = (price: number) => euroEU.format(price); //.replace('CLP', '');\n\nexport const toDiscount = (price: number, discount: number) => {\n  return Math.ceil(100 - (discount / price) * 100);\n};\n","export const toPadZeros = (label: number | string, zeros: number) => String(label).padStart(zeros, '0');\n\nexport const toCapitalized = (word = '') => word.charAt(0).toUpperCase() + word.slice(1);\n","export const isEmailRegex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$/;\n\nexport const isTextOnlyRegex = /^[a-zA-Z\\sÁÉÍÓÚáéíóúÑñ]*$/;\n\nexport const isNumberRegex = /^-?\\d+$/;\n\nexport const isRutRegex = /(\\d|k|K|.|-|^$)+$/;\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const validateRut = (rut: string) => {\n  if (rut.length > 12) {\n    return false;\n  }\n\n  const cleanRut = onCleanRut(rut);\n\n  const rutBody = cleanRut.slice(0, -1);\n  const inputDV = cleanRut.slice(-1).toUpperCase();\n  const suma = Array.from(rutBody)\n    .reverse()\n    .reduce((acc, digit, i) => acc + parseInt(digit, 10) * ((i % 6) + 2), 0);\n\n  const calculatedDV = 11 - (suma % 11);\n  let dv: string;\n\n  if (calculatedDV === 11) {\n    dv = '0';\n  } else if (calculatedDV === 10) {\n    dv = 'K';\n  } else {\n    dv = calculatedDV.toString();\n  }\n\n  return dv === inputDV;\n};\n"],"mappings":";;AAAA,IAAa,KAAc,IAAM,OAAO,EAAI,QAAQ,kBAAkB,GAAG,CAAC,aAAa,ECG1E,KAAc,GAAkB,MAA0B,EAAe,GAAU,IAEnF,KAAe,GAAsB,MAA0B,EAAiB,GAAU,ICH1F,KAAe,IAAM,IAAI,IAAO,OAAS;CACpD,IAAM,IAAW,EAAW,EAAI,EAE5B,IAAS;CAEb,IAAI,GAAM;EACR,IAAS,GAAG,EAAS,MAAM,IAAI,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;EAC7E,KAAK,IAAI,IAAI,GAAG,IAAI,EAAS,QAAQ,KAAK,GACxC,IAAS,GAAG,EAAS,MAAM,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG;QAG5C,IAAS,GAAG,EAAS,MAAM,GAAG,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;CAG9E,OAAO;GChBH,IAAS,KAAK,aAAa,SAAS;CACxC,OAAO;CACP,UAAU;CACV,iBAAiB;CACjB,uBAAuB;CACxB,CAAC,EAEW,KAAW,MAAkB,EAAO,OAAO,EAAM,EAEjD,KAAc,GAAe,MACjC,KAAK,KAAK,MAAO,IAAW,IAAS,IAAI,ECVrC,KAAc,GAAwB,MAAkB,OAAO,EAAM,CAAC,SAAS,GAAO,IAAI,EAE1F,KAAiB,IAAO,OAAO,EAAK,OAAO,EAAE,CAAC,aAAa,GAAG,EAAK,MAAM,EAAE,ECF3E,IAAe,4CAEf,IAAkB,6BAElB,IAAgB,WAEhB,IAAa,qBCJb,KAAe,MAAgB;CAC1C,IAAI,EAAI,SAAS,IACf,OAAO;CAGT,IAAM,IAAW,EAAW,EAAI,EAE1B,IAAU,EAAS,MAAM,GAAG,GAAG,EAC/B,IAAU,EAAS,MAAM,GAAG,CAAC,aAAa,EAK1C,IAAe,KAJR,MAAM,KAAK,EAAQ,CAC7B,SAAS,CACT,QAAQ,GAAK,GAAO,MAAM,IAAM,SAAS,GAAO,GAAG,IAAK,IAAI,IAAK,IAAI,EAE7C,GAAO,IAC9B;CAUJ,OARA,AAKE,IALE,MAAiB,KACd,MACI,MAAiB,KACrB,MAEA,EAAa,UAAU,EAGvB,MAAO"}
+{"version":3,"file":"utilities.mjs","names":[],"sources":["../src/utilities/cleaner/input.ts","../src/utilities/formatter/date.ts","../src/utilities/formatter/input.ts","../src/utilities/formatter/number.ts","../src/utilities/formatter/strings.ts","../src/utilities/regex/input.ts","../src/utilities/validator/input.ts"],"sourcesContent":["export const onCleanRut = (rut = '') => rut.replace(/^0+|[^0-9kK]+/g, '').toUpperCase();\n","import { DaysEnProps, MonthsEnProps } from '@components/atoms/DatePicker/DatePicker.interface';\nimport { daysDictionary, monthsDictionary } from '@components/atoms/DatePicker/DatePicker.utils';\n\nexport const toShortDay = (day: DaysEnProps, language: 'en' | 'es') => daysDictionary[language][day];\n\nexport const toLongMonth = (month: MonthsEnProps, language: 'en' | 'es') => monthsDictionary[language][month];\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const toRutFormat = (rut = '', dots = true) => {\n  const cleanRut = onCleanRut(rut);\n\n  if (!dots) {\n    return `${cleanRut.slice(0, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n  }\n\n  let result = `${cleanRut.slice(-4, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n  for (let i = 4; i < cleanRut.length; i += 3) {\n    result = `${cleanRut.slice(-3 - i, -i)}.${result}`;\n  }\n  return result;\n};\n","const euroEU = Intl.NumberFormat('es-CL', {\n  style: 'currency',\n  currency: 'CLP',\n  currencyDisplay: 'symbol',\n  minimumFractionDigits: 0,\n});\n\nexport const toPrice = (price: number) => euroEU.format(price); //.replace('CLP', '');\n\nexport const toDiscount = (price: number, discount: number) => {\n  return Math.ceil(100 - (discount / price) * 100);\n};\n","export const toPadZeros = (label: number | string, zeros: number) => String(label).padStart(zeros, '0');\n\nexport const toCapitalized = (word = '') => word.charAt(0).toUpperCase() + word.slice(1);\n","export const isEmailRegex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$/;\n\nexport const isTextOnlyRegex = /^[a-zA-Z\\sÁÉÍÓÚáéíóúÑñ]*$/;\n\nexport const isNumberRegex = /^-?\\d+$/;\n\nexport const isRutRegex = /(\\d|k|K|.|-|^$)+$/;\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const validateRut = (rut: string) => {\n  if (rut.length > 12) {\n    return false;\n  }\n\n  const cleanRut = onCleanRut(rut);\n\n  const rutBody = cleanRut.slice(0, -1);\n  const inputDV = cleanRut.slice(-1).toUpperCase();\n  const suma = Array.from(rutBody)\n    .reverse()\n    .reduce((acc, digit, i) => acc + parseInt(digit, 10) * ((i % 6) + 2), 0);\n\n  const calculatedDV = 11 - (suma % 11);\n  let dv: string;\n\n  if (calculatedDV === 11) {\n    dv = '0';\n  } else if (calculatedDV === 10) {\n    dv = 'K';\n  } else {\n    dv = calculatedDV.toString();\n  }\n\n  return dv === inputDV;\n};\n"],"mappings":";;AAAA,IAAa,KAAc,IAAM,OAAO,EAAI,QAAQ,kBAAkB,GAAG,CAAC,aAAa,ECG1E,KAAc,GAAkB,MAA0B,EAAe,GAAU,IAEnF,KAAe,GAAsB,MAA0B,EAAiB,GAAU,ICH1F,KAAe,IAAM,IAAI,IAAO,OAAS;CACpD,IAAM,IAAW,EAAW,EAAI;CAEhC,IAAI,CAAC,GACH,OAAO,GAAG,EAAS,MAAM,GAAG,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;CAG5E,IAAI,IAAS,GAAG,EAAS,MAAM,IAAI,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;CACjF,KAAK,IAAI,IAAI,GAAG,IAAI,EAAS,QAAQ,KAAK,GACxC,IAAS,GAAG,EAAS,MAAM,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG;CAE5C,OAAO;GCbH,IAAS,KAAK,aAAa,SAAS;CACxC,OAAO;CACP,UAAU;CACV,iBAAiB;CACjB,uBAAuB;CACxB,CAAC,EAEW,KAAW,MAAkB,EAAO,OAAO,EAAM,EAEjD,KAAc,GAAe,MACjC,KAAK,KAAK,MAAO,IAAW,IAAS,IAAI,ECVrC,KAAc,GAAwB,MAAkB,OAAO,EAAM,CAAC,SAAS,GAAO,IAAI,EAE1F,KAAiB,IAAO,OAAO,EAAK,OAAO,EAAE,CAAC,aAAa,GAAG,EAAK,MAAM,EAAE,ECF3E,IAAe,4CAEf,IAAkB,6BAElB,IAAgB,WAEhB,IAAa,qBCJb,KAAe,MAAgB;CAC1C,IAAI,EAAI,SAAS,IACf,OAAO;CAGT,IAAM,IAAW,EAAW,EAAI,EAE1B,IAAU,EAAS,MAAM,GAAG,GAAG,EAC/B,IAAU,EAAS,MAAM,GAAG,CAAC,aAAa,EAK1C,IAAe,KAJR,MAAM,KAAK,EAAQ,CAC7B,SAAS,CACT,QAAQ,GAAK,GAAO,MAAM,IAAM,SAAS,GAAO,GAAG,IAAK,IAAI,IAAK,IAAI,EAE7C,GAAO,IAC9B;CAUJ,OARA,AAKE,IALE,MAAiB,KACd,MACI,MAAiB,KACrB,MAEA,EAAa,UAAU,EAGvB,MAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foi/design-system",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",

package/dist/RadioGroup.context-BdRgENJJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.context-BdRgENJJ.js","names":[],"sources":["../src/hocs/ThemeProvider/interfaces/Components.interface.ts","../src/components/atoms/Icon/Icon.emotion.ts","../src/components/atoms/Icon/Icon.tsx","../src/components/atoms/Checkbox/Checkbox.emotion.ts","../src/components/molecules/CheckboxGroup/CheckboxGroup.context.ts","../src/components/molecules/CheckboxTree/CheckboxTree.context.ts","../src/components/atoms/Checkbox/Checkbox.tsx","../src/components/atoms/Checkbox/index.tsx","../src/components/atoms/Radio/RadioGroup.context.ts"],"sourcesContent":["export enum Component {\n  // atoms\n  BUTTON = 'BUTTON',\n  ICONBUTTON = 'ICONBUTTON',\n  INPUT = 'INPUT',\n  CHECKBOX = 'CHECKBOX',\n  SELECT = 'SELECT',\n  SELECTMENU = 'SELECTMENU',\n  SWITCH = 'SWITCH',\n  SLIDER = 'SLIDER',\n  DATEPICKER = 'DATEPICKER',\n  DATEPICKERMENU = 'DATEPICKERMENU',\n\n  // molecules\n  CHECKBOXGROUP = 'CHECKBOXGROUP',\n  CHECKBOXTREE = 'CHECKBOXTREE',\n  RADIOGROUP = 'RADIOGROUP',\n\n  // atoms\n  RADIO = 'RADIO',\n}\n","import { css } from '@emotion/react';\n\nconst Style = () => css`\n  &.--ICON {\n    font-family: 'Material Symbols Rounded';\n    font-weight: normal;\n    font-style: normal;\n    font-size: 20px;\n    line-height: 1;\n    letter-spacing: normal;\n    text-transform: none;\n    display: inline-block;\n    white-space: nowrap;\n    word-wrap: normal;\n    direction: ltr;\n    font-variation-settings:\n      'FILL' 0,\n      'wght' 400,\n      'GRAD' 0,\n      'opsz' 24;\n    user-select: none;\n    vertical-align: middle;\n\n    &.--ICON-fill {\n      font-variation-settings:\n        'FILL' 1,\n        'wght' 500,\n        'GRAD' 0,\n        'opsz' 24;\n    }\n\n    &.--ICON-sm {\n      font-size: 18px;\n    }\n    &.--ICON-lg {\n      font-size: 24px;\n    }\n    &.--ICON-xl {\n      font-size: 36px;\n    }\n  }\n`;\n\nexport default Style;\n","import type { FC } from 'react';\nimport emotion from './Icon.emotion';\nimport type { IconProps } from './Icon.interface';\n\nconst CLASS = '--ICON';\n\n/**\n * Renders a single Material Symbols Rounded icon using font ligatures.\n *\n * Pass the ligature name as `name` (e.g. `'home'`, `'search'`, `'close'`).\n * The icon font is loaded once by `ThemeProvider` — no extra requests per icon.\n */\nconst Icon: FC<IconProps> = ({ name, fill = false, size = 'md', className, style }) => {\n  return (\n    <span\n      className={[CLASS, fill && `${CLASS}-fill`, size !== 'md' && `${CLASS}-${size}`, className]\n        .filter(Boolean)\n        .join(' ')}\n      css={emotion()}\n      style={style}\n      aria-hidden='true'\n      data-testid={CLASS}\n    >\n      {name}\n    </span>\n  );\n};\n\nexport default Icon;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst background = (theme: Record<string, string>, event: string): string => `\n  // BACKGROUNDS  \n  ${getStyle(theme, 'background-color', `--CHECKBOX-EVENTS-${event}-BACKGROUND-COLOR`)}\n`;\n\nconst border = (theme: Record<string, string>, event: string): string => `\n  // BORDERS\n  ${getStyle(theme, 'border-color', `--CHECKBOX-EVENTS-${event}-BORDER-COLOR`)}\n  ${getStyle(theme, 'border-width', `--CHECKBOX-EVENTS-${event}-BORDER-WIDTH`)}\n  ${getStyle(theme, 'border-style', `--CHECKBOX-EVENTS-${event}-BORDER-STYLE`)}\n`;\n\nconst outline = (theme: Record<string, string>, event: string): string => `  \n  // OUTLINE\n  ${getStyle(theme, 'outline-color', `--CHECKBOX-EVENTS-${event}-OUTLINE-COLOR`)}\n  ${getStyle(theme, 'outline-width', `--CHECKBOX-EVENTS-${event}-OUTLINE-WIDTH`)}\n  ${getStyle(theme, 'outline-style', `--CHECKBOX-EVENTS-${event}-OUTLINE-STYLE`)}\n  ${getStyle(theme, 'outline-offset', `--CHECKBOX-EVENTS-${event}-OUTLINE-OFFSET`)}\n`;\n\nconst shadow = (theme: Record<string, string>, event: string): string => `  \n  // SHADOW\n  ${getStyle(theme, 'background-color', `--CHECKBOX-EVENTS-${event}-SHADOW-COLOR`)}\n`;\n\nconst icon = (theme: Record<string, string>, event: string): string => `\n  // UTILS\n  > span {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-ICON-COLOR`)};\n  }\n`;\n\nconst label = (theme: Record<string, string>, event: string): string => `\n  // TYPOGRAPHY\n  .--CHECKBOX-label {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-COLOR-PRIMARY`)}\n  }\n\n  ~ .--CHECKBOX-helperText {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-COLOR-SECONDARY`)}\n  }\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--CHECKBOX {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    .--CHECKBOX-container {\n      display: flex;\n      flex-direction: row;\n      gap: 12px;\n      align-items: center;\n      cursor: pointer;\n\n      // ENABLED\n      ${label(theme, 'ENABLED')};\n\n      // VALUE\n      &:has(.--CHECKBOX-inputField:checked) {\n        ${label(theme, 'VALUE')};\n      }\n\n      // HOVER\n      &:hover {\n        ${label(theme, 'HOVER')};\n\n        .--CHECKBOX-checkbox .--CHECKBOX-span {\n          &:before {\n            opacity: 1;\n            ${shadow(theme, 'HOVER')};\n          }\n        }\n      }\n\n      // ACTIVE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-active, .--CHECKBOX-inputField:active) {\n        ${label(theme, 'ACTIVE')};\n      }\n\n      // FOCUS-VISIBLE\n      &:has(.--CHECKBOX-inputField:focus-visible) {\n        ${label(theme, 'FOCUS')};\n      }\n\n      // ERROR\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error) {\n        ${label(theme, 'ERROR')};\n      }\n\n      // ERROR + VALUE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:checked) {\n        ${label(theme, 'ERROR_VALUE')};\n      }\n\n      // ERROR + HOVER\n      &:hover:has(.--CHECKBOX-inputField.--CHECKBOX-error) {\n        ${label(theme, 'ERROR_HOVER')};\n\n        .--CHECKBOX-checkbox .--CHECKBOX-span {\n          &:before {\n            opacity: 1;\n            ${shadow(theme, 'ERROR_HOVER')};\n          }\n        }\n      }\n\n      // ERROR + ACTIVE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:active),\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error.--CHECKBOX-active) {\n        ${label(theme, 'ERROR_ACTIVE')};\n      }\n\n      // ERROR + FOCUS\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:focus-visible) {\n        ${label(theme, 'ERROR_FOCUS')};\n      }\n\n      // DISABLED\n      &:has(.--CHECKBOX-inputField:disabled) {\n        pointer-events: none;\n        ${label(theme, 'DISABLED')};\n      }\n\n      // DISABLED + VALUE\n      &:has(.--CHECKBOX-inputField:disabled:checked) {\n        ${label(theme, 'DISABLED_VALUE')};\n      }\n\n      .--CHECKBOX-checkbox {\n        position: relative;\n        display: inline-flex;\n        width: 24px;\n        height: 24px;\n        isolation: isolate;\n\n        .--CHECKBOX-inputField {\n          cursor: pointer;\n          position: absolute;\n          opacity: 0;\n          width: 100%;\n          height: 100%;\n          z-index: 2;\n          margin: 0;\n          -webkit-tap-highlight-color: transparent;\n\n          ~ .--CHECKBOX-span > span {\n            visibility: hidden;\n          }\n          &:checked ~ .--CHECKBOX-span > span,\n          &:indeterminate ~ .--CHECKBOX-span > span {\n            visibility: visible;\n          }\n\n          // ENABLED\n          ~ .--CHECKBOX-span {\n            ${background(theme, 'ENABLED')};\n            ${border(theme, 'ENABLED')};\n            ${icon(theme, 'ENABLED')};\n          }\n\n          // VALUE\n          &:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'VALUE')};\n            ${border(theme, 'VALUE')};\n            ${icon(theme, 'VALUE')};\n          }\n\n          // INDETERMINATE (same appearance as VALUE)\n          &:indeterminate ~ .--CHECKBOX-span {\n            ${background(theme, 'VALUE')};\n            ${border(theme, 'VALUE')};\n            ${icon(theme, 'VALUE')};\n          }\n\n          // HOVER\n          // Is at the container level\n\n          // ACTIVE\n          &.--CHECKBOX-active ~ .--CHECKBOX-span,\n          &:active ~ .--CHECKBOX-span {\n            &:before {\n              opacity: 1;\n              ${shadow(theme, 'ACTIVE')};\n            }\n          }\n\n          // FOCUS\n          &:focus-visible ~ .--CHECKBOX-span {\n            outline: none;\n            ${outline(theme, 'FOCUS')};\n            ${icon(theme, 'FOCUS')};\n          }\n\n          // ERROR\n          &.--CHECKBOX-error ~ .--CHECKBOX-span {\n            ${background(theme, 'ERROR')};\n            ${border(theme, 'ERROR')};\n            ${icon(theme, 'ERROR')};\n          }\n\n          // ERROR + VALUE\n          &.--CHECKBOX-error:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'ERROR_VALUE')};\n            ${border(theme, 'ERROR_VALUE')};\n            ${icon(theme, 'ERROR_VALUE')};\n          }\n\n          // ERROR + VALUE\n          // Is at the container level\n\n          // ERROR + ACTIVE\n          &.--CHECKBOX-error:active ~ .--CHECKBOX-span,\n          &.--CHECKBOX-error.--CHECKBOX-active ~ .--CHECKBOX-span {\n            &:before {\n              opacity: 1;\n              ${shadow(theme, 'ERROR_ACTIVE')};\n            }\n          }\n\n          // ERROR + FOCUS\n          &.--CHECKBOX-error:focus-visible ~ .--CHECKBOX-span {\n            ${outline(theme, 'ERROR_FOCUS')};\n            ${icon(theme, 'ERROR_FOCUS')};\n          }\n\n          // DISABLED\n          &:disabled ~ .--CHECKBOX-span {\n            ${background(theme, 'DISABLED')};\n            ${border(theme, 'DISABLED')};\n            ${icon(theme, 'DISABLED')};\n          }\n\n          // DISABLED + VALUE\n          &:disabled:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'DISABLED_VALUE')};\n            ${border(theme, 'DISABLED_VALUE')};\n            ${icon(theme, 'DISABLED_VALUE')};\n          }\n        }\n\n        .--CHECKBOX-span {\n          width: 24px;\n          height: 24px;\n          ${getStyle(theme, 'border-radius', '--CHECKBOX-ROOT-BORDER-RADIUS')};\n          position: absolute;\n          box-sizing: border-box;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          transition:\n            background-color 150ms ease-in-out,\n            border-color 150ms ease-in-out;\n\n          > span {\n            width: 100%;\n            height: auto;\n            z-index: 1;\n          }\n\n          &:before {\n            content: '';\n            position: absolute;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            opacity: 0;\n            transition: opacity 150ms ease-in-out;\n            z-index: -1;\n          }\n        }\n      }\n\n      .--CHECKBOX-label {\n        // FONT\n        font-family: ${theme['--FONTFAMILY-PRIMARY']};\n        font-size: 0.875rem;\n        font-weight: 500;\n        line-height: 1;\n      }\n    }\n\n    .--CHECKBOX-helperText {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n    }\n  }\n`;\n\nexport default Style;\n","import { createContext } from 'react';\n\nexport interface CheckboxGroupContextValue {\n  /** Array of currently checked option values */\n  checkedValues: string[];\n  /** Toggle a value in/out of the checked array */\n  onChange: (value: string, checked: boolean) => void;\n  /** Group-level disabled state */\n  disabled?: boolean;\n  /** Group-level validation error */\n  error?: { message?: string };\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null);\n","import { createContext } from 'react';\n\nexport interface CheckboxTreeContextValue {\n  /** Array of currently checked option values */\n  checkedValues: string[];\n  /** Toggle a value in/out of the checked array */\n  onChange: (value: string, checked: boolean) => void;\n  /** Tree-level disabled state */\n  disabled?: boolean;\n  /** Tree-level validation error */\n  error?: { message?: string };\n}\n\nexport const CheckboxTreeContext = createContext<CheckboxTreeContextValue | null>(null);\n","import React, { useState, useContext } from 'react';\n// Component Base\nimport emotion from './Checkbox.emotion';\nimport type { CheckboxProps, CheckboxBaseProps } from './Checkbox.interface';\nimport { CheckboxGroupContext } from '../../molecules/CheckboxGroup/CheckboxGroup.context';\nimport { CheckboxTreeContext } from '../../molecules/CheckboxTree/CheckboxTree.context';\n// External libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\n// Custom Components\nimport Icon from '@components/atoms/Icon';\n\nconst CLASS = '--CHECKBOX';\n\n/** @internal Headless presentational layer shared by all checkbox variants. */\nexport const CheckboxBase = React.forwardRef<HTMLInputElement, CheckboxBaseProps>(\n  (\n    {\n      label,\n      icon = <Icon name='check' />,\n      helperText,\n      showErrorText = true,\n      className,\n      style = {},\n      disabled,\n      checked,\n      onChecked,\n      error,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      ...rest\n    }: CheckboxBaseProps,\n    ref,\n  ) => {\n    const [isActive, setIsActive] = useState(false);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || event.key === 'Space') setIsActive(true);\n      onKeyDown?.(event);\n    };\n\n    const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || event.key === 'Space') {\n        setIsActive(false);\n        onChecked(!checked);\n      }\n      onKeyUp?.(event);\n    };\n\n    const handleBlur = () => {\n      setIsActive(false);\n      onBlur?.({} as React.FocusEvent<HTMLInputElement>);\n    };\n\n    return (\n      <div\n        className={[CLASS, isActive ? `${CLASS}-active` : '', className || ''].join(' ')}\n        css={emotion(style)}\n        data-testid={CLASS}\n      >\n        <label className={`${CLASS}-container`}>\n          <div className={`${CLASS}-checkbox`}>\n            <input\n              className={[\n                `${CLASS}-inputField`,\n                isActive ? `${CLASS}-active` : '',\n                showErrorText && error && `${CLASS}-error`,\n              ].join(' ')}\n              type='checkbox'\n              checked={checked}\n              disabled={disabled}\n              onChange={e => onChecked(e.target.checked)}\n              onKeyDown={handleKeyDown}\n              onKeyUp={handleKeyUp}\n              onBlur={handleBlur}\n              ref={ref}\n              data-testid={`${CLASS}-inputField`}\n              {...rest}\n            />\n            <span className={`${CLASS}-span`} data-testid={`${CLASS}-icon`}>\n              {icon}\n            </span>\n          </div>\n          <span className={`${CLASS}-label`} data-testid={`${CLASS}-label`}>\n            {label}\n          </span>\n        </label>\n        {(helperText || showErrorText) && (\n          <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n            {helperText && (!error || !showErrorText) && helperText}\n            {showErrorText && error && error.message}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckboxBase.displayName = 'CheckboxBase';\n\nconst CheckboxRHF = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  ...rest\n}: CheckboxProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control: control!, name: name! as FieldPath<TFieldValues> });\n  const [value, setValue] = useState<boolean>(field.value || false);\n  const errorText = fieldState.error;\n\n  const onChecked = (checked: boolean) => {\n    field.onChange(checked);\n    setValue(checked);\n    if (errorText) field.onBlur();\n  };\n\n  return (\n    <CheckboxBase\n      {...rest}\n      name={name}\n      checked={value}\n      onChecked={onChecked}\n      onBlur={() => field.onBlur()}\n      error={errorText}\n    />\n  );\n};\n\nconst Checkbox = <TFieldValues extends FieldValues = FieldValues>(props: CheckboxProps<TFieldValues>) => {\n  const groupCtx = useContext(CheckboxGroupContext);\n  const treeCtx = useContext(CheckboxTreeContext);\n  const ctx = groupCtx ?? treeCtx;\n\n  if (typeof props.checked === 'boolean' && !props.control) {\n    const { checked, onChecked, name, control, ...rest } = props;\n    return <CheckboxBase {...rest} name={name} checked={checked} onChecked={onChecked ?? (() => {})} />;\n  }\n\n  if (ctx) {\n    const { value, name, control, ...rest } = props;\n    const itemValue = (value as string) ?? name ?? '';\n    const checked = ctx.checkedValues.includes(itemValue);\n\n    return (\n      <CheckboxBase\n        {...rest}\n        name={name}\n        value={itemValue}\n        checked={checked}\n        onChecked={c => ctx.onChange(itemValue, c)}\n        disabled={rest.disabled ?? ctx.disabled}\n        error={ctx.error}\n        showErrorText={false}\n        helperText={undefined}\n      />\n    );\n  }\n\n  return <CheckboxRHF {...props} />;\n};\n\nexport default Checkbox;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { CheckboxStyleProps } from './Checkbox.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport CheckboxBase from './Checkbox';\n\nconst Checkbox = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: CheckboxStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.CHECKBOX], theme, variant.toUpperCase());\n\n  return <CheckboxBase {...rest} style={componentStyles} />;\n};\n\nexport default Checkbox;\n","import { createContext } from 'react';\n\nexport interface RadioGroupContextValue {\n  /** The name attribute shared by all radios in this group */\n  name: string;\n  /** The currently selected value */\n  selectedValue: string;\n  /** Select a value */\n  onChange: (value: string) => void;\n  /** Group-level disabled state */\n  disabled?: boolean;\n  /** Group-level validation error */\n  error?: { message?: string };\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n"],"mappings":";;;;;;AAAA,IAAY,IAAL,yBAAA,GAAA;QAEL,EAAA,SAAS,UACT,EAAA,aAAa,cACb,EAAA,QAAQ,SACR,EAAA,WAAW,YACX,EAAA,SAAS,UACT,EAAA,aAAa,cACb,EAAA,SAAS,UACT,EAAA,SAAS,UACT,EAAA,aAAa,cACb,EAAA,iBAAiB,kBAGjB,EAAA,gBAAgB,iBAChB,EAAA,eAAe,gBACf,EAAA,aAAa,cAGb,EAAA,QAAQ;KACT,EClBK,UAAc,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCEjB,IAAQ,UAQR,KAAuB,EAAE,SAAM,UAAO,IAAO,UAAO,MAAM,cAAW,eAEvE,kBAAC,QAAD;CACE,WAAW;EAAC;EAAO,KAAQ,GAAG,EAAM;EAAQ,MAAS,QAAQ,GAAG,EAAM,GAAG;EAAQ;EAAU,CACxF,OAAO,QAAQ,CACf,KAAK,IAAI;CACZ,KAAK,GAAS;CACP;CACP,eAAY;CACZ,eAAa;WAEZ;CACI,CAAA,ECrBL,KAAc,GAA+B,MAA0B;;IAEzE,EAAS,GAAO,oBAAoB,qBAAqB,EAAM,mBAAmB,CAAC;GAGjF,KAAU,GAA+B,MAA0B;;IAErE,EAAS,GAAO,gBAAgB,qBAAqB,EAAM,eAAe,CAAC;IAC3E,EAAS,GAAO,gBAAgB,qBAAqB,EAAM,eAAe,CAAC;IAC3E,EAAS,GAAO,gBAAgB,qBAAqB,EAAM,eAAe,CAAC;GAGzE,KAAW,GAA+B,MAA0B;;IAEtE,EAAS,GAAO,iBAAiB,qBAAqB,EAAM,gBAAgB,CAAC;IAC7E,EAAS,GAAO,iBAAiB,qBAAqB,EAAM,gBAAgB,CAAC;IAC7E,EAAS,GAAO,iBAAiB,qBAAqB,EAAM,gBAAgB,CAAC;IAC7E,EAAS,GAAO,kBAAkB,qBAAqB,EAAM,iBAAiB,CAAC;GAG7E,KAAU,GAA+B,MAA0B;;IAErE,EAAS,GAAO,oBAAoB,qBAAqB,EAAM,eAAe,CAAC;GAG7E,KAAQ,GAA+B,MAA0B;;;MAGjE,EAAS,GAAO,SAAS,qBAAqB,EAAM,aAAa,CAAC;;GAIlE,KAAS,GAA+B,MAA0B;;;MAGlE,EAAS,GAAO,SAAS,qBAAqB,EAAM,gBAAgB,CAAC;;;;MAIrE,EAAS,GAAO,SAAS,qBAAqB,EAAM,kBAAkB,CAAC;;GAIvE,KAAS,MAAkC,CAAG;;;;;;;;;;;;;;;QAe5C,EAAM,GAAO,UAAU,CAAC;;;;UAItB,EAAM,GAAO,QAAQ,CAAC;;;;;UAKtB,EAAM,GAAO,QAAQ,CAAC;;;;;cAKlB,EAAO,GAAO,QAAQ,CAAC;;;;;;;UAO3B,EAAM,GAAO,SAAS,CAAC;;;;;UAKvB,EAAM,GAAO,QAAQ,CAAC;;;;;UAKtB,EAAM,GAAO,QAAQ,CAAC;;;;;UAKtB,EAAM,GAAO,cAAc,CAAC;;;;;UAK5B,EAAM,GAAO,cAAc,CAAC;;;;;cAKxB,EAAO,GAAO,cAAc,CAAC;;;;;;;;UAQjC,EAAM,GAAO,eAAe,CAAC;;;;;UAK7B,EAAM,GAAO,cAAc,CAAC;;;;;;UAM5B,EAAM,GAAO,WAAW,CAAC;;;;;UAKzB,EAAM,GAAO,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8B3B,EAAW,GAAO,UAAU,CAAC;cAC7B,EAAO,GAAO,UAAU,CAAC;cACzB,EAAK,GAAO,UAAU,CAAC;;;;;cAKvB,EAAW,GAAO,QAAQ,CAAC;cAC3B,EAAO,GAAO,QAAQ,CAAC;cACvB,EAAK,GAAO,QAAQ,CAAC;;;;;cAKrB,EAAW,GAAO,QAAQ,CAAC;cAC3B,EAAO,GAAO,QAAQ,CAAC;cACvB,EAAK,GAAO,QAAQ,CAAC;;;;;;;;;;;gBAWnB,EAAO,GAAO,SAAS,CAAC;;;;;;;cAO1B,EAAQ,GAAO,QAAQ,CAAC;cACxB,EAAK,GAAO,QAAQ,CAAC;;;;;cAKrB,EAAW,GAAO,QAAQ,CAAC;cAC3B,EAAO,GAAO,QAAQ,CAAC;cACvB,EAAK,GAAO,QAAQ,CAAC;;;;;cAKrB,EAAW,GAAO,cAAc,CAAC;cACjC,EAAO,GAAO,cAAc,CAAC;cAC7B,EAAK,GAAO,cAAc,CAAC;;;;;;;;;;;gBAWzB,EAAO,GAAO,eAAe,CAAC;;;;;;cAMhC,EAAQ,GAAO,cAAc,CAAC;cAC9B,EAAK,GAAO,cAAc,CAAC;;;;;cAK3B,EAAW,GAAO,WAAW,CAAC;cAC9B,EAAO,GAAO,WAAW,CAAC;cAC1B,EAAK,GAAO,WAAW,CAAC;;;;;cAKxB,EAAW,GAAO,iBAAiB,CAAC;cACpC,EAAO,GAAO,iBAAiB,CAAC;cAChC,EAAK,GAAO,iBAAiB,CAAC;;;;;;;YAOhC,EAAS,GAAO,iBAAiB,gCAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA+BvD,EAAM,wBAAwB;;;;;;;;;qBAShC,EAAM,wBAAwB;;;;;;GCpRtC,IAAuB,EAAgD,KAAK,ECA5E,IAAsB,EAA+C,KAAK,ECFjF,IAAQ,cAGD,IAAe,EAAM,YAE9B,EACE,UACA,UAAO,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA,EAC5B,eACA,mBAAgB,IAChB,cACA,WAAQ,EAAE,EACV,aACA,YACA,cACA,UACA,cACA,YACA,WACA,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAU,KAAe,EAAS,GAAM;CAoB/C,OACE,kBAAC,OAAD;EACE,WAAW;GAAC;GAAO,IAAW,GAAG,EAAM,WAAW;GAAI,KAAa;GAAG,CAAC,KAAK,IAAI;EAChF,KAAK,EAAQ,EAAM;EACnB,eAAa;YAHf,CAKE,kBAAC,SAAD;GAAO,WAAW,GAAG,EAAM;aAA3B,CACE,kBAAC,OAAD;IAAK,WAAW,GAAG,EAAM;cAAzB,CACE,kBAAC,SAAD;KACE,WAAW;MACT,GAAG,EAAM;MACT,IAAW,GAAG,EAAM,WAAW;MAC/B,KAAiB,KAAS,GAAG,EAAM;MACpC,CAAC,KAAK,IAAI;KACX,MAAK;KACI;KACC;KACV,WAAU,MAAK,EAAU,EAAE,OAAO,QAAQ;KAC1C,YApCa,MAAiD;MAEtE,CADI,EAAM,QAAQ,WAAW,EAAM,QAAQ,YAAS,EAAY,GAAK,EACrE,IAAY,EAAM;;KAmCV,UAhCW,MAAiD;MAKpE,CAJI,EAAM,QAAQ,WAAW,EAAM,QAAQ,aACzC,EAAY,GAAM,EAClB,EAAU,CAAC,EAAQ,GAErB,IAAU,EAAM;;KA4BR,cAzBe;MAEvB,AADA,EAAY,GAAM,EAClB,IAAS,EAAE,CAAuC;;KAwBrC;KACL,eAAa,GAAG,EAAM;KACtB,GAAI;KACJ,CAAA,EACF,kBAAC,QAAD;KAAM,WAAW,GAAG,EAAM;KAAQ,eAAa,GAAG,EAAM;eACrD;KACI,CAAA,CACH;OACN,kBAAC,QAAD;IAAM,WAAW,GAAG,EAAM;IAAS,eAAa,GAAG,EAAM;cACtD;IACI,CAAA,CACD;OACN,KAAc,MACd,kBAAC,QAAD;GAAM,WAAW,GAAG,EAAM;GAAc,eAAa,GAAG,EAAM;aAA9D,CACG,MAAe,CAAC,KAAS,CAAC,MAAkB,GAC5C,KAAiB,KAAS,EAAM,QAC5B;KAEL;;EAGX;AAED,EAAa,cAAc;AAE3B,IAAM,KAA+D,EACnE,SACA,YACA,GAAG,QAC8B;CACjC,IAAM,EAAE,UAAO,kBAAe,EAAc;EAAW;EAAgB;EAAkC,CAAC,EACpG,CAAC,GAAO,KAAY,EAAkB,EAAM,SAAS,GAAM,EAC3D,IAAY,EAAW,OAEvB,KAAa,MAAqB;EAGtC,AAFA,EAAM,SAAS,EAAQ,EACvB,EAAS,EAAQ,EACb,KAAW,EAAM,QAAQ;;CAG/B,OACE,kBAAC,GAAD;EACE,GAAI;EACE;EACN,SAAS;EACE;EACX,cAAc,EAAM,QAAQ;EAC5B,OAAO;EACP,CAAA;GAIA,KAA4D,MAAuC;CACvG,IAAM,IAAW,EAAW,EAAqB,EAC3C,IAAU,EAAW,EAAoB,EACzC,IAAM,KAAY;CAExB,IAAI,OAAO,EAAM,WAAY,aAAa,CAAC,EAAM,SAAS;EACxD,IAAM,EAAE,YAAS,cAAW,SAAM,YAAS,GAAG,MAAS;EACvD,OAAO,kBAAC,GAAD;GAAc,GAAI;GAAY;GAAe;GAAS,WAAW,YAAoB;GAAO,CAAA;;CAGrG,IAAI,GAAK;EACP,IAAM,EAAE,UAAO,SAAM,YAAS,GAAG,MAAS,GACpC,IAAa,KAAoB,KAAQ,IACzC,IAAU,EAAI,cAAc,SAAS,EAAU;EAErD,OACE,kBAAC,GAAD;GACE,GAAI;GACE;GACN,OAAO;GACE;GACT,YAAW,MAAK,EAAI,SAAS,GAAW,EAAE;GAC1C,UAAU,EAAK,YAAY,EAAI;GAC/B,OAAO,EAAI;GACX,eAAe;GACf,YAAY,KAAA;GACZ,CAAA;;CAIN,OAAO,kBAAC,GAAD,EAAa,GAAI,GAAS,CAAA;GCvJ7B,KAA4D,EAChE,UACA,aAAU,WACV,GAAG,QACmC;CACtC,IAAM,EAAE,uBAAoB,EAAyB,CAAC,EAAU,SAAS,EAAE,GAAO,EAAQ,aAAa,CAAC;CAExG,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAM,OAAO;EAAmB,CAAA;GCE9C,IAAoB,EAA6C,KAAK"}