@bitrise/bitkit-v2 0.3.204 → 0.3.206

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 (188) hide show
  1. package/dist/atoms/ImageCropper/ImageCropper.d.ts +10 -10
  2. package/dist/components/BitkitAccordion/BitkitAccordion.js.map +1 -1
  3. package/dist/components/BitkitCalendar/components/CalendarFooter.js.map +1 -1
  4. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map +1 -1
  5. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js.map +1 -1
  6. package/dist/components/BitkitCalendar/components/CalendarSelect.js.map +1 -1
  7. package/dist/components/BitkitCalendar/components/CalendarTrigger.js.map +1 -1
  8. package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js.map +1 -1
  9. package/dist/components/BitkitCollapsible/BitkitCollapsible.js.map +1 -1
  10. package/dist/components/BitkitCombobox/BitkitCombobox.d.ts +11 -1
  11. package/dist/components/BitkitCombobox/BitkitCombobox.js +4 -7
  12. package/dist/components/BitkitCombobox/BitkitCombobox.js.map +1 -1
  13. package/dist/components/BitkitDataWidget/BitkitDataWidget.d.ts +10 -0
  14. package/dist/components/BitkitDataWidget/BitkitDataWidget.js +45 -0
  15. package/dist/components/BitkitDataWidget/BitkitDataWidget.js.map +1 -0
  16. package/dist/components/BitkitDialog/BitkitDialog.d.ts +19 -6
  17. package/dist/components/BitkitDialog/BitkitDialog.js +22 -5
  18. package/dist/components/BitkitDialog/BitkitDialog.js.map +1 -1
  19. package/dist/components/BitkitDialog/BitkitDialogBody.d.ts +1 -1
  20. package/dist/components/BitkitDialog/BitkitDialogBody.js +15 -4
  21. package/dist/components/BitkitDialog/BitkitDialogBody.js.map +1 -1
  22. package/dist/components/BitkitDialog/BitkitDialogContent.d.ts +4 -2
  23. package/dist/components/BitkitDialog/BitkitDialogContent.js +29 -18
  24. package/dist/components/BitkitDialog/BitkitDialogContent.js.map +1 -1
  25. package/dist/components/BitkitDialog/BitkitDialogHeader.d.ts +9 -0
  26. package/dist/components/BitkitDialog/BitkitDialogHeader.js +8 -0
  27. package/dist/components/BitkitDialog/BitkitDialogHeader.js.map +1 -0
  28. package/dist/components/BitkitDialog/BitkitDialogStep.d.ts +11 -0
  29. package/dist/components/BitkitDialog/BitkitDialogStep.js +26 -0
  30. package/dist/components/BitkitDialog/BitkitDialogStep.js.map +1 -0
  31. package/dist/components/BitkitDialog/BitkitDialogStepContext.d.ts +5 -0
  32. package/dist/components/BitkitDialog/BitkitDialogStepContext.js +7 -0
  33. package/dist/components/BitkitDialog/BitkitDialogStepContext.js.map +1 -0
  34. package/dist/components/BitkitDraggableCard/BitkitDraggableCard.js.map +1 -1
  35. package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map +1 -1
  36. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js.map +1 -1
  37. package/dist/components/BitkitInlineLoading/BitkitInlineLoading.js.map +1 -1
  38. package/dist/components/BitkitLabel/BitkitLabel.js +3 -3
  39. package/dist/components/BitkitLabel/BitkitLabel.js.map +1 -1
  40. package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js +1 -1
  41. package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js.map +1 -1
  42. package/dist/components/BitkitLabeledData/BitkitLabeledData.js +24 -17
  43. package/dist/components/BitkitLabeledData/BitkitLabeledData.js.map +1 -1
  44. package/dist/components/BitkitList/BitkitList.d.ts +21 -0
  45. package/dist/components/BitkitList/BitkitList.js +107 -0
  46. package/dist/components/BitkitList/BitkitList.js.map +1 -0
  47. package/dist/components/BitkitList/index.d.ts +2 -0
  48. package/dist/components/BitkitMarkdown/BitkitMarkdown.js +11 -17
  49. package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map +1 -1
  50. package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js.map +1 -1
  51. package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts +13 -1
  52. package/dist/components/BitkitMultiselect/BitkitMultiselect.js +3 -6
  53. package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map +1 -1
  54. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.d.ts +5 -1
  55. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js +5 -3
  56. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js.map +1 -1
  57. package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js.map +1 -1
  58. package/dist/components/BitkitNoteCard/BitkitNoteCard.js.map +1 -1
  59. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.d.ts +4 -0
  60. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js +5 -3
  61. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map +1 -1
  62. package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js +1 -1
  63. package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js.map +1 -1
  64. package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map +1 -1
  65. package/dist/components/BitkitPagination/BitkitPagination.js.map +1 -1
  66. package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js.map +1 -1
  67. package/dist/components/BitkitRibbon/BitkitRibbon.js.map +1 -1
  68. package/dist/components/BitkitSearchInput/BitkitSearchInput.js +2 -1
  69. package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map +1 -1
  70. package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js +1 -1
  71. package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js.map +1 -1
  72. package/dist/components/BitkitSelect/BitkitSelect.d.ts +12 -1
  73. package/dist/components/BitkitSelect/BitkitSelect.js +3 -6
  74. package/dist/components/BitkitSelect/BitkitSelect.js.map +1 -1
  75. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.d.ts +14 -11
  76. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map +1 -1
  77. package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts +1 -1
  78. package/dist/components/BitkitSelectMenu/SelectMenuShell.js +13 -13
  79. package/dist/components/BitkitSelectMenu/SelectMenuShell.js.map +1 -1
  80. package/dist/components/BitkitSettingsCard/BitkitSettingsCard.js.map +1 -1
  81. package/dist/components/BitkitSidebar/BitkitSidebar.js.map +1 -1
  82. package/dist/components/BitkitSpinner/BitkitSpinner.d.ts +4 -0
  83. package/dist/components/BitkitSpinner/BitkitSpinner.js +15 -0
  84. package/dist/components/BitkitSpinner/BitkitSpinner.js.map +1 -0
  85. package/dist/components/BitkitSplitButton/BitkitSplitButton.js.map +1 -1
  86. package/dist/components/BitkitSteps/BitkitSteps.js +3 -3
  87. package/dist/components/BitkitSteps/BitkitSteps.js.map +1 -1
  88. package/dist/components/BitkitStepsCard/BitkitStepsCard.js.map +1 -1
  89. package/dist/components/BitkitSwitch/BitkitSwitch.d.ts +3 -0
  90. package/dist/components/BitkitSwitch/BitkitSwitch.js +105 -0
  91. package/dist/components/BitkitSwitch/BitkitSwitch.js.map +1 -0
  92. package/dist/components/BitkitSwitch/BitkitSwitch.types.d.ts +21 -0
  93. package/dist/components/{BitkitToggle/BitkitToggle.utils.d.ts → BitkitSwitch/BitkitSwitch.utils.d.ts} +1 -1
  94. package/dist/components/{BitkitToggle/BitkitToggle.utils.js → BitkitSwitch/BitkitSwitch.utils.js} +2 -2
  95. package/dist/components/{BitkitToggle/BitkitToggle.utils.js.map → BitkitSwitch/BitkitSwitch.utils.js.map} +1 -1
  96. package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.d.ts +3 -0
  97. package/dist/components/{BitkitToggle/components/BitkitToggleHelperText.js → BitkitSwitch/components/BitkitSwitchHelperText.js} +5 -5
  98. package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js.map +1 -0
  99. package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.d.ts +3 -0
  100. package/dist/components/{BitkitToggle/components/BitkitToggleLabel.js → BitkitSwitch/components/BitkitSwitchLabel.js} +4 -4
  101. package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js.map +1 -0
  102. package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.d.ts +4 -0
  103. package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js → BitkitSwitch/components/BitkitSwitchReadOnly.js} +4 -4
  104. package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js.map → BitkitSwitch/components/BitkitSwitchReadOnly.js.map} +1 -1
  105. package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.d.ts +3 -0
  106. package/dist/components/{BitkitToggle/components/BitkitToggleValueText.js → BitkitSwitch/components/BitkitSwitchValueText.js} +7 -7
  107. package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.js.map +1 -0
  108. package/dist/components/BitkitSwitch/index.d.ts +2 -0
  109. package/dist/components/BitkitTag/BitkitTag.js +1 -1
  110. package/dist/components/BitkitTag/BitkitTag.js.map +1 -1
  111. package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts +1 -0
  112. package/dist/components/BitkitTagsInput/BitkitTagsInput.js +5 -2
  113. package/dist/components/BitkitTagsInput/BitkitTagsInput.js.map +1 -1
  114. package/dist/components/BitkitTooltip/BitkitTooltip.js +1 -1
  115. package/dist/components/BitkitTooltip/BitkitTooltip.js.map +1 -1
  116. package/dist/components/BitkitTreeView/BitkitTreeView.js.map +1 -1
  117. package/dist/components/index.d.ts +6 -4
  118. package/dist/main.js +9 -7
  119. package/dist/theme/common/ComboboxAndSelect.common.js +2 -1
  120. package/dist/theme/common/ComboboxAndSelect.common.js.map +1 -1
  121. package/dist/theme/common/InputAndTextarea.common.d.ts +7 -0
  122. package/dist/theme/common/InputAndTextarea.common.js +8 -1
  123. package/dist/theme/common/InputAndTextarea.common.js.map +1 -1
  124. package/dist/theme/index.js.map +1 -1
  125. package/dist/theme/recipes/Button.recipe.js.map +1 -1
  126. package/dist/theme/recipes/Input.recipe.js +6 -2
  127. package/dist/theme/recipes/Input.recipe.js.map +1 -1
  128. package/dist/theme/recipes/SelectableTag.recipe.js +1 -1
  129. package/dist/theme/recipes/SelectableTag.recipe.js.map +1 -1
  130. package/dist/theme/recipes/ToggleButton.recipe.js +20 -2
  131. package/dist/theme/recipes/ToggleButton.recipe.js.map +1 -1
  132. package/dist/theme/semantic-tokens/semanticColors.js +14 -9
  133. package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
  134. package/dist/theme/slot-recipes/Combobox.recipe.js +14 -4
  135. package/dist/theme/slot-recipes/Combobox.recipe.js.map +1 -1
  136. package/dist/theme/slot-recipes/DataWidget.recipe.d.ts +2 -0
  137. package/dist/theme/slot-recipes/DataWidget.recipe.js +65 -0
  138. package/dist/theme/slot-recipes/DataWidget.recipe.js.map +1 -0
  139. package/dist/theme/slot-recipes/Dialog.recipe.d.ts +13 -4
  140. package/dist/theme/slot-recipes/Dialog.recipe.js +40 -7
  141. package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
  142. package/dist/theme/slot-recipes/GroupHeading.recipe.js +1 -1
  143. package/dist/theme/slot-recipes/GroupHeading.recipe.js.map +1 -1
  144. package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +3 -3
  145. package/dist/theme/slot-recipes/MarkdownCard.recipe.js +4 -3
  146. package/dist/theme/slot-recipes/MarkdownCard.recipe.js.map +1 -1
  147. package/dist/theme/slot-recipes/NoteCard.recipe.js +14 -4
  148. package/dist/theme/slot-recipes/NoteCard.recipe.js.map +1 -1
  149. package/dist/theme/slot-recipes/Select.recipe.js +28 -11
  150. package/dist/theme/slot-recipes/Select.recipe.js.map +1 -1
  151. package/dist/theme/slot-recipes/StepCard.recipe.js.map +1 -1
  152. package/dist/theme/slot-recipes/Switch.recipe.d.ts +3 -3
  153. package/dist/theme/slot-recipes/Switch.recipe.js +12 -12
  154. package/dist/theme/slot-recipes/Switch.recipe.js.map +1 -1
  155. package/dist/theme/slot-recipes/TagsInput.recipe.d.ts +9 -4
  156. package/dist/theme/slot-recipes/TagsInput.recipe.js +18 -5
  157. package/dist/theme/slot-recipes/TagsInput.recipe.js.map +1 -1
  158. package/dist/theme/slot-recipes/Toast.recipe.js +4 -1
  159. package/dist/theme/slot-recipes/Toast.recipe.js.map +1 -1
  160. package/dist/theme/slot-recipes/TreeView.recipe.d.ts +1 -0
  161. package/dist/theme/slot-recipes/TreeView.recipe.js +4 -1
  162. package/dist/theme/slot-recipes/TreeView.recipe.js.map +1 -1
  163. package/dist/theme/slot-recipes/index.js +2 -0
  164. package/dist/theme/slot-recipes/index.js.map +1 -1
  165. package/dist/theme/text-styles.js.map +1 -1
  166. package/package.json +6 -6
  167. package/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts +0 -14
  168. package/dist/components/BitkitExplainerList/BitkitExplainerList.js +0 -54
  169. package/dist/components/BitkitExplainerList/BitkitExplainerList.js.map +0 -1
  170. package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts +0 -13
  171. package/dist/components/BitkitOrderedList/BitkitOrderedList.js +0 -30
  172. package/dist/components/BitkitOrderedList/BitkitOrderedList.js.map +0 -1
  173. package/dist/components/BitkitToggle/BitkitToggle.d.ts +0 -3
  174. package/dist/components/BitkitToggle/BitkitToggle.js +0 -123
  175. package/dist/components/BitkitToggle/BitkitToggle.js.map +0 -1
  176. package/dist/components/BitkitToggle/BitkitToggle.types.d.ts +0 -22
  177. package/dist/components/BitkitToggle/components/BitkitToggleHelperText.d.ts +0 -3
  178. package/dist/components/BitkitToggle/components/BitkitToggleHelperText.js.map +0 -1
  179. package/dist/components/BitkitToggle/components/BitkitToggleLabel.d.ts +0 -3
  180. package/dist/components/BitkitToggle/components/BitkitToggleLabel.js.map +0 -1
  181. package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.d.ts +0 -4
  182. package/dist/components/BitkitToggle/components/BitkitToggleValueText.d.ts +0 -3
  183. package/dist/components/BitkitToggle/components/BitkitToggleValueText.js.map +0 -1
  184. package/dist/components/BitkitToggle/index.d.ts +0 -2
  185. package/dist/components/BitkitUnorderedList/BitkitUnorderedList.d.ts +0 -16
  186. package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js +0 -52
  187. package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js.map +0 -1
  188. package/dist/theme/slot-recipes/Combobox.recipe.d.ts +0 -11
