@viax.io/uxm 4.36.0

package/dist/previews/index.js

@@ -0,0 +1,205 @@
+import { AppSidebarPreview } from "../ui/app-sidebar/app-sidebar-preview.js";
+import { AppTopBarPreview } from "../ui/app-top-bar/app-top-bar-preview.js";
+import { AvatarPreview } from "../ui/avatar/avatar-preview.js";
+import { BackLinkPreview } from "../ui/back-link/back-link-preview.js";
+import { BadgePreview } from "../ui/badge/badge-preview.js";
+import { BannerPreview } from "../ui/banner/banner-preview.js";
+import { BreadcrumbPreview } from "../ui/breadcrumb/breadcrumb-preview.js";
+import { BulkActionBarPreview } from "../ui/bulk-action-bar/bulk-action-bar-preview.js";
+import { ButtonPreview } from "../ui/button/button-preview.js";
+import { ButtonGroupPreview } from "../ui/button-group/button-group-preview.js";
+import { ButtonWithIconPreview } from "../ui/button-with-icon/button-with-icon-preview.js";
+import { CalendarPreview } from "../ui/calendar/calendar-preview.js";
+import { CardPreview } from "../ui/card/card-preview.js";
+import { CheckboxPreview } from "../ui/checkbox/checkbox-preview.js";
+import { ChipPreview } from "../ui/chip/chip-preview.js";
+import { ClusterPreview } from "../ui/cluster/cluster-preview.js";
+import { CodeEditorPreview } from "../ui/code-editor/code-editor-preview.js";
+import { ColorInputPreview } from "../ui/color-input/color-input-preview.js";
+import { ComponentRowPreview } from "../ui/component-row/component-row-preview.js";
+import { ConfigComponentRowPreview } from "../ui/config-component-row/config-component-row-preview.js";
+import { ConfigSegmentItemPreview } from "../ui/config-segment-item/config-segment-item-preview.js";
+import { ContentTooltipPreview } from "../ui/tooltip/content-tooltip-preview.js";
+import { CurrencyInputPreview } from "../ui/currency-input/currency-input-preview.js";
+import { DataTablePreview } from "../ui/data-table/data-table-preview.js";
+import { DateInputPreview } from "../ui/date-input/date-input-preview.js";
+import { DetailSectionPreview } from "../ui/detail-section/detail-section-preview.js";
+import { DisclosurePreview } from "../ui/disclosure/disclosure-preview.js";
+import { DividerPreview } from "../ui/divider/divider-preview.js";
+import { EditableCellPreview } from "../ui/editable-cell/editable-cell-preview.js";
+import { EmptyStatePreview } from "../ui/empty-state/empty-state-preview.js";
+import { ErrorPagePreview } from "../ui/error-page/error-page-preview.js";
+import { ExplorerListItemPreview } from "../ui/explorer-list-item/explorer-list-item-preview.js";
+import { ExplorerSectionPreview } from "../ui/explorer-section/explorer-section-preview.js";
+import { FileUploadPreview } from "../ui/file-upload/file-upload-preview.js";
+import { FilterTabsPreview } from "../ui/filter-tabs/filter-tabs-preview.js";
+import { FormFieldPreview } from "../ui/form-field/form-field-preview.js";
+import { IconPreview } from "../ui/icon/icon-preview.js";
+import { IconButtonPreview } from "../ui/icon-button/icon-button-preview.js";
+import { IconTilePreview } from "../ui/icon-tile/icon-tile-preview.js";
+import { InlineActionPreview } from "../ui/inline-action/inline-action-preview.js";
+import { InlineFilterPreview } from "../ui/inline-filter/inline-filter-preview.js";
+import { InputPreview } from "../ui/input/input-preview.js";
+import { InputWithIconPreview } from "../ui/input-with-icon/input-with-icon-preview.js";
+import { LifecycleConnectorPreview } from "../ui/lifecycle-connector/lifecycle-connector-preview.js";
+import { LifecycleDropSlotPreview } from "../ui/lifecycle-drop-slot/lifecycle-drop-slot-preview.js";
+import { LifecycleEdgeLabelPreview } from "../ui/lifecycle-edge-label/lifecycle-edge-label-preview.js";
+import { LifecycleGroupBoxPreview } from "../ui/lifecycle-group-box/lifecycle-group-box-preview.js";
+import { LifecycleMinimapPreview } from "../ui/lifecycle-minimap/lifecycle-minimap-preview.js";
+import { LifecycleNodeCardPreview } from "../ui/lifecycle-node-card/lifecycle-node-card-preview.js";
+import { LifecycleTerminalPreview } from "../ui/lifecycle-terminal/lifecycle-terminal-preview.js";
+import { LifecycleZoomControlPreview } from "../ui/lifecycle-zoom-control/lifecycle-zoom-control-preview.js";
+import { LinkPreview } from "../ui/link/link-preview.js";
+import { ListItemPreview } from "../ui/list/list-item-preview.js";
+import { ListboxPreview } from "../ui/listbox/listbox-preview.js";
+import { LoaderPreview } from "../ui/loader/loader-preview.js";
+import { MenuPreview } from "../ui/menu/menu-preview.js";
+import { MetaRowPreview } from "../ui/meta-row/meta-row-preview.js";
+import { ModalPreview } from "../ui/modal/modal-preview.js";
+import { NumberStepperPreview } from "../ui/number-stepper/number-stepper-preview.js";
+import { NumberInputPreview } from "../ui/number-input/number-input-preview.js";
+import { OptionListPreview } from "../ui/option-list/option-list-preview.js";
+import { PageHeaderPreview } from "../ui/page-header/page-header-preview.js";
+import { PageShellPreview } from "../ui/page-shell/page-shell-preview.js";
+import { PasswordInputPreview } from "../ui/password-input/password-input-preview.js";
+import { PhoneInputPreview } from "../ui/phone-input/phone-input-preview.js";
+import { PillSelectPreview } from "../ui/pill-select/pill-select-preview.js";
+import { ProgressBarPreview } from "../ui/progress-bar/progress-bar-preview.js";
+import { PropertyFieldPreview } from "../ui/property-field/property-field-preview.js";
+import { PropertyGridPreview } from "../ui/property-field/property-grid-preview.js";
+import { RadioGroupPreview } from "../ui/radio-group/radio-group-preview.js";
+import { ResponsiveGridPreview } from "../ui/responsive-grid/responsive-grid-preview.js";
+import { SearchDropdownPreview } from "../ui/search-dropdown/search-dropdown-preview.js";
+import { SectionHeaderPreview } from "../ui/section-header/section-header-preview.js";
+import { SegmentCardPreview } from "../ui/segment-card/segment-card-preview.js";
+import { SegmentRowPreview } from "../ui/segment-row/segment-row-preview.js";
+import { SelectPreview } from "../ui/input/select-preview.js";
+import { SideFlexpanePreview } from "../ui/side-flexpane/side-flexpane-preview.js";
+import { SidebarNavItemPreview } from "../ui/sidebar-nav-item/sidebar-nav-item-preview.js";
+import { SidebarNavTriggerPreview } from "../ui/sidebar-nav-trigger/sidebar-nav-trigger-preview.js";
+import { SliderPreview } from "../ui/slider/slider-preview.js";
+import { StackPreview } from "../ui/stack/stack-preview.js";
+import { StatCardPreview } from "../ui/stat-card/stat-card-preview.js";
+import { TabsPreview } from "../ui/tabs/tabs-preview.js";
+import { TabsUnderlinePreview } from "../ui/tabs-underline/tabs-underline-preview.js";
+import { TagPreview } from "../ui/tag/tag-preview.js";
+import { TextareaPreview } from "../ui/input/textarea-preview.js";
+import { ThumbnailPreview } from "../ui/thumbnail/thumbnail-preview.js";
+import { TimeInputPreview } from "../ui/time-input/time-input-preview.js";
+import { TimelineEntryPreview } from "../ui/timeline-entry/timeline-entry-preview.js";
+import { ToastPreview } from "../ui/toast/toast-preview.js";
+import { TogglePreview } from "../ui/toggle-switch/toggle-preview.js";
+import { TooltipPreview } from "../ui/tooltip/tooltip-preview.js";
+import { TypeOverviewCardPreview } from "../ui/type-overview-card/type-overview-card-preview.js";
+import { ViewSwitcherPreview } from "../ui/view-switcher/view-switcher-preview.js";
+import { BrandSettingsPreview } from "../previews/composite/brand-settings-preview.js";
+import { FormPreview } from "../previews/composite/form-preview.js";
+import { LifecycleActionRowPreview } from "../previews/composite/lifecycle-action-row-preview.js";
+import { LifecycleConnectorKnobsPreview } from "../previews/composite/lifecycle-connector-knobs-preview.js";
+import { LifecyclePlusButtonPreview } from "../previews/composite/lifecycle-plus-button-preview.js";
+import { LoginPagePreview } from "../previews/composite/login-page-preview.js";
+import { MultirowFormPreview } from "../previews/composite/multirow-form-preview.js";
+export {
+  AppSidebarPreview,
+  AppTopBarPreview,
+  AvatarPreview,
+  BackLinkPreview,
+  BadgePreview,
+  BannerPreview,
+  BrandSettingsPreview,
+  BreadcrumbPreview,
+  BulkActionBarPreview,
+  ButtonGroupPreview,
+  ButtonPreview,
+  ButtonWithIconPreview,
+  CalendarPreview,
+  CardPreview,
+  CheckboxPreview,
+  ChipPreview,
+  ClusterPreview,
+  CodeEditorPreview,
+  ColorInputPreview,
+  ComponentRowPreview,
+  ConfigComponentRowPreview,
+  ConfigSegmentItemPreview,
+  ContentTooltipPreview,
+  CurrencyInputPreview,
+  DataTablePreview,
+  DateInputPreview,
+  DetailSectionPreview,
+  DisclosurePreview,
+  DividerPreview,
+  EditableCellPreview,
+  EmptyStatePreview,
+  ErrorPagePreview,
+  ExplorerListItemPreview,
+  ExplorerSectionPreview,
+  FileUploadPreview,
+  FilterTabsPreview,
+  FormFieldPreview,
+  FormPreview,
+  IconButtonPreview,
+  IconPreview,
+  IconTilePreview,
+  InlineActionPreview,
+  InlineFilterPreview,
+  InputPreview,
+  InputWithIconPreview,
+  LifecycleActionRowPreview,
+  LifecycleConnectorKnobsPreview,
+  LifecycleConnectorPreview,
+  LifecycleDropSlotPreview,
+  LifecycleEdgeLabelPreview,
+  LifecycleGroupBoxPreview,
+  LifecycleMinimapPreview,
+  LifecycleNodeCardPreview,
+  LifecyclePlusButtonPreview,
+  LifecycleTerminalPreview,
+  LifecycleZoomControlPreview,
+  LinkPreview,
+  ListItemPreview,
+  ListboxPreview,
+  LoaderPreview,
+  LoginPagePreview,
+  MenuPreview,
+  MetaRowPreview,
+  ModalPreview,
+  MultirowFormPreview,
+  NumberInputPreview,
+  NumberStepperPreview,
+  OptionListPreview,
+  PageHeaderPreview,
+  PageShellPreview,
+  PasswordInputPreview,
+  PhoneInputPreview,
+  PillSelectPreview,
+  ProgressBarPreview,
+  PropertyFieldPreview,
+  PropertyGridPreview,
+  RadioGroupPreview,
+  ResponsiveGridPreview,
+  SearchDropdownPreview,
+  SectionHeaderPreview,
+  SegmentCardPreview,
+  SegmentRowPreview,
+  SelectPreview,
+  SideFlexpanePreview,
+  SidebarNavItemPreview,
+  SidebarNavTriggerPreview,
+  SliderPreview,
+  StackPreview,
+  StatCardPreview,
+  TabsPreview,
+  TabsUnderlinePreview,
+  TagPreview,
+  TextareaPreview,
+  ThumbnailPreview,
+  TimeInputPreview,
+  TimelineEntryPreview,
+  ToastPreview,
+  TogglePreview,
+  TooltipPreview,
+  TypeOverviewCardPreview,
+  ViewSwitcherPreview
+};
+//# sourceMappingURL=index.js.map

