@yahoo/uds 3.62.1 → 3.64.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 (150) hide show
  1. package/cli/FlattenButtonVariant.mock.tsx +17 -0
  2. package/dist/{Box-BPqozJKV.d.ts → Box--dJZH_rm.d.ts} +1 -1
  3. package/dist/{Box-CAXnChUr.d.cts → Box-BYHIqBW7.d.cts} +1 -1
  4. package/dist/{Box-BtGFIN-Y.d.cts → Box-CPuhAyke.d.ts} +1 -1
  5. package/dist/{Box-DHkDJtKc.d.ts → Box-Z1sx8kY_.d.cts} +1 -1
  6. package/dist/{Pressable-Dv2u0J8g.d.cts → Pressable-B2MfBeRr.d.cts} +1 -1
  7. package/dist/{Pressable-DDfuPMmu.d.ts → Pressable-DJ1rXy1y.d.ts} +1 -1
  8. package/dist/{Pressable-DNTom4uz.d.ts → Pressable-DiHQSTHz.d.ts} +1 -1
  9. package/dist/{Pressable-h8PFMRAD.d.cts → Pressable-DtzH7hBC.d.cts} +1 -1
  10. package/dist/{Text-Bc780hS6.d.cts → Text-C3rnosjh.d.ts} +7 -7
  11. package/dist/{Text-OknYJMzK.d.ts → Text-Dj2Pbxi_.d.cts} +7 -7
  12. package/dist/{Text-pkInF_RQ.d.ts → Text-MttXuiDO.d.cts} +7 -7
  13. package/dist/{Text-DqfpRrk9.d.cts → Text-uefIU8bE.d.ts} +7 -7
  14. package/dist/{VStack-C4UvcxG-.d.ts → VStack-B6GYDqa0.d.ts} +2 -2
  15. package/dist/{VStack-Bv-I1HBt.d.cts → VStack-BiJs2i59.d.cts} +2 -2
  16. package/dist/{VStack-DqqmcZ-1.d.ts → VStack-CYpp5Wa0.d.ts} +2 -2
  17. package/dist/{VStack-BzpyA6pg.d.cts → VStack-DSQShH8m.d.cts} +2 -2
  18. package/dist/{chunk-DDEQ5ROD.js → chunk-6HBRFJUU.js} +1 -1
  19. package/dist/chunk-6K6GGQQ2.cjs +1 -0
  20. package/dist/chunk-6THPHJSQ.cjs +1 -0
  21. package/dist/{chunk-H4HQHSH3.js → chunk-6VNCVYKB.js} +2 -2
  22. package/dist/{chunk-A5EJNYIP.cjs → chunk-6WXK2RIZ.cjs} +1 -1
  23. package/dist/{chunk-UENRZFGM.js → chunk-7ODTLDW2.js} +1 -1
  24. package/dist/{chunk-MNVPSAPL.js → chunk-7PDRKN2R.js} +1 -1
  25. package/dist/{chunk-3Y5I44KY.cjs → chunk-7YPLUG7X.cjs} +1 -1
  26. package/dist/chunk-A2OJLMOY.js +1 -0
  27. package/dist/chunk-A7OSNZQ4.cjs +1 -0
  28. package/dist/{chunk-K477DQVL.cjs → chunk-AGCCYYM2.cjs} +1 -1
  29. package/dist/chunk-AZXEQF7C.js +2 -0
  30. package/dist/{chunk-3HO7CT7Z.cjs → chunk-BMP5TZVZ.cjs} +1 -1
  31. package/dist/chunk-BRM6VXBO.cjs +1 -0
  32. package/dist/{chunk-2R3UAZWG.js → chunk-BXINZTSJ.js} +3 -3
  33. package/dist/chunk-C2XEOEF3.js +2 -0
  34. package/dist/{chunk-TRONEN3U.cjs → chunk-C5HXKCKH.cjs} +1 -1
  35. package/dist/{chunk-5DLZXPAK.cjs → chunk-CGHQHGYY.cjs} +1 -1
  36. package/dist/{chunk-4FMK26LZ.js → chunk-D7MUW3EG.js} +1 -1
  37. package/dist/{chunk-UZJNSQCF.js → chunk-DFLTCYEQ.js} +2 -2
  38. package/dist/{chunk-XLCSJWEJ.js → chunk-DK4BCT4X.js} +1 -1
  39. package/dist/{chunk-LMPIMLGP.cjs → chunk-E2KVZ3FW.cjs} +1 -1
  40. package/dist/{chunk-5SAGUHGK.cjs → chunk-EFKAW2BI.cjs} +2 -2
  41. package/dist/{chunk-MLXIOGCQ.cjs → chunk-EUBXXJNQ.cjs} +1 -1
  42. package/dist/chunk-EUHS2LRV.js +2 -0
  43. package/dist/{chunk-PVBZ5YHQ.js → chunk-FEHICJMH.js} +2 -2
  44. package/dist/{chunk-36WHBOYO.cjs → chunk-IBEJS4QY.cjs} +1 -1
  45. package/dist/chunk-JY33SU6G.cjs +1 -0
  46. package/dist/{chunk-UQB36STA.cjs → chunk-JY5DPKJL.cjs} +1 -1
  47. package/dist/{chunk-74JOPQAN.cjs → chunk-KQYW7REL.cjs} +1 -1
  48. package/dist/chunk-LGVDORBF.js +2 -0
  49. package/dist/{chunk-NBRYRYT7.js → chunk-MNKPZNCD.js} +1 -1
  50. package/dist/{chunk-UXTWTF2X.cjs → chunk-N2X6LD4P.cjs} +1 -1
  51. package/dist/{chunk-FYZJS6PY.cjs → chunk-O7H45A6H.cjs} +1 -1
  52. package/dist/chunk-O7UVSJ5U.js +2 -0
  53. package/dist/chunk-OSIGO5ER.cjs +1 -0
  54. package/dist/{chunk-KGWI7YBY.cjs → chunk-QCYX4YGV.cjs} +1 -1
  55. package/dist/chunk-QZDENCIR.cjs +1 -0
  56. package/dist/chunk-RUVVMG6V.js +2 -0
  57. package/dist/chunk-SNWFPB5H.cjs +1 -0
  58. package/dist/chunk-TSFJJXPE.js +2 -0
  59. package/dist/chunk-VETD7I64.js +1 -0
  60. package/dist/{chunk-4CSRT7Y4.js → chunk-WEIHOHSB.js} +1 -1
  61. package/dist/{chunk-YAR3WPVO.js → chunk-WTCFWBEP.js} +1 -1
  62. package/dist/{chunk-BODZPWTT.js → chunk-XOHE32Q2.js} +1 -1
  63. package/dist/chunk-XRY2AFCC.js +2 -0
  64. package/dist/client/Menu.cjs +1 -1
  65. package/dist/client/Menu.d.cts +4 -4
  66. package/dist/client/Menu.d.ts +4 -4
  67. package/dist/client/Menu.js +2 -2
  68. package/dist/client/index.cjs +1 -1
  69. package/dist/client/index.d.cts +4 -4
  70. package/dist/client/index.d.ts +4 -4
  71. package/dist/client/index.js +1 -1
  72. package/dist/defaultTokensConfig.cjs +1 -1
  73. package/dist/defaultTokensConfig.d.cts +7513 -3710
  74. package/dist/defaultTokensConfig.d.ts +7513 -3710
  75. package/dist/defaultTokensConfig.js +1 -1
  76. package/dist/experimental/client/SwitchV2.cjs +2 -1
  77. package/dist/experimental/client/SwitchV2.d.cts +1 -1
  78. package/dist/experimental/client/SwitchV2.d.ts +1 -1
  79. package/dist/experimental/client/SwitchV2.js +1 -1
  80. package/dist/experimental/client/index.cjs +2 -2
  81. package/dist/experimental/client/index.js +2 -2
  82. package/dist/experimental/index.cjs +1 -1
  83. package/dist/experimental/index.js +1 -1
  84. package/dist/fixtures.cjs +161 -181
  85. package/dist/fixtures.d.cts +7 -13
  86. package/dist/fixtures.d.ts +7 -13
  87. package/dist/fixtures.js +156 -170
  88. package/dist/{index-hEma1xw-.d.cts → index-CF87-Wn8.d.ts} +27 -21
  89. package/dist/{index-CETOayIc.d.cts → index-CyzMnp_C.d.cts} +27 -21
  90. package/dist/{index-2rGFJ5FX.d.ts → index-Dp0sWo0y.d.ts} +27 -21
  91. package/dist/{index-DJfunG6F.d.ts → index-M_d5Reyr.d.cts} +27 -21
  92. package/dist/index.cjs +1 -1
  93. package/dist/index.d.cts +46 -44
  94. package/dist/index.d.ts +46 -44
  95. package/dist/index.js +1 -1
  96. package/dist/metafile-cjs.json +1 -1
  97. package/dist/metafile-esm.json +1 -1
  98. package/dist/tailwind/plugin.cjs +1 -1
  99. package/dist/tailwind/plugin.d.cts +3 -10
  100. package/dist/tailwind/plugin.d.ts +3 -10
  101. package/dist/tailwind/plugin.js +1 -1
  102. package/dist/tailwind/purger.cjs +1 -1
  103. package/dist/tailwind/purger.js +1 -1
  104. package/dist/tailwind/tsMorph.cjs +1 -1
  105. package/dist/tailwind/tsMorph.js +2 -2
  106. package/dist/tailwind/utils.cjs +1 -1
  107. package/dist/tailwind/utils.d.cts +2 -2
  108. package/dist/tailwind/utils.d.ts +2 -2
  109. package/dist/tailwind/utils.js +1 -1
  110. package/dist/tokens/automation/configs.cjs +1 -1
  111. package/dist/tokens/automation/configs.d.cts +21 -3
  112. package/dist/tokens/automation/configs.d.ts +21 -3
  113. package/dist/tokens/automation/configs.js +1 -1
  114. package/dist/tokens/automation/properties.cjs +1 -1
  115. package/dist/tokens/automation/properties.d.cts +2 -2
  116. package/dist/tokens/automation/properties.d.ts +2 -2
  117. package/dist/tokens/automation/properties.js +1 -1
  118. package/dist/tokens/index.cjs +1 -1
  119. package/dist/tokens/index.d.cts +86 -44
  120. package/dist/tokens/index.d.ts +86 -44
  121. package/dist/tokens/index.js +1 -1
  122. package/dist/tokens/parseTokens.cjs +1 -1
  123. package/dist/tokens/parseTokens.d.cts +1 -1
  124. package/dist/tokens/parseTokens.d.ts +1 -1
  125. package/dist/tokens/parseTokens.js +1 -1
  126. package/dist/{types-BvOFo15W.d.cts → types-fpiurdUk.d.cts} +1 -3
  127. package/dist/{types-BvOFo15W.d.ts → types-fpiurdUk.d.ts} +1 -3
  128. package/dist/{types-8Ow4Y7RA.d.cts → universalTokensConfigAuto-4Elh49mo.d.cts} +12863 -9187
  129. package/dist/{types-8Ow4Y7RA.d.ts → universalTokensConfigAuto-4Elh49mo.d.ts} +12863 -9187
  130. package/dist/{types-BzoCuKCE.d.cts → universalTokensConfigAuto-DMkgiw7i.d.cts} +12863 -9187
  131. package/dist/{types-BzoCuKCE.d.ts → universalTokensConfigAuto-DMkgiw7i.d.ts} +12863 -9187
  132. package/package.json +1 -1
  133. package/dist/chunk-34ELYHSN.js +0 -2
  134. package/dist/chunk-3RH3MQJN.js +0 -2
  135. package/dist/chunk-4UBSZT2O.js +0 -2
  136. package/dist/chunk-CT6EVSBR.cjs +0 -1
  137. package/dist/chunk-DHVRF7EV.js +0 -2
  138. package/dist/chunk-DKCYJNNB.js +0 -1
  139. package/dist/chunk-IIJ76JTE.js +0 -2
  140. package/dist/chunk-IL624YNH.cjs +0 -1
  141. package/dist/chunk-KHJXWDJY.js +0 -2
  142. package/dist/chunk-MAUK7QR2.js +0 -2
  143. package/dist/chunk-MIW2I7PH.js +0 -1
  144. package/dist/chunk-MVEKLQGM.cjs +0 -1
  145. package/dist/chunk-MWEHOHYJ.js +0 -2
  146. package/dist/chunk-OQ37WTUR.cjs +0 -1
  147. package/dist/chunk-SXUCNY2G.cjs +0 -1
  148. package/dist/chunk-U7C4F57A.cjs +0 -1
  149. package/dist/chunk-YLFRCCE4.cjs +0 -1
  150. package/dist/chunk-ZBNHYKKG.cjs +0 -1
