@omnia/fx 8.0.163-dev → 8.0.165-dev

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 (330) hide show
  1. package/internal-do-not-import-from-here/console/components/Console.d.ts +2 -6
  2. package/internal-do-not-import-from-here/manifests/omnia.fx.core.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts +12 -12
  4. package/internal-do-not-import-from-here/ux/ComponentTypings.d.ts +16 -0
  5. package/internal-do-not-import-from-here/ux/DefineVueTypings.d.ts +2 -2
  6. package/internal-do-not-import-from-here/ux/Exposes.d.ts +1 -1
  7. package/internal-do-not-import-from-here/ux/InternalDefineComponent.d.ts +31 -16
  8. package/internal-do-not-import-from-here/ux/alignmentpicker/docs/AlignmentPickerExample.d.ts +2 -6
  9. package/internal-do-not-import-from-here/ux/appprovisioning/summary/InformationStepSummary.d.ts +6 -4
  10. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ChromeEditorStore.d.ts +2 -2
  11. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts +4 -4
  12. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ContainersEditorStore.d.ts +2 -2
  13. package/internal-do-not-import-from-here/ux/aurora/admin/blades/themedesigner/ThemeDesigner.d.ts +9 -4
  14. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts +33 -6
  15. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleViewer.d.ts +55 -26
  16. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/docs/SampleComponent.d.ts +2 -6
  17. package/internal-do-not-import-from-here/ux/aurora/components/borderpicker/BorderPicker.d.ts +27 -6
  18. package/internal-do-not-import-from-here/ux/aurora/components/borderpicker/BorderPreview.d.ts +55 -26
  19. package/internal-do-not-import-from-here/ux/aurora/components/borderpicker/docs/BorderPickerExample.d.ts +2 -6
  20. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonBlueprintsViewer.d.ts +13 -4
  21. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStyleEditor.d.ts +17 -4
  22. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStylePicker.d.ts +12 -4
  23. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/docs/SampleComponent.d.ts +2 -6
  24. package/internal-do-not-import-from-here/ux/aurora/components/chrome/ChromeBlueprintsViewer.d.ts +16 -5
  25. package/internal-do-not-import-from-here/ux/aurora/components/chrome/ChromePicker.d.ts +10 -10
  26. package/internal-do-not-import-from-here/ux/aurora/components/chrome/ChromeViewer.d.ts +55 -26
  27. package/internal-do-not-import-from-here/ux/aurora/components/chrome/docs/SampleComponent.d.ts +2 -6
  28. package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.d.ts +113 -84
  29. package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/docs/SampleComponent.d.ts +2 -6
  30. package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaPicker.d.ts +155 -126
  31. package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaViewer.d.ts +55 -26
  32. package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/docs/SampleComponent.d.ts +2 -6
  33. package/internal-do-not-import-from-here/ux/aurora/components/componentblueprints/ComponentBlueprintsViewer.d.ts +12 -4
  34. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerBlueprintsViewer.d.ts +16 -5
  35. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerPicker.d.ts +51 -11
  36. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/SampleComponent.d.ts +2 -6
  37. package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +29 -6
  38. package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPreview.d.ts +55 -26
  39. package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/docs/FillPickerExample.d.ts +2 -6
  40. package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconBlueprintsViewer.d.ts +18 -5
  41. package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStyleEditor.d.ts +27 -6
  42. package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStylePicker.d.ts +23 -6
  43. package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/docs/SampleComponent.d.ts +2 -6
  44. package/internal-do-not-import-from-here/ux/aurora/components/spacingpicker/SpacingPicker3.d.ts +55 -26
  45. package/internal-do-not-import-from-here/ux/aurora/components/spacingpicker/docs/SampleComponent.d.ts +2 -6
  46. package/internal-do-not-import-from-here/ux/aurora/components/stylepicker/StylePicker.d.ts +65 -36
  47. package/internal-do-not-import-from-here/ux/aurora/components/stylepicker/docs/SampleComponent.d.ts +2 -6
  48. package/internal-do-not-import-from-here/ux/aurora/components/tabs/TabBlueprintsViewer.d.ts +15 -4
  49. package/internal-do-not-import-from-here/ux/aurora/components/tabs/TabStyleEditor.d.ts +13 -4
  50. package/internal-do-not-import-from-here/ux/aurora/components/tabs/TabStylePicker.d.ts +14 -4
  51. package/internal-do-not-import-from-here/ux/aurora/components/tabs/docs/SampleComponent.d.ts +2 -6
  52. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +23 -6
  53. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/docs/SampleComponent.d.ts +2 -6
  54. package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeEditor.d.ts +13 -4
  55. package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemePicker.d.ts +55 -26
  56. package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeViewer.d.ts +14 -4
  57. package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts +14 -5
  58. package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyPicker.d.ts +22 -4
  59. package/internal-do-not-import-from-here/ux/aurora/components/typography/docs/SampleComponent.d.ts +2 -6
  60. package/internal-do-not-import-from-here/ux/aurora/store/ColorSchemaStore.d.ts +52 -6075
  61. package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +756 -756
  62. package/internal-do-not-import-from-here/ux/aurora/store/ThemeContextStore.d.ts +72 -72
  63. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +756 -756
  64. package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts +15 -2
  65. package/internal-do-not-import-from-here/ux/aurora/themeprovider/ThemeProvider.d.ts +10 -10
  66. package/internal-do-not-import-from-here/ux/datetimepicker/DateTimePicker.d.ts +0 -1
  67. package/internal-do-not-import-from-here/ux/datetimepicker/docs/DateTimePickerExample.d.ts +2 -6
  68. package/internal-do-not-import-from-here/ux/datetimezonepicker/docs/DateTimeZonePickerExample.d.ts +2 -6
  69. package/internal-do-not-import-from-here/ux/docs/chrome/VelcronSampleViewer.d.ts +70 -5
  70. package/internal-do-not-import-from-here/ux/docs/omfx/components/docs/Properties.d.ts +2 -6
  71. package/internal-do-not-import-from-here/ux/docs/omfx/components/docs/VModel.d.ts +8 -4
  72. package/internal-do-not-import-from-here/ux/docs/omfx/directives/docs/UseClickInSide.d.ts +2 -6
  73. package/internal-do-not-import-from-here/ux/dynamicplaceholder/DynamicPlaceholder.d.ts +2 -6
  74. package/internal-do-not-import-from-here/ux/dynamicplaceholder/DynamicPlaceholderSettings.d.ts +2 -6
  75. package/internal-do-not-import-from-here/ux/dynamicplaceholder/loc/localize.d.ts +1 -1
  76. package/internal-do-not-import-from-here/ux/enterpriseglossary/EnterpriseGlossaryPicker.d.ts +8 -4
  77. package/internal-do-not-import-from-here/ux/enterpriseglossary/componentbase/EnterpriseGlossaryTermComponentBase.d.ts +19 -4
  78. package/internal-do-not-import-from-here/ux/enterprisepropertysets/picker/EnterprisePropertySetPicker.d.ts +23 -4
  79. package/internal-do-not-import-from-here/ux/features/FeatureActivation.d.ts +7 -4
  80. package/internal-do-not-import-from-here/ux/features/FeaturesJourney.d.ts +6 -4
  81. package/internal-do-not-import-from-here/ux/features/FeaturesJourneyAppInstance.d.ts +2 -6
  82. package/internal-do-not-import-from-here/ux/features/blades/ConsentUrlBlade.d.ts +2 -2
  83. package/internal-do-not-import-from-here/ux/features/blades/FeatureHomeBlade.d.ts +7 -4
  84. package/internal-do-not-import-from-here/ux/features/blades/FeaturePropertiesBlade.d.ts +3 -2
  85. package/internal-do-not-import-from-here/ux/features/blades/ViewConsentBlade.d.ts +2 -2
  86. package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts +54 -24
  87. package/internal-do-not-import-from-here/ux/filterpicker/docs/SampleComponent.d.ts +2 -6
  88. package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts +1 -1
  89. package/internal-do-not-import-from-here/ux/image/scalingsettings/ScalingSettings.d.ts +55 -26
  90. package/internal-do-not-import-from-here/ux/inputlanguagepicker/InputLanguagePicker.d.ts +6 -4
  91. package/internal-do-not-import-from-here/ux/journey/JourneyPlaceHolder.d.ts +4 -4
  92. package/internal-do-not-import-from-here/ux/journey/docs/SampleButtons.d.ts +2 -6
  93. package/internal-do-not-import-from-here/ux/journey/docs/SampleComponent.d.ts +2 -6
  94. package/internal-do-not-import-from-here/ux/journey/docs/SampleComponentMenu.d.ts +2 -6
  95. package/internal-do-not-import-from-here/ux/journey/docs/SampleVariants.d.ts +2 -6
  96. package/internal-do-not-import-from-here/ux/jsonexportimport/ExportImport.d.ts +11 -4
  97. package/internal-do-not-import-from-here/ux/jsonexportimport/docs/SampleComponent.d.ts +2 -6
  98. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/blockplaceholder/BlockPlaceholder.d.ts +55 -26
  99. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts +55 -26
  100. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/BlockSettingsPanel.d.ts +2 -6
  101. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/SettingsPanel.d.ts +2 -6
  102. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/TemplatePreview.d.ts +56 -26
  103. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts +55 -26
  104. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/sizecontainer/SizeContainer.d.ts +55 -26
  105. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts +55 -26
  106. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutItemselector/LayoutItemSelection.d.ts +55 -26
  107. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutItemselector/LayoutItemSelector.d.ts +55 -26
  108. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts +55 -26
  109. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.d.ts +55 -26
  110. package/internal-do-not-import-from-here/ux/markdown/MarkdownEditor.d.ts +1 -1
  111. package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.d.ts +1 -1
  112. package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Delimiter.d.ts +12 -4
  113. package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Slider.d.ts +13 -4
  114. package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/PhotoWall.d.ts +17 -4
  115. package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoCollage.d.ts +2 -2
  116. package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoGrid.d.ts +3 -2
  117. package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoRow.d.ts +4 -4
  118. package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoThumb.d.ts +4 -4
  119. package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/RowPhotos.d.ts +6 -4
  120. package/internal-do-not-import-from-here/ux/mediagallery/view/PhotoWallWithSliderDisplayRenderer.d.ts +10 -4
  121. package/internal-do-not-import-from-here/ux/mediapickerV2/mediaprovider/MediaProvider.d.ts +206 -135
  122. package/internal-do-not-import-from-here/ux/mediapickerproviders/Vimeo/VimeoProvider.d.ts +48 -0
  123. package/internal-do-not-import-from-here/ux/mediapickerproviders/Vimeo/loc/localize.d.ts +30 -0
  124. package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/VimeoProvider.d.ts +12 -0
  125. package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/index.d.ts +1 -0
  126. package/internal-do-not-import-from-here/ux/mediapickervideo/MediaPickerVideo.d.ts +18 -4
  127. package/internal-do-not-import-from-here/ux/models/DateTimePickerStyles.d.ts +1 -1
  128. package/internal-do-not-import-from-here/ux/models/LegacyVideo.d.ts +2 -0
  129. package/internal-do-not-import-from-here/ux/multitextinput/MultiTextInput.d.ts +31 -4
  130. package/internal-do-not-import-from-here/ux/organizationtree/OrganizationTree.d.ts +9 -4
  131. package/internal-do-not-import-from-here/ux/organizationtree/reportees/Reportees.d.ts +7 -4
  132. package/internal-do-not-import-from-here/ux/oxide/alert/docs/SampleComponent.d.ts +2 -6
  133. package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts +55 -26
  134. package/internal-do-not-import-from-here/ux/oxide/appbar/docs/AppbarExample.d.ts +2 -6
  135. package/internal-do-not-import-from-here/ux/oxide/avatar/Avatar.d.ts +65 -36
  136. package/internal-do-not-import-from-here/ux/oxide/avatar/docs/AvatarExample.d.ts +2 -6
  137. package/internal-do-not-import-from-here/ux/oxide/badge/Badge.d.ts +1 -1
  138. package/internal-do-not-import-from-here/ux/oxide/badge/docs/BadgeExample.d.ts +2 -6
  139. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +65 -36
  140. package/internal-do-not-import-from-here/ux/oxide/btn/docs/ButtonIntro.d.ts +2 -6
  141. package/internal-do-not-import-from-here/ux/oxide/btngroup/ButtonGroup.d.ts +55 -26
  142. package/internal-do-not-import-from-here/ux/oxide/btngroup/docs/ButtonIntro.d.ts +2 -6
  143. package/internal-do-not-import-from-here/ux/oxide/card/Card.d.ts +55 -55
  144. package/internal-do-not-import-from-here/ux/oxide/card/docs/CardSample.d.ts +2 -6
  145. package/internal-do-not-import-from-here/ux/oxide/chart/Chart.d.ts +54 -24
  146. package/internal-do-not-import-from-here/ux/oxide/chart/docs/SampleComponent.d.ts +2 -6
  147. package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.d.ts +55 -26
  148. package/internal-do-not-import-from-here/ux/oxide/checkbox/docs/SampleComponent.d.ts +2 -6
  149. package/internal-do-not-import-from-here/ux/oxide/chip/Chip.d.ts +55 -26
  150. package/internal-do-not-import-from-here/ux/oxide/chip/docs/ChipExample.d.ts +2 -6
  151. package/internal-do-not-import-from-here/ux/oxide/colorpicker/ColorPicker.d.ts +55 -26
  152. package/internal-do-not-import-from-here/ux/oxide/colorpicker/docs/SampleComponent.d.ts +2 -6
  153. package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts +55 -26
  154. package/internal-do-not-import-from-here/ux/oxide/column/ColumnGrid.d.ts +64 -35
  155. package/internal-do-not-import-from-here/ux/oxide/column/docs/SampleComponent.d.ts +2 -6
  156. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts +1 -6191
  157. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts +46 -12392
  158. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTableServer.d.ts +55 -26
  159. package/internal-do-not-import-from-here/ux/oxide/datatable/docs/SampleComponent.d.ts +2 -6
  160. package/internal-do-not-import-from-here/ux/oxide/datepicker/docs/SampleComponent.d.ts +2 -6
  161. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +81 -26
  162. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithAppNavigation.d.ts +2 -6
  163. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithFixedContent.d.ts +2 -6
  164. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithLeftBar.d.ts +2 -6
  165. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithNavigation.d.ts +2 -6
  166. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithTabs.d.ts +2 -6
  167. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithoutNavigation.d.ts +2 -6
  168. package/internal-do-not-import-from-here/ux/oxide/divider/docs/SampleComponent.d.ts +2 -6
  169. package/internal-do-not-import-from-here/ux/oxide/draggable/docs/SampleComponent.d.ts +2 -6
  170. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts +55 -26
  171. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts +55 -26
  172. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/docs/SampleComponent.d.ts +2 -6
  173. package/internal-do-not-import-from-here/ux/oxide/flex/Flex2.d.ts +55 -26
  174. package/internal-do-not-import-from-here/ux/oxide/flex/Row.d.ts +55 -26
  175. package/internal-do-not-import-from-here/ux/oxide/flex/docs/BasicFlexTypes.d.ts +2 -6
  176. package/internal-do-not-import-from-here/ux/oxide/form/Form.d.ts +55 -26
  177. package/internal-do-not-import-from-here/ux/oxide/form/docs/SampleComponent.d.ts +2 -6
  178. package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts +19 -19
  179. package/internal-do-not-import-from-here/ux/oxide/hostprovider/docs/SampleComponent.d.ts +2 -6
  180. package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts +66 -37
  181. package/internal-do-not-import-from-here/ux/oxide/icon/docs/SampleComponent.d.ts +2 -6
  182. package/internal-do-not-import-from-here/ux/oxide/image/Image.d.ts +55 -26
  183. package/internal-do-not-import-from-here/ux/oxide/image/docs/SampleComponent.d.ts +2 -6
  184. package/internal-do-not-import-from-here/ux/oxide/infinite-scroll/docs/SampleComponent.d.ts +2 -6
  185. package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.css.d.ts +6 -0
  186. package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts +572 -0
  187. package/internal-do-not-import-from-here/ux/oxide/{textfield → inputfield}/docs/SampleComponent.d.ts +2 -6
  188. package/internal-do-not-import-from-here/ux/oxide/layout/Layout.d.ts +55 -26
  189. package/internal-do-not-import-from-here/ux/oxide/layout/docs/SampleComponent.d.ts +2 -6
  190. package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts +66 -37
  191. package/internal-do-not-import-from-here/ux/oxide/link/docs/SampleComponent.d.ts +2 -6
  192. package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts +55 -26
  193. package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts +55 -26
  194. package/internal-do-not-import-from-here/ux/oxide/list/docs/SampleComponent.d.ts +2 -6
  195. package/internal-do-not-import-from-here/ux/oxide/main/Main.d.ts +55 -26
  196. package/internal-do-not-import-from-here/ux/oxide/main/docs/SampleComponent.d.ts +2 -6
  197. package/internal-do-not-import-from-here/ux/oxide/menu/Menu.d.ts +55 -26
  198. package/internal-do-not-import-from-here/ux/oxide/menu/docs/SampleComponent.d.ts +2 -6
  199. package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts +55 -26
  200. package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/docs/SampleComponent.d.ts +2 -6
  201. package/internal-do-not-import-from-here/ux/oxide/notification/Notification.d.ts +55 -26
  202. package/internal-do-not-import-from-here/ux/oxide/notification/docs/SampleComponent.d.ts +2 -6
  203. package/internal-do-not-import-from-here/ux/oxide/pagination/Pagination.d.ts +55 -26
  204. package/internal-do-not-import-from-here/ux/oxide/pagination/docs/SampleComponent.d.ts +2 -6
  205. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +100 -71
  206. package/internal-do-not-import-from-here/ux/oxide/panel/docs/BasicPanelTypes.d.ts +2 -6
  207. package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelVariants.d.ts +2 -6
  208. package/internal-do-not-import-from-here/ux/oxide/panel/docs/SettingsPanel.d.ts +2 -6
  209. package/internal-do-not-import-from-here/ux/oxide/panel/docs/ShowHide.d.ts +2 -6
  210. package/internal-do-not-import-from-here/ux/oxide/progress/docs/SampleComponent.d.ts +2 -6
  211. package/internal-do-not-import-from-here/ux/oxide/radio/Radio.d.ts +55 -26
  212. package/internal-do-not-import-from-here/ux/oxide/radio/RadioGroup.d.ts +56 -27
  213. package/internal-do-not-import-from-here/ux/oxide/radio/docs/SampleComponent.d.ts +2 -6
  214. package/internal-do-not-import-from-here/ux/oxide/rangeslider/RangeSlider.d.ts +55 -26
  215. package/internal-do-not-import-from-here/ux/oxide/rangeslider/docs/SampleComponent.d.ts +2 -6
  216. package/internal-do-not-import-from-here/ux/oxide/rating/Rating.d.ts +55 -26
  217. package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.d.ts +55 -26
  218. package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/docs/SampleComponent.d.ts +2 -6
  219. package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +59 -12389
  220. package/internal-do-not-import-from-here/ux/oxide/select/docs/SampleComponent.d.ts +2 -6
  221. package/internal-do-not-import-from-here/ux/oxide/skeletonloader/SkeletonLoader.d.ts +55 -26
  222. package/internal-do-not-import-from-here/ux/oxide/skeletonloader/docs/SampleComponent.d.ts +2 -6
  223. package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts +55 -26
  224. package/internal-do-not-import-from-here/ux/oxide/slidepanel/docs/SampleComponent.d.ts +2 -6
  225. package/internal-do-not-import-from-here/ux/oxide/slider/Slider.d.ts +55 -26
  226. package/internal-do-not-import-from-here/ux/oxide/slider/docs/SampleComponent.d.ts +2 -6
  227. package/internal-do-not-import-from-here/ux/oxide/slider/docs/SampleComponent2.d.ts +2 -6
  228. package/internal-do-not-import-from-here/ux/oxide/slider/docs/SampleComponent3.d.ts +2 -6
  229. package/internal-do-not-import-from-here/ux/oxide/snackbar/Snackbar.d.ts +55 -26
  230. package/internal-do-not-import-from-here/ux/oxide/snackbar/docs/SampleComponent.d.ts +2 -6
  231. package/internal-do-not-import-from-here/ux/oxide/spacer/docs/SampleComponent.d.ts +2 -6
  232. package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.d.ts +55 -26
  233. package/internal-do-not-import-from-here/ux/oxide/splitpane/SplitpaneItem.d.ts +55 -26
  234. package/internal-do-not-import-from-here/ux/oxide/stepper/docs/SampleComponent.d.ts +2 -6
  235. package/internal-do-not-import-from-here/ux/oxide/switch/Switch.d.ts +55 -26
  236. package/internal-do-not-import-from-here/ux/oxide/switch/docs/SampleComponent.d.ts +2 -6
  237. package/internal-do-not-import-from-here/ux/oxide/tab/Tab.d.ts +64 -35
  238. package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +65 -36
  239. package/internal-do-not-import-from-here/ux/oxide/tab/docs/SampleComponent.d.ts +2 -6
  240. package/internal-do-not-import-from-here/ux/oxide/table/Table.d.ts +55 -26
  241. package/internal-do-not-import-from-here/ux/oxide/table/docs/SampleComponent.d.ts +2 -6
  242. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +66 -37
  243. package/internal-do-not-import-from-here/ux/oxide/text/docs/SampleComponent.d.ts +2 -6
  244. package/internal-do-not-import-from-here/ux/oxide/text/docs/SampleGradients.d.ts +2 -6
  245. package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts +55 -26
  246. package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts +55 -26
  247. package/internal-do-not-import-from-here/ux/oxide/timepicker/TimePicker.d.ts +14 -4
  248. package/internal-do-not-import-from-here/ux/oxide/timepicker/docs/SampleComponent.d.ts +2 -6
  249. package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts +64 -35
  250. package/internal-do-not-import-from-here/ux/oxide/toolbar/docs/ToolbarIntro.d.ts +2 -6
  251. package/internal-do-not-import-from-here/ux/oxide/tooltip/Tooltip.d.ts +55 -26
  252. package/internal-do-not-import-from-here/ux/oxide/tooltip/docs/SampleComponent.d.ts +2 -6
  253. package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.d.ts +55 -26
  254. package/internal-do-not-import-from-here/ux/oxide/treeview/docs/SampleComponent.d.ts +2 -6
  255. package/internal-do-not-import-from-here/ux/oxide/validation/docs/AdvanceExample.d.ts +2 -6
  256. package/internal-do-not-import-from-here/ux/oxide/validation/docs/SimpleExample.d.ts +2 -6
  257. package/internal-do-not-import-from-here/ux/persona/Persona.d.ts +11 -4
  258. package/internal-do-not-import-from-here/ux/pickerwrapper/docs/SampleComponent.d.ts +2 -6
  259. package/internal-do-not-import-from-here/ux/post/Post.d.ts +32 -4
  260. package/internal-do-not-import-from-here/ux/post/templates/PostCardDisplay.d.ts +18 -4
  261. package/internal-do-not-import-from-here/ux/post/templates/PostTemplate.d.ts +41 -4
  262. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextColor/TextColorNode.d.ts +2 -1
  263. package/internal-do-not-import-from-here/ux/rollupempty/RollupEmpty.d.ts +55 -26
  264. package/internal-do-not-import-from-here/ux/securitytrimmer/SecurityTrimmer.d.ts +54 -24
  265. package/internal-do-not-import-from-here/ux/social/docs/SampleComponent.d.ts +2 -6
  266. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +1 -6191
  267. package/internal-do-not-import-from-here/ux/use/UseIcon.d.ts +1 -0
  268. package/internal-do-not-import-from-here/ux/use/UseJourney.d.ts +3 -0
  269. package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/ContentViewer.d.ts +56 -26
  270. package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/DefinitionPickerPanel.d.ts +56 -26
  271. package/internal-do-not-import-from-here/ux/velcron/blocks/velcron/useVelcronStateManager.d.ts +7 -1
  272. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/VelcronContentEditor.css.d.ts +0 -1
  273. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/VelcronContentEditor.d.ts +140 -80
  274. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/components/ActionMenu.d.ts +8 -4
  275. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/components/BorderSelector.d.ts +8 -4
  276. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/components/DefinitionToolbar.d.ts +8 -4
  277. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/editorHooks/ContentEditorHooks.css.d.ts +1 -1
  278. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/models/EditorRenderingHooks.d.ts +2 -0
  279. package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/stores/ContentEditorStore.d.ts +29 -17
  280. package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPicker.d.ts +55 -26
  281. package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPreview.d.ts +55 -26
  282. package/internal-do-not-import-from-here/ux/velcron/components/propertieseditor/VelcronPropertiesEditor.d.ts +63 -2
  283. package/internal-do-not-import-from-here/ux/velcron/core/models/Enums.d.ts +3 -16
  284. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +5 -6
  285. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +15 -3
  286. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronState.d.ts +32 -47
  287. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronData.d.ts +2 -1
  288. package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronColorSchema.d.ts +1 -1
  289. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts +3 -0
  290. package/internal-do-not-import-from-here/ux/velcron/editor/VelcronEditor.d.ts +11 -4
  291. package/internal-do-not-import-from-here/ux/velcron/editor/components/AddApp.d.ts +2 -2
  292. package/internal-do-not-import-from-here/ux/velcron/editor/components/AddItem.d.ts +4 -4
  293. package/internal-do-not-import-from-here/ux/velcron/editor/components/AppExplorer.d.ts +11 -4
  294. package/internal-do-not-import-from-here/ux/velcron/editor/components/ContextMenu.d.ts +11 -4
  295. package/internal-do-not-import-from-here/ux/velcron/editor/components/EditComponentPane.d.ts +4 -4
  296. package/internal-do-not-import-from-here/ux/velcron/editor/components/EditDataPane.d.ts +4 -4
  297. package/internal-do-not-import-from-here/ux/velcron/editor/components/EditDefinitionPropertiesPane.d.ts +4 -4
  298. package/internal-do-not-import-from-here/ux/velcron/editor/components/EditEditorsPane.d.ts +4 -4
  299. package/internal-do-not-import-from-here/ux/velcron/editor/components/EditorCanvas.d.ts +2 -2
  300. package/internal-do-not-import-from-here/ux/velcron/editor/components/StateTree.d.ts +13 -4
  301. package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronDescriptors.d.ts +1 -0
  302. package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts +4 -1
  303. package/internal-do-not-import-from-here/ux/velcron/editor/templates/ContentTemplates.d.ts +1 -0
  304. package/internal-do-not-import-from-here/ux/velcron/editor/templates/EditorTemplates.d.ts +2 -0
  305. package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts +59 -29
  306. package/internal-do-not-import-from-here/ux/velcron/renderer/components/ComponentCreator.d.ts +11 -4
  307. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/AlignmentEditor.d.ts +98 -98
  308. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/{ContainerEditor.d.ts → BackgroundEditor.d.ts} +112 -91
  309. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/BlueprintEditor.d.ts +446 -0
  310. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/ColorSchemaEditor.d.ts +132 -97
  311. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/GridEditor.css.d.ts +5 -0
  312. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/GridEditor.d.ts +350 -0
  313. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/PropertyEditorCreator.d.ts +63 -2
  314. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/ReferenceEditor.d.ts +10 -4
  315. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/SpacingEditor.d.ts +22 -1
  316. package/internal-do-not-import-from-here/ux/velcron/stores/index.d.ts +1 -0
  317. package/internal-do-not-import-from-here/ux/velcron/stores/useVelcronStateManager.d.ts +19 -0
  318. package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutBladeBuilder.d.ts +23 -5
  319. package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutCreationBlade.d.ts +7 -5
  320. package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutListBladeBuilder.d.ts +6 -4
  321. package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutSettingsComponent.d.ts +6 -4
  322. package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutDefinitionEditorItem.d.ts +1 -0
  323. package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutEditor.d.ts +13 -4
  324. package/internal-do-not-import-from-here/ux/versionedlayout/editor/panels/Panels.d.ts +2 -6
  325. package/internal-do-not-import-from-here/ux/versionedlayout/editor/panels/versionhistory/VersionHistory.d.ts +2 -6
  326. package/internal-do-not-import-from-here/wctypings.d.ts +39 -15
  327. package/package.json +4 -4
  328. /package/internal-do-not-import-from-here/ux/oxide/{textfield → inputfield}/docs/ExampleComponents.d.ts +0 -0
  329. /package/internal-do-not-import-from-here/ux/oxide/{textfield → inputfield}/docs/index.d.ts +0 -0
  330. /package/internal-do-not-import-from-here/ux/{datetimepicker/DateTimePicker.css.d.ts → vuetify/input/VNumber.bundle.d.ts} +0 -0
