@3fn/core 13.0.0 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/.kiro/agents/ada-prompt.md +80 -132
  2. package/.kiro/agents/ada-prompt.md.attribution.json +45 -0
  3. package/.kiro/agents/ada.json +44 -59
  4. package/.kiro/agents/ada.json.attribution.json +13 -0
  5. package/.kiro/agents/data-prompt.md +83 -74
  6. package/.kiro/agents/data-prompt.md.attribution.json +53 -0
  7. package/.kiro/agents/data.json +31 -38
  8. package/.kiro/agents/data.json.attribution.json +13 -0
  9. package/.kiro/agents/kenya-prompt.md +83 -72
  10. package/.kiro/agents/kenya-prompt.md.attribution.json +53 -0
  11. package/.kiro/agents/kenya.json +27 -35
  12. package/.kiro/agents/kenya.json.attribution.json +13 -0
  13. package/.kiro/agents/leonardo-prompt.md +176 -234
  14. package/.kiro/agents/leonardo-prompt.md.attribution.json +45 -0
  15. package/.kiro/agents/leonardo.json +28 -36
  16. package/.kiro/agents/leonardo.json.attribution.json +13 -0
  17. package/.kiro/agents/lina-prompt.md +110 -151
  18. package/.kiro/agents/lina-prompt.md.attribution.json +53 -0
  19. package/.kiro/agents/lina.json +46 -59
  20. package/.kiro/agents/lina.json.attribution.json +13 -0
  21. package/.kiro/agents/sparky-prompt.md +89 -72
  22. package/.kiro/agents/sparky-prompt.md.attribution.json +53 -0
  23. package/.kiro/agents/sparky.json +37 -37
  24. package/.kiro/agents/sparky.json.attribution.json +13 -0
  25. package/.kiro/agents/stacy-prompt.md +74 -48
  26. package/.kiro/agents/stacy-prompt.md.attribution.json +45 -0
  27. package/.kiro/agents/stacy.json +28 -30
  28. package/.kiro/agents/stacy.json.attribution.json +13 -0
  29. package/.kiro/agents/thurgood-prompt.md +94 -138
  30. package/.kiro/agents/thurgood-prompt.md.attribution.json +45 -0
  31. package/.kiro/agents/thurgood.json +31 -35
  32. package/.kiro/agents/thurgood.json.attribution.json +13 -0
  33. package/.kiro/steering/AI-Collaboration-Principles.md +3 -3
  34. package/.kiro/steering/Civitas-System-Overview.md +5 -5
  35. package/.kiro/steering/DesignerPunk-Systems-Overview.md +6 -6
  36. package/.kiro/steering/Task-Completion-Protocol.md +98 -17
  37. package/.kiro/steering/core-goals.md +3 -3
  38. package/.kiro/steering/personal-note.md +1 -1
  39. package/.kiro/steering/start-up-tasks.md +14 -3
  40. package/application-mcp-server/src/index.ts +26 -0
  41. package/dist/ComponentTokens.android.kt +1 -1
  42. package/dist/ComponentTokens.ios.swift +1 -1
  43. package/dist/ComponentTokens.web.css +1 -1
  44. package/dist/DesignTokens.android.kt +1 -1
  45. package/dist/DesignTokens.dtcg.json +8 -5
  46. package/dist/DesignTokens.figma.json +2 -2
  47. package/dist/DesignTokens.ios.swift +1 -1
  48. package/dist/DesignTokens.web.css +1 -1
  49. package/dist/android/DesignTokens.android.kt +1 -1
  50. package/dist/blend/OklchBlendCalculator.js +1 -0
  51. package/dist/blend/ThemeAwareBlendUtilities.web.d.ts +13 -2
  52. package/dist/blend/ThemeAwareBlendUtilities.web.js +6 -1
  53. package/dist/browser/designerpunk.esm.js +22 -81
  54. package/dist/browser/designerpunk.esm.min.js +29 -32
  55. package/dist/browser/designerpunk.umd.js +22 -81
  56. package/dist/browser/designerpunk.umd.min.js +42 -45
  57. package/dist/browser/tokens.css +1 -1
  58. package/dist/components/core/Avatar-Base/platforms/web/Avatar.web.js +24 -5
  59. package/dist/components/core/Button-CTA/examples/BasicUsage.d.ts +16 -28
  60. package/dist/components/core/Button-CTA/examples/BasicUsage.js +18 -43
  61. package/dist/components/core/Button-CTA/platforms/web/ButtonCTA.web.d.ts +3 -15
  62. package/dist/components/core/Button-CTA/platforms/web/ButtonCTA.web.js +9 -58
  63. package/dist/components/core/Button-CTA/types.d.ts +0 -24
  64. package/dist/components/core/Button-CTA/types.js +6 -0
  65. package/dist/components/core/Input-Text-Base/types.d.ts +13 -1
  66. package/dist/components/core/Input-Text-Password/platforms/web/InputTextPassword.web.js +11 -2
  67. package/dist/generators/DTCGFormatGenerator.js +8 -0
  68. package/dist/integration/BuildErrorHandler.js +2 -2
  69. package/dist/ios/DesignTokens.ios.swift +1 -1
  70. package/dist/mcp/application-mcp.js +24 -0
  71. package/dist/mcp/docs-mcp.js +130 -15
  72. package/dist/mcp/product-mcp.js +25 -0
  73. package/dist/tokens/OpacityTokens.js +1 -1
  74. package/dist/tokens/semantic/BlendTokens.d.ts +10 -3
  75. package/dist/tokens/semantic/BlendTokens.js +17 -5
  76. package/dist/tokens/semantic/OpacityTokens.d.ts +4 -4
  77. package/dist/tokens/semantic/OpacityTokens.js +4 -4
  78. package/dist/types/ComponentTypes.d.ts +1 -1
  79. package/dist/types/generated/TokenTypes.d.ts +1 -1
  80. package/dist/types/generated/TokenTypes.js +1 -1
  81. package/dist/validators/StemmaTokenUsageValidator.js +3 -2
  82. package/dist/web/DesignTokens.web.css +1 -1
  83. package/governance/Component-Development-Guide.md +22 -12
  84. package/governance/Component-Development-Standards.md +2 -2
  85. package/governance/Component-Family-Avatar.md +0 -1
  86. package/governance/Component-Family-Badge.md +0 -1
  87. package/governance/Component-Family-Button.md +4 -17
  88. package/governance/Component-Family-Chip.md +0 -1
  89. package/governance/Component-Family-Container.md +0 -1
  90. package/governance/Component-Family-Data-Display.md +1 -2
  91. package/governance/Component-Family-Divider.md +1 -2
  92. package/governance/Component-Family-Form-Inputs.md +5 -5
  93. package/governance/Component-Family-Icon.md +1 -2
  94. package/governance/Component-Family-Loading.md +1 -2
  95. package/governance/Component-Family-Modal.md +1 -2
  96. package/governance/Component-Family-Navigation.md +0 -1
  97. package/governance/Component-Family-Progress.md +0 -1
  98. package/governance/Component-Inheritance-Structures.md +195 -76
  99. package/governance/Component-MCP-Document-Template.md +6 -5
  100. package/governance/Component-Primitive-vs-Semantic-Philosophy.md +1 -1
  101. package/governance/Component-Quick-Reference.md +33 -33
  102. package/governance/Component-Readiness-Status.md +54 -38
  103. package/governance/Component-Templates.md +32 -36
  104. package/governance/Contract-System-Reference.md +6 -6
  105. package/governance/MCP-Integration-Guide.md +1 -1
  106. package/governance/Process-Cross-Reference-Standards.md +31 -13
  107. package/governance/Process-Development-Workflow.md +49 -59
  108. package/governance/Process-File-Organization.md +24 -24
  109. package/governance/Process-Hook-Operations.md +19 -7
  110. package/governance/Process-Orchestration-Model-Selection.md +92 -0
  111. package/governance/Process-Spec-Planning.md +91 -39
  112. package/governance/Process-Task-Type-Definitions.md +80 -4
  113. package/governance/Product-Handoff-Protocol.md +2 -0
  114. package/governance/Rosetta-System-Architecture.md +6 -6
  115. package/governance/Test-Behavioral-Contract-Validation.md +38 -31
  116. package/governance/Test-Failure-Audit-Methodology.md +1 -1
  117. package/governance/Token-Family-Accessibility.md +1 -2
  118. package/governance/Token-Family-Blend.md +18 -16
  119. package/governance/Token-Family-Blur.md +0 -1
  120. package/governance/Token-Family-Border.md +1 -2
  121. package/governance/Token-Family-Color.md +0 -1
  122. package/governance/Token-Family-Glow.md +1 -2
  123. package/governance/Token-Family-Layering.md +0 -1
  124. package/governance/Token-Family-Motion.md +1 -2
  125. package/governance/Token-Family-Opacity.md +0 -1
  126. package/governance/Token-Family-Radius.md +1 -2
  127. package/governance/Token-Family-Responsive.md +1 -2
  128. package/governance/Token-Family-Shadow.md +1 -2
  129. package/governance/Token-Family-Sizing.md +0 -1
  130. package/governance/Token-Family-Spacing.md +1 -2
  131. package/governance/Token-Family-Typography.md +1 -2
  132. package/governance/Token-Governance.md +8 -8
  133. package/governance/Token-Quick-Reference.md +21 -21
  134. package/governance/Token-Resolution-Patterns.md +1 -1
  135. package/governance/Token-Semantic-Structure.md +1 -1
  136. package/governance/Web-Authoring-Standards.md +5 -5
  137. package/governance/browser-distribution-guide.md +1 -4
  138. package/governance/classification-map.md +368 -0
  139. package/governance/completion-documentation-guide.md +11 -8
  140. package/governance/component-meta-authoring-guide.md +1 -1
  141. package/governance/cross-platform-vs-platform-specific-decision-framework.md +1 -1
  142. package/governance/platform-implementation-guidelines.md +1 -1
  143. package/governance/release-management-system.md +2 -2
  144. package/governance/rosetta-system-principles.md +8 -6
  145. package/governance/stemma-system-principles.md +18 -17
  146. package/mcp-server/src/index.ts +24 -6
  147. package/mcp-server/src/indexer/DocumentIndexer.ts +119 -9
  148. package/mcp-server/src/indexer/__tests__/bare-id-crossrefs.test.ts +250 -0
  149. package/mcp-server/src/indexer/cross-ref-parser.ts +29 -1
  150. package/mcp-server/src/indexer/index-health.ts +27 -2
  151. package/mcp-server/src/query/__tests__/find-docs-calibration.test.ts +11 -26
  152. package/mcp-server/src/relocation-integrity-gate/__tests__/relocation-integrity-gate.test.ts +72 -5
  153. package/mcp-server/src/relocation-integrity-gate/relocation-integrity-gate.ts +81 -24
  154. package/mcp-server/src/tools/list-cross-references.ts +2 -2
  155. package/package.json +23 -21
  156. package/src/__tests__/browser-distribution/css-bundling.test.ts +6 -4
  157. package/src/__tests__/console-allowlist.json +14 -0
  158. package/src/__tests__/console-fail-setup.ts +169 -0
  159. package/src/__tests__/integration/Spec107-DesignLanguageContext.test.ts +16 -0
  160. package/src/__tests__/stemma-system/behavioral-contract-validation.test.ts +70 -17
  161. package/src/__tests__/stemma-system/contract-catalog-name-validation.test.ts +28 -0
  162. package/src/__tests__/stemma-system/form-inputs-contracts.test.ts +223 -16
  163. package/src/__tests__/stemma-system/input-text-native-base-call-alignment.test.ts +298 -0
  164. package/src/blend/OklchBlendCalculator.ts +3 -0
  165. package/src/blend/ThemeAwareBlendUtilities.android.kt +3 -0
  166. package/src/blend/ThemeAwareBlendUtilities.ios.swift +3 -0
  167. package/src/blend/ThemeAwareBlendUtilities.web.ts +9 -1
  168. package/src/blend/__tests__/InteractionStateAudit.test.ts +12 -9
  169. package/src/build/errors/__tests__/ErrorHandler.integration.test.ts +8 -0
  170. package/src/build/errors/__tests__/ErrorHandler.test.ts +5 -0
  171. package/src/build/workflow/__tests__/CICDIntegration.test.ts +12 -1
  172. package/src/cli/__tests__/init.test.ts +45 -11
  173. package/src/components/core/Avatar-Base/Avatar-Base.schema.yaml +1 -1
  174. package/src/components/core/Avatar-Base/__tests__/Avatar.accessibility.test.ts +121 -7
  175. package/src/components/core/Avatar-Base/__tests__/Avatar.image.test.ts +3 -0
  176. package/src/components/core/Avatar-Base/__tests__/Avatar.test.ts +15 -6
  177. package/src/components/core/Avatar-Base/contracts.yaml +11 -1
  178. package/src/components/core/Avatar-Base/platforms/web/Avatar.web.ts +24 -5
  179. package/src/components/core/Badge-Count-Base/contracts.yaml +1 -1
  180. package/src/components/core/Badge-Label-Base/contracts.yaml +1 -1
  181. package/src/components/core/Button-CTA/Button-CTA.schema.yaml +2 -12
  182. package/src/components/core/Button-CTA/README.md +3 -6
  183. package/src/components/core/Button-CTA/__tests__/ButtonCTA.test.ts +35 -89
  184. package/src/components/core/Button-CTA/__tests__/setup.test.ts +0 -2
  185. package/src/components/core/Button-CTA/__tests__/test-utils.ts +0 -2
  186. package/src/components/core/Button-CTA/contracts.yaml +6 -29
  187. package/src/components/core/Button-CTA/examples/BasicUsage.html +2 -14
  188. package/src/components/core/Button-CTA/examples/BasicUsage.tsx +17 -44
  189. package/src/components/core/Button-CTA/platforms/android/ButtonCTA.android.kt +12 -20
  190. package/src/components/core/Button-CTA/platforms/ios/ButtonCTA.ios.swift +12 -51
  191. package/src/components/core/Button-CTA/platforms/web/ButtonCTA.web.css +2 -26
  192. package/src/components/core/Button-CTA/platforms/web/ButtonCTA.web.ts +18 -71
  193. package/src/components/core/Button-CTA/types.ts +10 -28
  194. package/src/components/core/Chip-Base/__tests__/ChipBase.test.ts +13 -0
  195. package/src/components/core/Chip-Filter/__tests__/ChipFilter.test.ts +13 -0
  196. package/src/components/core/Chip-Input/__tests__/ChipInput.test.ts +13 -0
  197. package/src/components/core/Input-Text-Base/Input-Text-Base.schema.yaml +30 -2
  198. package/src/components/core/Input-Text-Base/README.md +25 -2
  199. package/src/components/core/Input-Text-Base/__tests__/focusIndicators.test.ts +16 -15
  200. package/src/components/core/Input-Text-Base/contracts.yaml +90 -0
  201. package/src/components/core/Input-Text-Base/platforms/android/InputTextBase.android.kt +26 -12
  202. package/src/components/core/Input-Text-Base/platforms/ios/InputTextBase.ios.swift +195 -59
  203. package/src/components/core/Input-Text-Base/types.ts +13 -1
  204. package/src/components/core/Input-Text-Email/Input-Text-Email.schema.yaml +5 -1
  205. package/src/components/core/Input-Text-Email/README.md +8 -7
  206. package/src/components/core/Input-Text-Email/platforms/android/InputTextEmail.android.kt +1 -4
  207. package/src/components/core/Input-Text-Email/platforms/ios/InputTextEmail.ios.swift +2 -16
  208. package/src/components/core/Input-Text-Password/Input-Text-Password.schema.yaml +10 -3
  209. package/src/components/core/Input-Text-Password/README.md +9 -8
  210. package/src/components/core/Input-Text-Password/contracts.yaml +5 -0
  211. package/src/components/core/Input-Text-Password/platforms/android/InputTextPassword.android.kt +17 -7
  212. package/src/components/core/Input-Text-Password/platforms/ios/InputTextPassword.ios.swift +22 -20
  213. package/src/components/core/Input-Text-Password/platforms/web/InputTextPassword.web.ts +11 -2
  214. package/src/components/core/Input-Text-PhoneNumber/Input-Text-PhoneNumber.schema.yaml +5 -1
  215. package/src/components/core/Input-Text-PhoneNumber/README.md +9 -8
  216. package/src/components/core/Input-Text-PhoneNumber/platforms/android/InputTextPhoneNumber.android.kt +2 -5
  217. package/src/components/core/Input-Text-PhoneNumber/platforms/ios/InputTextPhoneNumber.ios.swift +3 -17
  218. package/src/components/core/Nav-Header-App/contracts.yaml +1 -1
  219. package/src/components/core/Nav-SegmentedChoice-Base/contracts.yaml +1 -1
  220. package/src/components/core/Progress-Indicator-Connector-Base/contracts.yaml +1 -1
  221. package/src/components/core/Progress-Indicator-Label-Base/contracts.yaml +1 -1
  222. package/src/components/core/Progress-Indicator-Node-Base/contracts.yaml +1 -1
  223. package/src/components/core/Progress-Stepper-Base/__tests__/StepperBase.test.ts +5 -2
  224. package/src/components/core/Progress-Stepper-Detailed/__tests__/StepperDetailed.test.ts +5 -2
  225. package/src/generators/DTCGFormatGenerator.ts +6 -0
  226. package/src/generators/__tests__/DTCGConfigOptions.test.ts +14 -5
  227. package/src/integration/BuildErrorHandler.ts +2 -2
  228. package/src/tokens/OpacityTokens.ts +1 -1
  229. package/src/tokens/__tests__/OpacityTokens.test.ts +3 -1
  230. package/src/tokens/semantic/BlendTokens.ts +26 -5
  231. package/src/tokens/semantic/OpacityTokens.ts +4 -4
  232. package/src/tools/release/__tests__/ReleasePipeline.test.ts +1 -1
  233. package/src/types/ComponentTypes.ts +1 -1
  234. package/src/types/generated/TokenTypes.ts +1 -1
  235. package/src/validators/StemmaTokenUsageValidator.ts +3 -2
  236. package/token-index/semantics.yaml +1 -2
