@e1011/es-kit 1.1.86 → 1.2.0

package/dist/hooks/index.css

@@ -1,3 +1,12 @@
+.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;
 }
@@ -28,15 +37,6 @@
   width: var(--height);
   height: var(--width);
 }
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -70,6 +70,25 @@
   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;
@@ -144,25 +163,6 @@
 .field-module_field__UfKm3 label {
   text-align: left;
 }
-.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);
-}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;
@@ -230,6 +230,42 @@
     stroke-dashoffset: -124;
   }
 }
+.flowLayout-module_flowLayout__VHpnY {
+  overflow: auto;
+}
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
+  display: flex;
+  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;
 }
@@ -444,6 +480,72 @@
   --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;
+}
+
 .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
   overflow: hidden !important;
 }
@@ -570,41 +672,117 @@
 .cui-theme-light .button-module_button__NDMQS {
   color: #090A0A;
 }
-.flowLayout-module_flowLayout__VHpnY {
-  overflow: auto;
+.textAndContent-module_textAndContent__X5P1n {
+  align-items: baseline;
+  flex-shrink: 1;
+  gap: 8px;
 }
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
-  display: flex;
-  width: 100%;
-  min-width: 0;
+:root {
+  --divider-line: #4a4b4b;
 }
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
-  display: flex;
-  width: 100%;
-  min-width: 0;
+
+.toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
+  overflow: hidden !important;
 }
-.popup-overlay-module_popup-modal-overlay__dlJqM {
-  z-index: 1;
-  position: fixed;
-  width: 100%;
+
+.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;
-  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;
+  right: 0;
 }
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
-  opacity: 1;
-  visibility: visible;
+
+.cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
+  background-color: #003A4C;
 }
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
+.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;
@@ -770,184 +948,6 @@
   border-color: #FD8F3E;
   color: #632E03;
 }
-.textAndContent-module_textAndContent__X5P1n {
-  align-items: baseline;
-  flex-shrink: 1;
-  gap: 8px;
-}
-:root {
-  --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;
 }

package/dist/hooks/src/core/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./useApi.js"),s=require("./useToggle.js"),r=require("./useToggle2.js"),u=require("./useOutsideClick.js"),o=require("./useResize.js"),t=require("./useClassNames.js"),i=require("./useParseProps.js"),p=require("./useThemePreference.js"),m=require("./useAnimation.js"),a=require("./useIntersectionObserver.js"),l=require("./useSetTimeout.js");exports.useApi=e.useApi,exports.useToggle=s.useToggle,exports.useToggle2=r.useToggle2,exports.outsideClickHandler=u.outsideClickHandler,exports.useOutsideClick=u.useOutsideClick,exports.useResize=o.useResize,exports.useClassNames=t.useClassNames,exports.useParseProps=i.useParseProps,exports.getBaseThemes=p.getBaseThemes,exports.observeThemePreference=p.observeThemePreference,exports.setThemeClassNames=p.setThemeClassNames,exports.switchColorTheme=p.switchColorTheme,exports.updateColorTheme=p.updateColorTheme,exports.useThemePreference=p.useThemePreference,exports.useAnimation=m.useAnimation,exports.useIntersectionObserver=a.useIntersectionObserver,exports.useTimeoutFn=l.useTimeoutFn;
+"use strict";var e=require("./useApi.js"),s=require("./useToggle.js"),r=require("./useToggle2.js"),u=require("./useOutsideClick.js"),i=require("./useResize.js"),o=require("./useClassNames.js"),t=require("./useParseProps.js"),n=require("./useThemePreference.js"),p=require("./useAnimation.js"),l=require("./useIntersectionObserver.js"),a=require("./useSetTimeout.js");exports.useApi=e.useApi,exports.useToggle=s.useToggle,exports.useToggle2=r.useToggle2,exports.outsideClickHandler=u.outsideClickHandler,exports.useOutsideClick=u.useOutsideClick,exports.useResize=i.useResize,exports.useClassNames=o.useClassNames,exports.useParseProps=t.useParseProps,exports.useThemePreference=n.useThemePreference,exports.useAnimation=p.useAnimation,exports.useIntersectionObserver=l.useIntersectionObserver,exports.useTimeoutFn=a.useTimeoutFn;
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");const o="change",t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const s=o=>{const s=e();null==c||c(o,s),null==t||t(o)},r=e=>{s(e.matches)},d=e=>{s(!e.matches)},l=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}catch(e){}return s(null==l?void 0:l.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}};let s={dark:"theme-dark",light:"theme-light"};const c=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?s.light:s.dark,r=e?s.dark:s.light;o&&(o.classList.remove(c),o.classList.remove(r),o.classList.add(r)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(r)),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(r),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,s;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const d=null===(s=e.shadowRoot)||void 0===s?void 0:s.childNodes[0];d&&(d.classList.add(r),d.classList.remove(c))}))))};exports.getBaseThemes=()=>s,exports.observeThemePreference=t,exports.setThemeClassNames=e=>{s=e},exports.switchColorTheme=c,exports.updateColorTheme=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(s.dark)),c(t,o||document.body)},exports.useThemePreference=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>t(o,s)),[o,s])};
+"use strict";var e=require("react"),r=require("../utils/helpers/ui.js");exports.useThemePreference=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>r.observeThemePreference(t,s)),[t,s])};
 //# sourceMappingURL=useThemePreference.js.map