@@ -100,16 +100,16 @@ export declare const useSpacingBlueprintStore: () => {
100
100
  };
101
101
  deactivated(): void;
102
102
  };
103
- colorSchema(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic"): import("@omnia/fx-models").ColorSchema;
103
+ colorSchema(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic"): import("@omnia/fx-models").ColorSchema;
104
104
  typography(): import("@omnia/fx-models").TypographyBlueprints;
105
105
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
106
106
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
107
107
  component(): import("@omnia/fx-models").ComponentBlueprints;
108
- color(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
109
- colorDefinition(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
110
- complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
111
- complementaryColor(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
112
- complementaryColorDefinition(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
108
+ color(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
109
+ colorDefinition(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
110
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
111
+ complementaryColor(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
112
+ complementaryColorDefinition(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
113
113
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
114
114
  };
115
115
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -203,16 +203,16 @@ export declare const useSpacingBlueprintStore: () => {
203
203
  };
204
204
  deactivated(): void;
205
205
  };
206
- colorSchema(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic"): import("@omnia/fx-models").ColorSchema;
206
+ colorSchema(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic"): import("@omnia/fx-models").ColorSchema;
207
207
  typography(): import("@omnia/fx-models").TypographyBlueprints;
208
208
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
209
209
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
210
210
  component(): import("@omnia/fx-models").ComponentBlueprints;
211
- color(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
212
- colorDefinition(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
213
- complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
214
- complementaryColor(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
215
- complementaryColorDefinition(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
211
+ color(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
212
+ colorDefinition(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
213
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
214
+ complementaryColor(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
215
+ complementaryColorDefinition(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
216
216
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
217
217
  };
218
218
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -306,16 +306,16 @@ export declare const useSpacingBlueprintStore: () => {
306
306
  };
307
307
  deactivated(): void;
308
308
  };
309
- colorSchema(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic"): import("@omnia/fx-models").ColorSchema;
309
+ colorSchema(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic"): import("@omnia/fx-models").ColorSchema;
310
310
  typography(): import("@omnia/fx-models").TypographyBlueprints;
311
311
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
312
312
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
313
313
  component(): import("@omnia/fx-models").ComponentBlueprints;
314
- color(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
315
- colorDefinition(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
316
- complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
317
- complementaryColor(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
318
- complementaryColorDefinition(colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
314
+ color(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
315
+ colorDefinition(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
316
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
317
+ complementaryColor(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
318
+ complementaryColorDefinition(colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
319
319
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
320
320
  };
321
321
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -666,14 +666,14 @@ export declare const useSpacingBlueprintStore: () => {
666
666
  fills?: {
667
667
  variant1?: {
668
668
  colors: (string | {
669
- colorType: "container" | "base" | "onBase" | "onContainer";
669
+ colorType: "base" | "onBase" | "container" | "onContainer";
670
670
  toned?: boolean;
671
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
671
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
672
672
  } | {
673
673
  color: string | {
674
- colorType: "container" | "base" | "onBase" | "onContainer";
674
+ colorType: "base" | "onBase" | "container" | "onContainer";
675
675
  toned?: boolean;
676
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
676
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
677
677
  };
678
678
  stop?: number;
679
679
  })[];
@@ -682,14 +682,14 @@ export declare const useSpacingBlueprintStore: () => {
682
682
  };
683
683
  variant2?: {
684
684
  colors: (string | {
685
- colorType: "container" | "base" | "onBase" | "onContainer";
685
+ colorType: "base" | "onBase" | "container" | "onContainer";
686
686
  toned?: boolean;
687
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
687
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
688
688
  } | {
689
689
  color: string | {
690
- colorType: "container" | "base" | "onBase" | "onContainer";
690
+ colorType: "base" | "onBase" | "container" | "onContainer";
691
691
  toned?: boolean;
692
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
692
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
693
693
  };
694
694
  stop?: number;
695
695
  })[];
@@ -698,14 +698,14 @@ export declare const useSpacingBlueprintStore: () => {
698
698
  };
699
699
  variant3?: {
700
700
  colors: (string | {
701
- colorType: "container" | "base" | "onBase" | "onContainer";
701
+ colorType: "base" | "onBase" | "container" | "onContainer";
702
702
  toned?: boolean;
703
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
703
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
704
704
  } | {
705
705
  color: string | {
706
- colorType: "container" | "base" | "onBase" | "onContainer";
706
+ colorType: "base" | "onBase" | "container" | "onContainer";
707
707
  toned?: boolean;
708
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
708
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
709
709
  };
710
710
  stop?: number;
711
711
  })[];
@@ -1026,23 +1026,23 @@ export declare const useSpacingBlueprintStore: () => {
1026
1026
  background?: {
1027
1027
  fill?: string | {
1028
1028
  colors: (string | {
1029
- colorType: "container" | "base" | "onBase" | "onContainer";
1029
+ colorType: "base" | "onBase" | "container" | "onContainer";
1030
1030
  toned?: boolean;
1031
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1031
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1032
1032
  } | {
1033
1033
  color: string | {
1034
- colorType: "container" | "base" | "onBase" | "onContainer";
1034
+ colorType: "base" | "onBase" | "container" | "onContainer";
1035
1035
  toned?: boolean;
1036
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1036
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1037
1037
  };
1038
1038
  stop?: number;
1039
1039
  })[];
1040
1040
  acrylic?: boolean;
1041
1041
  opacity?: number;
1042
1042
  } | {
1043
- colorType: "container" | "base" | "onBase" | "onContainer";
1043
+ colorType: "base" | "onBase" | "container" | "onContainer";
1044
1044
  toned?: boolean;
1045
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1045
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1046
1046
  };
1047
1047
  border?: {
1048
1048
  radius?: {
@@ -1059,9 +1059,9 @@ export declare const useSpacingBlueprintStore: () => {
1059
1059
  };
1060
1060
  fill?: {
1061
1061
  colors: (string | {
1062
- colorType: "container" | "base" | "onBase" | "onContainer";
1062
+ colorType: "base" | "onBase" | "container" | "onContainer";
1063
1063
  toned?: boolean;
1064
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1064
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1065
1065
  } | {
1066
1066
  color: string | any;
1067
1067
  stop?: number;
@@ -1072,7 +1072,7 @@ export declare const useSpacingBlueprintStore: () => {
1072
1072
  };
1073
1073
  elevation?: number;
1074
1074
  media?: {
1075
- type: "image" | "video";
1075
+ type: import("@omnia/fx-models").BackgroundMedia;
1076
1076
  src: string;
1077
1077
  };
1078
1078
  };
@@ -1080,23 +1080,23 @@ export declare const useSpacingBlueprintStore: () => {
1080
1080
  text?: {
1081
1081
  color?: string | {
1082
1082
  colors: (string | {
1083
- colorType: "container" | "base" | "onBase" | "onContainer";
1083
+ colorType: "base" | "onBase" | "container" | "onContainer";
1084
1084
  toned?: boolean;
1085
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1085
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1086
1086
  } | {
1087
1087
  color: string | {
1088
- colorType: "container" | "base" | "onBase" | "onContainer";
1088
+ colorType: "base" | "onBase" | "container" | "onContainer";
1089
1089
  toned?: boolean;
1090
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1090
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1091
1091
  };
1092
1092
  stop?: number;
1093
1093
  })[];
1094
1094
  acrylic?: boolean;
1095
1095
  opacity?: number;
1096
1096
  } | {
1097
- colorType: "container" | "base" | "onBase" | "onContainer";
1097
+ colorType: "base" | "onBase" | "container" | "onContainer";
1098
1098
  toned?: boolean;
1099
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1099
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1100
1100
  };
1101
1101
  typography?: {
1102
1102
  decoration?: string;
@@ -1123,23 +1123,23 @@ export declare const useSpacingBlueprintStore: () => {
1123
1123
  icon?: {
1124
1124
  color?: string | {
1125
1125
  colors: (string | {
1126
- colorType: "container" | "base" | "onBase" | "onContainer";
1126
+ colorType: "base" | "onBase" | "container" | "onContainer";
1127
1127
  toned?: boolean;
1128
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1128
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1129
1129
  } | {
1130
1130
  color: string | {
1131
- colorType: "container" | "base" | "onBase" | "onContainer";
1131
+ colorType: "base" | "onBase" | "container" | "onContainer";
1132
1132
  toned?: boolean;
1133
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1133
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1134
1134
  };
1135
1135
  stop?: number;
1136
1136
  })[];
1137
1137
  acrylic?: boolean;
1138
1138
  opacity?: number;
1139
1139
  } | {
1140
- colorType: "container" | "base" | "onBase" | "onContainer";
1140
+ colorType: "base" | "onBase" | "container" | "onContainer";
1141
1141
  toned?: boolean;
1142
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1142
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1143
1143
  };
1144
1144
  size?: number;
1145
1145
  };
@@ -1154,23 +1154,23 @@ export declare const useSpacingBlueprintStore: () => {
1154
1154
  background?: {
1155
1155
  fill?: string | {
1156
1156
  colors: (string | {
1157
- colorType: "container" | "base" | "onBase" | "onContainer";
1157
+ colorType: "base" | "onBase" | "container" | "onContainer";
1158
1158
  toned?: boolean;
1159
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1159
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1160
1160
  } | {
1161
1161
  color: string | {
1162
- colorType: "container" | "base" | "onBase" | "onContainer";
1162
+ colorType: "base" | "onBase" | "container" | "onContainer";
1163
1163
  toned?: boolean;
1164
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1164
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1165
1165
  };
1166
1166
  stop?: number;
1167
1167
  })[];
1168
1168
  acrylic?: boolean;
1169
1169
  opacity?: number;
1170
1170
  } | {
1171
- colorType: "container" | "base" | "onBase" | "onContainer";
1171
+ colorType: "base" | "onBase" | "container" | "onContainer";
1172
1172
  toned?: boolean;
1173
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1173
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1174
1174
  };
1175
1175
  border?: {
1176
1176
  radius?: {
@@ -1187,9 +1187,9 @@ export declare const useSpacingBlueprintStore: () => {
1187
1187
  };
1188
1188
  fill?: {
1189
1189
  colors: (string | {
1190
- colorType: "container" | "base" | "onBase" | "onContainer";
1190
+ colorType: "base" | "onBase" | "container" | "onContainer";
1191
1191
  toned?: boolean;
1192
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1192
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1193
1193
  } | {
1194
1194
  color: string | any;
1195
1195
  stop?: number;
@@ -1200,7 +1200,7 @@ export declare const useSpacingBlueprintStore: () => {
1200
1200
  };
1201
1201
  elevation?: number;
1202
1202
  media?: {
1203
- type: "image" | "video";
1203
+ type: import("@omnia/fx-models").BackgroundMedia;
1204
1204
  src: string;
1205
1205
  };
1206
1206
  };
@@ -1208,23 +1208,23 @@ export declare const useSpacingBlueprintStore: () => {
1208
1208
  text?: {
1209
1209
  color?: string | {
1210
1210
  colors: (string | {
1211
- colorType: "container" | "base" | "onBase" | "onContainer";
1211
+ colorType: "base" | "onBase" | "container" | "onContainer";
1212
1212
  toned?: boolean;
1213
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1213
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1214
1214
  } | {
1215
1215
  color: string | {
1216
- colorType: "container" | "base" | "onBase" | "onContainer";
1216
+ colorType: "base" | "onBase" | "container" | "onContainer";
1217
1217
  toned?: boolean;
1218
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1218
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1219
1219
  };
1220
1220
  stop?: number;
1221
1221
  })[];
1222
1222
  acrylic?: boolean;
1223
1223
  opacity?: number;
1224
1224
  } | {
1225
- colorType: "container" | "base" | "onBase" | "onContainer";
1225
+ colorType: "base" | "onBase" | "container" | "onContainer";
1226
1226
  toned?: boolean;
1227
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1227
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1228
1228
  };
1229
1229
  typography?: {
1230
1230
  decoration?: string;
@@ -1251,23 +1251,23 @@ export declare const useSpacingBlueprintStore: () => {
1251
1251
  icon?: {
1252
1252
  color?: string | {
1253
1253
  colors: (string | {
1254
- colorType: "container" | "base" | "onBase" | "onContainer";
1254
+ colorType: "base" | "onBase" | "container" | "onContainer";
1255
1255
  toned?: boolean;
1256
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1256
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1257
1257
  } | {
1258
1258
  color: string | {
1259
- colorType: "container" | "base" | "onBase" | "onContainer";
1259
+ colorType: "base" | "onBase" | "container" | "onContainer";
1260
1260
  toned?: boolean;
1261
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1261
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1262
1262
  };
1263
1263
  stop?: number;
1264
1264
  })[];
1265
1265
  acrylic?: boolean;
1266
1266
  opacity?: number;
1267
1267
  } | {
1268
- colorType: "container" | "base" | "onBase" | "onContainer";
1268
+ colorType: "base" | "onBase" | "container" | "onContainer";
1269
1269
  toned?: boolean;
1270
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1270
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1271
1271
  };
1272
1272
  size?: number;
1273
1273
  };
@@ -1282,23 +1282,23 @@ export declare const useSpacingBlueprintStore: () => {
1282
1282
  background?: {
1283
1283
  fill?: string | {
1284
1284
  colors: (string | {
1285
- colorType: "container" | "base" | "onBase" | "onContainer";
1285
+ colorType: "base" | "onBase" | "container" | "onContainer";
1286
1286
  toned?: boolean;
1287
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1287
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1288
1288
  } | {
1289
1289
  color: string | {
1290
- colorType: "container" | "base" | "onBase" | "onContainer";
1290
+ colorType: "base" | "onBase" | "container" | "onContainer";
1291
1291
  toned?: boolean;
1292
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1292
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1293
1293
  };
1294
1294
  stop?: number;
1295
1295
  })[];
1296
1296
  acrylic?: boolean;
1297
1297
  opacity?: number;
1298
1298
  } | {
1299
- colorType: "container" | "base" | "onBase" | "onContainer";
1299
+ colorType: "base" | "onBase" | "container" | "onContainer";
1300
1300
  toned?: boolean;
1301
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1301
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1302
1302
  };
1303
1303
  border?: {
1304
1304
  radius?: {
@@ -1315,9 +1315,9 @@ export declare const useSpacingBlueprintStore: () => {
1315
1315
  };
1316
1316
  fill?: {
1317
1317
  colors: (string | {
1318
- colorType: "container" | "base" | "onBase" | "onContainer";
1318
+ colorType: "base" | "onBase" | "container" | "onContainer";
1319
1319
  toned?: boolean;
1320
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1320
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1321
1321
  } | {
1322
1322
  color: string | any;
1323
1323
  stop?: number;
@@ -1328,7 +1328,7 @@ export declare const useSpacingBlueprintStore: () => {
1328
1328
  };
1329
1329
  elevation?: number;
1330
1330
  media?: {
1331
- type: "image" | "video";
1331
+ type: import("@omnia/fx-models").BackgroundMedia;
1332
1332
  src: string;
1333
1333
  };
1334
1334
  };
@@ -1336,23 +1336,23 @@ export declare const useSpacingBlueprintStore: () => {
1336
1336
  text?: {
1337
1337
  color?: string | {
1338
1338
  colors: (string | {
1339
- colorType: "container" | "base" | "onBase" | "onContainer";
1339
+ colorType: "base" | "onBase" | "container" | "onContainer";
1340
1340
  toned?: boolean;
1341
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1341
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1342
1342
  } | {
1343
1343
  color: string | {
1344
- colorType: "container" | "base" | "onBase" | "onContainer";
1344
+ colorType: "base" | "onBase" | "container" | "onContainer";
1345
1345
  toned?: boolean;
1346
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1346
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1347
1347
  };
1348
1348
  stop?: number;
1349
1349
  })[];
1350
1350
  acrylic?: boolean;
1351
1351
  opacity?: number;
1352
1352
  } | {
1353
- colorType: "container" | "base" | "onBase" | "onContainer";
1353
+ colorType: "base" | "onBase" | "container" | "onContainer";
1354
1354
  toned?: boolean;
1355
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1355
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1356
1356
  };
1357
1357
  typography?: {
1358
1358
  decoration?: string;
@@ -1379,23 +1379,23 @@ export declare const useSpacingBlueprintStore: () => {
1379
1379
  icon?: {
1380
1380
  color?: string | {
1381
1381
  colors: (string | {
1382
- colorType: "container" | "base" | "onBase" | "onContainer";
1382
+ colorType: "base" | "onBase" | "container" | "onContainer";
1383
1383
  toned?: boolean;
1384
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1384
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1385
1385
  } | {
1386
1386
  color: string | {
1387
- colorType: "container" | "base" | "onBase" | "onContainer";
1387
+ colorType: "base" | "onBase" | "container" | "onContainer";
1388
1388
  toned?: boolean;
1389
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1389
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1390
1390
  };
1391
1391
  stop?: number;
1392
1392
  })[];
1393
1393
  acrylic?: boolean;
1394
1394
  opacity?: number;
1395
1395
  } | {
1396
- colorType: "container" | "base" | "onBase" | "onContainer";
1396
+ colorType: "base" | "onBase" | "container" | "onContainer";
1397
1397
  toned?: boolean;
1398
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1398
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1399
1399
  };
1400
1400
  size?: number;
1401
1401
  };
@@ -1410,23 +1410,23 @@ export declare const useSpacingBlueprintStore: () => {
1410
1410
  background?: {
1411
1411
  fill?: string | {
1412
1412
  colors: (string | {
1413
- colorType: "container" | "base" | "onBase" | "onContainer";
1413
+ colorType: "base" | "onBase" | "container" | "onContainer";
1414
1414
  toned?: boolean;
1415
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1415
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1416
1416
  } | {
1417
1417
  color: string | {
1418
- colorType: "container" | "base" | "onBase" | "onContainer";
1418
+ colorType: "base" | "onBase" | "container" | "onContainer";
1419
1419
  toned?: boolean;
1420
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1420
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1421
1421
  };
1422
1422
  stop?: number;
1423
1423
  })[];
1424
1424
  acrylic?: boolean;
1425
1425
  opacity?: number;
1426
1426
  } | {
1427
- colorType: "container" | "base" | "onBase" | "onContainer";
1427
+ colorType: "base" | "onBase" | "container" | "onContainer";
1428
1428
  toned?: boolean;
1429
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1429
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1430
1430
  };
1431
1431
  border?: {
1432
1432
  radius?: {
@@ -1443,9 +1443,9 @@ export declare const useSpacingBlueprintStore: () => {
1443
1443
  };
1444
1444
  fill?: {
1445
1445
  colors: (string | {
1446
- colorType: "container" | "base" | "onBase" | "onContainer";
1446
+ colorType: "base" | "onBase" | "container" | "onContainer";
1447
1447
  toned?: boolean;
1448
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1448
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1449
1449
  } | {
1450
1450
  color: string | any;
1451
1451
  stop?: number;
@@ -1456,7 +1456,7 @@ export declare const useSpacingBlueprintStore: () => {
1456
1456
  };
1457
1457
  elevation?: number;
1458
1458
  media?: {
1459
- type: "image" | "video";
1459
+ type: import("@omnia/fx-models").BackgroundMedia;
1460
1460
  src: string;
1461
1461
  };
1462
1462
  };
@@ -1464,23 +1464,23 @@ export declare const useSpacingBlueprintStore: () => {
1464
1464
  text?: {
1465
1465
  color?: string | {
1466
1466
  colors: (string | {
1467
- colorType: "container" | "base" | "onBase" | "onContainer";
1467
+ colorType: "base" | "onBase" | "container" | "onContainer";
1468
1468
  toned?: boolean;
1469
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1469
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1470
1470
  } | {
1471
1471
  color: string | {
1472
- colorType: "container" | "base" | "onBase" | "onContainer";
1472
+ colorType: "base" | "onBase" | "container" | "onContainer";
1473
1473
  toned?: boolean;
1474
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1474
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1475
1475
  };
1476
1476
  stop?: number;
1477
1477
  })[];
1478
1478
  acrylic?: boolean;
1479
1479
  opacity?: number;
1480
1480
  } | {
1481
- colorType: "container" | "base" | "onBase" | "onContainer";
1481
+ colorType: "base" | "onBase" | "container" | "onContainer";
1482
1482
  toned?: boolean;
1483
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1483
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1484
1484
  };
1485
1485
  typography?: {
1486
1486
  decoration?: string;
@@ -1507,23 +1507,23 @@ export declare const useSpacingBlueprintStore: () => {
1507
1507
  icon?: {
1508
1508
  color?: string | {
1509
1509
  colors: (string | {
1510
- colorType: "container" | "base" | "onBase" | "onContainer";
1510
+ colorType: "base" | "onBase" | "container" | "onContainer";
1511
1511
  toned?: boolean;
1512
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1512
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1513
1513
  } | {
1514
1514
  color: string | {
1515
- colorType: "container" | "base" | "onBase" | "onContainer";
1515
+ colorType: "base" | "onBase" | "container" | "onContainer";
1516
1516
  toned?: boolean;
1517
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1517
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1518
1518
  };
1519
1519
  stop?: number;
1520
1520
  })[];
1521
1521
  acrylic?: boolean;
1522
1522
  opacity?: number;
1523
1523
  } | {
1524
- colorType: "container" | "base" | "onBase" | "onContainer";
1524
+ colorType: "base" | "onBase" | "container" | "onContainer";
1525
1525
  toned?: boolean;
1526
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1526
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1527
1527
  };
1528
1528
  size?: number;
1529
1529
  };
@@ -1538,23 +1538,23 @@ export declare const useSpacingBlueprintStore: () => {
1538
1538
  background?: {
1539
1539
  fill?: string | {
1540
1540
  colors: (string | {
1541
- colorType: "container" | "base" | "onBase" | "onContainer";
1541
+ colorType: "base" | "onBase" | "container" | "onContainer";
1542
1542
  toned?: boolean;
1543
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1543
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1544
1544
  } | {
1545
1545
  color: string | {
1546
- colorType: "container" | "base" | "onBase" | "onContainer";
1546
+ colorType: "base" | "onBase" | "container" | "onContainer";
1547
1547
  toned?: boolean;
1548
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1548
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1549
1549
  };
1550
1550
  stop?: number;
1551
1551
  })[];
1552
1552
  acrylic?: boolean;
1553
1553
  opacity?: number;
1554
1554
  } | {
1555
- colorType: "container" | "base" | "onBase" | "onContainer";
1555
+ colorType: "base" | "onBase" | "container" | "onContainer";
1556
1556
  toned?: boolean;
1557
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1557
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1558
1558
  };
1559
1559
  border?: {
1560
1560
  radius?: {
@@ -1571,9 +1571,9 @@ export declare const useSpacingBlueprintStore: () => {
1571
1571
  };
1572
1572
  fill?: {
1573
1573
  colors: (string | {
1574
- colorType: "container" | "base" | "onBase" | "onContainer";
1574
+ colorType: "base" | "onBase" | "container" | "onContainer";
1575
1575
  toned?: boolean;
1576
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1576
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1577
1577
  } | {
1578
1578
  color: string | any;
1579
1579
  stop?: number;
@@ -1584,7 +1584,7 @@ export declare const useSpacingBlueprintStore: () => {
1584
1584
  };
1585
1585
  elevation?: number;
1586
1586
  media?: {
1587
- type: "image" | "video";
1587
+ type: import("@omnia/fx-models").BackgroundMedia;
1588
1588
  src: string;
1589
1589
  };
1590
1590
  };
@@ -1592,23 +1592,23 @@ export declare const useSpacingBlueprintStore: () => {
1592
1592
  text?: {
1593
1593
  color?: string | {
1594
1594
  colors: (string | {
1595
- colorType: "container" | "base" | "onBase" | "onContainer";
1595
+ colorType: "base" | "onBase" | "container" | "onContainer";
1596
1596
  toned?: boolean;
1597
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1597
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1598
1598
  } | {
1599
1599
  color: string | {
1600
- colorType: "container" | "base" | "onBase" | "onContainer";
1600
+ colorType: "base" | "onBase" | "container" | "onContainer";
1601
1601
  toned?: boolean;
1602
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1602
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1603
1603
  };
1604
1604
  stop?: number;
1605
1605
  })[];
1606
1606
  acrylic?: boolean;
1607
1607
  opacity?: number;
1608
1608
  } | {
1609
- colorType: "container" | "base" | "onBase" | "onContainer";
1609
+ colorType: "base" | "onBase" | "container" | "onContainer";
1610
1610
  toned?: boolean;
1611
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1611
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1612
1612
  };
1613
1613
  typography?: {
1614
1614
  decoration?: string;
@@ -1635,23 +1635,23 @@ export declare const useSpacingBlueprintStore: () => {
1635
1635
  icon?: {
1636
1636
  color?: string | {
1637
1637
  colors: (string | {
1638
- colorType: "container" | "base" | "onBase" | "onContainer";
1638
+ colorType: "base" | "onBase" | "container" | "onContainer";
1639
1639
  toned?: boolean;
1640
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1640
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1641
1641
  } | {
1642
1642
  color: string | {
1643
- colorType: "container" | "base" | "onBase" | "onContainer";
1643
+ colorType: "base" | "onBase" | "container" | "onContainer";
1644
1644
  toned?: boolean;
1645
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1645
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1646
1646
  };
1647
1647
  stop?: number;
1648
1648
  })[];
1649
1649
  acrylic?: boolean;
1650
1650
  opacity?: number;
1651
1651
  } | {
1652
- colorType: "container" | "base" | "onBase" | "onContainer";
1652
+ colorType: "base" | "onBase" | "container" | "onContainer";
1653
1653
  toned?: boolean;
1654
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1654
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1655
1655
  };
1656
1656
  size?: number;
1657
1657
  };
@@ -1666,23 +1666,23 @@ export declare const useSpacingBlueprintStore: () => {
1666
1666
  background?: {
1667
1667
  fill?: string | {
1668
1668
  colors: (string | {
1669
- colorType: "container" | "base" | "onBase" | "onContainer";
1669
+ colorType: "base" | "onBase" | "container" | "onContainer";
1670
1670
  toned?: boolean;
1671
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1671
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1672
1672
  } | {
1673
1673
  color: string | {
1674
- colorType: "container" | "base" | "onBase" | "onContainer";
1674
+ colorType: "base" | "onBase" | "container" | "onContainer";
1675
1675
  toned?: boolean;
1676
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1676
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1677
1677
  };
1678
1678
  stop?: number;
1679
1679
  })[];
1680
1680
  acrylic?: boolean;
1681
1681
  opacity?: number;
1682
1682
  } | {
1683
- colorType: "container" | "base" | "onBase" | "onContainer";
1683
+ colorType: "base" | "onBase" | "container" | "onContainer";
1684
1684
  toned?: boolean;
1685
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1685
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1686
1686
  };
1687
1687
  border?: {
1688
1688
  radius?: {
@@ -1699,9 +1699,9 @@ export declare const useSpacingBlueprintStore: () => {
1699
1699
  };
1700
1700
  fill?: {
1701
1701
  colors: (string | {
1702
- colorType: "container" | "base" | "onBase" | "onContainer";
1702
+ colorType: "base" | "onBase" | "container" | "onContainer";
1703
1703
  toned?: boolean;
1704
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1704
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1705
1705
  } | {
1706
1706
  color: string | any;
1707
1707
  stop?: number;
@@ -1712,7 +1712,7 @@ export declare const useSpacingBlueprintStore: () => {
1712
1712
  };
1713
1713
  elevation?: number;
1714
1714
  media?: {
1715
- type: "image" | "video";
1715
+ type: import("@omnia/fx-models").BackgroundMedia;
1716
1716
  src: string;
1717
1717
  };
1718
1718
  };
@@ -1720,23 +1720,23 @@ export declare const useSpacingBlueprintStore: () => {
1720
1720
  text?: {
1721
1721
  color?: string | {
1722
1722
  colors: (string | {
1723
- colorType: "container" | "base" | "onBase" | "onContainer";
1723
+ colorType: "base" | "onBase" | "container" | "onContainer";
1724
1724
  toned?: boolean;
1725
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1725
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1726
1726
  } | {
1727
1727
  color: string | {
1728
- colorType: "container" | "base" | "onBase" | "onContainer";
1728
+ colorType: "base" | "onBase" | "container" | "onContainer";
1729
1729
  toned?: boolean;
1730
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1730
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1731
1731
  };
1732
1732
  stop?: number;
1733
1733
  })[];
1734
1734
  acrylic?: boolean;
1735
1735
  opacity?: number;
1736
1736
  } | {
1737
- colorType: "container" | "base" | "onBase" | "onContainer";
1737
+ colorType: "base" | "onBase" | "container" | "onContainer";
1738
1738
  toned?: boolean;
1739
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1739
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1740
1740
  };
1741
1741
  typography?: {
1742
1742
  decoration?: string;
@@ -1763,23 +1763,23 @@ export declare const useSpacingBlueprintStore: () => {
1763
1763
  icon?: {
1764
1764
  color?: string | {
1765
1765
  colors: (string | {
1766
- colorType: "container" | "base" | "onBase" | "onContainer";
1766
+ colorType: "base" | "onBase" | "container" | "onContainer";
1767
1767
  toned?: boolean;
1768
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1768
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1769
1769
  } | {
1770
1770
  color: string | {
1771
- colorType: "container" | "base" | "onBase" | "onContainer";
1771
+ colorType: "base" | "onBase" | "container" | "onContainer";
1772
1772
  toned?: boolean;
1773
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1773
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1774
1774
  };
1775
1775
  stop?: number;
1776
1776
  })[];
1777
1777
  acrylic?: boolean;
1778
1778
  opacity?: number;
1779
1779
  } | {
1780
- colorType: "container" | "base" | "onBase" | "onContainer";
1780
+ colorType: "base" | "onBase" | "container" | "onContainer";
1781
1781
  toned?: boolean;
1782
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1782
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1783
1783
  };
1784
1784
  size?: number;
1785
1785
  };
@@ -1794,23 +1794,23 @@ export declare const useSpacingBlueprintStore: () => {
1794
1794
  background?: {
1795
1795
  fill?: string | {
1796
1796
  colors: (string | {
1797
- colorType: "container" | "base" | "onBase" | "onContainer";
1797
+ colorType: "base" | "onBase" | "container" | "onContainer";
1798
1798
  toned?: boolean;
1799
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1799
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1800
1800
  } | {
1801
1801
  color: string | {
1802
- colorType: "container" | "base" | "onBase" | "onContainer";
1802
+ colorType: "base" | "onBase" | "container" | "onContainer";
1803
1803
  toned?: boolean;
1804
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1804
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1805
1805
  };
1806
1806
  stop?: number;
1807
1807
  })[];
1808
1808
  acrylic?: boolean;
1809
1809
  opacity?: number;
1810
1810
  } | {
1811
- colorType: "container" | "base" | "onBase" | "onContainer";
1811
+ colorType: "base" | "onBase" | "container" | "onContainer";
1812
1812
  toned?: boolean;
1813
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1813
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1814
1814
  };
1815
1815
  border?: {
1816
1816
  radius?: {
@@ -1827,9 +1827,9 @@ export declare const useSpacingBlueprintStore: () => {
1827
1827
  };
1828
1828
  fill?: {
1829
1829
  colors: (string | {
1830
- colorType: "container" | "base" | "onBase" | "onContainer";
1830
+ colorType: "base" | "onBase" | "container" | "onContainer";
1831
1831
  toned?: boolean;
1832
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1832
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1833
1833
  } | {
1834
1834
  color: string | any;
1835
1835
  stop?: number;
@@ -1840,7 +1840,7 @@ export declare const useSpacingBlueprintStore: () => {
1840
1840
  };
1841
1841
  elevation?: number;
1842
1842
  media?: {
1843
- type: "image" | "video";
1843
+ type: import("@omnia/fx-models").BackgroundMedia;
1844
1844
  src: string;
1845
1845
  };
1846
1846
  };
@@ -1848,23 +1848,23 @@ export declare const useSpacingBlueprintStore: () => {
1848
1848
  text?: {
1849
1849
  color?: string | {
1850
1850
  colors: (string | {
1851
- colorType: "container" | "base" | "onBase" | "onContainer";
1851
+ colorType: "base" | "onBase" | "container" | "onContainer";
1852
1852
  toned?: boolean;
1853
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1853
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1854
1854
  } | {
1855
1855
  color: string | {
1856
- colorType: "container" | "base" | "onBase" | "onContainer";
1856
+ colorType: "base" | "onBase" | "container" | "onContainer";
1857
1857
  toned?: boolean;
1858
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1858
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1859
1859
  };
1860
1860
  stop?: number;
1861
1861
  })[];
1862
1862
  acrylic?: boolean;
1863
1863
  opacity?: number;
1864
1864
  } | {
1865
- colorType: "container" | "base" | "onBase" | "onContainer";
1865
+ colorType: "base" | "onBase" | "container" | "onContainer";
1866
1866
  toned?: boolean;
1867
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1867
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1868
1868
  };
1869
1869
  typography?: {
1870
1870
  decoration?: string;
@@ -1891,23 +1891,23 @@ export declare const useSpacingBlueprintStore: () => {
1891
1891
  icon?: {
1892
1892
  color?: string | {
1893
1893
  colors: (string | {
1894
- colorType: "container" | "base" | "onBase" | "onContainer";
1894
+ colorType: "base" | "onBase" | "container" | "onContainer";
1895
1895
  toned?: boolean;
1896
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1896
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1897
1897
  } | {
1898
1898
  color: string | {
1899
- colorType: "container" | "base" | "onBase" | "onContainer";
1899
+ colorType: "base" | "onBase" | "container" | "onContainer";
1900
1900
  toned?: boolean;
1901
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1901
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1902
1902
  };
1903
1903
  stop?: number;
1904
1904
  })[];
1905
1905
  acrylic?: boolean;
1906
1906
  opacity?: number;
1907
1907
  } | {
1908
- colorType: "container" | "base" | "onBase" | "onContainer";
1908
+ colorType: "base" | "onBase" | "container" | "onContainer";
1909
1909
  toned?: boolean;
1910
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1910
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1911
1911
  };
1912
1912
  size?: number;
1913
1913
  };
@@ -1922,23 +1922,23 @@ export declare const useSpacingBlueprintStore: () => {
1922
1922
  background?: {
1923
1923
  fill?: string | {
1924
1924
  colors: (string | {
1925
- colorType: "container" | "base" | "onBase" | "onContainer";
1925
+ colorType: "base" | "onBase" | "container" | "onContainer";
1926
1926
  toned?: boolean;
1927
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1927
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1928
1928
  } | {
1929
1929
  color: string | {
1930
- colorType: "container" | "base" | "onBase" | "onContainer";
1930
+ colorType: "base" | "onBase" | "container" | "onContainer";
1931
1931
  toned?: boolean;
1932
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1932
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1933
1933
  };
1934
1934
  stop?: number;
1935
1935
  })[];
1936
1936
  acrylic?: boolean;
1937
1937
  opacity?: number;
1938
1938
  } | {
1939
- colorType: "container" | "base" | "onBase" | "onContainer";
1939
+ colorType: "base" | "onBase" | "container" | "onContainer";
1940
1940
  toned?: boolean;
1941
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1941
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1942
1942
  };
1943
1943
  border?: {
1944
1944
  radius?: {
@@ -1955,9 +1955,9 @@ export declare const useSpacingBlueprintStore: () => {
1955
1955
  };
1956
1956
  fill?: {
1957
1957
  colors: (string | {
1958
- colorType: "container" | "base" | "onBase" | "onContainer";
1958
+ colorType: "base" | "onBase" | "container" | "onContainer";
1959
1959
  toned?: boolean;
1960
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1960
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1961
1961
  } | {
1962
1962
  color: string | any;
1963
1963
  stop?: number;
@@ -1968,7 +1968,7 @@ export declare const useSpacingBlueprintStore: () => {
1968
1968
  };
1969
1969
  elevation?: number;
1970
1970
  media?: {
1971
- type: "image" | "video";
1971
+ type: import("@omnia/fx-models").BackgroundMedia;
1972
1972
  src: string;
1973
1973
  };
1974
1974
  };
@@ -1976,23 +1976,23 @@ export declare const useSpacingBlueprintStore: () => {
1976
1976
  text?: {
1977
1977
  color?: string | {
1978
1978
  colors: (string | {
1979
- colorType: "container" | "base" | "onBase" | "onContainer";
1979
+ colorType: "base" | "onBase" | "container" | "onContainer";
1980
1980
  toned?: boolean;
1981
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1981
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1982
1982
  } | {
1983
1983
  color: string | {
1984
- colorType: "container" | "base" | "onBase" | "onContainer";
1984
+ colorType: "base" | "onBase" | "container" | "onContainer";
1985
1985
  toned?: boolean;
1986
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1986
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1987
1987
  };
1988
1988
  stop?: number;
1989
1989
  })[];
1990
1990
  acrylic?: boolean;
1991
1991
  opacity?: number;
1992
1992
  } | {
1993
- colorType: "container" | "base" | "onBase" | "onContainer";
1993
+ colorType: "base" | "onBase" | "container" | "onContainer";
1994
1994
  toned?: boolean;
1995
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
1995
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1996
1996
  };
1997
1997
  typography?: {
1998
1998
  decoration?: string;
@@ -2019,23 +2019,23 @@ export declare const useSpacingBlueprintStore: () => {
2019
2019
  icon?: {
2020
2020
  color?: string | {
2021
2021
  colors: (string | {
2022
- colorType: "container" | "base" | "onBase" | "onContainer";
2022
+ colorType: "base" | "onBase" | "container" | "onContainer";
2023
2023
  toned?: boolean;
2024
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2024
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2025
2025
  } | {
2026
2026
  color: string | {
2027
- colorType: "container" | "base" | "onBase" | "onContainer";
2027
+ colorType: "base" | "onBase" | "container" | "onContainer";
2028
2028
  toned?: boolean;
2029
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2029
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2030
2030
  };
2031
2031
  stop?: number;
2032
2032
  })[];
2033
2033
  acrylic?: boolean;
2034
2034
  opacity?: number;
2035
2035
  } | {
2036
- colorType: "container" | "base" | "onBase" | "onContainer";
2036
+ colorType: "base" | "onBase" | "container" | "onContainer";
2037
2037
  toned?: boolean;
2038
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2038
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2039
2039
  };
2040
2040
  size?: number;
2041
2041
  };
@@ -2050,23 +2050,23 @@ export declare const useSpacingBlueprintStore: () => {
2050
2050
  background?: {
2051
2051
  fill?: string | {
2052
2052
  colors: (string | {
2053
- colorType: "container" | "base" | "onBase" | "onContainer";
2053
+ colorType: "base" | "onBase" | "container" | "onContainer";
2054
2054
  toned?: boolean;
2055
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2055
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2056
2056
  } | {
2057
2057
  color: string | {
2058
- colorType: "container" | "base" | "onBase" | "onContainer";
2058
+ colorType: "base" | "onBase" | "container" | "onContainer";
2059
2059
  toned?: boolean;
2060
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2060
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2061
2061
  };
2062
2062
  stop?: number;
2063
2063
  })[];
2064
2064
  acrylic?: boolean;
2065
2065
  opacity?: number;
2066
2066
  } | {
2067
- colorType: "container" | "base" | "onBase" | "onContainer";
2067
+ colorType: "base" | "onBase" | "container" | "onContainer";
2068
2068
  toned?: boolean;
2069
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2069
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2070
2070
  };
2071
2071
  border?: {
2072
2072
  radius?: {
@@ -2083,9 +2083,9 @@ export declare const useSpacingBlueprintStore: () => {
2083
2083
  };
2084
2084
  fill?: {
2085
2085
  colors: (string | {
2086
- colorType: "container" | "base" | "onBase" | "onContainer";
2086
+ colorType: "base" | "onBase" | "container" | "onContainer";
2087
2087
  toned?: boolean;
2088
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2088
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2089
2089
  } | {
2090
2090
  color: string | any;
2091
2091
  stop?: number;
@@ -2096,7 +2096,7 @@ export declare const useSpacingBlueprintStore: () => {
2096
2096
  };
2097
2097
  elevation?: number;
2098
2098
  media?: {
2099
- type: "image" | "video";
2099
+ type: import("@omnia/fx-models").BackgroundMedia;
2100
2100
  src: string;
2101
2101
  };
2102
2102
  };
@@ -2104,23 +2104,23 @@ export declare const useSpacingBlueprintStore: () => {
2104
2104
  text?: {
2105
2105
  color?: string | {
2106
2106
  colors: (string | {
2107
- colorType: "container" | "base" | "onBase" | "onContainer";
2107
+ colorType: "base" | "onBase" | "container" | "onContainer";
2108
2108
  toned?: boolean;
2109
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2109
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2110
2110
  } | {
2111
2111
  color: string | {
2112
- colorType: "container" | "base" | "onBase" | "onContainer";
2112
+ colorType: "base" | "onBase" | "container" | "onContainer";
2113
2113
  toned?: boolean;
2114
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2114
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2115
2115
  };
2116
2116
  stop?: number;
2117
2117
  })[];
2118
2118
  acrylic?: boolean;
2119
2119
  opacity?: number;
2120
2120
  } | {
2121
- colorType: "container" | "base" | "onBase" | "onContainer";
2121
+ colorType: "base" | "onBase" | "container" | "onContainer";
2122
2122
  toned?: boolean;
2123
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2123
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2124
2124
  };
2125
2125
  typography?: {
2126
2126
  decoration?: string;
@@ -2147,23 +2147,23 @@ export declare const useSpacingBlueprintStore: () => {
2147
2147
  icon?: {
2148
2148
  color?: string | {
2149
2149
  colors: (string | {
2150
- colorType: "container" | "base" | "onBase" | "onContainer";
2150
+ colorType: "base" | "onBase" | "container" | "onContainer";
2151
2151
  toned?: boolean;
2152
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2152
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2153
2153
  } | {
2154
2154
  color: string | {
2155
- colorType: "container" | "base" | "onBase" | "onContainer";
2155
+ colorType: "base" | "onBase" | "container" | "onContainer";
2156
2156
  toned?: boolean;
2157
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2157
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2158
2158
  };
2159
2159
  stop?: number;
2160
2160
  })[];
2161
2161
  acrylic?: boolean;
2162
2162
  opacity?: number;
2163
2163
  } | {
2164
- colorType: "container" | "base" | "onBase" | "onContainer";
2164
+ colorType: "base" | "onBase" | "container" | "onContainer";
2165
2165
  toned?: boolean;
2166
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2166
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2167
2167
  };
2168
2168
  size?: number;
2169
2169
  };
@@ -2180,23 +2180,23 @@ export declare const useSpacingBlueprintStore: () => {
2180
2180
  background?: {
2181
2181
  fill?: string | {
2182
2182
  colors: (string | {
2183
- colorType: "container" | "base" | "onBase" | "onContainer";
2183
+ colorType: "base" | "onBase" | "container" | "onContainer";
2184
2184
  toned?: boolean;
2185
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2185
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2186
2186
  } | {
2187
2187
  color: string | {
2188
- colorType: "container" | "base" | "onBase" | "onContainer";
2188
+ colorType: "base" | "onBase" | "container" | "onContainer";
2189
2189
  toned?: boolean;
2190
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2190
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2191
2191
  };
2192
2192
  stop?: number;
2193
2193
  })[];
2194
2194
  acrylic?: boolean;
2195
2195
  opacity?: number;
2196
2196
  } | {
2197
- colorType: "container" | "base" | "onBase" | "onContainer";
2197
+ colorType: "base" | "onBase" | "container" | "onContainer";
2198
2198
  toned?: boolean;
2199
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2199
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2200
2200
  };
2201
2201
  border?: {
2202
2202
  radius?: {
@@ -2213,9 +2213,9 @@ export declare const useSpacingBlueprintStore: () => {
2213
2213
  };
2214
2214
  fill?: {
2215
2215
  colors: (string | {
2216
- colorType: "container" | "base" | "onBase" | "onContainer";
2216
+ colorType: "base" | "onBase" | "container" | "onContainer";
2217
2217
  toned?: boolean;
2218
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2218
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2219
2219
  } | {
2220
2220
  color: string | any;
2221
2221
  stop?: number;
@@ -2226,7 +2226,7 @@ export declare const useSpacingBlueprintStore: () => {
2226
2226
  };
2227
2227
  elevation?: number;
2228
2228
  media?: {
2229
- type: "image" | "video";
2229
+ type: import("@omnia/fx-models").BackgroundMedia;
2230
2230
  src: string;
2231
2231
  };
2232
2232
  };
@@ -2234,23 +2234,23 @@ export declare const useSpacingBlueprintStore: () => {
2234
2234
  text?: {
2235
2235
  color?: string | {
2236
2236
  colors: (string | {
2237
- colorType: "container" | "base" | "onBase" | "onContainer";
2237
+ colorType: "base" | "onBase" | "container" | "onContainer";
2238
2238
  toned?: boolean;
2239
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2239
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2240
2240
  } | {
2241
2241
  color: string | {
2242
- colorType: "container" | "base" | "onBase" | "onContainer";
2242
+ colorType: "base" | "onBase" | "container" | "onContainer";
2243
2243
  toned?: boolean;
2244
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2244
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2245
2245
  };
2246
2246
  stop?: number;
2247
2247
  })[];
2248
2248
  acrylic?: boolean;
2249
2249
  opacity?: number;
2250
2250
  } | {
2251
- colorType: "container" | "base" | "onBase" | "onContainer";
2251
+ colorType: "base" | "onBase" | "container" | "onContainer";
2252
2252
  toned?: boolean;
2253
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2253
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2254
2254
  };
2255
2255
  typography?: {
2256
2256
  decoration?: string;
@@ -2277,23 +2277,23 @@ export declare const useSpacingBlueprintStore: () => {
2277
2277
  icon?: {
2278
2278
  color?: string | {
2279
2279
  colors: (string | {
2280
- colorType: "container" | "base" | "onBase" | "onContainer";
2280
+ colorType: "base" | "onBase" | "container" | "onContainer";
2281
2281
  toned?: boolean;
2282
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2282
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2283
2283
  } | {
2284
2284
  color: string | {
2285
- colorType: "container" | "base" | "onBase" | "onContainer";
2285
+ colorType: "base" | "onBase" | "container" | "onContainer";
2286
2286
  toned?: boolean;
2287
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2287
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2288
2288
  };
2289
2289
  stop?: number;
2290
2290
  })[];
2291
2291
  acrylic?: boolean;
2292
2292
  opacity?: number;
2293
2293
  } | {
2294
- colorType: "container" | "base" | "onBase" | "onContainer";
2294
+ colorType: "base" | "onBase" | "container" | "onContainer";
2295
2295
  toned?: boolean;
2296
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2296
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2297
2297
  };
2298
2298
  size?: number;
2299
2299
  };
@@ -2308,23 +2308,23 @@ export declare const useSpacingBlueprintStore: () => {
2308
2308
  background?: {
2309
2309
  fill?: string | {
2310
2310
  colors: (string | {
2311
- colorType: "container" | "base" | "onBase" | "onContainer";
2311
+ colorType: "base" | "onBase" | "container" | "onContainer";
2312
2312
  toned?: boolean;
2313
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2313
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2314
2314
  } | {
2315
2315
  color: string | {
2316
- colorType: "container" | "base" | "onBase" | "onContainer";
2316
+ colorType: "base" | "onBase" | "container" | "onContainer";
2317
2317
  toned?: boolean;
2318
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2318
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2319
2319
  };
2320
2320
  stop?: number;
2321
2321
  })[];
2322
2322
  acrylic?: boolean;
2323
2323
  opacity?: number;
2324
2324
  } | {
2325
- colorType: "container" | "base" | "onBase" | "onContainer";
2325
+ colorType: "base" | "onBase" | "container" | "onContainer";
2326
2326
  toned?: boolean;
2327
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2327
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2328
2328
  };
2329
2329
  border?: {
2330
2330
  radius?: {
@@ -2341,9 +2341,9 @@ export declare const useSpacingBlueprintStore: () => {
2341
2341
  };
2342
2342
  fill?: {
2343
2343
  colors: (string | {
2344
- colorType: "container" | "base" | "onBase" | "onContainer";
2344
+ colorType: "base" | "onBase" | "container" | "onContainer";
2345
2345
  toned?: boolean;
2346
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2346
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2347
2347
  } | {
2348
2348
  color: string | any;
2349
2349
  stop?: number;
@@ -2354,7 +2354,7 @@ export declare const useSpacingBlueprintStore: () => {
2354
2354
  };
2355
2355
  elevation?: number;
2356
2356
  media?: {
2357
- type: "image" | "video";
2357
+ type: import("@omnia/fx-models").BackgroundMedia;
2358
2358
  src: string;
2359
2359
  };
2360
2360
  };
@@ -2362,23 +2362,23 @@ export declare const useSpacingBlueprintStore: () => {
2362
2362
  text?: {
2363
2363
  color?: string | {
2364
2364
  colors: (string | {
2365
- colorType: "container" | "base" | "onBase" | "onContainer";
2365
+ colorType: "base" | "onBase" | "container" | "onContainer";
2366
2366
  toned?: boolean;
2367
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2367
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2368
2368
  } | {
2369
2369
  color: string | {
2370
- colorType: "container" | "base" | "onBase" | "onContainer";
2370
+ colorType: "base" | "onBase" | "container" | "onContainer";
2371
2371
  toned?: boolean;
2372
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2372
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2373
2373
  };
2374
2374
  stop?: number;
2375
2375
  })[];
2376
2376
  acrylic?: boolean;
2377
2377
  opacity?: number;
2378
2378
  } | {
2379
- colorType: "container" | "base" | "onBase" | "onContainer";
2379
+ colorType: "base" | "onBase" | "container" | "onContainer";
2380
2380
  toned?: boolean;
2381
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2381
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2382
2382
  };
2383
2383
  typography?: {
2384
2384
  decoration?: string;
@@ -2405,23 +2405,23 @@ export declare const useSpacingBlueprintStore: () => {
2405
2405
  icon?: {
2406
2406
  color?: string | {
2407
2407
  colors: (string | {
2408
- colorType: "container" | "base" | "onBase" | "onContainer";
2408
+ colorType: "base" | "onBase" | "container" | "onContainer";
2409
2409
  toned?: boolean;
2410
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2410
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2411
2411
  } | {
2412
2412
  color: string | {
2413
- colorType: "container" | "base" | "onBase" | "onContainer";
2413
+ colorType: "base" | "onBase" | "container" | "onContainer";
2414
2414
  toned?: boolean;
2415
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2415
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2416
2416
  };
2417
2417
  stop?: number;
2418
2418
  })[];
2419
2419
  acrylic?: boolean;
2420
2420
  opacity?: number;
2421
2421
  } | {
2422
- colorType: "container" | "base" | "onBase" | "onContainer";
2422
+ colorType: "base" | "onBase" | "container" | "onContainer";
2423
2423
  toned?: boolean;
2424
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2424
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2425
2425
  };
2426
2426
  size?: number;
2427
2427
  };
@@ -2436,23 +2436,23 @@ export declare const useSpacingBlueprintStore: () => {
2436
2436
  background?: {
2437
2437
  fill?: string | {
2438
2438
  colors: (string | {
2439
- colorType: "container" | "base" | "onBase" | "onContainer";
2439
+ colorType: "base" | "onBase" | "container" | "onContainer";
2440
2440
  toned?: boolean;
2441
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2441
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2442
2442
  } | {
2443
2443
  color: string | {
2444
- colorType: "container" | "base" | "onBase" | "onContainer";
2444
+ colorType: "base" | "onBase" | "container" | "onContainer";
2445
2445
  toned?: boolean;
2446
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2446
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2447
2447
  };
2448
2448
  stop?: number;
2449
2449
  })[];
2450
2450
  acrylic?: boolean;
2451
2451
  opacity?: number;
2452
2452
  } | {
2453
- colorType: "container" | "base" | "onBase" | "onContainer";
2453
+ colorType: "base" | "onBase" | "container" | "onContainer";
2454
2454
  toned?: boolean;
2455
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2455
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2456
2456
  };
2457
2457
  border?: {
2458
2458
  radius?: {
@@ -2469,9 +2469,9 @@ export declare const useSpacingBlueprintStore: () => {
2469
2469
  };
2470
2470
  fill?: {
2471
2471
  colors: (string | {
2472
- colorType: "container" | "base" | "onBase" | "onContainer";
2472
+ colorType: "base" | "onBase" | "container" | "onContainer";
2473
2473
  toned?: boolean;
2474
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2474
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2475
2475
  } | {
2476
2476
  color: string | any;
2477
2477
  stop?: number;
@@ -2482,7 +2482,7 @@ export declare const useSpacingBlueprintStore: () => {
2482
2482
  };
2483
2483
  elevation?: number;
2484
2484
  media?: {
2485
- type: "image" | "video";
2485
+ type: import("@omnia/fx-models").BackgroundMedia;
2486
2486
  src: string;
2487
2487
  };
2488
2488
  };
@@ -2490,23 +2490,23 @@ export declare const useSpacingBlueprintStore: () => {
2490
2490
  text?: {
2491
2491
  color?: string | {
2492
2492
  colors: (string | {
2493
- colorType: "container" | "base" | "onBase" | "onContainer";
2493
+ colorType: "base" | "onBase" | "container" | "onContainer";
2494
2494
  toned?: boolean;
2495
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2495
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2496
2496
  } | {
2497
2497
  color: string | {
2498
- colorType: "container" | "base" | "onBase" | "onContainer";
2498
+ colorType: "base" | "onBase" | "container" | "onContainer";
2499
2499
  toned?: boolean;
2500
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2500
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2501
2501
  };
2502
2502
  stop?: number;
2503
2503
  })[];
2504
2504
  acrylic?: boolean;
2505
2505
  opacity?: number;
2506
2506
  } | {
2507
- colorType: "container" | "base" | "onBase" | "onContainer";
2507
+ colorType: "base" | "onBase" | "container" | "onContainer";
2508
2508
  toned?: boolean;
2509
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2509
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2510
2510
  };
2511
2511
  typography?: {
2512
2512
  decoration?: string;
@@ -2533,23 +2533,23 @@ export declare const useSpacingBlueprintStore: () => {
2533
2533
  icon?: {
2534
2534
  color?: string | {
2535
2535
  colors: (string | {
2536
- colorType: "container" | "base" | "onBase" | "onContainer";
2536
+ colorType: "base" | "onBase" | "container" | "onContainer";
2537
2537
  toned?: boolean;
2538
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2538
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2539
2539
  } | {
2540
2540
  color: string | {
2541
- colorType: "container" | "base" | "onBase" | "onContainer";
2541
+ colorType: "base" | "onBase" | "container" | "onContainer";
2542
2542
  toned?: boolean;
2543
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2543
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2544
2544
  };
2545
2545
  stop?: number;
2546
2546
  })[];
2547
2547
  acrylic?: boolean;
2548
2548
  opacity?: number;
2549
2549
  } | {
2550
- colorType: "container" | "base" | "onBase" | "onContainer";
2550
+ colorType: "base" | "onBase" | "container" | "onContainer";
2551
2551
  toned?: boolean;
2552
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2552
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2553
2553
  };
2554
2554
  size?: number;
2555
2555
  };
@@ -2564,23 +2564,23 @@ export declare const useSpacingBlueprintStore: () => {
2564
2564
  background?: {
2565
2565
  fill?: string | {
2566
2566
  colors: (string | {
2567
- colorType: "container" | "base" | "onBase" | "onContainer";
2567
+ colorType: "base" | "onBase" | "container" | "onContainer";
2568
2568
  toned?: boolean;
2569
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2569
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2570
2570
  } | {
2571
2571
  color: string | {
2572
- colorType: "container" | "base" | "onBase" | "onContainer";
2572
+ colorType: "base" | "onBase" | "container" | "onContainer";
2573
2573
  toned?: boolean;
2574
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2574
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2575
2575
  };
2576
2576
  stop?: number;
2577
2577
  })[];
2578
2578
  acrylic?: boolean;
2579
2579
  opacity?: number;
2580
2580
  } | {
2581
- colorType: "container" | "base" | "onBase" | "onContainer";
2581
+ colorType: "base" | "onBase" | "container" | "onContainer";
2582
2582
  toned?: boolean;
2583
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2583
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2584
2584
  };
2585
2585
  border?: {
2586
2586
  radius?: {
@@ -2597,9 +2597,9 @@ export declare const useSpacingBlueprintStore: () => {
2597
2597
  };
2598
2598
  fill?: {
2599
2599
  colors: (string | {
2600
- colorType: "container" | "base" | "onBase" | "onContainer";
2600
+ colorType: "base" | "onBase" | "container" | "onContainer";
2601
2601
  toned?: boolean;
2602
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2602
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2603
2603
  } | {
2604
2604
  color: string | any;
2605
2605
  stop?: number;
@@ -2610,7 +2610,7 @@ export declare const useSpacingBlueprintStore: () => {
2610
2610
  };
2611
2611
  elevation?: number;
2612
2612
  media?: {
2613
- type: "image" | "video";
2613
+ type: import("@omnia/fx-models").BackgroundMedia;
2614
2614
  src: string;
2615
2615
  };
2616
2616
  };
@@ -2618,23 +2618,23 @@ export declare const useSpacingBlueprintStore: () => {
2618
2618
  text?: {
2619
2619
  color?: string | {
2620
2620
  colors: (string | {
2621
- colorType: "container" | "base" | "onBase" | "onContainer";
2621
+ colorType: "base" | "onBase" | "container" | "onContainer";
2622
2622
  toned?: boolean;
2623
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2623
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2624
2624
  } | {
2625
2625
  color: string | {
2626
- colorType: "container" | "base" | "onBase" | "onContainer";
2626
+ colorType: "base" | "onBase" | "container" | "onContainer";
2627
2627
  toned?: boolean;
2628
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2628
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2629
2629
  };
2630
2630
  stop?: number;
2631
2631
  })[];
2632
2632
  acrylic?: boolean;
2633
2633
  opacity?: number;
2634
2634
  } | {
2635
- colorType: "container" | "base" | "onBase" | "onContainer";
2635
+ colorType: "base" | "onBase" | "container" | "onContainer";
2636
2636
  toned?: boolean;
2637
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2637
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2638
2638
  };
2639
2639
  typography?: {
2640
2640
  decoration?: string;
@@ -2661,23 +2661,23 @@ export declare const useSpacingBlueprintStore: () => {
2661
2661
  icon?: {
2662
2662
  color?: string | {
2663
2663
  colors: (string | {
2664
- colorType: "container" | "base" | "onBase" | "onContainer";
2664
+ colorType: "base" | "onBase" | "container" | "onContainer";
2665
2665
  toned?: boolean;
2666
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2666
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2667
2667
  } | {
2668
2668
  color: string | {
2669
- colorType: "container" | "base" | "onBase" | "onContainer";
2669
+ colorType: "base" | "onBase" | "container" | "onContainer";
2670
2670
  toned?: boolean;
2671
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2671
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2672
2672
  };
2673
2673
  stop?: number;
2674
2674
  })[];
2675
2675
  acrylic?: boolean;
2676
2676
  opacity?: number;
2677
2677
  } | {
2678
- colorType: "container" | "base" | "onBase" | "onContainer";
2678
+ colorType: "base" | "onBase" | "container" | "onContainer";
2679
2679
  toned?: boolean;
2680
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2680
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2681
2681
  };
2682
2682
  size?: number;
2683
2683
  };
@@ -2692,23 +2692,23 @@ export declare const useSpacingBlueprintStore: () => {
2692
2692
  background?: {
2693
2693
  fill?: string | {
2694
2694
  colors: (string | {
2695
- colorType: "container" | "base" | "onBase" | "onContainer";
2695
+ colorType: "base" | "onBase" | "container" | "onContainer";
2696
2696
  toned?: boolean;
2697
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2697
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2698
2698
  } | {
2699
2699
  color: string | {
2700
- colorType: "container" | "base" | "onBase" | "onContainer";
2700
+ colorType: "base" | "onBase" | "container" | "onContainer";
2701
2701
  toned?: boolean;
2702
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2702
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2703
2703
  };
2704
2704
  stop?: number;
2705
2705
  })[];
2706
2706
  acrylic?: boolean;
2707
2707
  opacity?: number;
2708
2708
  } | {
2709
- colorType: "container" | "base" | "onBase" | "onContainer";
2709
+ colorType: "base" | "onBase" | "container" | "onContainer";
2710
2710
  toned?: boolean;
2711
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2711
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2712
2712
  };
2713
2713
  border?: {
2714
2714
  radius?: {
@@ -2725,9 +2725,9 @@ export declare const useSpacingBlueprintStore: () => {
2725
2725
  };
2726
2726
  fill?: {
2727
2727
  colors: (string | {
2728
- colorType: "container" | "base" | "onBase" | "onContainer";
2728
+ colorType: "base" | "onBase" | "container" | "onContainer";
2729
2729
  toned?: boolean;
2730
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2730
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2731
2731
  } | {
2732
2732
  color: string | any;
2733
2733
  stop?: number;
@@ -2738,7 +2738,7 @@ export declare const useSpacingBlueprintStore: () => {
2738
2738
  };
2739
2739
  elevation?: number;
2740
2740
  media?: {
2741
- type: "image" | "video";
2741
+ type: import("@omnia/fx-models").BackgroundMedia;
2742
2742
  src: string;
2743
2743
  };
2744
2744
  };
@@ -2746,23 +2746,23 @@ export declare const useSpacingBlueprintStore: () => {
2746
2746
  text?: {
2747
2747
  color?: string | {
2748
2748
  colors: (string | {
2749
- colorType: "container" | "base" | "onBase" | "onContainer";
2749
+ colorType: "base" | "onBase" | "container" | "onContainer";
2750
2750
  toned?: boolean;
2751
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2751
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2752
2752
  } | {
2753
2753
  color: string | {
2754
- colorType: "container" | "base" | "onBase" | "onContainer";
2754
+ colorType: "base" | "onBase" | "container" | "onContainer";
2755
2755
  toned?: boolean;
2756
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2756
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2757
2757
  };
2758
2758
  stop?: number;
2759
2759
  })[];
2760
2760
  acrylic?: boolean;
2761
2761
  opacity?: number;
2762
2762
  } | {
2763
- colorType: "container" | "base" | "onBase" | "onContainer";
2763
+ colorType: "base" | "onBase" | "container" | "onContainer";
2764
2764
  toned?: boolean;
2765
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2765
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2766
2766
  };
2767
2767
  typography?: {
2768
2768
  decoration?: string;
@@ -2789,23 +2789,23 @@ export declare const useSpacingBlueprintStore: () => {
2789
2789
  icon?: {
2790
2790
  color?: string | {
2791
2791
  colors: (string | {
2792
- colorType: "container" | "base" | "onBase" | "onContainer";
2792
+ colorType: "base" | "onBase" | "container" | "onContainer";
2793
2793
  toned?: boolean;
2794
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2794
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2795
2795
  } | {
2796
2796
  color: string | {
2797
- colorType: "container" | "base" | "onBase" | "onContainer";
2797
+ colorType: "base" | "onBase" | "container" | "onContainer";
2798
2798
  toned?: boolean;
2799
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2799
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2800
2800
  };
2801
2801
  stop?: number;
2802
2802
  })[];
2803
2803
  acrylic?: boolean;
2804
2804
  opacity?: number;
2805
2805
  } | {
2806
- colorType: "container" | "base" | "onBase" | "onContainer";
2806
+ colorType: "base" | "onBase" | "container" | "onContainer";
2807
2807
  toned?: boolean;
2808
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2808
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2809
2809
  };
2810
2810
  size?: number;
2811
2811
  };
@@ -2820,23 +2820,23 @@ export declare const useSpacingBlueprintStore: () => {
2820
2820
  background?: {
2821
2821
  fill?: string | {
2822
2822
  colors: (string | {
2823
- colorType: "container" | "base" | "onBase" | "onContainer";
2823
+ colorType: "base" | "onBase" | "container" | "onContainer";
2824
2824
  toned?: boolean;
2825
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2825
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2826
2826
  } | {
2827
2827
  color: string | {
2828
- colorType: "container" | "base" | "onBase" | "onContainer";
2828
+ colorType: "base" | "onBase" | "container" | "onContainer";
2829
2829
  toned?: boolean;
2830
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2830
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2831
2831
  };
2832
2832
  stop?: number;
2833
2833
  })[];
2834
2834
  acrylic?: boolean;
2835
2835
  opacity?: number;
2836
2836
  } | {
2837
- colorType: "container" | "base" | "onBase" | "onContainer";
2837
+ colorType: "base" | "onBase" | "container" | "onContainer";
2838
2838
  toned?: boolean;
2839
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2839
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2840
2840
  };
2841
2841
  border?: {
2842
2842
  radius?: {
@@ -2853,9 +2853,9 @@ export declare const useSpacingBlueprintStore: () => {
2853
2853
  };
2854
2854
  fill?: {
2855
2855
  colors: (string | {
2856
- colorType: "container" | "base" | "onBase" | "onContainer";
2856
+ colorType: "base" | "onBase" | "container" | "onContainer";
2857
2857
  toned?: boolean;
2858
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2858
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2859
2859
  } | {
2860
2860
  color: string | any;
2861
2861
  stop?: number;
@@ -2866,7 +2866,7 @@ export declare const useSpacingBlueprintStore: () => {
2866
2866
  };
2867
2867
  elevation?: number;
2868
2868
  media?: {
2869
- type: "image" | "video";
2869
+ type: import("@omnia/fx-models").BackgroundMedia;
2870
2870
  src: string;
2871
2871
  };
2872
2872
  };
@@ -2874,23 +2874,23 @@ export declare const useSpacingBlueprintStore: () => {
2874
2874
  text?: {
2875
2875
  color?: string | {
2876
2876
  colors: (string | {
2877
- colorType: "container" | "base" | "onBase" | "onContainer";
2877
+ colorType: "base" | "onBase" | "container" | "onContainer";
2878
2878
  toned?: boolean;
2879
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2879
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2880
2880
  } | {
2881
2881
  color: string | {
2882
- colorType: "container" | "base" | "onBase" | "onContainer";
2882
+ colorType: "base" | "onBase" | "container" | "onContainer";
2883
2883
  toned?: boolean;
2884
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2884
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2885
2885
  };
2886
2886
  stop?: number;
2887
2887
  })[];
2888
2888
  acrylic?: boolean;
2889
2889
  opacity?: number;
2890
2890
  } | {
2891
- colorType: "container" | "base" | "onBase" | "onContainer";
2891
+ colorType: "base" | "onBase" | "container" | "onContainer";
2892
2892
  toned?: boolean;
2893
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2893
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2894
2894
  };
2895
2895
  typography?: {
2896
2896
  decoration?: string;
@@ -2917,23 +2917,23 @@ export declare const useSpacingBlueprintStore: () => {
2917
2917
  icon?: {
2918
2918
  color?: string | {
2919
2919
  colors: (string | {
2920
- colorType: "container" | "base" | "onBase" | "onContainer";
2920
+ colorType: "base" | "onBase" | "container" | "onContainer";
2921
2921
  toned?: boolean;
2922
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2922
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2923
2923
  } | {
2924
2924
  color: string | {
2925
- colorType: "container" | "base" | "onBase" | "onContainer";
2925
+ colorType: "base" | "onBase" | "container" | "onContainer";
2926
2926
  toned?: boolean;
2927
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2927
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2928
2928
  };
2929
2929
  stop?: number;
2930
2930
  })[];
2931
2931
  acrylic?: boolean;
2932
2932
  opacity?: number;
2933
2933
  } | {
2934
- colorType: "container" | "base" | "onBase" | "onContainer";
2934
+ colorType: "base" | "onBase" | "container" | "onContainer";
2935
2935
  toned?: boolean;
2936
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2936
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2937
2937
  };
2938
2938
  size?: number;
2939
2939
  };
@@ -2948,23 +2948,23 @@ export declare const useSpacingBlueprintStore: () => {
2948
2948
  background?: {
2949
2949
  fill?: string | {
2950
2950
  colors: (string | {
2951
- colorType: "container" | "base" | "onBase" | "onContainer";
2951
+ colorType: "base" | "onBase" | "container" | "onContainer";
2952
2952
  toned?: boolean;
2953
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2953
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2954
2954
  } | {
2955
2955
  color: string | {
2956
- colorType: "container" | "base" | "onBase" | "onContainer";
2956
+ colorType: "base" | "onBase" | "container" | "onContainer";
2957
2957
  toned?: boolean;
2958
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2958
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2959
2959
  };
2960
2960
  stop?: number;
2961
2961
  })[];
2962
2962
  acrylic?: boolean;
2963
2963
  opacity?: number;
2964
2964
  } | {
2965
- colorType: "container" | "base" | "onBase" | "onContainer";
2965
+ colorType: "base" | "onBase" | "container" | "onContainer";
2966
2966
  toned?: boolean;
2967
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2967
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2968
2968
  };
2969
2969
  border?: {
2970
2970
  radius?: {
@@ -2981,9 +2981,9 @@ export declare const useSpacingBlueprintStore: () => {
2981
2981
  };
2982
2982
  fill?: {
2983
2983
  colors: (string | {
2984
- colorType: "container" | "base" | "onBase" | "onContainer";
2984
+ colorType: "base" | "onBase" | "container" | "onContainer";
2985
2985
  toned?: boolean;
2986
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
2986
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2987
2987
  } | {
2988
2988
  color: string | any;
2989
2989
  stop?: number;
@@ -2994,7 +2994,7 @@ export declare const useSpacingBlueprintStore: () => {
2994
2994
  };
2995
2995
  elevation?: number;
2996
2996
  media?: {
2997
- type: "image" | "video";
2997
+ type: import("@omnia/fx-models").BackgroundMedia;
2998
2998
  src: string;
2999
2999
  };
3000
3000
  };
@@ -3002,23 +3002,23 @@ export declare const useSpacingBlueprintStore: () => {
3002
3002
  text?: {
3003
3003
  color?: string | {
3004
3004
  colors: (string | {
3005
- colorType: "container" | "base" | "onBase" | "onContainer";
3005
+ colorType: "base" | "onBase" | "container" | "onContainer";
3006
3006
  toned?: boolean;
3007
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3007
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3008
3008
  } | {
3009
3009
  color: string | {
3010
- colorType: "container" | "base" | "onBase" | "onContainer";
3010
+ colorType: "base" | "onBase" | "container" | "onContainer";
3011
3011
  toned?: boolean;
3012
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3012
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3013
3013
  };
3014
3014
  stop?: number;
3015
3015
  })[];
3016
3016
  acrylic?: boolean;
3017
3017
  opacity?: number;
3018
3018
  } | {
3019
- colorType: "container" | "base" | "onBase" | "onContainer";
3019
+ colorType: "base" | "onBase" | "container" | "onContainer";
3020
3020
  toned?: boolean;
3021
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3021
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3022
3022
  };
3023
3023
  typography?: {
3024
3024
  decoration?: string;
@@ -3045,23 +3045,23 @@ export declare const useSpacingBlueprintStore: () => {
3045
3045
  icon?: {
3046
3046
  color?: string | {
3047
3047
  colors: (string | {
3048
- colorType: "container" | "base" | "onBase" | "onContainer";
3048
+ colorType: "base" | "onBase" | "container" | "onContainer";
3049
3049
  toned?: boolean;
3050
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3050
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3051
3051
  } | {
3052
3052
  color: string | {
3053
- colorType: "container" | "base" | "onBase" | "onContainer";
3053
+ colorType: "base" | "onBase" | "container" | "onContainer";
3054
3054
  toned?: boolean;
3055
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3055
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3056
3056
  };
3057
3057
  stop?: number;
3058
3058
  })[];
3059
3059
  acrylic?: boolean;
3060
3060
  opacity?: number;
3061
3061
  } | {
3062
- colorType: "container" | "base" | "onBase" | "onContainer";
3062
+ colorType: "base" | "onBase" | "container" | "onContainer";
3063
3063
  toned?: boolean;
3064
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3064
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3065
3065
  };
3066
3066
  size?: number;
3067
3067
  };
@@ -3076,23 +3076,23 @@ export declare const useSpacingBlueprintStore: () => {
3076
3076
  background?: {
3077
3077
  fill?: string | {
3078
3078
  colors: (string | {
3079
- colorType: "container" | "base" | "onBase" | "onContainer";
3079
+ colorType: "base" | "onBase" | "container" | "onContainer";
3080
3080
  toned?: boolean;
3081
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3081
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3082
3082
  } | {
3083
3083
  color: string | {
3084
- colorType: "container" | "base" | "onBase" | "onContainer";
3084
+ colorType: "base" | "onBase" | "container" | "onContainer";
3085
3085
  toned?: boolean;
3086
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3086
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3087
3087
  };
3088
3088
  stop?: number;
3089
3089
  })[];
3090
3090
  acrylic?: boolean;
3091
3091
  opacity?: number;
3092
3092
  } | {
3093
- colorType: "container" | "base" | "onBase" | "onContainer";
3093
+ colorType: "base" | "onBase" | "container" | "onContainer";
3094
3094
  toned?: boolean;
3095
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3095
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3096
3096
  };
3097
3097
  border?: {
3098
3098
  radius?: {
@@ -3109,9 +3109,9 @@ export declare const useSpacingBlueprintStore: () => {
3109
3109
  };
3110
3110
  fill?: {
3111
3111
  colors: (string | {
3112
- colorType: "container" | "base" | "onBase" | "onContainer";
3112
+ colorType: "base" | "onBase" | "container" | "onContainer";
3113
3113
  toned?: boolean;
3114
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3114
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3115
3115
  } | {
3116
3116
  color: string | any;
3117
3117
  stop?: number;
@@ -3122,7 +3122,7 @@ export declare const useSpacingBlueprintStore: () => {
3122
3122
  };
3123
3123
  elevation?: number;
3124
3124
  media?: {
3125
- type: "image" | "video";
3125
+ type: import("@omnia/fx-models").BackgroundMedia;
3126
3126
  src: string;
3127
3127
  };
3128
3128
  };
@@ -3130,23 +3130,23 @@ export declare const useSpacingBlueprintStore: () => {
3130
3130
  text?: {
3131
3131
  color?: string | {
3132
3132
  colors: (string | {
3133
- colorType: "container" | "base" | "onBase" | "onContainer";
3133
+ colorType: "base" | "onBase" | "container" | "onContainer";
3134
3134
  toned?: boolean;
3135
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3135
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3136
3136
  } | {
3137
3137
  color: string | {
3138
- colorType: "container" | "base" | "onBase" | "onContainer";
3138
+ colorType: "base" | "onBase" | "container" | "onContainer";
3139
3139
  toned?: boolean;
3140
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3140
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3141
3141
  };
3142
3142
  stop?: number;
3143
3143
  })[];
3144
3144
  acrylic?: boolean;
3145
3145
  opacity?: number;
3146
3146
  } | {
3147
- colorType: "container" | "base" | "onBase" | "onContainer";
3147
+ colorType: "base" | "onBase" | "container" | "onContainer";
3148
3148
  toned?: boolean;
3149
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3149
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3150
3150
  };
3151
3151
  typography?: {
3152
3152
  decoration?: string;
@@ -3173,23 +3173,23 @@ export declare const useSpacingBlueprintStore: () => {
3173
3173
  icon?: {
3174
3174
  color?: string | {
3175
3175
  colors: (string | {
3176
- colorType: "container" | "base" | "onBase" | "onContainer";
3176
+ colorType: "base" | "onBase" | "container" | "onContainer";
3177
3177
  toned?: boolean;
3178
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3178
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3179
3179
  } | {
3180
3180
  color: string | {
3181
- colorType: "container" | "base" | "onBase" | "onContainer";
3181
+ colorType: "base" | "onBase" | "container" | "onContainer";
3182
3182
  toned?: boolean;
3183
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3183
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3184
3184
  };
3185
3185
  stop?: number;
3186
3186
  })[];
3187
3187
  acrylic?: boolean;
3188
3188
  opacity?: number;
3189
3189
  } | {
3190
- colorType: "container" | "base" | "onBase" | "onContainer";
3190
+ colorType: "base" | "onBase" | "container" | "onContainer";
3191
3191
  toned?: boolean;
3192
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3192
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3193
3193
  };
3194
3194
  size?: number;
3195
3195
  };
@@ -3204,23 +3204,23 @@ export declare const useSpacingBlueprintStore: () => {
3204
3204
  background?: {
3205
3205
  fill?: string | {
3206
3206
  colors: (string | {
3207
- colorType: "container" | "base" | "onBase" | "onContainer";
3207
+ colorType: "base" | "onBase" | "container" | "onContainer";
3208
3208
  toned?: boolean;
3209
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3209
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3210
3210
  } | {
3211
3211
  color: string | {
3212
- colorType: "container" | "base" | "onBase" | "onContainer";
3212
+ colorType: "base" | "onBase" | "container" | "onContainer";
3213
3213
  toned?: boolean;
3214
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3214
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3215
3215
  };
3216
3216
  stop?: number;
3217
3217
  })[];
3218
3218
  acrylic?: boolean;
3219
3219
  opacity?: number;
3220
3220
  } | {
3221
- colorType: "container" | "base" | "onBase" | "onContainer";
3221
+ colorType: "base" | "onBase" | "container" | "onContainer";
3222
3222
  toned?: boolean;
3223
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3223
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3224
3224
  };
3225
3225
  border?: {
3226
3226
  radius?: {
@@ -3237,9 +3237,9 @@ export declare const useSpacingBlueprintStore: () => {
3237
3237
  };
3238
3238
  fill?: {
3239
3239
  colors: (string | {
3240
- colorType: "container" | "base" | "onBase" | "onContainer";
3240
+ colorType: "base" | "onBase" | "container" | "onContainer";
3241
3241
  toned?: boolean;
3242
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3242
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3243
3243
  } | {
3244
3244
  color: string | any;
3245
3245
  stop?: number;
@@ -3250,7 +3250,7 @@ export declare const useSpacingBlueprintStore: () => {
3250
3250
  };
3251
3251
  elevation?: number;
3252
3252
  media?: {
3253
- type: "image" | "video";
3253
+ type: import("@omnia/fx-models").BackgroundMedia;
3254
3254
  src: string;
3255
3255
  };
3256
3256
  };
@@ -3258,23 +3258,23 @@ export declare const useSpacingBlueprintStore: () => {
3258
3258
  text?: {
3259
3259
  color?: string | {
3260
3260
  colors: (string | {
3261
- colorType: "container" | "base" | "onBase" | "onContainer";
3261
+ colorType: "base" | "onBase" | "container" | "onContainer";
3262
3262
  toned?: boolean;
3263
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3263
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3264
3264
  } | {
3265
3265
  color: string | {
3266
- colorType: "container" | "base" | "onBase" | "onContainer";
3266
+ colorType: "base" | "onBase" | "container" | "onContainer";
3267
3267
  toned?: boolean;
3268
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3268
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3269
3269
  };
3270
3270
  stop?: number;
3271
3271
  })[];
3272
3272
  acrylic?: boolean;
3273
3273
  opacity?: number;
3274
3274
  } | {
3275
- colorType: "container" | "base" | "onBase" | "onContainer";
3275
+ colorType: "base" | "onBase" | "container" | "onContainer";
3276
3276
  toned?: boolean;
3277
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3277
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3278
3278
  };
3279
3279
  typography?: {
3280
3280
  decoration?: string;
@@ -3301,23 +3301,23 @@ export declare const useSpacingBlueprintStore: () => {
3301
3301
  icon?: {
3302
3302
  color?: string | {
3303
3303
  colors: (string | {
3304
- colorType: "container" | "base" | "onBase" | "onContainer";
3304
+ colorType: "base" | "onBase" | "container" | "onContainer";
3305
3305
  toned?: boolean;
3306
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3306
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3307
3307
  } | {
3308
3308
  color: string | {
3309
- colorType: "container" | "base" | "onBase" | "onContainer";
3309
+ colorType: "base" | "onBase" | "container" | "onContainer";
3310
3310
  toned?: boolean;
3311
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3311
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3312
3312
  };
3313
3313
  stop?: number;
3314
3314
  })[];
3315
3315
  acrylic?: boolean;
3316
3316
  opacity?: number;
3317
3317
  } | {
3318
- colorType: "container" | "base" | "onBase" | "onContainer";
3318
+ colorType: "base" | "onBase" | "container" | "onContainer";
3319
3319
  toned?: boolean;
3320
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3320
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3321
3321
  };
3322
3322
  size?: number;
3323
3323
  };
@@ -3330,23 +3330,23 @@ export declare const useSpacingBlueprintStore: () => {
3330
3330
  background?: {
3331
3331
  fill?: string | {
3332
3332
  colors: (string | {
3333
- colorType: "container" | "base" | "onBase" | "onContainer";
3333
+ colorType: "base" | "onBase" | "container" | "onContainer";
3334
3334
  toned?: boolean;
3335
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3335
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3336
3336
  } | {
3337
3337
  color: string | {
3338
- colorType: "container" | "base" | "onBase" | "onContainer";
3338
+ colorType: "base" | "onBase" | "container" | "onContainer";
3339
3339
  toned?: boolean;
3340
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3340
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3341
3341
  };
3342
3342
  stop?: number;
3343
3343
  })[];
3344
3344
  acrylic?: boolean;
3345
3345
  opacity?: number;
3346
3346
  } | {
3347
- colorType: "container" | "base" | "onBase" | "onContainer";
3347
+ colorType: "base" | "onBase" | "container" | "onContainer";
3348
3348
  toned?: boolean;
3349
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3349
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3350
3350
  };
3351
3351
  border?: {
3352
3352
  radius?: {
@@ -3363,14 +3363,14 @@ export declare const useSpacingBlueprintStore: () => {
3363
3363
  };
3364
3364
  fill?: {
3365
3365
  colors: (string | {
3366
- colorType: "container" | "base" | "onBase" | "onContainer";
3366
+ colorType: "base" | "onBase" | "container" | "onContainer";
3367
3367
  toned?: boolean;
3368
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3368
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3369
3369
  } | {
3370
3370
  color: string | {
3371
- colorType: "container" | "base" | "onBase" | "onContainer";
3371
+ colorType: "base" | "onBase" | "container" | "onContainer";
3372
3372
  toned?: boolean;
3373
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3373
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3374
3374
  };
3375
3375
  stop?: number;
3376
3376
  })[];
@@ -3380,7 +3380,7 @@ export declare const useSpacingBlueprintStore: () => {
3380
3380
  };
3381
3381
  elevation?: number;
3382
3382
  media?: {
3383
- type: "image" | "video";
3383
+ type: import("@omnia/fx-models").BackgroundMedia;
3384
3384
  src: string;
3385
3385
  };
3386
3386
  };
@@ -3404,30 +3404,30 @@ export declare const useSpacingBlueprintStore: () => {
3404
3404
  minWidth?: number;
3405
3405
  alignment?: "start" | "center" | "end";
3406
3406
  sliderColor?: string | {
3407
- colorType: "container" | "base" | "onBase" | "onContainer";
3407
+ colorType: "base" | "onBase" | "container" | "onContainer";
3408
3408
  toned?: boolean;
3409
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3409
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3410
3410
  };
3411
3411
  text?: {
3412
3412
  color?: string | {
3413
3413
  colors: (string | {
3414
- colorType: "container" | "base" | "onBase" | "onContainer";
3414
+ colorType: "base" | "onBase" | "container" | "onContainer";
3415
3415
  toned?: boolean;
3416
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3416
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3417
3417
  } | {
3418
3418
  color: string | {
3419
- colorType: "container" | "base" | "onBase" | "onContainer";
3419
+ colorType: "base" | "onBase" | "container" | "onContainer";
3420
3420
  toned?: boolean;
3421
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3421
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3422
3422
  };
3423
3423
  stop?: number;
3424
3424
  })[];
3425
3425
  acrylic?: boolean;
3426
3426
  opacity?: number;
3427
3427
  } | {
3428
- colorType: "container" | "base" | "onBase" | "onContainer";
3428
+ colorType: "base" | "onBase" | "container" | "onContainer";
3429
3429
  toned?: boolean;
3430
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3430
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3431
3431
  };
3432
3432
  typography?: {
3433
3433
  decoration?: string;
@@ -3454,23 +3454,23 @@ export declare const useSpacingBlueprintStore: () => {
3454
3454
  icon?: {
3455
3455
  color?: string | {
3456
3456
  colors: (string | {
3457
- colorType: "container" | "base" | "onBase" | "onContainer";
3457
+ colorType: "base" | "onBase" | "container" | "onContainer";
3458
3458
  toned?: boolean;
3459
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3459
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3460
3460
  } | {
3461
3461
  color: string | {
3462
- colorType: "container" | "base" | "onBase" | "onContainer";
3462
+ colorType: "base" | "onBase" | "container" | "onContainer";
3463
3463
  toned?: boolean;
3464
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3464
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3465
3465
  };
3466
3466
  stop?: number;
3467
3467
  })[];
3468
3468
  acrylic?: boolean;
3469
3469
  opacity?: number;
3470
3470
  } | {
3471
- colorType: "container" | "base" | "onBase" | "onContainer";
3471
+ colorType: "base" | "onBase" | "container" | "onContainer";
3472
3472
  toned?: boolean;
3473
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3473
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3474
3474
  };
3475
3475
  size?: number;
3476
3476
  };
@@ -3484,23 +3484,23 @@ export declare const useSpacingBlueprintStore: () => {
3484
3484
  background?: {
3485
3485
  fill?: string | {
3486
3486
  colors: (string | {
3487
- colorType: "container" | "base" | "onBase" | "onContainer";
3487
+ colorType: "base" | "onBase" | "container" | "onContainer";
3488
3488
  toned?: boolean;
3489
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3489
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3490
3490
  } | {
3491
3491
  color: string | {
3492
- colorType: "container" | "base" | "onBase" | "onContainer";
3492
+ colorType: "base" | "onBase" | "container" | "onContainer";
3493
3493
  toned?: boolean;
3494
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3494
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3495
3495
  };
3496
3496
  stop?: number;
3497
3497
  })[];
3498
3498
  acrylic?: boolean;
3499
3499
  opacity?: number;
3500
3500
  } | {
3501
- colorType: "container" | "base" | "onBase" | "onContainer";
3501
+ colorType: "base" | "onBase" | "container" | "onContainer";
3502
3502
  toned?: boolean;
3503
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3503
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3504
3504
  };
3505
3505
  border?: {
3506
3506
  radius?: {
@@ -3517,9 +3517,9 @@ export declare const useSpacingBlueprintStore: () => {
3517
3517
  };
3518
3518
  fill?: {
3519
3519
  colors: (string | {
3520
- colorType: "container" | "base" | "onBase" | "onContainer";
3520
+ colorType: "base" | "onBase" | "container" | "onContainer";
3521
3521
  toned?: boolean;
3522
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3522
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3523
3523
  } | {
3524
3524
  color: string | any;
3525
3525
  stop?: number;
@@ -3530,30 +3530,30 @@ export declare const useSpacingBlueprintStore: () => {
3530
3530
  };
3531
3531
  elevation?: number;
3532
3532
  media?: {
3533
- type: "image" | "video";
3533
+ type: import("@omnia/fx-models").BackgroundMedia;
3534
3534
  src: string;
3535
3535
  };
3536
3536
  };
3537
3537
  text?: {
3538
3538
  color?: string | {
3539
3539
  colors: (string | {
3540
- colorType: "container" | "base" | "onBase" | "onContainer";
3540
+ colorType: "base" | "onBase" | "container" | "onContainer";
3541
3541
  toned?: boolean;
3542
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3542
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3543
3543
  } | {
3544
3544
  color: string | {
3545
- colorType: "container" | "base" | "onBase" | "onContainer";
3545
+ colorType: "base" | "onBase" | "container" | "onContainer";
3546
3546
  toned?: boolean;
3547
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3547
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3548
3548
  };
3549
3549
  stop?: number;
3550
3550
  })[];
3551
3551
  acrylic?: boolean;
3552
3552
  opacity?: number;
3553
3553
  } | {
3554
- colorType: "container" | "base" | "onBase" | "onContainer";
3554
+ colorType: "base" | "onBase" | "container" | "onContainer";
3555
3555
  toned?: boolean;
3556
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3556
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3557
3557
  };
3558
3558
  typography?: {
3559
3559
  decoration?: string;
@@ -3580,23 +3580,23 @@ export declare const useSpacingBlueprintStore: () => {
3580
3580
  icon?: {
3581
3581
  color?: string | {
3582
3582
  colors: (string | {
3583
- colorType: "container" | "base" | "onBase" | "onContainer";
3583
+ colorType: "base" | "onBase" | "container" | "onContainer";
3584
3584
  toned?: boolean;
3585
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3585
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3586
3586
  } | {
3587
3587
  color: string | {
3588
- colorType: "container" | "base" | "onBase" | "onContainer";
3588
+ colorType: "base" | "onBase" | "container" | "onContainer";
3589
3589
  toned?: boolean;
3590
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3590
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3591
3591
  };
3592
3592
  stop?: number;
3593
3593
  })[];
3594
3594
  acrylic?: boolean;
3595
3595
  opacity?: number;
3596
3596
  } | {
3597
- colorType: "container" | "base" | "onBase" | "onContainer";
3597
+ colorType: "base" | "onBase" | "container" | "onContainer";
3598
3598
  toned?: boolean;
3599
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3599
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3600
3600
  };
3601
3601
  size?: number;
3602
3602
  };
@@ -3605,23 +3605,23 @@ export declare const useSpacingBlueprintStore: () => {
3605
3605
  background?: {
3606
3606
  fill?: string | {
3607
3607
  colors: (string | {
3608
- colorType: "container" | "base" | "onBase" | "onContainer";
3608
+ colorType: "base" | "onBase" | "container" | "onContainer";
3609
3609
  toned?: boolean;
3610
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3610
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3611
3611
  } | {
3612
3612
  color: string | {
3613
- colorType: "container" | "base" | "onBase" | "onContainer";
3613
+ colorType: "base" | "onBase" | "container" | "onContainer";
3614
3614
  toned?: boolean;
3615
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3615
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3616
3616
  };
3617
3617
  stop?: number;
3618
3618
  })[];
3619
3619
  acrylic?: boolean;
3620
3620
  opacity?: number;
3621
3621
  } | {
3622
- colorType: "container" | "base" | "onBase" | "onContainer";
3622
+ colorType: "base" | "onBase" | "container" | "onContainer";
3623
3623
  toned?: boolean;
3624
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3624
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3625
3625
  };
3626
3626
  border?: {
3627
3627
  radius?: {
@@ -3638,9 +3638,9 @@ export declare const useSpacingBlueprintStore: () => {
3638
3638
  };
3639
3639
  fill?: {
3640
3640
  colors: (string | {
3641
- colorType: "container" | "base" | "onBase" | "onContainer";
3641
+ colorType: "base" | "onBase" | "container" | "onContainer";
3642
3642
  toned?: boolean;
3643
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3643
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3644
3644
  } | {
3645
3645
  color: string | any;
3646
3646
  stop?: number;
@@ -3651,7 +3651,7 @@ export declare const useSpacingBlueprintStore: () => {
3651
3651
  };
3652
3652
  elevation?: number;
3653
3653
  media?: {
3654
- type: "image" | "video";
3654
+ type: import("@omnia/fx-models").BackgroundMedia;
3655
3655
  src: string;
3656
3656
  };
3657
3657
  };
@@ -3661,23 +3661,23 @@ export declare const useSpacingBlueprintStore: () => {
3661
3661
  background?: {
3662
3662
  fill?: string | {
3663
3663
  colors: (string | {
3664
- colorType: "container" | "base" | "onBase" | "onContainer";
3664
+ colorType: "base" | "onBase" | "container" | "onContainer";
3665
3665
  toned?: boolean;
3666
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3666
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3667
3667
  } | {
3668
3668
  color: string | {
3669
- colorType: "container" | "base" | "onBase" | "onContainer";
3669
+ colorType: "base" | "onBase" | "container" | "onContainer";
3670
3670
  toned?: boolean;
3671
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3671
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3672
3672
  };
3673
3673
  stop?: number;
3674
3674
  })[];
3675
3675
  acrylic?: boolean;
3676
3676
  opacity?: number;
3677
3677
  } | {
3678
- colorType: "container" | "base" | "onBase" | "onContainer";
3678
+ colorType: "base" | "onBase" | "container" | "onContainer";
3679
3679
  toned?: boolean;
3680
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3680
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3681
3681
  };
3682
3682
  border?: {
3683
3683
  radius?: {
@@ -3694,14 +3694,14 @@ export declare const useSpacingBlueprintStore: () => {
3694
3694
  };
3695
3695
  fill?: {
3696
3696
  colors: (string | {
3697
- colorType: "container" | "base" | "onBase" | "onContainer";
3697
+ colorType: "base" | "onBase" | "container" | "onContainer";
3698
3698
  toned?: boolean;
3699
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3699
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3700
3700
  } | {
3701
3701
  color: string | {
3702
- colorType: "container" | "base" | "onBase" | "onContainer";
3702
+ colorType: "base" | "onBase" | "container" | "onContainer";
3703
3703
  toned?: boolean;
3704
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3704
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3705
3705
  };
3706
3706
  stop?: number;
3707
3707
  })[];
@@ -3711,7 +3711,7 @@ export declare const useSpacingBlueprintStore: () => {
3711
3711
  };
3712
3712
  elevation?: number;
3713
3713
  media?: {
3714
- type: "image" | "video";
3714
+ type: import("@omnia/fx-models").BackgroundMedia;
3715
3715
  src: string;
3716
3716
  };
3717
3717
  };
@@ -3735,30 +3735,30 @@ export declare const useSpacingBlueprintStore: () => {
3735
3735
  minWidth?: number;
3736
3736
  alignment?: "start" | "center" | "end";
3737
3737
  sliderColor?: string | {
3738
- colorType: "container" | "base" | "onBase" | "onContainer";
3738
+ colorType: "base" | "onBase" | "container" | "onContainer";
3739
3739
  toned?: boolean;
3740
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3740
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3741
3741
  };
3742
3742
  text?: {
3743
3743
  color?: string | {
3744
3744
  colors: (string | {
3745
- colorType: "container" | "base" | "onBase" | "onContainer";
3745
+ colorType: "base" | "onBase" | "container" | "onContainer";
3746
3746
  toned?: boolean;
3747
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3747
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3748
3748
  } | {
3749
3749
  color: string | {
3750
- colorType: "container" | "base" | "onBase" | "onContainer";
3750
+ colorType: "base" | "onBase" | "container" | "onContainer";
3751
3751
  toned?: boolean;
3752
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3752
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3753
3753
  };
3754
3754
  stop?: number;
3755
3755
  })[];
3756
3756
  acrylic?: boolean;
3757
3757
  opacity?: number;
3758
3758
  } | {
3759
- colorType: "container" | "base" | "onBase" | "onContainer";
3759
+ colorType: "base" | "onBase" | "container" | "onContainer";
3760
3760
  toned?: boolean;
3761
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3761
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3762
3762
  };
3763
3763
  typography?: {
3764
3764
  decoration?: string;
@@ -3785,23 +3785,23 @@ export declare const useSpacingBlueprintStore: () => {
3785
3785
  icon?: {
3786
3786
  color?: string | {
3787
3787
  colors: (string | {
3788
- colorType: "container" | "base" | "onBase" | "onContainer";
3788
+ colorType: "base" | "onBase" | "container" | "onContainer";
3789
3789
  toned?: boolean;
3790
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3790
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3791
3791
  } | {
3792
3792
  color: string | {
3793
- colorType: "container" | "base" | "onBase" | "onContainer";
3793
+ colorType: "base" | "onBase" | "container" | "onContainer";
3794
3794
  toned?: boolean;
3795
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3795
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3796
3796
  };
3797
3797
  stop?: number;
3798
3798
  })[];
3799
3799
  acrylic?: boolean;
3800
3800
  opacity?: number;
3801
3801
  } | {
3802
- colorType: "container" | "base" | "onBase" | "onContainer";
3802
+ colorType: "base" | "onBase" | "container" | "onContainer";
3803
3803
  toned?: boolean;
3804
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3804
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3805
3805
  };
3806
3806
  size?: number;
3807
3807
  };
@@ -3815,23 +3815,23 @@ export declare const useSpacingBlueprintStore: () => {
3815
3815
  background?: {
3816
3816
  fill?: string | {
3817
3817
  colors: (string | {
3818
- colorType: "container" | "base" | "onBase" | "onContainer";
3818
+ colorType: "base" | "onBase" | "container" | "onContainer";
3819
3819
  toned?: boolean;
3820
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3820
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3821
3821
  } | {
3822
3822
  color: string | {
3823
- colorType: "container" | "base" | "onBase" | "onContainer";
3823
+ colorType: "base" | "onBase" | "container" | "onContainer";
3824
3824
  toned?: boolean;
3825
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3825
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3826
3826
  };
3827
3827
  stop?: number;
3828
3828
  })[];
3829
3829
  acrylic?: boolean;
3830
3830
  opacity?: number;
3831
3831
  } | {
3832
- colorType: "container" | "base" | "onBase" | "onContainer";
3832
+ colorType: "base" | "onBase" | "container" | "onContainer";
3833
3833
  toned?: boolean;
3834
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3834
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3835
3835
  };
3836
3836
  border?: {
3837
3837
  radius?: {
@@ -3848,9 +3848,9 @@ export declare const useSpacingBlueprintStore: () => {
3848
3848
  };
3849
3849
  fill?: {
3850
3850
  colors: (string | {
3851
- colorType: "container" | "base" | "onBase" | "onContainer";
3851
+ colorType: "base" | "onBase" | "container" | "onContainer";
3852
3852
  toned?: boolean;
3853
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3853
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3854
3854
  } | {
3855
3855
  color: string | any;
3856
3856
  stop?: number;
@@ -3861,30 +3861,30 @@ export declare const useSpacingBlueprintStore: () => {
3861
3861
  };
3862
3862
  elevation?: number;
3863
3863
  media?: {
3864
- type: "image" | "video";
3864
+ type: import("@omnia/fx-models").BackgroundMedia;
3865
3865
  src: string;
3866
3866
  };
3867
3867
  };
3868
3868
  text?: {
3869
3869
  color?: string | {
3870
3870
  colors: (string | {
3871
- colorType: "container" | "base" | "onBase" | "onContainer";
3871
+ colorType: "base" | "onBase" | "container" | "onContainer";
3872
3872
  toned?: boolean;
3873
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3873
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3874
3874
  } | {
3875
3875
  color: string | {
3876
- colorType: "container" | "base" | "onBase" | "onContainer";
3876
+ colorType: "base" | "onBase" | "container" | "onContainer";
3877
3877
  toned?: boolean;
3878
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3878
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3879
3879
  };
3880
3880
  stop?: number;
3881
3881
  })[];
3882
3882
  acrylic?: boolean;
3883
3883
  opacity?: number;
3884
3884
  } | {
3885
- colorType: "container" | "base" | "onBase" | "onContainer";
3885
+ colorType: "base" | "onBase" | "container" | "onContainer";
3886
3886
  toned?: boolean;
3887
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3887
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3888
3888
  };
3889
3889
  typography?: {
3890
3890
  decoration?: string;
@@ -3911,23 +3911,23 @@ export declare const useSpacingBlueprintStore: () => {
3911
3911
  icon?: {
3912
3912
  color?: string | {
3913
3913
  colors: (string | {
3914
- colorType: "container" | "base" | "onBase" | "onContainer";
3914
+ colorType: "base" | "onBase" | "container" | "onContainer";
3915
3915
  toned?: boolean;
3916
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3916
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3917
3917
  } | {
3918
3918
  color: string | {
3919
- colorType: "container" | "base" | "onBase" | "onContainer";
3919
+ colorType: "base" | "onBase" | "container" | "onContainer";
3920
3920
  toned?: boolean;
3921
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3921
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3922
3922
  };
3923
3923
  stop?: number;
3924
3924
  })[];
3925
3925
  acrylic?: boolean;
3926
3926
  opacity?: number;
3927
3927
  } | {
3928
- colorType: "container" | "base" | "onBase" | "onContainer";
3928
+ colorType: "base" | "onBase" | "container" | "onContainer";
3929
3929
  toned?: boolean;
3930
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3930
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3931
3931
  };
3932
3932
  size?: number;
3933
3933
  };
@@ -3936,23 +3936,23 @@ export declare const useSpacingBlueprintStore: () => {
3936
3936
  background?: {
3937
3937
  fill?: string | {
3938
3938
  colors: (string | {
3939
- colorType: "container" | "base" | "onBase" | "onContainer";
3939
+ colorType: "base" | "onBase" | "container" | "onContainer";
3940
3940
  toned?: boolean;
3941
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3941
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3942
3942
  } | {
3943
3943
  color: string | {
3944
- colorType: "container" | "base" | "onBase" | "onContainer";
3944
+ colorType: "base" | "onBase" | "container" | "onContainer";
3945
3945
  toned?: boolean;
3946
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3946
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3947
3947
  };
3948
3948
  stop?: number;
3949
3949
  })[];
3950
3950
  acrylic?: boolean;
3951
3951
  opacity?: number;
3952
3952
  } | {
3953
- colorType: "container" | "base" | "onBase" | "onContainer";
3953
+ colorType: "base" | "onBase" | "container" | "onContainer";
3954
3954
  toned?: boolean;
3955
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3955
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3956
3956
  };
3957
3957
  border?: {
3958
3958
  radius?: {
@@ -3969,9 +3969,9 @@ export declare const useSpacingBlueprintStore: () => {
3969
3969
  };
3970
3970
  fill?: {
3971
3971
  colors: (string | {
3972
- colorType: "container" | "base" | "onBase" | "onContainer";
3972
+ colorType: "base" | "onBase" | "container" | "onContainer";
3973
3973
  toned?: boolean;
3974
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3974
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3975
3975
  } | {
3976
3976
  color: string | any;
3977
3977
  stop?: number;
@@ -3982,7 +3982,7 @@ export declare const useSpacingBlueprintStore: () => {
3982
3982
  };
3983
3983
  elevation?: number;
3984
3984
  media?: {
3985
- type: "image" | "video";
3985
+ type: import("@omnia/fx-models").BackgroundMedia;
3986
3986
  src: string;
3987
3987
  };
3988
3988
  };
@@ -3992,23 +3992,23 @@ export declare const useSpacingBlueprintStore: () => {
3992
3992
  background?: {
3993
3993
  fill?: string | {
3994
3994
  colors: (string | {
3995
- colorType: "container" | "base" | "onBase" | "onContainer";
3995
+ colorType: "base" | "onBase" | "container" | "onContainer";
3996
3996
  toned?: boolean;
3997
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
3997
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3998
3998
  } | {
3999
3999
  color: string | {
4000
- colorType: "container" | "base" | "onBase" | "onContainer";
4000
+ colorType: "base" | "onBase" | "container" | "onContainer";
4001
4001
  toned?: boolean;
4002
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4002
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4003
4003
  };
4004
4004
  stop?: number;
4005
4005
  })[];
4006
4006
  acrylic?: boolean;
4007
4007
  opacity?: number;
4008
4008
  } | {
4009
- colorType: "container" | "base" | "onBase" | "onContainer";
4009
+ colorType: "base" | "onBase" | "container" | "onContainer";
4010
4010
  toned?: boolean;
4011
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4011
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4012
4012
  };
4013
4013
  border?: {
4014
4014
  radius?: {
@@ -4025,14 +4025,14 @@ export declare const useSpacingBlueprintStore: () => {
4025
4025
  };
4026
4026
  fill?: {
4027
4027
  colors: (string | {
4028
- colorType: "container" | "base" | "onBase" | "onContainer";
4028
+ colorType: "base" | "onBase" | "container" | "onContainer";
4029
4029
  toned?: boolean;
4030
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4030
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4031
4031
  } | {
4032
4032
  color: string | {
4033
- colorType: "container" | "base" | "onBase" | "onContainer";
4033
+ colorType: "base" | "onBase" | "container" | "onContainer";
4034
4034
  toned?: boolean;
4035
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4035
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4036
4036
  };
4037
4037
  stop?: number;
4038
4038
  })[];
@@ -4042,7 +4042,7 @@ export declare const useSpacingBlueprintStore: () => {
4042
4042
  };
4043
4043
  elevation?: number;
4044
4044
  media?: {
4045
- type: "image" | "video";
4045
+ type: import("@omnia/fx-models").BackgroundMedia;
4046
4046
  src: string;
4047
4047
  };
4048
4048
  };
@@ -4066,30 +4066,30 @@ export declare const useSpacingBlueprintStore: () => {
4066
4066
  minWidth?: number;
4067
4067
  alignment?: "start" | "center" | "end";
4068
4068
  sliderColor?: string | {
4069
- colorType: "container" | "base" | "onBase" | "onContainer";
4069
+ colorType: "base" | "onBase" | "container" | "onContainer";
4070
4070
  toned?: boolean;
4071
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4071
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4072
4072
  };
4073
4073
  text?: {
4074
4074
  color?: string | {
4075
4075
  colors: (string | {
4076
- colorType: "container" | "base" | "onBase" | "onContainer";
4076
+ colorType: "base" | "onBase" | "container" | "onContainer";
4077
4077
  toned?: boolean;
4078
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4078
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4079
4079
  } | {
4080
4080
  color: string | {
4081
- colorType: "container" | "base" | "onBase" | "onContainer";
4081
+ colorType: "base" | "onBase" | "container" | "onContainer";
4082
4082
  toned?: boolean;
4083
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4083
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4084
4084
  };
4085
4085
  stop?: number;
4086
4086
  })[];
4087
4087
  acrylic?: boolean;
4088
4088
  opacity?: number;
4089
4089
  } | {
4090
- colorType: "container" | "base" | "onBase" | "onContainer";
4090
+ colorType: "base" | "onBase" | "container" | "onContainer";
4091
4091
  toned?: boolean;
4092
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4092
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4093
4093
  };
4094
4094
  typography?: {
4095
4095
  decoration?: string;
@@ -4116,23 +4116,23 @@ export declare const useSpacingBlueprintStore: () => {
4116
4116
  icon?: {
4117
4117
  color?: string | {
4118
4118
  colors: (string | {
4119
- colorType: "container" | "base" | "onBase" | "onContainer";
4119
+ colorType: "base" | "onBase" | "container" | "onContainer";
4120
4120
  toned?: boolean;
4121
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4121
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4122
4122
  } | {
4123
4123
  color: string | {
4124
- colorType: "container" | "base" | "onBase" | "onContainer";
4124
+ colorType: "base" | "onBase" | "container" | "onContainer";
4125
4125
  toned?: boolean;
4126
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4126
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4127
4127
  };
4128
4128
  stop?: number;
4129
4129
  })[];
4130
4130
  acrylic?: boolean;
4131
4131
  opacity?: number;
4132
4132
  } | {
4133
- colorType: "container" | "base" | "onBase" | "onContainer";
4133
+ colorType: "base" | "onBase" | "container" | "onContainer";
4134
4134
  toned?: boolean;
4135
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4135
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4136
4136
  };
4137
4137
  size?: number;
4138
4138
  };
@@ -4146,23 +4146,23 @@ export declare const useSpacingBlueprintStore: () => {
4146
4146
  background?: {
4147
4147
  fill?: string | {
4148
4148
  colors: (string | {
4149
- colorType: "container" | "base" | "onBase" | "onContainer";
4149
+ colorType: "base" | "onBase" | "container" | "onContainer";
4150
4150
  toned?: boolean;
4151
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4151
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4152
4152
  } | {
4153
4153
  color: string | {
4154
- colorType: "container" | "base" | "onBase" | "onContainer";
4154
+ colorType: "base" | "onBase" | "container" | "onContainer";
4155
4155
  toned?: boolean;
4156
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4156
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4157
4157
  };
4158
4158
  stop?: number;
4159
4159
  })[];
4160
4160
  acrylic?: boolean;
4161
4161
  opacity?: number;
4162
4162
  } | {
4163
- colorType: "container" | "base" | "onBase" | "onContainer";
4163
+ colorType: "base" | "onBase" | "container" | "onContainer";
4164
4164
  toned?: boolean;
4165
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4165
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4166
4166
  };
4167
4167
  border?: {
4168
4168
  radius?: {
@@ -4179,9 +4179,9 @@ export declare const useSpacingBlueprintStore: () => {
4179
4179
  };
4180
4180
  fill?: {
4181
4181
  colors: (string | {
4182
- colorType: "container" | "base" | "onBase" | "onContainer";
4182
+ colorType: "base" | "onBase" | "container" | "onContainer";
4183
4183
  toned?: boolean;
4184
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4184
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4185
4185
  } | {
4186
4186
  color: string | any;
4187
4187
  stop?: number;
@@ -4192,30 +4192,30 @@ export declare const useSpacingBlueprintStore: () => {
4192
4192
  };
4193
4193
  elevation?: number;
4194
4194
  media?: {
4195
- type: "image" | "video";
4195
+ type: import("@omnia/fx-models").BackgroundMedia;
4196
4196
  src: string;
4197
4197
  };
4198
4198
  };
4199
4199
  text?: {
4200
4200
  color?: string | {
4201
4201
  colors: (string | {
4202
- colorType: "container" | "base" | "onBase" | "onContainer";
4202
+ colorType: "base" | "onBase" | "container" | "onContainer";
4203
4203
  toned?: boolean;
4204
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4204
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4205
4205
  } | {
4206
4206
  color: string | {
4207
- colorType: "container" | "base" | "onBase" | "onContainer";
4207
+ colorType: "base" | "onBase" | "container" | "onContainer";
4208
4208
  toned?: boolean;
4209
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4209
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4210
4210
  };
4211
4211
  stop?: number;
4212
4212
  })[];
4213
4213
  acrylic?: boolean;
4214
4214
  opacity?: number;
4215
4215
  } | {
4216
- colorType: "container" | "base" | "onBase" | "onContainer";
4216
+ colorType: "base" | "onBase" | "container" | "onContainer";
4217
4217
  toned?: boolean;
4218
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4218
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4219
4219
  };
4220
4220
  typography?: {
4221
4221
  decoration?: string;
@@ -4242,23 +4242,23 @@ export declare const useSpacingBlueprintStore: () => {
4242
4242
  icon?: {
4243
4243
  color?: string | {
4244
4244
  colors: (string | {
4245
- colorType: "container" | "base" | "onBase" | "onContainer";
4245
+ colorType: "base" | "onBase" | "container" | "onContainer";
4246
4246
  toned?: boolean;
4247
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4247
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4248
4248
  } | {
4249
4249
  color: string | {
4250
- colorType: "container" | "base" | "onBase" | "onContainer";
4250
+ colorType: "base" | "onBase" | "container" | "onContainer";
4251
4251
  toned?: boolean;
4252
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4252
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4253
4253
  };
4254
4254
  stop?: number;
4255
4255
  })[];
4256
4256
  acrylic?: boolean;
4257
4257
  opacity?: number;
4258
4258
  } | {
4259
- colorType: "container" | "base" | "onBase" | "onContainer";
4259
+ colorType: "base" | "onBase" | "container" | "onContainer";
4260
4260
  toned?: boolean;
4261
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4261
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4262
4262
  };
4263
4263
  size?: number;
4264
4264
  };
@@ -4267,23 +4267,23 @@ export declare const useSpacingBlueprintStore: () => {
4267
4267
  background?: {
4268
4268
  fill?: string | {
4269
4269
  colors: (string | {
4270
- colorType: "container" | "base" | "onBase" | "onContainer";
4270
+ colorType: "base" | "onBase" | "container" | "onContainer";
4271
4271
  toned?: boolean;
4272
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4272
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4273
4273
  } | {
4274
4274
  color: string | {
4275
- colorType: "container" | "base" | "onBase" | "onContainer";
4275
+ colorType: "base" | "onBase" | "container" | "onContainer";
4276
4276
  toned?: boolean;
4277
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4277
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4278
4278
  };
4279
4279
  stop?: number;
4280
4280
  })[];
4281
4281
  acrylic?: boolean;
4282
4282
  opacity?: number;
4283
4283
  } | {
4284
- colorType: "container" | "base" | "onBase" | "onContainer";
4284
+ colorType: "base" | "onBase" | "container" | "onContainer";
4285
4285
  toned?: boolean;
4286
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4286
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4287
4287
  };
4288
4288
  border?: {
4289
4289
  radius?: {
@@ -4300,9 +4300,9 @@ export declare const useSpacingBlueprintStore: () => {
4300
4300
  };
4301
4301
  fill?: {
4302
4302
  colors: (string | {
4303
- colorType: "container" | "base" | "onBase" | "onContainer";
4303
+ colorType: "base" | "onBase" | "container" | "onContainer";
4304
4304
  toned?: boolean;
4305
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4305
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4306
4306
  } | {
4307
4307
  color: string | any;
4308
4308
  stop?: number;
@@ -4313,7 +4313,7 @@ export declare const useSpacingBlueprintStore: () => {
4313
4313
  };
4314
4314
  elevation?: number;
4315
4315
  media?: {
4316
- type: "image" | "video";
4316
+ type: import("@omnia/fx-models").BackgroundMedia;
4317
4317
  src: string;
4318
4318
  };
4319
4319
  };
@@ -4323,23 +4323,23 @@ export declare const useSpacingBlueprintStore: () => {
4323
4323
  background?: {
4324
4324
  fill?: string | {
4325
4325
  colors: (string | {
4326
- colorType: "container" | "base" | "onBase" | "onContainer";
4326
+ colorType: "base" | "onBase" | "container" | "onContainer";
4327
4327
  toned?: boolean;
4328
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4328
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4329
4329
  } | {
4330
4330
  color: string | {
4331
- colorType: "container" | "base" | "onBase" | "onContainer";
4331
+ colorType: "base" | "onBase" | "container" | "onContainer";
4332
4332
  toned?: boolean;
4333
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4333
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4334
4334
  };
4335
4335
  stop?: number;
4336
4336
  })[];
4337
4337
  acrylic?: boolean;
4338
4338
  opacity?: number;
4339
4339
  } | {
4340
- colorType: "container" | "base" | "onBase" | "onContainer";
4340
+ colorType: "base" | "onBase" | "container" | "onContainer";
4341
4341
  toned?: boolean;
4342
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4342
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4343
4343
  };
4344
4344
  border?: {
4345
4345
  radius?: {
@@ -4356,14 +4356,14 @@ export declare const useSpacingBlueprintStore: () => {
4356
4356
  };
4357
4357
  fill?: {
4358
4358
  colors: (string | {
4359
- colorType: "container" | "base" | "onBase" | "onContainer";
4359
+ colorType: "base" | "onBase" | "container" | "onContainer";
4360
4360
  toned?: boolean;
4361
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4361
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4362
4362
  } | {
4363
4363
  color: string | {
4364
- colorType: "container" | "base" | "onBase" | "onContainer";
4364
+ colorType: "base" | "onBase" | "container" | "onContainer";
4365
4365
  toned?: boolean;
4366
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4366
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4367
4367
  };
4368
4368
  stop?: number;
4369
4369
  })[];
@@ -4373,7 +4373,7 @@ export declare const useSpacingBlueprintStore: () => {
4373
4373
  };
4374
4374
  elevation?: number;
4375
4375
  media?: {
4376
- type: "image" | "video";
4376
+ type: import("@omnia/fx-models").BackgroundMedia;
4377
4377
  src: string;
4378
4378
  };
4379
4379
  };
@@ -4397,30 +4397,30 @@ export declare const useSpacingBlueprintStore: () => {
4397
4397
  minWidth?: number;
4398
4398
  alignment?: "start" | "center" | "end";
4399
4399
  sliderColor?: string | {
4400
- colorType: "container" | "base" | "onBase" | "onContainer";
4400
+ colorType: "base" | "onBase" | "container" | "onContainer";
4401
4401
  toned?: boolean;
4402
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4402
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4403
4403
  };
4404
4404
  text?: {
4405
4405
  color?: string | {
4406
4406
  colors: (string | {
4407
- colorType: "container" | "base" | "onBase" | "onContainer";
4407
+ colorType: "base" | "onBase" | "container" | "onContainer";
4408
4408
  toned?: boolean;
4409
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4409
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4410
4410
  } | {
4411
4411
  color: string | {
4412
- colorType: "container" | "base" | "onBase" | "onContainer";
4412
+ colorType: "base" | "onBase" | "container" | "onContainer";
4413
4413
  toned?: boolean;
4414
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4414
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4415
4415
  };
4416
4416
  stop?: number;
4417
4417
  })[];
4418
4418
  acrylic?: boolean;
4419
4419
  opacity?: number;
4420
4420
  } | {
4421
- colorType: "container" | "base" | "onBase" | "onContainer";
4421
+ colorType: "base" | "onBase" | "container" | "onContainer";
4422
4422
  toned?: boolean;
4423
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4423
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4424
4424
  };
4425
4425
  typography?: {
4426
4426
  decoration?: string;
@@ -4447,23 +4447,23 @@ export declare const useSpacingBlueprintStore: () => {
4447
4447
  icon?: {
4448
4448
  color?: string | {
4449
4449
  colors: (string | {
4450
- colorType: "container" | "base" | "onBase" | "onContainer";
4450
+ colorType: "base" | "onBase" | "container" | "onContainer";
4451
4451
  toned?: boolean;
4452
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4452
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4453
4453
  } | {
4454
4454
  color: string | {
4455
- colorType: "container" | "base" | "onBase" | "onContainer";
4455
+ colorType: "base" | "onBase" | "container" | "onContainer";
4456
4456
  toned?: boolean;
4457
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4457
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4458
4458
  };
4459
4459
  stop?: number;
4460
4460
  })[];
4461
4461
  acrylic?: boolean;
4462
4462
  opacity?: number;
4463
4463
  } | {
4464
- colorType: "container" | "base" | "onBase" | "onContainer";
4464
+ colorType: "base" | "onBase" | "container" | "onContainer";
4465
4465
  toned?: boolean;
4466
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4466
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4467
4467
  };
4468
4468
  size?: number;
4469
4469
  };
@@ -4477,23 +4477,23 @@ export declare const useSpacingBlueprintStore: () => {
4477
4477
  background?: {
4478
4478
  fill?: string | {
4479
4479
  colors: (string | {
4480
- colorType: "container" | "base" | "onBase" | "onContainer";
4480
+ colorType: "base" | "onBase" | "container" | "onContainer";
4481
4481
  toned?: boolean;
4482
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4482
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4483
4483
  } | {
4484
4484
  color: string | {
4485
- colorType: "container" | "base" | "onBase" | "onContainer";
4485
+ colorType: "base" | "onBase" | "container" | "onContainer";
4486
4486
  toned?: boolean;
4487
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4487
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4488
4488
  };
4489
4489
  stop?: number;
4490
4490
  })[];
4491
4491
  acrylic?: boolean;
4492
4492
  opacity?: number;
4493
4493
  } | {
4494
- colorType: "container" | "base" | "onBase" | "onContainer";
4494
+ colorType: "base" | "onBase" | "container" | "onContainer";
4495
4495
  toned?: boolean;
4496
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4496
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4497
4497
  };
4498
4498
  border?: {
4499
4499
  radius?: {
@@ -4510,9 +4510,9 @@ export declare const useSpacingBlueprintStore: () => {
4510
4510
  };
4511
4511
  fill?: {
4512
4512
  colors: (string | {
4513
- colorType: "container" | "base" | "onBase" | "onContainer";
4513
+ colorType: "base" | "onBase" | "container" | "onContainer";
4514
4514
  toned?: boolean;
4515
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4515
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4516
4516
  } | {
4517
4517
  color: string | any;
4518
4518
  stop?: number;
@@ -4523,30 +4523,30 @@ export declare const useSpacingBlueprintStore: () => {
4523
4523
  };
4524
4524
  elevation?: number;
4525
4525
  media?: {
4526
- type: "image" | "video";
4526
+ type: import("@omnia/fx-models").BackgroundMedia;
4527
4527
  src: string;
4528
4528
  };
4529
4529
  };
4530
4530
  text?: {
4531
4531
  color?: string | {
4532
4532
  colors: (string | {
4533
- colorType: "container" | "base" | "onBase" | "onContainer";
4533
+ colorType: "base" | "onBase" | "container" | "onContainer";
4534
4534
  toned?: boolean;
4535
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4535
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4536
4536
  } | {
4537
4537
  color: string | {
4538
- colorType: "container" | "base" | "onBase" | "onContainer";
4538
+ colorType: "base" | "onBase" | "container" | "onContainer";
4539
4539
  toned?: boolean;
4540
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4540
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4541
4541
  };
4542
4542
  stop?: number;
4543
4543
  })[];
4544
4544
  acrylic?: boolean;
4545
4545
  opacity?: number;
4546
4546
  } | {
4547
- colorType: "container" | "base" | "onBase" | "onContainer";
4547
+ colorType: "base" | "onBase" | "container" | "onContainer";
4548
4548
  toned?: boolean;
4549
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4549
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4550
4550
  };
4551
4551
  typography?: {
4552
4552
  decoration?: string;
@@ -4573,23 +4573,23 @@ export declare const useSpacingBlueprintStore: () => {
4573
4573
  icon?: {
4574
4574
  color?: string | {
4575
4575
  colors: (string | {
4576
- colorType: "container" | "base" | "onBase" | "onContainer";
4576
+ colorType: "base" | "onBase" | "container" | "onContainer";
4577
4577
  toned?: boolean;
4578
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4578
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4579
4579
  } | {
4580
4580
  color: string | {
4581
- colorType: "container" | "base" | "onBase" | "onContainer";
4581
+ colorType: "base" | "onBase" | "container" | "onContainer";
4582
4582
  toned?: boolean;
4583
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4583
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4584
4584
  };
4585
4585
  stop?: number;
4586
4586
  })[];
4587
4587
  acrylic?: boolean;
4588
4588
  opacity?: number;
4589
4589
  } | {
4590
- colorType: "container" | "base" | "onBase" | "onContainer";
4590
+ colorType: "base" | "onBase" | "container" | "onContainer";
4591
4591
  toned?: boolean;
4592
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4592
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4593
4593
  };
4594
4594
  size?: number;
4595
4595
  };
@@ -4598,23 +4598,23 @@ export declare const useSpacingBlueprintStore: () => {
4598
4598
  background?: {
4599
4599
  fill?: string | {
4600
4600
  colors: (string | {
4601
- colorType: "container" | "base" | "onBase" | "onContainer";
4601
+ colorType: "base" | "onBase" | "container" | "onContainer";
4602
4602
  toned?: boolean;
4603
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4603
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4604
4604
  } | {
4605
4605
  color: string | {
4606
- colorType: "container" | "base" | "onBase" | "onContainer";
4606
+ colorType: "base" | "onBase" | "container" | "onContainer";
4607
4607
  toned?: boolean;
4608
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4608
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4609
4609
  };
4610
4610
  stop?: number;
4611
4611
  })[];
4612
4612
  acrylic?: boolean;
4613
4613
  opacity?: number;
4614
4614
  } | {
4615
- colorType: "container" | "base" | "onBase" | "onContainer";
4615
+ colorType: "base" | "onBase" | "container" | "onContainer";
4616
4616
  toned?: boolean;
4617
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4617
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4618
4618
  };
4619
4619
  border?: {
4620
4620
  radius?: {
@@ -4631,9 +4631,9 @@ export declare const useSpacingBlueprintStore: () => {
4631
4631
  };
4632
4632
  fill?: {
4633
4633
  colors: (string | {
4634
- colorType: "container" | "base" | "onBase" | "onContainer";
4634
+ colorType: "base" | "onBase" | "container" | "onContainer";
4635
4635
  toned?: boolean;
4636
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4636
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4637
4637
  } | {
4638
4638
  color: string | any;
4639
4639
  stop?: number;
@@ -4644,7 +4644,7 @@ export declare const useSpacingBlueprintStore: () => {
4644
4644
  };
4645
4645
  elevation?: number;
4646
4646
  media?: {
4647
- type: "image" | "video";
4647
+ type: import("@omnia/fx-models").BackgroundMedia;
4648
4648
  src: string;
4649
4649
  };
4650
4650
  };
@@ -4655,7 +4655,7 @@ export declare const useSpacingBlueprintStore: () => {
4655
4655
  blocks?: {
4656
4656
  primary: {
4657
4657
  name?: string;
4658
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4658
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4659
4659
  header?: {
4660
4660
  definitionId: {
4661
4661
  toString: () => string;
@@ -4797,10 +4797,10 @@ export declare const useSpacingBlueprintStore: () => {
4797
4797
  role?: string;
4798
4798
  };
4799
4799
  category?: string;
4800
- locations?: ("inline" | "pane" | "menu")[];
4800
+ locations?: import("@omnia/fx-models").EditorLocation[];
4801
4801
  type: string;
4802
4802
  settings?: any;
4803
- stateMapping?: string;
4803
+ state?: string;
4804
4804
  propertyMapping?: boolean;
4805
4805
  multiple?: boolean;
4806
4806
  component?: unknown;
@@ -4816,23 +4816,23 @@ export declare const useSpacingBlueprintStore: () => {
4816
4816
  background?: {
4817
4817
  fill?: string | {
4818
4818
  colors: (string | {
4819
- colorType: "container" | "base" | "onBase" | "onContainer";
4819
+ colorType: "base" | "onBase" | "container" | "onContainer";
4820
4820
  toned?: boolean;
4821
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4821
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4822
4822
  } | {
4823
4823
  color: string | {
4824
- colorType: "container" | "base" | "onBase" | "onContainer";
4824
+ colorType: "base" | "onBase" | "container" | "onContainer";
4825
4825
  toned?: boolean;
4826
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4826
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4827
4827
  };
4828
4828
  stop?: number;
4829
4829
  })[];
4830
4830
  acrylic?: boolean;
4831
4831
  opacity?: number;
4832
4832
  } | {
4833
- colorType: "container" | "base" | "onBase" | "onContainer";
4833
+ colorType: "base" | "onBase" | "container" | "onContainer";
4834
4834
  toned?: boolean;
4835
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4835
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4836
4836
  };
4837
4837
  border?: {
4838
4838
  radius?: {
@@ -4849,9 +4849,9 @@ export declare const useSpacingBlueprintStore: () => {
4849
4849
  };
4850
4850
  fill?: {
4851
4851
  colors: (string | {
4852
- colorType: "container" | "base" | "onBase" | "onContainer";
4852
+ colorType: "base" | "onBase" | "container" | "onContainer";
4853
4853
  toned?: boolean;
4854
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4854
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4855
4855
  } | {
4856
4856
  color: string | any;
4857
4857
  stop?: number;
@@ -4862,7 +4862,7 @@ export declare const useSpacingBlueprintStore: () => {
4862
4862
  };
4863
4863
  elevation?: number;
4864
4864
  media?: {
4865
- type: "image" | "video";
4865
+ type: import("@omnia/fx-models").BackgroundMedia;
4866
4866
  src: string;
4867
4867
  };
4868
4868
  };
@@ -4876,7 +4876,7 @@ export declare const useSpacingBlueprintStore: () => {
4876
4876
  };
4877
4877
  variant1?: {
4878
4878
  name?: string;
4879
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
4879
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4880
4880
  header?: {
4881
4881
  definitionId: {
4882
4882
  toString: () => string;
@@ -5018,10 +5018,10 @@ export declare const useSpacingBlueprintStore: () => {
5018
5018
  role?: string;
5019
5019
  };
5020
5020
  category?: string;
5021
- locations?: ("inline" | "pane" | "menu")[];
5021
+ locations?: import("@omnia/fx-models").EditorLocation[];
5022
5022
  type: string;
5023
5023
  settings?: any;
5024
- stateMapping?: string;
5024
+ state?: string;
5025
5025
  propertyMapping?: boolean;
5026
5026
  multiple?: boolean;
5027
5027
  component?: unknown;
@@ -5037,23 +5037,23 @@ export declare const useSpacingBlueprintStore: () => {
5037
5037
  background?: {
5038
5038
  fill?: string | {
5039
5039
  colors: (string | {
5040
- colorType: "container" | "base" | "onBase" | "onContainer";
5040
+ colorType: "base" | "onBase" | "container" | "onContainer";
5041
5041
  toned?: boolean;
5042
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5042
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5043
5043
  } | {
5044
5044
  color: string | {
5045
- colorType: "container" | "base" | "onBase" | "onContainer";
5045
+ colorType: "base" | "onBase" | "container" | "onContainer";
5046
5046
  toned?: boolean;
5047
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5047
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5048
5048
  };
5049
5049
  stop?: number;
5050
5050
  })[];
5051
5051
  acrylic?: boolean;
5052
5052
  opacity?: number;
5053
5053
  } | {
5054
- colorType: "container" | "base" | "onBase" | "onContainer";
5054
+ colorType: "base" | "onBase" | "container" | "onContainer";
5055
5055
  toned?: boolean;
5056
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5056
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5057
5057
  };
5058
5058
  border?: {
5059
5059
  radius?: {
@@ -5070,9 +5070,9 @@ export declare const useSpacingBlueprintStore: () => {
5070
5070
  };
5071
5071
  fill?: {
5072
5072
  colors: (string | {
5073
- colorType: "container" | "base" | "onBase" | "onContainer";
5073
+ colorType: "base" | "onBase" | "container" | "onContainer";
5074
5074
  toned?: boolean;
5075
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5075
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5076
5076
  } | {
5077
5077
  color: string | any;
5078
5078
  stop?: number;
@@ -5083,7 +5083,7 @@ export declare const useSpacingBlueprintStore: () => {
5083
5083
  };
5084
5084
  elevation?: number;
5085
5085
  media?: {
5086
- type: "image" | "video";
5086
+ type: import("@omnia/fx-models").BackgroundMedia;
5087
5087
  src: string;
5088
5088
  };
5089
5089
  };
@@ -5097,7 +5097,7 @@ export declare const useSpacingBlueprintStore: () => {
5097
5097
  };
5098
5098
  variant2?: {
5099
5099
  name?: string;
5100
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5100
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5101
5101
  header?: {
5102
5102
  definitionId: {
5103
5103
  toString: () => string;
@@ -5239,10 +5239,10 @@ export declare const useSpacingBlueprintStore: () => {
5239
5239
  role?: string;
5240
5240
  };
5241
5241
  category?: string;
5242
- locations?: ("inline" | "pane" | "menu")[];
5242
+ locations?: import("@omnia/fx-models").EditorLocation[];
5243
5243
  type: string;
5244
5244
  settings?: any;
5245
- stateMapping?: string;
5245
+ state?: string;
5246
5246
  propertyMapping?: boolean;
5247
5247
  multiple?: boolean;
5248
5248
  component?: unknown;
@@ -5258,23 +5258,23 @@ export declare const useSpacingBlueprintStore: () => {
5258
5258
  background?: {
5259
5259
  fill?: string | {
5260
5260
  colors: (string | {
5261
- colorType: "container" | "base" | "onBase" | "onContainer";
5261
+ colorType: "base" | "onBase" | "container" | "onContainer";
5262
5262
  toned?: boolean;
5263
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5263
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5264
5264
  } | {
5265
5265
  color: string | {
5266
- colorType: "container" | "base" | "onBase" | "onContainer";
5266
+ colorType: "base" | "onBase" | "container" | "onContainer";
5267
5267
  toned?: boolean;
5268
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5268
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5269
5269
  };
5270
5270
  stop?: number;
5271
5271
  })[];
5272
5272
  acrylic?: boolean;
5273
5273
  opacity?: number;
5274
5274
  } | {
5275
- colorType: "container" | "base" | "onBase" | "onContainer";
5275
+ colorType: "base" | "onBase" | "container" | "onContainer";
5276
5276
  toned?: boolean;
5277
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5277
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5278
5278
  };
5279
5279
  border?: {
5280
5280
  radius?: {
@@ -5291,9 +5291,9 @@ export declare const useSpacingBlueprintStore: () => {
5291
5291
  };
5292
5292
  fill?: {
5293
5293
  colors: (string | {
5294
- colorType: "container" | "base" | "onBase" | "onContainer";
5294
+ colorType: "base" | "onBase" | "container" | "onContainer";
5295
5295
  toned?: boolean;
5296
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5296
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5297
5297
  } | {
5298
5298
  color: string | any;
5299
5299
  stop?: number;
@@ -5304,7 +5304,7 @@ export declare const useSpacingBlueprintStore: () => {
5304
5304
  };
5305
5305
  elevation?: number;
5306
5306
  media?: {
5307
- type: "image" | "video";
5307
+ type: import("@omnia/fx-models").BackgroundMedia;
5308
5308
  src: string;
5309
5309
  };
5310
5310
  };
@@ -5318,7 +5318,7 @@ export declare const useSpacingBlueprintStore: () => {
5318
5318
  };
5319
5319
  variant3?: {
5320
5320
  name?: string;
5321
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5321
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5322
5322
  header?: {
5323
5323
  definitionId: {
5324
5324
  toString: () => string;
@@ -5460,10 +5460,10 @@ export declare const useSpacingBlueprintStore: () => {
5460
5460
  role?: string;
5461
5461
  };
5462
5462
  category?: string;
5463
- locations?: ("inline" | "pane" | "menu")[];
5463
+ locations?: import("@omnia/fx-models").EditorLocation[];
5464
5464
  type: string;
5465
5465
  settings?: any;
5466
- stateMapping?: string;
5466
+ state?: string;
5467
5467
  propertyMapping?: boolean;
5468
5468
  multiple?: boolean;
5469
5469
  component?: unknown;
@@ -5479,23 +5479,23 @@ export declare const useSpacingBlueprintStore: () => {
5479
5479
  background?: {
5480
5480
  fill?: string | {
5481
5481
  colors: (string | {
5482
- colorType: "container" | "base" | "onBase" | "onContainer";
5482
+ colorType: "base" | "onBase" | "container" | "onContainer";
5483
5483
  toned?: boolean;
5484
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5484
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5485
5485
  } | {
5486
5486
  color: string | {
5487
- colorType: "container" | "base" | "onBase" | "onContainer";
5487
+ colorType: "base" | "onBase" | "container" | "onContainer";
5488
5488
  toned?: boolean;
5489
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5489
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5490
5490
  };
5491
5491
  stop?: number;
5492
5492
  })[];
5493
5493
  acrylic?: boolean;
5494
5494
  opacity?: number;
5495
5495
  } | {
5496
- colorType: "container" | "base" | "onBase" | "onContainer";
5496
+ colorType: "base" | "onBase" | "container" | "onContainer";
5497
5497
  toned?: boolean;
5498
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5498
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5499
5499
  };
5500
5500
  border?: {
5501
5501
  radius?: {
@@ -5512,9 +5512,9 @@ export declare const useSpacingBlueprintStore: () => {
5512
5512
  };
5513
5513
  fill?: {
5514
5514
  colors: (string | {
5515
- colorType: "container" | "base" | "onBase" | "onContainer";
5515
+ colorType: "base" | "onBase" | "container" | "onContainer";
5516
5516
  toned?: boolean;
5517
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5517
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5518
5518
  } | {
5519
5519
  color: string | any;
5520
5520
  stop?: number;
@@ -5525,7 +5525,7 @@ export declare const useSpacingBlueprintStore: () => {
5525
5525
  };
5526
5526
  elevation?: number;
5527
5527
  media?: {
5528
- type: "image" | "video";
5528
+ type: import("@omnia/fx-models").BackgroundMedia;
5529
5529
  src: string;
5530
5530
  };
5531
5531
  };
@@ -5549,115 +5549,115 @@ export declare const useSpacingBlueprintStore: () => {
5549
5549
  xs?: {
5550
5550
  color?: string | {
5551
5551
  colors: (string | {
5552
- colorType: "container" | "base" | "onBase" | "onContainer";
5552
+ colorType: "base" | "onBase" | "container" | "onContainer";
5553
5553
  toned?: boolean;
5554
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5554
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5555
5555
  } | {
5556
5556
  color: string | {
5557
- colorType: "container" | "base" | "onBase" | "onContainer";
5557
+ colorType: "base" | "onBase" | "container" | "onContainer";
5558
5558
  toned?: boolean;
5559
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5559
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5560
5560
  };
5561
5561
  stop?: number;
5562
5562
  })[];
5563
5563
  acrylic?: boolean;
5564
5564
  opacity?: number;
5565
5565
  } | {
5566
- colorType: "container" | "base" | "onBase" | "onContainer";
5566
+ colorType: "base" | "onBase" | "container" | "onContainer";
5567
5567
  toned?: boolean;
5568
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5568
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5569
5569
  };
5570
5570
  size?: number;
5571
5571
  };
5572
5572
  s?: {
5573
5573
  color?: string | {
5574
5574
  colors: (string | {
5575
- colorType: "container" | "base" | "onBase" | "onContainer";
5575
+ colorType: "base" | "onBase" | "container" | "onContainer";
5576
5576
  toned?: boolean;
5577
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5577
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5578
5578
  } | {
5579
5579
  color: string | {
5580
- colorType: "container" | "base" | "onBase" | "onContainer";
5580
+ colorType: "base" | "onBase" | "container" | "onContainer";
5581
5581
  toned?: boolean;
5582
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5582
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5583
5583
  };
5584
5584
  stop?: number;
5585
5585
  })[];
5586
5586
  acrylic?: boolean;
5587
5587
  opacity?: number;
5588
5588
  } | {
5589
- colorType: "container" | "base" | "onBase" | "onContainer";
5589
+ colorType: "base" | "onBase" | "container" | "onContainer";
5590
5590
  toned?: boolean;
5591
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5591
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5592
5592
  };
5593
5593
  size?: number;
5594
5594
  };
5595
5595
  m?: {
5596
5596
  color?: string | {
5597
5597
  colors: (string | {
5598
- colorType: "container" | "base" | "onBase" | "onContainer";
5598
+ colorType: "base" | "onBase" | "container" | "onContainer";
5599
5599
  toned?: boolean;
5600
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5600
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5601
5601
  } | {
5602
5602
  color: string | {
5603
- colorType: "container" | "base" | "onBase" | "onContainer";
5603
+ colorType: "base" | "onBase" | "container" | "onContainer";
5604
5604
  toned?: boolean;
5605
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5605
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5606
5606
  };
5607
5607
  stop?: number;
5608
5608
  })[];
5609
5609
  acrylic?: boolean;
5610
5610
  opacity?: number;
5611
5611
  } | {
5612
- colorType: "container" | "base" | "onBase" | "onContainer";
5612
+ colorType: "base" | "onBase" | "container" | "onContainer";
5613
5613
  toned?: boolean;
5614
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5614
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5615
5615
  };
5616
5616
  size?: number;
5617
5617
  };
5618
5618
  l?: {
5619
5619
  color?: string | {
5620
5620
  colors: (string | {
5621
- colorType: "container" | "base" | "onBase" | "onContainer";
5621
+ colorType: "base" | "onBase" | "container" | "onContainer";
5622
5622
  toned?: boolean;
5623
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5623
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5624
5624
  } | {
5625
5625
  color: string | {
5626
- colorType: "container" | "base" | "onBase" | "onContainer";
5626
+ colorType: "base" | "onBase" | "container" | "onContainer";
5627
5627
  toned?: boolean;
5628
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5628
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5629
5629
  };
5630
5630
  stop?: number;
5631
5631
  })[];
5632
5632
  acrylic?: boolean;
5633
5633
  opacity?: number;
5634
5634
  } | {
5635
- colorType: "container" | "base" | "onBase" | "onContainer";
5635
+ colorType: "base" | "onBase" | "container" | "onContainer";
5636
5636
  toned?: boolean;
5637
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5637
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5638
5638
  };
5639
5639
  size?: number;
5640
5640
  };
5641
5641
  xl?: {
5642
5642
  color?: string | {
5643
5643
  colors: (string | {
5644
- colorType: "container" | "base" | "onBase" | "onContainer";
5644
+ colorType: "base" | "onBase" | "container" | "onContainer";
5645
5645
  toned?: boolean;
5646
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5646
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5647
5647
  } | {
5648
5648
  color: string | {
5649
- colorType: "container" | "base" | "onBase" | "onContainer";
5649
+ colorType: "base" | "onBase" | "container" | "onContainer";
5650
5650
  toned?: boolean;
5651
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5651
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5652
5652
  };
5653
5653
  stop?: number;
5654
5654
  })[];
5655
5655
  acrylic?: boolean;
5656
5656
  opacity?: number;
5657
5657
  } | {
5658
- colorType: "container" | "base" | "onBase" | "onContainer";
5658
+ colorType: "base" | "onBase" | "container" | "onContainer";
5659
5659
  toned?: boolean;
5660
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5660
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5661
5661
  };
5662
5662
  size?: number;
5663
5663
  };
@@ -5669,23 +5669,23 @@ export declare const useSpacingBlueprintStore: () => {
5669
5669
  background?: {
5670
5670
  fill?: string | {
5671
5671
  colors: (string | {
5672
- colorType: "container" | "base" | "onBase" | "onContainer";
5672
+ colorType: "base" | "onBase" | "container" | "onContainer";
5673
5673
  toned?: boolean;
5674
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5674
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5675
5675
  } | {
5676
5676
  color: string | {
5677
- colorType: "container" | "base" | "onBase" | "onContainer";
5677
+ colorType: "base" | "onBase" | "container" | "onContainer";
5678
5678
  toned?: boolean;
5679
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5679
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5680
5680
  };
5681
5681
  stop?: number;
5682
5682
  })[];
5683
5683
  acrylic?: boolean;
5684
5684
  opacity?: number;
5685
5685
  } | {
5686
- colorType: "container" | "base" | "onBase" | "onContainer";
5686
+ colorType: "base" | "onBase" | "container" | "onContainer";
5687
5687
  toned?: boolean;
5688
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5688
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5689
5689
  };
5690
5690
  border?: {
5691
5691
  radius?: {
@@ -5702,14 +5702,14 @@ export declare const useSpacingBlueprintStore: () => {
5702
5702
  };
5703
5703
  fill?: {
5704
5704
  colors: (string | {
5705
- colorType: "container" | "base" | "onBase" | "onContainer";
5705
+ colorType: "base" | "onBase" | "container" | "onContainer";
5706
5706
  toned?: boolean;
5707
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5707
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5708
5708
  } | {
5709
5709
  color: string | {
5710
- colorType: "container" | "base" | "onBase" | "onContainer";
5710
+ colorType: "base" | "onBase" | "container" | "onContainer";
5711
5711
  toned?: boolean;
5712
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5712
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5713
5713
  };
5714
5714
  stop?: number;
5715
5715
  })[];
@@ -5719,7 +5719,7 @@ export declare const useSpacingBlueprintStore: () => {
5719
5719
  };
5720
5720
  elevation?: number;
5721
5721
  media?: {
5722
- type: "image" | "video";
5722
+ type: import("@omnia/fx-models").BackgroundMedia;
5723
5723
  src: string;
5724
5724
  };
5725
5725
  };
@@ -5735,23 +5735,23 @@ export declare const useSpacingBlueprintStore: () => {
5735
5735
  background?: {
5736
5736
  fill?: string | {
5737
5737
  colors: (string | {
5738
- colorType: "container" | "base" | "onBase" | "onContainer";
5738
+ colorType: "base" | "onBase" | "container" | "onContainer";
5739
5739
  toned?: boolean;
5740
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5740
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5741
5741
  } | {
5742
5742
  color: string | {
5743
- colorType: "container" | "base" | "onBase" | "onContainer";
5743
+ colorType: "base" | "onBase" | "container" | "onContainer";
5744
5744
  toned?: boolean;
5745
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5745
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5746
5746
  };
5747
5747
  stop?: number;
5748
5748
  })[];
5749
5749
  acrylic?: boolean;
5750
5750
  opacity?: number;
5751
5751
  } | {
5752
- colorType: "container" | "base" | "onBase" | "onContainer";
5752
+ colorType: "base" | "onBase" | "container" | "onContainer";
5753
5753
  toned?: boolean;
5754
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5754
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5755
5755
  };
5756
5756
  border?: {
5757
5757
  radius?: {
@@ -5768,14 +5768,14 @@ export declare const useSpacingBlueprintStore: () => {
5768
5768
  };
5769
5769
  fill?: {
5770
5770
  colors: (string | {
5771
- colorType: "container" | "base" | "onBase" | "onContainer";
5771
+ colorType: "base" | "onBase" | "container" | "onContainer";
5772
5772
  toned?: boolean;
5773
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5773
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5774
5774
  } | {
5775
5775
  color: string | {
5776
- colorType: "container" | "base" | "onBase" | "onContainer";
5776
+ colorType: "base" | "onBase" | "container" | "onContainer";
5777
5777
  toned?: boolean;
5778
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5778
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5779
5779
  };
5780
5780
  stop?: number;
5781
5781
  })[];
@@ -5785,7 +5785,7 @@ export declare const useSpacingBlueprintStore: () => {
5785
5785
  };
5786
5786
  elevation?: number;
5787
5787
  media?: {
5788
- type: "image" | "video";
5788
+ type: import("@omnia/fx-models").BackgroundMedia;
5789
5789
  src: string;
5790
5790
  };
5791
5791
  };
@@ -5801,23 +5801,23 @@ export declare const useSpacingBlueprintStore: () => {
5801
5801
  background?: {
5802
5802
  fill?: string | {
5803
5803
  colors: (string | {
5804
- colorType: "container" | "base" | "onBase" | "onContainer";
5804
+ colorType: "base" | "onBase" | "container" | "onContainer";
5805
5805
  toned?: boolean;
5806
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5806
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5807
5807
  } | {
5808
5808
  color: string | {
5809
- colorType: "container" | "base" | "onBase" | "onContainer";
5809
+ colorType: "base" | "onBase" | "container" | "onContainer";
5810
5810
  toned?: boolean;
5811
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5811
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5812
5812
  };
5813
5813
  stop?: number;
5814
5814
  })[];
5815
5815
  acrylic?: boolean;
5816
5816
  opacity?: number;
5817
5817
  } | {
5818
- colorType: "container" | "base" | "onBase" | "onContainer";
5818
+ colorType: "base" | "onBase" | "container" | "onContainer";
5819
5819
  toned?: boolean;
5820
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5820
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5821
5821
  };
5822
5822
  border?: {
5823
5823
  radius?: {
@@ -5834,14 +5834,14 @@ export declare const useSpacingBlueprintStore: () => {
5834
5834
  };
5835
5835
  fill?: {
5836
5836
  colors: (string | {
5837
- colorType: "container" | "base" | "onBase" | "onContainer";
5837
+ colorType: "base" | "onBase" | "container" | "onContainer";
5838
5838
  toned?: boolean;
5839
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5839
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5840
5840
  } | {
5841
5841
  color: string | {
5842
- colorType: "container" | "base" | "onBase" | "onContainer";
5842
+ colorType: "base" | "onBase" | "container" | "onContainer";
5843
5843
  toned?: boolean;
5844
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5844
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5845
5845
  };
5846
5846
  stop?: number;
5847
5847
  })[];
@@ -5851,7 +5851,7 @@ export declare const useSpacingBlueprintStore: () => {
5851
5851
  };
5852
5852
  elevation?: number;
5853
5853
  media?: {
5854
- type: "image" | "video";
5854
+ type: import("@omnia/fx-models").BackgroundMedia;
5855
5855
  src: string;
5856
5856
  };
5857
5857
  };
@@ -5867,23 +5867,23 @@ export declare const useSpacingBlueprintStore: () => {
5867
5867
  background?: {
5868
5868
  fill?: string | {
5869
5869
  colors: (string | {
5870
- colorType: "container" | "base" | "onBase" | "onContainer";
5870
+ colorType: "base" | "onBase" | "container" | "onContainer";
5871
5871
  toned?: boolean;
5872
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5872
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5873
5873
  } | {
5874
5874
  color: string | {
5875
- colorType: "container" | "base" | "onBase" | "onContainer";
5875
+ colorType: "base" | "onBase" | "container" | "onContainer";
5876
5876
  toned?: boolean;
5877
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5877
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5878
5878
  };
5879
5879
  stop?: number;
5880
5880
  })[];
5881
5881
  acrylic?: boolean;
5882
5882
  opacity?: number;
5883
5883
  } | {
5884
- colorType: "container" | "base" | "onBase" | "onContainer";
5884
+ colorType: "base" | "onBase" | "container" | "onContainer";
5885
5885
  toned?: boolean;
5886
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5886
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5887
5887
  };
5888
5888
  border?: {
5889
5889
  radius?: {
@@ -5900,14 +5900,14 @@ export declare const useSpacingBlueprintStore: () => {
5900
5900
  };
5901
5901
  fill?: {
5902
5902
  colors: (string | {
5903
- colorType: "container" | "base" | "onBase" | "onContainer";
5903
+ colorType: "base" | "onBase" | "container" | "onContainer";
5904
5904
  toned?: boolean;
5905
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5905
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5906
5906
  } | {
5907
5907
  color: string | {
5908
- colorType: "container" | "base" | "onBase" | "onContainer";
5908
+ colorType: "base" | "onBase" | "container" | "onContainer";
5909
5909
  toned?: boolean;
5910
- colorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
5910
+ colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5911
5911
  };
5912
5912
  stop?: number;
5913
5913
  })[];
@@ -5917,7 +5917,7 @@ export declare const useSpacingBlueprintStore: () => {
5917
5917
  };
5918
5918
  elevation?: number;
5919
5919
  media?: {
5920
- type: "image" | "video";
5920
+ type: import("@omnia/fx-models").BackgroundMedia;
5921
5921
  src: string;
5922
5922
  };
5923
5923
  };
@@ -6037,16 +6037,16 @@ export declare const useSpacingBlueprintStore: () => {
6037
6037
  };
6038
6038
  deactivated(): void;
6039
6039
  };
6040
- colorSchema: (colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic") => import("@omnia/fx-models").ColorSchema;
6040
+ colorSchema: (colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic") => import("@omnia/fx-models").ColorSchema;
6041
6041
  typography: () => import("@omnia/fx-models").TypographyBlueprints;
6042
6042
  fillValue: (value: import("@omnia/fx-models").FillDefinitionValue, type: "typography") => any;
6043
6043
  spacing: () => import("@omnia/fx-models").SpacingBlueprints;
6044
6044
  component: () => import("@omnia/fx-models").ComponentBlueprints;
6045
- color: (colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
6046
- colorDefinition: (colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
6047
- complementaryColorType: (colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
6048
- complementaryColor: (colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
6049
- complementaryColorDefinition: (colorSchemaType: "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
6045
+ color: (colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
6046
+ colorDefinition: (colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
6047
+ complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
6048
+ complementaryColor: (colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
6049
+ complementaryColorDefinition: (colorSchemaType: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
6050
6050
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
6051
6051
  };
6052
6052
  };