@fabric-msft/copilot-web 7.0.0

package/esm/components/sidecar-shell-header/sidecar-shell-header.styles.js

@@ -0,0 +1,10 @@
+import { css } from '@microsoft/fast-element';
+import { spacingHorizontalL, fontFamilyBase, colorNeutralForeground1, fontSizeBase400, lineHeightBase400, fontWeightSemibold, fontSizeBase200, display } from '@fluentui/web-components';
+import { sizeVerticalXXXL, sizeVerticalM, sizeHorizontalM } from '@fabric-msft/theme';
+
+const styles = css`
+  ${display("flex")}
+
+  :host{height:${sizeVerticalXXXL};padding:${spacingHorizontalL};font-family:${fontFamilyBase};color:${colorNeutralForeground1};justify-content:space-between;align-items:center;flex-grow:1}:host .title-container{display:flex;align-items:center}:host h2.title{max-width:100px;padding:0px 4px 0px 8px;margin:0px;display:inline;font-size:${fontSizeBase400};line-height:${lineHeightBase400};weight:${fontWeightSemibold}}:host .buttons-container{display:flex;align-items:center}fluent-button.dismiss-button{display:flex;background-color:transparent;border:none;cursor:pointer}fluent-button.dismiss-button svg{font-size:${fontSizeBase200};height:${sizeVerticalM};width:${sizeHorizontalM}}fluent-button.dismiss-button::part(control){min-width:unset;min-height:unset;margin:unset;padding:8px}`;
+
+export { styles };

package/esm/components/sidecar-shell-header/sidecar-shell-header.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidecar-shell-header.styles.js","sourceRoot":"","sources":["../../../../src/components/sidecar-shell-header/sidecar-shell-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,aAAa,EACb,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;cAGL,gBAAgB;eACf,kBAAkB;mBACd,cAAc;aACpB,uBAAuB;;;;;;;;;;;;;;;;iBAgBnB,eAAe;mBACb,iBAAiB;cACtB,kBAAkB;;;;;;;;;;;;;;;;iBAgBf,eAAe;cAClB,aAAa;aACd,eAAe;;;;;;;;;CAS3B,CAAC"}

package/esm/components/sidecar-shell-header/sidecar-shell-header.template.js