package/dist/previews/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/previews/index.ts"],"sourcesContent":["/**\n * Public barrel for @viax.io/uxm/previews.\n *\n * Re-exports every canvas preview component, plus the shared preview-side\n * types. Imported by the modo uxm-shell to render the registry-driven\n * editor canvas. Tree-shakable: hosts that import only `@viax.io/uxm/ui` do\n * not pull preview code through this entry.\n */\n\n// ── Atom + sub-component previews (live next to their component) ──\nexport { AppSidebarPreview } from '@/ui/app-sidebar/app-sidebar-preview';\nexport { AppTopBarPreview } from '@/ui/app-top-bar/app-top-bar-preview';\nexport { AvatarPreview } from '@/ui/avatar/avatar-preview';\nexport { BackLinkPreview } from '@/ui/back-link/back-link-preview';\nexport { BadgePreview } from '@/ui/badge/badge-preview';\nexport { BannerPreview } from '@/ui/banner/banner-preview';\nexport { BreadcrumbPreview } from '@/ui/breadcrumb/breadcrumb-preview';\nexport { BulkActionBarPreview } from '@/ui/bulk-action-bar/bulk-action-bar-preview';\nexport { ButtonPreview } from '@/ui/button/button-preview';\nexport { ButtonGroupPreview } from '@/ui/button-group/button-group-preview';\nexport { ButtonWithIconPreview } from '@/ui/button-with-icon/button-with-icon-preview';\nexport { CalendarPreview } from '@/ui/calendar/calendar-preview';\nexport { CardPreview } from '@/ui/card/card-preview';\nexport { CheckboxPreview } from '@/ui/checkbox/checkbox-preview';\nexport { ChipPreview } from '@/ui/chip/chip-preview';\nexport { ClusterPreview } from '@/ui/cluster/cluster-preview';\nexport { CodeEditorPreview } from '@/ui/code-editor/code-editor-preview';\nexport { ColorInputPreview } from '@/ui/color-input/color-input-preview';\nexport { ComponentRowPreview } from '@/ui/component-row/component-row-preview';\nexport { ConfigComponentRowPreview } from '@/ui/config-component-row/config-component-row-preview';\nexport { ConfigSegmentItemPreview } from '@/ui/config-segment-item/config-segment-item-preview';\nexport { ContentTooltipPreview } from '@/ui/tooltip/content-tooltip-preview';\nexport { CurrencyInputPreview } from '@/ui/currency-input/currency-input-preview';\nexport { DataTablePreview } from '@/ui/data-table/data-table-preview';\nexport { DateInputPreview } from '@/ui/date-input/date-input-preview';\nexport { DetailSectionPreview } from '@/ui/detail-section/detail-section-preview';\nexport { DisclosurePreview } from '@/ui/disclosure/disclosure-preview';\nexport { DividerPreview } from '@/ui/divider/divider-preview';\nexport { EditableCellPreview } from '@/ui/editable-cell/editable-cell-preview';\nexport { EmptyStatePreview } from '@/ui/empty-state/empty-state-preview';\nexport { ErrorPagePreview } from '@/ui/error-page/error-page-preview';\nexport { ExplorerListItemPreview } from '@/ui/explorer-list-item/explorer-list-item-preview';\nexport { ExplorerSectionPreview } from '@/ui/explorer-section/explorer-section-preview';\nexport { FileUploadPreview } from '@/ui/file-upload/file-upload-preview';\nexport { FilterTabsPreview } from '@/ui/filter-tabs/filter-tabs-preview';\nexport { FormFieldPreview } from '@/ui/form-field/form-field-preview';\nexport { IconPreview } from '@/ui/icon/icon-preview';\nexport { IconButtonPreview } from '@/ui/icon-button/icon-button-preview';\nexport { IconTilePreview } from '@/ui/icon-tile/icon-tile-preview';\nexport { InlineActionPreview } from '@/ui/inline-action/inline-action-preview';\nexport { InlineFilterPreview } from '@/ui/inline-filter/inline-filter-preview';\nexport { InputPreview } from '@/ui/input/input-preview';\nexport { InputWithIconPreview } from '@/ui/input-with-icon/input-with-icon-preview';\nexport { LifecycleConnectorPreview } from '@/ui/lifecycle-connector/lifecycle-connector-preview';\nexport { LifecycleDropSlotPreview } from '@/ui/lifecycle-drop-slot/lifecycle-drop-slot-preview';\nexport { LifecycleEdgeLabelPreview } from '@/ui/lifecycle-edge-label/lifecycle-edge-label-preview';\nexport { LifecycleGroupBoxPreview } from '@/ui/lifecycle-group-box/lifecycle-group-box-preview';\nexport { LifecycleMinimapPreview } from '@/ui/lifecycle-minimap/lifecycle-minimap-preview';\nexport { LifecycleNodeCardPreview } from '@/ui/lifecycle-node-card/lifecycle-node-card-preview';\nexport { LifecycleTerminalPreview } from '@/ui/lifecycle-terminal/lifecycle-terminal-preview';\nexport { LifecycleZoomControlPreview } from '@/ui/lifecycle-zoom-control/lifecycle-zoom-control-preview';\nexport { LinkPreview } from '@/ui/link/link-preview';\nexport { ListItemPreview } from '@/ui/list/list-item-preview';\nexport { ListboxPreview } from '@/ui/listbox/listbox-preview';\nexport { LoaderPreview } from '@/ui/loader/loader-preview';\nexport { MenuPreview } from '@/ui/menu/menu-preview';\nexport { MetaRowPreview } from '@/ui/meta-row/meta-row-preview';\nexport { ModalPreview } from '@/ui/modal/modal-preview';\nexport { NumberStepperPreview } from '@/ui/number-stepper/number-stepper-preview';\nexport { NumberInputPreview } from '@/ui/number-input/number-input-preview';\nexport { OptionListPreview } from '@/ui/option-list/option-list-preview';\nexport { PageHeaderPreview } from '@/ui/page-header/page-header-preview';\nexport { PageShellPreview } from '@/ui/page-shell/page-shell-preview';\nexport { PasswordInputPreview } from '@/ui/password-input/password-input-preview';\nexport { PhoneInputPreview } from '@/ui/phone-input/phone-input-preview';\nexport { PillSelectPreview } from '@/ui/pill-select/pill-select-preview';\nexport { ProgressBarPreview } from '@/ui/progress-bar/progress-bar-preview';\nexport { PropertyFieldPreview } from '@/ui/property-field/property-field-preview';\nexport { PropertyGridPreview } from '@/ui/property-field/property-grid-preview';\nexport { RadioGroupPreview } from '@/ui/radio-group/radio-group-preview';\nexport { ResponsiveGridPreview } from '@/ui/responsive-grid/responsive-grid-preview';\nexport { SearchDropdownPreview } from '@/ui/search-dropdown/search-dropdown-preview';\nexport { SectionHeaderPreview } from '@/ui/section-header/section-header-preview';\nexport { SegmentCardPreview } from '@/ui/segment-card/segment-card-preview';\nexport { SegmentRowPreview } from '@/ui/segment-row/segment-row-preview';\nexport { SelectPreview } from '@/ui/input/select-preview';\nexport { SideFlexpanePreview } from '@/ui/side-flexpane/side-flexpane-preview';\nexport { SidebarNavItemPreview } from '@/ui/sidebar-nav-item/sidebar-nav-item-preview';\nexport { SidebarNavTriggerPreview } from '@/ui/sidebar-nav-trigger/sidebar-nav-trigger-preview';\nexport { SliderPreview } from '@/ui/slider/slider-preview';\nexport { StackPreview } from '@/ui/stack/stack-preview';\nexport { StatCardPreview } from '@/ui/stat-card/stat-card-preview';\nexport { TabsPreview } from '@/ui/tabs/tabs-preview';\nexport { TabsUnderlinePreview } from '@/ui/tabs-underline/tabs-underline-preview';\nexport { TagPreview } from '@/ui/tag/tag-preview';\nexport { TextareaPreview } from '@/ui/input/textarea-preview';\nexport { ThumbnailPreview } from '@/ui/thumbnail/thumbnail-preview';\nexport { TimeInputPreview } from '@/ui/time-input/time-input-preview';\nexport { TimelineEntryPreview } from '@/ui/timeline-entry/timeline-entry-preview';\nexport { ToastPreview } from '@/ui/toast/toast-preview';\nexport { TogglePreview } from '@/ui/toggle-switch/toggle-preview';\nexport { TooltipPreview } from '@/ui/tooltip/tooltip-preview';\nexport { TypeOverviewCardPreview } from '@/ui/type-overview-card/type-overview-card-preview';\nexport { ViewSwitcherPreview } from '@/ui/view-switcher/view-switcher-preview';\n\n// ── Composite / showcase previews (no 1:1 component) ──\nexport { BrandSettingsPreview } from '@/previews/composite/brand-settings-preview';\nexport { FormPreview } from '@/previews/composite/form-preview';\nexport { LifecycleActionRowPreview } from '@/previews/composite/lifecycle-action-row-preview';\nexport { LifecycleConnectorKnobsPreview } from '@/previews/composite/lifecycle-connector-knobs-preview';\nexport { LifecyclePlusButtonPreview } from '@/previews/composite/lifecycle-plus-button-preview';\nexport { LoginPagePreview } from '@/previews/composite/login-page-preview';\nexport { MultirowFormPreview } from '@/previews/composite/multirow-form-preview';\n\n// ── Shared preview-side types ──\nexport type { PreviewProps, PreviewShellContext, Theme } from './types';\n"],"mappings":"AAUA,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAGpC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,iCAAiC;AAC1C,SAAS,sCAAsC;AAC/C,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;","names":[]}