@@ -1,4 +1,4 @@
1
- function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,e,t),o=r-s,a=0,l=0,c=(r+s)/2;if(o!==0)switch(l=c>.5?o/(2-r-s):o/(r+s),r){case i:a=((e-t)/o+(e<t?6:0))/6;break;case e:a=((t-i)/o+2)/6;break;case t:a=((i-e)/o+4)/6;break}return{h:Math.round(a*360),s:Number(l.toFixed(4)),l:Number(c.toFixed(4))}}function et(n){let i=n.h/360,e=n.s,t=n.l,r,s,o;if(e===0)r=s=o=t;else{let a=(d,p,u)=>(u<0&&(u+=1),u>1&&(u-=1),u<.16666666666666666?d+(p-d)*6*u:u<.5?p:u<.6666666666666666?d+(p-d)*(.6666666666666666-u)*6:d),l=t<.5?t*(1+e):t+e-t*e,c=2*t-l;r=a(c,l,i+1/3),s=a(c,l,i),o=a(c,l,i-1/3)}return{r:Math.round(r*255),g:Math.round(s*255),b:Math.round(o*255)}}function O(n){let i=n.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);if(i)return{r:parseInt(i[1]),g:parseInt(i[2]),b:parseInt(i[3])};let e=n.replace(/^#/,"");if(!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(e))throw new Error(`Invalid hex color: ${n}`);let t=e.length===3?e.split("").map(a=>a+a).join(""):e,r=parseInt(t.substring(0,2),16),s=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);return{r,g:s,b:o}}function F(n){let i=e=>{let t=Math.round(Math.max(0,Math.min(255,e))).toString(16);return t.length===1?"0"+t:t};return`#${i(n.r)}${i(n.g)}${i(n.b)}`.toUpperCase()}function Oe(n,i){let e={r:0,g:0,b:0},t=n.r*(1-i)+e.r*i,r=n.g*(1-i)+e.g*i,s=n.b*(1-i)+e.b*i;return{r:Math.round(Math.max(0,Math.min(255,t))),g:Math.round(Math.max(0,Math.min(255,r))),b:Math.round(Math.max(0,Math.min(255,s)))}}function Fe(n,i){let e={r:255,g:255,b:255},t=n.r*(1-i)+e.r*i,r=n.g*(1-i)+e.g*i,s=n.b*(1-i)+e.b*i;return{r:Math.round(Math.max(0,Math.min(255,t))),g:Math.round(Math.max(0,Math.min(255,r))),b:Math.round(Math.max(0,Math.min(255,s)))}}function Ue(n,i){let e=Qe(n);return e.s=Math.max(0,Math.min(1,e.s+i)),et(e)}function qe(n,i){let e=Qe(n);return e.s=Math.max(0,Math.min(1,e.s-i)),et(e)}var I=.04;function Ae(n){return{web:{value:n,unit:"unitless"},ios:{value:n,unit:"unitless"},android:{value:n,unit:"unitless"}}}var rr={blend100:{name:"blend100",category:"blend",baseValue:I,familyBaseValue:I,description:"Subtle modification - gentle feedback, container hover",mathematicalRelationship:"base \xD7 1 = 0.04 \xD7 1 = 0.04",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I)},blend200:{name:"blend200",category:"blend",baseValue:I*2,familyBaseValue:I,description:"Standard modification - noticeable feedback, button hover",mathematicalRelationship:"base \xD7 2 = 0.04 \xD7 2 = 0.08",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*2)},blend300:{name:"blend300",category:"blend",baseValue:I*3,familyBaseValue:I,description:"Strong modification - clear feedback, pressed state",mathematicalRelationship:"base \xD7 3 = 0.04 \xD7 3 = 0.12",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*3)},blend400:{name:"blend400",category:"blend",baseValue:I*4,familyBaseValue:I,description:"Very strong modification - emphasized feedback",mathematicalRelationship:"base \xD7 4 = 0.04 \xD7 4 = 0.16",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*4)},blend500:{name:"blend500",category:"blend",baseValue:I*5,familyBaseValue:I,description:"Maximum modification - dramatic feedback",mathematicalRelationship:"base \xD7 5 = 0.04 \xD7 5 = 0.20",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*5)}},on=Object.keys(rr);var Y={hoverDarker:.08,pressedDarker:.12,focusSaturate:.08,disabledDesaturate:.12,iconLighter:.08};function tt(n,i){try{let e=O(n),t=Oe(e,i);return F(t)}catch{return n}}function wt(n,i){try{let e=O(n),t=Fe(e,i);return F(t)}catch{return n}}function At(n,i){try{let e=O(n),t=Ue(e,i);return F(t)}catch{return n}}function Tt(n,i){try{let e=O(n),t=qe(e,i);return F(t)}catch{return n}}function It(){return{hoverColor:n=>tt(n,Y.hoverDarker),pressedColor:n=>tt(n,Y.pressedDarker),focusColor:n=>At(n,Y.focusSaturate),disabledColor:n=>Tt(n,Y.disabledDesaturate),iconColor:n=>wt(n,Y.iconLighter),darkerBlend:tt,lighterBlend:wt,saturate:At,desaturate:Tt}}function k(){return It()}function it(n){let i=n.isFocused||n.isFilled,e;return n.hasError?e="color.error":n.isSuccess?e="color.success":n.isFocused?e="color.primary":e="color.text.muted",{isFloated:i,fontSize:i?"typography.labelMdFloat":"typography.labelMd",color:e,position:i?"above":"inside"}}function rt(n){let i=n.isLabelFloated;return{showErrorIcon:n.hasError&&i,showSuccessIcon:n.isSuccess&&i,showInfoIcon:!!n.showInfoIcon&&(n.isFocused||n.isFilled)}}function zt(n){let i=n.value.length>0,e=!!n.errorMessage,t=!!n.isSuccess;return{isFocused:!1,isFilled:i,hasError:e,isSuccess:t,isLabelFloated:i,showInfoIcon:n.showInfoIcon}}function Rt(n){return{...n,isFocused:!0,isLabelFloated:!0}}function Bt(n){return{...n,isFocused:!1,isLabelFloated:n.isFilled}}function nt(n,i){let e=i.length>0;return{...n,isFilled:e,isLabelFloated:n.isFocused||e}}function st(n,i,e){return{...n,hasError:!!i,isSuccess:!!e}}var Lt=k();function Vt(n){let i={"arrow-right":'<line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline>',"arrow-left":'<line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline>',"arrow-up":'<line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline>',"arrow-down":'<line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline>',"chevron-right":'<polyline points="9 18 15 12 9 6"></polyline>',"chevron-left":'<polyline points="15 18 9 12 15 6"></polyline>',"chevron-down":'<polyline points="6 9 12 15 18 9"></polyline>',"external-link":'<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>',check:'<polyline points="20 6 9 17 4 12"></polyline>',"check-circle":'<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline>',x:'<line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>',"x-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line>',plus:'<line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line>',minus:'<line x1="5" y1="12" x2="19" y2="12"></line>',save:'<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline>',search:'<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>',filter:'<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>',"refresh-cw":'<polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>',share:'<path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line>',"share-2":'<circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>',"more-horizontal":'<circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle>',"more-vertical":'<circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle>',info:'<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line>',"alert-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line>',shield:'<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>',eye:'<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>',"eye-off":'<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line>',circle:'<circle cx="12" cy="12" r="10"></circle>',heart:'<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>',star:'<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>',smile:'<circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line>',bell:'<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path>',user:'<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle>',users:'<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path>',"user-check":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><polyline points="17 11 19 13 23 9"></polyline>',"user-x":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="18" y1="8" x2="23" y2="13"></line><line x1="23" y1="8" x2="18" y2="13"></line>',settings:'<circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>',mail:'<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline>',calendar:'<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line>',clock:'<circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline>',phone:'<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',smartphone:'<rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line>',globe:'<circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>',"map-pin":'<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle>',briefcase:'<rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>',"credit-card":'<rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line>',"dollar-sign":'<line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>',"file-text":'<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline>',award:'<circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline>',"trending-up":'<polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline>',wifi:'<path d="M5 12.55a11 11 0 0 1 14.08 0"></path><path d="M1.42 9a16 16 0 0 1 21.16 0"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line>'};return i[n]||i.circle}function $(n){let{name:i,size:e,className:t="",style:r={},testID:s,color:o="inherit",opticalBalance:a=!1}=n,l=Vt(i),c={13:16,20:20,24:24,28:28,32:32,36:36,40:40,44:44,48:48},d=c[e];if(d===void 0)throw new Error(`Invalid icon size: ${e}. Valid sizes are: ${Object.keys(c).join(", ")}. Ensure you're using a valid IconBaseSize value (13, 20, 24, 28, 32, 36, 40, 44, 48).`);let m=`icon-base ${{13:"icon-base--size-050",20:"icon-base--size-075",24:"icon-base--size-100",28:"icon-base--size-125",32:"icon-base--size-200",36:"icon-base--size-400",40:"icon-base--size-500",44:"icon-base--size-600",48:"icon-base--size-700"}[e]} icon-base-${i} ${t}`.trim(),g;o==="inherit"?g="currentColor":a&&o.startsWith("#")?g=Lt.iconColor(o):o.startsWith("#")?g=o:g=`var(--${o})`;let f="var(--icon-stroke-width)",b=Object.entries(r).map(([y,E])=>`${y.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${E}`).join("; "),C=s?` data-testid="${s}"`:"",x=b?` style="${b}"`:"";return`<svg width="${d}" height="${d}" viewBox="0 0 24 24" fill="none" stroke="${g}" stroke-width="${f}" stroke-linecap="round" stroke-linejoin="round" class="${m}" aria-hidden="true"${C}${x}>${l}</svg>`}var U=class extends HTMLElement{static get observedAttributes(){return["name","size","color","test-id","optical-balance"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get name(){return this.getAttribute("name")||"circle"}set name(i){this.setAttribute("name",i)}get size(){let i=this.getAttribute("size");if(!i)throw new Error('Missing required "size" attribute on <icon-base>. Valid sizes are: 13, 18, 24, 28, 32, 36, 40, 44, 48.');let e=parseInt(i,10),t=[13,20,24,28,32,36,40,44,48];if(!t.includes(e))throw new Error(`Invalid icon size: ${e}. Valid sizes are: ${t.join(", ")}. Ensure you're using a valid IconBaseSize value.`);return e}set size(i){this.setAttribute("size",i.toString())}get color(){return this.getAttribute("color")||"inherit"}set color(i){this.setAttribute("color",i)}get testID(){return this.getAttribute("test-id")}set testID(i){i?this.setAttribute("test-id",i):this.removeAttribute("test-id")}get opticalBalance(){return this.getAttribute("optical-balance")==="true"}set opticalBalance(i){i?this.setAttribute("optical-balance","true"):this.removeAttribute("optical-balance")}render(){let i=this.name,e=this.size,t=this.color,r=this.testID,s=this.opticalBalance,o=Vt(i),l={13:"icon-base--size-050",20:"icon-base--size-075",24:"icon-base--size-100",28:"icon-base--size-125",32:"icon-base--size-200",36:"icon-base--size-400",40:"icon-base--size-500",44:"icon-base--size-600",48:"icon-base--size-700"}[e],c;t==="inherit"?c="currentColor":s&&t.startsWith("#")?c=Lt.iconColor(t):t.startsWith("#")?c=t:c=`var(--${t})`;let d="var(--icon-stroke-width)",p=r?` data-testid="${r}"`:"",u=`
1
+ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,e,t),o=r-s,a=0,l=0,c=(r+s)/2;if(o!==0)switch(l=c>.5?o/(2-r-s):o/(r+s),r){case i:a=((e-t)/o+(e<t?6:0))/6;break;case e:a=((t-i)/o+2)/6;break;case t:a=((i-e)/o+4)/6;break}return{h:Math.round(a*360),s:Number(l.toFixed(4)),l:Number(c.toFixed(4))}}function et(n){let i=n.h/360,e=n.s,t=n.l,r,s,o;if(e===0)r=s=o=t;else{let a=(d,p,u)=>(u<0&&(u+=1),u>1&&(u-=1),u<.16666666666666666?d+(p-d)*6*u:u<.5?p:u<.6666666666666666?d+(p-d)*(.6666666666666666-u)*6:d),l=t<.5?t*(1+e):t+e-t*e,c=2*t-l;r=a(c,l,i+1/3),s=a(c,l,i),o=a(c,l,i-1/3)}return{r:Math.round(r*255),g:Math.round(s*255),b:Math.round(o*255)}}function O(n){let i=n.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);if(i)return{r:parseInt(i[1]),g:parseInt(i[2]),b:parseInt(i[3])};let e=n.replace(/^#/,"");if(!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(e))throw new Error(`Invalid hex color: ${n}`);let t=e.length===3?e.split("").map(a=>a+a).join(""):e,r=parseInt(t.substring(0,2),16),s=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);return{r,g:s,b:o}}function F(n){let i=e=>{let t=Math.round(Math.max(0,Math.min(255,e))).toString(16);return t.length===1?"0"+t:t};return`#${i(n.r)}${i(n.g)}${i(n.b)}`.toUpperCase()}function Oe(n,i){let e={r:0,g:0,b:0},t=n.r*(1-i)+e.r*i,r=n.g*(1-i)+e.g*i,s=n.b*(1-i)+e.b*i;return{r:Math.round(Math.max(0,Math.min(255,t))),g:Math.round(Math.max(0,Math.min(255,r))),b:Math.round(Math.max(0,Math.min(255,s)))}}function Fe(n,i){let e={r:255,g:255,b:255},t=n.r*(1-i)+e.r*i,r=n.g*(1-i)+e.g*i,s=n.b*(1-i)+e.b*i;return{r:Math.round(Math.max(0,Math.min(255,t))),g:Math.round(Math.max(0,Math.min(255,r))),b:Math.round(Math.max(0,Math.min(255,s)))}}function Ue(n,i){let e=Qe(n);return e.s=Math.max(0,Math.min(1,e.s+i)),et(e)}function qe(n,i){let e=Qe(n);return e.s=Math.max(0,Math.min(1,e.s-i)),et(e)}var I=.04;function Ae(n){return{web:{value:n,unit:"unitless"},ios:{value:n,unit:"unitless"},android:{value:n,unit:"unitless"}}}var rr={blend100:{name:"blend100",category:"blend",baseValue:I,familyBaseValue:I,description:"Subtle modification - gentle feedback, container hover",mathematicalRelationship:"base \xD7 1 = 0.04 \xD7 1 = 0.04",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I)},blend200:{name:"blend200",category:"blend",baseValue:I*2,familyBaseValue:I,description:"Standard modification - noticeable feedback, button hover",mathematicalRelationship:"base \xD7 2 = 0.04 \xD7 2 = 0.08",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*2)},blend300:{name:"blend300",category:"blend",baseValue:I*3,familyBaseValue:I,description:"Strong modification - clear feedback, pressed state",mathematicalRelationship:"base \xD7 3 = 0.04 \xD7 3 = 0.12",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*3)},blend400:{name:"blend400",category:"blend",baseValue:I*4,familyBaseValue:I,description:"Very strong modification - emphasized feedback",mathematicalRelationship:"base \xD7 4 = 0.04 \xD7 4 = 0.16",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*4)},blend500:{name:"blend500",category:"blend",baseValue:I*5,familyBaseValue:I,description:"Maximum modification - dramatic feedback",mathematicalRelationship:"base \xD7 5 = 0.04 \xD7 5 = 0.20",baselineGridAlignment:!1,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:Ae(I*5)}},on=Object.keys(rr);var Y={hoverDarker:.08,pressedDarker:.12,focusSaturate:.08,disabledDesaturate:.12,iconLighter:.08};function tt(n,i){try{let e=O(n),t=Oe(e,i);return F(t)}catch{return n}}function wt(n,i){try{let e=O(n),t=Fe(e,i);return F(t)}catch{return n}}function At(n,i){try{let e=O(n),t=Ue(e,i);return F(t)}catch{return n}}function Tt(n,i){try{let e=O(n),t=qe(e,i);return F(t)}catch{return n}}function It(){return{hoverColor:n=>tt(n,Y.hoverDarker),pressedColor:n=>tt(n,Y.pressedDarker),focusColor:n=>At(n,Y.focusSaturate),disabledColor:n=>Tt(n,Y.disabledDesaturate),iconColor:n=>wt(n,Y.iconLighter),darkerBlend:tt,lighterBlend:wt,saturate:At,desaturate:Tt}}function k(){return It()}function it(n){let i=n.isFocused||n.isFilled,e;return n.hasError?e="color.error":n.isSuccess?e="color.success":n.isFocused?e="color.primary":e="color.text.muted",{isFloated:i,fontSize:i?"typography.labelMdFloat":"typography.labelMd",color:e,position:i?"above":"inside"}}function rt(n){let i=n.isLabelFloated;return{showErrorIcon:n.hasError&&i,showSuccessIcon:n.isSuccess&&i,showInfoIcon:!!n.showInfoIcon&&(n.isFocused||n.isFilled)}}function zt(n){let i=n.value.length>0,e=!!n.errorMessage,t=!!n.isSuccess;return{isFocused:!1,isFilled:i,hasError:e,isSuccess:t,isLabelFloated:i,showInfoIcon:n.showInfoIcon}}function Rt(n){return{...n,isFocused:!0,isLabelFloated:!0}}function Bt(n){return{...n,isFocused:!1,isLabelFloated:n.isFilled}}function nt(n,i){let e=i.length>0;return{...n,isFilled:e,isLabelFloated:n.isFocused||e}}function st(n,i,e){return{...n,hasError:!!i,isSuccess:!!e}}var Lt=k();function Vt(n){let i={"arrow-right":'<line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline>',"arrow-left":'<line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline>',"arrow-up":'<line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline>',"arrow-down":'<line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline>',"chevron-right":'<polyline points="9 18 15 12 9 6"></polyline>',"chevron-left":'<polyline points="15 18 9 12 15 6"></polyline>',"chevron-down":'<polyline points="6 9 12 15 18 9"></polyline>',"external-link":'<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>',check:'<polyline points="20 6 9 17 4 12"></polyline>',"check-circle":'<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline>',x:'<line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>',"x-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line>',plus:'<line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line>',minus:'<line x1="5" y1="12" x2="19" y2="12"></line>',save:'<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline>',search:'<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>',filter:'<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>',"refresh-cw":'<polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>',share:'<path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line>',"share-2":'<circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>',"more-horizontal":'<circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle>',"more-vertical":'<circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle>',info:'<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line>',"alert-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line>',shield:'<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>',eye:'<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>',"eye-off":'<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line>',circle:'<circle cx="12" cy="12" r="10"></circle>',heart:'<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>',star:'<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>',smile:'<circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line>',bell:'<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path>',user:'<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle>',users:'<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path>',"user-check":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><polyline points="17 11 19 13 23 9"></polyline>',"user-x":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="18" y1="8" x2="23" y2="13"></line><line x1="23" y1="8" x2="18" y2="13"></line>',settings:'<circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>',mail:'<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline>',calendar:'<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line>',clock:'<circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline>',phone:'<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',smartphone:'<rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line>',globe:'<circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>',"map-pin":'<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle>',briefcase:'<rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>',"credit-card":'<rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line>',"dollar-sign":'<line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>',"file-text":'<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline>',award:'<circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline>',"trending-up":'<polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline>',wifi:'<path d="M5 12.55a11 11 0 0 1 14.08 0"></path><path d="M1.42 9a16 16 0 0 1 21.16 0"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line>'};return i[n]||i.circle}function $(n){let{name:i,size:e,className:t="",style:r={},testID:s,color:o="inherit",opticalBalance:a=!1}=n,l=Vt(i),c={13:16,20:20,24:24,28:28,32:32,36:36,40:40,44:44,48:48},d=c[e];if(d===void 0)throw new Error(`Invalid icon size: ${e}. Valid sizes are: ${Object.keys(c).join(", ")}. Ensure you're using a valid IconBaseSize value (13, 20, 24, 28, 32, 36, 40, 44, 48).`);let m=`icon-base ${{13:"icon-base--size-050",20:"icon-base--size-075",24:"icon-base--size-100",28:"icon-base--size-125",32:"icon-base--size-200",36:"icon-base--size-400",40:"icon-base--size-500",44:"icon-base--size-600",48:"icon-base--size-700"}[e]} icon-base-${i} ${t}`.trim(),g;o==="inherit"?g="currentColor":a&&o.startsWith("#")?g=Lt.iconColor(o):o.startsWith("#")?g=o:g=`var(--${o})`;let f="var(--icon-stroke-width)",b=Object.entries(r).map(([y,E])=>`${y.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${E}`).join("; "),x=s?` data-testid="${s}"`:"",C=b?` style="${b}"`:"";return`<svg width="${d}" height="${d}" viewBox="0 0 24 24" fill="none" stroke="${g}" stroke-width="${f}" stroke-linecap="round" stroke-linejoin="round" class="${m}" aria-hidden="true"${x}${C}>${l}</svg>`}var U=class extends HTMLElement{static get observedAttributes(){return["name","size","color","test-id","optical-balance"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get name(){return this.getAttribute("name")||"circle"}set name(i){this.setAttribute("name",i)}get size(){let i=this.getAttribute("size");if(!i)throw new Error('Missing required "size" attribute on <icon-base>. Valid sizes are: 13, 18, 24, 28, 32, 36, 40, 44, 48.');let e=parseInt(i,10),t=[13,20,24,28,32,36,40,44,48];if(!t.includes(e))throw new Error(`Invalid icon size: ${e}. Valid sizes are: ${t.join(", ")}. Ensure you're using a valid IconBaseSize value.`);return e}set size(i){this.setAttribute("size",i.toString())}get color(){return this.getAttribute("color")||"inherit"}set color(i){this.setAttribute("color",i)}get testID(){return this.getAttribute("test-id")}set testID(i){i?this.setAttribute("test-id",i):this.removeAttribute("test-id")}get opticalBalance(){return this.getAttribute("optical-balance")==="true"}set opticalBalance(i){i?this.setAttribute("optical-balance","true"):this.removeAttribute("optical-balance")}render(){let i=this.name,e=this.size,t=this.color,r=this.testID,s=this.opticalBalance,o=Vt(i),l={13:"icon-base--size-050",20:"icon-base--size-075",24:"icon-base--size-100",28:"icon-base--size-125",32:"icon-base--size-200",36:"icon-base--size-400",40:"icon-base--size-500",44:"icon-base--size-600",48:"icon-base--size-700"}[e],c;t==="inherit"?c="currentColor":s&&t.startsWith("#")?c=Lt.iconColor(t):t.startsWith("#")?c=t:c=`var(--${t})`;let d="var(--icon-stroke-width)",p=r?` data-testid="${r}"`:"",u=`
2
2
  <style>
3
3
  .icon-base {
4
4
  display: inline-block;
@@ -97,7 +97,7 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
97
97
  display: block;
98
98
  width: 100%;
99
99
  }
100
- `,this._shadowRoot.innerHTML="",this._shadowRoot.appendChild(b);let C=document.createElement("div");C.innerHTML=f,this._shadowRoot.appendChild(C),this._baseInput=this._shadowRoot.querySelector("input-text-base")}attachEventListeners(){this._shadowRoot.addEventListener("blur",this.onBlur,!0),this._shadowRoot.addEventListener("change",this.onChange,!0),this._shadowRoot.addEventListener("focus",this.onFocus,!0)}detachEventListeners(){this._shadowRoot.removeEventListener("blur",this.onBlur,!0),this._shadowRoot.removeEventListener("change",this.onChange,!0),this._shadowRoot.removeEventListener("focus",this.onFocus,!0)}validate(){let e=this.getAttribute("value")||"",t=ot(e);return this._hasBeenValidated=!0,this._isEmailValid=t.isValid,this.render(),this.attachEventListeners(),t}get isValid(){return this._isEmailValid}get value(){return this.getAttribute("value")||""}set value(e){this.setAttribute("value",e)}};customElements.get("input-text-email")||customElements.define("input-text-email",Te);var Ie="Password does not meet requirements",je={uppercase:/[A-Z]/,lowercase:/[a-z]/,number:/[0-9]/,specialChar:/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/};function Mt(){return{meetsMinLength:!0,meetsMaxLength:!0,hasUppercase:!0,hasLowercase:!0,hasNumber:!0,hasSpecialChar:!0}}function or(n,i){let{minLength:e,maxLength:t,requireUppercase:r=!1,requireLowercase:s=!1,requireNumber:o=!1,requireSpecialChar:a=!1}=i;return{meetsMinLength:e===void 0||n.length>=e,meetsMaxLength:t===void 0||n.length<=t,hasUppercase:!r||je.uppercase.test(n),hasLowercase:!s||je.lowercase.test(n),hasNumber:!o||je.number.test(n),hasSpecialChar:!a||je.specialChar.test(n)}}function ar(n){return n.meetsMinLength&&n.meetsMaxLength&&n.hasUppercase&&n.hasLowercase&&n.hasNumber&&n.hasSpecialChar}function at(n,i={},e,t){if(!n||n.length===0)return{isValid:!0,details:Mt()};if(e){let o=e(n);return{isValid:o,errorMessage:o?void 0:t||Ie,details:Mt()}}let r=or(n,i),s=ar(r);return{isValid:s,errorMessage:s?void 0:t||Ie,details:r}}var ze=class extends HTMLElement{constructor(){super();this._baseInput=null;this._isPasswordVisible=!1;this._hasBeenValidated=!1;this._isPasswordValid=!0;this.onFocus=e=>{this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))};this.onBlur=e=>{let t=this.getAttribute("value")||"",r=this.getRequirements(),s=this.getAttribute("invalid-password-message")||Ie,o=at(t,r);if(this._hasBeenValidated=!0,this._isPasswordValid=o.isValid,this._baseInput){let a=this.getAttribute("error-message")||"";!a&&!this._isPasswordValid?this._baseInput.setAttribute("error-message",s):!a&&this._isPasswordValid&&this._baseInput.removeAttribute("error-message")}this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("validate",{detail:{isValid:this._isPasswordValid,errorMessage:o.errorMessage,details:o.details},bubbles:!0,composed:!0}))};this.onChange=e=>{let r=e.detail?.value||"";this.setAttribute("value",r),this._hasBeenValidated=!1,this._isPasswordValid=!0,this._baseInput&&this._baseInput.setAttribute("value",r),this.dispatchEvent(new CustomEvent("change",{detail:{value:r},bubbles:!0,composed:!0}))};this.onToggleClick=e=>{e.preventDefault(),e.stopPropagation(),this._isPasswordVisible=!this._isPasswordVisible,this.render(),this.attachEventListeners(),this.dispatchEvent(new CustomEvent("toggle-visibility",{detail:{visible:this._isPasswordVisible},bubbles:!0,composed:!0}));let t=this._baseInput?.shadowRoot?.querySelector("input");t&&t.focus()};this._shadowRoot=this.attachShadow({mode:"open"})}get shadowRoot(){return this._shadowRoot}static get observedAttributes(){return["id","label","value","placeholder","helper-text","error-message","is-success","show-info-icon","read-only","required","max-length","show-password","show-toggle","is-new-password","min-length","require-uppercase","require-lowercase","require-number","require-special-char","invalid-password-message"]}connectedCallback(){this.render(),this.attachEventListeners()}disconnectedCallback(){this.detachEventListeners()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="show-password"&&(this._isPasswordVisible=r==="true"),e==="value"){this._hasBeenValidated=!1,this._isPasswordValid=!0;return}this.isConnected&&this.render()}}getRequirements(){return{minLength:this.getAttribute("min-length")?parseInt(this.getAttribute("min-length"),10):void 0,maxLength:this.getAttribute("max-length")?parseInt(this.getAttribute("max-length"),10):void 0,requireUppercase:this.hasAttribute("require-uppercase"),requireLowercase:this.hasAttribute("require-lowercase"),requireNumber:this.hasAttribute("require-number"),requireSpecialChar:this.hasAttribute("require-special-char")}}render(){let e=this.getAttribute("id")||"",t=this.getAttribute("label")||"",r=this.getAttribute("value")||"",s=this.getAttribute("placeholder")||"",o=this.getAttribute("helper-text")||"",a=this.getAttribute("error-message")||"",l=this.getAttribute("is-success")==="true",c=this.getAttribute("show-info-icon")==="true",d=this.hasAttribute("read-only"),p=this.hasAttribute("required"),u=this.getAttribute("max-length"),m=this.getAttribute("show-toggle")!=="false",g=this.hasAttribute("is-new-password"),f=this.getAttribute("invalid-password-message")||Ie,b=this._isPasswordVisible?"text":"password",C=g?"new-password":"current-password",x=a;!x&&this._hasBeenValidated&&!this._isPasswordValid&&(x=f);let y=m?`
100
+ `,this._shadowRoot.innerHTML="",this._shadowRoot.appendChild(b);let x=document.createElement("div");x.innerHTML=f,this._shadowRoot.appendChild(x),this._baseInput=this._shadowRoot.querySelector("input-text-base")}attachEventListeners(){this._shadowRoot.addEventListener("blur",this.onBlur,!0),this._shadowRoot.addEventListener("change",this.onChange,!0),this._shadowRoot.addEventListener("focus",this.onFocus,!0)}detachEventListeners(){this._shadowRoot.removeEventListener("blur",this.onBlur,!0),this._shadowRoot.removeEventListener("change",this.onChange,!0),this._shadowRoot.removeEventListener("focus",this.onFocus,!0)}validate(){let e=this.getAttribute("value")||"",t=ot(e);return this._hasBeenValidated=!0,this._isEmailValid=t.isValid,this.render(),this.attachEventListeners(),t}get isValid(){return this._isEmailValid}get value(){return this.getAttribute("value")||""}set value(e){this.setAttribute("value",e)}};customElements.get("input-text-email")||customElements.define("input-text-email",Te);var Ie="Password does not meet requirements",je={uppercase:/[A-Z]/,lowercase:/[a-z]/,number:/[0-9]/,specialChar:/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/};function Mt(){return{meetsMinLength:!0,meetsMaxLength:!0,hasUppercase:!0,hasLowercase:!0,hasNumber:!0,hasSpecialChar:!0}}function or(n,i){let{minLength:e,maxLength:t,requireUppercase:r=!1,requireLowercase:s=!1,requireNumber:o=!1,requireSpecialChar:a=!1}=i;return{meetsMinLength:e===void 0||n.length>=e,meetsMaxLength:t===void 0||n.length<=t,hasUppercase:!r||je.uppercase.test(n),hasLowercase:!s||je.lowercase.test(n),hasNumber:!o||je.number.test(n),hasSpecialChar:!a||je.specialChar.test(n)}}function ar(n){return n.meetsMinLength&&n.meetsMaxLength&&n.hasUppercase&&n.hasLowercase&&n.hasNumber&&n.hasSpecialChar}function at(n,i={},e,t){if(!n||n.length===0)return{isValid:!0,details:Mt()};if(e){let o=e(n);return{isValid:o,errorMessage:o?void 0:t||Ie,details:Mt()}}let r=or(n,i),s=ar(r);return{isValid:s,errorMessage:s?void 0:t||Ie,details:r}}var ze=class extends HTMLElement{constructor(){super();this._baseInput=null;this._isPasswordVisible=!1;this._hasBeenValidated=!1;this._isPasswordValid=!0;this.onFocus=e=>{this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))};this.onBlur=e=>{let t=this.getAttribute("value")||"",r=this.getRequirements(),s=this.getAttribute("invalid-password-message")||Ie,o=at(t,r);if(this._hasBeenValidated=!0,this._isPasswordValid=o.isValid,this._baseInput){let a=this.getAttribute("error-message")||"";!a&&!this._isPasswordValid?this._baseInput.setAttribute("error-message",s):!a&&this._isPasswordValid&&this._baseInput.removeAttribute("error-message")}this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("validate",{detail:{isValid:this._isPasswordValid,errorMessage:o.errorMessage,details:o.details},bubbles:!0,composed:!0}))};this.onChange=e=>{let r=e.detail?.value||"";this.setAttribute("value",r),this._hasBeenValidated=!1,this._isPasswordValid=!0,this._baseInput&&this._baseInput.setAttribute("value",r),this.dispatchEvent(new CustomEvent("change",{detail:{value:r},bubbles:!0,composed:!0}))};this.onToggleClick=e=>{e.preventDefault(),e.stopPropagation(),this._isPasswordVisible=!this._isPasswordVisible,this.render(),this.attachEventListeners(),this.dispatchEvent(new CustomEvent("toggle-visibility",{detail:{visible:this._isPasswordVisible},bubbles:!0,composed:!0}));let t=this._baseInput?.shadowRoot?.querySelector("input");t&&t.focus()};this._shadowRoot=this.attachShadow({mode:"open"})}get shadowRoot(){return this._shadowRoot}static get observedAttributes(){return["id","label","value","placeholder","helper-text","error-message","is-success","show-info-icon","read-only","required","max-length","show-password","show-toggle","is-new-password","min-length","require-uppercase","require-lowercase","require-number","require-special-char","invalid-password-message"]}connectedCallback(){this.render(),this.attachEventListeners()}disconnectedCallback(){this.detachEventListeners()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="show-password"&&(this._isPasswordVisible=r==="true"),e==="value"){this._hasBeenValidated=!1,this._isPasswordValid=!0;return}this.isConnected&&this.render()}}getRequirements(){return{minLength:this.getAttribute("min-length")?parseInt(this.getAttribute("min-length"),10):void 0,maxLength:this.getAttribute("max-length")?parseInt(this.getAttribute("max-length"),10):void 0,requireUppercase:this.hasAttribute("require-uppercase"),requireLowercase:this.hasAttribute("require-lowercase"),requireNumber:this.hasAttribute("require-number"),requireSpecialChar:this.hasAttribute("require-special-char")}}render(){let e=this.getAttribute("id")||"",t=this.getAttribute("label")||"",r=this.getAttribute("value")||"",s=this.getAttribute("placeholder")||"",o=this.getAttribute("helper-text")||"",a=this.getAttribute("error-message")||"",l=this.getAttribute("is-success")==="true",c=this.getAttribute("show-info-icon")==="true",d=this.hasAttribute("required"),p=this.getAttribute("max-length"),u=this.getAttribute("show-toggle")!=="false",m=this.hasAttribute("is-new-password"),g=this.getAttribute("invalid-password-message")||Ie,f=this._isPasswordVisible?"text":"password",b=m?"new-password":"current-password",x=a;!x&&this._hasBeenValidated&&!this._isPasswordValid&&(x=g);let C=u?`
101
101
  <button
102
102
  type="button"
103
103
  class="toggle-button"
@@ -106,26 +106,25 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
106
106
  >
107
107
  ${this._isPasswordVisible?this.getHideIcon():this.getShowIcon()}
108
108
  </button>
109
- `:"",E=`
109
+ `:"",y=`
110
110
  <div class="password-container">
111
111
  <input-text-base
112
112
  id="${e}"
113
113
  label="${t}"
114
114
  value="${r}"
115
- type="${b}"
116
- autocomplete="${C}"
115
+ type="${f}"
116
+ autocomplete="${b}"
117
117
  ${s?`placeholder="${s}"`:""}
118
118
  ${o?`helper-text="${o}"`:""}
119
119
  ${x?`error-message="${x}"`:""}
120
120
  ${l?'is-success="true"':""}
121
121
  ${c?'show-info-icon="true"':""}
122
- ${d?"read-only":""}
123
- ${p?"required":""}
124
- ${u?`max-length="${u}"`:""}
122
+ ${d?"required":""}
123
+ ${p?`max-length="${p}"`:""}
125
124
  ></input-text-base>
126
- ${y}
125
+ ${C}
127
126
  </div>
128
- `,S=document.createElement("style");S.textContent=`
127
+ `,E=document.createElement("style");E.textContent=`
129
128
  :host {
130
129
  display: block;
131
130
  width: 100%;
@@ -176,7 +175,7 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
176
175
  width: var(--icon-size-100);
177
176
  height: var(--icon-size-100);
178
177
  }
179
- `,this._shadowRoot.innerHTML="",this._shadowRoot.appendChild(S);let L=document.createElement("div");L.innerHTML=E,this._shadowRoot.appendChild(L),this._baseInput=this._shadowRoot.querySelector("input-text-base")}getShowIcon(){return`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
178
+ `,this._shadowRoot.innerHTML="",this._shadowRoot.appendChild(E);let S=document.createElement("div");S.innerHTML=y,this._shadowRoot.appendChild(S),this._baseInput=this._shadowRoot.querySelector("input-text-base")}getShowIcon(){return`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
180
179
  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
181
180
  <circle cx="12" cy="12" r="3"></circle>
182
181
  </svg>`}getHideIcon(){return`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -198,34 +197,32 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
198
197
  ${d?"required":""}
199
198
  ${p?`max-length="${p}"`:""}
200
199
  ></input-text-base>
201
- `,C=document.createElement("style");C.textContent=`
200
+ `,x=document.createElement("style");x.textContent=`
202
201
  :host {
203
202
  display: block;
204
203
  width: 100%;
205
204
  }
206
- `,this._shadowRoot.innerHTML="",this._shadowRoot.appendChild(C);let x=document.createElement("div");x.innerHTML=b,this._shadowRoot.appendChild(x),this._baseInput=this._shadowRoot.querySelector("input-text-base")}attachEventListeners(){this._shadowRoot.addEventListener("blur",this.onBlur,!0),this._shadowRoot.addEventListener("change",this.onChange,!0),this._shadowRoot.addEventListener("focus",this.onFocus,!0)}detachEventListeners(){this._shadowRoot.removeEventListener("blur",this.onBlur,!0),this._shadowRoot.removeEventListener("change",this.onChange,!0),this._shadowRoot.removeEventListener("focus",this.onFocus,!0)}validate(){let e=ct(this._rawDigits,this._currentCountryCode);return this._hasBeenValidated=!0,this._isPhoneValid=e.isValid,this.render(),this.attachEventListeners(),{...e,formattedNumber:this._formattedValue,rawDigits:this._rawDigits}}get isValid(){return this._isPhoneValid}get value(){return this._formattedValue}set value(e){this.setAttribute("value",e)}get rawDigits(){return this._rawDigits}get countryCode(){return this._currentCountryCode}set countryCode(e){this.setAttribute("country-code",e)}};customElements.get("input-text-phone-number")||customElements.define("input-text-phone-number",Re);var Ht=".button-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-grouped-normal);font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing);text-align:center;text-decoration:none;cursor:pointer;user-select:none;transition:background-color var(--motion-button-press-duration) var(--motion-button-press-easing),border-color var(--motion-button-press-duration) var(--motion-button-press-easing),color var(--motion-button-press-duration) var(--motion-button-press-easing),opacity var(--motion-button-press-duration) var(--motion-button-press-easing),box-shadow var(--motion-button-press-duration) var(--motion-button-press-easing);border:none;outline:none;background:none;flex-shrink:0}.button-cta--small{min-height:var(--tap-area-minimum);min-width:56px;padding:var(--space-inset-100) var(--space-inset-200);border-radius:var(--radius-100);gap:var(--space-grouped-tight);font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.button-cta--medium{min-height:var(--tap-area-recommended);min-width:72px;padding:var(--space-inset-150) var(--space-inset-300);border-radius:var(--radius-150);gap:var(--space-grouped-normal);font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.button-cta--large{min-height:var(--tap-area-comfortable);min-width:80px;padding:var(--space-inset-150) var(--space-inset-400);border-radius:var(--radius-200);gap:var(--space-grouped-normal);font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.button-cta--primary{background-color:var(--color-action-primary);color:var(--color-contrast-on-action);border:none}.button-cta--secondary{background-color:var(--color-structure-canvas);color:var(--color-action-primary);border:var(--border-default) solid var(--color-action-primary)}.button-cta--tertiary{background-color:transparent;color:var(--color-action-primary);border:none}.button-cta__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.button-cta--secondary .button-cta__icon,.button-cta--tertiary .button-cta__icon{color:var(--_cta-icon-optical)}.button-cta__label{display:inline-block;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.button-cta__label--no-wrap{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.button-cta--primary:hover:not(:disabled){background-color:var(--_cta-hover-bg)}.button-cta--primary:active:not(:disabled){background-color:var(--_cta-pressed-bg)}.button-cta:focus-visible{outline:var(--accessibility-focus-width) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-focus-offset);box-shadow:var(--shadow-hover)}.button-cta:focus:not(:focus-visible){outline:none}.button-cta:disabled,.button-cta--disabled{cursor:not-allowed;pointer-events:none}.button-cta--primary:disabled,.button-cta--primary.button-cta--disabled{background-color:var(--_cta-disabled-bg)}.button-cta--full-width{width:100%}@media print{.button-cta{background-color:transparent !important;color:var(--color-print-default) !important;border:var(--border-default) solid var(--color-print-default) !important;box-shadow:none !important}.button-cta__icon{display:none}}@media (prefers-contrast:high){.button-cta{border:var(--border-emphasis) solid currentColor}.button-cta:focus-visible{outline-width:var(--border-heavy)}}@media (prefers-reduced-motion:reduce){.button-cta{transition:none}}";function Ot(n){let i;switch(n){case"small":case"medium":if(i=w.size100,!i)throw new Error("ButtonCTA: iconBaseSizes.size100 token is missing");break;case"large":if(i=w.size125,!i)throw new Error("ButtonCTA: iconBaseSizes.size125 token is missing");break;default:throw new Error(`ButtonCTA: Invalid button size "${n}"`)}return i}var Be=class extends HTMLElement{constructor(){super();this._domCreated=!1;this._button=null;this._labelEl=null;this._iconEl=null;this._iconContainer=null;this._hoverColor="";this._pressedColor="";this._disabledColor="";this._iconColor="";this._iconOpticalBalanceColor="";this._handleClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))};this._handleKeyDown=e=>{this.disabled||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}})))};this._shadowRoot=this.attachShadow({mode:"open"}),this._blendUtils=k()}static get observedAttributes(){return["label","size","variant","icon","no-wrap","disabled","test-id"]}connectedCallback(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{this._calculateBlendColorsWithRetry(),this.render()},{once:!0}):(this._calculateBlendColorsWithRetry(),this.render()),this._attachEventListeners()}_calculateBlendColorsWithRetry(){try{this._calculateBlendColors()}catch{requestAnimationFrame(()=>{try{this._calculateBlendColors(),this.render()}catch(t){console.warn("ButtonCTA: Could not calculate blend colors, using CSS fallbacks",t)}})}}_calculateBlendColors(){let e=getComputedStyle(document.documentElement),t=e.getPropertyValue("--color-action-primary").trim(),r=e.getPropertyValue("--color-contrast-on-action").trim();if(!t)throw new Error("ButtonCTA: Required token --color-action-primary is missing from CSS custom properties");if(!r)throw new Error("ButtonCTA: Required token --color-contrast-on-action is missing from CSS custom properties");this._hoverColor=this._blendUtils.hoverColor(t),this._pressedColor=this._blendUtils.pressedColor(t),this._disabledColor=this._blendUtils.disabledColor(t),this._iconColor=this._blendUtils.iconColor(r),this._iconOpticalBalanceColor=this._blendUtils.iconColor(t)}disconnectedCallback(){this._detachEventListeners()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&this._domCreated&&this._updateDOM()}get label(){return this.getAttribute("label")||""}set label(e){this.setAttribute("label",e)}get size(){let e=this.getAttribute("size");return e==="small"||e==="medium"||e==="large"?e:"medium"}set size(e){this.setAttribute("size",e)}get buttonVariant(){let e=this.getAttribute("variant");return e==="primary"||e==="secondary"||e==="tertiary"?e:"primary"}set buttonVariant(e){this.setAttribute("variant",e)}get icon(){return this.getAttribute("icon")}set icon(e){e?this.setAttribute("icon",e):this.removeAttribute("icon")}get noWrap(){return this.getAttribute("no-wrap")==="true"}set noWrap(e){this.setAttribute("no-wrap",e.toString())}get disabled(){return this.hasAttribute("disabled")}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}render(){this._domCreated?this._updateDOM():(this._createDOM(),this._domCreated=!0,this._attachEventListeners())}_createDOM(){let e=this.label,t=this.size,r=this.buttonVariant,s=this.icon,o=this.noWrap,a=this.disabled,l=this.testID,c=["button-cta",`button-cta--${t}`,`button-cta--${r}`,a?"button-cta--disabled":""].filter(Boolean).join(" "),d=Ot(t),p=o?"button-cta__label--no-wrap":"button-cta__label",u=l?` data-testid="${l}"`:"",m=`
205
+ `,this._shadowRoot.innerHTML="",this._shadowRoot.appendChild(x);let C=document.createElement("div");C.innerHTML=b,this._shadowRoot.appendChild(C),this._baseInput=this._shadowRoot.querySelector("input-text-base")}attachEventListeners(){this._shadowRoot.addEventListener("blur",this.onBlur,!0),this._shadowRoot.addEventListener("change",this.onChange,!0),this._shadowRoot.addEventListener("focus",this.onFocus,!0)}detachEventListeners(){this._shadowRoot.removeEventListener("blur",this.onBlur,!0),this._shadowRoot.removeEventListener("change",this.onChange,!0),this._shadowRoot.removeEventListener("focus",this.onFocus,!0)}validate(){let e=ct(this._rawDigits,this._currentCountryCode);return this._hasBeenValidated=!0,this._isPhoneValid=e.isValid,this.render(),this.attachEventListeners(),{...e,formattedNumber:this._formattedValue,rawDigits:this._rawDigits}}get isValid(){return this._isPhoneValid}get value(){return this._formattedValue}set value(e){this.setAttribute("value",e)}get rawDigits(){return this._rawDigits}get countryCode(){return this._currentCountryCode}set countryCode(e){this.setAttribute("country-code",e)}};customElements.get("input-text-phone-number")||customElements.define("input-text-phone-number",Re);var Ht=".button-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-grouped-normal);font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing);text-align:center;text-decoration:none;cursor:pointer;user-select:none;transition:background-color var(--motion-button-press-duration) var(--motion-button-press-easing),border-color var(--motion-button-press-duration) var(--motion-button-press-easing),color var(--motion-button-press-duration) var(--motion-button-press-easing),opacity var(--motion-button-press-duration) var(--motion-button-press-easing),box-shadow var(--motion-button-press-duration) var(--motion-button-press-easing);border:none;outline:none;background:none;flex-shrink:0}.button-cta--small{min-height:var(--tap-area-minimum);min-width:56px;padding:var(--space-inset-100) var(--space-inset-200);border-radius:var(--radius-100);gap:var(--space-grouped-tight);font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.button-cta--medium{min-height:var(--tap-area-recommended);min-width:72px;padding:var(--space-inset-150) var(--space-inset-300);border-radius:var(--radius-150);gap:var(--space-grouped-normal);font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.button-cta--large{min-height:var(--tap-area-comfortable);min-width:80px;padding:var(--space-inset-150) var(--space-inset-400);border-radius:var(--radius-200);gap:var(--space-grouped-normal);font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.button-cta--primary{background-color:var(--color-action-primary);color:var(--color-contrast-on-action);border:none}.button-cta--secondary{background-color:var(--color-structure-canvas);color:var(--color-action-primary);border:var(--border-default) solid var(--color-action-primary)}.button-cta--tertiary{background-color:transparent;color:var(--color-action-primary);border:none}.button-cta__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.button-cta--secondary .button-cta__icon,.button-cta--tertiary .button-cta__icon{color:var(--_cta-icon-optical)}.button-cta__label{display:inline-block;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.button-cta__label--no-wrap{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.button-cta--primary:hover{background-color:var(--_cta-hover-bg)}.button-cta--primary:active{background-color:var(--_cta-pressed-bg)}.button-cta:focus-visible{outline:var(--accessibility-focus-width) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-focus-offset);box-shadow:var(--shadow-hover)}.button-cta:focus:not(:focus-visible){outline:none}.button-cta--full-width{width:100%}@media print{.button-cta{background-color:transparent !important;color:var(--color-print-default) !important;border:var(--border-default) solid var(--color-print-default) !important;box-shadow:none !important}.button-cta__icon{display:none}}@media (prefers-contrast:high){.button-cta{border:var(--border-emphasis) solid currentColor}.button-cta:focus-visible{outline-width:var(--border-heavy)}}@media (prefers-reduced-motion:reduce){.button-cta{transition:none}}";function Ot(n){let i;switch(n){case"small":case"medium":if(i=w.size100,!i)throw new Error("ButtonCTA: iconBaseSizes.size100 token is missing");break;case"large":if(i=w.size125,!i)throw new Error("ButtonCTA: iconBaseSizes.size125 token is missing");break;default:throw new Error(`ButtonCTA: Invalid button size "${n}"`)}return i}var Be=class extends HTMLElement{constructor(){super();this._domCreated=!1;this._button=null;this._labelEl=null;this._iconEl=null;this._iconContainer=null;this._hoverColor="";this._pressedColor="";this._iconColor="";this._iconOpticalBalanceColor="";this._handleClick=e=>{this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))};this._handleKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}})))};this._shadowRoot=this.attachShadow({mode:"open"}),this._blendUtils=k()}static get observedAttributes(){return["label","size","variant","icon","no-wrap","test-id"]}connectedCallback(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{this._calculateBlendColorsWithRetry(),this.render()},{once:!0}):(this._calculateBlendColorsWithRetry(),this.render()),this._attachEventListeners()}_calculateBlendColorsWithRetry(){try{this._calculateBlendColors()}catch{requestAnimationFrame(()=>{try{this._calculateBlendColors(),this.render()}catch(t){console.warn("ButtonCTA: Could not calculate blend colors, using CSS fallbacks",t)}})}}_calculateBlendColors(){let e=getComputedStyle(document.documentElement),t=e.getPropertyValue("--color-action-primary").trim(),r=e.getPropertyValue("--color-contrast-on-action").trim();if(!t)throw new Error("ButtonCTA: Required token --color-action-primary is missing from CSS custom properties");if(!r)throw new Error("ButtonCTA: Required token --color-contrast-on-action is missing from CSS custom properties");this._hoverColor=this._blendUtils.hoverColor(t),this._pressedColor=this._blendUtils.pressedColor(t),this._iconColor=this._blendUtils.iconColor(r),this._iconOpticalBalanceColor=this._blendUtils.iconColor(t)}disconnectedCallback(){this._detachEventListeners()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&this._domCreated&&this._updateDOM()}get label(){return this.getAttribute("label")||""}set label(e){this.setAttribute("label",e)}get size(){let e=this.getAttribute("size");return e==="small"||e==="medium"||e==="large"?e:"medium"}set size(e){this.setAttribute("size",e)}get buttonVariant(){let e=this.getAttribute("variant");return e==="primary"||e==="secondary"||e==="tertiary"?e:"primary"}set buttonVariant(e){this.setAttribute("variant",e)}get icon(){return this.getAttribute("icon")}set icon(e){e?this.setAttribute("icon",e):this.removeAttribute("icon")}get noWrap(){return this.getAttribute("no-wrap")==="true"}set noWrap(e){this.setAttribute("no-wrap",e.toString())}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}render(){this._domCreated?this._updateDOM():(this._createDOM(),this._domCreated=!0,this._attachEventListeners())}_createDOM(){let e=this.label,t=this.size,r=this.buttonVariant,s=this.icon,o=this.noWrap,a=this.testID,l=["button-cta",`button-cta--${t}`,`button-cta--${r}`].join(" "),c=Ot(t),d=o?"button-cta__label--no-wrap":"button-cta__label",p=a?` data-testid="${a}"`:"",u=`
207
206
  --_cta-hover-bg: ${this._hoverColor};
208
207
  --_cta-pressed-bg: ${this._pressedColor};
209
- --_cta-disabled-bg: ${this._disabledColor};
210
208
  --_cta-icon-color: ${this._iconColor};
211
209
  --_cta-icon-optical: ${this._iconOpticalBalanceColor};
212
210
  `;this._shadowRoot.innerHTML=`
213
211
  <style>${Ht}</style>
214
- <button
215
- class="${c}"
212
+ <button
213
+ class="${l}"
216
214
  type="button"
217
215
  role="button"
218
- ${a?'disabled aria-disabled="true"':'aria-disabled="false"'}
219
- ${u}
216
+ ${p}
220
217
  aria-label="${e}"
221
- style="${m}"
218
+ style="${u}"
222
219
  >
223
220
  <span class="button-cta__icon" aria-hidden="true" style="${s?"":"display: none;"}">
224
- <icon-base name="${s||""}" size="${d}" color="inherit"></icon-base>
221
+ <icon-base name="${s||""}" size="${c}" color="inherit"></icon-base>
225
222
  </span>
226
- <span class="${p}">${e}</span>
223
+ <span class="${d}">${e}</span>
227
224
  </button>
228
- `,this._button=this._shadowRoot.querySelector("button"),this._labelEl=this._shadowRoot.querySelector(".button-cta__label, .button-cta__label--no-wrap"),this._iconContainer=this._shadowRoot.querySelector(".button-cta__icon"),this._iconEl=this._iconContainer?.querySelector("icon-base")||null}_updateDOM(){if(!this._button||!this._labelEl)return;let e=this.label,t=this.size,r=this.buttonVariant,s=this.icon,o=this.noWrap,a=this.disabled,l=this.testID,c=Ot(t),d=["button-cta",`button-cta--${t}`,`button-cta--${r}`,a?"button-cta--disabled":""].filter(Boolean).join(" ");this._button.className=d,a?(this._button.setAttribute("disabled",""),this._button.setAttribute("aria-disabled","true")):(this._button.removeAttribute("disabled"),this._button.setAttribute("aria-disabled","false")),this._button.setAttribute("aria-label",e),l?this._button.setAttribute("data-testid",l):this._button.removeAttribute("data-testid"),this._button.style.setProperty("--_cta-hover-bg",this._hoverColor),this._button.style.setProperty("--_cta-pressed-bg",this._pressedColor),this._button.style.setProperty("--_cta-disabled-bg",this._disabledColor),this._button.style.setProperty("--_cta-icon-color",this._iconColor),this._button.style.setProperty("--_cta-icon-optical",this._iconOpticalBalanceColor),this._labelEl.textContent=e,this._labelEl.className=o?"button-cta__label--no-wrap":"button-cta__label",this._iconContainer&&this._iconEl&&(s?(this._iconContainer.style.display="",this._iconEl.setAttribute("name",s),this._iconEl.setAttribute("size",String(c))):this._iconContainer.style.display="none")}_attachEventListeners(){this._button&&(this._button.addEventListener("click",this._handleClick),this._button.addEventListener("keydown",this._handleKeyDown))}_detachEventListeners(){this._button&&(this._button.removeEventListener("click",this._handleClick),this._button.removeEventListener("keydown",this._handleKeyDown))}};customElements.get("button-cta")||customElements.define("button-cta",Be);var dt={size:"medium",variant:"primary"};var Ft=":host{--_bi-focus-offset:var(--accessibility-focus-offset);--_bi-focus-width:var(--accessibility-focus-width);--_bi-focus-color:var(--accessibility-focus-color);--_bi-focus-buffer:4px;--_bi-radius:50%;--_bi-transition-duration:var(--motion-button-press-duration);--_bi-transition-easing:var(--motion-button-press-easing);--_bi-border-default:var(--border-default);--_bi-border-emphasis:var(--border-emphasis);--_bi-color-primary:var(--color-action-primary);--_bi-color-contrast:var(--color-contrast-on-action);--_bi-color-bg-subtle:var(--color-background-primary-subtle);--_bi-inset-large:var(--buttonicon-inset-large);--_bi-inset-medium:var(--buttonicon-inset-medium);--_bi-inset-small:var(--buttonicon-inset-small);--_bi-size-large:var(--buttonicon-size-large);--_bi-size-medium:var(--buttonicon-size-medium);--_bi-size-small:var(--buttonicon-size-small);--_bi-touch-target:var(--tap-area-recommended)}.button-icon{appearance:none;border:none;background:transparent;padding:0;font:inherit;cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--_bi-radius);margin:var(--_bi-focus-buffer);transition:background-color var(--_bi-transition-duration) var(--_bi-transition-easing),border-color var(--_bi-transition-duration) var(--_bi-transition-easing),color var(--_bi-transition-duration) var(--_bi-transition-easing),box-shadow var(--_bi-transition-duration) var(--_bi-transition-easing),transform var(--_bi-transition-duration) var(--_bi-transition-easing);outline:none;flex-shrink:0;position:relative}.button-icon--small{padding:var(--_bi-inset-small);width:var(--_bi-size-small);height:var(--_bi-size-small);min-width:var(--_bi-size-small);min-height:var(--_bi-size-small)}.button-icon--medium{padding:var(--_bi-inset-medium);width:var(--_bi-size-medium);height:var(--_bi-size-medium);min-width:var(--_bi-size-medium);min-height:var(--_bi-size-medium)}.button-icon--large{padding:var(--_bi-inset-large);width:var(--_bi-size-large);height:var(--_bi-size-large);min-width:var(--_bi-size-large);min-height:var(--_bi-size-large)}.button-icon--primary{background-color:var(--_bi-color-primary);color:var(--_bi-color-contrast);border:none}.button-icon--secondary{background-color:transparent;color:var(--_bi-color-primary);border:var(--_bi-border-emphasis) solid transparent;box-shadow:inset 0 0 0 var(--_bi-border-default) var(--_bi-color-primary)}.button-icon--tertiary{background-color:transparent;color:var(--_bi-color-primary);border:none}.button-icon__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;line-height:inherit}.button-icon--primary:hover{background-color:var(--_bi-hover-bg)}.button-icon--secondary:hover{background-color:var(--_bi-color-bg-subtle);border-color:var(--_bi-hover-bg);box-shadow:none;color:var(--_bi-hover-bg)}.button-icon--tertiary:hover{color:var(--_bi-hover-bg)}.button-icon--primary:active{background-color:var(--_bi-pressed-bg)}.button-icon--secondary:active{background-color:var(--_bi-color-bg-subtle);border-color:var(--_bi-pressed-bg);box-shadow:none;color:var(--_bi-pressed-bg)}.button-icon--tertiary:active{color:var(--_bi-pressed-bg)}.button-icon:focus-visible{outline:var(--_bi-focus-width) solid var(--_bi-focus-color);outline-offset:var(--_bi-focus-offset)}.button-icon:focus:not(:focus-visible){outline:none}.button-icon--small::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--_bi-touch-target);height:var(--_bi-touch-target);background:transparent;border-radius:50%}.button-icon:hover,.button-icon:active,.button-icon:focus,.button-icon:focus-visible{border-radius:var(--_bi-radius)}@media (prefers-contrast:high){.button-icon{border:var(--_bi-border-emphasis) solid currentColor}.button-icon:focus-visible{outline-width:4px}}@media (prefers-reduced-motion:reduce){.button-icon{transition:none}}@media print{.button-icon{background-color:transparent !important;color:var(--color-print-default) !important;border:var(--_bi-border-default) solid var(--color-print-default) !important;box-shadow:none !important}}";function Ut(n){let i;switch(n){case"small":if(i=w.size050,!i)throw new Error("ButtonIcon: iconBaseSizes.size050 token is missing");break;case"medium":if(i=w.size075,!i)throw new Error("ButtonIcon: iconBaseSizes.size075 token is missing");break;case"large":if(i=w.size100,!i)throw new Error("ButtonIcon: iconBaseSizes.size100 token is missing");break;default:throw new Error(`ButtonIcon: Invalid button size "${n}"`)}return i}var Le=class extends HTMLElement{constructor(){super();this._domCreated=!1;this._button=null;this._iconEl=null;this._iconContainer=null;this._hoverColor="";this._pressedColor="";this._handleClick=e=>{this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))};this._handleKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}})))};this._shadowRoot=this.attachShadow({mode:"open"}),this._blendUtils=k()}static get observedAttributes(){return["icon","aria-label","size","variant","test-id"]}connectedCallback(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{this._calculateBlendColorsWithRetry(),this.render()},{once:!0}):(this._calculateBlendColorsWithRetry(),this.render()),this.ariaLabel||console.warn('ButtonIcon: Missing required "aria-label" attribute. Icon-only buttons require aria-label for screen reader accessibility.')}_calculateBlendColorsWithRetry(){try{this._calculateBlendColors()}catch{requestAnimationFrame(()=>{try{this._calculateBlendColors(),this.render()}catch(t){console.warn("ButtonIcon: Could not calculate blend colors, using CSS fallbacks",t)}})}}_calculateBlendColors(){let t=getComputedStyle(document.documentElement).getPropertyValue("--color-action-primary").trim();if(!t)throw new Error("ButtonIcon: Required token --color-action-primary is missing from CSS custom properties");this._hoverColor=this._blendUtils.hoverColor(t),this._pressedColor=this._blendUtils.pressedColor(t)}disconnectedCallback(){this._detachEventListeners()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&this._domCreated&&this._updateDOM()}get icon(){return this.getAttribute("icon")||""}set icon(e){this.setAttribute("icon",e)}get ariaLabel(){return this.getAttribute("aria-label")||""}set ariaLabel(e){this.setAttribute("aria-label",e)}get size(){let e=this.getAttribute("size");return e==="small"||e==="medium"||e==="large"?e:dt.size}set size(e){this.setAttribute("size",e)}get buttonVariant(){let e=this.getAttribute("variant");return e==="primary"||e==="secondary"||e==="tertiary"?e:dt.variant}set buttonVariant(e){this.setAttribute("variant",e)}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}render(){this._domCreated?this._updateDOM():(this._createDOM(),this._domCreated=!0,this._attachEventListeners())}_createDOM(){let e=this.icon,t=this.ariaLabel,r=this.size,s=this.buttonVariant,o=this.testID,a=Ut(r),l=["button-icon",`button-icon--${r}`,`button-icon--${s}`].filter(Boolean).join(" "),c=o?` data-testid="${o}"`:"",d=`
225
+ `,this._button=this._shadowRoot.querySelector("button"),this._labelEl=this._shadowRoot.querySelector(".button-cta__label, .button-cta__label--no-wrap"),this._iconContainer=this._shadowRoot.querySelector(".button-cta__icon"),this._iconEl=this._iconContainer?.querySelector("icon-base")||null}_updateDOM(){if(!this._button||!this._labelEl)return;let e=this.label,t=this.size,r=this.buttonVariant,s=this.icon,o=this.noWrap,a=this.testID,l=Ot(t),c=["button-cta",`button-cta--${t}`,`button-cta--${r}`].join(" ");this._button.className=c,this._button.setAttribute("aria-label",e),a?this._button.setAttribute("data-testid",a):this._button.removeAttribute("data-testid"),this._button.style.setProperty("--_cta-hover-bg",this._hoverColor),this._button.style.setProperty("--_cta-pressed-bg",this._pressedColor),this._button.style.setProperty("--_cta-icon-color",this._iconColor),this._button.style.setProperty("--_cta-icon-optical",this._iconOpticalBalanceColor),this._labelEl.textContent=e,this._labelEl.className=o?"button-cta__label--no-wrap":"button-cta__label",this._iconContainer&&this._iconEl&&(s?(this._iconContainer.style.display="",this._iconEl.setAttribute("name",s),this._iconEl.setAttribute("size",String(l))):this._iconContainer.style.display="none")}_attachEventListeners(){this._button&&(this._button.addEventListener("click",this._handleClick),this._button.addEventListener("keydown",this._handleKeyDown))}_detachEventListeners(){this._button&&(this._button.removeEventListener("click",this._handleClick),this._button.removeEventListener("keydown",this._handleKeyDown))}};customElements.get("button-cta")||customElements.define("button-cta",Be);var dt={size:"medium",variant:"primary"};var Ft=":host{--_bi-focus-offset:var(--accessibility-focus-offset);--_bi-focus-width:var(--accessibility-focus-width);--_bi-focus-color:var(--accessibility-focus-color);--_bi-focus-buffer:4px;--_bi-radius:50%;--_bi-transition-duration:var(--motion-button-press-duration);--_bi-transition-easing:var(--motion-button-press-easing);--_bi-border-default:var(--border-default);--_bi-border-emphasis:var(--border-emphasis);--_bi-color-primary:var(--color-action-primary);--_bi-color-contrast:var(--color-contrast-on-action);--_bi-color-bg-subtle:var(--color-background-primary-subtle);--_bi-inset-large:var(--buttonicon-inset-large);--_bi-inset-medium:var(--buttonicon-inset-medium);--_bi-inset-small:var(--buttonicon-inset-small);--_bi-size-large:var(--buttonicon-size-large);--_bi-size-medium:var(--buttonicon-size-medium);--_bi-size-small:var(--buttonicon-size-small);--_bi-touch-target:var(--tap-area-recommended)}.button-icon{appearance:none;border:none;background:transparent;padding:0;font:inherit;cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--_bi-radius);margin:var(--_bi-focus-buffer);transition:background-color var(--_bi-transition-duration) var(--_bi-transition-easing),border-color var(--_bi-transition-duration) var(--_bi-transition-easing),color var(--_bi-transition-duration) var(--_bi-transition-easing),box-shadow var(--_bi-transition-duration) var(--_bi-transition-easing),transform var(--_bi-transition-duration) var(--_bi-transition-easing);outline:none;flex-shrink:0;position:relative}.button-icon--small{padding:var(--_bi-inset-small);width:var(--_bi-size-small);height:var(--_bi-size-small);min-width:var(--_bi-size-small);min-height:var(--_bi-size-small)}.button-icon--medium{padding:var(--_bi-inset-medium);width:var(--_bi-size-medium);height:var(--_bi-size-medium);min-width:var(--_bi-size-medium);min-height:var(--_bi-size-medium)}.button-icon--large{padding:var(--_bi-inset-large);width:var(--_bi-size-large);height:var(--_bi-size-large);min-width:var(--_bi-size-large);min-height:var(--_bi-size-large)}.button-icon--primary{background-color:var(--_bi-color-primary);color:var(--_bi-color-contrast);border:none}.button-icon--secondary{background-color:transparent;color:var(--_bi-color-primary);border:var(--_bi-border-emphasis) solid transparent;box-shadow:inset 0 0 0 var(--_bi-border-default) var(--_bi-color-primary)}.button-icon--tertiary{background-color:transparent;color:var(--_bi-color-primary);border:none}.button-icon__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;line-height:inherit}.button-icon--primary:hover{background-color:var(--_bi-hover-bg)}.button-icon--secondary:hover{background-color:var(--_bi-color-bg-subtle);border-color:var(--_bi-hover-bg);box-shadow:none;color:var(--_bi-hover-bg)}.button-icon--tertiary:hover{color:var(--_bi-hover-bg)}.button-icon--primary:active{background-color:var(--_bi-pressed-bg)}.button-icon--secondary:active{background-color:var(--_bi-color-bg-subtle);border-color:var(--_bi-pressed-bg);box-shadow:none;color:var(--_bi-pressed-bg)}.button-icon--tertiary:active{color:var(--_bi-pressed-bg)}.button-icon:focus-visible{outline:var(--_bi-focus-width) solid var(--_bi-focus-color);outline-offset:var(--_bi-focus-offset)}.button-icon:focus:not(:focus-visible){outline:none}.button-icon--small::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--_bi-touch-target);height:var(--_bi-touch-target);background:transparent;border-radius:50%}.button-icon:hover,.button-icon:active,.button-icon:focus,.button-icon:focus-visible{border-radius:var(--_bi-radius)}@media (prefers-contrast:high){.button-icon{border:var(--_bi-border-emphasis) solid currentColor}.button-icon:focus-visible{outline-width:4px}}@media (prefers-reduced-motion:reduce){.button-icon{transition:none}}@media print{.button-icon{background-color:transparent !important;color:var(--color-print-default) !important;border:var(--_bi-border-default) solid var(--color-print-default) !important;box-shadow:none !important}}";function Ut(n){let i;switch(n){case"small":if(i=w.size050,!i)throw new Error("ButtonIcon: iconBaseSizes.size050 token is missing");break;case"medium":if(i=w.size075,!i)throw new Error("ButtonIcon: iconBaseSizes.size075 token is missing");break;case"large":if(i=w.size100,!i)throw new Error("ButtonIcon: iconBaseSizes.size100 token is missing");break;default:throw new Error(`ButtonIcon: Invalid button size "${n}"`)}return i}var Le=class extends HTMLElement{constructor(){super();this._domCreated=!1;this._button=null;this._iconEl=null;this._iconContainer=null;this._hoverColor="";this._pressedColor="";this._handleClick=e=>{this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))};this._handleKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.dispatchEvent(new CustomEvent("press",{bubbles:!0,composed:!0,detail:{originalEvent:e}})))};this._shadowRoot=this.attachShadow({mode:"open"}),this._blendUtils=k()}static get observedAttributes(){return["icon","aria-label","size","variant","test-id"]}connectedCallback(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{this._calculateBlendColorsWithRetry(),this.render()},{once:!0}):(this._calculateBlendColorsWithRetry(),this.render()),this.ariaLabel||console.warn('ButtonIcon: Missing required "aria-label" attribute. Icon-only buttons require aria-label for screen reader accessibility.')}_calculateBlendColorsWithRetry(){try{this._calculateBlendColors()}catch{requestAnimationFrame(()=>{try{this._calculateBlendColors(),this.render()}catch(t){console.warn("ButtonIcon: Could not calculate blend colors, using CSS fallbacks",t)}})}}_calculateBlendColors(){let t=getComputedStyle(document.documentElement).getPropertyValue("--color-action-primary").trim();if(!t)throw new Error("ButtonIcon: Required token --color-action-primary is missing from CSS custom properties");this._hoverColor=this._blendUtils.hoverColor(t),this._pressedColor=this._blendUtils.pressedColor(t)}disconnectedCallback(){this._detachEventListeners()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&this._domCreated&&this._updateDOM()}get icon(){return this.getAttribute("icon")||""}set icon(e){this.setAttribute("icon",e)}get ariaLabel(){return this.getAttribute("aria-label")||""}set ariaLabel(e){this.setAttribute("aria-label",e)}get size(){let e=this.getAttribute("size");return e==="small"||e==="medium"||e==="large"?e:dt.size}set size(e){this.setAttribute("size",e)}get buttonVariant(){let e=this.getAttribute("variant");return e==="primary"||e==="secondary"||e==="tertiary"?e:dt.variant}set buttonVariant(e){this.setAttribute("variant",e)}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}render(){this._domCreated?this._updateDOM():(this._createDOM(),this._domCreated=!0,this._attachEventListeners())}_createDOM(){let e=this.icon,t=this.ariaLabel,r=this.size,s=this.buttonVariant,o=this.testID,a=Ut(r),l=["button-icon",`button-icon--${r}`,`button-icon--${s}`].filter(Boolean).join(" "),c=o?` data-testid="${o}"`:"",d=`
229
226
  --_bi-hover-bg: ${this._hoverColor};
230
227
  --_bi-pressed-bg: ${this._pressedColor};
231
228
  `;this._shadowRoot.innerHTML=`
@@ -294,7 +291,7 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
294
291
  print-color-adjust: exact;
295
292
  }