@@ -1 +1 @@
1
- {"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst buttonVariants = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'danger-primary',\n 'danger-secondary',\n 'danger-tertiary',\n 'ai-primary',\n 'ai-secondary',\n 'ai-tertiary',\n];\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n (obj, variant) => {\n let borderColor = variant?.includes('secondary')\n ? `{colors.button.${variant}.border}`\n : `{colors.button.${variant}.bg}`;\n let disabledBorderColor = variant?.includes('secondary')\n ? `{colors.button.${variant}.border-disabled}`\n : `{colors.button.${variant}.bg-disabled}`;\n if (variant?.includes('tertiary')) {\n borderColor = 'transparent';\n disabledBorderColor = 'transparent';\n }\n obj[variant as NonNullable<Variant>] = {\n '&:hover': {\n backgroundColor: `{colors.button.${variant}.bg-hover}`,\n borderColor: variant?.includes('secondary')\n ? `{colors.button.${variant}.border-hover}`\n : `{colors.button.${variant}.bg-hover}`,\n color: `{colors.button.${variant}.fg-hover}`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n '&:active': {\n backgroundColor: `{colors.button.${variant}.bg-active}`,\n borderColor: variant?.includes('secondary')\n ? `{colors.button.${variant}.border-active}`\n : `{colors.button.${variant}.bg-active}`,\n color: `{colors.button.${variant}.fg-active}`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _disabled: {\n backgroundColor: `{colors.button.${variant}.bg-disabled}!`,\n borderColor: `${disabledBorderColor}!`,\n color: `{colors.button.${variant}.fg-disabled}!`,\n cursor: 'not-allowed',\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _icon: {\n color: variant === 'secondary' ? 'button/secondary/fg/icon' : undefined,\n },\n backgroundColor: `{colors.button.${variant}.bg}`,\n borderColor,\n borderStyle: 'solid',\n borderWidth: rem(1),\n color: `{colors.button.${variant}.fg}`,\n };\n return obj;\n },\n {} as Record<NonNullable<Variant>, SystemStyleObject>,\n);\n\nconst buttonRecipe = defineRecipe({\n className: 'button',\n base: {\n borderRadius: '4',\n cursor: 'pointer',\n fontWeight: 600,\n border: '1px solid transparent',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '8',\n position: 'relative',\n '--spinner-color': 'currentColor',\n '--spinner-size': 'sizes.16',\n _disabled: {\n cursor: 'not-allowed',\n },\n },\n variants: {\n variant: variantStyles,\n size: {\n sm: {\n minWidth: '32',\n height: '32',\n paddingInline: rem(11),\n paddingBlock: rem(5),\n textStyle: 'comp/button/sm',\n },\n md: {\n minWidth: '40',\n height: '40',\n paddingInline: rem(15),\n paddingBlock: rem(7),\n textStyle: 'comp/button/md',\n },\n lg: {\n minWidth: '48',\n height: '48',\n padding: rem(15),\n textStyle: 'comp/button/lg',\n },\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'lg',\n },\n});\n\nexport default buttonRecipe;\n"],"mappings":";;;AA0EA,IAAM,eAAe,aAAa;CAChC,WAAW;CACX,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,WAAW,EACT,QAAQ,eACT;EACF;CACD,UAAU;EACR,SAzFmB;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAIoC,QAClC,KAAK,YAAY;GAChB,IAAI,cAAc,SAAS,SAAS,YAAY,GAC5C,kBAAkB,QAAQ,YAC1B,kBAAkB,QAAQ;GAC9B,IAAI,sBAAsB,SAAS,SAAS,YAAY,GACpD,kBAAkB,QAAQ,qBAC1B,kBAAkB,QAAQ;AAC9B,OAAI,SAAS,SAAS,WAAW,EAAE;AACjC,kBAAc;AACd,0BAAsB;;AAExB,OAAI,WAAmC;IACrC,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,kBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,YAAY;KACV,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,mBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,GAAG,oBAAoB;KACpC,OAAO,kBAAkB,QAAQ;KACjC,QAAQ;KACR,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,OAAO,EACL,OAAO,YAAY,cAAc,6BAA6B,KAAA,GAC/D;IACD,iBAAiB,kBAAkB,QAAQ;IAC3C;IACA,aAAa;IACb,aAAa,IAAI,EAAE;IACnB,OAAO,kBAAkB,QAAQ;IAClC;AACD,UAAO;KAET,EAAE,CACH;EAsBG,MAAM;GACJ,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,SAAS,IAAI,GAAG;IAChB,WAAW;IACZ;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC"}
1
+ {"version":3,"file":"Button.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Button.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst buttonVariants = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'danger-primary',\n 'danger-secondary',\n 'danger-tertiary',\n 'ai-primary',\n 'ai-secondary',\n 'ai-tertiary',\n];\n\nexport type Variant = (typeof buttonVariants)[number];\n\nconst variantStyles = buttonVariants.reduce(\n (obj, variant) => {\n let borderColor = variant?.includes('secondary')\n ? `{colors.button.${variant}.border}`\n : `{colors.button.${variant}.bg}`;\n let disabledBorderColor = variant?.includes('secondary')\n ? `{colors.button.${variant}.border-disabled}`\n : `{colors.button.${variant}.bg-disabled}`;\n if (variant?.includes('tertiary')) {\n borderColor = 'transparent';\n disabledBorderColor = 'transparent';\n }\n obj[variant as NonNullable<Variant>] = {\n '&:hover': {\n backgroundColor: `{colors.button.${variant}.bg-hover}`,\n borderColor: variant?.includes('secondary')\n ? `{colors.button.${variant}.border-hover}`\n : `{colors.button.${variant}.bg-hover}`,\n color: `{colors.button.${variant}.fg-hover}`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n '&:active': {\n backgroundColor: `{colors.button.${variant}.bg-active}`,\n borderColor: variant?.includes('secondary')\n ? `{colors.button.${variant}.border-active}`\n : `{colors.button.${variant}.bg-active}`,\n color: `{colors.button.${variant}.fg-active}`,\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _disabled: {\n backgroundColor: `{colors.button.${variant}.bg-disabled}!`,\n borderColor: `${disabledBorderColor}!`,\n color: `{colors.button.${variant}.fg-disabled}!`,\n cursor: 'not-allowed',\n _icon: {\n color: variant === 'secondary' ? 'currentColor' : undefined,\n },\n },\n _icon: {\n color: variant === 'secondary' ? 'button/secondary/fg/icon' : undefined,\n },\n backgroundColor: `{colors.button.${variant}.bg}`,\n borderColor,\n borderStyle: 'solid',\n borderWidth: rem(1),\n color: `{colors.button.${variant}.fg}`,\n };\n return obj;\n },\n {} as Record<NonNullable<Variant>, SystemStyleObject>,\n);\n\nconst buttonRecipe = defineRecipe({\n className: 'button',\n base: {\n borderRadius: '4',\n cursor: 'pointer',\n fontWeight: 600,\n border: '1px solid transparent',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '8',\n position: 'relative',\n '--spinner-color': 'currentColor',\n '--spinner-size': 'sizes.16',\n _disabled: {\n cursor: 'not-allowed',\n },\n },\n variants: {\n variant: variantStyles,\n size: {\n sm: {\n minWidth: '32',\n height: '32',\n paddingInline: rem(11),\n paddingBlock: rem(5),\n textStyle: 'comp/button/sm',\n },\n md: {\n minWidth: '40',\n height: '40',\n paddingInline: rem(15),\n paddingBlock: rem(7),\n textStyle: 'comp/button/md',\n },\n lg: {\n minWidth: '48',\n height: '48',\n padding: rem(15),\n textStyle: 'comp/button/lg',\n },\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'lg',\n },\n});\n\nexport default buttonRecipe;\n"],"mappings":";;;AA0EA,IAAM,eAAe,aAAa;CAChC,WAAW;CACX,MAAM;EACJ,cAAc;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,WAAW,EACT,QAAQ,eACT;EACF;CACD,UAAU;EACR,SA3EkB;GAbpB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAKoB,CAAe,QAClC,KAAK,YAAY;GAChB,IAAI,cAAc,SAAS,SAAS,YAAY,GAC5C,kBAAkB,QAAQ,YAC1B,kBAAkB,QAAQ;GAC9B,IAAI,sBAAsB,SAAS,SAAS,YAAY,GACpD,kBAAkB,QAAQ,qBAC1B,kBAAkB,QAAQ;AAC9B,OAAI,SAAS,SAAS,WAAW,EAAE;AACjC,kBAAc;AACd,0BAAsB;;AAExB,OAAI,WAAmC;IACrC,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,kBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,YAAY;KACV,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,SAAS,SAAS,YAAY,GACvC,kBAAkB,QAAQ,mBAC1B,kBAAkB,QAAQ;KAC9B,OAAO,kBAAkB,QAAQ;KACjC,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,WAAW;KACT,iBAAiB,kBAAkB,QAAQ;KAC3C,aAAa,GAAG,oBAAoB;KACpC,OAAO,kBAAkB,QAAQ;KACjC,QAAQ;KACR,OAAO,EACL,OAAO,YAAY,cAAc,iBAAiB,KAAA,GACnD;KACF;IACD,OAAO,EACL,OAAO,YAAY,cAAc,6BAA6B,KAAA,GAC/D;IACD,iBAAiB,kBAAkB,QAAQ;IAC3C;IACA,aAAa;IACb,aAAa,IAAI,EAAE;IACnB,OAAO,kBAAkB,QAAQ;IAClC;AACD,UAAO;KAET,EAAE,CAsBS;EACT,MAAM;GACJ,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,eAAe,IAAI,GAAG;IACtB,cAAc,IAAI,EAAE;IACpB,WAAW;IACZ;GACD,IAAI;IACF,UAAU;IACV,QAAQ;IACR,SAAS,IAAI,GAAG;IAChB,WAAW;IACZ;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC"}
@@ -1,9 +1,13 @@
1
- import { base, defaultVariants, variants } from "../common/InputAndTextarea.common.js";
1
+ import { base, defaultVariants, singleLineInputOverrides, variants } from "../common/InputAndTextarea.common.js";
2
2
  import { defineRecipe } from "@chakra-ui/react/styled-system";
