snice 2.5.4 → 3.1.0

package/dist/components/drawer/snice-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-drawer.js","sources":["../../../components/drawer/snice-drawer.css?inline","../../../../components/drawer/snice-drawer.ts"],"sourcesContent":["export default \":host {\\n  /* Drawer sizes with theme integration and rem units */\\n  --drawer-width-small: var(--snice-size-drawer-small, 15rem); /* 240px */\\n  --drawer-width-medium: var(--snice-size-drawer-medium, 20rem); /* 320px */\\n  --drawer-width-large: var(--snice-size-drawer-large, 30rem); /* 480px */\\n  --drawer-width-xl: var(--snice-size-drawer-xl, 40rem); /* 640px */\\n  --drawer-width-xxl: var(--snice-size-drawer-xxl, 50rem); /* 800px */\\n  --drawer-width-xxxl: var(--snice-size-drawer-xxxl, 60rem); /* 960px */\\n  --drawer-height-small: var(--snice-size-drawer-height-small, 12.5rem); /* 200px */\\n  --drawer-height-medium: var(--snice-size-drawer-height-medium, 25rem); /* 400px */\\n  --drawer-height-large: var(--snice-size-drawer-height-large, 37.5rem); /* 600px */\\n  --drawer-height-xl: var(--snice-size-drawer-height-xl, 70vh);\\n  --drawer-height-xxl: var(--snice-size-drawer-height-xxl, 80vh);\\n  --drawer-height-xxxl: var(--snice-size-drawer-height-xxxl, 90vh);\\n\\n  /* Theme-integrated colors and effects */\\n  --drawer-bg: var(--snice-color-background, white);\\n  --drawer-shadow: var(--snice-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1));\\n  --drawer-backdrop: var(--snice-color-backdrop, rgba(0, 0, 0, 0.5));\\n  --drawer-transition: transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1);\\n  --drawer-z-index: var(--snice-z-index-modal, 1050);\\n\\n  /* Default: fixed positioning (modal behavior) */\\n  display: block;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  width: 100vw;\\n  height: 100vh;\\n  pointer-events: none;\\n  isolation: isolate;\\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\\n  contain: layout style paint;\\n}\\n\\n/* Contained variant - position within parent */\\n:host([contained]) {\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n\\n.drawer-backdrop {\\n  position: absolute;\\n  inset: 0;\\n  background: var(--drawer-backdrop);\\n  opacity: 0;\\n  transition: opacity 0.3s ease-in-out;\\n  z-index: var(--drawer-z-index);\\n  pointer-events: none;\\n  visibility: hidden;\\n}\\n\\n:host([open]) {\\n  pointer-events: auto;\\n}\\n\\n:host([open]) .drawer-backdrop {\\n  opacity: 1;\\n  pointer-events: auto;\\n  visibility: visible;\\n}\\n\\n:host([no-backdrop]) .drawer-backdrop {\\n  display: none;\\n}\\n\\n.drawer {\\n  position: absolute;\\n  background: var(--drawer-bg);\\n  box-shadow: var(--drawer-shadow);\\n  transition:\\n    transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1),\\n    opacity var(--snice-transition-medium, 250ms) cubic-bezier(0.2, 0, 0.8, 1);\\n  z-index: calc(var(--drawer-z-index) + 1);\\n  display: flex;\\n  flex-direction: column;\\n  outline: none;\\n  overflow: hidden;\\n  opacity: 0;\\n  pointer-events: auto;\\n}\\n\\n:host([open]) .drawer {\\n  opacity: 1;\\n}\\n\\n/* Default styles when no position attribute (defaults to left) */\\n:host(:not([position])) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium);\\n  transform: translateX(-100%);\\n}\\n\\n:host(:not([position])[open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Left */\\n:host([position=\\\"left\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(-100%);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"left\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Right */\\n:host([position=\\\"right\\\"]) .drawer {\\n  top: 0;\\n  right: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(100%);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"right\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Top */\\n:host([position=\\\"top\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(-100%);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"top\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Position: Bottom */\\n:host([position=\\\"bottom\\\"]) .drawer {\\n  bottom: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(100%);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"bottom\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Drawer Header */\\n.drawer-header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\\n  border-bottom: 1px solid var(--snice-color-border, rgb(229 231 235));\\n  background: var(--snice-color-background, white);\\n  flex-shrink: 0;\\n}\\n\\n.drawer-header:has(.drawer-title:empty):not(:has(.drawer-close)) {\\n  display: none;\\n}\\n\\n.drawer-title {\\n  font-size: var(--snice-font-size-lg, 1.125rem); /* 18px */\\n  font-weight: var(--snice-font-weight-semibold, 600);\\n  margin: 0;\\n  color: var(--snice-color-text, rgb(17 24 39));\\n  line-height: var(--snice-line-height-tight, 1.25);\\n}\\n\\n.drawer-close {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: var(--snice-size-control-md, 2rem); /* 32px */\\n  height: var(--snice-size-control-md, 2rem); /* 32px */\\n  border: none;\\n  background: transparent;\\n  border-radius: var(--snice-border-radius-md, 6px);\\n  cursor: pointer;\\n  color: var(--snice-color-text-secondary, rgb(107 114 128));\\n  transition: all var(--snice-transition-fast, 150ms) ease;\\n}\\n\\n.drawer-close:hover {\\n  background: var(--snice-color-background-hover, rgb(243 244 246));\\n  color: var(--snice-color-text, rgb(17 24 39));\\n}\\n\\n.drawer-close:focus-visible {\\n  outline: var(--snice-focus-ring-width, 2px) solid var(--snice-focus-ring-color, rgb(59 130 246));\\n  outline-offset: var(--snice-focus-ring-offset, 2px);\\n}\\n\\n/* Drawer Body */\\n.drawer-body {\\n  flex: 1;\\n  padding: var(--snice-spacing-lg, 1.25rem); /* 20px */\\n  overflow-y: auto;\\n  overflow-x: hidden;\\n  color: var(--snice-color-text, rgb(17 24 39));\\n}\\n\\n/* Drawer Footer */\\n.drawer-footer {\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\\n  border-top: 1px solid var(--snice-color-border, rgb(229 231 235));\\n  background: var(--snice-color-background, white);\\n  flex-shrink: 0;\\n}\\n\\n.drawer-footer:empty {\\n  display: none;\\n}\\n\\n/* Animations */\\n@media (prefers-reduced-motion: reduce) {\\n  .drawer,\\n  .drawer-backdrop {\\n    transition: none;\\n  }\\n}\\n\\n/* Responsive */\\n@media (max-width: 640px) {\\n  :host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n    width: calc(100% - 2.5rem); /* 40px */\\n  }\\n}\\n\\n/* Focus trap styles */\\n.focus-trap-start,\\n.focus-trap-end {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border: 0;\\n}\\n\\n/* Push content mode */\\n:host([push-content]) {\\n  --drawer-push-amount: 0px;\\n}\\n\\n/* Left position push amounts */\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-small);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-large);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vw;\\n}\\n\\n/* Also handle when no size is specified (defaults to medium) */\\n:host([push-content][position=\\\"left\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n/* Right position push amounts */\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-small));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-large));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vw;\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n/* Top position push amounts */\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-small);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-large);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vh;\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n/* Bottom position push amounts */\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-small));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-large));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vh;\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\";",null],"names":[],"mappings":";;;AAAA,UAAe,u2bAAu2b;;ICKz2b,WAAW,GAAA,CAAA,MAAA;4BADvB,OAAO,CAAC,cAAc,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAE1C,YAAA,IAAA,CAAA,IAAI,IAFO,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAW,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAEf,KAAK,CAAA,CAAA;YAGZ,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAmB,MAAM,CAAA,CAAA;YAGjC,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAe,QAAQ,CAAA,CAAA;YAG3B,IAAA,CAAA,UAAU,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,EAAG,KAAK,CAAA,CAAA;YAGlB,IAAA,CAAA,iBAAiB,IAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,EAAG,KAAK,CAAA,CAAA;YAGzB,IAAA,CAAA,eAAe,IAAA,iBAAA,CAAA,IAAA,EAAA,oCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,EAAG,KAAK,CAAA,CAAA;YAGvB,IAAA,CAAA,WAAW,IAAA,iBAAA,CAAA,IAAA,EAAA,kCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAAG,KAAK,CAAA,CAAA;YAGnB,IAAA,CAAA,UAAU,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,EAAG,KAAK,CAAA,CAAA;YAGlB,IAAA,CAAA,WAAW,IAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAAG,KAAK,CAAA,CAAA;YAGnB,IAAA,CAAA,SAAS,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,EAAG,KAAK,CAAA,CAAA;AAGjB,YAAA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAA,MAAA,CAAA,CAAA;AAGb,YAAA,IAAA,CAAA,eAAe,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,EAAA,MAAA,CAAA,CAAA;AAGf,YAAA,IAAA,CAAA,WAAW,IAAA,iBAAA,CAAA,IAAA,EAAA,kCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAAA,MAAA,CAAA,CAAA;AAGX,YAAA,IAAA,CAAA,cAAc,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,EAAA,MAAA,CAAA,CAAA;AAGd,YAAA,IAAA,CAAA,YAAY,IAAA,iBAAA,CAAA,IAAA,EAAA,iCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,EAAA,MAAA,CAAA,CAAA;AAEJ,YAAA,IAAA,CAAA,aAAa,GAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,CAAA;YAkEb,IAAA,CAAA,qBAAqB,GAAG,KAAK;YAuJ7B,IAAA,CAAA,cAAc,GAAkB,IAAI;YACpC,IAAA,CAAA,cAAc,GAAG,CAAC;QAwD5B;;;AA/TG,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;oCAG7B,QAAQ,CAAC,EAAI,CAAC,CAAA;gCAGd,QAAQ,CAAC,EAAI,CAAC,CAAA;sCAGd,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC,CAAA;6CAGvD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,GAAI,CAAC,CAAA;2CAG/D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,GAAI,CAAC,CAAA;uCAG7D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,GAAI,CAAC,CAAA;AAGzD,YAAA,sBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;uCAG7B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,GAAI,CAAC,CAAA;AAGxD,YAAA,qBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;yCAG7B,KAAK,CAAC,SAAS,CAAC,CAAA;2CAGhB,KAAK,CAAC,kBAAkB,CAAC,CAAA;uCAGzB,KAAK,CAAC,eAAe,CAAC,CAAA;0CAGtB,KAAK,CAAC,mBAAmB,CAAC,CAAA;wCAG1B,KAAK,CAAC,iBAAiB,CAAC,CAAA;AA2CxB,YAAA,gBAAA,GAAA,CAAA,KAAK,EAAE,CAAA;4CA4BP,KAAK,CAAC,MAAM,CAAC,CAAA;AAmBb,YAAA,+BAAA,GAAA,CAAA,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;AAQ/B,YAAA,4BAAA,GAAA,CAAA,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;AAM5B,YAAA,gCAAA,GAAA,CAAA,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAA;AAWhC,YAAA,8BAAA,GAAA,CAAA,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAA;AA8I9B,YAAA,mBAAA,GAAA,CAAA,OAAO,EAAE,CAAA;AArNV,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AA4BJ,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,gBAAgB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAmBhB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,+BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,qBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,mBAAmB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAQnB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,gBAAgB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAMhB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gCAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,sBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,oBAAoB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAWpB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,8BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,oBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,kBAAkB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AA8IlB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,SAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,OAAO,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YA3SP,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YAGR,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,YAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,UAAU,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAV,UAAU,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,wBAAA,EAAA,6BAAA,CAAA;YAGV,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,6BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,iBAAiB,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAjB,iBAAiB,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,+BAAA,EAAA,oCAAA,CAAA;YAGjB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAf,eAAe,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,6BAAA,EAAA,kCAAA,CAAA;YAGf,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,WAAW,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAX,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,8BAAA,CAAA;YAGX,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,YAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,UAAU,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAV,UAAU,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,wBAAA,EAAA,6BAAA,CAAA;YAGV,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,WAAW,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAX,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,8BAAA,CAAA;YAGX,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,WAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,WAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,SAAS,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAT,SAAS,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,4BAAA,CAAA;YAGT,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YAGb,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAf,eAAe,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,6BAAA,EAAA,kCAAA,CAAA;YAGf,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,WAAW,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAX,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,8BAAA,CAAA;YAGX,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,gBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,cAAc,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAd,cAAc,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,4BAAA,EAAA,iCAAA,CAAA;YAGd,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,wBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,cAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,cAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,YAAY,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAZ,YAAY,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,0BAAA,EAAA,+BAAA,CAAA;YA5Cd,YAAA,CAAA,IAAA,EAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,CAAA;;;YAAa,iBAAA,CAAA,UAAA,EAAA,uBAAA,CAAA;;QAiDX,IAAI,GAAA;AACF,YAAA,gBAAe;;;;;;;;;;AAUP,UAAA,EAAA,CAAC,IAAI,CAAC,UAAU,YAAW;;;;;;WAM5B,GAAG,EAAE;;;;;;;;;;;;;KAaX;QACH;QAEA,GAAG,GAAA;AACD,YAAA,OAAO,GAAG;QACZ;QAGA,IAAI,GAAA;;YAEF,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;gBAClC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC;YAC9C;YACA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;gBAC9B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;YACtC;AAEA,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC;AAC1C,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAGpD,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI;gBACnE,IAAI,WAAW,IAAI,WAAW,KAAK,QAAQ,CAAC,IAAI,EAAE;AAC/C,oBAAA,WAA2B,CAAC,KAAK,CAAC,UAAU,GAAG,0CAA0C;gBAC5F;YACF;AAEA,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,UAAU,EAAE;YACnB;QACF;QAKA,gBAAgB,GAAA;;YAEd,IAAI,IAAI,CAAC,qBAAqB;gBAAE;AAChC,YAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;AAEjC,YAAA,IAAI;AACF,gBAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEpD,gBAAA,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,IAAI,CAAC,UAAU,EAAE;gBACnB;qBAAO;oBACL,IAAI,CAAC,WAAW,EAAE;gBACpB;YACF;oBAAU;AACR,gBAAA,IAAI,CAAC,qBAAqB,GAAG,KAAK;YACpC;QACF;AAGA,QAAA,mBAAmB,CAAC,CAAa,EAAA;YAC/B,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBAC/C,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,IAAI,EAAE;YACb;QACF;AAGA,QAAA,gBAAgB,CAAC,CAAa,EAAA;YAC5B,CAAC,CAAC,eAAe,EAAE;YACnB,IAAI,CAAC,IAAI,EAAE;QACb;QAGA,oBAAoB,GAAA;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;;AAErB,gBAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE;AACrD,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC/B,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC1E;YACF;QACF;QAGA,kBAAkB,GAAA;AAChB,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;;AAErB,gBAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE;AACrD,gBAAA,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/B,oBAAA,iBAAiB,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE;gBAC/C;YACF;QACF;QAEQ,UAAU,GAAA;;AAEhB,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAA4B;;YAG1D,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAC7C,gBAAA,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAgB,KAAI;AAC5C,oBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;wBACtB,CAAC,CAAC,cAAc,EAAE;wBAClB,IAAI,CAAC,IAAI,EAAE;oBACb;AACF,gBAAA,CAAC;gBACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC;YAC9D;;;;AAMA,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,qBAAqB,CAAC,MAAK;AACzB,oBAAA,IAAI,IAAI,CAAC,aAAa,EAAE;wBACtB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;oBACnD;AACF,gBAAA,CAAC,CAAC;YACJ;;AAGA,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,iBAAiB,EAAE;YAC1B;YAEA,IAAI,CAAC,iBAAiB,EAAE;QAC1B;QAEQ,WAAW,GAAA;;AAEjB,YAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC;AAC/D,gBAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;YACpC;;;YAKA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,gBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;AAC1B,gBAAA,IAAI,CAAC,aAAa,GAAG,SAAS;YAChC;;AAGA,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,iBAAiB,EAAE;YAC1B;YAEA,IAAI,CAAC,kBAAkB,EAAE;QAC3B;QAEQ,iBAAiB,GAAA;YACvB,IAAI,CAAC,IAAI,CAAC,WAAW;gBAAE;;AAGvB,YAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI;YACnE,IAAI,WAAW,IAAI,WAAW,KAAK,QAAQ,CAAC,IAAI,EAAE;;AAEhD,gBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE;AAChC,oBAAA,WAA2B,CAAC,KAAK,CAAC,UAAU,GAAG,0CAA0C;gBAC5F;AAEA,gBAAA,IAAI,IAAI,CAAC,IAAI,EAAE;;oBAEb,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,sBAAsB,CAAC;AAC9E,oBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK;AAC7D,0BAAE;0BACA,WAAW;oBACd,WAA2B,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,MAAM,IAAI,KAAK;gBAChE;qBAAO;;AAEJ,oBAAA,WAA2B,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE;AACjD,oBAAA,WAA2B,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE;gBACnD;YACF;QACF;QAEQ,oBAAoB,GAAA;YAC1B,IAAI,CAAC,IAAI,CAAC,aAAa;AAAE,gBAAA,OAAO,QAAQ,CAAC,gBAAgB,CAAC,MAAM,CAAC;AAEjE,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,CACxC,6DAA6D;gBAC7D,iDAAiD;AACjD,gBAAA,iCAAiC,CAClC;QACH;QAKQ,iBAAiB,GAAA;;AAEvB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,MAAM,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,cAAc,IAAI,GAAG,EAAE;gBACvE;YACF;AACA,YAAA,IAAI,CAAC,cAAc,GAAG,MAAM;AAC5B,YAAA,IAAI,CAAC,cAAc,GAAG,GAAG;;AAGzB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,oBAAoB,EAAE;AACvD,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI;AACvB,aAAA,CAAC,CAAC;QACL;QAEQ,kBAAkB,GAAA;;AAExB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,OAAO,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,cAAc,IAAI,GAAG,EAAE;gBACxE;YACF;AACA,YAAA,IAAI,CAAC,cAAc,GAAG,OAAO;AAC7B,YAAA,IAAI,CAAC,cAAc,GAAG,GAAG;;AAGzB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,qBAAqB,EAAE;AACxD,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI;AACvB,aAAA,CAAC,CAAC;QACL;QAGA,OAAO,GAAA;AACL,YAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC;YACjE;;QAEF;;QAGA,IAAI,GAAA;AACF,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAClB;QAEA,IAAI,GAAA;AACF,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;QACnB;QAEA,MAAM,GAAA;AACJ,YAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;QACxB;;;;;;;"}
+{"version":3,"file":"snice-drawer.js","sources":["../../../components/drawer/snice-drawer.css?inline","../../../../components/drawer/snice-drawer.ts"],"sourcesContent":["export default \":host {\\n  /* Drawer sizes with theme integration and rem units */\\n  --drawer-width-small: var(--snice-size-drawer-small, 15rem); /* 240px */\\n  --drawer-width-medium: var(--snice-size-drawer-medium, 20rem); /* 320px */\\n  --drawer-width-large: var(--snice-size-drawer-large, 30rem); /* 480px */\\n  --drawer-width-xl: var(--snice-size-drawer-xl, 40rem); /* 640px */\\n  --drawer-width-xxl: var(--snice-size-drawer-xxl, 50rem); /* 800px */\\n  --drawer-width-xxxl: var(--snice-size-drawer-xxxl, 60rem); /* 960px */\\n  --drawer-height-small: var(--snice-size-drawer-height-small, 12.5rem); /* 200px */\\n  --drawer-height-medium: var(--snice-size-drawer-height-medium, 25rem); /* 400px */\\n  --drawer-height-large: var(--snice-size-drawer-height-large, 37.5rem); /* 600px */\\n  --drawer-height-xl: var(--snice-size-drawer-height-xl, 70vh);\\n  --drawer-height-xxl: var(--snice-size-drawer-height-xxl, 80vh);\\n  --drawer-height-xxxl: var(--snice-size-drawer-height-xxxl, 90vh);\\n\\n  /* Theme-integrated colors and effects */\\n  --drawer-bg: var(--snice-color-background, white);\\n  --drawer-shadow: var(--snice-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1));\\n  --drawer-backdrop: var(--snice-color-backdrop, rgba(0, 0, 0, 0.5));\\n  --drawer-transition: transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1);\\n  --drawer-z-index: var(--snice-z-index-modal, 1050);\\n\\n  /* Default: fixed positioning (modal behavior) */\\n  display: block;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  width: 100vw;\\n  height: 100vh;\\n  pointer-events: none;\\n  isolation: isolate;\\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\\n  contain: layout style paint;\\n}\\n\\n/* Contained variant - position within parent */\\n:host([contained]) {\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n\\n.drawer-backdrop {\\n  position: absolute;\\n  inset: 0;\\n  background: var(--drawer-backdrop);\\n  opacity: 0;\\n  transition: opacity 0.3s ease-in-out;\\n  z-index: var(--drawer-z-index);\\n  pointer-events: none;\\n  visibility: hidden;\\n}\\n\\n:host([open]) {\\n  pointer-events: auto;\\n}\\n\\n:host([open]) .drawer-backdrop {\\n  opacity: 1;\\n  pointer-events: auto;\\n  visibility: visible;\\n}\\n\\n:host([no-backdrop]) .drawer-backdrop {\\n  display: none;\\n}\\n\\n.drawer {\\n  position: absolute;\\n  background: var(--drawer-bg);\\n  box-shadow: var(--drawer-shadow);\\n  transition:\\n    transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1),\\n    opacity var(--snice-transition-medium, 250ms) cubic-bezier(0.2, 0, 0.8, 1);\\n  z-index: calc(var(--drawer-z-index) + 1);\\n  display: flex;\\n  flex-direction: column;\\n  outline: none;\\n  overflow: hidden;\\n  opacity: 0;\\n  pointer-events: auto;\\n}\\n\\n:host([open]) .drawer {\\n  opacity: 1;\\n}\\n\\n/* Default styles when no position attribute (defaults to left) */\\n:host(:not([position])) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium);\\n  transform: translateX(-100%);\\n}\\n\\n:host(:not([position])[open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Left */\\n:host([position=\\\"left\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(-100%);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"left\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Right */\\n:host([position=\\\"right\\\"]) .drawer {\\n  top: 0;\\n  right: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(100%);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"right\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Top */\\n:host([position=\\\"top\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(-100%);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"top\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Position: Bottom */\\n:host([position=\\\"bottom\\\"]) .drawer {\\n  bottom: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(100%);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"bottom\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Drawer Header */\\n.drawer-header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\\n  border-bottom: 1px solid var(--snice-color-border, rgb(229 231 235));\\n  background: var(--snice-color-background, white);\\n  flex-shrink: 0;\\n}\\n\\n.drawer-header:has(.drawer-title:empty):not(:has(.drawer-close)) {\\n  display: none;\\n}\\n\\n.drawer-title {\\n  font-size: var(--snice-font-size-lg, 1.125rem); /* 18px */\\n  font-weight: var(--snice-font-weight-semibold, 600);\\n  margin: 0;\\n  color: var(--snice-color-text, rgb(17 24 39));\\n  line-height: var(--snice-line-height-tight, 1.25);\\n}\\n\\n.drawer-close {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: var(--snice-size-control-md, 2rem); /* 32px */\\n  height: var(--snice-size-control-md, 2rem); /* 32px */\\n  border: none;\\n  background: transparent;\\n  border-radius: var(--snice-border-radius-md, 6px);\\n  cursor: pointer;\\n  color: var(--snice-color-text-secondary, rgb(107 114 128));\\n  transition: all var(--snice-transition-fast, 150ms) ease;\\n}\\n\\n.drawer-close:hover {\\n  background: var(--snice-color-background-hover, rgb(243 244 246));\\n  color: var(--snice-color-text, rgb(17 24 39));\\n}\\n\\n.drawer-close:focus-visible {\\n  outline: var(--snice-focus-ring-width, 2px) solid var(--snice-focus-ring-color, rgb(59 130 246));\\n  outline-offset: var(--snice-focus-ring-offset, 2px);\\n}\\n\\n/* Drawer Body */\\n.drawer-body {\\n  flex: 1;\\n  padding: var(--snice-spacing-lg, 1.25rem); /* 20px */\\n  overflow-y: auto;\\n  overflow-x: hidden;\\n  color: var(--snice-color-text, rgb(17 24 39));\\n}\\n\\n/* Drawer Footer */\\n.drawer-footer {\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\\n  border-top: 1px solid var(--snice-color-border, rgb(229 231 235));\\n  background: var(--snice-color-background, white);\\n  flex-shrink: 0;\\n}\\n\\n.drawer-footer:empty {\\n  display: none;\\n}\\n\\n/* Animations */\\n@media (prefers-reduced-motion: reduce) {\\n  .drawer,\\n  .drawer-backdrop {\\n    transition: none;\\n  }\\n}\\n\\n/* Responsive */\\n@media (max-width: 640px) {\\n  :host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n    width: calc(100% - 2.5rem); /* 40px */\\n  }\\n}\\n\\n/* Focus trap styles */\\n.focus-trap-start,\\n.focus-trap-end {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border: 0;\\n}\\n\\n/* Push content mode */\\n:host([push-content]) {\\n  --drawer-push-amount: 0px;\\n}\\n\\n/* Left position push amounts */\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-small);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-large);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vw;\\n}\\n\\n/* Also handle when no size is specified (defaults to medium) */\\n:host([push-content][position=\\\"left\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n/* Right position push amounts */\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-small));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-large));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vw;\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n/* Top position push amounts */\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-small);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-large);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vh;\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n/* Bottom position push amounts */\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-small));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-large));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vh;\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\";",null],"names":["cssTag"],"mappings":"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"}

package/dist/components/input/snice-input.d.ts

@@ -1,5 +1,7 @@
 import type { InputType, InputSize, InputVariant, SniceInputElement } from './snice-input.types';
 export declare class SniceInput extends HTMLElement implements SniceInputElement {
+    internals: ElementInternals;
+    constructor();
     type: InputType;
     size: InputSize;
     variant: InputVariant;
@@ -28,15 +30,15 @@ export declare class SniceInput extends HTMLElement implements SniceInputElement
     clearButton?: HTMLButtonElement;
     passwordToggle?: HTMLButtonElement;
     private showPassword;
-    html(): string;
-    css(): string;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
     init(): void;
     handleInput(e: Event): void;
     handleChange(e: Event): void;
-    handleFocus(): void;
-    handleBlur(): void;
-    handleClear(): void;
-    handlePasswordToggle(): void;
+    handleFocus(e: Event): void;
+    handleBlur(e: Event): void;
+    handleClear(e: Event): void;
+    handlePasswordToggle(e: Event): void;
     handleValueChange(): void;
     handleInvalidChange(): void;
     handleDisabledChange(): void;

package/dist/components/input/snice-input.js

@@ -1,10 +1,10 @@
-import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, query, ready, on, watch, dispatch } from 'snice';
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, render, styles, ready, watch, dispatch, html, css } from 'snice';
 
-var css = ":host {\n  display: inline-block;\n  width: 100%;\n  font-family: var(--snice-font-family);\n}\n\n.input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  transition: all var(--snice-transition-fast) ease;\n}\n\n/* Base Input Styles */\n.input {\n  flex: 1;\n  width: 100%;\n  font-family: inherit;\n  font-size: var(--snice-font-size-md);\n  background: var(--snice-color-background);\n  color: var(--snice-color-text);\n  border: 1px solid var(--snice-color-border);\n  border-radius: var(--snice-border-radius-md);\n  transition: all var(--snice-transition-fast) ease;\n  outline: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.input:focus {\n  border-color: var(--snice-color-primary);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.input:disabled {\n  background: var(--snice-color-background-secondary);\n  color: var(--snice-color-text-secondary);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.input::placeholder {\n  color: var(--snice-color-text-secondary);\n  opacity: 0.7;\n}\n\n/* Size Variants */\n.input--small {\n  padding: 0.375rem 0.625rem; /* 6px 10px */\n  font-size: var(--snice-font-size-sm);\n}\n\n.input--medium {\n  padding: 0.5rem 0.75rem; /* 8px 12px */\n  font-size: var(--snice-font-size-md);\n}\n\n.input--large {\n  padding: 0.625rem 0.875rem; /* 10px 14px */\n  font-size: var(--snice-font-size-lg);\n}\n\n/* Style Variants */\n.input--outlined {\n  background: var(--snice-color-background);\n  border: 1px solid var(--snice-color-border);\n}\n\n.input--filled {\n  background: var(--snice-color-background-secondary);\n  border: 1px solid transparent;\n  border-bottom-color: var(--snice-color-border);\n  border-radius: var(--snice-border-radius-md) var(--snice-border-radius-md) 0 0;\n}\n\n.input--filled:focus {\n  background: var(--snice-color-background-hover);\n  border-bottom-color: var(--snice-color-primary);\n}\n\n.input--underlined {\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid var(--snice-color-border);\n  border-radius: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.input--underlined:focus {\n  border-bottom-color: var(--snice-color-primary);\n  box-shadow: none;\n}\n\n/* Invalid State */\n.input--invalid {\n  border-color: var(--snice-color-danger);\n}\n\n.input--invalid:focus {\n  border-color: var(--snice-color-danger);\n  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n\n/* With Icons */\n.input--with-prefix-icon {\n  padding-left: 2.25rem; /* 36px */\n}\n\n.input--with-suffix-icon,\n.input--clearable {\n  padding-right: 2.25rem; /* 36px */\n}\n\n.input--with-suffix-icon.input--clearable {\n  padding-right: 3.75rem; /* 60px */\n}\n\n/* Label */\n.label {\n  display: block;\n  margin-bottom: 0.375rem; /* 6px */\n  font-size: var(--snice-font-size-sm);\n  font-weight: 500;\n  color: var(--snice-color-text);\n}\n\n.label--required::after {\n  content: ' *';\n  color: var(--snice-color-danger);\n}\n\n/* Helper and Error Text */\n.helper-text,\n.error-text {\n  display: block;\n  margin-top: 0.25rem; /* 4px */\n  font-size: var(--snice-font-size-xs);\n  min-height: 1.125rem; /* 18px */\n}\n\n.helper-text {\n  color: var(--snice-color-text-secondary);\n}\n\n.error-text {\n  color: var(--snice-color-danger);\n}\n\n/* Icons */\n.icon {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem; /* 20px */\n  height: 1.25rem; /* 20px */\n  color: var(--snice-color-text-secondary);\n  pointer-events: none;\n}\n\n.icon--prefix {\n  left: 0.625rem; /* 10px */\n}\n\n.icon--suffix {\n  right: 0.625rem; /* 10px */\n}\n\n/* Clear Button */\n.clear-button {\n  position: absolute;\n  right: 0.5rem; /* 8px */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem; /* 24px */\n  height: 1.5rem; /* 24px */\n  padding: 0.25rem; /* 4px */\n  background: transparent;\n  border: none;\n  border-radius: var(--snice-border-radius-sm);\n  color: var(--snice-color-text-secondary);\n  cursor: pointer;\n  transition: all var(--snice-transition-fast) ease;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.clear-button:hover {\n  background: var(--snice-color-background-hover);\n  color: var(--snice-color-text);\n}\n\n.input-container:hover .clear-button--visible,\n.input:focus ~ .clear-button--visible {\n  opacity: 1;\n  visibility: visible;\n}\n\n.clear-button--with-suffix {\n  right: 2rem; /* 32px */\n}\n\n/* Password Toggle */\n.password-toggle {\n  position: absolute;\n  right: 0.5rem; /* 8px */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem; /* 24px */\n  height: 1.5rem; /* 24px */\n  padding: 0.25rem; /* 4px */\n  background: transparent;\n  border: none;\n  border-radius: var(--snice-border-radius-sm);\n  color: var(--snice-color-text-secondary);\n  cursor: pointer;\n  transition: all var(--snice-transition-fast) ease;\n}\n\n.password-toggle:hover {\n  background: var(--snice-color-background-hover);\n  color: var(--snice-color-text);\n}\n\n/* Number Input Arrows - Hide native */\n.input[type=\"number\"]::-webkit-inner-spin-button,\n.input[type=\"number\"]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\n/* Search Input - Hide native clear */\n.input[type=\"search\"]::-webkit-search-decoration,\n.input[type=\"search\"]::-webkit-search-cancel-button,\n.input[type=\"search\"]::-webkit-search-results-button,\n.input[type=\"search\"]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n/* Focus Within for Container */\n.input-container:focus-within {\n  z-index: 1;\n}";
+var cssContent = ":host {\n  display: inline-block;\n  width: 100%;\n  font-family: var(--snice-font-family);\n}\n\n.input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  transition: all var(--snice-transition-fast) ease;\n}\n\n/* Base Input Styles */\n.input {\n  flex: 1;\n  width: 100%;\n  font-family: inherit;\n  font-size: var(--snice-font-size-md);\n  background: var(--snice-color-background);\n  color: var(--snice-color-text);\n  border: 1px solid var(--snice-color-border);\n  border-radius: var(--snice-border-radius-md);\n  transition: all var(--snice-transition-fast) ease;\n  outline: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.input:focus {\n  border-color: var(--snice-color-primary);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.input:disabled {\n  background: var(--snice-color-background-secondary);\n  color: var(--snice-color-text-secondary);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.input::placeholder {\n  color: var(--snice-color-text-secondary);\n  opacity: 0.7;\n}\n\n/* Size Variants */\n.input--small {\n  padding: 0.375rem 0.625rem; /* 6px 10px */\n  font-size: var(--snice-font-size-sm);\n}\n\n.input--medium {\n  padding: 0.5rem 0.75rem; /* 8px 12px */\n  font-size: var(--snice-font-size-md);\n}\n\n.input--large {\n  padding: 0.625rem 0.875rem; /* 10px 14px */\n  font-size: var(--snice-font-size-lg);\n}\n\n/* Style Variants */\n.input--outlined {\n  background: var(--snice-color-background);\n  border: 1px solid var(--snice-color-border);\n}\n\n.input--filled {\n  background: var(--snice-color-background-secondary);\n  border: 1px solid transparent;\n  border-bottom-color: var(--snice-color-border);\n  border-radius: var(--snice-border-radius-md) var(--snice-border-radius-md) 0 0;\n}\n\n.input--filled:focus {\n  background: var(--snice-color-background-hover);\n  border-bottom-color: var(--snice-color-primary);\n}\n\n.input--underlined {\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid var(--snice-color-border);\n  border-radius: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.input--underlined:focus {\n  border-bottom-color: var(--snice-color-primary);\n  box-shadow: none;\n}\n\n/* Invalid State */\n.input--invalid {\n  border-color: var(--snice-color-danger);\n}\n\n.input--invalid:focus {\n  border-color: var(--snice-color-danger);\n  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n\n/* With Icons */\n.input--with-prefix-icon {\n  padding-left: 2.25rem; /* 36px */\n}\n\n.input--with-suffix-icon,\n.input--clearable {\n  padding-right: 2.25rem; /* 36px */\n}\n\n.input--with-suffix-icon.input--clearable {\n  padding-right: 3.75rem; /* 60px */\n}\n\n/* Label */\n.label {\n  display: block;\n  margin-bottom: 0.375rem; /* 6px */\n  font-size: var(--snice-font-size-sm);\n  font-weight: 500;\n  color: var(--snice-color-text);\n}\n\n.label--required::after {\n  content: ' *';\n  color: var(--snice-color-danger);\n}\n\n/* Helper and Error Text */\n.helper-text,\n.error-text {\n  display: block;\n  margin-top: 0.25rem; /* 4px */\n  font-size: var(--snice-font-size-xs);\n  min-height: 1.125rem; /* 18px */\n}\n\n.helper-text {\n  color: var(--snice-color-text-secondary);\n}\n\n.error-text {\n  color: var(--snice-color-danger);\n}\n\n/* Icons */\n.icon {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem; /* 20px */\n  height: 1.25rem; /* 20px */\n  color: var(--snice-color-text-secondary);\n  pointer-events: none;\n}\n\n.icon--prefix {\n  left: 0.625rem; /* 10px */\n}\n\n.icon--suffix {\n  right: 0.625rem; /* 10px */\n}\n\n/* Clear Button */\n.clear-button {\n  position: absolute;\n  right: 0.5rem; /* 8px */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem; /* 24px */\n  height: 1.5rem; /* 24px */\n  padding: 0.25rem; /* 4px */\n  background: transparent;\n  border: none;\n  border-radius: var(--snice-border-radius-sm);\n  color: var(--snice-color-text-secondary);\n  cursor: pointer;\n  transition: all var(--snice-transition-fast) ease;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.clear-button:hover {\n  background: var(--snice-color-background-hover);\n  color: var(--snice-color-text);\n}\n\n.input-container:hover .clear-button--visible,\n.input:focus ~ .clear-button--visible {\n  opacity: 1;\n  visibility: visible;\n}\n\n.clear-button--with-suffix {\n  right: 2rem; /* 32px */\n}\n\n/* Password Toggle */\n.password-toggle {\n  position: absolute;\n  right: 0.5rem; /* 8px */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem; /* 24px */\n  height: 1.5rem; /* 24px */\n  padding: 0.25rem; /* 4px */\n  background: transparent;\n  border: none;\n  border-radius: var(--snice-border-radius-sm);\n  color: var(--snice-color-text-secondary);\n  cursor: pointer;\n  transition: all var(--snice-transition-fast) ease;\n}\n\n.password-toggle:hover {\n  background: var(--snice-color-background-hover);\n  color: var(--snice-color-text);\n}\n\n/* Number Input Arrows - Hide native */\n.input[type=\"number\"]::-webkit-inner-spin-button,\n.input[type=\"number\"]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\n/* Search Input - Hide native clear */\n.input[type=\"search\"]::-webkit-search-decoration,\n.input[type=\"search\"]::-webkit-search-cancel-button,\n.input[type=\"search\"]::-webkit-search-results-button,\n.input[type=\"search\"]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n/* Focus Within for Container */\n.input-container:focus-within {\n  z-index: 1;\n}";
 
 let SniceInput = (() => {
-    let _classDecorators = [element('snice-input')];
+    let _classDecorators = [element('snice-input', { formAssociated: true })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -91,13 +91,9 @@ let SniceInput = (() => {
     let _passwordToggle_decorators;
     let _passwordToggle_initializers = [];
     let _passwordToggle_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _init_decorators;
-    let _handleInput_decorators;
-    let _handleChange_decorators;
-    let _handleFocus_decorators;
-    let _handleBlur_decorators;
-    let _handleClear_decorators;
-    let _handlePasswordToggle_decorators;
     let _handleValueChange_decorators;
     let _handleInvalidChange_decorators;
     let _handleDisabledChange_decorators;
@@ -118,37 +114,6 @@ let SniceInput = (() => {
     let _dispatchClearEvent_decorators;
     (class extends _classSuper {
         static { _classThis = this; }
-        constructor() {
-            super(...arguments);
-            this.type = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, 'text'));
-            this.size = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
-            this.variant = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _variant_initializers, 'outlined'));
-            this.value = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, ''));
-            this.placeholder = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _placeholder_initializers, ''));
-            this.label = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _label_initializers, ''));
-            this.helperText = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _helperText_initializers, ''));
-            this.errorText = (__runInitializers(this, _helperText_extraInitializers), __runInitializers(this, _errorText_initializers, ''));
-            this.disabled = (__runInitializers(this, _errorText_extraInitializers), __runInitializers(this, _disabled_initializers, false));
-            this.readonly = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _readonly_initializers, false));
-            this.required = (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _required_initializers, false));
-            this.invalid = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _invalid_initializers, false));
-            this.clearable = (__runInitializers(this, _invalid_extraInitializers), __runInitializers(this, _clearable_initializers, false));
-            this.password = (__runInitializers(this, _clearable_extraInitializers), __runInitializers(this, _password_initializers, false));
-            this.min = (__runInitializers(this, _password_extraInitializers), __runInitializers(this, _min_initializers, ''));
-            this.max = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _max_initializers, ''));
-            this.step = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _step_initializers, ''));
-            this.pattern = (__runInitializers(this, _step_extraInitializers), __runInitializers(this, _pattern_initializers, ''));
-            this.maxlength = (__runInitializers(this, _pattern_extraInitializers), __runInitializers(this, _maxlength_initializers, -1));
-            this.minlength = (__runInitializers(this, _maxlength_extraInitializers), __runInitializers(this, _minlength_initializers, -1));
-            this.autocomplete = (__runInitializers(this, _minlength_extraInitializers), __runInitializers(this, _autocomplete_initializers, ''));
-            this.name = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _name_initializers, ''));
-            this.prefixIcon = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _prefixIcon_initializers, ''));
-            this.suffixIcon = (__runInitializers(this, _prefixIcon_extraInitializers), __runInitializers(this, _suffixIcon_initializers, ''));
-            this.input = (__runInitializers(this, _suffixIcon_extraInitializers), __runInitializers(this, _input_initializers, void 0));
-            this.clearButton = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _clearButton_initializers, void 0));
-            this.passwordToggle = (__runInitializers(this, _clearButton_extraInitializers), __runInitializers(this, _passwordToggle_initializers, void 0));
-            this.showPassword = (__runInitializers(this, _passwordToggle_extraInitializers), false);
-        }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _type_decorators = [property({})];
@@ -178,13 +143,9 @@ let SniceInput = (() => {
             _input_decorators = [query('.input')];
             _clearButton_decorators = [query('.clear-button')];
             _passwordToggle_decorators = [query('.password-toggle')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
             _init_decorators = [ready()];
-            _handleInput_decorators = [on('input', '.input')];
-            _handleChange_decorators = [on('change', '.input')];
-            _handleFocus_decorators = [on('focus', '.input')];
-            _handleBlur_decorators = [on('blur', '.input')];
-            _handleClear_decorators = [on('click', '.clear-button')];
-            _handlePasswordToggle_decorators = [on('click', '.password-toggle')];
             _handleValueChange_decorators = [watch('value')];
             _handleInvalidChange_decorators = [watch('invalid')];
             _handleDisabledChange_decorators = [watch('disabled')];
@@ -203,13 +164,9 @@ let SniceInput = (() => {
             _dispatchFocusEvent_decorators = [dispatch('@snice/input-focus', { bubbles: true, composed: true })];
             _dispatchBlurEvent_decorators = [dispatch('@snice/input-blur', { bubbles: true, composed: true })];
             _dispatchClearEvent_decorators = [dispatch('@snice/input-clear', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleInput_decorators, { kind: "method", name: "handleInput", static: false, private: false, access: { has: obj => "handleInput" in obj, get: obj => obj.handleInput }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleChange_decorators, { kind: "method", name: "handleChange", static: false, private: false, access: { has: obj => "handleChange" in obj, get: obj => obj.handleChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleFocus_decorators, { kind: "method", name: "handleFocus", static: false, private: false, access: { has: obj => "handleFocus" in obj, get: obj => obj.handleFocus }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleBlur_decorators, { kind: "method", name: "handleBlur", static: false, private: false, access: { has: obj => "handleBlur" in obj, get: obj => obj.handleBlur }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleClear_decorators, { kind: "method", name: "handleClear", static: false, private: false, access: { has: obj => "handleClear" in obj, get: obj => obj.handleClear }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handlePasswordToggle_decorators, { kind: "method", name: "handlePasswordToggle", static: false, private: false, access: { has: obj => "handlePasswordToggle" in obj, get: obj => obj.handlePasswordToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleValueChange_decorators, { kind: "method", name: "handleValueChange", static: false, private: false, access: { has: obj => "handleValueChange" in obj, get: obj => obj.handleValueChange }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleInvalidChange_decorators, { kind: "method", name: "handleInvalidChange", static: false, private: false, access: { has: obj => "handleInvalidChange" in obj, get: obj => obj.handleInvalidChange }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleDisabledChange_decorators, { kind: "method", name: "handleDisabledChange", static: false, private: false, access: { has: obj => "handleDisabledChange" in obj, get: obj => obj.handleDisabledChange }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -260,65 +217,111 @@ let SniceInput = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
-            return /*html*/ `
+        constructor() {
+            super();
+            this.internals = __runInitializers(this, _instanceExtraInitializers);
+            this.type = __runInitializers(this, _type_initializers, 'text');
+            this.size = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.variant = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _variant_initializers, 'outlined'));
+            this.value = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, ''));
+            this.placeholder = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _placeholder_initializers, ''));
+            this.label = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _label_initializers, ''));
+            this.helperText = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _helperText_initializers, ''));
+            this.errorText = (__runInitializers(this, _helperText_extraInitializers), __runInitializers(this, _errorText_initializers, ''));
+            this.disabled = (__runInitializers(this, _errorText_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            this.readonly = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _readonly_initializers, false));
+            this.required = (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _required_initializers, false));
+            this.invalid = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _invalid_initializers, false));
+            this.clearable = (__runInitializers(this, _invalid_extraInitializers), __runInitializers(this, _clearable_initializers, false));
+            this.password = (__runInitializers(this, _clearable_extraInitializers), __runInitializers(this, _password_initializers, false));
+            this.min = (__runInitializers(this, _password_extraInitializers), __runInitializers(this, _min_initializers, ''));
+            this.max = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _max_initializers, ''));
+            this.step = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _step_initializers, ''));
+            this.pattern = (__runInitializers(this, _step_extraInitializers), __runInitializers(this, _pattern_initializers, ''));
+            this.maxlength = (__runInitializers(this, _pattern_extraInitializers), __runInitializers(this, _maxlength_initializers, -1));
+            this.minlength = (__runInitializers(this, _maxlength_extraInitializers), __runInitializers(this, _minlength_initializers, -1));
+            this.autocomplete = (__runInitializers(this, _minlength_extraInitializers), __runInitializers(this, _autocomplete_initializers, ''));
+            this.name = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _name_initializers, ''));
+            this.prefixIcon = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _prefixIcon_initializers, ''));
+            this.suffixIcon = (__runInitializers(this, _prefixIcon_extraInitializers), __runInitializers(this, _suffixIcon_initializers, ''));
+            this.input = (__runInitializers(this, _suffixIcon_extraInitializers), __runInitializers(this, _input_initializers, void 0));
+            this.clearButton = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _clearButton_initializers, void 0));
+            this.passwordToggle = (__runInitializers(this, _clearButton_extraInitializers), __runInitializers(this, _passwordToggle_initializers, void 0));
+            this.showPassword = (__runInitializers(this, _passwordToggle_extraInitializers), false);
+            if (typeof this.attachInternals == 'function') {
+                this.internals = this.attachInternals();
+            }
+        }
+        renderContent() {
+            const inputClasses = [
+                'input',
+                `input--${this.size}`,
+                `input--${this.variant}`,
+                this.invalid ? 'input--invalid' : '',
+                this.prefixIcon ? 'input--with-prefix-icon' : '',
+                this.suffixIcon || (this.type === 'password' && this.password) ? 'input--with-suffix-icon' : '',
+                this.clearable ? 'input--clearable' : ''
+            ].filter(Boolean).join(' ');
+            const labelClasses = ['label', this.required ? 'label--required' : ''].filter(Boolean).join(' ');
+            const clearButtonClasses = ['clear-button', this.suffixIcon || (this.type === 'password' && this.password) ? 'clear-button--with-suffix' : ''].filter(Boolean).join(' ');
+            return html /*html*/ `
       <div class="input-wrapper">
-        ${this.label ? /*html*/ `
-          <label class="label ${this.required ? 'label--required' : ''}">
+        <if ${this.label}>
+          <label class="${labelClasses}">
             ${this.label}
           </label>
-        ` : ''}
-        
+        </if>
+
         <div class="input-container">
-          ${this.prefixIcon ? /*html*/ `
+          <if ${this.prefixIcon}>
             <span class="icon icon--prefix">${this.prefixIcon}</span>
-          ` : ''}
-          
+          </if>
+
           <input
-            class="input 
-              input--${this.size} 
-              input--${this.variant}
-              ${this.invalid ? 'input--invalid' : ''}
-              ${this.prefixIcon ? 'input--with-prefix-icon' : ''}
-              ${this.suffixIcon || (this.type === 'password' && this.password) ? 'input--with-suffix-icon' : ''}
-              ${this.clearable ? 'input--clearable' : ''}"
+            class="${inputClasses}"
             type="${this.type}"
             value="${this.value}"
             placeholder="${this.placeholder}"
-            ${this.disabled ? 'disabled' : ''}
-            ${this.readonly ? 'readonly' : ''}
-            ${this.required ? 'required' : ''}
-            ${this.min ? `min="${this.min}"` : ''}
-            ${this.max ? `max="${this.max}"` : ''}
-            ${this.step ? `step="${this.step}"` : ''}
-            ${this.pattern ? `pattern="${this.pattern}"` : ''}
-            ${this.maxlength > 0 ? `maxlength="${this.maxlength}"` : ''}
-            ${this.minlength > 0 ? `minlength="${this.minlength}"` : ''}
-            ${this.autocomplete ? `autocomplete="${this.autocomplete}"` : ''}
-            ${this.name ? `name="${this.name}"` : ''}
+            ?disabled="${this.disabled}"
+            ?readonly="${this.readonly}"
+            ?required="${this.required}"
+            min="${this.min || ''}"
+            max="${this.max || ''}"
+            step="${this.step || ''}"
+            pattern="${this.pattern || ''}"
+            maxlength="${this.maxlength > 0 ? this.maxlength : ''}"
+            minlength="${this.minlength > 0 ? this.minlength : ''}"
+            autocomplete="${this.autocomplete || ''}"
+            name="${this.name || ''}"
             part="input"
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
           />
-          
+
           <button
-            class="clear-button ${this.suffixIcon || (this.type === 'password' && this.password) ? 'clear-button--with-suffix' : ''}"
+            class="${clearButtonClasses}"
             type="button"
             aria-label="Clear"
             tabindex="-1"
             part="clear"
             style="display: none;"
+            @click=${this.handleClear}
           >
             <svg viewBox="0 0 24 24" width="16" height="16">
               <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/>
             </svg>
           </button>
-          
-          ${this.type === 'password' && this.password ? /*html*/ `
+
+          <if ${this.type === 'password' && this.password}>
             <button
               class="password-toggle"
               type="button"
               aria-label="Show password"
               tabindex="-1"
               part="password-toggle"
+              @click=${this.handlePasswordToggle}
             >
               <svg viewBox="0 0 24 24" width="18" height="18" class="password-icon password-icon--hidden">
                 <path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" fill="currentColor"/>
@@ -327,25 +330,34 @@ let SniceInput = (() => {
                 <path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="currentColor"/>
               </svg>
             </button>
-          ` : this.suffixIcon ? /*html*/ `
+          </if>
+          <if ${!(this.type === 'password' && this.password) && this.suffixIcon}>
             <span class="icon icon--suffix">${this.suffixIcon}</span>
-          ` : ''}
+          </if>
         </div>
-        
-        ${this.errorText ? /*html*/ `
-          <span class="error-text" part="error-text">${this.errorText}</span>
-        ` : this.helperText ? /*html*/ `
-          <span class="helper-text" part="helper-text">${this.helperText}</span>
-        ` : /*html*/ `
-          <span class="helper-text" part="helper-text">&nbsp;</span>
-        `}
+
+        <case ${this.errorText ? 'error' : this.helperText ? 'helper' : 'empty'}>
+          <when value="error">
+            <span class="error-text" part="error-text">${this.errorText}</span>
+          </when>
+          <when value="helper">
+            <span class="helper-text" part="helper-text">${this.helperText}</span>
+          </when>
+          <default>
+            <span class="helper-text" part="helper-text">&nbsp;</span>
+          </default>
+        </case>
       </div>
     `;
         }
-        css() {
-            return css;
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
         }
         init() {
+            // Set initial form value
+            if (this.internals) {
+                this.internals.setFormValue(this.value);
+            }
             // Set initial clear button visibility
             if (this.clearButton && this.clearable) {
                 const shouldShow = this.value && !this.disabled && !this.readonly;
@@ -386,25 +398,25 @@ let SniceInput = (() => {
             }
         }
         handleInput(e) {
-            const target = e.target;
-            this.value = target.value;
+            const input = e.target;
+            this.value = input.value;
             this.dispatchInputEvent();
         }
         handleChange(e) {
-            const target = e.target;
-            this.value = target.value;
+            const input = e.target;
+            this.value = input.value;
             this.dispatchChangeEvent();
         }
-        handleFocus() {
+        handleFocus(e) {
             this.dispatchFocusEvent();
         }
-        handleBlur() {
+        handleBlur(e) {
             this.dispatchBlurEvent();
         }
-        handleClear() {
+        handleClear(e) {
             this.clear();
         }
-        handlePasswordToggle() {
+        handlePasswordToggle(e) {
             this.showPassword = !this.showPassword;
             if (this.input) {
                 this.input.type = this.showPassword ? 'text' : 'password';
@@ -420,9 +432,14 @@ let SniceInput = (() => {
             }
         }
         handleValueChange() {
-            if (this.input) {
+            // Only update input.value if it's different to avoid unnecessary DOM updates
+            if (this.input && this.input.value !== this.value) {
                 this.input.value = this.value;
             }
+            // Update form value
+            if (this.internals) {
+                this.internals.setFormValue(this.value);
+            }
             // Show/hide clear button based on value
             if (this.clearButton && this.clearable) {
                 const shouldShow = this.value && !this.disabled && !this.readonly;