@e1011/es-kit 1.2.0 → 1.2.1

package/dist/hooks/esm/index.css

@@ -1,12 +1,3 @@
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -37,6 +28,34 @@
   width: var(--height);
   height: var(--width);
 }
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -70,25 +89,6 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .field-module_field__UfKm3 {
   opacity: 1;
   pointer-events: auto;
@@ -243,125 +243,6 @@
   width: 100%;
   min-width: 0;
 }
-.popup-overlay-module_popup-modal-overlay__dlJqM {
-  z-index: 1;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: rgba(40, 80, 120, 0.8) !important;
-  pointer-events: all;
-  user-select: none;
-  will-change: opacity;
-  transition: opacity 450ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
-  opacity: 1;
-  visibility: visible;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-}
-:root {
-  --divider-line: #4a4b4b;
-}
-
-.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
-  overflow: hidden !important;
-}
-
-.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
-  white-space: nowrap !important;
-}
-
-.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
-  text-overflow: ellipsis !important;
-}
-
-.popup-module_popup-container__PJ0oQ {
-  --popup-width: 60vw;
-  --popup-height: 50vh;
-  position: fixed;
-  width: var(--popup-width);
-  height: var(--popup-height);
-  --slideXFrom: 0;
-  --slideYFrom: 0;
-  will-change: opacity;
-  transition: opacity 300ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
-  position: relative;
-  flex-direction: column;
-  align-items: start;
-  width: 100%;
-  height: 100%;
-  overflow-x: clip;
-  background-color: #090A0A;
-  border-radius: 4px;
-  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
-  transition: transform 350ms ease-out;
-  will-change: transform;
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
-  margin-bottom: 0;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
-  cursor: pointer;
-  line-height: 1px;
-  background-color: rgba(255, 255, 255, 0);
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
-  background-color: #FDDA0D;
-  width: 9px !important;
-  height: 9px !important;
-  line-height: 1px !important;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
-  background-color: #FFEA00;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
-  width: 100%;
-  height: 100%;
-  padding: 24px;
-  overflow-y: auto;
-  display: flex;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
-  overflow-y: auto;
-}
-.popup-module_popup-container__PJ0oQ[data-show] {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: all;
-}
-.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(0) translateY(0);
-}
-.popup-module_popup-container__PJ0oQ[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-}
-.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
-}
-
-.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
-}
-.cui-theme-light .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
-}
 :root {
   --divider-line: #4a4b4b;
 }
@@ -480,67 +361,125 @@
   --divider-line: #4a4b4b;
 }
 
-.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
+.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
   overflow: hidden !important;
 }
 
-.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
+.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
   white-space: nowrap !important;
 }
 
-.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
+.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
   text-overflow: ellipsis !important;
 }
 
-.typography-module_headline__b0XlP {
-  font-size: 28px;
-  line-height: 32px;
-}
-
-.typography-module_headlineSecondary__IDnhT {
-  font-size: 24px;
-  line-height: 28px;
+.popup-module_popup-container__PJ0oQ {
+  --popup-width: 60vw;
+  --popup-height: 50vh;
+  position: fixed;
+  width: var(--popup-width);
+  height: var(--popup-height);
+  --slideXFrom: 0;
+  --slideYFrom: 0;
+  will-change: opacity;
+  transition: opacity 300ms ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
 }
-
-.typography-module_headlineTertiary__mlG-v {
-  font-size: 18px;
-  line-height: 24x;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
+  position: relative;
+  flex-direction: column;
+  align-items: start;
+  width: 100%;
+  height: 100%;
+  overflow-x: clip;
+  background-color: #090A0A;
+  border-radius: 4px;
+  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
+  transition: transform 350ms ease-out;
+  will-change: transform;
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
 }
-
-.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
-  font-size: 14px;
-  line-height: 18px;
-  font-weight: 300;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
+  margin-bottom: 0;
 }
-
-.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
-  font-size: 12px;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
+  cursor: pointer;
+  line-height: 1px;
+  background-color: rgba(255, 255, 255, 0);
 }
-
-.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
-  font-weight: 600;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
+  background-color: #FDDA0D;
+  width: 9px !important;
+  height: 9px !important;
+  line-height: 1px !important;
 }
-
-.typography-module_link__DWurf {
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  text-overflow: ellipsis !important;
-  text-decoration: none;
-  color: #65C5F6;
-  display: inline;
-  gap: 4px;
-  flex-grow: 0;
-  max-width: 400px;
-  position: relative;
-  vertical-align: center;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
+  background-color: #FFEA00;
 }
-.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
-  text-decoration: underline;
-  color: #65C5F6;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
+  width: 100%;
+  height: 100%;
+  padding: 24px;
+  overflow-y: auto;
+  display: flex;
 }