package/dist/hooks/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\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\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 * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\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\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","baseThemes","dark","light","getBaseThemes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","themes","updateColorTheme","resolvedIsDark","contains","useEffect"],"mappings":"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"}
+{"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":["getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"mGASkC,WAGvB,IAFTA,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1EC,EAASA,WAAC,IAAMC,EAAAA,uBAAuBT,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F"}

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

@@ -1,2 +1,2 @@
-"use strict";require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");exports.classNames=function(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((r=>"string"==typeof r&&null!=r)).filter(Boolean).join(" ")},exports.parseProps=r=>{const e={},t={};return Object.entries(r).forEach((r=>{let[s,o]=r;"data-"===s.substr(0,5)||"data"===s.substr(0,4)?e[s]=o:t[s]=o})),{dataProps:e,restProps:t}};
+"use strict";require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");let e="theme-dark",o="theme-light";const t=function(t,r){let s=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=t?o:e,l=t?e:o;r&&(r.classList.remove(c),r.classList.remove(l),r.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))}))))},r="change";exports.classNames=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(" ")},exports.observeThemePreference=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 s=r=>{const s=e();null==t||t(r,s),null==o||o(r)},c=e=>{s(e.matches)},l=e=>{s(!e.matches)},a=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(r,c),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(r,l)}catch(e){}return s(null==a?void 0:a.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(r,c),window.matchMedia("(prefers-color-scheme: light)").addEventListener(r,l),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(r,c),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(r,l)}},exports.parseProps=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}},exports.switchColorTheme=t;
 //# sourceMappingURL=ui.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"oHAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,qBAQDC,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW"}
+{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\nexport type ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\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 * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n"],"names":["baseThemes","switchColorTheme","isDark","htmlElement","findShadows","arguments","length","undefined","oldClass","newClass","classList","remove","add","document","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","windowMatchMediaChangeEventType","_len","classes","Array","_key","filter","className","Boolean","join","getHtmlElement","body","switchCallback","switchColorThemeHandler","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","props","dataProps","restProps","Object","entries","_ref","key","value","substr"],"mappings":"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"}

package/dist/lib/cjs/src/core/hooks/useThemePreference.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");const o="change",t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const s=o=>{const s=e();null==c||c(o,s),null==t||t(o)},r=e=>{s(e.matches)},d=e=>{s(!e.matches)},l=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}catch(e){}return s(null==l?void 0:l.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}};let s={dark:"theme-dark",light:"theme-light"};const c=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?s.light:s.dark,r=e?s.dark:s.light;o&&(o.classList.remove(c),o.classList.remove(r),o.classList.add(r)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(r)),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(r),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,s;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const d=null===(s=e.shadowRoot)||void 0===s?void 0:s.childNodes[0];d&&(d.classList.add(r),d.classList.remove(c))}))))};exports.getBaseThemes=()=>s,exports.observeThemePreference=t,exports.setThemeClassNames=e=>{s=e},exports.switchColorTheme=c,exports.updateColorTheme=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(s.dark)),c(t,o||document.body)},exports.useThemePreference=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>t(o,s)),[o,s])};
+"use strict";var e=require("react"),r=require("../utils/helpers/ui.js");exports.useThemePreference=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>r.observeThemePreference(t,s)),[t,s])};
 //# sourceMappingURL=useThemePreference.js.map

package/dist/lib/cjs/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\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\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 * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\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\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","baseThemes","dark","light","getBaseThemes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","themes","updateColorTheme","resolvedIsDark","contains","useEffect"],"mappings":"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"}
+{"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":["getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"mGASkC,WAGvB,IAFTA,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1EC,EAASA,WAAC,IAAMC,EAAAA,uBAAuBT,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F"}