@@ -1 +1 @@
1
- "use strict";var e=require("../../chunk-ZBNHYKKG.cjs"),a=require("@yahoo/uds/fixtures");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var r={label:"Avatar",description:"An avatar is a visual element that represents a user or entity, usually shown as a circle or square with an image, icon, or initials. It's commonly used in profiles, comments, or messages to help identify people.",variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:e.createLayerConfig({label:"root",properties:{height:e.createConfigurableProperty({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:e.createConfigurableProperty({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:e.createLayerConfig({label:"icon",properties:{iconSize:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg",xl:"lg"}})}})}})},subComponents:{text:e.createSubComponentConfig({label:"Text",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"full",secondary:"sm"}})}})}})}}),image:e.createSubComponentConfig({label:"Image",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:e.createLayerConfig({label:"root",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"full",secondary:"sm"}})}})}})}}),icon:e.createSubComponentConfig({label:"Icon",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var t={label:"Badge",description:"Component for demo purposes and testing the automation",variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg"],layers:{root:e.createLayerConfig({label:"root",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg"}})}})}}),variant:e.createVariantConfigWithProperties({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary","alert","alert-secondary","warning","warning-secondary","positive","positive-secondary","info","info-secondary"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none",alert:"none","alert-secondary":"none",warning:"none","warning-secondary":"none",positive:"none","positive-secondary":"none",info:"none","info-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"sm",secondary:"sm",brand:"sm","brand-secondary":"sm",alert:"sm","alert-secondary":"sm",warning:"sm","warning-secondary":"sm",positive:"sm","positive-secondary":"sm",info:"sm","info-secondary":"sm"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl-invert",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}})}})}})}};var o={label:"Checkbox",description:"A checkbox is a small, interactive element that lets users select one or more options from a list.",variants:{size:e.createVariantConfigWithProperties({label:"size",isConfigurable:!0,options:["sm","md"],default:"md",description:"",layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2.5"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label4",md:"label2"}})}}),checkbox:e.createLayerConfig({label:"checkbox",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{sm:"thin",md:"thin"}}),height:e.createConfigurableProperty({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}}),width:e.createConfigurableProperty({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}})}})}}),variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:e.createComponentStates({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:e.createLayerConfig({label:"checkbox",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:e.createLayerConfig({label:"checkboxIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var l={label:"Chip",description:"A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",subComponents:{toggle:e.createSubComponentConfig({label:"Toggle",description:"",variants:{variant:e.createVariantConfigWithComponentStates({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[a.borderWidths],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})}}),dismissible:e.createSubComponentConfig({label:"Dismissible",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[a.borderWidths],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}}),link:e.createSubComponentConfig({label:"Link",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})},variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:e.createLayerConfig({label:"root",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"3",md:"3"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"1",md:"1.5"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label1",md:"label1"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{sm:"full",md:"full"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{sm:"sm",md:"md"}})}})}})}};var s={label:"Divider",description:"Divider lines are purely decorative and non-interactive, serving as a visual guide. Use as horizontal and vertical lines.",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","muted"],layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{primary:"2",secondary:"2",tertiary:"2",muted:"2"}})}}),line:e.createLayerConfig({label:"line",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Thickness",typeOfFixture:["borderWidths"],values:[a.borderWidths.filter(e=>"none"!==e)],defaults:{primary:"thin",secondary:"thin",tertiary:"thin",muted:"thin"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}}),label:e.createLayerConfig({label:"label",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{primary:"label3",secondary:"label3",tertiary:"label3",muted:"label3"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var i={label:"input",description:"An input field is a box where users can type or select information. It can also open a dropdown menu to show options or help collect data.",variants:{size:e.createVariantConfigWithProperties({label:"size",isConfigurable:!0,options:["md","lg"],default:"md",description:"",layers:{root:e.createLayerConfig({label:"root",properties:{}}),inputWrapper:e.createLayerConfig({label:"inputWrapper",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"3.5",lg:"4"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"2",lg:"3.5"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"3",lg:"3"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{md:"md",lg:"md"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[a.textVariants],defaults:{md:"label2",lg:"label2"}})}}),input:e.createLayerConfig({label:"input",properties:{height:e.createConfigurableProperty({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"6",lg:"6"}})}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{md:"md",lg:"md"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{md:"md",lg:"md"}})}}),label:e.createLayerConfig({label:"label",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:e.createLayerConfig({label:"helperIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{md:"sm",lg:"sm"}})}}),helperText:e.createLayerConfig({label:"helperText",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{md:"label4",lg:"label4"}})}})}}),variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:e.createComponentStates({label:"value",options:["filled","empty"],layers:{root:e.createLayerConfig({label:"root",properties:{}}),inputWrapper:e.createLayerConfig({label:"input",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:e.createLayerConfig({label:"input",properties:{color:e.createConfigurableProperty({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:e.createLayerConfig({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:e.createConfigurableProperty({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:e.createLayerConfig({label:"label",properties:{color:e.createConfigurableProperty({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:e.createLayerConfig({label:"labelRequired",properties:{color:e.createConfigurableProperty({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:e.createLayerConfig({label:"helperIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:e.createLayerConfig({label:"helpText",properties:{color:e.createConfigurableProperty({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var n={label:"Link",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{textStyle:e.createVariantConfigWithProperties({label:"Text Style",description:"",isConfigurable:!0,default:"title1",options:a.textVariantsWithoutEmphasized,layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{display1:"2",display2:"2",display3:"2",title1:"2",title2:"2",title3:"2",title4:"2",headline1:"2",body1:"2",label1:"2",label2:"2",label3:"2",label4:"2",caption1:"2",caption2:"2",legal1:"2",ui1:"2",ui2:"2",ui3:"2",ui4:"2",ui5:"2",ui6:"2"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{display1:"lg",display2:"lg",display3:"lg",title1:"md",title2:"md",title3:"md",title4:"md",headline1:"md",body1:"md",label1:"md",label2:"md",label3:"md",label4:"sm",caption1:"md",caption2:"sm",legal1:"md",ui1:"md",ui2:"md",ui3:"md",ui4:"md",ui5:"md",ui6:"md"}})}})}}),variant:e.createVariantConfigWithProperties({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:e.createConfigurableProperty({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[a.textDecorationLines],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:e.createLayerConfig({label:"iconStart",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:e.createLayerConfig({label:"iconEnd",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var d={label:"Menu",description:"A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",variants:{size:e.createVariantConfigWithProperties({label:"size",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:e.createLayerConfig({label:"root",properties:{}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{default:"sm"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{default:"sm"}})}})}})},subComponents:{item:e.createSubComponentConfig({label:"Item",description:"",variants:{variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand-secondary"}})}}),text:e.createLayerConfig({label:"text",properties:{color:e.createConfigurableProperty({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[a.textVariants],defaults:{default:"label2"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e.createSubComponentConfig({label:"ItemCheckbox",description:"",variants:{variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand-secondary"}})}}),text:e.createLayerConfig({label:"text",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[a.textVariants],defaults:{default:"label2"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}})}})}})}}),divider:e.createSubComponentConfig({label:"divider",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:e.createLayerConfig({label:"root",properties:{}}),text:e.createLayerConfig({label:"text",properties:{color:e.createConfigurableProperty({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"muted"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{default:"label3"}})}}),line:e.createLayerConfig({label:"line",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"line thickness",typeOfFixture:["borderWidths"],values:[a.borderWidths.filter(e=>"none"!==e)],defaults:{default:"thin"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"line color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{default:"transparent"}})}})}})}})}};var p={label:"Radio",description:"Component for demo purposes and testing the automation",variants:{variant:e.createVariantConfigWithComponentStates({label:"Variant",description:"Preview the colors, spacing values, and motion effects of your component at their default size.",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:e.createComponentStates({label:"value",options:["checked","unchecked"],layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:e.createLayerConfig({label:"radio",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:e.createLayerConfig({label:"radioCircle",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"brand",secondary:"brand-secondary",alert:"alert","alert-secondary":"alert-secondary"}})}})}})}}),size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"sm",options:["sm","md"],layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2.5"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label4",md:"label2"}})}}),radio:e.createLayerConfig({label:"radio",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{sm:"thin",md:"thin"}}),height:e.createConfigurableProperty({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}}),width:e.createConfigurableProperty({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}})}})}})}};var c={label:"Switch",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",variants:{variant:e.createVariantConfigWithComponentStates({label:"Variant",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",default:"default",options:["default"],isConfigurable:!0,componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{labelColor:e.createConfigurableProperty({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"secondary"}})}}),switch:e.createLayerConfig({label:"switch",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:e.createLayerConfig({label:"handle",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"primary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:e.createLayerConfig({label:"handleIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors],defaults:{default:"brand"}})}})}})}}),size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:e.createLayerConfig({label:"root",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"0",md:"0"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"1",md:"1.5"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label4",md:"label2"}})}}),switch:e.createLayerConfig({label:"switch",properties:{height:e.createConfigurableProperty({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"5",md:"7"}}),width:e.createConfigurableProperty({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"8",md:"12"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{sm:"none",md:"none"}}),padding:e.createConfigurableProperty({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"0.5",md:"0.5"}})}}),handle:e.createLayerConfig({label:"Handle",properties:{height:e.createConfigurableProperty({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"6"}}),width:e.createConfigurableProperty({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"6"}})}}),handleIcon:e.createLayerConfig({label:"Icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{sm:"sm",md:"sm"}})}})}})}};exports.AvatarConfig=r,exports.BadgeConfig=t,exports.CheckboxConfig=o,exports.ChipConfig=l,exports.DividerConfig=s,exports.InputConfig=i,exports.LinkConfig=n,exports.MenuConfig=d,exports.RadioConfig=p,exports.SwitchConfig=c;
1
+ "use strict";var e=require("../../chunk-6THPHJSQ.cjs"),a=require("@yahoo/uds/fixtures");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var r={label:"Avatar",description:"An avatar is a visual element that represents a user or entity, usually shown as a circle or square with an image, icon, or initials. It's commonly used in profiles, comments, or messages to help identify people.",variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:e.createLayerConfig({label:"root",properties:{height:e.createConfigurableProperty({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:e.createConfigurableProperty({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:e.createLayerConfig({label:"icon",properties:{iconSize:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg",xl:"lg"}})}})}})},subComponents:{text:e.createSubComponentConfig({label:"Text",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"full",secondary:"sm"}})}})}})}}),image:e.createSubComponentConfig({label:"Image",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:e.createLayerConfig({label:"root",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"full",secondary:"sm"}})}})}})}}),icon:e.createSubComponentConfig({label:"Icon",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var t={label:"Badge",description:"Component for demo purposes and testing the automation",variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg"],layers:{root:e.createLayerConfig({label:"root",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg"}})}})}}),variant:e.createVariantConfigWithProperties({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary","alert","alert-secondary","warning","warning-secondary","positive","positive-secondary","info","info-secondary"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none",alert:"none","alert-secondary":"none",warning:"none","warning-secondary":"none",positive:"none","positive-secondary":"none",info:"none","info-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{primary:"sm",secondary:"sm",brand:"sm","brand-secondary":"sm",alert:"sm","alert-secondary":"sm",warning:"sm","warning-secondary":"sm",positive:"sm","positive-secondary":"sm",info:"sm","info-secondary":"sm"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl-invert",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}})}})}})}};var o={label:"Button",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md","lg"],layers:{root:e.createLayerConfig({label:"root",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"3",md:"4",lg:"5"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"1",md:"2",lg:"3.5"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"1.5",md:"1.5",lg:"1.5"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"ui1",md:"ui1",lg:"ui1"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{sm:"sm",md:"sm",lg:"sm"}})}})}}),variant:e.createVariantConfigWithProperties({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:a.buttonVariantsFlat,layers:{root:e.createLayerConfig({label:"root",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"thin",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"full",secondary:"full",tertiary:"full",brand:"full","brand-secondary":"full","brand-tertiary":"full",alert:"full","alert-secondary":"full","alert-tertiary":"full",warning:"full","warning-secondary":"full","warning-tertiary":"full",positive:"full","positive-secondary":"full","positive-tertiary":"full",info:"full","info-secondary":"full","info-tertiary":"full"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",tertiary:"tertiary",brand:"tertiary","brand-secondary":"tertiary","brand-tertiary":"tertiary",alert:"tertiary","alert-secondary":"tertiary","alert-tertiary":"tertiary",warning:"tertiary","warning-secondary":"tertiary","warning-tertiary":"tertiary",positive:"tertiary","positive-secondary":"tertiary","positive-tertiary":"tertiary",info:"tertiary","info-secondary":"tertiary","info-tertiary":"tertiary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"accent",secondary:"accent",tertiary:"accent",brand:"brand","brand-secondary":"accent","brand-tertiary":"accent",alert:"alert","alert-secondary":"accent","alert-tertiary":"accent",warning:"warning","warning-secondary":"accent","warning-tertiary":"accent",positive:"positive","positive-secondary":"accent","positive-tertiary":"accent",info:"accent","info-secondary":"accent","info-tertiary":"accent"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",tertiary:"primary",brand:"primary","brand-secondary":"primary","brand-tertiary":"primary",alert:"primary","alert-secondary":"primary","alert-tertiary":"primary",warning:"primary","warning-secondary":"primary","warning-tertiary":"primary",positive:"primary","positive-secondary":"primary","positive-tertiary":"primary",info:"info","info-secondary":"primary","info-tertiary":"primary"}}),opacity:e.createConfigurableProperty({name:"opacity",label:"Opacity",typeOfFixture:["opacitySteps"],values:[a.opacitySteps],skipRestState:!0,pseudoStates:["disabled"],defaults:{primary:"100",secondary:"100",tertiary:"100",brand:"100","brand-secondary":"100","brand-tertiary":"100",alert:"100","alert-secondary":"100","alert-tertiary":"100",warning:"100","warning-secondary":"100","warning-tertiary":"100",positive:"100","positive-secondary":"100","positive-tertiary":"100",info:"100","info-secondary":"100","info-tertiary":"100"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Shadow",typeOfFixture:["shadowVariants"],values:[a.shadowVariants],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),scaleEffect:e.createConfigurableProperty({name:"scaleEffect",label:"Scale",typeOfFixture:["scaleEffects"],values:[a.scaleEffects],skipRestState:!0,pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",tertiary:"primary",brand:"primary","brand-secondary":"primary","brand-tertiary":"primary",alert:"primary","alert-secondary":"primary","alert-tertiary":"primary",warning:"primary","warning-secondary":"primary","warning-tertiary":"primary",positive:"primary","positive-secondary":"primary","positive-tertiary":"primary",info:"primary","info-secondary":"primary","info-tertiary":"primary"}})}})}})}};var s={label:"Checkbox",description:"A checkbox is a small, interactive element that lets users select one or more options from a list.",variants:{size:e.createVariantConfigWithProperties({label:"size",isConfigurable:!0,options:["sm","md"],default:"md",description:"",layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2.5"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label4",md:"label2"}})}}),checkbox:e.createLayerConfig({label:"checkbox",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{sm:"thin",md:"thin"}}),height:e.createConfigurableProperty({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}}),width:e.createConfigurableProperty({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}})}})}}),variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:e.createComponentStates({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:e.createLayerConfig({label:"checkbox",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:e.createLayerConfig({label:"checkboxIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var l={label:"Chip",description:"A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",subComponents:{toggle:e.createSubComponentConfig({label:"Toggle",description:"",variants:{variant:e.createVariantConfigWithComponentStates({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[a.borderWidths],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})}}),dismissible:e.createSubComponentConfig({label:"Dismissible",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[a.borderWidths],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}}),link:e.createSubComponentConfig({label:"Link",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})},variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:e.createLayerConfig({label:"root",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"3",md:"3"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"1",md:"1.5"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label1",md:"label1"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{sm:"full",md:"full"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{sm:"sm",md:"md"}})}})}})}};var i={label:"Divider",description:"Divider lines are purely decorative and non-interactive, serving as a visual guide. Use as horizontal and vertical lines.",variants:{variant:e.createVariantConfigWithProperties({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","muted"],layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{primary:"2",secondary:"2",tertiary:"2",muted:"2"}})}}),line:e.createLayerConfig({label:"line",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Thickness",typeOfFixture:["borderWidths"],values:[a.borderWidths.filter(e=>"none"!==e)],defaults:{primary:"thin",secondary:"thin",tertiary:"thin",muted:"thin"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}}),label:e.createLayerConfig({label:"label",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{primary:"label3",secondary:"label3",tertiary:"label3",muted:"label3"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var n={label:"IconButton",description:"Customizing your own icon buttons involves adjusting icon sizes, and spacing values to create a personalized button.",variants:{size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:e.createLayerConfig({label:"root",properties:{padding:e.createConfigurableProperty({name:"padding",label:"Padding",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{xs:"2",sm:"2",md:"3",lg:"3.5",xl:"4"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{xs:"xs",sm:"sm",md:"sm",lg:"md",xl:"lg"}})}})}}),variant:e.createVariantConfig({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:a.buttonVariantsFlat})}};var d={label:"input",description:"An input field is a box where users can type or select information. It can also open a dropdown menu to show options or help collect data.",variants:{size:e.createVariantConfigWithProperties({label:"size",isConfigurable:!0,options:["md","lg"],default:"md",description:"",layers:{root:e.createLayerConfig({label:"root",properties:{}}),inputWrapper:e.createLayerConfig({label:"inputWrapper",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"3.5",lg:"4"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"2",lg:"3.5"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"3",lg:"3"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:e.createConfigurableProperty({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[a.borderRadii],defaults:{md:"md",lg:"md"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[a.textVariants],defaults:{md:"label2",lg:"label2"}})}}),input:e.createLayerConfig({label:"input",properties:{height:e.createConfigurableProperty({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{md:"6",lg:"6"}})}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{md:"md",lg:"md"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{md:"md",lg:"md"}})}}),label:e.createLayerConfig({label:"label",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:e.createLayerConfig({label:"helperIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{md:"sm",lg:"sm"}})}}),helperText:e.createLayerConfig({label:"helperText",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{md:"label4",lg:"label4"}})}})}}),variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:e.createComponentStates({label:"value",options:["filled","empty"],layers:{root:e.createLayerConfig({label:"root",properties:{}}),inputWrapper:e.createLayerConfig({label:"input",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:e.createLayerConfig({label:"input",properties:{color:e.createConfigurableProperty({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:e.createLayerConfig({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:e.createConfigurableProperty({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:e.createLayerConfig({label:"label",properties:{color:e.createConfigurableProperty({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:e.createLayerConfig({label:"labelRequired",properties:{color:e.createConfigurableProperty({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:e.createLayerConfig({label:"helperIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:e.createLayerConfig({label:"helpText",properties:{color:e.createConfigurableProperty({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var p={label:"Link",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{textStyle:e.createVariantConfigWithProperties({label:"Text Style",description:"",isConfigurable:!0,default:"title1",options:a.textVariantsWithoutEmphasized,layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{display1:"2",display2:"2",display3:"2",title1:"2",title2:"2",title3:"2",title4:"2",headline1:"2",body1:"2",label1:"2",label2:"2",label3:"2",label4:"2",caption1:"2",caption2:"2",legal1:"2",ui1:"2",ui2:"2",ui3:"2",ui4:"2",ui5:"2",ui6:"2"}})}}),icon:e.createLayerConfig({label:"icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{display1:"lg",display2:"lg",display3:"lg",title1:"md",title2:"md",title3:"md",title4:"md",headline1:"md",body1:"md",label1:"md",label2:"md",label3:"md",label4:"sm",caption1:"md",caption2:"sm",legal1:"md",ui1:"md",ui2:"md",ui3:"md",ui4:"md",ui5:"md",ui6:"md"}})}})}}),variant:e.createVariantConfigWithProperties({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:e.createConfigurableProperty({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[a.textDecorationLines],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:e.createLayerConfig({label:"iconStart",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:e.createLayerConfig({label:"iconEnd",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var c={label:"Menu",description:"A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",variants:{size:e.createVariantConfigWithProperties({label:"size",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:e.createLayerConfig({label:"root",properties:{}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{default:"sm"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{default:"sm"}})}})}})},subComponents:{item:e.createSubComponentConfig({label:"Item",description:"",variants:{variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand-secondary"}})}}),text:e.createLayerConfig({label:"text",properties:{color:e.createConfigurableProperty({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[a.textVariants],defaults:{default:"label2"}})}}),icon:e.createLayerConfig({label:"icon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e.createSubComponentConfig({label:"ItemCheckbox",description:"",variants:{variant:e.createVariantConfigWithComponentStates({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand-secondary"}})}}),text:e.createLayerConfig({label:"text",properties:{textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[a.textVariants],defaults:{default:"label2"}}),color:e.createConfigurableProperty({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}}),startIcon:e.createLayerConfig({label:"startIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}}),endIcon:e.createLayerConfig({label:"endIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}})}})}})}})}}),divider:e.createSubComponentConfig({label:"divider",description:"",variants:{variant:e.createVariantConfigWithProperties({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:e.createLayerConfig({label:"root",properties:{}}),text:e.createLayerConfig({label:"text",properties:{color:e.createConfigurableProperty({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"muted"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{default:"label3"}})}}),line:e.createLayerConfig({label:"line",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"line thickness",typeOfFixture:["borderWidths"],values:[a.borderWidths.filter(e=>"none"!==e)],defaults:{default:"thin"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"line color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{default:"transparent"}})}})}})}})}};var u={label:"Radio",description:"Component for demo purposes and testing the automation",variants:{variant:e.createVariantConfigWithComponentStates({label:"Variant",description:"Preview the colors, spacing values, and motion effects of your component at their default size.",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:e.createComponentStates({label:"value",options:["checked","unchecked"],layers:{root:e.createLayerConfig({label:"root",properties:{color:e.createConfigurableProperty({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:e.createLayerConfig({label:"radio",properties:{borderColor:e.createConfigurableProperty({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:e.createLayerConfig({label:"radioCircle",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],pseudoStates:["hover","pressed"],defaults:{primary:"brand",secondary:"brand-secondary",alert:"alert","alert-secondary":"alert-secondary"}})}})}})}}),size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"sm",options:["sm","md"],layers:{root:e.createLayerConfig({label:"root",properties:{gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2.5"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label4",md:"label2"}})}}),radio:e.createLayerConfig({label:"radio",properties:{borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{sm:"thin",md:"thin"}}),height:e.createConfigurableProperty({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}}),width:e.createConfigurableProperty({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"5"}})}})}})}};var y={label:"Switch",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",variants:{variant:e.createVariantConfigWithComponentStates({label:"Variant",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",default:"default",options:["default"],isConfigurable:!0,componentStates:{active:e.createComponentStates({label:"active",options:["on","off"],layers:{root:e.createLayerConfig({label:"root",properties:{labelColor:e.createConfigurableProperty({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"secondary"}})}}),switch:e.createLayerConfig({label:"switch",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}}),borderColor:e.createConfigurableProperty({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.linePaletteColors,a.alwaysPaletteAliases],defaults:{default:"brand"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:e.createLayerConfig({label:"handle",properties:{backgroundColor:e.createConfigurableProperty({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.backgroundPaletteColors,a.alwaysPaletteAliases],defaults:{default:"primary"}}),shadow:e.createConfigurableProperty({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[a.shadowVariants],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:e.createConfigurableProperty({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[a.shadowVariantsWithInvert],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:e.createLayerConfig({label:"handleIcon",properties:{color:e.createConfigurableProperty({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[a.spectrumColors,a.foregroundPaletteColors],defaults:{default:"brand"}})}})}})}}),size:e.createVariantConfigWithProperties({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:e.createLayerConfig({label:"root",properties:{spacingHorizontal:e.createConfigurableProperty({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"0",md:"0"}}),spacingVertical:e.createConfigurableProperty({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"1",md:"1.5"}}),gap:e.createConfigurableProperty({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"2",md:"2"}}),textVariant:e.createConfigurableProperty({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[a.textVariants],defaults:{sm:"label4",md:"label2"}})}}),switch:e.createLayerConfig({label:"switch",properties:{height:e.createConfigurableProperty({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"5",md:"7"}}),width:e.createConfigurableProperty({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"8",md:"12"}}),borderWidth:e.createConfigurableProperty({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[a.borderWidths],defaults:{sm:"none",md:"none"}}),padding:e.createConfigurableProperty({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"0.5",md:"0.5"}})}}),handle:e.createLayerConfig({label:"Handle",properties:{height:e.createConfigurableProperty({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"6"}}),width:e.createConfigurableProperty({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[a.spacingAliases],defaults:{sm:"4",md:"6"}})}}),handleIcon:e.createLayerConfig({label:"Icon",properties:{size:e.createConfigurableProperty({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[a.iconSizes],defaults:{sm:"sm",md:"sm"}})}})}})}};exports.AvatarConfig=r,exports.BadgeConfig=t,exports.ButtonConfig=o,exports.CheckboxConfig=s,exports.ChipConfig=l,exports.DividerConfig=i,exports.IconButtonConfig=n,exports.InputConfig=d,exports.LinkConfig=p,exports.MenuConfig=c,exports.RadioConfig=u,exports.SwitchConfig=y;
@@ -1,6 +1,6 @@
1
- import { e as VariantConfigWithProperties, d as SubComponentConfig, f as VariantConfigWithComponentStates } from '../../index-hEma1xw-.cjs';
1
+ import { e as VariantConfigWithProperties, d as SubComponentConfig, f as VariantConfigWithComponentStates, V as VariantConfig } from '../../index-CyzMnp_C.cjs';
2
2
  import '@yahoo/uds/fixtures';
3
- import '../../types-BzoCuKCE.cjs';
3
+ import '../../universalTokensConfigAuto-DMkgiw7i.cjs';
4
4
  import '@yahoo/uds-icons/types';
5
5
  import 'motion/react';
6
6
  import 'react';
@@ -28,6 +28,15 @@ declare const BadgeConfig: {
28
28
  };
29
29
  };
30
30
 
31
+ declare const ButtonConfig: {
32
+ label: string;
33
+ description: string;
34
+ variants: {
35
+ size: VariantConfigWithProperties<string>;
36
+ variant: VariantConfigWithProperties<string>;
37
+ };
38
+ };
39
+
31
40
  declare const CheckboxConfig: {
32
41
  label: string;
33
42
  description: string;
@@ -58,6 +67,15 @@ declare const DividerConfig: {
58
67
  };
59
68
  };
60
69
 
70
+ declare const IconButtonConfig: {
71
+ label: string;
72
+ description: string;
73
+ variants: {
74
+ size: VariantConfigWithProperties<string>;
75
+ variant: VariantConfig<string>;
76
+ };
77
+ };
78
+
61
79
  declare const InputConfig: {
62
80
  label: string;
63
81
  description: string;
@@ -107,4 +125,4 @@ declare const SwitchConfig: {
107
125
  };
108
126
  };
109
127
 
110
- export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig };
128
+ export { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig };
@@ -1,6 +1,6 @@
1
- import { e as VariantConfigWithProperties, d as SubComponentConfig, f as VariantConfigWithComponentStates } from '../../index-DJfunG6F.js';
1
+ import { e as VariantConfigWithProperties, d as SubComponentConfig, f as VariantConfigWithComponentStates, V as VariantConfig } from '../../index-Dp0sWo0y.js';
2
2
  import '@yahoo/uds/fixtures';
3
- import '../../types-BzoCuKCE.js';
3
+ import '../../universalTokensConfigAuto-DMkgiw7i.js';
4
4
  import '@yahoo/uds-icons/types';
5
5
  import 'motion/react';
6
6
  import 'react';
@@ -28,6 +28,15 @@ declare const BadgeConfig: {
28
28
  };
29
29
  };
30
30
 
31
+ declare const ButtonConfig: {
32
+ label: string;
33
+ description: string;
34
+ variants: {
35
+ size: VariantConfigWithProperties<string>;
36
+ variant: VariantConfigWithProperties<string>;
37
+ };
38
+ };
39
+
31
40
  declare const CheckboxConfig: {
32
41
  label: string;
33
42
  description: string;
@@ -58,6 +67,15 @@ declare const DividerConfig: {
58
67
  };
59
68
  };
60
69
 
70
+ declare const IconButtonConfig: {
71
+ label: string;
72
+ description: string;
73
+ variants: {
74
+ size: VariantConfigWithProperties<string>;
75
+ variant: VariantConfig<string>;
76
+ };
77
+ };
78
+
61
79
  declare const InputConfig: {
62
80
  label: string;
63
81
  description: string;
@@ -107,4 +125,4 @@ declare const SwitchConfig: {
107
125
  };
108
126
  };
109
127
 
110
- export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig };
128
+ export { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig };