@brandsync/wc 1.16.0 → 1.18.0

package/dist/types/svg-inline.d.ts

@@ -0,0 +1,5 @@
+// Vite's `?inline` import returns the file as a data URI string (used by stories for icon assets).
+declare module '*.svg?inline' {
+  const dataUri: string;
+  export default dataUri;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brandsync/wc",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "publishConfig": {
     "access": "public"
   },
@@ -66,6 +66,7 @@
     "prepare-assets": "cp ../../CONVENTIONS.md ./CONVENTIONS.md && node scripts/generate-reference.mjs && node scripts/validate-tokens.mjs"
   },
   "devDependencies": {
+    "@phosphor-icons/core": "^2.1.1",
     "@stencil/angular-output-target": "^1.4.1",
     "@stencil/core": "^4.27.1 || ^5.0.0-0",
     "@stencil/react-output-target": "^1.6.2",

package/reference.d.ts

@@ -7,7 +7,10 @@ export interface BsParts {
   "bs-ai-disclaimer": "text";
   "bs-ai-greeting": "heading" | "subtext";
   "bs-ai-thinking": "icon" | "label";
+  "bs-app-recent-item": "container" | "icon" | "name" | "description";
   "bs-app-shell": "container" | "header" | "navigation" | "main" | "aside";
+  "bs-app-switcher": "panel" | "header" | "heading" | "manage" | "search" | "group" | "group-header" | "grid" | "list" | "tile" | "row" | "empty" | "footer" | "browse";
+  "bs-app-tile": "container" | "icon" | "label";
   "bs-attachment": "thumbnail" | "card" | "filename" | "badge" | "remove";
   "bs-attachment-list": "row" | "fade";
   "bs-avatar": "container" | "image" | "initials" | "icon";
@@ -31,6 +34,9 @@ export interface BsParts {
   "bs-chip-informative": "icon" | "label";
   "bs-chip-input": "body" | "icon" | "label" | "remove";
   "bs-citation-preview": "container" | "header" | "snippet" | "page";
+  "bs-command-palette": "dialog" | "panel" | "search" | "input" | "results" | "section" | "section-header" | "empty" | "footer" | "hint";
+  "bs-compact-menu-block": "container";
+  "bs-company-switcher": "trigger" | "avatar" | "name" | "subtitle" | "panel" | "search" | "list" | "group" | "group-header" | "row" | "empty" | "footer";
   "bs-composer": "attachments" | "attach" | "input" | "mic" | "action";
   "bs-composer-status-banner": "icon" | "message" | "action" | "close";
   "bs-container": never;
@@ -39,20 +45,28 @@ export interface BsParts {
   "bs-datepicker": "container" | "header" | "menu" | "nav" | "prev" | "next" | "title" | "weekday" | "grid" | "day" | "selected" | "in-range" | "outside" | "today";
   "bs-dialog": "backdrop" | "dialog" | "image" | "icon" | "header" | "close" | "body" | "footer";
   "bs-divider": "line";
+  "bs-empty-state": "container" | "icon" | "heading" | "description" | "action";
   "bs-error-page": "container" | "art" | "code" | "heading" | "description" | "actions" | "primary" | "secondary" | "reference";
   "bs-file-upload": "dropzone" | "icon" | "heading" | "description" | "browse";
   "bs-file-upload-item": "item" | "thumbnail" | "name" | "size" | "progress" | "status" | "action";
+  "bs-global-search": "field" | "panel" | "section" | "section-header" | "empty" | "footer" | "hint" | "clear-recent" | "see-all";
   "bs-grid": "container";
   "bs-icon-tile": "container" | "icon" | "text";
   "bs-input": "field" | "menu" | "label" | "required" | "icon" | "control" | "end-icon" | "chip" | "chip-remove" | "description" | "error" | "error-icon";
+  "bs-key": "container" | "label" | "icon";
+  "bs-key-caps": "container";
+  "bs-keyboard-shortcuts": "container" | "head" | "heading" | "close" | "search" | "switch" | "groups" | "group" | "group-title" | "row" | "empty" | "footer";
   "bs-list": "list";
   "bs-list-item": "container" | "leading" | "content" | "label" | "description" | "support-text" | "trailing";
   "bs-logo": "logo";
+  "bs-mega-menu": "panel" | "columns" | "column" | "heading" | "list" | "block" | "featured" | "featured-title" | "featured-description" | "footer" | "shortcut";
   "bs-menu": "list";
+  "bs-menu-block": "container" | "icon" | "name" | "badge" | "description";
   "bs-menu-item": "item" | "icon" | "label";
   "bs-message": "container" | "avatar" | "content" | "footer" | "timestamp";
   "bs-message-list": "viewport" | "scroll-to-latest";
   "bs-onboarding-checklist": "container" | "art" | "heading" | "description" | "progress" | "steps" | "step" | "current" | "action" | "skip" | "close" | "see-all" | "launcher" | "primary" | "secondary";
+  "bs-page-header": "container" | "breadcrumb" | "row" | "main" | "back" | "title" | "heading" | "status" | "favorite" | "meta" | "actions" | "tabs" | "divider";
   "bs-pagination": "list" | "item" | "prev" | "next" | "page" | "current" | "ellipsis";
   "bs-popover": "trigger" | "popup";
   "bs-product-tour": "container" | "art" | "close" | "heading" | "description" | "footer" | "progress" | "actions" | "secondary" | "primary" | "arrow";
@@ -60,7 +74,9 @@ export interface BsParts {
   "bs-progress-linear": "container" | "track" | "fill" | "label";
   "bs-qr-code": "container" | "close" | "head" | "title" | "description" | "qr" | "code" | "logo" | "overlay" | "url" | "amount" | "expiry" | "actions" | "download" | "copy";
   "bs-radio": "circle" | "dot" | "label";
+  "bs-search-item": "container" | "icon" | "content" | "label" | "description" | "trailing";
   "bs-session-timeout": "container" | "art" | "heading" | "description" | "countdown" | "time" | "saved" | "account" | "password" | "divider" | "alternatives" | "actions" | "primary" | "secondary" | "cancel";
+  "bs-shortcut-row": "container" | "action" | "keys";
   "bs-side-panel": "overlay" | "panel" | "header" | "heading" | "body" | "footer";
   "bs-skeleton": "container" | "line";
   "bs-slider": "label" | "field" | "bound" | "track" | "fill" | "control" | "tooltip";
@@ -85,7 +101,7 @@ export interface BsParts {
   "bs-whats-new-entry": "meta" | "tag" | "date" | "unread" | "image" | "heading" | "description" | "action" | "divider";
   "bs-navigation-drawer": "logo" | "title" | "collapse" | "search" | "search-trigger" | "items" | "backdrop";
   "bs-navigation-drawer-item": "item" | "icon" | "label" | "chevron" | "children";
-  "bs-navigation-header": "logo" | "left" | "right" | "skip-link";
+  "bs-navigation-header": "logo" | "left" | "right" | "menu" | "skip-link";
 }
 
 /** Named slots per component tag (`(default)` is the unnamed slot). */
@@ -95,7 +111,10 @@ export interface BsSlots {
   "bs-ai-disclaimer": "(default)";
   "bs-ai-greeting": never;
   "bs-ai-thinking": never;
+  "bs-app-recent-item": "(default)";
   "bs-app-shell": "header" | "navigation" | "(default)" | "aside";
+  "bs-app-switcher": never;
+  "bs-app-tile": "(default)";
   "bs-attachment": never;
   "bs-attachment-list": "(default)";
   "bs-avatar": never;
@@ -119,6 +138,9 @@ export interface BsSlots {
   "bs-chip-informative": "(default)" | "icon";
   "bs-chip-input": "(default)" | "icon";
   "bs-citation-preview": "(default)" | "footer";
+  "bs-command-palette": "recent" | "suggested" | "commands" | "navigation" | "records" | "try-instead";
+  "bs-compact-menu-block": never;
+  "bs-company-switcher": never;
   "bs-composer": "attachments" | "actions-end";
   "bs-composer-status-banner": "icon";
   "bs-container": "(default)";
@@ -127,20 +149,28 @@ export interface BsSlots {
   "bs-datepicker": never;
   "bs-dialog": "(default)" | "image" | "icon" | "footer";
   "bs-divider": never;
+  "bs-empty-state": "icon" | "(default)" | "action";
   "bs-error-page": "icon";
   "bs-file-upload": "icon";
   "bs-file-upload-item": "thumbnail";
+  "bs-global-search": "recent" | "jump-to" | "top-matches" | "search-in" | "empty" | "error";
   "bs-grid": "(default)";
   "bs-icon-tile": "(default)" | "text";
   "bs-input": "icon" | "end-icon";
+  "bs-key": "(default)" | "icon";
+  "bs-key-caps": "(default)";
+  "bs-keyboard-shortcuts": "heading" | "footer";
   "bs-list": "(default)";
   "bs-list-item": "leading" | "trailing" | "(default)";
   "bs-logo": never;
+  "bs-mega-menu": "featured" | "footer-start" | "footer-end";
   "bs-menu": "(default)";
+  "bs-menu-block": "(default)";
   "bs-menu-item": "icon" | "(default)";
   "bs-message": "(default)" | "avatar" | "footer" | "timestamp";
   "bs-message-list": "(default)";
   "bs-onboarding-checklist": "icon";
+  "bs-page-header": "breadcrumb" | "status" | "meta" | "actions" | "tabs";
   "bs-pagination": never;
   "bs-popover": "trigger" | "(default)";
   "bs-product-tour": "icon";
@@ -148,7 +178,9 @@ export interface BsSlots {
   "bs-progress-linear": "(default)";
   "bs-qr-code": "code" | "logo";
   "bs-radio": "(default)";
+  "bs-search-item": "icon" | "(default)" | "description" | "trailing";
   "bs-session-timeout": "icon";
+  "bs-shortcut-row": "(default)" | "keys";
   "bs-side-panel": "(default)" | "header-actions" | "footer";
   "bs-skeleton": never;
   "bs-slider": never;
@@ -173,7 +205,7 @@ export interface BsSlots {
   "bs-whats-new-entry": "image";
   "bs-navigation-drawer": "search" | "(default)";
   "bs-navigation-drawer-item": "(default)" | "icon" | "children";
-  "bs-navigation-header": "left" | "right";
+  "bs-navigation-header": "left" | "right" | "menu";
 }
 
 /** Component-level CSS custom properties per component tag. */
@@ -183,7 +215,10 @@ export interface BsCssProperties {
   "bs-ai-disclaimer": "--bs-ai-disclaimer-padding-x" | "--bs-ai-disclaimer-text-color" | "--bs-ai-disclaimer-font-size" | "--bs-ai-disclaimer-line-height";
   "bs-ai-greeting": "--bs-ai-greeting-gap" | "--bs-ai-greeting-max-width" | "--bs-ai-greeting-heading-color" | "--bs-ai-greeting-heading-font-size" | "--bs-ai-greeting-heading-line-height" | "--bs-ai-greeting-heading-weight" | "--bs-ai-greeting-heading-gap" | "--bs-ai-greeting-subtext-color" | "--bs-ai-greeting-subtext-font-size" | "--bs-ai-greeting-subtext-line-height";
   "bs-ai-thinking": "--bs-ai-thinking-gap" | "--bs-ai-thinking-icon-size" | "--bs-ai-thinking-text" | "--bs-ai-thinking-shimmer-highlight" | "--bs-ai-thinking-font-size" | "--bs-ai-thinking-line-height" | "--bs-ai-thinking-cycle-duration";
+  "bs-app-recent-item": "--bs-app-recent-item-padding-x" | "--bs-app-recent-item-padding-y" | "--bs-app-recent-item-gap" | "--bs-app-recent-item-radius" | "--bs-app-recent-item-bg" | "--bs-app-recent-item-bg-hover" | "--bs-app-recent-item-bg-pressed" | "--bs-app-recent-item-bg-current" | "--bs-app-recent-item-icon-bg" | "--bs-app-recent-item-color" | "--bs-app-recent-item-color-muted" | "--bs-app-recent-item-color-disabled" | "--bs-app-recent-item-focus-ring";
   "bs-app-shell": "--bs-app-shell-bg" | "--bs-app-shell-color" | "--bs-app-shell-main-padding" | "--bs-app-shell-aside-width";
+  "bs-app-switcher": "--bs-app-switcher-width" | "--bs-app-switcher-radius" | "--bs-app-switcher-bg" | "--bs-app-switcher-border-color" | "--bs-app-switcher-shadow" | "--bs-app-switcher-padding" | "--bs-app-switcher-text-color" | "--bs-app-switcher-header-color" | "--bs-app-switcher-link-color" | "--bs-app-switcher-focus-ring";
+  "bs-app-tile": "--bs-app-tile-icon-size" | "--bs-app-tile-padding" | "--bs-app-tile-gap" | "--bs-app-tile-radius" | "--bs-app-tile-bg" | "--bs-app-tile-bg-hover" | "--bs-app-tile-bg-pressed" | "--bs-app-tile-bg-current" | "--bs-app-tile-icon-bg" | "--bs-app-tile-color" | "--bs-app-tile-color-disabled" | "--bs-app-tile-focus-ring";
   "bs-attachment": "--bs-attachment-size" | "--bs-attachment-radius" | "--bs-attachment-border-color" | "--bs-attachment-card-bg" | "--bs-attachment-filename-color" | "--bs-attachment-badge-bg-pdf" | "--bs-attachment-badge-bg-document";
   "bs-attachment-list": "--bs-attachment-list-gap" | "--bs-attachment-list-padding" | "--bs-attachment-list-fade-color" | "--bs-attachment-list-fade-width" | "--bs-attachment-list-scrollbar-thumb";
   "bs-avatar": never;
@@ -207,6 +242,9 @@ export interface BsCssProperties {
   "bs-chip-informative": never;
   "bs-chip-input": never;
   "bs-citation-preview": "--bs-citation-preview-gap" | "--bs-citation-preview-snippet-color" | "--bs-citation-preview-snippet-bg" | "--bs-citation-preview-snippet-radius" | "--bs-citation-preview-page-color";
+  "bs-command-palette": "--bs-command-palette-width" | "--bs-command-palette-top" | "--bs-command-palette-max-height" | "--bs-command-palette-radius" | "--bs-command-palette-bg" | "--bs-command-palette-shadow" | "--bs-command-palette-overlay" | "--bs-command-palette-footer-bg" | "--bs-command-palette-divider-color" | "--bs-command-palette-header-border-color" | "--bs-command-palette-header-color" | "--bs-command-palette-hint-color" | "--bs-command-palette-z-index";
+  "bs-compact-menu-block": "--bs-compact-menu-block-padding" | "--bs-compact-menu-block-radius" | "--bs-compact-menu-block-bg" | "--bs-compact-menu-block-bg-hover" | "--bs-compact-menu-block-bg-pressed" | "--bs-compact-menu-block-color" | "--bs-compact-menu-block-focus-ring";
+  "bs-company-switcher": "--bs-company-switcher-width" | "--bs-company-switcher-panel-width" | "--bs-company-switcher-radius" | "--bs-company-switcher-trigger-bg" | "--bs-company-switcher-trigger-bg-hover" | "--bs-company-switcher-trigger-bg-pressed" | "--bs-company-switcher-trigger-bg-open" | "--bs-company-switcher-focus-ring" | "--bs-company-switcher-panel-bg" | "--bs-company-switcher-panel-border-color" | "--bs-company-switcher-shadow" | "--bs-company-switcher-max-height" | "--bs-company-switcher-text-color" | "--bs-company-switcher-muted-color" | "--bs-company-switcher-header-color" | "--bs-company-switcher-z-index";
   "bs-composer": "--bs-composer-radius" | "--bs-composer-button-radius" | "--bs-composer-button-size" | "--bs-composer-bg" | "--bs-composer-border" | "--bs-composer-border-focus" | "--bs-composer-action-bg" | "--bs-composer-action-bg-hover" | "--bs-composer-action-bg-pressed" | "--bs-composer-action-bg-disabled" | "--bs-composer-action-icon" | "--bs-composer-action-icon-disabled" | "--bs-composer-attach-icon" | "--bs-composer-mic-icon" | "--bs-composer-mic-icon-disabled" | "--bs-composer-subtle-hover" | "--bs-composer-subtle-pressed" | "--bs-composer-input-max-lines";
   "bs-composer-status-banner": "--bs-composer-status-banner-radius" | "--bs-composer-status-banner-padding-x" | "--bs-composer-status-banner-padding-top" | "--bs-composer-status-banner-padding-bottom" | "--bs-composer-status-banner-gap" | "--bs-composer-status-banner-icon-gap" | "--bs-composer-status-banner-error-bg" | "--bs-composer-status-banner-error-text" | "--bs-composer-status-banner-error-action-bg" | "--bs-composer-status-banner-error-action-bg-hover" | "--bs-composer-status-banner-info-bg" | "--bs-composer-status-banner-info-text" | "--bs-composer-status-banner-info-action-bg" | "--bs-composer-status-banner-info-action-bg-hover" | "--bs-composer-status-banner-neutral-bg" | "--bs-composer-status-banner-neutral-text" | "--bs-composer-status-banner-neutral-action-bg" | "--bs-composer-status-banner-neutral-action-bg-hover" | "--bs-composer-status-banner-neutral-action-border" | "--bs-composer-status-banner-warning-bg" | "--bs-composer-status-banner-warning-text" | "--bs-composer-status-banner-warning-action-bg" | "--bs-composer-status-banner-warning-action-bg-hover" | "--bs-composer-status-banner-close-hover-bg";
   "bs-container": "--bs-container-max-width" | "--bs-container-padding";
@@ -215,20 +253,28 @@ export interface BsCssProperties {
   "bs-datepicker": never;
   "bs-dialog": never;
   "bs-divider": "--bs-divider-thickness" | "--bs-divider-color" | "--bs-divider-inset";
+  "bs-empty-state": "--bs-empty-state-padding-y" | "--bs-empty-state-padding-x" | "--bs-empty-state-gap" | "--bs-empty-state-heading-color" | "--bs-empty-state-description-color";
   "bs-error-page": never;
   "bs-file-upload": never;
   "bs-file-upload-item": never;
+  "bs-global-search": "--bs-global-search-width" | "--bs-global-search-panel-radius" | "--bs-global-search-panel-padding" | "--bs-global-search-gap" | "--bs-global-search-panel-bg" | "--bs-global-search-shadow" | "--bs-global-search-z-index" | "--bs-global-search-divider-color" | "--bs-global-search-header-border-color" | "--bs-global-search-header-color" | "--bs-global-search-hint-color";
   "bs-grid": "--bs-grid-gap" | "--bs-grid-row-gap" | "--bs-grid-column-gap";
   "bs-icon-tile": never;
   "bs-input": never;
+  "bs-key": "--bs-key-bg" | "--bs-key-border-color" | "--bs-key-radius" | "--bs-key-padding-x" | "--bs-key-padding-y" | "--bs-key-min-width" | "--bs-key-color" | "--bs-key-font-size" | "--bs-key-icon-size";
+  "bs-key-caps": "--bs-key-caps-gap" | "--bs-key-caps-separator-color" | "--bs-key-caps-disabled-opacity";
+  "bs-keyboard-shortcuts": "--bs-keyboard-shortcuts-width" | "--bs-keyboard-shortcuts-bg" | "--bs-keyboard-shortcuts-radius" | "--bs-keyboard-shortcuts-padding" | "--bs-keyboard-shortcuts-gap" | "--bs-keyboard-shortcuts-shadow" | "--bs-keyboard-shortcuts-column-gap" | "--bs-keyboard-shortcuts-color" | "--bs-keyboard-shortcuts-color-secondary";
   "bs-list": "--bs-list-gap" | "--bs-list-divider-color";
   "bs-list-item": "--bs-list-item-min-height" | "--bs-list-item-padding-y" | "--bs-list-item-padding-x" | "--bs-list-item-gap" | "--bs-list-item-content-gap" | "--bs-list-item-radius" | "--bs-list-item-bg" | "--bs-list-item-bg-hover" | "--bs-list-item-bg-pressed" | "--bs-list-item-bg-focus" | "--bs-list-item-bg-selected" | "--bs-list-item-bg-selected-hover" | "--bs-list-item-bg-selected-pressed" | "--bs-list-item-bg-selected-focus" | "--bs-list-item-bg-disabled" | "--bs-list-item-color" | "--bs-list-item-color-disabled" | "--bs-list-item-focus-ring" | "--bs-list-item-image-width" | "--bs-list-item-image-height";
   "bs-logo": never;
+  "bs-mega-menu": "--bs-mega-menu-width" | "--bs-mega-menu-radius" | "--bs-mega-menu-bg" | "--bs-mega-menu-border-color" | "--bs-mega-menu-shadow" | "--bs-mega-menu-padding" | "--bs-mega-menu-gap" | "--bs-mega-menu-heading-color" | "--bs-mega-menu-text-color" | "--bs-mega-menu-muted-color";
   "bs-menu": "--bs-menu-bg" | "--bs-menu-radius" | "--bs-menu-padding-y" | "--bs-menu-gap" | "--bs-menu-shadow";
+  "bs-menu-block": "--bs-menu-block-padding" | "--bs-menu-block-gap" | "--bs-menu-block-radius" | "--bs-menu-block-bg" | "--bs-menu-block-bg-hover" | "--bs-menu-block-bg-pressed" | "--bs-menu-block-icon-bg" | "--bs-menu-block-color" | "--bs-menu-block-color-muted" | "--bs-menu-block-focus-ring" | "--bs-menu-block-white-space";
   "bs-menu-item": "--bs-menu-item-radius" | "--bs-menu-item-padding-y" | "--bs-menu-item-padding-x" | "--bs-menu-item-gap" | "--bs-menu-item-hover" | "--bs-menu-item-pressed" | "--bs-menu-item-disabled-bg" | "--bs-menu-item-icon-color" | "--bs-menu-item-icon-color-disabled" | "--bs-menu-item-color" | "--bs-menu-item-color-disabled" | "--bs-menu-item-font-size" | "--bs-menu-item-line-height";
   "bs-message": "--bs-message-gap" | "--bs-message-max-width" | "--bs-message-padding" | "--bs-message-radius" | "--bs-message-user-bg" | "--bs-message-user-color" | "--bs-message-assistant-bg" | "--bs-message-assistant-color" | "--bs-message-error-bg" | "--bs-message-error-color" | "--bs-message-pending-opacity" | "--bs-message-timestamp-color" | "--bs-message-timestamp-font-size";
   "bs-message-list": "--bs-message-list-gap" | "--bs-message-list-padding" | "--bs-message-list-button-offset";
   "bs-onboarding-checklist": never;
+  "bs-page-header": "--bs-page-header-bg" | "--bs-page-header-padding-x" | "--bs-page-header-padding-y" | "--bs-page-header-gap" | "--bs-page-header-title-gap" | "--bs-page-header-actions-gap" | "--bs-page-header-text-color" | "--bs-page-header-meta-color" | "--bs-page-header-shadow" | "--bs-page-header-sticky-offset" | "--bs-page-header-z-index";
   "bs-pagination": never;
   "bs-popover": "--bs-popover-bg" | "--bs-popover-radius" | "--bs-popover-shadow" | "--bs-popover-offset" | "--bs-popover-min-width" | "--bs-popover-z-index";
   "bs-product-tour": never;
@@ -236,7 +282,9 @@ export interface BsCssProperties {
   "bs-progress-linear": never;
   "bs-qr-code": never;
   "bs-radio": never;
+  "bs-search-item": "--bs-search-item-min-height" | "--bs-search-item-padding-y" | "--bs-search-item-padding-x" | "--bs-search-item-gap" | "--bs-search-item-radius" | "--bs-search-item-bg" | "--bs-search-item-bg-active" | "--bs-search-item-bg-pressed" | "--bs-search-item-color" | "--bs-search-item-color-muted" | "--bs-search-item-color-disabled" | "--bs-search-item-icon-color";
   "bs-session-timeout": never;
+  "bs-shortcut-row": "--bs-shortcut-row-height" | "--bs-shortcut-row-padding-x" | "--bs-shortcut-row-gap" | "--bs-shortcut-row-radius" | "--bs-shortcut-row-color" | "--bs-shortcut-row-color-disabled";
   "bs-side-panel": "--bs-side-panel-bg" | "--bs-side-panel-width" | "--bs-side-panel-padding" | "--bs-side-panel-shadow" | "--bs-side-panel-overlay-bg" | "--bs-side-panel-color" | "--bs-side-panel-z-index";
   "bs-skeleton": "--bs-skeleton-bg" | "--bs-skeleton-radius" | "--bs-skeleton-width" | "--bs-skeleton-text-height" | "--bs-skeleton-rect-height" | "--bs-skeleton-gap" | "--bs-skeleton-duration";
   "bs-slider": never;