package/dist/previews/types.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/dist/previews/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/previews/types.ts"],"sourcesContent":["import type { BrandConfig } from '@/lib/types';\n\nexport type Theme = 'light' | 'dark';\n\n/**\n * Shell-side state a preview may read. Pure previews ignore this — only\n * the 9 shell-coupled previews (brand-settings, app-sidebar, button-group,\n * filter-tabs, login-page, search-dropdown, tabs, tabs-underline,\n * view-switcher) destructure from it.\n *\n * MODO provides `shell` by reshaping its own `useUxm()` context. Hosts\n * that don't render shell-coupled previews can omit it.\n */\nexport interface PreviewShellContext {\n  brand: BrandConfig;\n  setBrand: (patch: Partial<BrandConfig>) => void;\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  /**\n   * Optional uploader for the brand-settings and login-page previews.\n   * When absent, those previews keep their upload UI inert.\n   */\n  uploadAsset?: (file: File, kind: string) => Promise<{ url: string }>;\n}\n\nexport interface PreviewProps {\n  styles: Record<string, string | number | boolean>;\n  variants: Record<string, string>;\n  componentId: string;\n  shell?: PreviewShellContext;\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/previews/types.d.ts

@@ -0,0 +1,31 @@
+import type { BrandConfig } from '../lib/types.js';
+export type Theme = 'light' | 'dark';
+/**
+ * Shell-side state a preview may read. Pure previews ignore this — only
+ * the 9 shell-coupled previews (brand-settings, app-sidebar, button-group,
+ * filter-tabs, login-page, search-dropdown, tabs, tabs-underline,
+ * view-switcher) destructure from it.
+ *
+ * MODO provides `shell` by reshaping its own `useUxm()` context. Hosts
+ * that don't render shell-coupled previews can omit it.
+ */
+export interface PreviewShellContext {
+    brand: BrandConfig;
+    setBrand: (patch: Partial<BrandConfig>) => void;
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    /**
+     * Optional uploader for the brand-settings and login-page previews.
+     * When absent, those previews keep their upload UI inert.
+     */
+    uploadAsset?: (file: File, kind: string) => Promise<{
+        url: string;
+    }>;
+}
+export interface PreviewProps {
+    styles: Record<string, string | number | boolean>;
+    variants: Record<string, string>;
+    componentId: string;
+    shell?: PreviewShellContext;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/previews/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/previews/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtE;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAClD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B"}

package/dist/previews/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/previews/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/studio/brand-font-styles.cjs

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var brand_font_styles_exports = {};
+__export(brand_font_styles_exports, {
+  BrandFontStyles: () => BrandFontStyles
+});
+module.exports = __toCommonJS(brand_font_styles_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_context = require("./lib/context.cjs");
+var import_generate_css = require("./persistence/generate-css.cjs");
+function BrandFontStyles() {
+  const { brand } = (0, import_context.useUxm)();
+  const fontFamily = (0, import_generate_css.safeFontFamily)(brand.fontFamily);
+  const headingFontFamily = (0, import_generate_css.safeFontFamily)(brand.headingFontFamily);
+  const headingFontWeight = (0, import_generate_css.safeFontWeight)(brand.headingFontWeight);
+  const roles = (0, import_generate_css.resolveTypeRoles)(brand);
+  const typeScale = (0, import_generate_css.safeTypeScale)(brand.typeScale);
+  const bodyLineHeight = (0, import_generate_css.safeLineHeight)(brand.bodyLineHeight);
+  const families = [...new Set(
+    [fontFamily, headingFontFamily, ...roles.map((r) => r.family)].filter((f) => !!f)
+  )];
+  const stack = (f) => `"${f}", var(--font-inter), system-ui, sans-serif`;
+  const roleVars = roles.flatMap(({ role, family, weight, scale }) => [
+    `  --type-${role}-font: ${family ? stack(family) : "initial"};`,
+    `  --type-${role}-weight: ${weight ?? "initial"};`,
+    `  --type-${role}-scale: ${scale ?? "initial"};`
+  ]).join("\n");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    families.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("link", { rel: "stylesheet", precedence: "default", href: (0, import_generate_css.fontFileUrl)(f) }, f)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `:root { --brand-font: ${fontFamily ? `"${fontFamily}", ` : ""}var(--font-inter), system-ui, sans-serif;
+  --brand-heading-font: ${headingFontFamily ? stack(headingFontFamily) : "initial"};
+  --brand-heading-weight: ${headingFontWeight ?? "initial"};
+${roleVars}
+  --type-scale: ${typeScale ?? "initial"};
+  --type-body-line-height: ${bodyLineHeight ?? "initial"}; }
+body { font-family: var(--brand-font); }${bodyLineHeight ? `
+body { line-height: var(--type-body-line-height, normal); }` : ""}` })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrandFontStyles
+});
+//# sourceMappingURL=brand-font-styles.cjs.map