-.typography-module_link__DWurf.typography-module_disabled__hjK8C {
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
+  overflow-y: auto;
+}
+.popup-module_popup-container__PJ0oQ[data-show] {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: all;
+}
+.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(0) translateY(0);
+}
+.popup-module_popup-container__PJ0oQ[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
   pointer-events: none;
-  opacity: 0.6;
+}
+.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+}
+
+.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
+}
+.cui-theme-light .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
+}
+.textAndContent-module_textAndContent__X5P1n {
+  align-items: baseline;
+  flex-shrink: 1;
+  gap: 8px;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM {
+  z-index: 1;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: rgba(40, 80, 120, 0.8) !important;
+  pointer-events: all;
+  user-select: none;
+  will-change: opacity;
+  transition: opacity 450ms ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
+  opacity: 1;
+  visibility: visible;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
 }
 :root {
   --divider-line: #4a4b4b;
@@ -672,118 +611,6 @@
 .cui-theme-light .button-module_button__NDMQS {
   color: #090A0A;
 }
-.textAndContent-module_textAndContent__X5P1n {
-  align-items: baseline;
-  flex-shrink: 1;
-  gap: 8px;
-}
-:root {
-  --divider-line: #4a4b4b;
-}
-
-.toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
-  overflow: hidden !important;
-}
-
-.toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
-  white-space: nowrap !important;
-}
-
-.toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
-  text-overflow: ellipsis !important;
-}
-
-.toggle-module_toggle__p1Ep4 {
-  display: inline-block;
-  position: relative;
-  max-width: 48px;
-  max-height: 24px;
-  width: 48px;
-  height: 24px;
-  border-radius: 16px !important;
-}
-.toggle-module_toggle__p1Ep4 input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
-  box-sizing: border-box;
-  position: absolute;
-  cursor: pointer;
-  width: 48px;
-  height: 24px;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: transparent;
-  border: 1px solid #F4F4F4;
-  transition: transform, background-color 0.4s ease;
-  border-radius: 16px;
-}
-.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
-  position: absolute;
-  content: "";
-  height: 20px;
-  width: 20px;
-  left: 1px;
-  bottom: 1px;
-  background-color: #F4F4F4;
-  transition: transform 0.4s ease;
-  border-radius: 50%;
-}
-.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
-  background-color: #282A2A;
-  border-color: #282A2A;
-}
-.toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
-  box-shadow: 0 0 1px 1px #282A2A;
-}
-.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
-  transform: translateX(24px);
-}
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
-  opacity: 0.65;
-}
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
-  pointer-events: none;
-}
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
-  cursor: not-allowed;
-}
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
-  content: " ";
-  z-index: -1;
-  display: block;
-  position: absolute;
-  height: 100%;
-  top: 0;
-  left: 0;
-  right: 0;
-}
-
-.cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
-  background-color: #003A4C;
-}
-.cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
-  background-color: rgb(38.0475, 39.8525, 39.8525);
-}
-.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
-  border-color: rgb(32.4, 41.4, 41.4);
-}
-.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
-  background-color: rgba(40, 42, 42, 0.05);
-}
-.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
-  background-color: #282A2A;
-}
-.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
-  background-color: #F4F4F4;
-}
-.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
-  background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
-}
 :root {
   --divider-line: #4a4b4b;
 }
@@ -952,6 +779,179 @@
   --divider-line: #4a4b4b;
 }
 
+.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
+  overflow: hidden !important;
+}
+
+.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
+  white-space: nowrap !important;
+}
+
+.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
+  text-overflow: ellipsis !important;
+}
+
+.typography-module_headline__b0XlP {
+  font-size: 28px;
+  line-height: 32px;
+}
+
+.typography-module_headlineSecondary__IDnhT {
+  font-size: 24px;
+  line-height: 28px;
+}
+
+.typography-module_headlineTertiary__mlG-v {
+  font-size: 18px;
+  line-height: 24x;
+}
+
+.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 300;
+}
+
+.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
+  font-size: 12px;
+}
+
+.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
+  font-weight: 600;
+}
+
+.typography-module_link__DWurf {
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+  text-decoration: none;
+  color: #65C5F6;
+  display: inline;
+  gap: 4px;
+  flex-grow: 0;
+  max-width: 400px;
+  position: relative;
+  vertical-align: center;
+}
+.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
+  text-decoration: underline;
+  color: #65C5F6;
+}
+.typography-module_link__DWurf.typography-module_disabled__hjK8C {
+  pointer-events: none;
+  opacity: 0.6;
+}
+:root {
+  --divider-line: #4a4b4b;
+}
+
+.toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
+  overflow: hidden !important;
+}
+
+.toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
+  white-space: nowrap !important;
+}
+
+.toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
+  text-overflow: ellipsis !important;
+}
+
+.toggle-module_toggle__p1Ep4 {
+  display: inline-block;
+  position: relative;
+  max-width: 48px;
+  max-height: 24px;
+  width: 48px;
+  height: 24px;
+  border-radius: 16px !important;
+}
+.toggle-module_toggle__p1Ep4 input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
+  box-sizing: border-box;
+  position: absolute;
+  cursor: pointer;
+  width: 48px;
+  height: 24px;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: transparent;
+  border: 1px solid #F4F4F4;
+  transition: transform, background-color 0.4s ease;
+  border-radius: 16px;
+}
+.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
+  position: absolute;
+  content: "";
+  height: 20px;
+  width: 20px;
+  left: 1px;
+  bottom: 1px;
+  background-color: #F4F4F4;
+  transition: transform 0.4s ease;
+  border-radius: 50%;
+}
+.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
+  background-color: #282A2A;
+  border-color: #282A2A;
+}
+.toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
+  box-shadow: 0 0 1px 1px #282A2A;
+}
+.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
+  transform: translateX(24px);
+}
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
+  opacity: 0.65;
+}
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
+  pointer-events: none;
+}
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
+  cursor: not-allowed;
+}
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
+  content: " ";
+  z-index: -1;
+  display: block;
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
+  background-color: #003A4C;
+}
+.cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
+  background-color: rgb(38.0475, 39.8525, 39.8525);
+}
+.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
+  border-color: rgb(32.4, 41.4, 41.4);
+}
+.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
+  background-color: rgba(40, 42, 42, 0.05);
+}
+.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
+  background-color: #282A2A;
+}
+.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
+  background-color: #F4F4F4;
+}
+.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
+  background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
+}
+:root {
+  --divider-line: #4a4b4b;
+}
+
 .anchorLink-module_overflow-hidden__-MElA, .anchorLink-module_text-truncate__62t8P {
   overflow: hidden !important;
 }

