jattac.libs.web.zest-button 1.2.5 → 1.2.7

package/dist/index.esm.js

@@ -1384,23 +1384,23 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/* Styles/ZestButton.module.css */\n\n/* Define base variables for light mode */\n:root {\n  --zest-color-standard-bg: #1e40af;\n  --zest-color-standard-bg-hover: #1a35a0;\n  --zest-color-standard-text: white;\n  --zest-color-standard-border: #1e40af;\n\n  --zest-color-success-bg: #059669;\n  --zest-color-success-bg-hover: #047857;\n  --zest-color-success-text: white;\n  --zest-color-success-border: #059669;\n\n  --zest-color-danger-bg: #dc2626;\n  --zest-color-danger-bg-hover: #b91c1c;\n  --zest-color-danger-text: white;\n  --zest-color-danger-border: #dc2626;\n\n  --zest-color-disabled-bg: #cbd5e1;\n  --zest-color-disabled-bg-hover: #aeb9c4;\n  --zest-color-disabled-text: #6b7280;\n  --zest-color-disabled-border: #cbd5e1;\n\n  --zest-color-icon-success: #10b981;\n  --zest-color-icon-fail: #ef4444;\n}\n\n/* Dark mode adjustments via system preference */\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zest-color-standard-bg: #3b82f6;\n    --zest-color-standard-bg-hover: #2563eb;\n    --zest-color-standard-text: white;\n    --zest-color-standard-border: #3b82f6;\n\n    --zest-color-success-bg: #34d399;\n    --zest-color-success-bg-hover: #10b981;\n    --zest-color-success-text: white;\n    --zest-color-success-border: #34d399;\n\n    --zest-color-danger-bg: #ef4444;\n    --zest-color-danger-bg-hover: #dc2626;\n    --zest-color-danger-text: white;\n    --zest-color-danger-border: #ef4444;\n\n    --zest-color-disabled-bg: #4b5563;\n    --zest-color-disabled-bg-hover: #6b7280;\n    --zest-color-disabled-text: #9ca3af;\n    --zest-color-disabled-border: #4b5563;\n\n    --zest-color-icon-success: #34d399;\n    --zest-color-icon-fail: #ef4444;\n  }\n}\n\n/* Theme override classes */\n.ZestButton-module_force-light__zZTIZ {\n  --zest-color-standard-bg: #1e40af;\n  --zest-color-standard-bg-hover: #1a35a0;\n  --zest-color-standard-text: white;\n  --zest-color-standard-border: #1e40af;\n\n  --zest-color-success-bg: #059669;\n  --zest-color-success-bg-hover: #047857;\n  --zest-color-success-text: white;\n  --zest-color-success-border: #059669;\n\n  --zest-color-danger-bg: #dc2626;\n  --zest-color-danger-bg-hover: #b91c1c;\n  --zest-color-danger-text: white;\n  --zest-color-danger-border: #dc2626;\n\n  --zest-color-disabled-bg: #cbd5e1;\n  --zest-color-disabled-bg-hover: #aeb9c4;\n  --zest-color-disabled-text: #6b7280;\n  --zest-color-disabled-border: #cbd5e1;\n\n  --zest-color-icon-success: #10b981;\n  --zest-color-icon-fail: #ef4444;\n}\n\n.ZestButton-module_force-dark__cx74D {\n  --zest-color-standard-bg: #3b82f6;\n  --zest-color-standard-bg-hover: #2563eb;\n  --zest-color-standard-text: white;\n  --zest-color-standard-border: #3b82f6;\n\n  --zest-color-success-bg: #34d399;\n  --zest-color-success-bg-hover: #10b981;\n  --zest-color-success-text: white;\n  --zest-color-success-border: #34d399;\n\n  --zest-color-danger-bg: #ef4444;\n  --zest-color-danger-bg-hover: #dc2626;\n  --zest-color-danger-text: white;\n  --zest-color-danger-border: #ef4444;\n\n  --zest-color-disabled-bg: #4b5563;\n  --zest-color-disabled-bg-hover: #6b7280;\n  --zest-color-disabled-text: #9ca3af;\n  --zest-color-disabled-border: #4b5563;\n\n  --zest-color-icon-success: #34d399;\n  --zest-color-icon-fail: #ef4444;\n}\n\n\n.ZestButton-module_button__KDafc {\n  font-family: \"Segoe UI\", Roboto, sans-serif;\n  font-weight: 600;\n  border-radius: 8px;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n  position: relative;\n  padding: 0.6em 1.2em;\n  overflow: hidden;\n  border: none; /* Default to no border, overridden by outline/dashed */\n}\n\n/* Base styles for different button styles */\n.ZestButton-module_solid__cu4tr {\n  background-color: var(--zest-color-standard-bg);\n  color: var(--zest-color-standard-text);\n}\n.ZestButton-module_solid__cu4tr:hover:not(:disabled) {\n  background-color: var(--zest-color-standard-bg-hover);\n}\n\n.ZestButton-module_outline__esgLq {\n  background-color: transparent;\n  border: 2px solid var(--zest-color-standard-border);\n  color: var(--zest-color-standard-border);\n}\n.ZestButton-module_outline__esgLq:hover:not(:disabled) {\n  background-color: var(--zest-color-standard-bg);\n  color: var(--zest-color-standard-text);\n}\n\n.ZestButton-module_text__8X1xD {\n  background-color: transparent;\n  border: none;\n  color: var(--zest-color-standard-bg);\n}\n.ZestButton-module_text__8X1xD:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-standard-bg-rgb, 30, 64, 175), 0.1); /* Fallback RGB for text hover */\n}\n\n.ZestButton-module_dashed__ebKYF {\n  background-color: transparent;\n  border: 2px dashed var(--zest-color-standard-border);\n  color: var(--zest-color-standard-border);\n}\n.ZestButton-module_dashed__ebKYF:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-standard-bg-rgb, 30, 64, 175), 0.1); /* Fallback RGB for dashed hover */\n}\n\n\n/* Variant overrides for solid style */\n.ZestButton-module_solid__cu4tr.ZestButton-module_standard__T3EGM { /* Already handled by .solid base */ }\n.ZestButton-module_solid__cu4tr.ZestButton-module_success__XEptA {\n  background-color: var(--zest-color-success-bg);\n  color: var(--zest-color-success-text);\n}\n.ZestButton-module_solid__cu4tr.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: var(--zest-color-success-bg-hover);\n}\n.ZestButton-module_solid__cu4tr.ZestButton-module_danger__nJpJ- {\n  background-color: var(--zest-color-danger-bg);\n  color: var(--zest-color-danger-text);\n}\n.ZestButton-module_solid__cu4tr.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: var(--zest-color-danger-bg-hover);\n}\n\n/* Variant overrides for outline style */\n.ZestButton-module_outline__esgLq.ZestButton-module_standard__T3EGM { /* Already handled by .outline base */ }\n.ZestButton-module_outline__esgLq.ZestButton-module_success__XEptA {\n  border-color: var(--zest-color-success-border);\n  color: var(--zest-color-success-border);\n}\n.ZestButton-module_outline__esgLq.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: var(--zest-color-success-bg);\n  color: var(--zest-color-success-text);\n}\n.ZestButton-module_outline__esgLq.ZestButton-module_danger__nJpJ- {\n  border-color: var(--zest-color-danger-border);\n  color: var(--zest-color-danger-border);\n}\n.ZestButton-module_outline__esgLq.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: var(--zest-color-danger-bg);\n  color: var(--zest-color-danger-text);\n}\n\n/* Variant overrides for text style */\n.ZestButton-module_text__8X1xD.ZestButton-module_standard__T3EGM { /* Already handled by .text base */ }\n.ZestButton-module_text__8X1xD.ZestButton-module_success__XEptA {\n  color: var(--zest-color-success-bg);\n}\n.ZestButton-module_text__8X1xD.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-success-bg-rgb, 5, 150, 105), 0.1);\n}\n.ZestButton-module_text__8X1xD.ZestButton-module_danger__nJpJ- {\n  color: var(--zest-color-danger-bg);\n}\n.ZestButton-module_text__8X1xD.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-danger-bg-rgb, 220, 38, 38), 0.1);\n}\n\n/* Variant overrides for dashed style */\n.ZestButton-module_dashed__ebKYF.ZestButton-module_standard__T3EGM { /* Already handled by .dashed base */ }\n.ZestButton-module_dashed__ebKYF.ZestButton-module_success__XEptA {\n  border-color: var(--zest-color-success-border);\n  color: var(--zest-color-success-border);\n}\n.ZestButton-module_dashed__ebKYF.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-success-bg-rgb, 5, 150, 105), 0.1);\n}\n.ZestButton-module_dashed__ebKYF.ZestButton-module_danger__nJpJ- {\n  border-color: var(--zest-color-danger-border);\n  color: var(--zest-color-danger-border);\n}\n.ZestButton-module_dashed__ebKYF.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-danger-bg-rgb, 220, 38, 38), 0.1);\n}\n\n\n/* Disabled state overrides for different button styles */\n.ZestButton-module_solid__cu4tr:disabled, .ZestButton-module_solid__cu4tr.ZestButton-module_disabled__gw6y3 {\n  background-color: var(--zest-color-disabled-bg);\n  color: var(--zest-color-disabled-text);\n  border-color: var(--zest-color-disabled-border);\n}\n.ZestButton-module_outline__esgLq:disabled, .ZestButton-module_outline__esgLq.ZestButton-module_disabled__gw6y3 {\n  background-color: transparent;\n  border-color: var(--zest-color-disabled-border);\n  color: var(--zest-color-disabled-text);\n}\n.ZestButton-module_text__8X1xD:disabled, .ZestButton-module_text__8X1xD.ZestButton-module_disabled__gw6y3 {\n  background-color: transparent;\n  color: var(--zest-color-disabled-text);\n}\n.ZestButton-module_dashed__ebKYF:disabled, .ZestButton-module_dashed__ebKYF.ZestButton-module_disabled__gw6y3 {\n  background-color: transparent;\n  border-color: var(--zest-color-disabled-border);\n  color: var(--zest-color-disabled-text);\n}\n\n\n/* Layout */\n.ZestButton-module_fullWidth__2ziwk {\n  width: 100%;\n}\n\n.ZestButton-module_sm__G1vAP {\n  font-size: 0.85rem;\n  padding: 0.4em 0.8em;\n}\n\n.ZestButton-module_md__Y-PMO {\n  font-size: 1rem;\n  padding: 0.6em 1.2em;\n}\n\n.ZestButton-module_lg__AQgdf {\n  font-size: 1.125rem;\n  padding: 0.8em 1.6em;\n}\n\n.ZestButton-module_inner__1j2Fr {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ZestButton-module_spinner__l2hLe {\n  position: absolute;\n  width: 1em;\n  height: 1em;\n  animation: ZestButton-module_spin__4asdw 0.75s linear infinite;\n  color: currentColor; /* Inherit color from button text */\n}\n\n.ZestButton-module_content__hlea3 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5em;\n}\n\n.ZestButton-module_label__8x263 {\n  display: inline-block;\n}\n\n.ZestButton-module_icon__B3DFi {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Success + Fail Icons */\n.ZestButton-module_animatedCheck__8K4K- {\n  width: 1.25em;\n  height: 1.25em;\n  color: var(--zest-color-icon-success);\n  animation: ZestButton-module_fadeIn__iEave 0.25s ease-out;\n}\n\n.ZestButton-module_animatedX__KQnt7 {\n  width: 1.25em;\n  height: 1.25em;\n  color: var(--zest-color-icon-fail);\n  animation: ZestButton-module_fadeIn__iEave 0.25s ease-out;\n}\n\n/* Stroke animations */\n.ZestButton-module_animatedCheck__8K4K- path {\n  stroke-dasharray: 24;\n  stroke-dashoffset: 24;\n  animation: ZestButton-module_drawCheck__3DyjT 0.4s ease-out forwards;\n}\n\n.ZestButton-module_animatedX__KQnt7 line {\n  stroke-dasharray: 24;\n  stroke-dashoffset: 24;\n  animation: ZestButton-module_drawCheck__3DyjT 0.4s ease-out forwards;\n}\n\n/* New: apply spacing between left icon and text */\n.ZestButton-module_icon__B3DFi:first-child {\n  margin-right: 0.7em;\n}\n\n/* Optional override for iconRight if needed */\n.ZestButton-module_icon__B3DFi:last-child {\n  margin-left: 0.7em;\n}\n\n/* Animations */\n@keyframes ZestButton-module_spin__4asdw {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ZestButton-module_drawCheck__3DyjT {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes ZestButton-module_fadeIn__iEave {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes ZestButton-module_shakeIt__ox-R3 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  20%,\n  60% {\n    transform: translateX(-4px);\n  }\n  40%,\n  80% {\n    transform: translateX(4px);\n  }\n}\n\n.ZestButton-module_shake__NtIjf {\n  animation: ZestButton-module_shakeIt__ox-R3 0.4s ease;\n  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.6);\n}\n";
-var styles = {"force-light":"ZestButton-module_force-light__zZTIZ","force-dark":"ZestButton-module_force-dark__cx74D","button":"ZestButton-module_button__KDafc","solid":"ZestButton-module_solid__cu4tr","outline":"ZestButton-module_outline__esgLq","text":"ZestButton-module_text__8X1xD","dashed":"ZestButton-module_dashed__ebKYF","standard":"ZestButton-module_standard__T3EGM","success":"ZestButton-module_success__XEptA","danger":"ZestButton-module_danger__nJpJ-","disabled":"ZestButton-module_disabled__gw6y3","fullWidth":"ZestButton-module_fullWidth__2ziwk","sm":"ZestButton-module_sm__G1vAP","md":"ZestButton-module_md__Y-PMO","lg":"ZestButton-module_lg__AQgdf","inner":"ZestButton-module_inner__1j2Fr","spinner":"ZestButton-module_spinner__l2hLe","spin":"ZestButton-module_spin__4asdw","content":"ZestButton-module_content__hlea3","label":"ZestButton-module_label__8x263","icon":"ZestButton-module_icon__B3DFi","animatedCheck":"ZestButton-module_animatedCheck__8K4K-","fadeIn":"ZestButton-module_fadeIn__iEave","animatedX":"ZestButton-module_animatedX__KQnt7","drawCheck":"ZestButton-module_drawCheck__3DyjT","shake":"ZestButton-module_shake__NtIjf","shakeIt":"ZestButton-module_shakeIt__ox-R3"};
+var css_248z = "/* Styles/ZestButton.module.css */\n\n/* Define base variables for light mode */\n:root {\n  --zest-color-standard-bg: #1e40af;\n  --zest-color-standard-bg-hover: #1a35a0;\n  --zest-color-standard-text: white;\n  --zest-color-standard-border: #1e40af;\n\n  --zest-color-success-bg: #059669;\n  --zest-color-success-bg-hover: #047857;\n  --zest-color-success-text: white;\n  --zest-color-success-border: #059669;\n\n  --zest-color-danger-bg: #dc2626;\n  --zest-color-danger-bg-hover: #b91c1c;\n  --zest-color-danger-text: white;\n  --zest-color-danger-border: #dc2626;\n\n  --zest-color-disabled-bg: #cbd5e1;\n  --zest-color-disabled-bg-hover: #aeb9c4;\n  --zest-color-disabled-text: #6b7280;\n  --zest-color-disabled-border: #cbd5e1;\n\n  --zest-color-icon-success: #10b981;\n  --zest-color-icon-fail: #ef4444;\n}\n\n/* Dark mode adjustments via system preference */\n@media (prefers-color-scheme: dark) {\n  :root {\n    --zest-color-standard-bg: #3b82f6;\n    --zest-color-standard-bg-hover: #2563eb;\n    --zest-color-standard-text: white;\n    --zest-color-standard-border: #3b82f6;\n\n    --zest-color-success-bg: #34d399;\n    --zest-color-success-bg-hover: #10b981;\n    --zest-color-success-text: white;\n    --zest-color-success-border: #34d399;\n\n    --zest-color-danger-bg: #ef4444;\n    --zest-color-danger-bg-hover: #dc2626;\n    --zest-color-danger-text: white;\n    --zest-color-danger-border: #ef4444;\n\n    --zest-color-disabled-bg: #4b5563;\n    --zest-color-disabled-bg-hover: #6b7280;\n    --zest-color-disabled-text: #9ca3af;\n    --zest-color-disabled-border: #4b5563;\n\n    --zest-color-icon-success: #34d399;\n    --zest-color-icon-fail: #ef4444;\n  }\n}\n\n/* Theme override classes */\n.ZestButton-module_force-light__zZTIZ {\n  --zest-color-standard-bg: #1e40af;\n  --zest-color-standard-bg-hover: #1a35a0;\n  --zest-color-standard-text: white;\n  --zest-color-standard-border: #1e40af;\n\n  --zest-color-success-bg: #059669;\n  --zest-color-success-bg-hover: #047857;\n  --zest-color-success-text: white;\n  --zest-color-success-border: #059669;\n\n  --zest-color-danger-bg: #dc2626;\n  --zest-color-danger-bg-hover: #b91c1c;\n  --zest-color-danger-text: white;\n  --zest-color-danger-border: #dc2626;\n\n  --zest-color-disabled-bg: #cbd5e1;\n  --zest-color-disabled-bg-hover: #aeb9c4;\n  --zest-color-disabled-text: #6b7280;\n  --zest-color-disabled-border: #cbd5e1;\n\n  --zest-color-icon-success: #10b981;\n  --zest-color-icon-fail: #ef4444;\n}\n\n.ZestButton-module_force-dark__cx74D {\n  --zest-color-standard-bg: #3b82f6;\n  --zest-color-standard-bg-hover: #2563eb;\n  --zest-color-standard-text: white;\n  --zest-color-standard-border: #3b82f6;\n\n  --zest-color-success-bg: #34d399;\n  --zest-color-success-bg-hover: #10b981;\n  --zest-color-success-text: white;\n  --zest-color-success-border: #34d399;\n\n  --zest-color-danger-bg: #ef4444;\n  --zest-color-danger-bg-hover: #dc2626;\n  --zest-color-danger-text: white;\n  --zest-color-danger-border: #ef4444;\n\n  --zest-color-disabled-bg: #4b5563;\n  --zest-color-disabled-bg-hover: #6b7280;\n  --zest-color-disabled-text: #9ca3af;\n  --zest-color-disabled-border: #4b5563;\n\n  --zest-color-icon-success: #34d399;\n  --zest-color-icon-fail: #ef4444;\n}\n\n\n.ZestButton-module_button__KDafc {\n  font-family: \"Segoe UI\", Roboto, sans-serif;\n  font-weight: 600;\n  border-radius: 8px;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n  position: relative;\n  padding: 0.6em 1.2em;\n  overflow: hidden;\n  border: none; /* Default to no border, overridden by outline/dashed */\n}\n\n/* Base styles for different button styles */\n.ZestButton-module_solid__cu4tr {\n  background-color: var(--zest-color-standard-bg);\n  color: var(--zest-color-standard-text);\n}\n.ZestButton-module_solid__cu4tr:hover:not(:disabled) {\n  background-color: var(--zest-color-standard-bg-hover);\n}\n\n.ZestButton-module_outline__esgLq {\n  background-color: transparent;\n  border: 2px solid var(--zest-color-standard-border);\n  color: var(--zest-color-standard-border);\n}\n.ZestButton-module_outline__esgLq:hover:not(:disabled) {\n  background-color: var(--zest-color-standard-bg);\n  color: var(--zest-color-standard-text);\n}\n\n.ZestButton-module_text__8X1xD {\n  background-color: transparent;\n  border: none;\n  color: var(--zest-color-standard-bg);\n}\n.ZestButton-module_text__8X1xD:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-standard-bg-rgb, 30, 64, 175), 0.1); /* Fallback RGB for text hover */\n}\n\n.ZestButton-module_dashed__ebKYF {\n  background-color: transparent;\n  border: 2px dashed var(--zest-color-standard-border);\n  color: var(--zest-color-standard-border);\n}\n.ZestButton-module_dashed__ebKYF:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-standard-bg-rgb, 30, 64, 175), 0.1); /* Fallback RGB for dashed hover */\n}\n\n\n/* Variant overrides for solid style */\n.ZestButton-module_solid__cu4tr.ZestButton-module_standard__T3EGM { /* Already handled by .solid base */ }\n.ZestButton-module_solid__cu4tr.ZestButton-module_success__XEptA {\n  background-color: var(--zest-color-success-bg);\n  color: var(--zest-color-success-text);\n}\n.ZestButton-module_solid__cu4tr.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: var(--zest-color-success-bg-hover);\n}\n.ZestButton-module_solid__cu4tr.ZestButton-module_danger__nJpJ- {\n  background-color: var(--zest-color-danger-bg);\n  color: var(--zest-color-danger-text);\n}\n.ZestButton-module_solid__cu4tr.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: var(--zest-color-danger-bg-hover);\n}\n\n/* Variant overrides for outline style */\n.ZestButton-module_outline__esgLq.ZestButton-module_standard__T3EGM { /* Already handled by .outline base */ }\n.ZestButton-module_outline__esgLq.ZestButton-module_success__XEptA {\n  border-color: var(--zest-color-success-border);\n  color: var(--zest-color-success-border);\n}\n.ZestButton-module_outline__esgLq.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: var(--zest-color-success-bg);\n  color: var(--zest-color-success-text);\n}\n.ZestButton-module_outline__esgLq.ZestButton-module_danger__nJpJ- {\n  border-color: var(--zest-color-danger-border);\n  color: var(--zest-color-danger-border);\n}\n.ZestButton-module_outline__esgLq.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: var(--zest-color-danger-bg);\n  color: var(--zest-color-danger-text);\n}\n\n/* Variant overrides for text style */\n.ZestButton-module_text__8X1xD.ZestButton-module_standard__T3EGM { /* Already handled by .text base */ }\n.ZestButton-module_text__8X1xD.ZestButton-module_success__XEptA {\n  color: var(--zest-color-success-bg);\n}\n.ZestButton-module_text__8X1xD.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-success-bg-rgb, 5, 150, 105), 0.1);\n}\n.ZestButton-module_text__8X1xD.ZestButton-module_danger__nJpJ- {\n  color: var(--zest-color-danger-bg);\n}\n.ZestButton-module_text__8X1xD.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-danger-bg-rgb, 220, 38, 38), 0.1);\n}\n\n/* Variant overrides for dashed style */\n.ZestButton-module_dashed__ebKYF.ZestButton-module_standard__T3EGM { /* Already handled by .dashed base */ }\n.ZestButton-module_dashed__ebKYF.ZestButton-module_success__XEptA {\n  border-color: var(--zest-color-success-border);\n  color: var(--zest-color-success-border);\n}\n.ZestButton-module_dashed__ebKYF.ZestButton-module_success__XEptA:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-success-bg-rgb, 5, 150, 105), 0.1);\n}\n.ZestButton-module_dashed__ebKYF.ZestButton-module_danger__nJpJ- {\n  border-color: var(--zest-color-danger-border);\n  color: var(--zest-color-danger-border);\n}\n.ZestButton-module_dashed__ebKYF.ZestButton-module_danger__nJpJ-:hover:not(:disabled) {\n  background-color: rgba(var(--zest-color-danger-bg-rgb, 220, 38, 38), 0.1);\n}\n\n\n/* Disabled state overrides for different button styles */\n.ZestButton-module_solid__cu4tr:disabled, .ZestButton-module_solid__cu4tr.ZestButton-module_disabled__gw6y3 {\n  background-color: var(--zest-color-disabled-bg);\n  color: var(--zest-color-disabled-text);\n  border-color: var(--zest-color-disabled-border);\n}\n.ZestButton-module_outline__esgLq:disabled, .ZestButton-module_outline__esgLq.ZestButton-module_disabled__gw6y3 {\n  background-color: transparent;\n  border-color: var(--zest-color-disabled-border);\n  color: var(--zest-color-disabled-text);\n}\n.ZestButton-module_text__8X1xD:disabled, .ZestButton-module_text__8X1xD.ZestButton-module_disabled__gw6y3 {\n  background-color: transparent;\n  color: var(--zest-color-disabled-text);\n}\n.ZestButton-module_dashed__ebKYF:disabled, .ZestButton-module_dashed__ebKYF.ZestButton-module_disabled__gw6y3 {\n  background-color: transparent;\n  border-color: var(--zest-color-disabled-border);\n  color: var(--zest-color-disabled-text);\n}\n\n\n/* Layout */\n.ZestButton-module_stretch__CTLNw {\n  width: 100%;\n}\n\n.ZestButton-module_sm__G1vAP {\n  font-size: 0.85rem;\n  padding: 0.4em 0.8em;\n}\n\n.ZestButton-module_md__Y-PMO {\n  font-size: 1rem;\n  padding: 0.6em 1.2em;\n}\n\n.ZestButton-module_lg__AQgdf {\n  font-size: 1.125rem;\n  padding: 0.8em 1.6em;\n}\n\n.ZestButton-module_inner__1j2Fr {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ZestButton-module_spinner__l2hLe {\n  position: absolute;\n  width: 1em;\n  height: 1em;\n  animation: ZestButton-module_spin__4asdw 0.75s linear infinite;\n  color: currentColor; /* Inherit color from button text */\n}\n\n.ZestButton-module_content__hlea3 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5em;\n}\n\n.ZestButton-module_label__8x263 {\n  display: inline-block;\n}\n\n.ZestButton-module_icon__B3DFi {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Success + Fail Icons */\n.ZestButton-module_animatedCheck__8K4K- {\n  width: 1.25em;\n  height: 1.25em;\n  color: var(--zest-color-icon-success);\n  animation: ZestButton-module_fadeIn__iEave 0.25s ease-out;\n}\n\n.ZestButton-module_animatedX__KQnt7 {\n  width: 1.25em;\n  height: 1.25em;\n  color: var(--zest-color-icon-fail);\n  animation: ZestButton-module_fadeIn__iEave 0.25s ease-out;\n}\n\n/* Stroke animations */\n.ZestButton-module_animatedCheck__8K4K- path {\n  stroke-dasharray: 24;\n  stroke-dashoffset: 24;\n  animation: ZestButton-module_drawCheck__3DyjT 0.4s ease-out forwards;\n}\n\n.ZestButton-module_animatedX__KQnt7 line {\n  stroke-dasharray: 24;\n  stroke-dashoffset: 24;\n  animation: ZestButton-module_drawCheck__3DyjT 0.4s ease-out forwards;\n}\n\n/* New: apply spacing between left icon and text */\n.ZestButton-module_icon__B3DFi:first-child {\n  margin-right: 0.7em;\n}\n\n/* Optional override for iconRight if needed */\n.ZestButton-module_icon__B3DFi:last-child {\n  margin-left: 0.7em;\n}\n\n/* Animations */\n@keyframes ZestButton-module_spin__4asdw {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ZestButton-module_drawCheck__3DyjT {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes ZestButton-module_fadeIn__iEave {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes ZestButton-module_shakeIt__ox-R3 {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  20%,\n  60% {\n    transform: translateX(-4px);\n  }\n  40%,\n  80% {\n    transform: translateX(4px);\n  }\n}\n\n.ZestButton-module_shake__NtIjf {\n  animation: ZestButton-module_shakeIt__ox-R3 0.4s ease;\n  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.6);\n}\n";
+var styles = {"force-light":"ZestButton-module_force-light__zZTIZ","force-dark":"ZestButton-module_force-dark__cx74D","button":"ZestButton-module_button__KDafc","solid":"ZestButton-module_solid__cu4tr","outline":"ZestButton-module_outline__esgLq","text":"ZestButton-module_text__8X1xD","dashed":"ZestButton-module_dashed__ebKYF","standard":"ZestButton-module_standard__T3EGM","success":"ZestButton-module_success__XEptA","danger":"ZestButton-module_danger__nJpJ-","disabled":"ZestButton-module_disabled__gw6y3","stretch":"ZestButton-module_stretch__CTLNw","sm":"ZestButton-module_sm__G1vAP","md":"ZestButton-module_md__Y-PMO","lg":"ZestButton-module_lg__AQgdf","inner":"ZestButton-module_inner__1j2Fr","spinner":"ZestButton-module_spinner__l2hLe","spin":"ZestButton-module_spin__4asdw","content":"ZestButton-module_content__hlea3","label":"ZestButton-module_label__8x263","icon":"ZestButton-module_icon__B3DFi","animatedCheck":"ZestButton-module_animatedCheck__8K4K-","fadeIn":"ZestButton-module_fadeIn__iEave","animatedX":"ZestButton-module_animatedX__KQnt7","drawCheck":"ZestButton-module_drawCheck__3DyjT","shake":"ZestButton-module_shake__NtIjf","shakeIt":"ZestButton-module_shakeIt__ox-R3"};
 styleInject(css_248z);
 
 // Create the Zest Context with a default empty configuration
-const ZestContext = require$$0.createContext(undefined);
+const ZestButtonConfigContext = require$$0.createContext(undefined);
 // Custom hook to use the Zest Context
-const useZest = () => {
-    const context = useContext(ZestContext);
+const useZestButtonConfig = () => {
+    const context = useContext(ZestButtonConfigContext);
     // Optional: Add a check here if context is undefined, meaning provider is not used
     // if (context === undefined) {
-    //   console.warn("useZest must be used within a ZestProvider. Falling back to default ZestButton props.");
+    //   console.warn("useZestButtonConfig must be used within a ZestButtonConfigProvider. Falling back to default ZestButton props.");
     // }
     return context;
 };
 
-const semanticTypeDefaults = {
+const semanticTypeButtonConfigDefaults = {
     // Creation / Add
     'add': {
         visualOptions: {
@@ -1571,7 +1571,7 @@ const deepMerge = (target, source) => {
     return output;
 };
 const useZestConfig = (localZestProps) => {
-    const globalConfig = useZest();
+    const globalConfig = useZestButtonConfig();
     const globalDefaultProps = globalConfig?.defaultProps;
     const customSemanticDefaults = globalConfig?.semanticTypeDefaults;
     // 1. Start with global defaults (lowest precedence)
@@ -1580,8 +1580,8 @@ const useZestConfig = (localZestProps) => {
     const semanticType = localZestProps?.semanticType || effectiveZestConfig.semanticType;
     if (semanticType) {
         // 2. Apply built-in semantic defaults
-        if (semanticTypeDefaults[semanticType]) {
-            effectiveZestConfig = deepMerge(effectiveZestConfig, semanticTypeDefaults[semanticType]);
+        if (semanticTypeButtonConfigDefaults[semanticType]) {
+            effectiveZestConfig = deepMerge(effectiveZestConfig, semanticTypeButtonConfigDefaults[semanticType]);
         }
         // 3. Apply custom semantic defaults from provider (overrides built-in ones)
         if (customSemanticDefaults && customSemanticDefaults[semanticType]) {
@@ -1744,7 +1744,7 @@ const AnimatedX = () => (jsxRuntimeExports.jsxs("svg", { className: styles.anima
 const ZestButton = ({ className = "", disabled, children, onClick, zest: localZestProps, ...props }) => {
     const effectiveZestConfig = useZestConfig(localZestProps);
     const { visualOptions = {}, busyOptions = {}, successOptions = {}, confirmOptions, isDefault = false, theme = 'system', buttonStyle = 'solid', } = effectiveZestConfig;
-    const { variant = "standard", size = "md", fullWidth = false, iconLeft, iconRight, } = visualOptions;
+    const { variant = "standard", size = "md", stretch = false, iconLeft, iconRight, } = visualOptions;
     const { handleInternally, minBusyDurationMs, preventRageClick, showCheckmark, showFailIcon, internalBusy, wasSuccessful, wasFailed, startBusy, endBusy, } = useBusyState({ busyOptions, successOptions });
     const { awaitingConfirm, currentChildren, startConfirmation, stopConfirmation, } = useConfirmation({
         confirmOptions,
@@ -1841,7 +1841,7 @@ const ZestButton = ({ className = "", disabled, children, onClick, zest: localZe
             styles[buttonStyle],
             styles[variant],
             styles[size],
-            fullWidth ? styles.fullWidth : "",
+            stretch ? styles.stretch : "",
             isDisabled ? styles.disabled : "",
             wasFailed ? styles.shake : "",
             effectiveTheme === 'light' ? styles['force-light'] : styles['force-dark'],
@@ -1849,9 +1849,9 @@ const ZestButton = ({ className = "", disabled, children, onClick, zest: localZe
         ].join(" "), disabled: isDisabled, "aria-busy": effectiveBusy, onClick: handleConfirmClick, ...props, children: jsxRuntimeExports.jsxs("span", { className: styles.inner, children: [renderLeftIcon(), jsxRuntimeExports.jsxs("span", { className: styles.content, children: [currentChildren, iconRight && jsxRuntimeExports.jsx("span", { className: styles.icon, children: iconRight })] })] }) }));
 };
 
-const ZestProvider = ({ config, children }) => {
-    return (jsxRuntimeExports.jsx(ZestContext.Provider, { value: config, children: children }));
+const ZestButtonConfigProvider = ({ config, children }) => {
+    return (jsxRuntimeExports.jsx(ZestButtonConfigContext.Provider, { value: config, children: children }));
 };
 
-export { ZestButton, ZestProvider, useZest };
+export { ZestButton, ZestButtonConfigProvider, useZestButtonConfig };
 //# sourceMappingURL=index.esm.js.map