package/dist/studio/brand-font-styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/studio/brand-font-styles.tsx"],"sourcesContent":["import { useUxm } from './lib/context';\nimport { fontFileUrl, resolveTypeRoles, safeFontFamily, safeFontWeight, safeLineHeight, safeTypeScale } from './persistence/generate-css';\n\n/**\n * Live mirror of the brand-font output that `generateOverridesCss` emits\n * after Build: loads the Google Fonts stylesheet for `brand.fontFamily`\n * and applies it via `--brand-font` on `:root` + `body { font-family }`.\n * Without this, picking a typeface in Brand Settings has no visible\n * effect in hosts where persistence is a no-op (the static portal) — and\n * even in a persisting host nothing changed until Publish.\n *\n * `fontFamily` is sanitised with the same `safeFontFamily` guard the Build\n * path uses before being interpolated into the `<style>` tag. React 19\n * hoists the `<link rel=\"stylesheet\">` (with `precedence`) into `<head>`\n * and dedupes it by href, so no manual DOM effects are needed.\n *\n * No `!important` here (unlike the generated `components.css`, which needs\n * it to beat the app cascade): a live `<style>` late in `<body>` already\n * wins over the stylesheets, and `!important` would fight the inline\n * monospace font samples the previews set.\n *\n * The `<style>` renders even when no font is picked: a host may carry a\n * previously PUBLISHED font in its own stylesheet (the generated\n * `components.css` / `#uxm-overrides` sets `--brand-font` + `body` with\n * `!important`), and reverting to the default live only works by\n * re-declaring `--brand-font` with the default stack — returning null\n * would leave the published font in charge until the next Publish.\n *\n * The heading vars follow the same always-declare rule, but their \"unset\"\n * state has no default stack to re-declare (an unset `--brand-heading-font`\n * means \"let each component's own fallback paint\"). `--x: initial` is the\n * spec's way to make a custom property guaranteed-invalid, i.e. genuinely\n * unset at use time — so this live block cancels a previously published\n * heading font and the components' `var(…, inherit)` / literal-weight\n * fallbacks take back over without waiting for the next Publish.\n */\nexport function BrandFontStyles() {\n  const { brand } = useUxm();\n  const fontFamily = safeFontFamily(brand.fontFamily);\n  const headingFontFamily = safeFontFamily(brand.headingFontFamily);\n  const headingFontWeight = safeFontWeight(brand.headingFontWeight);\n  const roles = resolveTypeRoles(brand);\n  const typeScale = safeTypeScale(brand.typeScale);\n  const bodyLineHeight = safeLineHeight(brand.bodyLineHeight);\n\n  // One <link> per distinct family; React 19 also dedupes by href.\n  const families = [...new Set(\n    [fontFamily, headingFontFamily, ...roles.map((r) => r.family)].filter((f): f is string => !!f),\n  )];\n  const stack = (f: string) => `\"${f}\", var(--font-inter), system-ui, sans-serif`;\n  // `initial` = guaranteed-invalid = genuinely unset, so each line cancels a\n  // previously PUBLISHED value and the atoms' own fallbacks repaint live.\n  const roleVars = roles\n    .flatMap(({ role, family, weight, scale }) => [\n      `  --type-${role}-font: ${family ? stack(family) : 'initial'};`,\n      `  --type-${role}-weight: ${weight ?? 'initial'};`,\n      `  --type-${role}-scale: ${scale ?? 'initial'};`,\n    ])\n    .join('\\n');\n\n  return (\n    <>\n      {families.map((f) => (\n        <link key={f} rel=\"stylesheet\" precedence=\"default\" href={fontFileUrl(f)} />\n      ))}\n      <style>{`:root { --brand-font: ${fontFamily ? `\"${fontFamily}\", ` : ''}var(--font-inter), system-ui, sans-serif;\n  --brand-heading-font: ${headingFontFamily ? stack(headingFontFamily) : 'initial'};\n  --brand-heading-weight: ${headingFontWeight ?? 'initial'};\n${roleVars}\n  --type-scale: ${typeScale ?? 'initial'};\n  --type-body-line-height: ${bodyLineHeight ?? 'initial'}; }\nbody { font-family: var(--brand-font); }${bodyLineHeight ? `\nbody { line-height: var(--type-body-line-height, normal); }` : ''}`}</style>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DI;AA7DJ,qBAAuB;AACvB,0BAA6G;AAmCtG,SAAS,kBAAkB;AAChC,QAAM,EAAE,MAAM,QAAI,uBAAO;AACzB,QAAM,iBAAa,oCAAe,MAAM,UAAU;AAClD,QAAM,wBAAoB,oCAAe,MAAM,iBAAiB;AAChE,QAAM,wBAAoB,oCAAe,MAAM,iBAAiB;AAChE,QAAM,YAAQ,sCAAiB,KAAK;AACpC,QAAM,gBAAY,mCAAc,MAAM,SAAS;AAC/C,QAAM,qBAAiB,oCAAe,MAAM,cAAc;AAG1D,QAAM,WAAW,CAAC,GAAG,IAAI;AAAA,IACvB,CAAC,YAAY,mBAAmB,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAmB,CAAC,CAAC,CAAC;AAAA,EAC/F,CAAC;AACD,QAAM,QAAQ,CAAC,MAAc,IAAI,CAAC;AAGlC,QAAM,WAAW,MACd,QAAQ,CAAC,EAAE,MAAM,QAAQ,QAAQ,MAAM,MAAM;AAAA,IAC5C,YAAY,IAAI,UAAU,SAAS,MAAM,MAAM,IAAI,SAAS;AAAA,IAC5D,YAAY,IAAI,YAAY,UAAU,SAAS;AAAA,IAC/C,YAAY,IAAI,WAAW,SAAS,SAAS;AAAA,EAC/C,CAAC,EACA,KAAK,IAAI;AAEZ,SACE,4EACG;AAAA,aAAS,IAAI,CAAC,MACb,4CAAC,UAAa,KAAI,cAAa,YAAW,WAAU,UAAM,iCAAY,CAAC,KAA5D,CAA+D,CAC3E;AAAA,IACD,4CAAC,WAAO,mCAAyB,aAAa,IAAI,UAAU,QAAQ,EAAE;AAAA,0BAClD,oBAAoB,MAAM,iBAAiB,IAAI,SAAS;AAAA,4BACtD,qBAAqB,SAAS;AAAA,EACxD,QAAQ;AAAA,kBACQ,aAAa,SAAS;AAAA,6BACX,kBAAkB,SAAS;AAAA,0CACd,iBAAiB;AAAA,+DACI,EAAE,IAAG;AAAA,KAChE;AAEJ;","names":[]}

package/dist/studio/brand-font-styles.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Live mirror of the brand-font output that `generateOverridesCss` emits
+ * after Build: loads the Google Fonts stylesheet for `brand.fontFamily`
+ * and applies it via `--brand-font` on `:root` + `body { font-family }`.
+ * Without this, picking a typeface in Brand Settings has no visible
+ * effect in hosts where persistence is a no-op (the static portal) — and
+ * even in a persisting host nothing changed until Publish.
+ *
+ * `fontFamily` is sanitised with the same `safeFontFamily` guard the Build
+ * path uses before being interpolated into the `<style>` tag. React 19
+ * hoists the `<link rel="stylesheet">` (with `precedence`) into `<head>`
+ * and dedupes it by href, so no manual DOM effects are needed.
+ *
+ * No `!important` here (unlike the generated `components.css`, which needs
+ * it to beat the app cascade): a live `<style>` late in `<body>` already
+ * wins over the stylesheets, and `!important` would fight the inline
+ * monospace font samples the previews set.
+ *
+ * The `<style>` renders even when no font is picked: a host may carry a
+ * previously PUBLISHED font in its own stylesheet (the generated
+ * `components.css` / `#uxm-overrides` sets `--brand-font` + `body` with
+ * `!important`), and reverting to the default live only works by
+ * re-declaring `--brand-font` with the default stack — returning null
+ * would leave the published font in charge until the next Publish.
+ *
+ * The heading vars follow the same always-declare rule, but their "unset"
+ * state has no default stack to re-declare (an unset `--brand-heading-font`
+ * means "let each component's own fallback paint"). `--x: initial` is the
+ * spec's way to make a custom property guaranteed-invalid, i.e. genuinely
+ * unset at use time — so this live block cancels a previously published
+ * heading font and the components' `var(…, inherit)` / literal-weight
+ * fallbacks take back over without waiting for the next Publish.
+ */
+export declare function BrandFontStyles(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=brand-font-styles.d.ts.map

package/dist/studio/brand-font-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-font-styles.d.ts","sourceRoot":"","sources":["../../src/studio/brand-font-styles.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,eAAe,4CAuC9B"}

package/dist/studio/brand-font-styles.js

@@ -0,0 +1,36 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useUxm } from "./lib/context.js";
+import { fontFileUrl, resolveTypeRoles, safeFontFamily, safeFontWeight, safeLineHeight, safeTypeScale } from "./persistence/generate-css.js";
+function BrandFontStyles() {
+  const { brand } = useUxm();
+  const fontFamily = safeFontFamily(brand.fontFamily);
+  const headingFontFamily = safeFontFamily(brand.headingFontFamily);
+  const headingFontWeight = safeFontWeight(brand.headingFontWeight);
+  const roles = resolveTypeRoles(brand);
+  const typeScale = safeTypeScale(brand.typeScale);
+  const bodyLineHeight = safeLineHeight(brand.bodyLineHeight);
+  const families = [...new Set(
+    [fontFamily, headingFontFamily, ...roles.map((r) => r.family)].filter((f) => !!f)
+  )];
+  const stack = (f) => `"${f}", var(--font-inter), system-ui, sans-serif`;
+  const roleVars = roles.flatMap(({ role, family, weight, scale }) => [
+    `  --type-${role}-font: ${family ? stack(family) : "initial"};`,
+    `  --type-${role}-weight: ${weight ?? "initial"};`,
+    `  --type-${role}-scale: ${scale ?? "initial"};`
+  ]).join("\n");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    families.map((f) => /* @__PURE__ */ jsx("link", { rel: "stylesheet", precedence: "default", href: fontFileUrl(f) }, f)),
+    /* @__PURE__ */ jsx("style", { children: `:root { --brand-font: ${fontFamily ? `"${fontFamily}", ` : ""}var(--font-inter), system-ui, sans-serif;
+  --brand-heading-font: ${headingFontFamily ? stack(headingFontFamily) : "initial"};
+  --brand-heading-weight: ${headingFontWeight ?? "initial"};
+${roleVars}
+  --type-scale: ${typeScale ?? "initial"};
+  --type-body-line-height: ${bodyLineHeight ?? "initial"}; }
+body { font-family: var(--brand-font); }${bodyLineHeight ? `
+body { line-height: var(--type-body-line-height, normal); }` : ""}` })
+  ] });
+}
+export {
+  BrandFontStyles
+};
+//# sourceMappingURL=brand-font-styles.js.map

