@jackcrane/ui 0.1.22 → 0.1.23

package/dist/jcui.cjs.js

@@ -1644,7 +1644,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   --button-color: var(--body-color);
 }
 /* modal.module.css */
-@keyframes _overlayIn_1fxeg_1 {
+@keyframes _overlayIn_10x08_1 {
   from {
     opacity: 0;
   }
@@ -1652,7 +1652,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     opacity: 1;
   }
 }
-@keyframes _overlayOut_1fxeg_1 {
+@keyframes _overlayOut_10x08_1 {
   from {
     opacity: 1;
   }
@@ -1660,7 +1660,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     opacity: 0;
   }
 }
-@keyframes _panelIn_1fxeg_1 {
+@keyframes _panelIn_10x08_1 {
   from {
     opacity: 0;
     transform: translateX(400px);
@@ -1670,7 +1670,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     transform: translateX(0);
   }
 }
-@keyframes _panelOut_1fxeg_1 {
+@keyframes _panelOut_10x08_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1680,23 +1680,23 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     transform: translateX(100%);
   }
 }
-._overlay_1fxeg_43 {
+._overlay_10x08_43 {
   position: fixed;
   inset: 0;
   z-index: 98;
 }
-._overlayBackdrop_1fxeg_49 {
+._overlayBackdrop_10x08_49 {
   position: absolute;
   inset: 0;
   background: color-mix(in srgb, var(--body-bg) 50%, transparent);
 }
-._overlay_1fxeg_43[data-state="open"] {
-  animation: _overlayIn_1fxeg_1 160ms ease-out;
+._overlay_10x08_43[data-state="open"] {
+  animation: _overlayIn_10x08_1 160ms ease-out;
 }
-._overlay_1fxeg_43[data-state="closed"] {
-  animation: _overlayOut_1fxeg_1 120ms ease-in;
+._overlay_10x08_43[data-state="closed"] {
+  animation: _overlayOut_10x08_1 120ms ease-in;
 }
-._content_1fxeg_63 {
+._content_10x08_63 {
   position: fixed;
   top: 10px;
   right: 10px;
@@ -1709,29 +1709,34 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   display: flex;
   flex-direction: column;
 }
-._content_1fxeg_63[data-state="open"] {
-  animation: _panelIn_1fxeg_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
+._content_10x08_63[data-state="open"] {
+  animation: _panelIn_10x08_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-._content_1fxeg_63[data-state="closed"] {
-  animation: _panelOut_1fxeg_1 140ms ease-in;
+._content_10x08_63[data-state="closed"] {
+  animation: _panelOut_10x08_1 140ms ease-in;
 }
-body.jcui-modal-mobile ._content_1fxeg_63 {
+body.jcui-modal-mobile ._content_10x08_63 {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   min-width: 0;
 }
-._title_1fxeg_96 {
+._title_10x08_96 {
   margin: 0;
 }
-._body_1fxeg_100 {
+._body_10x08_100 {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
   padding-top: 1rem;
 }
-._footer_1fxeg_107 {
+._body_10x08_100 > hr {
+  margin: 1rem 0;
+  transform: translateX(-16px);
+  width: calc(100% + 32px);
+}
+._footer_10x08_113 {
   margin: -12px;
   margin-top: 0px;
   padding: 12px;
@@ -27947,12 +27952,12 @@ var Overlay = DialogOverlay;
 var Content = DialogContent;
 var Title = DialogTitle;
 var Close = DialogClose;
-const overlay = "_overlay_1fxeg_43";
-const overlayBackdrop = "_overlayBackdrop_1fxeg_49";
-const content$1 = "_content_1fxeg_63";
-const title = "_title_1fxeg_96";
-const body = "_body_1fxeg_100";
-const footer = "_footer_1fxeg_107";
+const overlay = "_overlay_10x08_43";
+const overlayBackdrop = "_overlayBackdrop_10x08_49";
+const content$1 = "_content_10x08_63";
+const title = "_title_10x08_96";
+const body = "_body_10x08_100";
+const footer = "_footer_10x08_113";
 const styles$1 = {
   overlay,
   overlayBackdrop,

package/dist/jcui.es.js

@@ -1644,7 +1644,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   --button-color: var(--body-color);
 }
 /* modal.module.css */
-@keyframes _overlayIn_1fxeg_1 {
+@keyframes _overlayIn_10x08_1 {
   from {
     opacity: 0;
   }
@@ -1652,7 +1652,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     opacity: 1;
   }
 }
-@keyframes _overlayOut_1fxeg_1 {
+@keyframes _overlayOut_10x08_1 {
   from {
     opacity: 1;
   }
@@ -1660,7 +1660,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     opacity: 0;
   }
 }
-@keyframes _panelIn_1fxeg_1 {
+@keyframes _panelIn_10x08_1 {
   from {
     opacity: 0;
     transform: translateX(400px);
@@ -1670,7 +1670,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     transform: translateX(0);
   }
 }
-@keyframes _panelOut_1fxeg_1 {
+@keyframes _panelOut_10x08_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1680,23 +1680,23 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     transform: translateX(100%);
   }
 }
-._overlay_1fxeg_43 {
+._overlay_10x08_43 {
   position: fixed;
   inset: 0;
   z-index: 98;
 }
-._overlayBackdrop_1fxeg_49 {
+._overlayBackdrop_10x08_49 {
   position: absolute;
   inset: 0;
   background: color-mix(in srgb, var(--body-bg) 50%, transparent);
 }
-._overlay_1fxeg_43[data-state="open"] {
-  animation: _overlayIn_1fxeg_1 160ms ease-out;
+._overlay_10x08_43[data-state="open"] {
+  animation: _overlayIn_10x08_1 160ms ease-out;
 }
-._overlay_1fxeg_43[data-state="closed"] {
-  animation: _overlayOut_1fxeg_1 120ms ease-in;
+._overlay_10x08_43[data-state="closed"] {
+  animation: _overlayOut_10x08_1 120ms ease-in;
 }
-._content_1fxeg_63 {
+._content_10x08_63 {
   position: fixed;
   top: 10px;
   right: 10px;
@@ -1709,29 +1709,34 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   display: flex;
   flex-direction: column;
 }
-._content_1fxeg_63[data-state="open"] {
-  animation: _panelIn_1fxeg_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
+._content_10x08_63[data-state="open"] {
+  animation: _panelIn_10x08_1 180ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-._content_1fxeg_63[data-state="closed"] {
-  animation: _panelOut_1fxeg_1 140ms ease-in;
+._content_10x08_63[data-state="closed"] {
+  animation: _panelOut_10x08_1 140ms ease-in;
 }
-body.jcui-modal-mobile ._content_1fxeg_63 {
+body.jcui-modal-mobile ._content_10x08_63 {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   min-width: 0;
 }
-._title_1fxeg_96 {
+._title_10x08_96 {
   margin: 0;
 }
-._body_1fxeg_100 {
+._body_10x08_100 {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
   padding-top: 1rem;
 }
-._footer_1fxeg_107 {
+._body_10x08_100 > hr {
+  margin: 1rem 0;
+  transform: translateX(-16px);
+  width: calc(100% + 32px);
+}
+._footer_10x08_113 {
   margin: -12px;
   margin-top: 0px;
   padding: 12px;
@@ -27929,12 +27934,12 @@ var Overlay = DialogOverlay;
 var Content = DialogContent;
 var Title = DialogTitle;
 var Close = DialogClose;
-const overlay = "_overlay_1fxeg_43";
-const overlayBackdrop = "_overlayBackdrop_1fxeg_49";
-const content$1 = "_content_1fxeg_63";
-const title = "_title_1fxeg_96";
-const body = "_body_1fxeg_100";
-const footer = "_footer_1fxeg_107";
+const overlay = "_overlay_10x08_43";
+const overlayBackdrop = "_overlayBackdrop_10x08_49";
+const content$1 = "_content_10x08_63";
+const title = "_title_10x08_96";
+const body = "_body_10x08_100";
+const footer = "_footer_10x08_113";
 const styles$1 = {
   overlay,
   overlayBackdrop,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackcrane/ui",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "type": "module",
   "sideEffects": false,
   "main": "dist/jcui.cjs.js",