@@ -0,0 +1,14 @@
+import { html } from '@microsoft/fast-element';
+
+const m365Icon = html`<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.625 1.96094L12.5 2.15163V7.55279L9.5 8.24974L8.50001 9.62186V11.7788C8.50001 13.2282 9.28404 14.5642 10.5494 15.271L13.3773 16.8506L8.5 19.4301L6.47245 19.7191L4.54939 18.6449C3.28403 17.9381 2.5 16.6022 2.5 15.1528V8.84836C2.5 7.3986 3.28445 6.06232 4.55035 5.35568L10.1984 2.2029L10.1951 2.20523L10.625 1.96094Z" fill="url(#paint0_radial_848_12319)" /><path d="M10.625 1.96094L12.5 2.15163V7.55279L9.5 8.24974L8.50001 9.62186V11.7788C8.50001 13.2282 9.28404 14.5642 10.5494 15.271L13.3773 16.8506L8.5 19.4301L6.47245 19.7191L4.54939 18.6449C3.28403 17.9381 2.5 16.6022 2.5 15.1528V8.84836C2.5 7.3986 3.28445 6.06232 4.55035 5.35568L10.1984 2.2029L10.1951 2.20523L10.625 1.96094Z" fill="url(#paint1_linear_848_12319)" /><path d="M16.5 8.99988L21.5 11.9999L22.5 12.9999V15.1525C22.5 16.6019 21.716 17.9379 20.4506 18.6447L14.4506 21.9961C13.2384 22.6732 11.7616 22.6732 10.5494 21.9961L4.54939 18.6447C4.43277 18.5795 4.32024 18.5091 4.21204 18.4336L4.54936 18.6221C5.76162 19.2992 7.23833 19.2992 8.45059 18.6221L14.4506 15.2706C15.7159 14.5638 16.5 13.2279 16.5 11.7785V8.99988Z" fill="url(#paint2_radial_848_12319)" /><path d="M16.5 8.99988L21.5 11.9999L22.5 12.9999V15.1525C22.5 16.6019 21.716 17.9379 20.4506 18.6447L14.4506 21.9961C13.2384 22.6732 11.7616 22.6732 10.5494 21.9961L4.54939 18.6447C4.43277 18.5795 4.32024 18.5091 4.21204 18.4336L4.54936 18.6221C5.76162 19.2992 7.23833 19.2992 8.45059 18.6221L14.4506 15.2706C15.7159 14.5638 16.5 13.2279 16.5 11.7785V8.99988Z" fill="url(#paint3_linear_848_12319)" /><path d="M20.4496 5.3556L14.4496 2.00634C13.2379 1.32992 11.7621 1.32992 10.5503 2.00634L10.1972 2.20346C9.1402 2.94738 8.5 4.16447 8.5 5.47418V9.65284L10.5503 8.50832C11.7621 7.8319 13.2379 7.8319 14.4496 8.50832L20.4496 11.8576C21.6867 12.5481 22.464 13.84 22.4988 15.2515C22.4996 15.2186 22.5 15.1857 22.5 15.1527V8.84829C22.5 7.39852 21.7155 6.06224 20.4496 5.3556Z" fill="url(#paint4_radial_848_12319)" /><path d="M20.4496 5.3556L14.4496 2.00634C13.2379 1.32992 11.7621 1.32992 10.5503 2.00634L10.1972 2.20346C9.1402 2.94738 8.5 4.16447 8.5 5.47418V9.65284L10.5503 8.50832C11.7621 7.8319 13.2379 7.8319 14.4496 8.50832L20.4496 11.8576C21.6867 12.5481 22.464 13.84 22.4988 15.2515C22.4996 15.2186 22.5 15.1857 22.5 15.1527V8.84829C22.5 7.39852 21.7155 6.06224 20.4496 5.3556Z" fill="url(#paint5_linear_848_12319)" /><defs><radialGradient id="paint0_radial_848_12319" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9409 7.67621) rotate(112.544) scale(14.6574 12.0667)"><stop offset="0.206732" stop-color="#45D586" /><stop offset="0.875628" stop-color="#128245" /></radialGradient><linearGradient id="paint1_linear_848_12319" x1="9.41403" y1="18.1348" x2="8.61684" y2="16.6511" gradientUnits="userSpaceOnUse"><stop offset="0.9999" stop-color="#0F773F" /><stop offset="1" stop-color="#0078D4" stop-opacity="0" /></linearGradient><radialGradient id="paint2_radial_848_12319" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.81249 16.8251) rotate(-3.9995) scale(15.3873 9.66209)"><stop offset="0.140029" stop-color="#FBFF47" /><stop offset="0.952721" stop-color="#54B228" /></radialGradient><linearGradient id="paint3_linear_848_12319" x1="19.3089" y1="11.2185" x2="18.4688" y2="12.6818" gradientUnits="userSpaceOnUse"><stop offset="0.9999" stop-color="#27770B" /><stop offset="1" stop-color="#8C66BA" stop-opacity="0" /></linearGradient><radialGradient id="paint4_radial_848_12319" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.1452 11.7414) rotate(-138.33) scale(14.2509 8.12793)"><stop stop-color="#95FEA0" /><stop offset="0.839255" stop-color="#10B7B7" /></radialGradient><linearGradient id="paint5_linear_848_12319" x1="8.5" y1="6.94488" x2="10.1334" y2="6.94488" gradientUnits="userSpaceOnUse"><stop offset="0.9999" stop-color="#0A7B7B" /><stop offset="1" stop-color="#436DCD" stop-opacity="0" /></linearGradient></defs></svg>`;
+const dismissIcon = html`<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.588591 0.215694L0.646447 0.146447C0.820013 -0.0271197 1.08944 -0.046405 1.28431 0.0885911L1.35355 0.146447L6.5 5.293L11.6464 0.146447C11.82 -0.0271197 12.0894 -0.046405 12.2843 0.0885911L12.3536 0.146447C12.5271 0.320013 12.5464 0.589437 12.4114 0.784306L12.3536 0.853553L7.207 6L12.3536 11.1464C12.5271 11.32 12.5464 11.5894 12.4114 11.7843L12.3536 11.8536C12.18 12.0271 11.9106 12.0464 11.7157 11.9114L11.6464 11.8536L6.5 6.707L1.35355 11.8536C1.17999 12.0271 0.910563 12.0464 0.715694 11.9114L0.646447 11.8536C0.47288 11.68 0.453595 11.4106 0.588591 11.2157L0.646447 11.1464L5.793 6L0.646447 0.853553C0.47288 0.679987 0.453595 0.410563 0.588591 0.215694L0.646447 0.146447L0.588591 0.215694Z" fill="#424242" /></svg>`;
+/**
+ * The template for the sidecar-shell-header component.
+ * @public
+ */
+function SidecarShellHeaderTemplate() {
+  return html`<template slot="header"><div class="title-container"><slot name="icon" part="icon">${m365Icon}</slot><h2 class="title"><slot name="title" part="title">fluent</slot></h2><slot name="badges" part="badges"></slot></div><div class="buttons-container"><slot name="detach" part="detach"></slot><slot name="overflow" part="overflow"></slot><fluent-button part="dismiss" class="dismiss-button" appearance="subtle" icon-only @click="${x => x.dismissSidecar()}">${dismissIcon}</fluent-button></div></template>`;
+}
+const template = SidecarShellHeaderTemplate();
+
+export { SidecarShellHeaderTemplate, template };