package/dist/studio/brand-font-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/studio/brand-font-styles.tsx"],"sourcesContent":["import { useUxm } from './lib/context';\nimport { fontFileUrl, resolveTypeRoles, safeFontFamily, safeFontWeight, safeLineHeight, safeTypeScale } from './persistence/generate-css';\n\n/**\n * Live mirror of the brand-font output that `generateOverridesCss` emits\n * after Build: loads the Google Fonts stylesheet for `brand.fontFamily`\n * and applies it via `--brand-font` on `:root` + `body { font-family }`.\n * Without this, picking a typeface in Brand Settings has no visible\n * effect in hosts where persistence is a no-op (the static portal) — and\n * even in a persisting host nothing changed until Publish.\n *\n * `fontFamily` is sanitised with the same `safeFontFamily` guard the Build\n * path uses before being interpolated into the `<style>` tag. React 19\n * hoists the `<link rel=\"stylesheet\">` (with `precedence`) into `<head>`\n * and dedupes it by href, so no manual DOM effects are needed.\n *\n * No `!important` here (unlike the generated `components.css`, which needs\n * it to beat the app cascade): a live `<style>` late in `<body>` already\n * wins over the stylesheets, and `!important` would fight the inline\n * monospace font samples the previews set.\n *\n * The `<style>` renders even when no font is picked: a host may carry a\n * previously PUBLISHED font in its own stylesheet (the generated\n * `components.css` / `#uxm-overrides` sets `--brand-font` + `body` with\n * `!important`), and reverting to the default live only works by\n * re-declaring `--brand-font` with the default stack — returning null\n * would leave the published font in charge until the next Publish.\n *\n * The heading vars follow the same always-declare rule, but their \"unset\"\n * state has no default stack to re-declare (an unset `--brand-heading-font`\n * means \"let each component's own fallback paint\"). `--x: initial` is the\n * spec's way to make a custom property guaranteed-invalid, i.e. genuinely\n * unset at use time — so this live block cancels a previously published\n * heading font and the components' `var(…, inherit)` / literal-weight\n * fallbacks take back over without waiting for the next Publish.\n */\nexport function BrandFontStyles() {\n  const { brand } = useUxm();\n  const fontFamily = safeFontFamily(brand.fontFamily);\n  const headingFontFamily = safeFontFamily(brand.headingFontFamily);\n  const headingFontWeight = safeFontWeight(brand.headingFontWeight);\n  const roles = resolveTypeRoles(brand);\n  const typeScale = safeTypeScale(brand.typeScale);\n  const bodyLineHeight = safeLineHeight(brand.bodyLineHeight);\n\n  // One <link> per distinct family; React 19 also dedupes by href.\n  const families = [...new Set(\n    [fontFamily, headingFontFamily, ...roles.map((r) => r.family)].filter((f): f is string => !!f),\n  )];\n  const stack = (f: string) => `\"${f}\", var(--font-inter), system-ui, sans-serif`;\n  // `initial` = guaranteed-invalid = genuinely unset, so each line cancels a\n  // previously PUBLISHED value and the atoms' own fallbacks repaint live.\n  const roleVars = roles\n    .flatMap(({ role, family, weight, scale }) => [\n      `  --type-${role}-font: ${family ? stack(family) : 'initial'};`,\n      `  --type-${role}-weight: ${weight ?? 'initial'};`,\n      `  --type-${role}-scale: ${scale ?? 'initial'};`,\n    ])\n    .join('\\n');\n\n  return (\n    <>\n      {families.map((f) => (\n        <link key={f} rel=\"stylesheet\" precedence=\"default\" href={fontFileUrl(f)} />\n      ))}\n      <style>{`:root { --brand-font: ${fontFamily ? `\"${fontFamily}\", ` : ''}var(--font-inter), system-ui, sans-serif;\n  --brand-heading-font: ${headingFontFamily ? stack(headingFontFamily) : 'initial'};\n  --brand-heading-weight: ${headingFontWeight ?? 'initial'};\n${roleVars}\n  --type-scale: ${typeScale ?? 'initial'};\n  --type-body-line-height: ${bodyLineHeight ?? 'initial'}; }\nbody { font-family: var(--brand-font); }${bodyLineHeight ? `\nbody { line-height: var(--type-body-line-height, normal); }` : ''}`}</style>\n    </>\n  );\n}\n"],"mappings":"AA6DI,mBAEI,KAFJ;AA7DJ,SAAS,cAAc;AACvB,SAAS,aAAa,kBAAkB,gBAAgB,gBAAgB,gBAAgB,qBAAqB;AAmCtG,SAAS,kBAAkB;AAChC,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,aAAa,eAAe,MAAM,UAAU;AAClD,QAAM,oBAAoB,eAAe,MAAM,iBAAiB;AAChE,QAAM,oBAAoB,eAAe,MAAM,iBAAiB;AAChE,QAAM,QAAQ,iBAAiB,KAAK;AACpC,QAAM,YAAY,cAAc,MAAM,SAAS;AAC/C,QAAM,iBAAiB,eAAe,MAAM,cAAc;AAG1D,QAAM,WAAW,CAAC,GAAG,IAAI;AAAA,IACvB,CAAC,YAAY,mBAAmB,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAmB,CAAC,CAAC,CAAC;AAAA,EAC/F,CAAC;AACD,QAAM,QAAQ,CAAC,MAAc,IAAI,CAAC;AAGlC,QAAM,WAAW,MACd,QAAQ,CAAC,EAAE,MAAM,QAAQ,QAAQ,MAAM,MAAM;AAAA,IAC5C,YAAY,IAAI,UAAU,SAAS,MAAM,MAAM,IAAI,SAAS;AAAA,IAC5D,YAAY,IAAI,YAAY,UAAU,SAAS;AAAA,IAC/C,YAAY,IAAI,WAAW,SAAS,SAAS;AAAA,EAC/C,CAAC,EACA,KAAK,IAAI;AAEZ,SACE,iCACG;AAAA,aAAS,IAAI,CAAC,MACb,oBAAC,UAAa,KAAI,cAAa,YAAW,WAAU,MAAM,YAAY,CAAC,KAA5D,CAA+D,CAC3E;AAAA,IACD,oBAAC,WAAO,mCAAyB,aAAa,IAAI,UAAU,QAAQ,EAAE;AAAA,0BAClD,oBAAoB,MAAM,iBAAiB,IAAI,SAAS;AAAA,4BACtD,qBAAqB,SAAS;AAAA,EACxD,QAAQ;AAAA,kBACQ,aAAa,SAAS;AAAA,6BACX,kBAAkB,SAAS;AAAA,0CACd,iBAAiB;AAAA,+DACI,EAAE,IAAG;AAAA,KAChE;AAEJ;","names":[]}

package/dist/studio/brand-token-styles.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var brand_token_styles_exports = {};
+__export(brand_token_styles_exports, {
+  BrandTokenStyles: () => BrandTokenStyles
+});
+module.exports = __toCommonJS(brand_token_styles_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_context = require("./lib/context.cjs");
+var import_generate_css = require("./persistence/generate-css.cjs");
+function renderBlock(selector, overrides) {
+  if (!overrides) return null;
+  const entries = Object.entries(overrides).flatMap(([k, v]) => {
+    if (!(0, import_generate_css.safeTokenKey)(k)) return [];
+    const safeValue = (0, import_generate_css.safeTokenValue)(v);
+    return safeValue === void 0 ? [] : [[k, safeValue]];
+  });
+  if (entries.length === 0) return null;
+  const body = entries.map(([k, v]) => `  ${k}: ${v};`).join("\n");
+  return `${selector} {
+${body}
+}`;
+}
+function BrandTokenStyles() {
+  const { brand } = (0, import_context.useUxm)();
+  const tokens = brand.tokens;
+  if (!tokens) return null;
+  const blocks = [
+    // Scope to non-dark so a token customized only for light doesn't pin its
+    // value in dark mode too — see generate-css.ts's identical fix for why
+    // (`:root` / `[data-theme="dark"]` are equal-specificity selectors).
+    renderBlock(':root:not([data-theme="dark"])', tokens.light),
+    renderBlock('[data-theme="dark"]', tokens.dark)
+  ].filter(Boolean);
+  if (blocks.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: blocks.join("\n\n") });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrandTokenStyles
+});
+//# sourceMappingURL=brand-token-styles.cjs.map