package/dist/hooks/esm/src/core/hooks/useThemePreference.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { observeThemePreference } from '../utils/helpers/ui'\n\n/**\n * Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n"],"names":["useThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"kGASaA,MAAAA,EAAqB,WAGvB,IAFTC,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1EC,GAAU,IAAMC,EAAuBT,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F"}
+{"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { observeThemePreference } from '../utils/helpers/ui'\n\n/**\n * Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(\n    () => observeThemePreference(getHtmlElement, switchCallback),\n    [getHtmlElement, switchCallback],\n  )\n}\n"],"names":["useThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"kGASaA,MAAAA,EAAqB,WAGvB,IAFTC,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1EC,GACE,IAAMC,EAAuBT,EAAgBM,IAC7C,CAACN,EAAgBM,GAErB"}

package/dist/hooks/esm/src/core/utils/helpers/ui.js

@@ -1,2 +1,2 @@
-import"../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";const e=function(){for(var e=arguments.length,o=new Array(e),t=0;t<e;t++)o[t]=arguments[t];return o.filter((e=>"string"==typeof e&&null!=e)).filter(Boolean).join(" ")},o=e=>{const o={},t={};return Object.entries(e).forEach((e=>{let[r,s]=e;"data-"===r.substr(0,5)||"data"===r.substr(0,4)?o[r]=s:t[r]=s})),{dataProps:o,restProps:t}};let t="theme-dark",r="theme-light";const s=function(e,o){let s=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?r:t,l=e?t:r;o&&(o.classList.remove(c),o.classList.remove(l),o.classList.add(l)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(l)),e.classList.remove(".".concat(c))})),s&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,r;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const s=null===(r=e.shadowRoot)||void 0===r?void 0:r.childNodes[0];s&&(s.classList.add(l),s.classList.remove(c))}))))},c="change",l=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const t=t=>{const r=e();null==s||s(t,r),null==o||o(t)},r=e=>{t(e.matches)},l=e=>{t(!e.matches)},n=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(c,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(c,l)}catch(e){}return t(null==n?void 0:n.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(c,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(c,l),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(c,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(c,l)}};export{e as classNames,l as observeThemePreference,o as parseProps,s as switchColorTheme};
+import"../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";const e=function(){for(var e=arguments.length,o=new Array(e),t=0;t<e;t++)o[t]=arguments[t];return o.filter((e=>"string"==typeof e&&null!=e)).filter(Boolean).join(" ")},o=e=>{const o={},t={};return Object.entries(e).forEach((e=>{let[r,s]=e;"data-"===r.substr(0,5)||"data"===r.substr(0,4)?o[r]=s:t[r]=s})),{dataProps:o,restProps:t}},t={dark:"theme-dark",light:"theme-light"},r=e=>{var o;return null!==(o=(null!=e?e:document.body).__eskit_themes__)&&void 0!==o?o:t},s=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const s=r(o),c=e?s.light:s.dark,l=e?s.dark:s.light;o&&(o.classList.remove(c),o.classList.remove(l),o.classList.add(l)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(l)),e.classList.remove(".".concat(c))})),t&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,r;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const s=null===(r=e.shadowRoot)||void 0===r?void 0:r.childNodes[0];s&&(s.classList.add(l),s.classList.remove(c))}))))},c="change",l=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const t=t=>{const r=e();null==s||s(t,r),null==o||o(t)},r=e=>{t(e.matches)},l=e=>{t(!e.matches)},d=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(c,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(c,l)}catch(e){}return t(null==d?void 0:d.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(c,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(c,l),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(c,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(c,l)}};export{e as classNames,r as getBaseThemes,l as observeThemePreference,o as parseProps,s as switchColorTheme};
 //# sourceMappingURL=ui.js.map