@elmethis/qwik 0.0.26 → 0.0.28

package/lib/style.css

@@ -240,20 +240,20 @@
 }
 [data-theme=dark] ._parallax_1kb0k_1 {
   opacity: 0.1;
-}._toggle_nwv84_1 {
-  margin: 0;
+}._toggle_pbyu8_1 {
+  margin-block: var(--margin-block, 0);
   display: grid;
   transition: grid 200ms;
   overflow: hidden;
 }
-._toggle_nwv84_1._toggle-closed_nwv84_7 {
+._toggle_pbyu8_1._toggle-closed_pbyu8_7 {
   grid-template-rows: 3.5rem 0fr 0rem;
 }
-._toggle_nwv84_1._toggle-open_nwv84_10 {
+._toggle_pbyu8_1._toggle-open_pbyu8_10 {
   grid-template-rows: 3.5rem 1fr 3rem;
 }
 
-._summary_nwv84_14 {
+._summary_pbyu8_14 {
   box-sizing: border-box;
   padding-inline: 1rem;
   display: grid;
@@ -264,42 +264,42 @@
   border: 1px solid rgba(0, 0, 0, 0.125);
   background-color: rgba(62, 67, 75, 0.05);
 }
-[data-theme=dark] ._summary_nwv84_14 {
+[data-theme=dark] ._summary_pbyu8_14 {
   border: 1px solid rgba(255, 255, 255, 0.125);
   background-color: rgba(190, 194, 202, 0.1);
 }
-._summary_nwv84_14._summary-open_nwv84_29 {
+._summary_pbyu8_14._summary-open_pbyu8_29 {
   border-radius: 0.25rem 0.25rem 0 0;
   border-bottom-color: transparent;
 }
-._summary_nwv84_14._summary-closed_nwv84_33 {
+._summary_pbyu8_14._summary-closed_pbyu8_33 {
   border-radius: 0.25rem;
 }
 
-._chevron-icon_nwv84_37 {
+._chevron-icon_pbyu8_37 {
   transition: transform 200ms;
 }
-._chevron-icon_nwv84_37._chevron-icon-open_nwv84_40 {
+._chevron-icon_pbyu8_37._chevron-icon-open_pbyu8_40 {
   transform: rotate(90deg);
 }
-._chevron-icon_nwv84_37._chevron-icon-closed_nwv84_43 {
+._chevron-icon_pbyu8_37._chevron-icon-closed_pbyu8_43 {
   transform: rotate(0deg);
 }
 
-._plus-icon_nwv84_47 {
+._plus-icon_pbyu8_47 {
   height: 1rem;
   width: 1rem;
   transform-origin: center;
   transition: transform 200ms;
 }
-._plus-icon_nwv84_47._plus-icon-open_nwv84_53 {
+._plus-icon_pbyu8_47._plus-icon-open_pbyu8_53 {
   transform: rotate(135deg);
 }
-._plus-icon_nwv84_47._plus-icon-closed_nwv84_56 {
+._plus-icon_pbyu8_47._plus-icon-closed_pbyu8_56 {
   transform: rotate(0deg);
 }
 
-._content_nwv84_60 {
+._content_pbyu8_60 {
   box-sizing: border-box;
   padding: 1rem;
   overflow: hidden;
@@ -308,18 +308,18 @@
   border-radius: 0 0 0.25rem 0.25rem;
   background-color: rgba(62, 67, 75, 0.0125);
 }
-[data-theme=dark] ._content_nwv84_60 {
+[data-theme=dark] ._content_pbyu8_60 {
   border-color: rgba(255, 255, 255, 0.125);
   background-color: rgba(190, 194, 202, 0.025);
 }
-._content_nwv84_60._content-open_nwv84_73 {
+._content_pbyu8_60._content-open_pbyu8_73 {
   opacity: 1;
 }
-._content_nwv84_60._content-closed_nwv84_76 {
+._content_pbyu8_60._content-closed_pbyu8_76 {
   opacity: 0;
 }
 
-._footer_nwv84_80 {
+._footer_pbyu8_80 {
   box-sizing: border-box;
   margin: 0.25rem 0rem;
   padding: 0.5rem 0.25rem;
@@ -334,17 +334,17 @@
   border-radius: 0.25rem;
   transition: opacity 200ms, background-color 200ms;
 }
-._footer_nwv84_80:hover {
+._footer_pbyu8_80:hover {
   opacity: 0.5;
   background-color: rgba(96, 104, 117, 0.1);
 }
-._footer_nwv84_80 ._footer-line_nwv84_99 {
+._footer_pbyu8_80 ._footer-line_pbyu8_99 {
   box-sizing: border-box;
   flex: 1;
   border: none;
   border-bottom: 1px solid rgba(128, 128, 128, 0.3);
 }
-._footer_nwv84_80 ._footer-cross-icon_nwv84_105 {
+._footer_pbyu8_80 ._footer-cross-icon_pbyu8_105 {
   transform: rotate(45deg);
 }._block-fallback_rt986_1 {
   position: relative;
@@ -959,8 +959,45 @@
   color: #b0b5be;
   border-radius: 50%;
   cursor: pointer;
-}._block-image_5s2ag_1 {
+}@keyframes _appear_13xd3_1 {
+  0% {
+    transform: scale(0);
+  }
+  20% {
+    transform: scale(0);
+  }
+  80% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+._wrapper_13xd3_15 {
   margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(var(--dimensions), auto);
+  grid-template-rows: repeat(var(--dimensions), auto);
+  justify-content: start;
+}
+
+._square_13xd3_24 {
+  width: calc(var(--size) / var(--dimensions));
+  height: calc(var(--size) / var(--dimensions));
+  animation-name: _appear_13xd3_1;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+  animation-direction: alternate;
+  animation-duration: var(--duration);
+  animation-delay: var(--delay);
+  background-color: #606875;
+}
+[data-theme=dark] ._square_13xd3_24 {
+  background-color: #b0b5be;
+}._block-image_sf1wj_1 {
+  margin-block: var(--margin-block, 0);
+  margin-inline: 0;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -969,7 +1006,7 @@
   width: 100%;
 }
 
-._image-container_5s2ag_11 {
+._image-container_sf1wj_12 {
   width: 100%;
   height: 100%;
   position: relative;
@@ -978,7 +1015,7 @@
   align-items: center;
 }
 
-._image_5s2ag_11 {
+._image_sf1wj_12 {
   max-width: 100%;
   max-height: min(100%, 100vh);
   height: auto;
@@ -991,7 +1028,7 @@
   cursor: var(--cursor);
 }
 
-._fallback_5s2ag_33 {
+._fallback_sf1wj_34 {
   width: 100%;
   height: 100%;
   inset: 0 0 auto auto;
@@ -1001,7 +1038,7 @@
   pointer-events: none;
 }
 
-._caption-box_5s2ag_43 {
+._caption-box_sf1wj_44 {
   box-sizing: border-box;
   padding: 0rem 1rem;
   display: flex;
@@ -1013,7 +1050,7 @@
   transition: opacity 400ms;
 }
 
-._modal-container_5s2ag_55 {
+._modal-container_sf1wj_56 {
   width: 100vw;
   height: 100vh;
   display: flex;
@@ -1026,8 +1063,8 @@
   cursor: zoom-out;
   opacity: var(--opacity, 1);
   transition: opacity 200ms;
-}._file_14a0w_1 {
-  margin: 0;
+}._file_eqa3m_1 {
+  margin-block: var(--margin-block, 0);
   padding: 1rem;
   display: grid;
   grid-template-columns: 1.5rem 1fr 1fr 1.5rem;
@@ -1037,16 +1074,16 @@
   border-radius: 0.25rem;
   background-color: rgba(255, 255, 255, 0.2);
 }
-[data-theme=dark] ._file_14a0w_1 {
+[data-theme=dark] ._file_eqa3m_1 {
   background-color: rgba(0, 0, 0, 0.2);
 }
 
-._file-size_14a0w_16 {
+._file-size_eqa3m_16 {
   text-align: right;
   opacity: 0.5;
 }
 
-._download-icon_14a0w_21 {
+._download-icon_eqa3m_21 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1057,30 +1094,31 @@
   cursor: pointer;
   transition: color 200ms, background-color 200ms;
 }
-._download-icon_14a0w_21:hover {
+._download-icon_eqa3m_21:hover {
   background-color: rgba(0, 0, 0, 0.1);
 }
-[data-theme=dark] ._download-icon_14a0w_21:hover {
+[data-theme=dark] ._download-icon_eqa3m_21:hover {
   background-color: rgba(255, 255, 255, 0.1);
-}._bookmark_rgq1s_1 {
+}._bookmark_xxvle_1 {
   all: unset;
   display: block;
   container-type: inline-size;
   border-radius: 0.25rem;
   box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
   overflow: hidden;
+  margin-block: var(--margin-block, 0);
   transition: background-color 200ms, transform 200ms;
 }
-._bookmark_rgq1s_1:hover {
+._bookmark_xxvle_1:hover {
   background-color: rgba(105, 135, 184, 0.1);
   transform: translateX(-0.125rem) translateY(-0.125rem);
 }
-._bookmark_rgq1s_1:active {
+._bookmark_xxvle_1:active {
   background-color: rgba(89, 181, 124, 0.1);
   transform: translateX(0) translateY(0);
 }
 
-._container_rgq1s_19 {
+._container_xxvle_20 {
   all: unset;
   cursor: pointer;
   width: 100%;
@@ -1088,12 +1126,12 @@
   flex-direction: row;
 }
 @container (max-width: 700px) {
-  ._container_rgq1s_19 {
+  ._container_xxvle_20 {
     flex-direction: column;
   }
 }
 
-._image_rgq1s_32 {
+._image_xxvle_33 {
   overflow: hidden;
   height: 100%;
   opacity: 0.9;
@@ -1107,14 +1145,14 @@
   max-width: 35%;
 }
 @container (max-width: 700px) {
-  ._image_rgq1s_32 {
+  ._image_xxvle_33 {
     min-width: unset;
     max-width: unset;
     width: 100%;
   }
 }
 
-._content_rgq1s_53 {
+._content_xxvle_54 {
   flex: 1;
   width: 75%;
   box-sizing: border-box;
@@ -1127,21 +1165,21 @@
   background-color: rgba(255, 255, 255, 0.4);
 }
 @container (max-width: 700px) {
-  ._content_rgq1s_53 {
+  ._content_xxvle_54 {
     width: 100%;
   }
 }
-[data-theme=dark] ._content_rgq1s_53 {
+[data-theme=dark] ._content_xxvle_54 {
   background-color: rgba(0, 0, 0, 0.2);
 }
-._content_rgq1s_53 ._title_rgq1s_73 {
+._content_xxvle_54 ._title_xxvle_74 {
   box-sizing: border-box;
 }
-._content_rgq1s_53 ._description_rgq1s_76 {
+._content_xxvle_54 ._description_xxvle_77 {
   box-sizing: border-box;
   opacity: 0.7;
 }
-._content_rgq1s_53 ._link_rgq1s_80 {
+._content_xxvle_54 ._link_xxvle_81 {
   line-height: 0.75rem;
   display: flex;
   justify-content: flex-end;
@@ -1289,14 +1327,15 @@
 [data-theme=dark] ._wrapper_nud26_1 ._text_nud26_85::selection {
   color: #3e434b;
   background-color: var(--color, #cccfd5);
-}._blockquote_b5jd8_1 {
+}._blockquote_1s60i_1 {
   box-sizing: border-box;
   width: 100%;
-  margin: 0;
+  margin-block: var(--margin-block, 0);
+  margin-inline: 0;
   background-color: rgba(134, 142, 156, 0.1);
   position: relative;
 }
-._blockquote_b5jd8_1::after {
+._blockquote_1s60i_1::after {
   position: absolute;
   content: "";
   top: 0;
@@ -1306,21 +1345,22 @@
   background-color: #868e9c;
 }
 
-._body_b5jd8_18 {
+._body_1s60i_19 {
   box-sizing: border-box;
   padding: 2rem 1.5rem;
 }
 
-._icon_b5jd8_23 {
+._icon_1s60i_24 {
   position: absolute;
   content: "";
   inset: var(--inset);
   opacity: 0.5;
-}._callout_1d8l2_1 {
+}._callout_ov76x_1 {
   position: relative;
   padding: 1rem;
+  margin-block: var(--margin-block, 0);
 }
-._callout_1d8l2_1::after {
+._callout_ov76x_1::after {
   position: absolute;
   content: "";
   inset: 0 auto auto 0;
@@ -1328,7 +1368,7 @@
   width: 0.25rem;
   background-color: var(--callout-color);
 }
-._callout_1d8l2_1::before {
+._callout_ov76x_1::before {
   position: absolute;
   content: "";
   inset: 0 0 auto auto;
@@ -1340,17 +1380,17 @@
   pointer-events: none;
 }
 
-._header_1d8l2_25 {
+._header_ov76x_26 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-._content_1d8l2_31 {
+._content_ov76x_32 {
   padding-block-start: 1rem;
   padding-block-end: 0.25rem;
-}._hr_1g58p_1 {
-  margin: 0;
+}._hr_b790w_1 {
+  margin-block: var(--margin-block, 0);
   width: 100%;
   border: none;
   border-bottom: dashed 1px #868e9c;
@@ -1376,16 +1416,16 @@
 ._fragment_1kofp_1:active {
   opacity: 0.5;
   transform: translateX(1px) translateY(1px);
-}._heading-common_16jof_1 {
-  margin: 0;
+}._heading-common_1c1xr_1 {
   position: relative;
   font-size: var(--font-size);
   line-height: var(--font-size);
   opacity: var(--opacity);
+  margin-block: var(--margin-block, 0);
   transition: color 400ms, opacity 800ms;
 }
 
-._h1_16jof_10::after {
+._h1_1c1xr_10::after {
   position: absolute;
   content: "";
   bottom: -4px;
@@ -1396,10 +1436,10 @@
   transition: transform 800ms;
   transform: scaleX(var(--scale));
 }
-[data-theme=dark] ._h1_16jof_10::after {
+[data-theme=dark] ._h1_1c1xr_10::after {
   background-color: rgba(255, 255, 255, 0.5);
 }
-._h1_16jof_10::before {
+._h1_1c1xr_10::before {
   position: absolute;
   content: "";
   bottom: -6px;
@@ -1411,11 +1451,11 @@
   transform: scaleY(var(--scale));
   transform-origin: top;
 }
-[data-theme=dark] ._h1_16jof_10::before {
+[data-theme=dark] ._h1_1c1xr_10::before {
   background-color: rgba(255, 255, 255, 0.6);
 }
 
-._h2_16jof_40::after {
+._h2_1c1xr_40::after {
   position: absolute;
   content: "";
   right: 2px;
@@ -1426,10 +1466,10 @@
   transform: skewX(-25deg);
   background-color: rgba(0, 0, 0, 0.8);
 }
-[data-theme=dark] ._h2_16jof_40::after {
+[data-theme=dark] ._h2_1c1xr_40::after {
   background-color: rgba(255, 255, 255, 0.8);
 }
-._h2_16jof_40::before {
+._h2_1c1xr_40::before {
   position: absolute;
   content: "";
   right: 10px;
@@ -1440,10 +1480,10 @@
   transform: skewX(-25deg);
   background-color: rgba(0, 0, 0, 0.8);
 }
-[data-theme=dark] ._h2_16jof_40::before {
+[data-theme=dark] ._h2_1c1xr_40::before {
   background-color: rgba(255, 255, 255, 0.8);
 }
-._h2__underline_16jof_68 {
+._h2__underline_1c1xr_68 {
   overflow: hidden;
   position: absolute;
   content: "";
@@ -1456,15 +1496,15 @@
   transform: scaleX(var(--scale));
   transform-origin: left;
 }
-[data-theme=dark] ._h2__underline_16jof_68 {
+[data-theme=dark] ._h2__underline_1c1xr_68 {
   background-color: rgba(255, 255, 255, 0.5);
 }
 
-._h3_16jof_85 {
+._h3_1c1xr_85 {
   box-sizing: border-box;
   padding-left: 0.75rem;
 }
-._h3_16jof_85::after {
+._h3_1c1xr_85::after {
   position: absolute;
   content: "";
   width: 3px;
@@ -1473,77 +1513,77 @@
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
 }
-[data-theme=dark] ._h3_16jof_85::after {
+[data-theme=dark] ._h3_1c1xr_85::after {
   background-color: rgba(255, 255, 255, 0.5);
 }
 
-._h4_16jof_102 {
+._h4_1c1xr_102 {
   position: relative;
 }
 
-._h5_16jof_106 {
+._h5_1c1xr_106 {
   position: relative;
 }
 
-._h6_16jof_110 {
+._h6_1c1xr_110 {
   position: relative;
-}._elmethis-list-common_14epx_1 {
-  margin-block: 1rem;
+}._elmethis-list-common_6g6c5_1 {
+  margin-block: var(--margin-block, 0);
   opacity: var(--opacity);
   transition: opacity 800ms;
   box-sizing: border-box;
   padding-left: 1.25rem;
 }
 
-._elmethis-bulleted-list_14epx_9 li {
+._elmethis-bulleted-list_6g6c5_9 li {
   box-sizing: border-box;
   padding-left: 0.5rem;
   margin-block: 0.75rem;
 }
-._elmethis-bulleted-list_14epx_9 li::marker {
+._elmethis-bulleted-list_6g6c5_9 li::marker {
   content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+");
 }
-._elmethis-bulleted-list_14epx_9 li ul li::marker {
+._elmethis-bulleted-list_6g6c5_9 li ul li::marker {
   content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+");
 }
-._elmethis-bulleted-list_14epx_9 li ul li ul li::marker {
+._elmethis-bulleted-list_6g6c5_9 li ul li ul li::marker {
   content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+");
 }
 
-._elmethis-numbered-list_14epx_24 li {
+._elmethis-numbered-list_6g6c5_24 li {
   box-sizing: border-box;
   padding-left: 0.25rem;
   margin-block: 0.75rem;
   margin-left: 0.25rem;
   list-style-type: decimal;
 }
-._elmethis-numbered-list_14epx_24 li::marker {
+._elmethis-numbered-list_6g6c5_24 li::marker {
   font-weight: bold;
   color: #9771bd;
 }
-._elmethis-numbered-list_14epx_24 li ol li {
+._elmethis-numbered-list_6g6c5_24 li ol li {
   list-style-type: lower-alpha;
 }
-._elmethis-numbered-list_14epx_24 li ol li ol li {
+._elmethis-numbered-list_6g6c5_24 li ol li ol li {
   list-style-type: lower-roman;
 }
-._elmethis-numbered-list_14epx_24 li ol li ol li ol li {
+._elmethis-numbered-list_6g6c5_24 li ol li ol li ol li {
   list-style-type: lower-greek;
-}._paragraph_jz10s_1 {
+}._paragraph_1klqe_1 {
   opacity: var(--opacity, 0);
-  opacity: var(--opacity);
   transition: opacity 800ms;
   color: var(--color, #606875);
   background-color: var(--background-color, inherit);
+  margin-block: var(--margin-block, 0);
 }
-._paragraph_jz10s_1::selection {
+._paragraph_1klqe_1::selection {
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(0, 0, 0, 0.7);
 }
-[data-theme=dark] ._paragraph_jz10s_1 {
+[data-theme=dark] ._paragraph_1klqe_1 {
   color: rgba(255, 255, 255, 0.7);
 }
-[data-theme=dark] ._paragraph_jz10s_1::selection {
+[data-theme=dark] ._paragraph_1klqe_1::selection {
   color: rgba(0, 0, 0, 0.7);
   background-color: rgba(255, 255, 255, 0.7);
 }._table_x2nyq_1 {
@@ -1632,13 +1672,7 @@
 
 ._th_1puhv_31 {
   background-color: rgba(128, 128, 128, 0.15);
-}._jarkup-body_1l2bp_1 {
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-}
-
-._column-list_1l2bp_7 {
+}._column-list_1yujg_1 {
   box-sizing: content-box;
   padding-block: 0.25rem;
   width: 100%;
@@ -1649,12 +1683,12 @@
   overflow: auto;
 }
 
-._column_1l2bp_7 {
+._column_1yujg_1 {
   box-sizing: border-box;
   padding: 0.125rem;
   flex: var(--width-ratio, 1);
 }
-._column_1l2bp_7 > * + * {
+._column_1yujg_1 > * + * {
   margin-block-start: 2em;
 }._markdown-body_11s6o_1 {
   display: flex;

package/lib-types/components/code/elm-code-block.d.ts

@@ -13,9 +13,6 @@ export interface ElmCodeBlockProps {
      * If not provided, the language will be used.
      */
     caption?: string;
-    /**
-     * The margin of the code block.
-     */
-    margin?: CSSProperties["margin"];
+    style?: CSSProperties;
 }
 export declare const ElmCodeBlock: import("@builder.io/qwik").Component<ElmCodeBlockProps>;

package/lib-types/components/containments/elm-toggle.d.ts

@@ -1,7 +1,9 @@
+import { CSSProperties } from "@builder.io/qwik";
 export interface ElmToggleProps {
     /**
      * The summary of the toggle.
      */
     summary?: string;
+    style?: CSSProperties;
 }
 export declare const ElmToggle: import("@builder.io/qwik").Component<ElmToggleProps>;

package/lib-types/components/icon/elm-square-loading-icon.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from "@builder.io/qwik";
+export interface ElmSquareLoadingIconProps {
+    size?: CSSProperties["width"];
+    dimensions?: number;
+}
+export declare const ElmSquareLoadingIcon: import("@builder.io/qwik").Component<ElmSquareLoadingIconProps>;

package/lib-types/components/icon/elm-square-loading-icon.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "storybook-framework-qwik";
+import { ElmSquareLoadingIcon } from "./elm-square-loading-icon";
+declare const meta: Meta<typeof ElmSquareLoadingIcon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/lib-types/components/media/elm-block-image.d.ts

@@ -1,9 +1,11 @@
-import { type Numberish } from "@builder.io/qwik";
+import { CSSProperties, type Numberish } from "@builder.io/qwik";
 export interface ElmBlockImageProps {
     /**
      * Image source URL
      */
     src: string;
+    srcset?: string;
+    sizes?: string;
     /**
      * Image alt text
      */
@@ -12,5 +14,6 @@ export interface ElmBlockImageProps {
     caption?: string;
     width?: Numberish;
     height?: Numberish;
+    style?: CSSProperties;
 }
 export declare const ElmBlockImage: import("@builder.io/qwik").Component<ElmBlockImageProps>;

package/lib-types/components/media/elm-block-image.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof ElmBlockImage>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
+export declare const SrcSet: Story;
 export declare const Svg: Story;
 export declare const LongAlt: Story;
 export declare const Invalid: Story;