package/dist/studio/brand-token-styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/studio/brand-token-styles.tsx"],"sourcesContent":["import { useUxm } from './lib/context';\nimport { safeTokenKey, safeTokenValue } from './persistence/generate-css';\n\n// `brand.tokens` come from the network (loaded via persistence) and are\n// interpolated into a live `<style>` tag below — sanitise every key/value\n// first so an attacker-controlled token can't break out of its declaration\n// and inject arbitrary CSS/HTML into every session that renders this page.\nfunction renderBlock(selector: string, overrides: Record<string, string> | undefined): string | null {\n  if (!overrides) return null;\n  const entries = Object.entries(overrides).flatMap(([k, v]) => {\n    if (!safeTokenKey(k)) return [];\n    const safeValue = safeTokenValue(v);\n    return safeValue === undefined ? [] : [[k, safeValue] as const];\n  });\n  if (entries.length === 0) return null;\n  const body = entries.map(([k, v]) => `  ${k}: ${v};`).join('\\n');\n  return `${selector} {\\n${body}\\n}`;\n}\n\nexport function BrandTokenStyles() {\n  const { brand } = useUxm();\n  const tokens = brand.tokens;\n  if (!tokens) return null;\n\n  const blocks = [\n    // Scope to non-dark so a token customized only for light doesn't pin its\n    // value in dark mode too — see generate-css.ts's identical fix for why\n    // (`:root` / `[data-theme=\"dark\"]` are equal-specificity selectors).\n    renderBlock(':root:not([data-theme=\"dark\"])', tokens.light),\n    renderBlock('[data-theme=\"dark\"]', tokens.dark),\n  ].filter(Boolean);\n\n  if (blocks.length === 0) return null;\n\n  return <style>{blocks.join('\\n\\n')}</style>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCS;AAlCT,qBAAuB;AACvB,0BAA6C;AAM7C,SAAS,YAAY,UAAkB,WAA8D;AACnG,MAAI,CAAC,UAAW,QAAO;AACvB,QAAM,UAAU,OAAO,QAAQ,SAAS,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM;AAC5D,QAAI,KAAC,kCAAa,CAAC,EAAG,QAAO,CAAC;AAC9B,UAAM,gBAAY,oCAAe,CAAC;AAClC,WAAO,cAAc,SAAY,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAU;AAAA,EAChE,CAAC;AACD,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,QAAM,OAAO,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI;AAC/D,SAAO,GAAG,QAAQ;AAAA,EAAO,IAAI;AAAA;AAC/B;AAEO,SAAS,mBAAmB;AACjC,QAAM,EAAE,MAAM,QAAI,uBAAO;AACzB,QAAM,SAAS,MAAM;AACrB,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,SAAS;AAAA;AAAA;AAAA;AAAA,IAIb,YAAY,kCAAkC,OAAO,KAAK;AAAA,IAC1D,YAAY,uBAAuB,OAAO,IAAI;AAAA,EAChD,EAAE,OAAO,OAAO;AAEhB,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SAAO,4CAAC,WAAO,iBAAO,KAAK,MAAM,GAAE;AACrC;","names":[]}