package/esm/components/sidecar-shell-header/sidecar-shell-header.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidecar-shell-header.template.js","sourceRoot":"","sources":["../../../../src/components/sidecar-shell-header/sidecar-shell-header.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGpB,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;;;;;;;;CAavB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,0BAA0B;IAGxC,OAAO,IAAI,CAAG;;;wCAGwB,QAAQ;;;;;;;;;;;;;;oBAc5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;;YAEjC,WAAW;;;;GAIpB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,0BAA0B,EAAE,CAAC"}

package/esm/components/sources-button/define.js

@@ -0,0 +1,4 @@
+import { DesignSystem } from "../design-system.js";
+import { definition as SourcesButtonDefinition } from "./sources-button.definition.js";
+SourcesButtonDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/sources-button/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/sources-button/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEvF,uBAAuB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/sources-button/index.js

@@ -0,0 +1,6 @@
+export { SourcesButton } from "./sources-button.js";
+export { definition as SourcesButtonDefinition } from "./sources-button.definition.js";
+export { template as SourcesButtonTemplate } from "./sources-button.template.js";
+export { styles as SourcesButtonStyles } from "./sources-button.styles.js";
+export { SourcesButtonFormTargets, SourcesButtonSurfaces } from "./sources-button.options.js";
+//# sourceMappingURL=index.js.map

package/esm/components/sources-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/sources-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,6BAA6B,CAAC"}

package/esm/components/sources-button/sources-button.definition.js