296
293
  }
297
- `,q=class extends HTMLElement{constructor(){super();this._hoverColor="";this._shadowRoot=this.attachShadow({mode:"open"}),this._blendUtils=k()}static get observedAttributes(){return["padding","padding-vertical","padding-horizontal","padding-block-start","padding-block-end","padding-inline-start","padding-inline-end","background","shadow","border","border-color","border-radius","opacity","layering","semantic","accessibility-label","hoverable"]}connectedCallback(){this._calculateBlendColors(),this.render()}_calculateBlendColors(){let e=getComputedStyle(document.documentElement),t=this.getAttribute("background"),r="";if(t){let s=`--${t.replace(/\./g,"-")}`;r=e.getPropertyValue(s).trim()}if(r||(r=e.getPropertyValue("--color-structure-surface").trim()),r||(r=e.getPropertyValue("--color-structure-canvas").trim()),!r){console.warn("ContainerBase: All background color fallbacks failed. Hover effects will not work."),this._hoverColor="";return}this._hoverColor=this._blendUtils.hoverColor(r)}attributeChangedCallback(e,t,r){t!==r&&(e==="background"&&this._calculateBlendColors(),this.render())}render(){let e=this.getAttribute("padding"),t=this.getAttribute("padding-vertical"),r=this.getAttribute("padding-horizontal"),s=this.getAttribute("padding-block-start"),o=this.getAttribute("padding-block-end"),a=this.getAttribute("padding-inline-start"),l=this.getAttribute("padding-inline-end"),c=this.getAttribute("background"),d=this.getAttribute("shadow"),p=this.getAttribute("border"),u=this.getAttribute("border-color"),m=this.getAttribute("border-radius"),g=this.getAttribute("opacity"),f=this.getAttribute("layering"),b=this.getAttribute("semantic")||"div",C=this.getAttribute("accessibility-label"),x=this.getAttribute("hoverable")==="true",y=this.buildStyles({padding:e,paddingVertical:t,paddingHorizontal:r,paddingBlockStart:s,paddingBlockEnd:o,paddingInlineStart:a,paddingInlineEnd:l,background:c,shadow:d,border:p,borderColor:u,borderRadius:m,opacity:g,layering:f}),E=C?`aria-label="${C.replace(/"/g,"&quot;")}"`:"",S=["container-base"];x&&S.push("container-base--hoverable");let L=x?`--_container-base-hover-bg: ${this._hoverColor};`:"";this._shadowRoot.innerHTML=`
294
+ `,q=class extends HTMLElement{constructor(){super();this._hoverColor="";this._shadowRoot=this.attachShadow({mode:"open"}),this._blendUtils=k()}static get observedAttributes(){return["padding","padding-vertical","padding-horizontal","padding-block-start","padding-block-end","padding-inline-start","padding-inline-end","background","shadow","border","border-color","border-radius","opacity","layering","semantic","accessibility-label","hoverable"]}connectedCallback(){this._calculateBlendColors(),this.render()}_calculateBlendColors(){let e=getComputedStyle(document.documentElement),t=this.getAttribute("background"),r="";if(t){let s=`--${t.replace(/\./g,"-")}`;r=e.getPropertyValue(s).trim()}if(r||(r=e.getPropertyValue("--color-structure-surface").trim()),r||(r=e.getPropertyValue("--color-structure-canvas").trim()),!r){console.warn("ContainerBase: All background color fallbacks failed. Hover effects will not work."),this._hoverColor="";return}this._hoverColor=this._blendUtils.hoverColor(r)}attributeChangedCallback(e,t,r){t!==r&&(e==="background"&&this._calculateBlendColors(),this.render())}render(){let e=this.getAttribute("padding"),t=this.getAttribute("padding-vertical"),r=this.getAttribute("padding-horizontal"),s=this.getAttribute("padding-block-start"),o=this.getAttribute("padding-block-end"),a=this.getAttribute("padding-inline-start"),l=this.getAttribute("padding-inline-end"),c=this.getAttribute("background"),d=this.getAttribute("shadow"),p=this.getAttribute("border"),u=this.getAttribute("border-color"),m=this.getAttribute("border-radius"),g=this.getAttribute("opacity"),f=this.getAttribute("layering"),b=this.getAttribute("semantic")||"div",x=this.getAttribute("accessibility-label"),C=this.getAttribute("hoverable")==="true",y=this.buildStyles({padding:e,paddingVertical:t,paddingHorizontal:r,paddingBlockStart:s,paddingBlockEnd:o,paddingInlineStart:a,paddingInlineEnd:l,background:c,shadow:d,border:p,borderColor:u,borderRadius:m,opacity:g,layering:f}),E=x?`aria-label="${x.replace(/"/g,"&quot;")}"`:"",S=["container-base"];C&&S.push("container-base--hoverable");let L=C?`--_container-base-hover-bg: ${this._hoverColor};`:"";this._shadowRoot.innerHTML=`
298
295
  <style>