package/dist/studio/brand-token-styles.d.ts

@@ -0,0 +1,2 @@
+export declare function BrandTokenStyles(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=brand-token-styles.d.ts.map

package/dist/studio/brand-token-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-token-styles.d.ts","sourceRoot":"","sources":["../../src/studio/brand-token-styles.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,gBAAgB,mDAgB/B"}

package/dist/studio/brand-token-styles.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useUxm } from "./lib/context.js";
+import { safeTokenKey, safeTokenValue } from "./persistence/generate-css.js";
+function renderBlock(selector, overrides) {
+  if (!overrides) return null;
+  const entries = Object.entries(overrides).flatMap(([k, v]) => {
+    if (!safeTokenKey(k)) return [];
+    const safeValue = safeTokenValue(v);
+    return safeValue === void 0 ? [] : [[k, safeValue]];
+  });
+  if (entries.length === 0) return null;
+  const body = entries.map(([k, v]) => `  ${k}: ${v};`).join("\n");
+  return `${selector} {
+${body}
+}`;
+}
+function BrandTokenStyles() {
+  const { brand } = useUxm();
+  const tokens = brand.tokens;
+  if (!tokens) return null;
+  const blocks = [
+    // Scope to non-dark so a token customized only for light doesn't pin its
+    // value in dark mode too — see generate-css.ts's identical fix for why
+    // (`:root` / `[data-theme="dark"]` are equal-specificity selectors).
+    renderBlock(':root:not([data-theme="dark"])', tokens.light),
+    renderBlock('[data-theme="dark"]', tokens.dark)
+  ].filter(Boolean);
+  if (blocks.length === 0) return null;
+  return /* @__PURE__ */ jsx("style", { children: blocks.join("\n\n") });
+}
+export {
+  BrandTokenStyles
+};
+//# sourceMappingURL=brand-token-styles.js.map

