@brandsync/wc 1.17.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.17.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";
@@ -32,6 +35,8 @@ export interface BsParts {
   "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;
@@ -54,11 +59,14 @@ export interface BsParts {
   "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";
@@ -93,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). */
@@ -103,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;
@@ -128,6 +139,8 @@ export interface BsSlots {
   "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)";
@@ -150,11 +163,14 @@ export interface BsSlots {
   "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";
@@ -189,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. */
@@ -199,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;
@@ -224,6 +243,8 @@ export interface BsCssProperties {
   "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";
@@ -246,11 +267,14 @@ export interface BsCssProperties {
   "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;