299
296
  ${kr}
300
297
 
@@ -338,7 +335,7 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
338
335
  ></div>
339
336
  <slot></slot>
340
337
  </div>
341
- `,this._container=this._shadowRoot.querySelector(".vls-container"),this._errorMessageEl=this._shadowRoot.querySelector(".vls-error-message"),this._updateDOM()}_updateDOM(){if(!this._container)return;let e=li(this._mode);this._container.setAttribute("role",e),this._mode==="multiSelect"?this._container.setAttribute("aria-multiselectable","true"):this._container.removeAttribute("aria-multiselectable"),this._error&&this._errorMessage?(this._container.setAttribute("aria-invalid","true"),this._container.setAttribute("aria-describedby",this._errorMessageId)):(this._container.removeAttribute("aria-invalid"),this._container.removeAttribute("aria-describedby")),this._testID?this._container.setAttribute("data-testid",this._testID):this._container.removeAttribute("data-testid"),this._errorMessageEl&&(this._error&&this._errorMessage?(this._errorMessageEl.textContent=this._errorMessage,this._errorMessageEl.style.display=""):(this._errorMessageEl.textContent="",this._errorMessageEl.style.display="none")),this._updateChildItems()}_updateChildItems(){let e=this._shadowRoot.querySelector("slot");if(!e)return;let t=e.assignedElements(),r=t.length,s=oi(this._mode,this._selectedIndex,this._selectedIndices,r),o=this._calculateTransitionDelays(r,s),a=this._calculateCheckmarkTransitions(r,s),l=this._getItemRole();this._internalState.focusedIndex>=r&&(this._internalState.focusedIndex=Math.max(0,r-1)),t.forEach((c,d)=>{if(c.tagName.toLowerCase()==="button-vertical-list-item"){let p=s[d];c.setAttribute("visual-state",p);let u=o[d];c.setAttribute("transition-delay",String(u));let m=a[d];if(c.setAttribute("checkmark-transition",m==="instant"?"instant":"fade"),this._error?c.setAttribute("error","true"):c.setAttribute("error","false"),c.setAttribute("role",l),l==="radio"||l==="checkbox"){let g=this._getItemAriaChecked(d,p);c.setAttribute("aria-checked",g?"true":"false")}else c.removeAttribute("aria-checked");d===this._internalState.focusedIndex?c.setAttribute("tabindex","0"):c.setAttribute("tabindex","-1")}})}_getItemRole(){switch(this._mode){case"tap":return"button";case"select":return"radio";case"multiSelect":return"checkbox";default:return"button"}}_getItemAriaChecked(e,t){switch(this._mode){case"select":return t==="selected";case"multiSelect":return t==="checked";default:return!1}}_calculateTransitionDelays(e,t){if(this._mode==="tap")return Array(e).fill(0);if(this._mode==="multiSelect")return si(0,e);if(this._mode==="select"){let r=this._internalState.previousSelectedIndex,s=this._selectedIndex;return this._internalState.isFirstSelection&&s!==null?ri(e):s===null&&r!==null?ni(e):r!==null&&s!==null&&r!==s?ii(r,s,e):Array(e).fill(0)}return Array(e).fill(0)}_calculateCheckmarkTransitions(e,t){if(this._mode==="tap"||this._mode==="multiSelect")return Array(e).fill("animated");if(this._mode==="select"){let r=this._internalState.previousSelectedIndex,s=this._selectedIndex,o=Array(e).fill("animated");return r!==null&&s!==null&&r!==s&&(o[r]=Ye(!0,this._mode),o[s]=Ye(!1,this._mode)),s===null&&r!==null&&(o[r]=Ye(!0,this._mode)),o}return Array(e).fill("animated")}_attachEventListeners(){let e=this._shadowRoot.querySelector("slot");e&&e.addEventListener("slotchange",this._handleSlotChange),this.addEventListener("click",this._handleChildClick),this.addEventListener("keydown",this._handleKeyDown),this.addEventListener("focusin",this._handleFocusIn)}_detachEventListeners(){let e=this._shadowRoot.querySelector("slot");e&&e.removeEventListener("slotchange",this._handleSlotChange),this.removeEventListener("click",this._handleChildClick),this.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("focusin",this._handleFocusIn)}_handleSelectModeClick(e){let t;this._selectedIndex===e?t=null:t=e,this._internalState.previousSelectedIndex=this._selectedIndex,t===null?this._internalState.isFirstSelection=!0:this._internalState.isFirstSelection&&(this._internalState.isFirstSelection=!1),this._error&&this._required&&t!==null&&Ze(this._mode,t,this._selectedIndices,this._required,this._minSelections,this._maxSelections).isValid&&(this._error=!1,this._errorMessage=void 0,this.removeAttribute("error"),this.removeAttribute("error-message"),this._domCreated&&this._updateDOM()),this._onSelectionChange&&this._onSelectionChange(t)}_handleMultiSelectModeClick(e){if(!ti(e,this._selectedIndices,this._maxSelections))return;let t;this._selectedIndices.includes(e)?t=this._selectedIndices.filter(r=>r!==e):t=[...this._selectedIndices,e],this._error&&Ze(this._mode,this._selectedIndex,t,this._required,this._minSelections,this._maxSelections).isValid&&(this._error=!1,this._errorMessage=void 0,this.removeAttribute("error"),this.removeAttribute("error-message"),this._domCreated&&this._updateDOM()),this._onMultiSelectionChange&&this._onMultiSelectionChange(t)}_processKeyboardNavigation(e,t){let r=this._internalState.focusedIndex;switch(e.key){case"ArrowDown":return{newFocusIndex:(r+1)%t,shouldActivate:!1,handled:!0};case"ArrowUp":return{newFocusIndex:(r-1+t)%t,shouldActivate:!1,handled:!0};case"Home":return{newFocusIndex:0,shouldActivate:!1,handled:!0};case"End":return{newFocusIndex:t-1,shouldActivate:!1,handled:!0};case"Enter":case" ":return{newFocusIndex:r,shouldActivate:!0,handled:!0};default:return{newFocusIndex:r,shouldActivate:!1,handled:!1}}}_moveFocusToIndex(e,t){let r=t||this._getChildItems();if(r.length===0||e<0||e>=r.length)return;this._internalState.focusedIndex=e,this._updateTabIndices(r,e);let s=r[e];s&&s.focus()}_updateTabIndices(e,t){e.forEach((r,s)=>{s===t?r.setAttribute("tabindex","0"):r.setAttribute("tabindex","-1")})}_activateItem(e){switch(this._mode){case"tap":this._onItemClick&&this._onItemClick(e);break;case"select":this._handleSelectModeClick(e);break;case"multiSelect":this._handleMultiSelectModeClick(e);break}}_getChildItems(){let e=this._shadowRoot.querySelector("slot");return e?e.assignedElements().filter(t=>t.tagName.toLowerCase()==="button-vertical-list-item"):[]}};typeof customElements<"u"&&!customElements.get("button-vertical-list-set")&&customElements.define("button-vertical-list-set",te);var pt={type:"human",size:"md",interactive:!1,decorative:!1};var h=8;function B(n){return{web:{value:n,unit:"px"},ios:{value:n,unit:"pt"},android:{value:n,unit:"dp"}}}var H={size050:{name:"size050",category:"sizing",baseValue:h*.5,familyBaseValue:h,description:"Size 050 - smallest component dimension",mathematicalRelationship:`base \xD7 0.5 = ${h} \xD7 0.5 = ${h*.5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*.5)},size100:{name:"size100",category:"sizing",baseValue:h,familyBaseValue:h,description:"Size 100 - base component dimension",mathematicalRelationship:`base \xD7 1 = ${h} \xD7 1 = ${h}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h)},size150:{name:"size150",category:"sizing",baseValue:h*1.5,familyBaseValue:h,description:"Size 150 - small component dimension",mathematicalRelationship:`base \xD7 1.5 = ${h} \xD7 1.5 = ${h*1.5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*1.5)},size200:{name:"size200",category:"sizing",baseValue:h*2,familyBaseValue:h,description:"Size 200 - medium-small component dimension",mathematicalRelationship:`base \xD7 2 = ${h} \xD7 2 = ${h*2}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*2)},size250:{name:"size250",category:"sizing",baseValue:h*2.5,familyBaseValue:h,description:"Size 250 - medium component dimension",mathematicalRelationship:`base \xD7 2.5 = ${h} \xD7 2.5 = ${h*2.5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*2.5)},size300:{name:"size300",category:"sizing",baseValue:h*3,familyBaseValue:h,description:"Size 300 - standard component dimension",mathematicalRelationship:`base \xD7 3 = ${h} \xD7 3 = ${h*3}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*3)},size400:{name:"size400",category:"sizing",baseValue:h*4,familyBaseValue:h,description:"Size 400 - large component dimension",mathematicalRelationship:`base \xD7 4 = ${h} \xD7 4 = ${h*4}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*4)},size500:{name:"size500",category:"sizing",baseValue:h*5,familyBaseValue:h,description:"Size 500 - extra-large component dimension",mathematicalRelationship:`base \xD7 5 = ${h} \xD7 5 = ${h*5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*5)},size600:{name:"size600",category:"sizing",baseValue:h*6,familyBaseValue:h,description:"Size 600 - prominent component dimension",mathematicalRelationship:`base \xD7 6 = ${h} \xD7 6 = ${h*6}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*6)},size700:{name:"size700",category:"sizing",baseValue:h*7,familyBaseValue:h,description:"Size 700 - large prominent component dimension",mathematicalRelationship:`base \xD7 7 = ${h} \xD7 7 = ${h*7}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*7)},size800:{name:"size800",category:"sizing",baseValue:h*8,familyBaseValue:h,description:"Size 800 - extra-large prominent component dimension",mathematicalRelationship:`base \xD7 8 = ${h} \xD7 8 = ${h*8}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*8)},size900:{name:"size900",category:"sizing",baseValue:h*9,familyBaseValue:h,description:"Size 900 - large prominent component dimension",mathematicalRelationship:`base \xD7 9 = ${h} \xD7 9 = ${h*9}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*9)},size1000:{name:"size1000",category:"sizing",baseValue:h*10,familyBaseValue:h,description:"Size 1000 - hero component dimension",mathematicalRelationship:`base \xD7 10 = ${h} \xD7 10 = ${h*10}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*10)},size1600:{name:"size1600",category:"sizing",baseValue:h*16,familyBaseValue:h,description:"Size 1600 - maximum component dimension",mathematicalRelationship:`base \xD7 16 = ${h} \xD7 16 = ${h*16}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*16)}},Co=Object.keys(H);var G=N({component:"Avatar",family:"sizing",tokens:{"size.xs":{reference:H.size300,reasoning:"Extra small avatar (24px). Compact contexts \u2014 inline mentions, dense lists."},"size.sm":{reference:H.size400,reasoning:"Small avatar (32px). Comment threads, contact lists."},"size.md":{reference:H.size500,reasoning:"Medium avatar (40px). Default size \u2014 profile cards, list items."},"size.lg":{reference:H.size600,reasoning:"Large avatar (48px). Profile headers, prominent identity display."},"size.xl":{reference:H.size1000,reasoning:"Extra large avatar (80px). Profile pages, hero sections."},"size.xxl":{reference:H.size1600,reasoning:"Extra extra large avatar (128px). Full profile view, onboarding."}}}),Ao=N({component:"Avatar",family:"spacing",tokens:{"icon.size.xs":{value:h*1.5,reasoning:"Icon size for xs avatar (12px = 1.5\xD7 base) maintains 50% ratio (12/24). No existing icon token at this size, so component token fills the gap."},"icon.size.xxl":{value:h*8,reasoning:"Icon size for xxl avatar (64px = 8\xD7 base) maintains 50% ratio (64/128). No existing icon token at this size, so component token fills the gap."}}});var gt=".avatar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;flex-shrink:0}.avatar--human{border-radius:var(--radius-half)}.avatar--agent{aspect-ratio:1;position:relative;border:none !important;background-color:transparent}.avatar--size-xs{height:calc(var(--icon-size-050) * 1.5)}.avatar--human.avatar--size-xs{width:calc(var(--icon-size-050) * 1.5)}.avatar--size-sm{height:calc(var(--icon-size-050) * 2)}.avatar--human.avatar--size-sm{width:calc(var(--icon-size-050) * 2)}.avatar--size-md{height:calc(var(--icon-size-075) * 2)}.avatar--human.avatar--size-md{width:calc(var(--icon-size-075) * 2)}.avatar--size-lg{height:calc(var(--icon-size-100) * 2)}.avatar--human.avatar--size-lg{width:calc(var(--icon-size-100) * 2)}.avatar--size-xl{height:calc(var(--icon-size-500) * 2)}.avatar--human.avatar--size-xl{width:calc(var(--icon-size-500) * 2)}.avatar--size-xxl{height:calc(var(--icon-size-050) * 8)}.avatar--human.avatar--size-xxl{width:calc(var(--icon-size-050) * 8)}.avatar--human{background-color:var(--color-identity-human)}.avatar{border-width:var(--border-default);border-style:solid;border-color:color-mix(in oklch,var(--color-structure-border) 48%,transparent)}.avatar--size-xxl{border-width:var(--border-emphasis);border-color:var(--color-contrast-on-dark)}.avatar--interactive{cursor:pointer;transition:border-width var(--motion-focus-transition-duration) var(--motion-focus-transition-easing)}.avatar--interactive:hover{border-width:var(--border-emphasis)}@media (prefers-reduced-motion:reduce){.avatar--interactive{transition:none}}@media (prefers-contrast:high){.avatar{border:var(--border-emphasis) solid currentColor}}.avatar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.avatar__icon--human{color:var(--color-contrast-on-dark)}.avatar__icon--agent{color:var(--color-contrast-on-dark)}.avatar__icon-svg{width:100%;height:100%;display:block}.avatar__icon .icon-base{color:inherit}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar--has-image{background-color:transparent}.avatar__hexagon-svg{position:absolute;top:0;left:0;pointer-events:none}.avatar__hexagon-bg{}.avatar__hexagon-border{transition:stroke-width var(--motion-focus-transition-duration) var(--motion-focus-transition-easing)}.avatar--agent.avatar--interactive:hover .avatar__hexagon-border{stroke-width:var(--border-emphasis)}.avatar__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.avatar--agent.avatar--size-xs{width:calc(var(--icon-size-050) * 1.5)}.avatar--agent.avatar--size-sm{width:calc(var(--icon-size-050) * 2)}.avatar--agent.avatar--size-md{width:calc(var(--icon-size-075) * 2)}.avatar--agent.avatar--size-lg{width:calc(var(--icon-size-100) * 2)}.avatar--agent.avatar--size-xl{width:calc(var(--icon-size-500) * 2)}.avatar--agent.avatar--size-xxl{width:calc(var(--icon-size-050) * 8)}";function $r(n,i){let e=i??n*.08,t=n/2,r=n/2,s=n,a=n*Math.cos(Math.PI/6)/2,l=s/4,c=[{x:t,y:0},{x:t+a,y:l},{x:t+a,y:3*l},{x:t,y:s},{x:t-a,y:3*l},{x:t-a,y:l}],d=[],p=c.length;for(let A=0;A<p;A++){let T=c[A],Ne=c[(A+1)%p],we=c[(A-1+p)%p],V={x:we.x-T.x,y:we.y-T.y},Z={x:Ne.x-T.x,y:Ne.y-T.y},xt=Math.sqrt(V.x*V.x+V.y*V.y),kt=Math.sqrt(Z.x*Z.x+Z.y*Z.y),Ct={x:V.x/xt,y:V.y/xt},St={x:Z.x/kt,y:Z.y/kt},Et={x:T.x+Ct.x*e,y:T.y+Ct.y*e},He={x:T.x+St.x*e,y:T.y+St.y*e};A===0?d.push(`M ${He.x.toFixed(2)} ${He.y.toFixed(2)}`):(d.push(`L ${Et.x.toFixed(2)} ${Et.y.toFixed(2)}`),d.push(`Q ${T.x.toFixed(2)} ${T.y.toFixed(2)} ${He.x.toFixed(2)} ${He.y.toFixed(2)}`))}let u=c[0],m=c[1],g=c[p-1],f={x:g.x-u.x,y:g.y-u.y},b={x:m.x-u.x,y:m.y-u.y},C=Math.sqrt(f.x*f.x+f.y*f.y),x=Math.sqrt(b.x*b.x+b.y*b.y),y={x:f.x/C,y:f.y/C},E={x:b.x/x,y:b.y/x},S={x:u.x+y.x*e,y:u.y+y.y*e},L={x:u.x+E.x*e,y:u.y+E.y*e};return d.push(`L ${S.x.toFixed(2)} ${S.y.toFixed(2)}`),d.push(`Q ${u.x.toFixed(2)} ${u.y.toFixed(2)} ${L.x.toFixed(2)} ${L.y.toFixed(2)}`),d.push("Z"),d.join(" ")}var Pr={xs:"xs",sm:13,md:20,lg:24,xl:40,xxl:"xxl"},Mr={xs:G["size.xs"],sm:G["size.sm"],md:G["size.md"],lg:G["size.lg"],xl:G["size.xl"],xxl:G["size.xxl"]},Dr={human:"user",agent:"settings"},W=class extends HTMLElement{static get observedAttributes(){return["type","size","src","alt","interactive","decorative","testid"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get type(){let i=this.getAttribute("type");return i==="human"||i==="agent"?i:pt.type}set type(i){this.setAttribute("type",i)}get size(){let i=this.getAttribute("size");return["xs","sm","md","lg","xl","xxl"].includes(i)?i:pt.size}set size(i){this.setAttribute("size",i)}get src(){return this.getAttribute("src")}set src(i){i?this.setAttribute("src",i):this.removeAttribute("src")}get alt(){return this.getAttribute("alt")}set alt(i){i?this.setAttribute("alt",i):this.removeAttribute("alt")}get interactive(){return this.getAttribute("interactive")==="true"}set interactive(i){i?this.setAttribute("interactive","true"):this.removeAttribute("interactive")}get decorative(){return this.getAttribute("decorative")==="true"}set decorative(i){i?this.setAttribute("decorative","true"):this.removeAttribute("decorative")}get testID(){return this.getAttribute("testid")}set testID(i){i?this.setAttribute("testid",i):this.removeAttribute("testid")}renderIconContent(i,e){let t=Dr[i],r=Pr[e];if(r==="xs"||r==="xxl"){let o=r==="xs"?"calc(var(--icon-size-050) * 0.75)":"calc(var(--icon-size-050) * 4)",a=this.getIconSVGContent(t);return`
338
+ `,this._container=this._shadowRoot.querySelector(".vls-container"),this._errorMessageEl=this._shadowRoot.querySelector(".vls-error-message"),this._updateDOM()}_updateDOM(){if(!this._container)return;let e=li(this._mode);this._container.setAttribute("role",e),this._mode==="multiSelect"?this._container.setAttribute("aria-multiselectable","true"):this._container.removeAttribute("aria-multiselectable"),this._error&&this._errorMessage?(this._container.setAttribute("aria-invalid","true"),this._container.setAttribute("aria-describedby",this._errorMessageId)):(this._container.removeAttribute("aria-invalid"),this._container.removeAttribute("aria-describedby")),this._testID?this._container.setAttribute("data-testid",this._testID):this._container.removeAttribute("data-testid"),this._errorMessageEl&&(this._error&&this._errorMessage?(this._errorMessageEl.textContent=this._errorMessage,this._errorMessageEl.style.display=""):(this._errorMessageEl.textContent="",this._errorMessageEl.style.display="none")),this._updateChildItems()}_updateChildItems(){let e=this._shadowRoot.querySelector("slot");if(!e)return;let t=e.assignedElements(),r=t.length,s=oi(this._mode,this._selectedIndex,this._selectedIndices,r),o=this._calculateTransitionDelays(r,s),a=this._calculateCheckmarkTransitions(r,s),l=this._getItemRole();this._internalState.focusedIndex>=r&&(this._internalState.focusedIndex=Math.max(0,r-1)),t.forEach((c,d)=>{if(c.tagName.toLowerCase()==="button-vertical-list-item"){let p=s[d];c.setAttribute("visual-state",p);let u=o[d];c.setAttribute("transition-delay",String(u));let m=a[d];if(c.setAttribute("checkmark-transition",m==="instant"?"instant":"fade"),this._error?c.setAttribute("error","true"):c.setAttribute("error","false"),c.setAttribute("role",l),l==="radio"||l==="checkbox"){let g=this._getItemAriaChecked(d,p);c.setAttribute("aria-checked",g?"true":"false")}else c.removeAttribute("aria-checked");d===this._internalState.focusedIndex?c.setAttribute("tabindex","0"):c.setAttribute("tabindex","-1")}})}_getItemRole(){switch(this._mode){case"tap":return"button";case"select":return"radio";case"multiSelect":return"checkbox";default:return"button"}}_getItemAriaChecked(e,t){switch(this._mode){case"select":return t==="selected";case"multiSelect":return t==="checked";default:return!1}}_calculateTransitionDelays(e,t){if(this._mode==="tap")return Array(e).fill(0);if(this._mode==="multiSelect")return si(0,e);if(this._mode==="select"){let r=this._internalState.previousSelectedIndex,s=this._selectedIndex;return this._internalState.isFirstSelection&&s!==null?ri(e):s===null&&r!==null?ni(e):r!==null&&s!==null&&r!==s?ii(r,s,e):Array(e).fill(0)}return Array(e).fill(0)}_calculateCheckmarkTransitions(e,t){if(this._mode==="tap"||this._mode==="multiSelect")return Array(e).fill("animated");if(this._mode==="select"){let r=this._internalState.previousSelectedIndex,s=this._selectedIndex,o=Array(e).fill("animated");return r!==null&&s!==null&&r!==s&&(o[r]=Ye(!0,this._mode),o[s]=Ye(!1,this._mode)),s===null&&r!==null&&(o[r]=Ye(!0,this._mode)),o}return Array(e).fill("animated")}_attachEventListeners(){let e=this._shadowRoot.querySelector("slot");e&&e.addEventListener("slotchange",this._handleSlotChange),this.addEventListener("click",this._handleChildClick),this.addEventListener("keydown",this._handleKeyDown),this.addEventListener("focusin",this._handleFocusIn)}_detachEventListeners(){let e=this._shadowRoot.querySelector("slot");e&&e.removeEventListener("slotchange",this._handleSlotChange),this.removeEventListener("click",this._handleChildClick),this.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("focusin",this._handleFocusIn)}_handleSelectModeClick(e){let t;this._selectedIndex===e?t=null:t=e,this._internalState.previousSelectedIndex=this._selectedIndex,t===null?this._internalState.isFirstSelection=!0:this._internalState.isFirstSelection&&(this._internalState.isFirstSelection=!1),this._error&&this._required&&t!==null&&Ze(this._mode,t,this._selectedIndices,this._required,this._minSelections,this._maxSelections).isValid&&(this._error=!1,this._errorMessage=void 0,this.removeAttribute("error"),this.removeAttribute("error-message"),this._domCreated&&this._updateDOM()),this._onSelectionChange&&this._onSelectionChange(t)}_handleMultiSelectModeClick(e){if(!ti(e,this._selectedIndices,this._maxSelections))return;let t;this._selectedIndices.includes(e)?t=this._selectedIndices.filter(r=>r!==e):t=[...this._selectedIndices,e],this._error&&Ze(this._mode,this._selectedIndex,t,this._required,this._minSelections,this._maxSelections).isValid&&(this._error=!1,this._errorMessage=void 0,this.removeAttribute("error"),this.removeAttribute("error-message"),this._domCreated&&this._updateDOM()),this._onMultiSelectionChange&&this._onMultiSelectionChange(t)}_processKeyboardNavigation(e,t){let r=this._internalState.focusedIndex;switch(e.key){case"ArrowDown":return{newFocusIndex:(r+1)%t,shouldActivate:!1,handled:!0};case"ArrowUp":return{newFocusIndex:(r-1+t)%t,shouldActivate:!1,handled:!0};case"Home":return{newFocusIndex:0,shouldActivate:!1,handled:!0};case"End":return{newFocusIndex:t-1,shouldActivate:!1,handled:!0};case"Enter":case" ":return{newFocusIndex:r,shouldActivate:!0,handled:!0};default:return{newFocusIndex:r,shouldActivate:!1,handled:!1}}}_moveFocusToIndex(e,t){let r=t||this._getChildItems();if(r.length===0||e<0||e>=r.length)return;this._internalState.focusedIndex=e,this._updateTabIndices(r,e);let s=r[e];s&&s.focus()}_updateTabIndices(e,t){e.forEach((r,s)=>{s===t?r.setAttribute("tabindex","0"):r.setAttribute("tabindex","-1")})}_activateItem(e){switch(this._mode){case"tap":this._onItemClick&&this._onItemClick(e);break;case"select":this._handleSelectModeClick(e);break;case"multiSelect":this._handleMultiSelectModeClick(e);break}}_getChildItems(){let e=this._shadowRoot.querySelector("slot");return e?e.assignedElements().filter(t=>t.tagName.toLowerCase()==="button-vertical-list-item"):[]}};typeof customElements<"u"&&!customElements.get("button-vertical-list-set")&&customElements.define("button-vertical-list-set",te);var pt={type:"human",size:"md",interactive:!1,decorative:!1};var h=8;function B(n){return{web:{value:n,unit:"px"},ios:{value:n,unit:"pt"},android:{value:n,unit:"dp"}}}var H={size050:{name:"size050",category:"sizing",baseValue:h*.5,familyBaseValue:h,description:"Size 050 - smallest component dimension",mathematicalRelationship:`base \xD7 0.5 = ${h} \xD7 0.5 = ${h*.5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*.5)},size100:{name:"size100",category:"sizing",baseValue:h,familyBaseValue:h,description:"Size 100 - base component dimension",mathematicalRelationship:`base \xD7 1 = ${h} \xD7 1 = ${h}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h)},size150:{name:"size150",category:"sizing",baseValue:h*1.5,familyBaseValue:h,description:"Size 150 - small component dimension",mathematicalRelationship:`base \xD7 1.5 = ${h} \xD7 1.5 = ${h*1.5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*1.5)},size200:{name:"size200",category:"sizing",baseValue:h*2,familyBaseValue:h,description:"Size 200 - medium-small component dimension",mathematicalRelationship:`base \xD7 2 = ${h} \xD7 2 = ${h*2}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*2)},size250:{name:"size250",category:"sizing",baseValue:h*2.5,familyBaseValue:h,description:"Size 250 - medium component dimension",mathematicalRelationship:`base \xD7 2.5 = ${h} \xD7 2.5 = ${h*2.5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*2.5)},size300:{name:"size300",category:"sizing",baseValue:h*3,familyBaseValue:h,description:"Size 300 - standard component dimension",mathematicalRelationship:`base \xD7 3 = ${h} \xD7 3 = ${h*3}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*3)},size400:{name:"size400",category:"sizing",baseValue:h*4,familyBaseValue:h,description:"Size 400 - large component dimension",mathematicalRelationship:`base \xD7 4 = ${h} \xD7 4 = ${h*4}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*4)},size500:{name:"size500",category:"sizing",baseValue:h*5,familyBaseValue:h,description:"Size 500 - extra-large component dimension",mathematicalRelationship:`base \xD7 5 = ${h} \xD7 5 = ${h*5}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*5)},size600:{name:"size600",category:"sizing",baseValue:h*6,familyBaseValue:h,description:"Size 600 - prominent component dimension",mathematicalRelationship:`base \xD7 6 = ${h} \xD7 6 = ${h*6}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*6)},size700:{name:"size700",category:"sizing",baseValue:h*7,familyBaseValue:h,description:"Size 700 - large prominent component dimension",mathematicalRelationship:`base \xD7 7 = ${h} \xD7 7 = ${h*7}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*7)},size800:{name:"size800",category:"sizing",baseValue:h*8,familyBaseValue:h,description:"Size 800 - extra-large prominent component dimension",mathematicalRelationship:`base \xD7 8 = ${h} \xD7 8 = ${h*8}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*8)},size900:{name:"size900",category:"sizing",baseValue:h*9,familyBaseValue:h,description:"Size 900 - large prominent component dimension",mathematicalRelationship:`base \xD7 9 = ${h} \xD7 9 = ${h*9}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*9)},size1000:{name:"size1000",category:"sizing",baseValue:h*10,familyBaseValue:h,description:"Size 1000 - hero component dimension",mathematicalRelationship:`base \xD7 10 = ${h} \xD7 10 = ${h*10}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*10)},size1600:{name:"size1600",category:"sizing",baseValue:h*16,familyBaseValue:h,description:"Size 1600 - maximum component dimension",mathematicalRelationship:`base \xD7 16 = ${h} \xD7 16 = ${h*16}`,baselineGridAlignment:!0,isStrategicFlexibility:!1,isPrecisionTargeted:!1,platforms:B(h*16)}},Co=Object.keys(H);var G=N({component:"Avatar",family:"sizing",tokens:{"size.xs":{reference:H.size300,reasoning:"Extra small avatar (24px). Compact contexts \u2014 inline mentions, dense lists."},"size.sm":{reference:H.size400,reasoning:"Small avatar (32px). Comment threads, contact lists."},"size.md":{reference:H.size500,reasoning:"Medium avatar (40px). Default size \u2014 profile cards, list items."},"size.lg":{reference:H.size600,reasoning:"Large avatar (48px). Profile headers, prominent identity display."},"size.xl":{reference:H.size1000,reasoning:"Extra large avatar (80px). Profile pages, hero sections."},"size.xxl":{reference:H.size1600,reasoning:"Extra extra large avatar (128px). Full profile view, onboarding."}}}),Ao=N({component:"Avatar",family:"spacing",tokens:{"icon.size.xs":{value:h*1.5,reasoning:"Icon size for xs avatar (12px = 1.5\xD7 base) maintains 50% ratio (12/24). No existing icon token at this size, so component token fills the gap."},"icon.size.xxl":{value:h*8,reasoning:"Icon size for xxl avatar (64px = 8\xD7 base) maintains 50% ratio (64/128). No existing icon token at this size, so component token fills the gap."}}});var gt=".avatar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;flex-shrink:0}.avatar--human{border-radius:var(--radius-half)}.avatar--agent{aspect-ratio:1;position:relative;border:none !important;background-color:transparent}.avatar--size-xs{height:calc(var(--icon-size-050) * 1.5)}.avatar--human.avatar--size-xs{width:calc(var(--icon-size-050) * 1.5)}.avatar--size-sm{height:calc(var(--icon-size-050) * 2)}.avatar--human.avatar--size-sm{width:calc(var(--icon-size-050) * 2)}.avatar--size-md{height:calc(var(--icon-size-075) * 2)}.avatar--human.avatar--size-md{width:calc(var(--icon-size-075) * 2)}.avatar--size-lg{height:calc(var(--icon-size-100) * 2)}.avatar--human.avatar--size-lg{width:calc(var(--icon-size-100) * 2)}.avatar--size-xl{height:calc(var(--icon-size-500) * 2)}.avatar--human.avatar--size-xl{width:calc(var(--icon-size-500) * 2)}.avatar--size-xxl{height:calc(var(--icon-size-050) * 8)}.avatar--human.avatar--size-xxl{width:calc(var(--icon-size-050) * 8)}.avatar--human{background-color:var(--color-identity-human)}.avatar{border-width:var(--border-default);border-style:solid;border-color:color-mix(in oklch,var(--color-structure-border) 48%,transparent)}.avatar--size-xxl{border-width:var(--border-emphasis);border-color:var(--color-contrast-on-dark)}.avatar--interactive{cursor:pointer;transition:border-width var(--motion-focus-transition-duration) var(--motion-focus-transition-easing)}.avatar--interactive:hover{border-width:var(--border-emphasis)}@media (prefers-reduced-motion:reduce){.avatar--interactive{transition:none}}@media (prefers-contrast:high){.avatar{border:var(--border-emphasis) solid currentColor}}.avatar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.avatar__icon--human{color:var(--color-contrast-on-dark)}.avatar__icon--agent{color:var(--color-contrast-on-dark)}.avatar__icon-svg{width:100%;height:100%;display:block}.avatar__icon .icon-base{color:inherit}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar--has-image{background-color:transparent}.avatar__hexagon-svg{position:absolute;top:0;left:0;pointer-events:none}.avatar__hexagon-bg{}.avatar__hexagon-border{transition:stroke-width var(--motion-focus-transition-duration) var(--motion-focus-transition-easing)}.avatar--agent.avatar--interactive:hover .avatar__hexagon-border{stroke-width:var(--border-emphasis)}.avatar__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.avatar--agent.avatar--size-xs{width:calc(var(--icon-size-050) * 1.5)}.avatar--agent.avatar--size-sm{width:calc(var(--icon-size-050) * 2)}.avatar--agent.avatar--size-md{width:calc(var(--icon-size-075) * 2)}.avatar--agent.avatar--size-lg{width:calc(var(--icon-size-100) * 2)}.avatar--agent.avatar--size-xl{width:calc(var(--icon-size-500) * 2)}.avatar--agent.avatar--size-xxl{width:calc(var(--icon-size-050) * 8)}";function $r(n,i){let e=i??n*.08,t=n/2,r=n/2,s=n,a=n*Math.cos(Math.PI/6)/2,l=s/4,c=[{x:t,y:0},{x:t+a,y:l},{x:t+a,y:3*l},{x:t,y:s},{x:t-a,y:3*l},{x:t-a,y:l}],d=[],p=c.length;for(let A=0;A<p;A++){let T=c[A],Ne=c[(A+1)%p],we=c[(A-1+p)%p],V={x:we.x-T.x,y:we.y-T.y},Z={x:Ne.x-T.x,y:Ne.y-T.y},xt=Math.sqrt(V.x*V.x+V.y*V.y),kt=Math.sqrt(Z.x*Z.x+Z.y*Z.y),Ct={x:V.x/xt,y:V.y/xt},St={x:Z.x/kt,y:Z.y/kt},Et={x:T.x+Ct.x*e,y:T.y+Ct.y*e},He={x:T.x+St.x*e,y:T.y+St.y*e};A===0?d.push(`M ${He.x.toFixed(2)} ${He.y.toFixed(2)}`):(d.push(`L ${Et.x.toFixed(2)} ${Et.y.toFixed(2)}`),d.push(`Q ${T.x.toFixed(2)} ${T.y.toFixed(2)} ${He.x.toFixed(2)} ${He.y.toFixed(2)}`))}let u=c[0],m=c[1],g=c[p-1],f={x:g.x-u.x,y:g.y-u.y},b={x:m.x-u.x,y:m.y-u.y},x=Math.sqrt(f.x*f.x+f.y*f.y),C=Math.sqrt(b.x*b.x+b.y*b.y),y={x:f.x/x,y:f.y/x},E={x:b.x/C,y:b.y/C},S={x:u.x+y.x*e,y:u.y+y.y*e},L={x:u.x+E.x*e,y:u.y+E.y*e};return d.push(`L ${S.x.toFixed(2)} ${S.y.toFixed(2)}`),d.push(`Q ${u.x.toFixed(2)} ${u.y.toFixed(2)} ${L.x.toFixed(2)} ${L.y.toFixed(2)}`),d.push("Z"),d.join(" ")}var Pr={xs:"xs",sm:13,md:20,lg:24,xl:40,xxl:"xxl"},Mr={xs:G["size.xs"],sm:G["size.sm"],md:G["size.md"],lg:G["size.lg"],xl:G["size.xl"],xxl:G["size.xxl"]},Dr={human:"user",agent:"settings"},W=class extends HTMLElement{static get observedAttributes(){return["type","size","src","alt","interactive","decorative","testid"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get type(){let i=this.getAttribute("type");return i==="human"||i==="agent"?i:pt.type}set type(i){this.setAttribute("type",i)}get size(){let i=this.getAttribute("size");return["xs","sm","md","lg","xl","xxl"].includes(i)?i:pt.size}set size(i){this.setAttribute("size",i)}get src(){return this.getAttribute("src")}set src(i){i?this.setAttribute("src",i):this.removeAttribute("src")}get alt(){return this.getAttribute("alt")}set alt(i){i?this.setAttribute("alt",i):this.removeAttribute("alt")}get interactive(){return this.getAttribute("interactive")==="true"}set interactive(i){i?this.setAttribute("interactive","true"):this.removeAttribute("interactive")}get decorative(){return this.getAttribute("decorative")==="true"}set decorative(i){i?this.setAttribute("decorative","true"):this.removeAttribute("decorative")}get testID(){return this.getAttribute("testid")}set testID(i){i?this.setAttribute("testid",i):this.removeAttribute("testid")}renderIconContent(i,e){let t=Dr[i],r=Pr[e];if(r==="xs"||r==="xxl"){let o=r==="xs"?"calc(var(--icon-size-050) * 0.75)":"calc(var(--icon-size-050) * 4)",a=this.getIconSVGContent(t);return`
342
339
  <span class="avatar__icon avatar__icon--${i}" style="width: ${o}; height: ${o};">
343
340
  <svg
344
341
  viewBox="0 0 24 24"
@@ -364,7 +361,7 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
364
361
  alt="${r}"
365
362
  loading="lazy"
366
363
  />
367
- `}handleImageError(){this.removeAttribute("src")}escapeHtml(i){let e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return i.replace(/[&<>"']/g,t=>e[t])}renderContent(i,e,t,r){return i==="agent"?this.renderIconContent(i,e):t?this.renderImageContent(t,r):this.renderIconContent(i,e)}render(){let i=this.type,e=this.size,t=this.src,r=this.alt,s=this.interactive,o=this.decorative,a=this.testID,l=i==="human"&&t,c=["avatar",`avatar--${i}`,`avatar--size-${e}`,s?"avatar--interactive":"",l?"avatar--has-image":""].filter(Boolean).join(" "),d=a?` data-testid="${this.escapeHtml(a)}"`:"",p=o?' aria-hidden="true"':"";t&&!r&&typeof console<"u"&&console.warn('AvatarBaseElement: "alt" prop is required when "src" is provided for accessibility. Please add an alt attribute describing the image.'),i==="agent"?this._shadowRoot.innerHTML=`
364
+ `}handleImageError(){this.removeAttribute("src")}escapeHtml(i){let e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return i.replace(/[&<>"']/g,t=>e[t])}renderContent(i,e,t,r){return i==="agent"?this.renderIconContent(i,e):t?this.renderImageContent(t,r):this.renderIconContent(i,e)}render(){let i=this.type,e=this.size,t=this.src,r=this.alt,s=this.interactive,o=this.decorative,a=this.testID,l=i==="human"&&t,c=["avatar",`avatar--${i}`,`avatar--size-${e}`,s?"avatar--interactive":"",l?"avatar--has-image":""].filter(Boolean).join(" "),d=a?` data-testid="${this.escapeHtml(a)}"`:"",p=o?' aria-hidden="true"':"";i==="human"&&t&&r==null&&!o&&typeof console<"u"&&console.warn('AvatarBaseElement: "alt" is required when "src" is provided. Add an alt description of the image; or, if this avatar is purely decorative (non-informative), set the "decorative" prop to hide it from screen readers.'),i==="agent"?this._shadowRoot.innerHTML=`
368
365
  <style>
369
366
  :host {
370
367
  display: inline-block;
@@ -470,15 +467,15 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
470
467
  <span class="badge-count-notification__text">${this.escapeHtml(r)}</span>
471
468
  ${d}
472
469
  </span>
473
- `,this._previousCount=this.count}escapeHtml(e){let t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return e.replace(/[&<>"']/g,r=>t[r])}};customElements.get("badge-count-notification")||customElements.define("badge-count-notification",se);var mi=["checked","indeterminate","label","size","label-align","label-typography","helper-text","error-message","test-id","name","value"],Je={checked:!1,indeterminate:!1,size:"md",labelAlign:"center",labelTypography:"inherit"};var bi=":host{display:inline-block}.checkbox{display:inline-flex;align-items:center;position:relative}.checkbox__touch-target{display:inline-flex;align-items:center;cursor:pointer;user-select:none;min-height:var(--tap-area-recommended);box-sizing:border-box}.checkbox--align-top{align-items:flex-start}.checkbox--align-top .checkbox__touch-target{align-items:flex-start}.checkbox--sm .checkbox__touch-target{gap:var(--space-grouped-normal)}.checkbox--sm .checkbox__box{width:calc(var(--icon-size-050)+var(--space-inset-050) * 2);height:calc(var(--icon-size-050)+var(--space-inset-050) * 2);border-radius:var(--radius-subtle)}.checkbox--sm .checkbox__label{font-family:var(--typography-label-sm-font-family);font-size:var(--typography-label-sm-font-size);font-weight:var(--typography-label-sm-font-weight);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing)}.checkbox--md .checkbox__touch-target{gap:var(--space-grouped-normal)}.checkbox--md .checkbox__box{width:calc(var(--icon-size-075)+var(--space-inset-075) * 2);height:calc(var(--icon-size-075)+var(--space-inset-075) * 2);border-radius:var(--radius-small)}.checkbox--md .checkbox__label{font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.checkbox--lg .checkbox__touch-target{gap:var(--space-grouped-loose)}.checkbox--lg .checkbox__box{width:calc(var(--icon-size-100)+var(--space-inset-100) * 2);height:calc(var(--icon-size-100)+var(--space-inset-100) * 2);border-radius:var(--radius-small)}.checkbox--lg .checkbox__label{font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.checkbox--label-sm .checkbox__label{font-family:var(--typography-label-sm-font-family);font-size:var(--typography-label-sm-font-size);font-weight:var(--typography-label-sm-font-weight);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing)}.checkbox--label-md .checkbox__label{font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.checkbox--label-lg .checkbox__label{font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__box{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:var(--border-emphasis) solid var(--color-feedback-select-border-default);background-color:transparent;transition:background-color var(--motion-selection-transition-duration) var(--motion-selection-transition-easing),border-color var(--motion-selection-transition-duration) var(--motion-selection-transition-easing);box-sizing:border-box}.checkbox__box icon-base{color:var(--color-contrast-on-light);display:flex}.checkbox--checked .checkbox__box{background-color:var(--color-feedback-select-background-rest);border-color:var(--color-feedback-select-border-rest)}.checkbox--indeterminate .checkbox__box{background-color:var(--color-feedback-select-background-rest);border-color:var(--color-feedback-select-border-rest)}.checkbox--error .checkbox__box{border-color:var(--color-feedback-error-border)}.checkbox__touch-target:hover .checkbox__box{border-color:var(--_checkbox-hover-border,var(--color-feedback-select-border-rest))}.checkbox--checked .checkbox__touch-target:hover .checkbox__box,.checkbox--indeterminate .checkbox__touch-target:hover .checkbox__box{border-color:var(--color-feedback-select-border-rest)}.checkbox-container{display:flex;flex-direction:column}.checkbox__content{display:flex;flex-direction:column;min-width:0}.checkbox__label{color:var(--color-text-default)}.checkbox__helper{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-text-muted)}.checkbox__error{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-feedback-error-text)}.checkbox__input:focus-visible~.checkbox__touch-target .checkbox__box{outline:var(--accessibility-focus-width) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-focus-offset)}@media (prefers-contrast:high){.checkbox__box{border:var(--border-emphasis) solid currentColor}.checkbox__input:focus-visible~.checkbox__touch-target .checkbox__box{outline-width:var(--border-heavy)}}@media (prefers-reduced-motion:reduce){.checkbox__box{transition:none}}@media print{.checkbox__box{background-color:transparent !important;border-color:var(--color-print-default) !important}.checkbox__label{color:var(--color-print-default) !important}}";var Hr=0,vi={sm:13,md:20,lg:24},oe=class extends HTMLElement{constructor(){super();this._input=null;this._form=null;this.onChange=null;this._hoverBorderColor="";this._onFormReset=()=>{this.checked=!1,this.indeterminate=!1,this._input&&(this._input.checked=!1,this._input.indeterminate=!1)};this._onInputChange=()=>{if(!this._input)return;let e=this._input.checked;e?this.setAttribute("checked",""):this.removeAttribute("checked"),this.indeterminate&&this.removeAttribute("indeterminate"),this.onChange?.(e),this.dispatchEvent(new CustomEvent("change",{detail:{checked:e},bubbles:!0,composed:!0}))};this._shadowRoot=this.attachShadow({mode:"open"}),this._generatedId=`checkbox-${++Hr}`,this._blendUtils=k()}static get observedAttributes(){return[...mi]}connectedCallback(){this._calculateBlendColors(),this._attachToForm(),this.render(),this._attachListeners()}disconnectedCallback(){this._detachListeners(),this._detachFromForm()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&(this.render(),this._attachListeners())}get checked(){return this.hasAttribute("checked")}set checked(e){e?this.setAttribute("checked",""):this.removeAttribute("checked")}get indeterminate(){return this.hasAttribute("indeterminate")}set indeterminate(e){e?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate")}get label(){return this.getAttribute("label")||""}set label(e){this.setAttribute("label",e)}get size(){let e=this.getAttribute("size");return e==="sm"||e==="md"||e==="lg"?e:Je.size}set size(e){this.setAttribute("size",e)}get labelAlign(){let e=this.getAttribute("label-align");return e==="center"||e==="top"?e:Je.labelAlign}set labelAlign(e){this.setAttribute("label-align",e)}get labelTypography(){let e=this.getAttribute("label-typography");return e==="inherit"||e==="sm"||e==="md"||e==="lg"?e:Je.labelTypography}set labelTypography(e){this.setAttribute("label-typography",e)}get helperText(){return this.getAttribute("helper-text")}set helperText(e){e?this.setAttribute("helper-text",e):this.removeAttribute("helper-text")}get errorMessage(){return this.getAttribute("error-message")}set errorMessage(e){e?this.setAttribute("error-message",e):this.removeAttribute("error-message")}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}get name(){return this.getAttribute("name")}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get value(){return this.getAttribute("value")||"on"}set value(e){this.setAttribute("value",e)}_calculateBlendColors(){let t=getComputedStyle(document.documentElement).getPropertyValue("--color-feedback-select-border-default").trim();t&&(this._hoverBorderColor=this._blendUtils.hoverColor(t))}_attachToForm(){this._form=this.closest("form"),this._form&&this._form.addEventListener("reset",this._onFormReset)}_detachFromForm(){this._form&&(this._form.removeEventListener("reset",this._onFormReset),this._form=null)}render(){let e=this.getAttribute("id")||this._generatedId,t=`${e}-input`,r=`${e}-helper`,s=`${e}-error`,o=this.label,a=this.size,l=this.labelAlign,c=this.labelTypography,d=this.checked,p=this.indeterminate,u=this.helperText,m=this.errorMessage,g=!!m,f=this.testID,b=this.name,C=this.value,x=["checkbox",`checkbox--${a}`,l==="top"?"checkbox--align-top":"",c!=="inherit"?`checkbox--label-${c}`:"",d?"checkbox--checked":"",p?"checkbox--indeterminate":"",g?"checkbox--error":""].filter(Boolean).join(" "),y="";p?y=$({name:"minus",size:vi[a],color:"inherit"}):d&&(y=$({name:"check",size:vi[a],color:"inherit"}));let E=f?` data-testid="${f}"`:"",S=[];m&&S.push(s),u&&S.push(r);let L=S.length>0?` aria-describedby="${S.join(" ")}"`:"",A=u?`<span class="checkbox__helper" id="${r}">${u}</span>`:"",T=m?`<span class="checkbox__error" id="${s}" role="alert">${m}</span>`:"",Ne=b?` name="${b}"`:"",we=`${e}-label`;this._shadowRoot.innerHTML=`
470
+ `,this._previousCount=this.count}escapeHtml(e){let t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return e.replace(/[&<>"']/g,r=>t[r])}};customElements.get("badge-count-notification")||customElements.define("badge-count-notification",se);var mi=["checked","indeterminate","label","size","label-align","label-typography","helper-text","error-message","test-id","name","value"],Je={checked:!1,indeterminate:!1,size:"md",labelAlign:"center",labelTypography:"inherit"};var bi=":host{display:inline-block}.checkbox{display:inline-flex;align-items:center;position:relative}.checkbox__touch-target{display:inline-flex;align-items:center;cursor:pointer;user-select:none;min-height:var(--tap-area-recommended);box-sizing:border-box}.checkbox--align-top{align-items:flex-start}.checkbox--align-top .checkbox__touch-target{align-items:flex-start}.checkbox--sm .checkbox__touch-target{gap:var(--space-grouped-normal)}.checkbox--sm .checkbox__box{width:calc(var(--icon-size-050)+var(--space-inset-050) * 2);height:calc(var(--icon-size-050)+var(--space-inset-050) * 2);border-radius:var(--radius-subtle)}.checkbox--sm .checkbox__label{font-family:var(--typography-label-sm-font-family);font-size:var(--typography-label-sm-font-size);font-weight:var(--typography-label-sm-font-weight);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing)}.checkbox--md .checkbox__touch-target{gap:var(--space-grouped-normal)}.checkbox--md .checkbox__box{width:calc(var(--icon-size-075)+var(--space-inset-075) * 2);height:calc(var(--icon-size-075)+var(--space-inset-075) * 2);border-radius:var(--radius-small)}.checkbox--md .checkbox__label{font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.checkbox--lg .checkbox__touch-target{gap:var(--space-grouped-loose)}.checkbox--lg .checkbox__box{width:calc(var(--icon-size-100)+var(--space-inset-100) * 2);height:calc(var(--icon-size-100)+var(--space-inset-100) * 2);border-radius:var(--radius-small)}.checkbox--lg .checkbox__label{font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.checkbox--label-sm .checkbox__label{font-family:var(--typography-label-sm-font-family);font-size:var(--typography-label-sm-font-size);font-weight:var(--typography-label-sm-font-weight);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing)}.checkbox--label-md .checkbox__label{font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.checkbox--label-lg .checkbox__label{font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__box{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:var(--border-emphasis) solid var(--color-feedback-select-border-default);background-color:transparent;transition:background-color var(--motion-selection-transition-duration) var(--motion-selection-transition-easing),border-color var(--motion-selection-transition-duration) var(--motion-selection-transition-easing);box-sizing:border-box}.checkbox__box icon-base{color:var(--color-contrast-on-light);display:flex}.checkbox--checked .checkbox__box{background-color:var(--color-feedback-select-background-rest);border-color:var(--color-feedback-select-border-rest)}.checkbox--indeterminate .checkbox__box{background-color:var(--color-feedback-select-background-rest);border-color:var(--color-feedback-select-border-rest)}.checkbox--error .checkbox__box{border-color:var(--color-feedback-error-border)}.checkbox__touch-target:hover .checkbox__box{border-color:var(--_checkbox-hover-border,var(--color-feedback-select-border-rest))}.checkbox--checked .checkbox__touch-target:hover .checkbox__box,.checkbox--indeterminate .checkbox__touch-target:hover .checkbox__box{border-color:var(--color-feedback-select-border-rest)}.checkbox-container{display:flex;flex-direction:column}.checkbox__content{display:flex;flex-direction:column;min-width:0}.checkbox__label{color:var(--color-text-default)}.checkbox__helper{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-text-muted)}.checkbox__error{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-feedback-error-text)}.checkbox__input:focus-visible~.checkbox__touch-target .checkbox__box{outline:var(--accessibility-focus-width) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-focus-offset)}@media (prefers-contrast:high){.checkbox__box{border:var(--border-emphasis) solid currentColor}.checkbox__input:focus-visible~.checkbox__touch-target .checkbox__box{outline-width:var(--border-heavy)}}@media (prefers-reduced-motion:reduce){.checkbox__box{transition:none}}@media print{.checkbox__box{background-color:transparent !important;border-color:var(--color-print-default) !important}.checkbox__label{color:var(--color-print-default) !important}}";var Hr=0,vi={sm:13,md:20,lg:24},oe=class extends HTMLElement{constructor(){super();this._input=null;this._form=null;this.onChange=null;this._hoverBorderColor="";this._onFormReset=()=>{this.checked=!1,this.indeterminate=!1,this._input&&(this._input.checked=!1,this._input.indeterminate=!1)};this._onInputChange=()=>{if(!this._input)return;let e=this._input.checked;e?this.setAttribute("checked",""):this.removeAttribute("checked"),this.indeterminate&&this.removeAttribute("indeterminate"),this.onChange?.(e),this.dispatchEvent(new CustomEvent("change",{detail:{checked:e},bubbles:!0,composed:!0}))};this._shadowRoot=this.attachShadow({mode:"open"}),this._generatedId=`checkbox-${++Hr}`,this._blendUtils=k()}static get observedAttributes(){return[...mi]}connectedCallback(){this._calculateBlendColors(),this._attachToForm(),this.render(),this._attachListeners()}disconnectedCallback(){this._detachListeners(),this._detachFromForm()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&(this.render(),this._attachListeners())}get checked(){return this.hasAttribute("checked")}set checked(e){e?this.setAttribute("checked",""):this.removeAttribute("checked")}get indeterminate(){return this.hasAttribute("indeterminate")}set indeterminate(e){e?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate")}get label(){return this.getAttribute("label")||""}set label(e){this.setAttribute("label",e)}get size(){let e=this.getAttribute("size");return e==="sm"||e==="md"||e==="lg"?e:Je.size}set size(e){this.setAttribute("size",e)}get labelAlign(){let e=this.getAttribute("label-align");return e==="center"||e==="top"?e:Je.labelAlign}set labelAlign(e){this.setAttribute("label-align",e)}get labelTypography(){let e=this.getAttribute("label-typography");return e==="inherit"||e==="sm"||e==="md"||e==="lg"?e:Je.labelTypography}set labelTypography(e){this.setAttribute("label-typography",e)}get helperText(){return this.getAttribute("helper-text")}set helperText(e){e?this.setAttribute("helper-text",e):this.removeAttribute("helper-text")}get errorMessage(){return this.getAttribute("error-message")}set errorMessage(e){e?this.setAttribute("error-message",e):this.removeAttribute("error-message")}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}get name(){return this.getAttribute("name")}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get value(){return this.getAttribute("value")||"on"}set value(e){this.setAttribute("value",e)}_calculateBlendColors(){let t=getComputedStyle(document.documentElement).getPropertyValue("--color-feedback-select-border-default").trim();t&&(this._hoverBorderColor=this._blendUtils.hoverColor(t))}_attachToForm(){this._form=this.closest("form"),this._form&&this._form.addEventListener("reset",this._onFormReset)}_detachFromForm(){this._form&&(this._form.removeEventListener("reset",this._onFormReset),this._form=null)}render(){let e=this.getAttribute("id")||this._generatedId,t=`${e}-input`,r=`${e}-helper`,s=`${e}-error`,o=this.label,a=this.size,l=this.labelAlign,c=this.labelTypography,d=this.checked,p=this.indeterminate,u=this.helperText,m=this.errorMessage,g=!!m,f=this.testID,b=this.name,x=this.value,C=["checkbox",`checkbox--${a}`,l==="top"?"checkbox--align-top":"",c!=="inherit"?`checkbox--label-${c}`:"",d?"checkbox--checked":"",p?"checkbox--indeterminate":"",g?"checkbox--error":""].filter(Boolean).join(" "),y="";p?y=$({name:"minus",size:vi[a],color:"inherit"}):d&&(y=$({name:"check",size:vi[a],color:"inherit"}));let E=f?` data-testid="${f}"`:"",S=[];m&&S.push(s),u&&S.push(r);let L=S.length>0?` aria-describedby="${S.join(" ")}"`:"",A=u?`<span class="checkbox__helper" id="${r}">${u}</span>`:"",T=m?`<span class="checkbox__error" id="${s}" role="alert">${m}</span>`:"",Ne=b?` name="${b}"`:"",we=`${e}-label`;this._shadowRoot.innerHTML=`
474
471
  <style>${bi}</style>
475
472
  <div class="checkbox-container">
476
- <div class="${x}"${E}>
473
+ <div class="${C}"${E}>
477
474
  <input
478
475
  type="checkbox"
479
476
  class="checkbox__input"
480
477
  id="${t}"${Ne}
481
- value="${C}"
478
+ value="${x}"
482
479
  aria-labelledby="${we}"
483
480
  ${d?"checked":""}
484
481
  ${p?'aria-checked="mixed"':`aria-checked="${d}"`}
@@ -631,10 +628,10 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
631
628
  <slot></slot>
632
629
  </container-base>
633
630
  </div>
634
- `}};$e.DEFAULTS={padding:"150",background:"surface.primary",shadow:"container",border:"none",borderColor:"border.default",borderRadius:"normal",semantic:"div",role:"button"};var j=$e;customElements.get("container-card-base")||customElements.define("container-card-base",j);var Si=["selected","label","value","name","size","label-align","helper-text","error-message","test-id"],vt={selected:!1,size:"md",labelAlign:"center"};var Ei=":host{display:inline-block}.radio-container{display:flex;flex-direction:column;gap:var(--space-grouped-tight)}.radio{display:inline-flex;align-items:center;position:relative}.radio__touch-target{display:inline-flex;align-items:center;cursor:pointer;user-select:none;min-height:var(--tap-area-recommended);box-sizing:border-box}.radio--align-center{align-items:center}.radio--align-center .radio__touch-target{align-items:center}.radio--align-top{align-items:flex-start}.radio--align-top .radio__touch-target{align-items:flex-start}.radio--sm .radio__touch-target{gap:var(--space-grouped-normal)}.radio--sm .radio__circle{width:calc(var(--icon-size-050)+var(--space-inset-050) * 2);height:calc(var(--icon-size-050)+var(--space-inset-050) * 2)}.radio--sm .radio__dot{width:var(--icon-size-050);height:var(--icon-size-050)}.radio--sm .radio__label{font-family:var(--typography-label-sm-font-family);font-size:var(--typography-label-sm-font-size);font-weight:var(--typography-label-sm-font-weight);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing)}.radio--md .radio__touch-target{gap:var(--space-grouped-normal)}.radio--md .radio__circle{width:calc(var(--icon-size-075)+var(--space-inset-075) * 2);height:calc(var(--icon-size-075)+var(--space-inset-075) * 2)}.radio--md .radio__dot{width:var(--icon-size-075);height:var(--icon-size-075)}.radio--md .radio__label{font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.radio--lg .radio__touch-target{gap:var(--space-grouped-loose)}.radio--lg .radio__circle{width:calc(var(--icon-size-100)+var(--space-inset-100) * 2);height:calc(var(--icon-size-100)+var(--space-inset-100) * 2)}.radio--lg .radio__dot{width:var(--icon-size-100);height:var(--icon-size-100)}.radio--lg .radio__label{font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio__circle{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:var(--border-emphasis) solid var(--color-feedback-select-border-default);border-radius:var(--radius-full);background-color:transparent;transition:border-color var(--motion-selection-transition-duration) var(--motion-selection-transition-easing);box-sizing:border-box}.radio__dot{border-radius:var(--radius-full);background-color:var(--color-feedback-select-background-rest);transform:scale(0);transition:transform var(--motion-selection-transition-duration) var(--motion-selection-transition-easing)}.radio--selected .radio__circle{border-color:var(--color-feedback-select-border-rest)}.radio--selected .radio__dot{transform:scale(1)}.radio--error .radio__circle{border-color:var(--color-feedback-error-border)}.radio__touch-target:hover .radio__circle{border-color:var(--_radio-hover-border,var(--color-feedback-select-border-rest))}.radio--selected .radio__touch-target:hover .radio__circle{border-color:var(--color-feedback-select-border-rest)}.radio__input:focus-visible~.radio__touch-target .radio__circle{outline:var(--accessibility-focus-width) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-focus-offset)}.radio__content{display:flex;flex-direction:column;min-width:0}.radio__label{color:var(--color-text-default)}.radio__helper{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-text-muted)}.radio__error{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-feedback-error-text)}@media (prefers-contrast:high){.radio__circle{border:var(--border-emphasis) solid currentColor}.radio__input:focus-visible~.radio__touch-target .radio__circle{outline-width:var(--border-heavy)}}@media (prefers-reduced-motion:reduce){.radio__circle,.radio__dot{transition:none}}@media print{.radio__circle{background-color:transparent !important;border-color:var(--color-print-default) !important}.radio__dot{background-color:var(--color-print-default) !important}.radio__label{color:var(--color-print-default) !important}}";var Gr=0,K=class extends HTMLElement{constructor(){super();this._input=null;this._form=null;this.onSelect=null;this._hoverBorderColor="";this._onFormReset=()=>{this.selected=!1,this._input&&(this._input.checked=!1),this._updateFormValue()};this._onInputChange=()=>{if(!this._input)return;let e=this._input.checked;e?this.setAttribute("selected",""):this.removeAttribute("selected"),this._updateFormValue(),e&&this.onSelect?.(this.value),this.dispatchEvent(new CustomEvent("select",{detail:{value:this.value,selected:e},bubbles:!0,composed:!0}))};this._shadowRoot=this.attachShadow({mode:"open"}),this._generatedId=`radio-${++Gr}`,this._internals=this.attachInternals(),this._blendUtils=k()}static get observedAttributes(){return[...Si]}connectedCallback(){this._calculateBlendColors(),this._attachToForm(),this.render(),this._attachListeners(),this._updateFormValue()}disconnectedCallback(){this._detachListeners(),this._detachFromForm()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&(this.render(),this._attachListeners(),(e==="selected"||e==="value"||e==="name")&&this._updateFormValue())}get selected(){return this.hasAttribute("selected")}set selected(e){e?this.setAttribute("selected",""):this.removeAttribute("selected")}get label(){return this.getAttribute("label")||""}set label(e){this.setAttribute("label",e)}get value(){return this.getAttribute("value")||""}set value(e){this.setAttribute("value",e)}get name(){return this.getAttribute("name")}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get size(){let e=this.getAttribute("size");return e==="sm"||e==="md"||e==="lg"?e:vt.size}set size(e){this.setAttribute("size",e)}get labelAlign(){let e=this.getAttribute("label-align");return e==="center"||e==="top"?e:vt.labelAlign}set labelAlign(e){this.setAttribute("label-align",e)}get helperText(){return this.getAttribute("helper-text")}set helperText(e){e?this.setAttribute("helper-text",e):this.removeAttribute("helper-text")}get errorMessage(){return this.getAttribute("error-message")}set errorMessage(e){e?this.setAttribute("error-message",e):this.removeAttribute("error-message")}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}_calculateBlendColors(){let t=getComputedStyle(document.documentElement).getPropertyValue("--color-feedback-select-border-default").trim();t&&(this._hoverBorderColor=this._blendUtils.hoverColor(t))}_updateFormValue(){if(typeof this._internals?.setFormValue!="function")return;let e=this.name,t=this.value,r=this.selected;e&&r?this._internals.setFormValue(t):this._internals.setFormValue(null)}_attachToForm(){this._form=this.closest("form"),this._form&&this._form.addEventListener("reset",this._onFormReset)}_detachFromForm(){this._form&&(this._form.removeEventListener("reset",this._onFormReset),this._form=null)}render(){let e=this.getAttribute("id")||this._generatedId,t=`${e}-input`,r=`${e}-helper`,s=`${e}-error`,o=this.label,a=this.size,l=this.labelAlign,c=this.selected,d=this.helperText,p=this.errorMessage,u=!!p,m=this.testID,g=this.name,f=this.value,b=["radio",`radio--${a}`,l==="top"?"radio--align-top":"",c?"radio--selected":"",u?"radio--error":""].filter(Boolean).join(" "),C=m?` data-testid="${m}"`:"",x=[];p&&x.push(s),d&&x.push(r);let y=x.length>0?` aria-describedby="${x.join(" ")}"`:"",E=d?`<span class="radio__helper" id="${r}">${d}</span>`:"",S=p?`<span class="radio__error" id="${s}" role="alert">${p}</span>`:"",L=g?` name="${g}"`:"",A=`${e}-label`;this._shadowRoot.innerHTML=`
631
+ `}};$e.DEFAULTS={padding:"150",background:"surface.primary",shadow:"container",border:"none",borderColor:"border.default",borderRadius:"normal",semantic:"div",role:"button"};var j=$e;customElements.get("container-card-base")||customElements.define("container-card-base",j);var Si=["selected","label","value","name","size","label-align","helper-text","error-message","test-id"],vt={selected:!1,size:"md",labelAlign:"center"};var Ei=":host{display:inline-block}.radio-container{display:flex;flex-direction:column;gap:var(--space-grouped-tight)}.radio{display:inline-flex;align-items:center;position:relative}.radio__touch-target{display:inline-flex;align-items:center;cursor:pointer;user-select:none;min-height:var(--tap-area-recommended);box-sizing:border-box}.radio--align-center{align-items:center}.radio--align-center .radio__touch-target{align-items:center}.radio--align-top{align-items:flex-start}.radio--align-top .radio__touch-target{align-items:flex-start}.radio--sm .radio__touch-target{gap:var(--space-grouped-normal)}.radio--sm .radio__circle{width:calc(var(--icon-size-050)+var(--space-inset-050) * 2);height:calc(var(--icon-size-050)+var(--space-inset-050) * 2)}.radio--sm .radio__dot{width:var(--icon-size-050);height:var(--icon-size-050)}.radio--sm .radio__label{font-family:var(--typography-label-sm-font-family);font-size:var(--typography-label-sm-font-size);font-weight:var(--typography-label-sm-font-weight);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing)}.radio--md .radio__touch-target{gap:var(--space-grouped-normal)}.radio--md .radio__circle{width:calc(var(--icon-size-075)+var(--space-inset-075) * 2);height:calc(var(--icon-size-075)+var(--space-inset-075) * 2)}.radio--md .radio__dot{width:var(--icon-size-075);height:var(--icon-size-075)}.radio--md .radio__label{font-family:var(--typography-label-md-font-family);font-size:var(--typography-label-md-font-size);font-weight:var(--typography-label-md-font-weight);line-height:var(--typography-label-md-line-height);letter-spacing:var(--typography-label-md-letter-spacing)}.radio--lg .radio__touch-target{gap:var(--space-grouped-loose)}.radio--lg .radio__circle{width:calc(var(--icon-size-100)+var(--space-inset-100) * 2);height:calc(var(--icon-size-100)+var(--space-inset-100) * 2)}.radio--lg .radio__dot{width:var(--icon-size-100);height:var(--icon-size-100)}.radio--lg .radio__label{font-family:var(--typography-label-lg-font-family);font-size:var(--typography-label-lg-font-size);font-weight:var(--typography-label-lg-font-weight);line-height:var(--typography-label-lg-line-height);letter-spacing:var(--typography-label-lg-letter-spacing)}.radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio__circle{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:var(--border-emphasis) solid var(--color-feedback-select-border-default);border-radius:var(--radius-full);background-color:transparent;transition:border-color var(--motion-selection-transition-duration) var(--motion-selection-transition-easing);box-sizing:border-box}.radio__dot{border-radius:var(--radius-full);background-color:var(--color-feedback-select-background-rest);transform:scale(0);transition:transform var(--motion-selection-transition-duration) var(--motion-selection-transition-easing)}.radio--selected .radio__circle{border-color:var(--color-feedback-select-border-rest)}.radio--selected .radio__dot{transform:scale(1)}.radio--error .radio__circle{border-color:var(--color-feedback-error-border)}.radio__touch-target:hover .radio__circle{border-color:var(--_radio-hover-border,var(--color-feedback-select-border-rest))}.radio--selected .radio__touch-target:hover .radio__circle{border-color:var(--color-feedback-select-border-rest)}.radio__input:focus-visible~.radio__touch-target .radio__circle{outline:var(--accessibility-focus-width) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-focus-offset)}.radio__content{display:flex;flex-direction:column;min-width:0}.radio__label{color:var(--color-text-default)}.radio__helper{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-text-muted)}.radio__error{display:block;margin-block-start:var(--space-grouped-minimal);margin-block-end:0;margin-inline:0;padding:0;font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-font-weight);letter-spacing:var(--typography-caption-letter-spacing);color:var(--color-feedback-error-text)}@media (prefers-contrast:high){.radio__circle{border:var(--border-emphasis) solid currentColor}.radio__input:focus-visible~.radio__touch-target .radio__circle{outline-width:var(--border-heavy)}}@media (prefers-reduced-motion:reduce){.radio__circle,.radio__dot{transition:none}}@media print{.radio__circle{background-color:transparent !important;border-color:var(--color-print-default) !important}.radio__dot{background-color:var(--color-print-default) !important}.radio__label{color:var(--color-print-default) !important}}";var Gr=0,K=class extends HTMLElement{constructor(){super();this._input=null;this._form=null;this.onSelect=null;this._hoverBorderColor="";this._onFormReset=()=>{this.selected=!1,this._input&&(this._input.checked=!1),this._updateFormValue()};this._onInputChange=()=>{if(!this._input)return;let e=this._input.checked;e?this.setAttribute("selected",""):this.removeAttribute("selected"),this._updateFormValue(),e&&this.onSelect?.(this.value),this.dispatchEvent(new CustomEvent("select",{detail:{value:this.value,selected:e},bubbles:!0,composed:!0}))};this._shadowRoot=this.attachShadow({mode:"open"}),this._generatedId=`radio-${++Gr}`,this._internals=this.attachInternals(),this._blendUtils=k()}static get observedAttributes(){return[...Si]}connectedCallback(){this._calculateBlendColors(),this._attachToForm(),this.render(),this._attachListeners(),this._updateFormValue()}disconnectedCallback(){this._detachListeners(),this._detachFromForm()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&(this.render(),this._attachListeners(),(e==="selected"||e==="value"||e==="name")&&this._updateFormValue())}get selected(){return this.hasAttribute("selected")}set selected(e){e?this.setAttribute("selected",""):this.removeAttribute("selected")}get label(){return this.getAttribute("label")||""}set label(e){this.setAttribute("label",e)}get value(){return this.getAttribute("value")||""}set value(e){this.setAttribute("value",e)}get name(){return this.getAttribute("name")}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get size(){let e=this.getAttribute("size");return e==="sm"||e==="md"||e==="lg"?e:vt.size}set size(e){this.setAttribute("size",e)}get labelAlign(){let e=this.getAttribute("label-align");return e==="center"||e==="top"?e:vt.labelAlign}set labelAlign(e){this.setAttribute("label-align",e)}get helperText(){return this.getAttribute("helper-text")}set helperText(e){e?this.setAttribute("helper-text",e):this.removeAttribute("helper-text")}get errorMessage(){return this.getAttribute("error-message")}set errorMessage(e){e?this.setAttribute("error-message",e):this.removeAttribute("error-message")}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}_calculateBlendColors(){let t=getComputedStyle(document.documentElement).getPropertyValue("--color-feedback-select-border-default").trim();t&&(this._hoverBorderColor=this._blendUtils.hoverColor(t))}_updateFormValue(){if(typeof this._internals?.setFormValue!="function")return;let e=this.name,t=this.value,r=this.selected;e&&r?this._internals.setFormValue(t):this._internals.setFormValue(null)}_attachToForm(){this._form=this.closest("form"),this._form&&this._form.addEventListener("reset",this._onFormReset)}_detachFromForm(){this._form&&(this._form.removeEventListener("reset",this._onFormReset),this._form=null)}render(){let e=this.getAttribute("id")||this._generatedId,t=`${e}-input`,r=`${e}-helper`,s=`${e}-error`,o=this.label,a=this.size,l=this.labelAlign,c=this.selected,d=this.helperText,p=this.errorMessage,u=!!p,m=this.testID,g=this.name,f=this.value,b=["radio",`radio--${a}`,l==="top"?"radio--align-top":"",c?"radio--selected":"",u?"radio--error":""].filter(Boolean).join(" "),x=m?` data-testid="${m}"`:"",C=[];p&&C.push(s),d&&C.push(r);let y=C.length>0?` aria-describedby="${C.join(" ")}"`:"",E=d?`<span class="radio__helper" id="${r}">${d}</span>`:"",S=p?`<span class="radio__error" id="${s}" role="alert">${p}</span>`:"",L=g?` name="${g}"`:"",A=`${e}-label`;this._shadowRoot.innerHTML=`
635
632
  <style>${Ei}</style>
636
633
  <div class="radio-container">
637
- <div class="${b}"${C}>
634
+ <div class="${b}"${x}>
638
635
  <input
639
636
  type="radio"
640
637
  class="radio__input"
@@ -683,14 +680,14 @@ function Qe(n){let i=n.r/255,e=n.g/255,t=n.b/255,r=Math.max(i,e,t),s=Math.min(i,
683
680
  <span class="label__text">${this.escapeHtml(i)}</span>
684
681
  ${s}
685
682
  </span>
686
- `}escapeHtml(i){let e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return i.replace(/[&<>"']/g,t=>e[t])}};customElements.get("progress-indicator-label-base")||customElements.define("progress-indicator-label-base",be);var Bi={size:"md"},Pe=50;function Li(n,i){return n===i?"current":"incomplete"}function Vi(n,i){return Math.max(1,Math.min(n,i))}var $i=":host{display:inline-flex;align-items:center;justify-content:center}.pagination{display:inline-flex;align-items:center;overflow:hidden;background:var(--color-scrim-standard);border-radius:var(--radius-full);clip-path:inset(0 2px round var(--radius-full))}.pagination__track{display:inline-flex;align-items:center}.pagination--sm,.pagination--md{padding-block:var(--space-inset-075);padding-inline:var(--space-inset-100)}.pagination--lg{padding-block:var(--space-inset-100);padding-inline:var(--space-inset-150)}.pagination--sm>.pagination__track,.pagination--md>.pagination__track{gap:var(--space-grouped-tight)}.pagination--lg>.pagination__track{gap:var(--space-grouped-normal)}";var ve=class extends HTMLElement{constructor(){super();this._container=null;this._track=null;this._nodes=[];this._initialized=!1;this._shadowRoot=this.attachShadow({mode:"open"})}static get observedAttributes(){return["total-items","current-item","size","accessibility-label","test-id"]}connectedCallback(){this._initialized||(this._setup(),this._initialized=!0),this._render()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&this._render()}get totalItems(){let e=this.getAttribute("total-items");if(e===null)return 0;let t=parseInt(e,10);return isNaN(t)?0:t}set totalItems(e){this.setAttribute("total-items",String(e))}get currentItem(){let e=this.getAttribute("current-item");if(e===null)return 1;let t=parseInt(e,10);return isNaN(t)?1:t}set currentItem(e){this.setAttribute("current-item",String(e))}get size(){let e=this.getAttribute("size");return e==="sm"||e==="md"||e==="lg"?e:Bi.size}set size(e){this.setAttribute("size",e)}get accessibilityLabel(){return this.getAttribute("accessibility-label")}set accessibilityLabel(e){e?this.setAttribute("accessibility-label",e):this.removeAttribute("accessibility-label")}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}_setup(){let e=document.createElement("style");e.textContent=$i,this._shadowRoot.appendChild(e),this._container=document.createElement("div"),this._container.setAttribute("role","group"),this._shadowRoot.appendChild(this._container),this._track=document.createElement("div"),this._track.className="pagination__track",this._container.appendChild(this._track)}_render(){if(!this._container||!this._track)return;let e=this.totalItems,t=this.size,r=this.testID;e>Pe&&(typeof process<"u",console.warn(`Progress-Pagination-Base: Received ${e} items but maximum is ${Pe}. Rendering first ${Pe} items only. Consider using a different navigation pattern.`),e=Pe);let s=Vi(this.currentItem,e);for(;this._nodes.length<e;){let y=document.createElement("progress-indicator-node-base");this._track.appendChild(y),this._nodes.push(y)}for(;this._nodes.length>e;){let y=this._nodes.pop();this._track.removeChild(y)}for(let y=0;y<e;y++){let E=y+1,S=this._nodes[y];S.setAttribute("state",Li(E,s)),S.setAttribute("size",t),S.setAttribute("content","none"),S.setAttribute("sizing","scale")}let o=getComputedStyle(this),a=parseFloat(o.getPropertyValue(`--progress-node-size-${t}-current`)),l=parseFloat(o.getPropertyValue(t==="lg"?"--space-grouped-normal":"--space-grouped-tight")),c=parseFloat(o.getPropertyValue(t==="lg"?"--space-inset-150":"--space-inset-100")),d=Math.min(e,5),p=d*a+(d-1)*l;this._container.style.width=`${p+c*2}px`,this._container.style.boxSizing="border-box";let u=e*a+(e-1)*l,m=(s-1)*(a+l)+a/2,g=p/2-m,f=p-u;g=Math.min(0,Math.max(f,g));let b=!this._container.dataset.rendered,C=typeof globalThis.matchMedia=="function"&&globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;b||C?this._track.style.transition="none":this._track.style.transition="transform var(--motion-settle-transition-duration) var(--motion-settle-transition-easing)",this._track.style.transform=`translateX(${g}px)`,this._container.dataset.rendered="1",this._container.className=`pagination pagination--${t}`;let x=this.accessibilityLabel||`Page ${s} of ${e}`;this._container.setAttribute("aria-label",this.escapeHtml(x)),r?this._container.setAttribute("data-testid",this.escapeHtml(r)):this._container.removeAttribute("data-testid")}escapeHtml(e){let t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return e.replace(/[&<>"']/g,r=>t[r])}};customElements.get("progress-pagination-base")||customElements.define("progress-pagination-base",ve);var Pi={size:"md",errorSteps:[]},Me=8;function Mi(n,i,e){return e.includes(n)?"error":n<i?"completed":n===i?"current":"incomplete"}function Di(n){return n==="completed"?"checkmark":"none"}function Ni(n,i){return n==="completed"&&i==="completed"?"active":"inactive"}function Hi(n,i){return Math.max(1,Math.min(n,i))}function Oi(n,i){return n.filter(e=>e>=1&&e<=i)}var Fi=":host{display:inline-flex;align-items:center;justify-content:center}.stepper{display:inline-flex;align-items:center;justify-content:center;inline-size:100%}.stepper--md{gap:var(--progress-node-gap-md)}.stepper--lg{gap:var(--progress-node-gap-lg)}";var fe=class extends HTMLElement{static get observedAttributes(){return["total-steps","current-step","size","error-steps","accessibility-label","test-id"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){if(this.getAttribute("size")==="sm")throw new Error("Steppers require size 'md' or 'lg'. Size 'sm' is only supported for Pagination-Base.");this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get totalSteps(){let i=this.getAttribute("total-steps");if(i===null)return 0;let e=parseInt(i,10);return isNaN(e)?0:e}set totalSteps(i){this.setAttribute("total-steps",String(i))}get currentStep(){let i=this.getAttribute("current-step");if(i===null)return 1;let e=parseInt(i,10);return isNaN(e)?1:e}set currentStep(i){this.setAttribute("current-step",String(i))}get size(){let i=this.getAttribute("size");return i==="md"||i==="lg"?i:Pi.size}set size(i){this.setAttribute("size",i)}get errorSteps(){let i=this.getAttribute("error-steps");return i?i.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)):[]}set errorSteps(i){this.setAttribute("error-steps",i.join(","))}get accessibilityLabel(){return this.getAttribute("accessibility-label")}set accessibilityLabel(i){i?this.setAttribute("accessibility-label",i):this.removeAttribute("accessibility-label")}get testID(){return this.getAttribute("test-id")}set testID(i){i?this.setAttribute("test-id",i):this.removeAttribute("test-id")}render(){let i=this.getAttribute("size"),e=this.totalSteps,t=this.size,r=this.testID;e>Me&&(typeof process<"u",console.warn(`Progress-Stepper-Base: Received ${e} steps but maximum is ${Me}. Rendering first ${Me} steps only. Consider breaking into multiple sub-flows.`),e=Me);let s=Hi(this.currentStep,e),o=Oi(this.errorSteps,e),a=this.accessibilityLabel||`Step ${s} of ${e}`,l=["stepper",`stepper--${t}`].join(" "),c=r?` data-testid="${this.escapeHtml(r)}"`:"",d=[];for(let u=1;u<=e;u++)d.push(Mi(u,s,o));let p="";for(let u=0;u<d.length;u++){let m=d[u],g=Di(m);if(p+=`<progress-indicator-node-base state="${m}" size="${t}" content="${g}"></progress-indicator-node-base>`,u<d.length-1){let f=Ni(d[u],d[u+1]);p+=`<progress-indicator-connector-base state="${f}"></progress-indicator-connector-base>`}}this._shadowRoot.innerHTML=`
683
+ `}escapeHtml(i){let e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return i.replace(/[&<>"']/g,t=>e[t])}};customElements.get("progress-indicator-label-base")||customElements.define("progress-indicator-label-base",be);var Bi={size:"md"},Pe=50;function Li(n,i){return n===i?"current":"incomplete"}function Vi(n,i){return Math.max(1,Math.min(n,i))}var $i=":host{display:inline-flex;align-items:center;justify-content:center}.pagination{display:inline-flex;align-items:center;overflow:hidden;background:var(--color-scrim-standard);border-radius:var(--radius-full);clip-path:inset(0 2px round var(--radius-full))}.pagination__track{display:inline-flex;align-items:center}.pagination--sm,.pagination--md{padding-block:var(--space-inset-075);padding-inline:var(--space-inset-100)}.pagination--lg{padding-block:var(--space-inset-100);padding-inline:var(--space-inset-150)}.pagination--sm>.pagination__track,.pagination--md>.pagination__track{gap:var(--space-grouped-tight)}.pagination--lg>.pagination__track{gap:var(--space-grouped-normal)}";var ve=class extends HTMLElement{constructor(){super();this._container=null;this._track=null;this._nodes=[];this._initialized=!1;this._shadowRoot=this.attachShadow({mode:"open"})}static get observedAttributes(){return["total-items","current-item","size","accessibility-label","test-id"]}connectedCallback(){this._initialized||(this._setup(),this._initialized=!0),this._render()}attributeChangedCallback(e,t,r){t!==r&&this.isConnected&&this._render()}get totalItems(){let e=this.getAttribute("total-items");if(e===null)return 0;let t=parseInt(e,10);return isNaN(t)?0:t}set totalItems(e){this.setAttribute("total-items",String(e))}get currentItem(){let e=this.getAttribute("current-item");if(e===null)return 1;let t=parseInt(e,10);return isNaN(t)?1:t}set currentItem(e){this.setAttribute("current-item",String(e))}get size(){let e=this.getAttribute("size");return e==="sm"||e==="md"||e==="lg"?e:Bi.size}set size(e){this.setAttribute("size",e)}get accessibilityLabel(){return this.getAttribute("accessibility-label")}set accessibilityLabel(e){e?this.setAttribute("accessibility-label",e):this.removeAttribute("accessibility-label")}get testID(){return this.getAttribute("test-id")}set testID(e){e?this.setAttribute("test-id",e):this.removeAttribute("test-id")}_setup(){let e=document.createElement("style");e.textContent=$i,this._shadowRoot.appendChild(e),this._container=document.createElement("div"),this._container.setAttribute("role","group"),this._shadowRoot.appendChild(this._container),this._track=document.createElement("div"),this._track.className="pagination__track",this._container.appendChild(this._track)}_render(){if(!this._container||!this._track)return;let e=this.totalItems,t=this.size,r=this.testID;e>Pe&&(typeof process<"u",console.warn(`Progress-Pagination-Base: Received ${e} items but maximum is ${Pe}. Rendering first ${Pe} items only. Consider using a different navigation pattern.`),e=Pe);let s=Vi(this.currentItem,e);for(;this._nodes.length<e;){let y=document.createElement("progress-indicator-node-base");this._track.appendChild(y),this._nodes.push(y)}for(;this._nodes.length>e;){let y=this._nodes.pop();this._track.removeChild(y)}for(let y=0;y<e;y++){let E=y+1,S=this._nodes[y];S.setAttribute("state",Li(E,s)),S.setAttribute("size",t),S.setAttribute("content","none"),S.setAttribute("sizing","scale")}let o=getComputedStyle(this),a=parseFloat(o.getPropertyValue(`--progress-node-size-${t}-current`)),l=parseFloat(o.getPropertyValue(t==="lg"?"--space-grouped-normal":"--space-grouped-tight")),c=parseFloat(o.getPropertyValue(t==="lg"?"--space-inset-150":"--space-inset-100")),d=Math.min(e,5),p=d*a+(d-1)*l;this._container.style.width=`${p+c*2}px`,this._container.style.boxSizing="border-box";let u=e*a+(e-1)*l,m=(s-1)*(a+l)+a/2,g=p/2-m,f=p-u;g=Math.min(0,Math.max(f,g));let b=!this._container.dataset.rendered,x=typeof globalThis.matchMedia=="function"&&globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;b||x?this._track.style.transition="none":this._track.style.transition="transform var(--motion-settle-transition-duration) var(--motion-settle-transition-easing)",this._track.style.transform=`translateX(${g}px)`,this._container.dataset.rendered="1",this._container.className=`pagination pagination--${t}`;let C=this.accessibilityLabel||`Page ${s} of ${e}`;this._container.setAttribute("aria-label",this.escapeHtml(C)),r?this._container.setAttribute("data-testid",this.escapeHtml(r)):this._container.removeAttribute("data-testid")}escapeHtml(e){let t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return e.replace(/[&<>"']/g,r=>t[r])}};customElements.get("progress-pagination-base")||customElements.define("progress-pagination-base",ve);var Pi={size:"md",errorSteps:[]},Me=8;function Mi(n,i,e){return e.includes(n)?"error":n<i?"completed":n===i?"current":"incomplete"}function Di(n){return n==="completed"?"checkmark":"none"}function Ni(n,i){return n==="completed"&&i==="completed"?"active":"inactive"}function Hi(n,i){return Math.max(1,Math.min(n,i))}function Oi(n,i){return n.filter(e=>e>=1&&e<=i)}var Fi=":host{display:inline-flex;align-items:center;justify-content:center}.stepper{display:inline-flex;align-items:center;justify-content:center;inline-size:100%}.stepper--md{gap:var(--progress-node-gap-md)}.stepper--lg{gap:var(--progress-node-gap-lg)}";var fe=class extends HTMLElement{static get observedAttributes(){return["total-steps","current-step","size","error-steps","accessibility-label","test-id"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){if(this.getAttribute("size")==="sm")throw new Error("Steppers require size 'md' or 'lg'. Size 'sm' is only supported for Pagination-Base.");this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get totalSteps(){let i=this.getAttribute("total-steps");if(i===null)return 0;let e=parseInt(i,10);return isNaN(e)?0:e}set totalSteps(i){this.setAttribute("total-steps",String(i))}get currentStep(){let i=this.getAttribute("current-step");if(i===null)return 1;let e=parseInt(i,10);return isNaN(e)?1:e}set currentStep(i){this.setAttribute("current-step",String(i))}get size(){let i=this.getAttribute("size");return i==="md"||i==="lg"?i:Pi.size}set size(i){this.setAttribute("size",i)}get errorSteps(){let i=this.getAttribute("error-steps");return i?i.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)):[]}set errorSteps(i){this.setAttribute("error-steps",i.join(","))}get accessibilityLabel(){return this.getAttribute("accessibility-label")}set accessibilityLabel(i){i?this.setAttribute("accessibility-label",i):this.removeAttribute("accessibility-label")}get testID(){return this.getAttribute("test-id")}set testID(i){i?this.setAttribute("test-id",i):this.removeAttribute("test-id")}render(){let i=this.getAttribute("size"),e=this.totalSteps,t=this.size,r=this.testID;e>Me&&(typeof process<"u",console.warn(`Progress-Stepper-Base: Received ${e} steps but maximum is ${Me}. Rendering first ${Me} steps only. Consider breaking into multiple sub-flows.`),e=Me);let s=Hi(this.currentStep,e),o=Oi(this.errorSteps,e),a=this.accessibilityLabel||`Step ${s} of ${e}`,l=["stepper",`stepper--${t}`].join(" "),c=r?` data-testid="${this.escapeHtml(r)}"`:"",d=[];for(let u=1;u<=e;u++)d.push(Mi(u,s,o));let p="";for(let u=0;u<d.length;u++){let m=d[u],g=Di(m);if(p+=`<progress-indicator-node-base state="${m}" size="${t}" content="${g}"></progress-indicator-node-base>`,u<d.length-1){let f=Ni(d[u],d[u+1]);p+=`<progress-indicator-connector-base state="${f}"></progress-indicator-connector-base>`}}this._shadowRoot.innerHTML=`
687
684
  <style>
688
685
  ${Fi}
689
686
  </style>
690
687
  <div class="${l}"${c} role="progressbar" aria-valuenow="${s}" aria-valuemin="1" aria-valuemax="${e}" aria-label="${this.escapeHtml(a)}">
691
688
  ${p}
692
689
  </div>
693
- `}escapeHtml(i){let e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return i.replace(/[&<>"']/g,t=>e[t])}};customElements.get("progress-stepper-base")||customElements.define("progress-stepper-base",fe);var Ui={size:"md",errorSteps:[]},De=8;function qi(n,i,e){return e.includes(n)?"error":n<i?"completed":n===i?"current":"incomplete"}function Gi(n,i){return n==="completed"?"checkmark":i.icon?"icon":"none"}function yt(n,i){return n==="completed"&&i==="completed"?"active":"inactive"}function Wi(n,i){return Math.max(1,Math.min(n,i))}function ji(n,i){return n.filter(e=>e>=1&&e<=i)}var Ki=":host{display:inline-flex;align-items:flex-start;justify-content:center;inline-size:100%}.stepper-detailed{display:inline-flex;align-items:flex-start;justify-content:center;inline-size:100%}.stepper-detailed__step{display:flex;flex-direction:column;align-items:center;flex:1;min-inline-size:0}.stepper-detailed__node-row{display:flex;align-items:center;inline-size:100%;justify-content:center}.stepper-detailed__connector{flex:1;min-inline-size:0}.stepper-detailed__spacer{flex:1;min-inline-size:0}.stepper-detailed__label{margin-block-start:var(--progress-node-gap-md);inline-size:100%}.stepper-detailed--md .stepper-detailed__label{margin-block-start:var(--progress-node-gap-md)}.stepper-detailed--lg .stepper-detailed__label{margin-block-start:var(--progress-node-gap-lg)}";var _e=class extends HTMLElement{static get observedAttributes(){return["steps","current-step","size","error-steps","accessibility-label","test-id"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){if(this.getAttribute("size")==="sm")throw new Error("Steppers require size 'md' or 'lg'. Size 'sm' is only supported for Pagination-Base.");this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get steps(){let i=this.getAttribute("steps");if(!i)return[];try{let e=JSON.parse(i);return Array.isArray(e)?e:[]}catch{return[]}}set steps(i){this.setAttribute("steps",JSON.stringify(i))}get currentStep(){let i=this.getAttribute("current-step");if(i===null)return 1;let e=parseInt(i,10);return isNaN(e)?1:e}set currentStep(i){this.setAttribute("current-step",String(i))}get size(){let i=this.getAttribute("size");return i==="md"||i==="lg"?i:Ui.size}set size(i){this.setAttribute("size",i)}get errorSteps(){let i=this.getAttribute("error-steps");return i?i.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)):[]}set errorSteps(i){this.setAttribute("error-steps",i.join(","))}get accessibilityLabel(){return this.getAttribute("accessibility-label")}set accessibilityLabel(i){i?this.setAttribute("accessibility-label",i):this.removeAttribute("accessibility-label")}get testID(){return this.getAttribute("test-id")}set testID(i){i?this.setAttribute("test-id",i):this.removeAttribute("test-id")}render(){let i=this.getAttribute("size"),e=this.steps,t=this.size,r=this.testID,s=e.length;s>De&&(typeof process<"u",console.warn(`Progress-Stepper-Detailed: Received ${s} steps but maximum is ${De}. Rendering first ${De} steps only. Consider breaking into multiple sub-flows.`),e=e.slice(0,De));let o=e.length,a=Wi(this.currentStep,o),l=ji(this.errorSteps,o),c=this.accessibilityLabel||`Step ${a} of ${o}`,d=["stepper-detailed",`stepper-detailed--${t}`].join(" "),p=r?` data-testid="${this.escapeHtml(r)}"`:"",u=[];for(let g=1;g<=o;g++)u.push(qi(g,a,l));let m="";for(let g=0;g<u.length;g++){let f=u[g],b=e[g],C=Gi(f,b),x=C==="icon"&&b.icon?` icon="${this.escapeHtml(b.icon)}"`:"",y=`Step ${g+1} of ${o}: ${b.label}`;l.includes(g+1)&&(y+=", error"),b.optional&&(y+=", optional");let E="";if(g>0){let A=yt(u[g-1],u[g]);E+=`<div class="stepper-detailed__connector"><progress-indicator-connector-base state="${A}"></progress-indicator-connector-base></div>`}else E+='<div class="stepper-detailed__spacer"></div>';if(E+=`<progress-indicator-node-base state="${f}" size="${t}" content="${C}"${x}></progress-indicator-node-base>`,g<u.length-1){let A=yt(u[g],u[g+1]);E+=`<div class="stepper-detailed__connector"><progress-indicator-connector-base state="${A}"></progress-indicator-connector-base></div>`}else E+='<div class="stepper-detailed__spacer"></div>';let S=b.helperText?` helper-text="${this.escapeHtml(b.helperText)}"`:"",L=b.optional?" optional":"";m+=`<div class="stepper-detailed__step" role="listitem" aria-label="${this.escapeHtml(y)}">`,m+=`<div class="stepper-detailed__node-row">${E}</div>`,m+=`<div class="stepper-detailed__label"><progress-indicator-label-base label="${this.escapeHtml(b.label)}"${S}${L}></progress-indicator-label-base></div>`,m+="</div>"}this._shadowRoot.innerHTML=`
690
+ `}escapeHtml(i){let e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return i.replace(/[&<>"']/g,t=>e[t])}};customElements.get("progress-stepper-base")||customElements.define("progress-stepper-base",fe);var Ui={size:"md",errorSteps:[]},De=8;function qi(n,i,e){return e.includes(n)?"error":n<i?"completed":n===i?"current":"incomplete"}function Gi(n,i){return n==="completed"?"checkmark":i.icon?"icon":"none"}function yt(n,i){return n==="completed"&&i==="completed"?"active":"inactive"}function Wi(n,i){return Math.max(1,Math.min(n,i))}function ji(n,i){return n.filter(e=>e>=1&&e<=i)}var Ki=":host{display:inline-flex;align-items:flex-start;justify-content:center;inline-size:100%}.stepper-detailed{display:inline-flex;align-items:flex-start;justify-content:center;inline-size:100%}.stepper-detailed__step{display:flex;flex-direction:column;align-items:center;flex:1;min-inline-size:0}.stepper-detailed__node-row{display:flex;align-items:center;inline-size:100%;justify-content:center}.stepper-detailed__connector{flex:1;min-inline-size:0}.stepper-detailed__spacer{flex:1;min-inline-size:0}.stepper-detailed__label{margin-block-start:var(--progress-node-gap-md);inline-size:100%}.stepper-detailed--md .stepper-detailed__label{margin-block-start:var(--progress-node-gap-md)}.stepper-detailed--lg .stepper-detailed__label{margin-block-start:var(--progress-node-gap-lg)}";var _e=class extends HTMLElement{static get observedAttributes(){return["steps","current-step","size","error-steps","accessibility-label","test-id"]}constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"})}connectedCallback(){if(this.getAttribute("size")==="sm")throw new Error("Steppers require size 'md' or 'lg'. Size 'sm' is only supported for Pagination-Base.");this.render()}attributeChangedCallback(i,e,t){e!==t&&this.isConnected&&this.render()}get steps(){let i=this.getAttribute("steps");if(!i)return[];try{let e=JSON.parse(i);return Array.isArray(e)?e:[]}catch{return[]}}set steps(i){this.setAttribute("steps",JSON.stringify(i))}get currentStep(){let i=this.getAttribute("current-step");if(i===null)return 1;let e=parseInt(i,10);return isNaN(e)?1:e}set currentStep(i){this.setAttribute("current-step",String(i))}get size(){let i=this.getAttribute("size");return i==="md"||i==="lg"?i:Ui.size}set size(i){this.setAttribute("size",i)}get errorSteps(){let i=this.getAttribute("error-steps");return i?i.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)):[]}set errorSteps(i){this.setAttribute("error-steps",i.join(","))}get accessibilityLabel(){return this.getAttribute("accessibility-label")}set accessibilityLabel(i){i?this.setAttribute("accessibility-label",i):this.removeAttribute("accessibility-label")}get testID(){return this.getAttribute("test-id")}set testID(i){i?this.setAttribute("test-id",i):this.removeAttribute("test-id")}render(){let i=this.getAttribute("size"),e=this.steps,t=this.size,r=this.testID,s=e.length;s>De&&(typeof process<"u",console.warn(`Progress-Stepper-Detailed: Received ${s} steps but maximum is ${De}. Rendering first ${De} steps only. Consider breaking into multiple sub-flows.`),e=e.slice(0,De));let o=e.length,a=Wi(this.currentStep,o),l=ji(this.errorSteps,o),c=this.accessibilityLabel||`Step ${a} of ${o}`,d=["stepper-detailed",`stepper-detailed--${t}`].join(" "),p=r?` data-testid="${this.escapeHtml(r)}"`:"",u=[];for(let g=1;g<=o;g++)u.push(qi(g,a,l));let m="";for(let g=0;g<u.length;g++){let f=u[g],b=e[g],x=Gi(f,b),C=x==="icon"&&b.icon?` icon="${this.escapeHtml(b.icon)}"`:"",y=`Step ${g+1} of ${o}: ${b.label}`;l.includes(g+1)&&(y+=", error"),b.optional&&(y+=", optional");let E="";if(g>0){let A=yt(u[g-1],u[g]);E+=`<div class="stepper-detailed__connector"><progress-indicator-connector-base state="${A}"></progress-indicator-connector-base></div>`}else E+='<div class="stepper-detailed__spacer"></div>';if(E+=`<progress-indicator-node-base state="${f}" size="${t}" content="${x}"${C}></progress-indicator-node-base>`,g<u.length-1){let A=yt(u[g],u[g+1]);E+=`<div class="stepper-detailed__connector"><progress-indicator-connector-base state="${A}"></progress-indicator-connector-base></div>`}else E+='<div class="stepper-detailed__spacer"></div>';let S=b.helperText?` helper-text="${this.escapeHtml(b.helperText)}"`:"",L=b.optional?" optional":"";m+=`<div class="stepper-detailed__step" role="listitem" aria-label="${this.escapeHtml(y)}">`,m+=`<div class="stepper-detailed__node-row">${E}</div>`,m+=`<div class="stepper-detailed__label"><progress-indicator-label-base label="${this.escapeHtml(b.label)}"${S}${L}></progress-indicator-label-base></div>`,m+="</div>"}this._shadowRoot.innerHTML=`
694
691
  <style>
695
692
  ${Ki}
696
693
  </style>