package/dist/studio/brand-token-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/studio/brand-token-styles.tsx"],"sourcesContent":["import { useUxm } from './lib/context';\nimport { safeTokenKey, safeTokenValue } from './persistence/generate-css';\n\n// `brand.tokens` come from the network (loaded via persistence) and are\n// interpolated into a live `<style>` tag below — sanitise every key/value\n// first so an attacker-controlled token can't break out of its declaration\n// and inject arbitrary CSS/HTML into every session that renders this page.\nfunction renderBlock(selector: string, overrides: Record<string, string> | undefined): string | null {\n  if (!overrides) return null;\n  const entries = Object.entries(overrides).flatMap(([k, v]) => {\n    if (!safeTokenKey(k)) return [];\n    const safeValue = safeTokenValue(v);\n    return safeValue === undefined ? [] : [[k, safeValue] as const];\n  });\n  if (entries.length === 0) return null;\n  const body = entries.map(([k, v]) => `  ${k}: ${v};`).join('\\n');\n  return `${selector} {\\n${body}\\n}`;\n}\n\nexport function BrandTokenStyles() {\n  const { brand } = useUxm();\n  const tokens = brand.tokens;\n  if (!tokens) return null;\n\n  const blocks = [\n    // Scope to non-dark so a token customized only for light doesn't pin its\n    // value in dark mode too — see generate-css.ts's identical fix for why\n    // (`:root` / `[data-theme=\"dark\"]` are equal-specificity selectors).\n    renderBlock(':root:not([data-theme=\"dark\"])', tokens.light),\n    renderBlock('[data-theme=\"dark\"]', tokens.dark),\n  ].filter(Boolean);\n\n  if (blocks.length === 0) return null;\n\n  return <style>{blocks.join('\\n\\n')}</style>;\n}\n"],"mappings":"AAkCS;AAlCT,SAAS,cAAc;AACvB,SAAS,cAAc,sBAAsB;AAM7C,SAAS,YAAY,UAAkB,WAA8D;AACnG,MAAI,CAAC,UAAW,QAAO;AACvB,QAAM,UAAU,OAAO,QAAQ,SAAS,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM;AAC5D,QAAI,CAAC,aAAa,CAAC,EAAG,QAAO,CAAC;AAC9B,UAAM,YAAY,eAAe,CAAC;AAClC,WAAO,cAAc,SAAY,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAU;AAAA,EAChE,CAAC;AACD,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,QAAM,OAAO,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI;AAC/D,SAAO,GAAG,QAAQ;AAAA,EAAO,IAAI;AAAA;AAC/B;AAEO,SAAS,mBAAmB;AACjC,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,SAAS,MAAM;AACrB,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,SAAS;AAAA;AAAA;AAAA;AAAA,IAIb,YAAY,kCAAkC,OAAO,KAAK;AAAA,IAC1D,YAAY,uBAAuB,OAAO,IAAI;AAAA,EAChD,EAAE,OAAO,OAAO;AAEhB,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SAAO,oBAAC,WAAO,iBAAO,KAAK,MAAM,GAAE;AACrC;","names":[]}