3
3
  //#region lib/theme/recipes/Input.recipe.ts
4
4
  var inputRecipe = defineRecipe({
5
5
  className: "input",
6
- base,
6
+ base: {
7
+ ...base,
8
+ ...singleLineInputOverrides,
9
+ height: "var(--input-height)"
10
+ },
7
11
  variants,
8
12
  defaultVariants
9
13
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Input.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Input.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, defaultVariants, variants } from '../common/InputAndTextarea.common';\n\nconst inputRecipe = defineRecipe({\n className: 'input',\n base,\n variants,\n defaultVariants,\n});\n\nexport default inputRecipe;\n"],"mappings":";;;AAIA,IAAM,cAAc,aAAa;CAC/B,WAAW;CACX;CACA;CACA;CACD,CAAC"}
1
+ {"version":3,"file":"Input.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Input.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, defaultVariants, singleLineInputOverrides, variants } from '../common/InputAndTextarea.common';\n\nconst inputRecipe = defineRecipe({\n className: 'input',\n base: {\n ...base,\n ...singleLineInputOverrides,\n // Pin the input to the size-variant's --input-height so layout stays deterministic regardless\n // of padding/font drift.\n height: 'var(--input-height)',\n },\n variants,\n defaultVariants,\n});\n\nexport default inputRecipe;\n"],"mappings":";;;AAIA,IAAM,cAAc,aAAa;CAC/B,WAAW;CACX,MAAM;EACJ,GAAG;EACH,GAAG;EAGH,QAAQ;EACT;CACD;CACA;CACD,CAAC"}
@@ -38,7 +38,7 @@ var selectableTagRecipe = defineRecipe({
38
38
  userSelect: "none",
39
39
  whiteSpace: "nowrap",
40
40
  "&:has(svg)": { paddingInlineStart: "4" },
41
- _icon: { color: "icon/primary" },
41
+ _icon: { color: "icon/secondary" },
42
42
  _hover: {
43
43
  background: "background/hover",
44
44
  color: "text/primary",
@@ -1 +1 @@
1
- {"version":3,"file":"SelectableTag.recipe.js","names":[],"sources":["../../../lib/theme/recipes/SelectableTag.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst checked: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive',\n },\n};\n\nconst checkedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive-hover',\n },\n};\n\nconst disabled: SystemStyleObject = {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n cursor: 'not-allowed',\n _icon: {\n color: 'icon/on-disabled',\n },\n};\n\nconst selectableTagRecipe = defineRecipe({\n className: 'selectable-tag',\n base: {\n alignItems: 'center',\n background: 'background/primary',\n border: '1px solid',\n borderColor: 'border/strong',\n borderRadius: '4',\n color: 'text/body',\n cursor: 'pointer',\n display: 'inline-flex',\n gap: '4',\n height: '24',\n paddingBlock: '4',\n paddingInline: '8',\n textStyle: 'comp/tag/sm',\n userSelect: 'none',\n whiteSpace: 'nowrap',\n '&:has(svg)': {\n paddingInlineStart: '4',\n },\n _icon: {\n color: 'icon/primary',\n },\n _hover: {\n background: 'background/hover',\n color: 'text/primary',\n _checked: checkedHover,\n },\n _checked: checked,\n _disabled: {\n ...disabled,\n _checked: disabled,\n },\n _focusVisible: {\n focusRing: 'outside',\n },\n },\n});\n\nexport default selectableTagRecipe;\n"],"mappings":";;AAEA,IAAM,UAA6B;CACjC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,eAAkC;CACtC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,0BACR;CACF;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,QAAQ;CACR,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,sBAAsB,aAAa;CACvC,WAAW;CACX,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,KAAK;EACL,QAAQ;EACR,cAAc;EACd,eAAe;EACf,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc,EACZ,oBAAoB,KACrB;EACD,OAAO,EACL,OAAO,gBACR;EACD,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,UAAU;GACX;EACD,UAAU;EACV,WAAW;GACT,GAAG;GACH,UAAU;GACX;EACD,eAAe,EACb,WAAW,WACZ;EACF;CACF,CAAC"}
1
+ {"version":3,"file":"SelectableTag.recipe.js","names":[],"sources":["../../../lib/theme/recipes/SelectableTag.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst checked: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive',\n },\n};\n\nconst checkedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'text/primary',\n _icon: {\n color: 'icon/interactive-hover',\n },\n};\n\nconst disabled: SystemStyleObject = {\n background: 'background/disabled',\n borderColor: 'border/disabled',\n color: 'text/on-disabled',\n cursor: 'not-allowed',\n _icon: {\n color: 'icon/on-disabled',\n },\n};\n\nconst selectableTagRecipe = defineRecipe({\n className: 'selectable-tag',\n base: {\n alignItems: 'center',\n background: 'background/primary',\n border: '1px solid',\n borderColor: 'border/strong',\n borderRadius: '4',\n color: 'text/body',\n cursor: 'pointer',\n display: 'inline-flex',\n gap: '4',\n height: '24',\n paddingBlock: '4',\n paddingInline: '8',\n textStyle: 'comp/tag/sm',\n userSelect: 'none',\n whiteSpace: 'nowrap',\n '&:has(svg)': {\n paddingInlineStart: '4',\n },\n _icon: {\n color: 'icon/secondary',\n },\n _hover: {\n background: 'background/hover',\n color: 'text/primary',\n _checked: checkedHover,\n },\n _checked: checked,\n _disabled: {\n ...disabled,\n _checked: disabled,\n },\n _focusVisible: {\n focusRing: 'outside',\n },\n },\n});\n\nexport default selectableTagRecipe;\n"],"mappings":";;AAEA,IAAM,UAA6B;CACjC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,eAAkC;CACtC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,OAAO,EACL,OAAO,0BACR;CACF;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACP,QAAQ;CACR,OAAO,EACL,OAAO,oBACR;CACF;AAED,IAAM,sBAAsB,aAAa;CACvC,WAAW;CACX,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,KAAK;EACL,QAAQ;EACR,cAAc;EACd,eAAe;EACf,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc,EACZ,oBAAoB,KACrB;EACD,OAAO,EACL,OAAO,kBACR;EACD,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,UAAU;GACX;EACD,UAAU;EACV,WAAW;GACT,GAAG;GACH,UAAU;GACX;EACD,eAAe,EACb,WAAW,WACZ;EACF;CACF,CAAC"}
@@ -10,6 +10,16 @@ var selectedHover = {
10
10
  borderColor: "border/selected",
11
11
  color: "icon/interactive-hover"
12
12
  };
13
+ var selectedActive = {
14
+ background: "background/selected-active",
15
+ borderColor: "border/selected",
16
+ color: "icon/interactive-hover"
17
+ };
18
+ var active = {
19
+ background: "button/secondary/bg-active",
20
+ borderColor: "button/secondary/border-active",
21
+ color: "button/secondary/fg-active"
22
+ };
13
23
  var disabled = {
14
24
  background: "button/secondary/bg-disabled",
15
25
  borderColor: "button/secondary/border-disabled",
@@ -30,9 +40,17 @@ var toggleButtonRecipe = defineRecipe({
30
40
  _hover: {
31
41
  background: "button/secondary/bg-hover",
32
42
  borderColor: "button/secondary/border-hover",
33
- _pressed: selectedHover
43
+ _active: active,
44
+ _pressed: {
45
+ ...selectedHover,
46
+ _active: selectedActive
47
+ }
48
+ },
49
+ _active: active,
50
+ _pressed: {
51
+ ...selected,
52
+ _active: selectedActive
34
53
  },
35
- _pressed: selected,
36
54
  _disabled: {
37
55
  cursor: "not-allowed",
38
56
  ...disabled,
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ToggleButton.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst selected: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'icon/interactive',\n};\n\nconst selectedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'icon/interactive-hover',\n};\n\nconst disabled: SystemStyleObject = {\n background: 'button/secondary/bg-disabled',\n borderColor: 'button/secondary/border-disabled',\n color: 'button/secondary/fg-disabled',\n};\n\nconst toggleButtonRecipe = defineRecipe({\n className: 'toggle-button',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n cursor: 'pointer',\n borderWidth: '1px',\n background: 'button/secondary/bg',\n borderColor: 'button/secondary/border',\n color: 'button/secondary/fg/icon',\n _hover: {\n background: 'button/secondary/bg-hover',\n borderColor: 'button/secondary/border-hover',\n _pressed: selectedHover,\n },\n _pressed: selected,\n _disabled: {\n cursor: 'not-allowed',\n ...disabled,\n _pressed: disabled,\n },\n },\n variants: {\n size: {\n sm: { padding: '8' },\n md: { padding: '12' },\n lg: { padding: '12' },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default toggleButtonRecipe;\n"],"mappings":";;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,gBAAmC;CACvC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,qBAAqB,aAAa;CACtC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,aAAa;EACb,OAAO;EACP,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,UAAU;GACX;EACD,UAAU;EACV,WAAW;GACT,QAAQ;GACR,GAAG;GACH,UAAU;GACX;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EAAE,SAAS,KAAK;EACpB,IAAI,EAAE,SAAS,MAAM;EACrB,IAAI,EAAE,SAAS,MAAM;EACtB,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
1
+ {"version":3,"file":"ToggleButton.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ToggleButton.recipe.ts"],"sourcesContent":["import { defineRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst selected: SystemStyleObject = {\n background: 'background/selected',\n borderColor: 'border/selected',\n color: 'icon/interactive',\n};\n\nconst selectedHover: SystemStyleObject = {\n background: 'background/selected-hover',\n borderColor: 'border/selected',\n color: 'icon/interactive-hover',\n};\n\nconst selectedActive: SystemStyleObject = {\n background: 'background/selected-active',\n borderColor: 'border/selected',\n color: 'icon/interactive-hover',\n};\n\nconst active: SystemStyleObject = {\n background: 'button/secondary/bg-active',\n borderColor: 'button/secondary/border-active',\n color: 'button/secondary/fg-active',\n};\n\nconst disabled: SystemStyleObject = {\n background: 'button/secondary/bg-disabled',\n borderColor: 'button/secondary/border-disabled',\n color: 'button/secondary/fg-disabled',\n};\n\nconst toggleButtonRecipe = defineRecipe({\n className: 'toggle-button',\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '4',\n cursor: 'pointer',\n borderWidth: '1px',\n background: 'button/secondary/bg',\n borderColor: 'button/secondary/border',\n color: 'button/secondary/fg/icon',\n _hover: {\n background: 'button/secondary/bg-hover',\n borderColor: 'button/secondary/border-hover',\n _active: active,\n _pressed: {\n ...selectedHover,\n _active: selectedActive,\n },\n },\n _active: active,\n _pressed: {\n ...selected,\n _active: selectedActive,\n },\n _disabled: {\n cursor: 'not-allowed',\n ...disabled,\n _pressed: disabled,\n },\n },\n variants: {\n size: {\n sm: { padding: '8' },\n md: { padding: '12' },\n lg: { padding: '12' },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default toggleButtonRecipe;\n"],"mappings":";;AAEA,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,gBAAmC;CACvC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,iBAAoC;CACxC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,SAA4B;CAChC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,WAA8B;CAClC,YAAY;CACZ,aAAa;CACb,OAAO;CACR;AAED,IAAM,qBAAqB,aAAa;CACtC,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,aAAa;EACb,OAAO;EACP,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,SAAS;GACT,UAAU;IACR,GAAG;IACH,SAAS;IACV;GACF;EACD,SAAS;EACT,UAAU;GACR,GAAG;GACH,SAAS;GACV;EACD,WAAW;GACT,QAAQ;GACR,GAAG;GACH,UAAU;GACX;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EAAE,SAAS,KAAK;EACpB,IAAI,EAAE,SAAS,MAAM;EACrB,IAAI,EAAE,SAAS,MAAM;EACtB,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
@@ -166,6 +166,7 @@ var semanticColors = defineSemanticTokens.colors(withSlashes({
166
166
  hover: { value: { base: "{colors.sys.bg.subtle}" } },
167
167
  active: { value: { base: "{colors.sys.bg.moderate}" } },
168
168
  selected: { value: { base: "{colors.sys.purple.minimal}" } },
169
+ "selected-active": { value: { base: "{colors.sys.purple.moderate}" } },
169
170
  "selected-hover": { value: { base: "{colors.sys.purple.subtle}" } },
170
171
  contrast: { value: { base: "{colors.sys.bg.contrast}" } },
171
172
  disabled: { value: { base: "{colors.sys.bg.disabled}" } }
@@ -358,15 +359,19 @@ var semanticColors = defineSemanticTokens.colors(withSlashes({
358
359
  selection: { value: { base: "{colors.sys.interactive}" } },
359
360
  "selection-disabled": { value: { base: "{colors.sys.interactive.disabled}" } }
360
361
  },
361
- toggle: {
362
- frameOn: { value: { base: "{colors.sys.green.bold}" } },
363
- "frameOn-disabled": { value: { base: "{colors.sys.green.bold/50}" } },
364
- frameOff: { value: { base: "{colors.sys.neutral.bold}" } },
365
- "frameOff-disabled": { value: { base: "{colors.sys.neutral.bold/50}" } },
366
- slideOn: { value: { base: "{colors.sys.bg.surface}" } },
367
- "slideOn-disabled": { value: { base: "{colors.sys.bg.surface}" } },
368
- slideOff: { value: { base: "{colors.sys.bg.surface}" } },
369
- "slideOff-disabled": { value: { base: "{colors.sys.bg.surface}" } }
362
+ switch: {
363
+ on: {
364
+ track: { value: { base: "{colors.sys.green.bold}" } },
365
+ "track-disabled": { value: { base: "{colors.sys.green.bold/50}" } },
366
+ thumb: { value: { base: "{colors.sys.bg.surface}" } },
367
+ "thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
368
+ },
369
+ off: {
370
+ track: { value: { base: "{colors.sys.neutral.bold}" } },
371
+ "track-disabled": { value: { base: "{colors.sys.neutral.bold/50}" } },
372
+ thumb: { value: { base: "{colors.sys.bg.surface}" } },
373
+ "thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
374
+ }
370
375
  }
371
376
  },
372
377
  interactive: {
@@ -1 +1 @@
1
- {"version":3,"file":"semanticColors.js","names":[],"sources":["../../../lib/theme/semantic-tokens/semanticColors.ts"],"sourcesContent":["import { defineSemanticTokens } from '@chakra-ui/react/styled-system';\n\nimport { withSlashes } from '../themeUtils';\n\nconst semanticColors = defineSemanticTokens.colors(\n withSlashes({\n brand: {\n primary: {\n value: {\n base: '{colors.purple.30}',\n },\n },\n },\n separator: {\n primary: {\n value: {\n base: '{colors.neutral.90}',\n },\n },\n },\n sys: {\n fg: {\n base: {\n value: {\n _light: '{colors.neutral.10}',\n },\n },\n primary: {\n value: {\n _light: '{colors.purple.10}',\n },\n },\n secondary: {\n value: {\n _light: '{colors.neutral.40}',\n },\n },\n tertiary: {\n value: {\n _light: '{colors.neutral.60}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.70}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n positive: {\n value: {\n _light: '{colors.green.50}',\n },\n },\n negative: {\n value: {\n _light: '{colors.red.50}',\n },\n },\n 'on-color': {\n value: {\n _light: '{colors.neutral.100}',\n },\n },\n 'on-contrast': {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n 'on-disabled': {\n value: {\n _light: '{colors.neutral.70}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n },\n bg: {\n surface: {\n value: {\n _light: '{colors.neutral.100}',\n },\n },\n contrast: {\n value: {\n _light: '{colors.neutral.10}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n },\n border: {\n minimal: {\n value: {\n _light: '{colors.neutral.93}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n strong: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.neutral.70}',\n },\n },\n critical: {\n value: {\n _light: '{colors.red.50}',\n },\n },\n inverse: {\n value: {\n _light: '{colors.neutral.100}',\n },\n },\n 'on-contrast': {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n primary: {\n base: {\n value: {\n _light: '{colors.purple.40}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.purple.30}',\n },\n },\n contrast: {\n value: {\n _light: '{colors.purple.10}',\n },\n },\n muted: {\n value: {\n _light: '{colors.purple.80}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.purple.93}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n interactive: {\n base: {\n value: {\n _light: '{colors.purple.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.purple.40}',\n },\n },\n highlight: {\n value: {\n _light: '{colors.purple.70}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n purple: {\n base: {\n value: {\n _light: '{colors.purple.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.purple.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.purple.60}',\n },\n },\n highlight: {\n value: {\n _light: '{colors.purple.70}',\n },\n },\n muted: {\n value: {\n _light: '{colors.purple.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.purple.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.purple.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.purple.95}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n indigo: {\n base: {\n value: {\n _light: '{colors.indigo.50}',\n },\n },\n dark: {\n value: {\n _light: '{colors.indigo.20}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.indigo.30}',\n },\n },\n strong: {\n value: {\n _light: '{colors.indigo.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.indigo.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.indigo.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.indigo.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.indigo.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.indigo.95}',\n },\n },\n },\n blue: {\n base: {\n value: {\n _light: '{colors.blue.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.blue.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.blue.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.blue.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.blue.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.blue.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.blue.95}',\n },\n },\n },\n green: {\n base: {\n value: {\n _light: '{colors.green.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.green.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.green.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.green.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.green.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.green.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.green.95}',\n },\n },\n },\n yellow: {\n base: {\n value: {\n _light: '{colors.yellow.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.yellow.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.yellow.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.yellow.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.yellow.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.yellow.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.yellow.95}',\n },\n },\n },\n red: {\n base: {\n value: {\n _light: '{colors.red.50}',\n },\n },\n dark: {\n value: {\n _light: '{colors.red.20}',\n },\n },\n strong: {\n value: {\n _light: '{colors.red.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.red.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.red.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.red.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.red.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.red.95}',\n },\n },\n },\n neutral: {\n base: {\n value: {\n _light: '{colors.neutral.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.neutral.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.neutral.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n },\n orange: {\n base: {\n value: {\n _light: '{colors.orange.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.orange.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.orange.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.orange.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.orange.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.orange.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.orange.95}',\n },\n },\n },\n turquoise: {\n base: {\n value: {\n _light: '{colors.turquoise.50}',\n },\n },\n dark: {\n value: {\n _light: '{colors.turquoise.20}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.turquoise.30}',\n },\n },\n strong: {\n value: {\n _light: '{colors.turquoise.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.turquoise.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.turquoise.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.turquoise.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.turquoise.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.turquoise.95}',\n },\n },\n },\n white: {\n a0: {\n value: {\n _light: 'rgba(255, 255, 255, 0)',\n },\n },\n a10: {\n value: {\n _light: 'rgba(255, 255, 255, 0.1)',\n },\n },\n a15: {\n value: {\n _light: 'rgba(255, 255, 255, 0.15)',\n },\n },\n a20: {\n value: {\n _light: 'rgba(255, 255, 255, 0.2)',\n },\n },\n a30: {\n value: {\n _light: 'rgba(255, 255, 255, 0.3)',\n },\n },\n a50: {\n value: {\n _light: 'rgba(255, 255, 255, 0.5)',\n },\n },\n a80: {\n value: {\n _light: 'rgba(255, 255, 255, 0.8)',\n },\n },\n a90: {\n value: {\n _light: 'rgba(255, 255, 255, 0.9)',\n },\n },\n a100: {\n value: {\n _light: 'rgb(255, 255, 255)',\n },\n },\n },\n 'ai-gradient': {\n base: {\n value: {\n _light: 'linear-gradient(90deg, {colors.sys.purple} 0%, {colors.sys.indigo} 50%, {colors.sys.blue} 100%)',\n },\n },\n bold: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.bold} 0%, {colors.sys.indigo.bold} 50%, {colors.sys.blue.bold} 100%)',\n },\n },\n minimal: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)',\n },\n },\n moderate: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.moderate} 0%, {colors.sys.indigo.moderate} 50%, {colors.sys.blue.moderate} 100%)',\n },\n },\n muted: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)',\n },\n },\n subtle: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)',\n },\n },\n },\n },\n background: {\n primary: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n secondary: {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n tertiary: {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n hover: {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n active: {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n selected: {\n value: {\n base: '{colors.sys.purple.minimal}',\n },\n },\n 'selected-hover': {\n value: {\n base: '{colors.sys.purple.subtle}',\n },\n },\n contrast: {\n value: {\n base: '{colors.sys.bg.contrast}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.bg.disabled}',\n },\n },\n },\n border: {\n regular: {\n value: {\n base: '{colors.sys.border.subtle}',\n },\n },\n minimal: {\n value: {\n base: '{colors.sys.border.minimal}',\n },\n },\n strong: {\n value: {\n base: '{colors.sys.border.strong}',\n },\n },\n hover: {\n value: {\n base: '{colors.sys.border.emphasized}',\n },\n },\n focus: {\n value: {\n base: '{colors.sys.interactive.highlight}',\n },\n },\n selected: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n error: {\n value: {\n base: '{colors.sys.border.critical}',\n },\n },\n inverse: {\n value: {\n base: '{colors.sys.border.inverse}',\n },\n },\n 'on-contrast': {\n value: {\n base: '{colors.sys.border.on-contrast}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n secondary: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n tertiary: {\n value: {\n base: '{colors.sys.fg.tertiary}',\n },\n },\n body: {\n value: {\n base: '{colors.sys.fg}',\n },\n },\n helper: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n link: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'link-hover': {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n selected: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n positive: {\n value: {\n base: '{colors.sys.fg.positive}',\n },\n },\n negative: {\n value: {\n base: '{colors.sys.fg.negative}',\n },\n },\n 'on-color': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'on-contrast': {\n value: {\n base: '{colors.sys.fg.on-contrast}',\n },\n },\n 'on-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n icon: {\n primary: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n secondary: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n tertiary: {\n value: {\n base: '{colors.sys.fg.tertiary}',\n },\n },\n interactive: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'interactive-hover': {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n positive: {\n value: {\n base: '{colors.sys.fg.positive}',\n },\n },\n negative: {\n value: {\n base: '{colors.sys.fg.negative}',\n },\n },\n 'on-color': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'on-contrast': {\n value: {\n base: '{colors.sys.fg.on-contrast}',\n },\n },\n 'on-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n button: {\n primary: {\n bg: {\n value: {\n base: '{colors.sys.primary}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.primary.emphasized}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.primary.disabled}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n },\n secondary: {\n bg: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n base: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.border.strong}',\n },\n },\n 'border-hover': {\n value: {\n base: '{colors.sys.border.emphasized}',\n },\n },\n 'border-active': {\n value: {\n base: '{colors.sys.border.emphasized}',\n },\n },\n 'border-disabled': {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n tertiary: {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: 'transparent',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n 'danger-primary': {\n bg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.dark}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.primary.disabled}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n },\n 'danger-secondary': {\n bg: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.red.muted}',\n },\n },\n 'border-hover': {\n value: {\n base: '{colors.sys.red.muted}',\n },\n },\n 'border-active': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'border-disabled': {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n 'danger-tertiary': {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: 'transparent',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n 'ai-primary': {\n bg: {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.indigo.emphasized}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.indigo.dark}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.primary.disabled}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n },\n 'ai-secondary': {\n bg: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.indigo.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.indigo.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.indigo.muted}',\n },\n },\n 'border-hover': {\n value: {\n base: '{colors.sys.indigo.muted}',\n },\n },\n 'border-active': {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'border-disabled': {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n 'ai-tertiary': {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.indigo.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.indigo.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: 'transparent',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n control: {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n 'control-danger': {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n },\n 'ui-header': {\n bg: {\n value: {\n base: '{colors.sys.white.a0}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.white.a10}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.white.a20}',\n },\n },\n 'bg-selected': {\n value: {\n base: '{colors.sys.white.a20}',\n },\n },\n 'bg-selected-hover': {\n value: {\n base: '{colors.sys.white.a10}',\n },\n },\n },\n input: {\n text: {\n label: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n inputValue: {\n value: {\n base: '{colors.sys.fg}',\n },\n },\n placeholder: {\n value: {\n base: '{colors.sys.fg.subtle}',\n },\n },\n helper: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n error: {\n value: {\n base: '{colors.sys.fg.negative}',\n },\n },\n },\n checkbox: {\n selection: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'selection-disabled': {\n value: {\n base: '{colors.sys.interactive.disabled}',\n },\n },\n },\n toggle: {\n frameOn: {\n value: {\n base: '{colors.sys.green.bold}',\n },\n },\n 'frameOn-disabled': {\n value: {\n base: '{colors.sys.green.bold/50}',\n },\n },\n frameOff: {\n value: {\n base: '{colors.sys.neutral.bold}',\n },\n },\n 'frameOff-disabled': {\n value: {\n base: '{colors.sys.neutral.bold/50}',\n },\n },\n slideOn: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'slideOn-disabled': {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n slideOff: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'slideOff-disabled': {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n },\n },\n interactive: {\n base: {\n value: {\n base: '{colors.sys.purple}',\n },\n },\n bold: {\n value: {\n base: '{colors.sys.purple.bold}',\n },\n },\n highlight: {\n value: {\n base: '{colors.sys.interactive.highlight}',\n },\n },\n muted: {\n value: {\n base: '{colors.sys.purple.muted}',\n },\n },\n moderate: {\n value: {\n base: '{colors.sys.purple.moderate}',\n },\n },\n subtle: {\n value: {\n base: '{colors.sys.purple.subtle}',\n },\n },\n minimal: {\n value: {\n base: '{colors.sys.purple.minimal}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.neutral.subtle}',\n },\n },\n },\n status: {\n info: {\n bg: {\n value: {\n base: '{colors.sys.blue.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.blue.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.blue.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.blue.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.blue.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.blue.strong}',\n },\n },\n },\n success: {\n bg: {\n value: {\n base: '{colors.sys.green.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.green.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.green.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.green.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.green.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.green.strong}',\n },\n },\n },\n warning: {\n bg: {\n value: {\n base: '{colors.sys.yellow.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.yellow.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.yellow.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.yellow.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.yellow.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.yellow.strong}',\n },\n },\n },\n critical: {\n bg: {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.red.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n },\n progress: {\n bg: {\n value: {\n base: '{colors.sys.purple.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.purple.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.purple.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.purple.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n },\n neutral: {\n bg: {\n value: {\n base: '{colors.sys.neutral.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.neutral.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.neutral.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.neutral.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.neutral.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.neutral.strong}',\n },\n },\n },\n ai: {\n bg: {\n value: {\n base: '{colors.sys.ai-gradient.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.ai-gradient.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.ai-gradient.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.ai.border.strong}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n },\n },\n ai: {\n background: {\n minimal: {\n value: {\n base: '{colors.sys.ai-gradient.minimal}',\n },\n },\n subtle: {\n value: {\n base: '{colors.sys.ai-gradient.subtle}',\n },\n },\n moderate: {\n value: {\n base: '{colors.sys.ai-gradient.moderate}',\n },\n },\n 'minimal-vertical': {\n value: {\n base: 'linear-gradient(180deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)',\n },\n },\n },\n border: {\n regular: {\n value: {\n base: 'linear-gradient(135deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)',\n },\n },\n minimal: {\n value: {\n base: 'linear-gradient(135deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)',\n },\n },\n strong: {\n value: {\n base: 'linear-gradient(135deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)',\n },\n },\n },\n },\n utilities: {\n overlay: {\n value: {\n base: '{colors.sys.bg.contrast/50}',\n },\n },\n 'overlay-side': {\n value: {\n base: 'linear-gradient(90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)',\n },\n },\n 'overlay-light': {\n value: {\n base: '{colors.sys.bg.contrast/16}',\n },\n },\n skeleton: {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'skeleton-strong': {\n value: {\n base: '{colors.sys.fg.minimal}',\n },\n },\n },\n ui: {\n 'header-action': {\n bg: {\n value: {\n base: '{colors.sys.bg.surface/0}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.surface/20}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.surface/20}',\n },\n },\n 'bg-selected': {\n value: {\n base: '{colors.sys.bg.surface/20}',\n },\n },\n 'bg-selected-hover': {\n value: {\n base: '{colors.sys.bg.surface/10}',\n },\n },\n },\n },\n }),\n);\n\nexport default semanticColors;\n"],"mappings":";;;AAIA,IAAM,iBAAiB,qBAAqB,OAC1C,YAAY;CACV,OAAO,EACL,SAAS,EACP,OAAO,EACL,MAAM,sBACP,EACF,EACF;CACD,WAAW,EACT,SAAS,EACP,OAAO,EACL,MAAM,uBACP,EACF,EACF;CACD,KAAK;EACH,IAAI;GACF,MAAM,EACJ,OAAO,EACL,QAAQ,uBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,sBACT,EACF;GACD,WAAW,EACT,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,qBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,mBACT,EACF;GACD,YAAY,EACV,OAAO,EACL,QAAQ,wBACT,EACF;GACD,eAAe,EACb,OAAO,EACL,QAAQ,uBACT,EACF;GACD,eAAe,EACb,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACF;EACD,IAAI;GACF,SAAS,EACP,OAAO,EACL,QAAQ,wBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACF;EACD,QAAQ;GACN,SAAS,EACP,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,YAAY,EACV,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,mBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,wBACT,EACF;GACD,eAAe,EACb,O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CT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,6BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,MAAM,EACJ,OAAO,EACL,QAAQ,sBACT,EACF;GACF;EACD,eAAe;GACb,MAAM,EACJ,OAAO,EACL,QAAQ,mGACT,EACF;GACD,MAAM,EACJ,OAAO,EACL,QACE,kHACH,EACF;GACD,SAAS,EACP,OAAO,EACL,QACE,2HACH,EACF;GACD,UAAU,EACR,OAAO,EACL,QACE,8HACH,EACF;GACD,OAAO,EACL,OAAO,EACL,QACE,qHACH,EACF;GACD,QAAQ,EACN,OAAO,EACL,QACE,wHACH,EACF;GACF;EACF;CACD,YAAY;EACV,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,2BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,0BACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,0BACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,+BACP,EACF;EACD,kBAAkB,EAChB,OAAO,EACL,MAAM,8BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACF;CACD,QAAQ;EACN,SAAS,EACP,OAAO,EACL,MAAM,8BACP,EACF;EACD,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,kCACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,sCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,gCACP,EACF;EACD,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,mCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,gCACP,EACF;EACF;CACD,MAAM;EACJ,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,6BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,MAAM,EACJ,OAAO,EACL,MAAM,mBACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;EACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;EACD,cAAc,EACZ,OAAO,EACL,MAAM,mCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACF;CACD,MAAM;EACJ,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,6BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;EACD,qBAAqB,EACnB,OAAO,EACL,MAAM,mCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACF;CACD,QAAQ;EACN,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,wBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,iCACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,WAAW;GACT,IAAI,EACF,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI;IACF,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;IACD,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;IACD,MAAM,EACJ,OAAO,EACL,MAAM,6BACP,EACF;IACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;GACD,gBAAgB,EACd,OAAO,EACL,MAAM,kCACP,EACF;GACD,iBAAiB,EACf,OAAO,EACL,MAAM,kCACP,EACF;GACD,mBAAmB,EACjB,OAAO,EACL,MAAM,gCACP,EACF;GACF;EACD,UAAU;GACR,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,eACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,kBAAkB;GAChB,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,yBACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,iCACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,oBAAoB;GAClB,IAAI,EACF,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,oBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,0BACP,EACF;GACD,gBAAgB,EACd,OAAO,EACL,MAAM,0BACP,EACF;GACD,iBAAiB,EACf,OAAO,EACL,MAAM,oBACP,EACF;GACD,mBAAmB,EACjB,OAAO,EACL,MAAM,gCACP,EACF;GACF;EACD,mBAAmB;GACjB,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,eACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,oBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,cAAc;GACZ,IAAI,EACF,OAAO,EACL,MAAM,uBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,kCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,iCACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,gBAAgB;GACd,IAAI,EACF,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,+BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,uBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,uBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,gBAAgB,EACd,OAAO,EACL,MAAM,6BACP,EACF;GACD,iBAAiB,EACf,OAAO,EACL,MAAM,uBACP,EACF;GACD,mBAAmB,EACjB,OAAO,EACL,MAAM,gCACP,EACF;GACF;EACD,eAAe;GACb,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,+BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,eACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,uBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,uBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,6BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,kBAAkB;GAChB,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,oBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACF;CACD,aAAa;EACX,IAAI,EACF,OAAO,EACL,MAAM,yBACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;EACD,aAAa,EACX,OAAO,EACL,MAAM,0BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,0BACP,EACF;EACD,qBAAqB,EACnB,OAAO,EACL,MAAM,0BACP,EACF;EACF;CACD,OAAO;EACL,MAAM;GACJ,OAAO,EACL,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,0BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,OAAO,EACL,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,UAAU;GACR,WAAW,EACT,OAAO,EACL,MAAM,4BACP,EACF;GACD,sBAAsB,EACpB,OAAO,EACL,MAAM,qCACP,EACF;GACF;EACD,QAAQ;GACN,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;GACD,oBAAoB,EAClB,OAAO,EACL,MAAM,8BACP,EACF;GACD,UAAU,EACR,OAAO,EACL,MAAM,6BACP,EACF;GACD,qBAAqB,EACnB,OAAO,EACL,MAAM,gCACP,EACF;GACD,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;GACD,oBAAoB,EAClB,OAAO,EACL,MAAM,2BACP,EACF;GACD,UAAU,EACR,OAAO,EACL,MAAM,2BACP,EACF;GACD,qBAAqB,EACnB,OAAO,EACL,MAAM,2BACP,EACF;GACF;EACF;CACD,aAAa;EACX,MAAM,EACJ,OAAO,EACL,MAAM,uBACP,EACF;EACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,sCACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,6BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,gCACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;EACD,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,+BACP,EACF;EACF;CACD,QAAQ;EACN,MAAM;GACJ,IAAI,EACF,OAAO,EACL,MAAM,6BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,2BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,8BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,6BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,+BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,4BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,6BACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,+BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,8BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACF;EACD,UAAU;GACR,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,0BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;GACF;EACD,UAAU;GACR,IAAI,EACF,OAAO,EACL,MAAM,+BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,8BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,mCACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,mCACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,gCACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,+BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,iCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,+BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,IAAI;GACF,IAAI,EACF,OAAO,EACL,MAAM,oCACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,qCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACF;EACF;CACD,IAAI;EACF,YAAY;GACV,SAAS,EACP,OAAO,EACL,MAAM,oCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,mCACP,EACF;GACD,UAAU,EACR,OAAO,EACL,MAAM,qCACP,EACF;GACD,oBAAoB,EAClB,OAAO,EACL,MAAM,4HACP,EACF;GACF;EACD,QAAQ;GACN,SAAS,EACP,OAAO,EACL,MAAM,yHACP,EACF;GACD,SAAS,EACP,OAAO,EACL,MAAM,4HACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,sHACP,EACF;GACF;EACF;CACD,WAAW;EACT,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,gBAAgB,EACd,OAAO,EACL,MAAM,2FACP,EACF;EACD,iBAAiB,EACf,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,0BACP,EACF;EACD,mBAAmB,EACjB,OAAO,EACL,MAAM,2BACP,EACF;EACF;CACD,IAAI,EACF,iBAAiB;EACf,IAAI,EACF,OAAO,EACL,MAAM,6BACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,8BACP,EACF;EACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,8BACP,EACF;EACD,qBAAqB,EACnB,OAAO,EACL,MAAM,8BACP,EACF;EACF,EACF;CACF,CAAC,CACH"}
1
+ {"version":3,"file":"semanticColors.js","names":[],"sources":["../../../lib/theme/semantic-tokens/semanticColors.ts"],"sourcesContent":["import { defineSemanticTokens } from '@chakra-ui/react/styled-system';\n\nimport { withSlashes } from '../themeUtils';\n\nconst semanticColors = defineSemanticTokens.colors(\n withSlashes({\n brand: {\n primary: {\n value: {\n base: '{colors.purple.30}',\n },\n },\n },\n separator: {\n primary: {\n value: {\n base: '{colors.neutral.90}',\n },\n },\n },\n sys: {\n fg: {\n base: {\n value: {\n _light: '{colors.neutral.10}',\n },\n },\n primary: {\n value: {\n _light: '{colors.purple.10}',\n },\n },\n secondary: {\n value: {\n _light: '{colors.neutral.40}',\n },\n },\n tertiary: {\n value: {\n _light: '{colors.neutral.60}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.70}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n positive: {\n value: {\n _light: '{colors.green.50}',\n },\n },\n negative: {\n value: {\n _light: '{colors.red.50}',\n },\n },\n 'on-color': {\n value: {\n _light: '{colors.neutral.100}',\n },\n },\n 'on-contrast': {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n 'on-disabled': {\n value: {\n _light: '{colors.neutral.70}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n },\n bg: {\n surface: {\n value: {\n _light: '{colors.neutral.100}',\n },\n },\n contrast: {\n value: {\n _light: '{colors.neutral.10}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n },\n border: {\n minimal: {\n value: {\n _light: '{colors.neutral.93}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n strong: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.neutral.70}',\n },\n },\n critical: {\n value: {\n _light: '{colors.red.50}',\n },\n },\n inverse: {\n value: {\n _light: '{colors.neutral.100}',\n },\n },\n 'on-contrast': {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n primary: {\n base: {\n value: {\n _light: '{colors.purple.40}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.purple.30}',\n },\n },\n contrast: {\n value: {\n _light: '{colors.purple.10}',\n },\n },\n muted: {\n value: {\n _light: '{colors.purple.80}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.purple.93}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n interactive: {\n base: {\n value: {\n _light: '{colors.purple.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.purple.40}',\n },\n },\n highlight: {\n value: {\n _light: '{colors.purple.70}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n purple: {\n base: {\n value: {\n _light: '{colors.purple.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.purple.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.purple.60}',\n },\n },\n highlight: {\n value: {\n _light: '{colors.purple.70}',\n },\n },\n muted: {\n value: {\n _light: '{colors.purple.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.purple.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.purple.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.purple.95}',\n },\n },\n disabled: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n },\n indigo: {\n base: {\n value: {\n _light: '{colors.indigo.50}',\n },\n },\n dark: {\n value: {\n _light: '{colors.indigo.20}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.indigo.30}',\n },\n },\n strong: {\n value: {\n _light: '{colors.indigo.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.indigo.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.indigo.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.indigo.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.indigo.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.indigo.95}',\n },\n },\n },\n blue: {\n base: {\n value: {\n _light: '{colors.blue.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.blue.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.blue.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.blue.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.blue.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.blue.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.blue.95}',\n },\n },\n },\n green: {\n base: {\n value: {\n _light: '{colors.green.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.green.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.green.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.green.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.green.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.green.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.green.95}',\n },\n },\n },\n yellow: {\n base: {\n value: {\n _light: '{colors.yellow.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.yellow.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.yellow.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.yellow.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.yellow.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.yellow.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.yellow.95}',\n },\n },\n },\n red: {\n base: {\n value: {\n _light: '{colors.red.50}',\n },\n },\n dark: {\n value: {\n _light: '{colors.red.20}',\n },\n },\n strong: {\n value: {\n _light: '{colors.red.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.red.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.red.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.red.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.red.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.red.95}',\n },\n },\n },\n neutral: {\n base: {\n value: {\n _light: '{colors.neutral.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.neutral.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.neutral.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.neutral.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.neutral.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.neutral.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.neutral.95}',\n },\n },\n },\n orange: {\n base: {\n value: {\n _light: '{colors.orange.50}',\n },\n },\n strong: {\n value: {\n _light: '{colors.orange.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.orange.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.orange.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.orange.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.orange.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.orange.95}',\n },\n },\n },\n turquoise: {\n base: {\n value: {\n _light: '{colors.turquoise.50}',\n },\n },\n dark: {\n value: {\n _light: '{colors.turquoise.20}',\n },\n },\n emphasized: {\n value: {\n _light: '{colors.turquoise.30}',\n },\n },\n strong: {\n value: {\n _light: '{colors.turquoise.40}',\n },\n },\n bold: {\n value: {\n _light: '{colors.turquoise.60}',\n },\n },\n muted: {\n value: {\n _light: '{colors.turquoise.80}',\n },\n },\n moderate: {\n value: {\n _light: '{colors.turquoise.90}',\n },\n },\n subtle: {\n value: {\n _light: '{colors.turquoise.93}',\n },\n },\n minimal: {\n value: {\n _light: '{colors.turquoise.95}',\n },\n },\n },\n white: {\n a0: {\n value: {\n _light: 'rgba(255, 255, 255, 0)',\n },\n },\n a10: {\n value: {\n _light: 'rgba(255, 255, 255, 0.1)',\n },\n },\n a15: {\n value: {\n _light: 'rgba(255, 255, 255, 0.15)',\n },\n },\n a20: {\n value: {\n _light: 'rgba(255, 255, 255, 0.2)',\n },\n },\n a30: {\n value: {\n _light: 'rgba(255, 255, 255, 0.3)',\n },\n },\n a50: {\n value: {\n _light: 'rgba(255, 255, 255, 0.5)',\n },\n },\n a80: {\n value: {\n _light: 'rgba(255, 255, 255, 0.8)',\n },\n },\n a90: {\n value: {\n _light: 'rgba(255, 255, 255, 0.9)',\n },\n },\n a100: {\n value: {\n _light: 'rgb(255, 255, 255)',\n },\n },\n },\n 'ai-gradient': {\n base: {\n value: {\n _light: 'linear-gradient(90deg, {colors.sys.purple} 0%, {colors.sys.indigo} 50%, {colors.sys.blue} 100%)',\n },\n },\n bold: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.bold} 0%, {colors.sys.indigo.bold} 50%, {colors.sys.blue.bold} 100%)',\n },\n },\n minimal: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)',\n },\n },\n moderate: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.moderate} 0%, {colors.sys.indigo.moderate} 50%, {colors.sys.blue.moderate} 100%)',\n },\n },\n muted: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)',\n },\n },\n subtle: {\n value: {\n _light:\n 'linear-gradient(90deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)',\n },\n },\n },\n },\n background: {\n primary: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n secondary: {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n tertiary: {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n hover: {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n active: {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n selected: {\n value: {\n base: '{colors.sys.purple.minimal}',\n },\n },\n 'selected-active': {\n value: {\n base: '{colors.sys.purple.moderate}',\n },\n },\n 'selected-hover': {\n value: {\n base: '{colors.sys.purple.subtle}',\n },\n },\n contrast: {\n value: {\n base: '{colors.sys.bg.contrast}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.bg.disabled}',\n },\n },\n },\n border: {\n regular: {\n value: {\n base: '{colors.sys.border.subtle}',\n },\n },\n minimal: {\n value: {\n base: '{colors.sys.border.minimal}',\n },\n },\n strong: {\n value: {\n base: '{colors.sys.border.strong}',\n },\n },\n hover: {\n value: {\n base: '{colors.sys.border.emphasized}',\n },\n },\n focus: {\n value: {\n base: '{colors.sys.interactive.highlight}',\n },\n },\n selected: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n error: {\n value: {\n base: '{colors.sys.border.critical}',\n },\n },\n inverse: {\n value: {\n base: '{colors.sys.border.inverse}',\n },\n },\n 'on-contrast': {\n value: {\n base: '{colors.sys.border.on-contrast}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n secondary: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n tertiary: {\n value: {\n base: '{colors.sys.fg.tertiary}',\n },\n },\n body: {\n value: {\n base: '{colors.sys.fg}',\n },\n },\n helper: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n link: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'link-hover': {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n selected: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n positive: {\n value: {\n base: '{colors.sys.fg.positive}',\n },\n },\n negative: {\n value: {\n base: '{colors.sys.fg.negative}',\n },\n },\n 'on-color': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'on-contrast': {\n value: {\n base: '{colors.sys.fg.on-contrast}',\n },\n },\n 'on-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n icon: {\n primary: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n secondary: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n tertiary: {\n value: {\n base: '{colors.sys.fg.tertiary}',\n },\n },\n interactive: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'interactive-hover': {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n positive: {\n value: {\n base: '{colors.sys.fg.positive}',\n },\n },\n negative: {\n value: {\n base: '{colors.sys.fg.negative}',\n },\n },\n 'on-color': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'on-contrast': {\n value: {\n base: '{colors.sys.fg.on-contrast}',\n },\n },\n 'on-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n button: {\n primary: {\n bg: {\n value: {\n base: '{colors.sys.primary}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.primary.emphasized}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.primary.disabled}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n },\n secondary: {\n bg: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n base: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.border.strong}',\n },\n },\n 'border-hover': {\n value: {\n base: '{colors.sys.border.emphasized}',\n },\n },\n 'border-active': {\n value: {\n base: '{colors.sys.border.emphasized}',\n },\n },\n 'border-disabled': {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n tertiary: {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: 'transparent',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n 'danger-primary': {\n bg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.dark}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.primary.disabled}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n },\n 'danger-secondary': {\n bg: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.red.muted}',\n },\n },\n 'border-hover': {\n value: {\n base: '{colors.sys.red.muted}',\n },\n },\n 'border-active': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'border-disabled': {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n 'danger-tertiary': {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: 'transparent',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n 'ai-primary': {\n bg: {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.indigo.emphasized}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.indigo.dark}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.primary.disabled}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.on-color}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.on-disabled}',\n },\n },\n },\n 'ai-secondary': {\n bg: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.indigo.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.indigo.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.indigo.muted}',\n },\n },\n 'border-hover': {\n value: {\n base: '{colors.sys.indigo.muted}',\n },\n },\n 'border-active': {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'border-disabled': {\n value: {\n base: '{colors.sys.border.disabled}',\n },\n },\n },\n 'ai-tertiary': {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.indigo.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.indigo.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: 'transparent',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.indigo}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n control: {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n 'control-danger': {\n bg: {\n value: {\n base: 'transparent',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n 'bg-disabled': {\n value: {\n base: '{colors.sys.bg.minimal}',\n },\n },\n fg: {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-hover': {\n value: {\n base: '{colors.sys.red}',\n },\n },\n 'fg-active': {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n 'fg-disabled': {\n value: {\n base: '{colors.sys.fg.disabled}',\n },\n },\n },\n },\n 'ui-header': {\n bg: {\n value: {\n base: '{colors.sys.white.a0}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.white.a10}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.white.a20}',\n },\n },\n 'bg-selected': {\n value: {\n base: '{colors.sys.white.a20}',\n },\n },\n 'bg-selected-hover': {\n value: {\n base: '{colors.sys.white.a10}',\n },\n },\n },\n input: {\n text: {\n label: {\n value: {\n base: '{colors.sys.fg.primary}',\n },\n },\n inputValue: {\n value: {\n base: '{colors.sys.fg}',\n },\n },\n placeholder: {\n value: {\n base: '{colors.sys.fg.subtle}',\n },\n },\n helper: {\n value: {\n base: '{colors.sys.fg.secondary}',\n },\n },\n error: {\n value: {\n base: '{colors.sys.fg.negative}',\n },\n },\n },\n checkbox: {\n selection: {\n value: {\n base: '{colors.sys.interactive}',\n },\n },\n 'selection-disabled': {\n value: {\n base: '{colors.sys.interactive.disabled}',\n },\n },\n },\n switch: {\n on: {\n track: {\n value: {\n base: '{colors.sys.green.bold}',\n },\n },\n 'track-disabled': {\n value: {\n base: '{colors.sys.green.bold/50}',\n },\n },\n thumb: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'thumb-disabled': {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n },\n off: {\n track: {\n value: {\n base: '{colors.sys.neutral.bold}',\n },\n },\n 'track-disabled': {\n value: {\n base: '{colors.sys.neutral.bold/50}',\n },\n },\n thumb: {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n 'thumb-disabled': {\n value: {\n base: '{colors.sys.bg.surface}',\n },\n },\n },\n },\n },\n interactive: {\n base: {\n value: {\n base: '{colors.sys.purple}',\n },\n },\n bold: {\n value: {\n base: '{colors.sys.purple.bold}',\n },\n },\n highlight: {\n value: {\n base: '{colors.sys.interactive.highlight}',\n },\n },\n muted: {\n value: {\n base: '{colors.sys.purple.muted}',\n },\n },\n moderate: {\n value: {\n base: '{colors.sys.purple.moderate}',\n },\n },\n subtle: {\n value: {\n base: '{colors.sys.purple.subtle}',\n },\n },\n minimal: {\n value: {\n base: '{colors.sys.purple.minimal}',\n },\n },\n disabled: {\n value: {\n base: '{colors.sys.neutral.subtle}',\n },\n },\n },\n status: {\n info: {\n bg: {\n value: {\n base: '{colors.sys.blue.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.blue.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.blue.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.blue.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.blue.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.blue.strong}',\n },\n },\n },\n success: {\n bg: {\n value: {\n base: '{colors.sys.green.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.green.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.green.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.green.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.green.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.green.strong}',\n },\n },\n },\n warning: {\n bg: {\n value: {\n base: '{colors.sys.yellow.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.yellow.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.yellow.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.yellow.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.yellow.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.yellow.strong}',\n },\n },\n },\n critical: {\n bg: {\n value: {\n base: '{colors.sys.red.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.red.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.red.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.red.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.red.strong}',\n },\n },\n },\n progress: {\n bg: {\n value: {\n base: '{colors.sys.purple.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.purple.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.purple.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.purple.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.interactive.strong}',\n },\n },\n },\n neutral: {\n bg: {\n value: {\n base: '{colors.sys.neutral.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.neutral.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.neutral.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.sys.neutral.muted}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.neutral.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.neutral.strong}',\n },\n },\n },\n ai: {\n bg: {\n value: {\n base: '{colors.sys.ai-gradient.minimal}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.ai-gradient.subtle}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.ai-gradient.moderate}',\n },\n },\n border: {\n value: {\n base: '{colors.ai.border.strong}',\n },\n },\n icon: {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n text: {\n value: {\n base: '{colors.sys.indigo.strong}',\n },\n },\n },\n },\n ai: {\n background: {\n minimal: {\n value: {\n base: '{colors.sys.ai-gradient.minimal}',\n },\n },\n subtle: {\n value: {\n base: '{colors.sys.ai-gradient.subtle}',\n },\n },\n moderate: {\n value: {\n base: '{colors.sys.ai-gradient.moderate}',\n },\n },\n 'minimal-vertical': {\n value: {\n base: 'linear-gradient(180deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)',\n },\n },\n },\n border: {\n regular: {\n value: {\n base: 'linear-gradient(135deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)',\n },\n },\n minimal: {\n value: {\n base: 'linear-gradient(135deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)',\n },\n },\n strong: {\n value: {\n base: 'linear-gradient(135deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)',\n },\n },\n },\n },\n utilities: {\n overlay: {\n value: {\n base: '{colors.sys.bg.contrast/50}',\n },\n },\n 'overlay-side': {\n value: {\n base: 'linear-gradient(90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)',\n },\n },\n 'overlay-light': {\n value: {\n base: '{colors.sys.bg.contrast/16}',\n },\n },\n skeleton: {\n value: {\n base: '{colors.sys.bg.subtle}',\n },\n },\n 'skeleton-strong': {\n value: {\n base: '{colors.sys.fg.minimal}',\n },\n },\n },\n ui: {\n 'header-action': {\n bg: {\n value: {\n base: '{colors.sys.bg.surface/0}',\n },\n },\n 'bg-hover': {\n value: {\n base: '{colors.sys.bg.surface/20}',\n },\n },\n 'bg-active': {\n value: {\n base: '{colors.sys.bg.surface/20}',\n },\n },\n 'bg-selected': {\n value: {\n base: '{colors.sys.bg.surface/20}',\n },\n },\n 'bg-selected-hover': {\n value: {\n base: '{colors.sys.bg.surface/10}',\n },\n },\n },\n },\n }),\n);\n\nexport default semanticColors;\n"],"mappings":";;;AAIA,IAAM,iBAAiB,qBAAqB,OAC1C,YAAY;CACV,OAAO,EACL,SAAS,EACP,OAAO,EACL,MAAM,sBACP,EACF,EACF;CACD,WAAW,EACT,SAAS,EACP,OAAO,EACL,MAAM,uBACP,EACF,EACF;CACD,KAAK;EACH,IAAI;GACF,MAAM,EACJ,OAAO,EACL,QAAQ,uBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,sBACT,EACF;GACD,WAAW,EACT,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,qBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,mBACT,EACF;GACD,YAAY,EACV,OAAO,EACL,QAAQ,wBACT,EACF;GACD,eAAe,EACb,OAAO,EACL,QAAQ,uBACT,EACF;GACD,eAAe,EACb,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACF;EACD,IAAI;GACF,SAAS,EACP,OAAO,EACL,QAAQ,wBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,uBACT,EACF;GACF;EACD,QAAQ;GACN,SAAS,EACP,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,QAAQ,EACN,OAAO,EACL,QAAQ,uBACT,EACF;GACD,YAAY,EACV,OAAO,EACL,QAAQ,uBACT,EACF;GACD,UAAU,EACR,OAAO,EACL,QAAQ,mBACT,EACF;GACD,SAAS,EACP,OAAO,EACL,QAAQ,wBACT,EACF;GACD,eAAe,EACb,O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CT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,6BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,KAAK,EACH,OAAO,EACL,QAAQ,4BACT,EACF;GACD,MAAM,EACJ,OAAO,EACL,QAAQ,sBACT,EACF;GACF;EACD,eAAe;GACb,MAAM,EACJ,OAAO,EACL,QAAQ,mGACT,EACF;GACD,MAAM,EACJ,OAAO,EACL,QACE,kHACH,EACF;GACD,SAAS,EACP,OAAO,EACL,QACE,2HACH,EACF;GACD,UAAU,EACR,OAAO,EACL,QACE,8HACH,EACF;GACD,OAAO,EACL,OAAO,EACL,QACE,qHACH,EACF;GACD,QAAQ,EACN,OAAO,EACL,QACE,wHACH,EACF;GACF;EACF;CACD,YAAY;EACV,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,2BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,0BACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,0BACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,+BACP,EACF;EACD,mBAAmB,EACjB,OAAO,EACL,MAAM,gCACP,EACF;EACD,kBAAkB,EAChB,OAAO,EACL,MAAM,8BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACF;CACD,QAAQ;EACN,SAAS,EACP,OAAO,EACL,MAAM,8BACP,EACF;EACD,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,kCACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,sCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,gCACP,EACF;EACD,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,mCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,gCACP,EACF;EACF;CACD,MAAM;EACJ,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,6BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,MAAM,EACJ,OAAO,EACL,MAAM,mBACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;EACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;EACD,cAAc,EACZ,OAAO,EACL,MAAM,mCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACF;CACD,MAAM;EACJ,SAAS,EACP,OAAO,EACL,MAAM,2BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,6BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;EACD,qBAAqB,EACnB,OAAO,EACL,MAAM,mCACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,4BACP,EACF;EACF;CACD,QAAQ;EACN,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,wBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,iCACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,WAAW;GACT,IAAI,EACF,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI;IACF,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;IACD,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;IACD,MAAM,EACJ,OAAO,EACL,MAAM,6BACP,EACF;IACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;GACD,gBAAgB,EACd,OAAO,EACL,MAAM,kCACP,EACF;GACD,iBAAiB,EACf,OAAO,EACL,MAAM,kCACP,EACF;GACD,mBAAmB,EACjB,OAAO,EACL,MAAM,gCACP,EACF;GACF;EACD,UAAU;GACR,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,eACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,kBAAkB;GAChB,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,yBACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,iCACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,oBAAoB;GAClB,IAAI,EACF,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,oBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,0BACP,EACF;GACD,gBAAgB,EACd,OAAO,EACL,MAAM,0BACP,EACF;GACD,iBAAiB,EACf,OAAO,EACL,MAAM,oBACP,EACF;GACD,mBAAmB,EACjB,OAAO,EACL,MAAM,gCACP,EACF;GACF;EACD,mBAAmB;GACjB,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,eACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,oBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,cAAc;GACZ,IAAI,EACF,OAAO,EACL,MAAM,uBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,kCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,iCACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,gBAAgB;GACd,IAAI,EACF,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,+BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,uBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,uBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,gBAAgB,EACd,OAAO,EACL,MAAM,6BACP,EACF;GACD,iBAAiB,EACf,OAAO,EACL,MAAM,uBACP,EACF;GACD,mBAAmB,EACjB,OAAO,EACL,MAAM,gCACP,EACF;GACF;EACD,eAAe;GACb,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,+BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,eACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,uBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,uBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,4BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,6BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,kBAAkB;GAChB,IAAI,EACF,OAAO,EACL,MAAM,eACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,2BACP,EACF;GACD,IAAI,EACF,OAAO,EACL,MAAM,oBACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,oBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,2BACP,EACF;GACD,eAAe,EACb,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACF;CACD,aAAa;EACX,IAAI,EACF,OAAO,EACL,MAAM,yBACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,0BACP,EACF;EACD,aAAa,EACX,OAAO,EACL,MAAM,0BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,0BACP,EACF;EACD,qBAAqB,EACnB,OAAO,EACL,MAAM,0BACP,EACF;EACF;CACD,OAAO;EACL,MAAM;GACJ,OAAO,EACL,OAAO,EACL,MAAM,2BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mBACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,0BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,OAAO,EACL,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,UAAU;GACR,WAAW,EACT,OAAO,EACL,MAAM,4BACP,EACF;GACD,sBAAsB,EACpB,OAAO,EACL,MAAM,qCACP,EACF;GACF;EACD,QAAQ;GACN,IAAI;IACF,OAAO,EACL,OAAO,EACL,MAAM,2BACP,EACF;IACD,kBAAkB,EAChB,OAAO,EACL,MAAM,8BACP,EACF;IACD,OAAO,EACL,OAAO,EACL,MAAM,2BACP,EACF;IACD,kBAAkB,EAChB,OAAO,EACL,MAAM,2BACP,EACF;IACF;GACD,KAAK;IACH,OAAO,EACL,OAAO,EACL,MAAM,6BACP,EACF;IACD,kBAAkB,EAChB,OAAO,EACL,MAAM,gCACP,EACF;IACD,OAAO,EACL,OAAO,EACL,MAAM,2BACP,EACF;IACD,kBAAkB,EAChB,OAAO,EACL,MAAM,2BACP,EACF;IACF;GACF;EACF;CACD,aAAa;EACX,MAAM,EACJ,OAAO,EACL,MAAM,uBACP,EACF;EACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;EACD,WAAW,EACT,OAAO,EACL,MAAM,sCACP,EACF;EACD,OAAO,EACL,OAAO,EACL,MAAM,6BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,gCACP,EACF;EACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;EACD,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,+BACP,EACF;EACF;CACD,QAAQ;EACN,MAAM;GACJ,IAAI,EACF,OAAO,EACL,MAAM,6BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,4BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,2BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,4BACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,8BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,6BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,+BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,4BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,6BACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,+BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,8BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACF;EACD,UAAU;GACR,IAAI,EACF,OAAO,EACL,MAAM,4BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,2BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,6BACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,0BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,2BACP,EACF;GACF;EACD,UAAU;GACR,IAAI,EACF,OAAO,EACL,MAAM,+BACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,8BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,gCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,mCACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,mCACP,EACF;GACF;EACD,SAAS;GACP,IAAI,EACF,OAAO,EACL,MAAM,gCACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,+BACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,iCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,8BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,+BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,+BACP,EACF;GACF;EACD,IAAI;GACF,IAAI,EACF,OAAO,EACL,MAAM,oCACP,EACF;GACD,YAAY,EACV,OAAO,EACL,MAAM,mCACP,EACF;GACD,aAAa,EACX,OAAO,EACL,MAAM,qCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,6BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACD,MAAM,EACJ,OAAO,EACL,MAAM,8BACP,EACF;GACF;EACF;CACD,IAAI;EACF,YAAY;GACV,SAAS,EACP,OAAO,EACL,MAAM,oCACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,mCACP,EACF;GACD,UAAU,EACR,OAAO,EACL,MAAM,qCACP,EACF;GACD,oBAAoB,EAClB,OAAO,EACL,MAAM,4HACP,EACF;GACF;EACD,QAAQ;GACN,SAAS,EACP,OAAO,EACL,MAAM,yHACP,EACF;GACD,SAAS,EACP,OAAO,EACL,MAAM,4HACP,EACF;GACD,QAAQ,EACN,OAAO,EACL,MAAM,sHACP,EACF;GACF;EACF;CACD,WAAW;EACT,SAAS,EACP,OAAO,EACL,MAAM,+BACP,EACF;EACD,gBAAgB,EACd,OAAO,EACL,MAAM,2FACP,EACF;EACD,iBAAiB,EACf,OAAO,EACL,MAAM,+BACP,EACF;EACD,UAAU,EACR,OAAO,EACL,MAAM,0BACP,EACF;EACD,mBAAmB,EACjB,OAAO,EACL,MAAM,2BACP,EACF;EACF;CACD,IAAI,EACF,iBAAiB;EACf,IAAI,EACF,OAAO,EACL,MAAM,6BACP,EACF;EACD,YAAY,EACV,OAAO,EACL,MAAM,8BACP,EACF;EACD,aAAa,EACX,OAAO,EACL,MAAM,8BACP,EACF;EACD,eAAe,EACb,OAAO,EACL,MAAM,8BACP,EACF;EACD,qBAAqB,EACnB,OAAO,EACL,MAAM,8BACP,EACF;EACF,EACF;CACF,CAAC,CACH"}
@@ -1,4 +1,4 @@
1
- import { base, variants } from "../common/InputAndTextarea.common.js";
1
+ import { base, singleLineInputOverrides, variants } from "../common/InputAndTextarea.common.js";
2
2
  import { base as base$1, variants as variants$1 } from "../common/ComboboxAndSelect.common.js";
3
3
  import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
4
4
  import { comboboxAnatomy } from "@chakra-ui/react/anatomy";
@@ -12,7 +12,11 @@ var comboboxSlotRecipe = defineSlotRecipe({
12
12
  alignItems: "center",
13
13
  position: "relative"
14
14
  },
15
- input: base,
15
+ input: {
16
+ ...base,
17
+ ...singleLineInputOverrides,
18
+ height: "var(--input-height)"
19
+ },
16
20
  empty: {
17
21
  paddingInline: "16",
18
22
  paddingBlock: "8",
@@ -35,11 +39,17 @@ var comboboxSlotRecipe = defineSlotRecipe({
35
39
  },
36
40
  variants: { size: {
37
41
  md: {
38
- input: variants.size.md,
42
+ input: {
43
+ ...variants.size.md,
44
+ ...singleLineInputOverrides
45
+ },
39
46
  ...variants$1.size.md
40
47
  },
41
48
  lg: {
42
- input: variants.size.lg,
49
+ input: {
50
+ ...variants.size.lg,
51
+ ...singleLineInputOverrides
52
+ },
43
53
  ...variants$1.size.lg
44
54
  }
45
55
  } },
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Combobox.recipe.ts"],"sourcesContent":["import { comboboxAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport * as inputStyle from '../common/InputAndTextarea.common';\n\nconst comboboxSlotRecipe = defineSlotRecipe({\n className: 'combobox',\n slots: [...comboboxAnatomy.keys(), 'emptyHelperText'],\n base: {\n control: {\n display: 'flex',\n alignItems: 'center',\n position: 'relative',\n },\n input: inputStyle.base,\n empty: {\n paddingInline: '16',\n paddingBlock: '8',\n textStyle: 'body/lg/regular',\n },\n emptyHelperText: {\n color: 'text/helper',\n textStyle: 'body/sm/regular',\n },\n ...base,\n indicatorGroup: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n position: 'absolute',\n right: '16',\n top: '50%',\n transform: 'translateY(-50%)',\n },\n },\n variants: {\n size: {\n md: {\n input: inputStyle.variants.size.md,\n ...variants.size.md,\n },\n lg: {\n input: inputStyle.variants.size.lg,\n ...variants.size.lg,\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default comboboxSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,CAAC,GAAG,gBAAgB,MAAM,EAAE,kBAAkB;CACrD,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACX;EACD,OAAO;EACP,OAAO;GACL,eAAe;GACf,cAAc;GACd,WAAW;GACZ;EACD,iBAAiB;GACf,OAAO;GACP,WAAW;GACZ;EACD,GAAG;EACH,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,OAAO;GACP,KAAK;GACL,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAA,SAA2B,KAAK;GAChC,GAAG,WAAS,KAAK;GAClB;EACD,IAAI;GACF,OAAA,SAA2B,KAAK;GAChC,GAAG,WAAS,KAAK;GAClB;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
1
+ {"version":3,"file":"Combobox.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Combobox.recipe.ts"],"sourcesContent":["import { comboboxAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport * as inputStyle from '../common/InputAndTextarea.common';\n\nconst comboboxSlotRecipe = defineSlotRecipe({\n className: 'combobox',\n slots: [...comboboxAnatomy.keys(), 'emptyHelperText'],\n base: {\n control: {\n display: 'flex',\n alignItems: 'center',\n position: 'relative',\n },\n input: { ...inputStyle.base, ...inputStyle.singleLineInputOverrides, height: 'var(--input-height)' },\n empty: {\n paddingInline: '16',\n paddingBlock: '8',\n textStyle: 'body/lg/regular',\n },\n emptyHelperText: {\n color: 'text/helper',\n textStyle: 'body/sm/regular',\n },\n ...base,\n indicatorGroup: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n position: 'absolute',\n right: '16',\n top: '50%',\n transform: 'translateY(-50%)',\n },\n },\n variants: {\n size: {\n md: {\n input: { ...inputStyle.variants.size.md, ...inputStyle.singleLineInputOverrides },\n ...variants.size.md,\n },\n lg: {\n input: { ...inputStyle.variants.size.lg, ...inputStyle.singleLineInputOverrides },\n ...variants.size.lg,\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default comboboxSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,CAAC,GAAG,gBAAgB,MAAM,EAAE,kBAAkB;CACrD,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACX;EACD,OAAO;GAAE,GAAG;GAAiB,GAAG;GAAqC,QAAQ;GAAuB;EACpG,OAAO;GACL,eAAe;GACf,cAAc;GACd,WAAW;GACZ;EACD,iBAAiB;GACf,OAAO;GACP,WAAW;GACZ;EACD,GAAG;EACH,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,OAAO;GACP,KAAK;GACL,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;IAAE,GAAA,SAAuB,KAAK;IAAI,GAAG;IAAqC;GACjF,GAAG,WAAS,KAAK;GAClB;EACD,IAAI;GACF,OAAO;IAAE,GAAA,SAAuB,KAAK;IAAI,GAAG;IAAqC;GACjF,GAAG,WAAS,KAAK;GAClB;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ declare const dataWidgetSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "root" | "action" | "items", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "root" | "action" | "items">>;
2
+ export default dataWidgetSlotRecipe;
@@ -0,0 +1,65 @@
1
+ import { rem } from "../themeUtils.js";
2
+ import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
3
+ //#region lib/theme/slot-recipes/DataWidget.recipe.ts
4
+ var dataWidgetSlotRecipe = defineSlotRecipe({
5
+ className: "data-widget",
6
+ slots: [
7
+ "root",
8
+ "title",
9
+ "items",
10
+ "action"
11
+ ],
12
+ base: {
13
+ root: {
14
+ alignItems: "stretch",
15
+ background: "background/primary",
16
+ border: "1px solid",
17
+ borderColor: "border/regular",
18
+ borderRadius: "8",
19
+ boxShadow: "elevation/sm",
20
+ boxSizing: "border-box",
21
+ display: "inline-flex",
22
+ height: "40"
23
+ },
24
+ title: {
25
+ alignItems: "center",
26
+ background: "background/secondary",
27
+ borderEndStartRadius: rem(7),
28
+ borderStartStartRadius: rem(7),
29
+ color: "text/primary",
30
+ display: "inline-flex",
31
+ gap: "4",
32
+ paddingInlineEnd: "12",
33
+ paddingInlineStart: rem(15),
34
+ textStyle: "body/md/semibold"
35
+ },
36
+ items: {
37
+ alignItems: "center",
38
+ display: "inline-flex",
39
+ flex: "1",
40
+ gap: "4",
41
+ paddingInlineEnd: "12",
42
+ paddingInlineStart: "16",
43
+ "&:first-child": { paddingInlineStart: rem(15) },
44
+ "&:last-child": { paddingInlineEnd: rem(7) },
45
+ "& > *:not(:last-child)::after": {
46
+ alignItems: "center",
47
+ color: "text/tertiary",
48
+ content: "\"•\"",
49
+ display: "inline-flex",
50
+ height: "16",
51
+ justifyContent: "center",
52
+ width: "16"
53
+ }
54
+ },
55
+ action: {
56
+ alignItems: "center",
57
+ display: "inline-flex",
58
+ paddingInlineEnd: rem(7)
59
+ }
60
+ }
61
+ });
62
+ //#endregion
63
+ export { dataWidgetSlotRecipe as default };
64
+
65
+ //# sourceMappingURL=DataWidget.recipe.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataWidget.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DataWidget.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dataWidgetSlotRecipe = defineSlotRecipe({\n className: 'data-widget',\n slots: ['root', 'title', 'items', 'action'] as const,\n base: {\n root: {\n alignItems: 'stretch',\n background: 'background/primary',\n border: '1px solid',\n borderColor: 'border/regular',\n borderRadius: '8',\n boxShadow: 'elevation/sm',\n boxSizing: 'border-box',\n display: 'inline-flex',\n height: '40',\n },\n title: {\n alignItems: 'center',\n background: 'background/secondary',\n borderEndStartRadius: rem(7),\n borderStartStartRadius: rem(7),\n color: 'text/primary',\n display: 'inline-flex',\n gap: '4',\n paddingInlineEnd: '12',\n paddingInlineStart: rem(15),\n textStyle: 'body/md/semibold',\n },\n items: {\n alignItems: 'center',\n display: 'inline-flex',\n flex: '1',\n gap: '4',\n paddingInlineEnd: '12',\n paddingInlineStart: '16',\n '&:first-child': {\n paddingInlineStart: rem(15),\n },\n '&:last-child': {\n paddingInlineEnd: rem(7),\n },\n '& > *:not(:last-child)::after': {\n alignItems: 'center',\n color: 'text/tertiary',\n content: '\"•\"',\n display: 'inline-flex',\n height: '16',\n justifyContent: 'center',\n width: '16',\n },\n },\n action: {\n alignItems: 'center',\n display: 'inline-flex',\n paddingInlineEnd: rem(7),\n },\n },\n});\n\nexport default dataWidgetSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAS;EAAS;EAAS;CAC3C,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,YAAY;GACZ,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,WAAW;GACX,SAAS;GACT,QAAQ;GACT;EACD,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,sBAAsB,IAAI,EAAE;GAC5B,wBAAwB,IAAI,EAAE;GAC9B,OAAO;GACP,SAAS;GACT,KAAK;GACL,kBAAkB;GAClB,oBAAoB,IAAI,GAAG;GAC3B,WAAW;GACZ;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,iBAAiB,EACf,oBAAoB,IAAI,GAAG,EAC5B;GACD,gBAAgB,EACd,kBAAkB,IAAI,EAAE,EACzB;GACD,iCAAiC;IAC/B,YAAY;IACZ,OAAO;IACP,SAAS;IACT,SAAS;IACT,QAAQ;IACR,gBAAgB;IAChB,OAAO;IACR;GACF;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,kBAAkB,IAAI,EAAE;GACzB;EACF;CACF,CAAC"}