@@ -0,0 +1,22 @@
+import { SourcesButton } from './sources-button.js';
+import { styles } from './sources-button.styles.js';
+import { template } from './sources-button.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/**
+ * The Sources Button component definition.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fabric-sources-button\>
+ */
+const definition = SourcesButton.compose({
+  name: `${DesignSystem.prefix}-sources-button`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/sources-button/sources-button.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources-button.definition.js","sourceRoot":"","sources":["../../../../src/components/sources-button/sources-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/sources-button/sources-button.js

@@ -0,0 +1,58 @@
+import { __decorate } from 'tslib';
+import { attr } from '@microsoft/fast-element';
+import { Button } from '@fabric-msft/fabric-web';
+import { SourcesButtonSurfaces } from './sources-button.options.js';
+
+/**
+ * SourcesButton
+ * @summary A specialized button component for displaying sources with associated icons, designed for Copilot UI patterns. Extends fabric-button to leverage existing button semantics and accessibility. Provides visual indication (chevron) that clicking will open a side pane or modal to show source details.
+ *
+ * @example
+ * ```html
+ * <fabric-sources-button surface="immersive">
+ *   Sources
+ *   <fabric-svg-icon slot="icons" name="document-16-regular" aria-hidden="true"></fabric-svg-icon>
+ *   <fabric-svg-icon slot="icons" name="chart-16-regular" aria-hidden="true"></fabric-svg-icon>
+ * </fabric-sources-button>
+ * ```
+ *
+ * @attr {SourcesButtonSurface} surface - The surface variant of the button (`immersive` or `sidecar`). Determines padding and typography based on Copilot surface context.
+ * @attr {boolean} disabled - Whether the button is disabled (inherited from `fabric-button`).
+ *
+ * @slot - The default slot for the button label (e.g., "Sources").
+ * @slot start - Optional content before the button label (inherited from button, typically not used here).
+ * @slot icons - Container for source type icons. Rendered between label and chevron. Icons are sized automatically via CSS.
+ *
+ * @csspart label - The text label container.
+ * @csspart icons - The container holding the slotted icons.
+ * @csspart chevron - The chevron indicator at the end of the button.
+ *
+ * @cssprop --icon-spacing - Gap between icons in the icons slot.
+ * @cssprop --chevron-spacing - Space before the chevron.
+ *
+ * @fires click - Native click event (inherited). Fires when the button is activated via mouse or keyboard.
+ *
+ * @extends Button
+ * @tagname fabric-sources-button
+ * @public
+ */
+class SourcesButton extends Button {
+  constructor() {
+    super(...arguments);
+    /**
+     * The surface variant of the sources button.
+     *
+     * @remarks
+     * Determines padding and typography based on Copilot surface context.
+     * Only `immersive` and `sidecar` are valid values, matching Copilot surface contexts.
+     *
+     * HTML Attribute: `surface`
+     *
+     * @public
+     */
+    this.surface = SourcesButtonSurfaces.immersive;
+  }
+}
+__decorate([attr], SourcesButton.prototype, "surface", void 0);
+
+export { SourcesButton };

package/esm/components/sources-button/sources-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources-button.js","sourceRoot":"","sources":["../../../../src/components/sources-button/sources-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EACL,qBAAqB,EAEtB,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,OAAO,aAAc,SAAQ,MAAM;IAAzC;;QACE;;;;;;;;;;WAUG;QAEI,YAAO,GAAyB,qBAAqB,CAAC,SAAS,CAAC;IACzE,CAAC;CAAA;AADQ;IADN,IAAI;8CACkE"}

package/esm/components/sources-button/sources-button.options.js

@@ -0,0 +1,25 @@
+import { ButtonFormTargets } from '@fabric-msft/fabric-web';
+
+/**
+ * Form target values for {@link SourcesButton}.
+ * @public
+ */
+const SourcesButtonFormTargets = {
+  ...ButtonFormTargets
+};
+/**
+ * Surface values for {@link SourcesButton}.
+ *
+ * @remarks
+ * These values intentionally differ from the inherited `ButtonSize`
+ * (`small`, `medium`, `large`). Sources Button uses Copilot surface context sizing
+ * to maintain consistency with other Copilot components like `approval-card`.
+ *
+ * @public
+ */
+const SourcesButtonSurfaces = {
+  immersive: "immersive",
+  sidecar: "sidecar"
+};
+
+export { SourcesButtonFormTargets, SourcesButtonSurfaces };

package/esm/components/sources-button/sources-button.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources-button.options.js","sourceRoot":"","sources":["../../../../src/components/sources-button/sources-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGvF;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,GAAG,uBAAuB;CAClB,CAAC;AAQX;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;CACV,CAAC"}

package/esm/components/sources-button/sources-button.styles.js

@@ -0,0 +1,15 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { spacingHorizontalXXS, spacingHorizontalMNudge, spacingHorizontalSNudge, colorNeutralBackground1, colorNeutralStroke2, borderRadiusXLarge, fontFamilyBase, fontWeightRegular, colorNeutralForeground1, spacingVerticalMNudge, spacingHorizontalM, fontSizeBase300, lineHeightBase300, spacingVerticalS, fontSizeBase200, lineHeightBase200, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorStrokeFocus2, colorNeutralForegroundDisabled, colorNeutralBackgroundDisabled, colorNeutralStrokeDisabled, colorNeutralForeground2 } from '@fluentui/web-components';
+import { sizeHorizontalL, sizeVerticalL } from '@fabric-msft/theme';
+
+/**
+ * Styles for the SourcesButton component.
+ * @public
+ */
+const styles = css`
+  ${display("inline-flex")}
+
+  :host{--icon-spacing:${spacingHorizontalXXS};--chevron-spacing:${spacingHorizontalMNudge};align-items:center;gap:${spacingHorizontalSNudge};background:${colorNeutralBackground1};border:1px solid ${colorNeutralStroke2};border-radius:${borderRadiusXLarge};cursor:pointer;font-family:${fontFamilyBase};font-weight:${fontWeightRegular};color:${colorNeutralForeground1};box-sizing:border-box;text-decoration:none;user-select:none;outline:none}:host,:host([surface="immersive"]){padding:${spacingVerticalMNudge} ${spacingHorizontalM};font-size:${fontSizeBase300};line-height:${lineHeightBase300}}:host([surface="sidecar"]){padding:${spacingVerticalS} ${spacingHorizontalM};font-size:${fontSizeBase200};line-height:${lineHeightBase200}}:host(:hover:not([disabled])){background:${colorNeutralBackground1Hover}}:host(:active:not([disabled])){background:${colorNeutralBackground1Pressed}}:host(:focus-visible){outline:2px solid ${colorStrokeFocus2};outline-offset:2px}:host([disabled]),:host([disabled-focusable]){cursor:not-allowed;color:${colorNeutralForegroundDisabled};background:${colorNeutralBackgroundDisabled};border-color:${colorNeutralStrokeDisabled}}.label{display:inline-flex;align-items:center;padding-inline:${spacingHorizontalXXS};color:${colorNeutralForeground2}}.icons{display:inline-flex;align-items:center;gap:var(--icon-spacing)}.icons ::slotted(*){width:${sizeHorizontalL};height:${sizeVerticalL}}.chevron{display:inline-flex;align-items:center}.chevron svg{display:block}`;
+
+export { styles };

package/esm/components/sources-button/sources-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources-button.styles.js","sourceRoot":"","sources":["../../../../src/components/sources-button/sources-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,0BAA0B,EAC1B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEpE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;sBAGJ,oBAAoB;yBACjB,uBAAuB;;;WAGrC,uBAAuB;kBAChB,uBAAuB;wBACjB,mBAAmB;qBACtB,kBAAkB;;mBAEpB,cAAc;mBACd,iBAAiB;aACvB,uBAAuB;;;;;;;;;;eAUrB,qBAAqB,IAAI,kBAAkB;iBACzC,eAAe;mBACb,iBAAiB;;;;;eAKrB,gBAAgB,IAAI,kBAAkB;iBACpC,eAAe;mBACb,iBAAiB;;;;;kBAKlB,4BAA4B;;;;;kBAK5B,8BAA8B;;;;;yBAKvB,iBAAiB;;;;;;;;aAQ7B,8BAA8B;kBACzB,8BAA8B;oBAC5B,0BAA0B;;;;;;;sBAOxB,oBAAoB;aAC7B,uBAAuB;;;;;;;;;;;;aAYvB,eAAe;cACd,aAAa;;;;;;;;;;;;CAY1B,CAAC"}

package/esm/components/sources-button/sources-button.template.js

@@ -0,0 +1,17 @@
+import { html } from '@microsoft/fast-element';
+import { chevronRight16Regular } from '../assets/icon.js';
+
+/**
+ * Generates the template for the SourcesButton component.
+ * @public
+ */
+function sourcesButtonTemplate() {
+  return html`<template ?disabled="${x => x.disabled}" aria-disabled="${x => x.disabled || x.disabledFocusable ? "true" : null}"><slot name="start"></slot><span class="label" part="label"><slot></slot></span><span class="icons" part="icons"><slot name="icons"></slot></span><span class="chevron" part="chevron" aria-hidden="true">${chevronRight16Regular}</span></template>`;
+}
+/**
+ * The template for the SourcesButton component.
+ * @public
+ */
+const template = sourcesButtonTemplate();
+
+export { sourcesButtonTemplate, template };

package/esm/components/sources-button/sources-button.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources-button.template.js","sourceRoot":"","sources":["../../../../src/components/sources-button/sources-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;GAGG;AACH,MAAM,UAAU,qBAAqB;IAGnC,OAAO,IAAI,CAAG;;mBAEG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACb,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;;;;;;;;;;UAU/C,qBAAqB;;;GAG5B,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GACnB,qBAAqB,EAAE,CAAC"}

package/esm/components/starter-card/define.js

@@ -0,0 +1,5 @@
+import { DesignSystem } from "../design-system.js";
+import { definition as StarterCardDefinition } from "./starter-card.definition.js";
+// Register the <fabric-starter-card> element with the active design system registry.
+StarterCardDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/starter-card/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/starter-card/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAEnF,qFAAqF;AACrF,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/starter-card/index.js

@@ -0,0 +1,6 @@
+export { StarterCard } from "./starter-card.js";
+export { StarterCardEventNames, StarterCardHeadingLevels } from "./starter-card.options.js";
+export { definition as StarterCardDefinition } from "./starter-card.definition.js";
+export { template as StarterCardTemplate } from "./starter-card.template.js";
+export { styles as StarterCardStyles } from "./starter-card.styles.js";
+//# sourceMappingURL=index.js.map

package/esm/components/starter-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/starter-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}

package/esm/components/starter-card/starter-card.definition.js

@@ -0,0 +1,23 @@
+import { StarterCard } from './starter-card.js';
+import { styles } from './starter-card.styles.js';
+import { template } from './starter-card.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/**
+ * Starter Card component definition.
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-starter-card>
+ * (Previously documented under the legacy zero prompt naming; updated terminology aligns with design system.)
+ */
+const definition = StarterCard.compose({
+  name: `${DesignSystem.prefix}-starter-card`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/starter-card/starter-card.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"starter-card.definition.js","sourceRoot":"","sources":["../../../../src/components/starter-card/starter-card.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;IAC5C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,eAAe;IAC3C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}