@fabric-msft/copilot-web 7.0.0

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

@@ -0,0 +1,486 @@
+import { __decorate } from 'tslib';
+import { attr, nullableNumberConverter, observable, FASTElement, Updates } from '@microsoft/fast-element';
+import { uniqueId, keyEscape, keySpace, keyEnter } from '@microsoft/fast-web-utilities';
+import { toggleState, createRovingFocusController, isRtl } from '@fabric-msft/fabric-web';
+import { StarterCardEventNames } from './starter-card.options.js';
+import { PromptEventNames } from '../prompt/prompt.options.js';
+import '../prompt/prompt.js';
+
+/**
+ * StarterCard
+ * @summary Collapsible Copilot suggestion surface that groups `fabric-prompt` children beneath a heading button with built-in roving focus and event re-emission.
+ *
+ * @example Basic usage
+ * ```html
+ * <fabric-starter-card expanded>
+ *   <div slot="title">Recommended</div>
+ *   <div slot="icon">💡</div>
+ *   <fabric-prompt prompt="Explain this chart">Explain this chart</fabric-prompt>
+ *   <fabric-prompt prompt="List the top risks">List the top risks</fabric-prompt>
+ * </fabric-starter-card>
+ * ```
+ *
+ * @remarks
+ * - Synchronizes `aria-expanded`, `aria-controls`, `aria-hidden`, and ElementInternals custom states so assistive tech mirrors the current `expanded`/`disabled` status.
+ * - Maintains a roving `tabindex` across enabled prompts, supports Arrow Up/Down navigation, and collapses on Escape while restoring focus to the header toggle.
+ * - Emits `toggle` and re-emits `prompt-select` with canonical prompt text, allowing hosts to populate chat inputs without mutating slot content.
+ *
+ * @attr {boolean} expanded - Reflects whether the prompt panel is open. Default: false.
+ * @attr {boolean} disabled - Prevents interaction, forces collapse, and removes the header button from the tab order. Default: false.
+ * @attr {number} heading-level - Mirrors `aria-level` for the heading wrapper (2-6). Default: 2.
+ * @attr {string} id - Unique identifier used to link the toggle button and prompt group via `aria-controls`. Default: auto-generated `starter-card-*`.
+ *
+ * @prop {ElementInternals} elementInternals - Tracks custom states (`expanded`, `disabled`) for accessibility consumers.
+ * @prop {HTMLElement[]} slottedPrompts - Live array of current `fabric-prompt` children used for roving tabindex calculations and observers.
+ * @prop {HTMLElement} group - Accessible region wrapping the prompt list and receiving `role="group"`.
+ * @prop {HTMLButtonElement} expandbutton - Heading toggle that handles click/keyboard expansion and focus restoration.
+ * @prop {boolean} expanded - Programmatic accessor for the expansion state; setting triggers toggle events when changed.
+ * @prop {boolean} disabled - Programmatic accessor for disabling interaction; changes collapse the card and update custom states.
+ * @prop {HeadingLevel} headingLevel - Programmatic mirror of the `heading-level` attribute applied to the heading wrapper.
+ * @prop {string} id - Programmatic mirror of the host identifier applied to ARIA relationships.
+ * @prop {string | undefined} prompt - Stores the most recent prompt text surfaced by `prompt-select` for consumer inspection.
+ *
+ * @fires prompt-select - Bubbles and is composed; detail `{ prompt: string }` matches the selected child prompt text.
+ * @fires toggle - Bubbles and is composed; detail `{ expanded: boolean }` indicates the new expansion state.
+ *
+ * @slot - Default slot for `fabric-prompt` children, wired for roving focus and selection forwarding.
+ * @slot icon - Optional glyph or illustration rendered next to the title within the toggle button.
+ * @slot title - Heading content displayed inside the toggle button.
+ *
+ * @tagname fabric-starter-card
+ * @extends FASTElement
+ * @public
+ */
+class StarterCard extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Internal element state for accessibility and ARIA attributes.
+     * @public
+     * @type {ElementInternals}
+     */
+    this.elementInternals = this.attachInternals();
+    /**
+     * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
+     * heading element.
+     *
+     * @public
+     * @remarks
+     * HTML attribute: heading-level
+     */
+    this.headingLevel = 2;
+    /**
+     * Whether the starter card is expanded or not.
+     *
+     * @public
+     * @attr
+     * @type {boolean}
+     * @default false
+     */
+    this.expanded = false;
+    /**
+     * The unique ID for the starter card element.
+     *
+     * @public
+     * @attr
+     * @type {string}
+     */
+    this.id = `starter-card-${uniqueId()}`;
+    /**
+     * Whether the starter card is disabled.
+     *
+     * @public
+     * @attr
+     * @type {boolean}
+     * @default false
+     */
+    this.disabled = false;
+    /**
+     * WeakMap tracking MutationObserver instances for each slotted prompt element.
+     * Used to observe disabled attribute changes on prompts and recompute roving
+     * tabindex state accordingly. WeakMap ensures observers are automatically
+     * garbage collected when prompt elements are removed.
+     *
+     * @internal
+     */
+    this.promptObservers = new WeakMap();
+    /**
+     * Flag indicating whether a state application cycle is already scheduled.
+     * Prevents redundant DOM update cycles when multiple state changes occur
+     * synchronously by coalescing them into a single async update.
+     *
+     * @internal
+     */
+    this.applyScheduled = false;
+  }
+  /**
+   * React to expanded state changes (ARIA/state sync + events).
+   * @internal
+   */
+  expandedChanged() {
+    // Per-platform: changed handlers do not auto-run on connect; we coalesce work via apply.
+    this.scheduleApply();
+  }
+  /**
+   * Toggles the expanded state of the component.
+   *
+   * @returns {boolean} True if the state changed (not vetoed and not already equal), otherwise false.
+   * @public
+   */
+  toggleExpanded() {
+    if (this.disabled) return false;
+    const next = !this.expanded;
+    this.expanded = next;
+    this.emitToggle();
+    return true;
+  }
+  /**
+   * Expands the component.
+   *
+   * @returns {boolean} True if expanded (not vetoed and not already expanded), otherwise false.
+   * @public
+   */
+  open() {
+    if (this.disabled || this.expanded) return false;
+    this.expanded = true;
+    this.emitToggle();
+    return true;
+  }
+  /**
+   * Collapses the component.
+   *
+   * @returns {boolean} True if collapsed (not vetoed and not already collapsed), otherwise false.
+   * @public
+   */
+  close() {
+    if (this.disabled || !this.expanded) return false;
+    this.expanded = false;
+    this.emitToggle();
+    return true;
+  }
+  /**
+   * Slot change handler for prompt elements. Manages event listener attachment
+   * and observer setup for slotted prompt elements.
+   * @internal
+   */
+  slottedPromptsChanged(oldList = []) {
+    var _a;
+    if (this.events) this.rewirePromptListeners(this.events.signal);
+    for (const el of oldList) {
+      if (!((_a = this.slottedPrompts) === null || _a === void 0 ? void 0 : _a.includes(el))) this.disconnectPromptObserver(el);
+    }
+    this.scheduleApply();
+  }
+  /**
+   * Handles changes to the `disabled` attribute.
+   *
+   * @param {boolean} _prev The previous disabled state.
+   * @param {boolean} next The new disabled state.
+   * @internal
+   */
+  disabledChanged(_prev, next) {
+    toggleState(this.elementInternals, "disabled", next);
+    if (next && this.expanded) {
+      // Force close when disabled, bypass the disabled check in close()
+      this.expanded = false;
+      this.emitToggle();
+    }
+    this.scheduleApply();
+  }
+  /**
+   * Handles expand button keyboard events.
+   * @internal
+   */
+  onExpandKeyDown(e) {
+    if (e.defaultPrevented || this.slottedPrompts === undefined) {
+      return;
+    }
+    switch (e.key) {
+      case keyEnter:
+      case keySpace:
+        e.preventDefault();
+        {
+          const willOpen = !this.expanded;
+          const changed = this.toggleExpanded();
+          if (willOpen && changed) {
+            Updates.next().then(() => {
+              var _a;
+              (_a = this.rovingFocus) === null || _a === void 0 ? void 0 : _a.focusFirst();
+            });
+          }
+        }
+        break;
+      case keyEscape:
+        e.preventDefault();
+        this.handlePromptClose();
+        break;
+    }
+  }
+  /**
+   * Host-level keyboard handler for escape key.
+   * @internal
+   */
+  onHostKeyDown(e) {
+    if (e.key === keyEscape && this.expanded) {
+      e.preventDefault();
+      this.handlePromptClose();
+    }
+  }
+  /**
+   * Handles keyboard navigation within the expanded prompt panel.
+   * Delegates to roving focus controller.
+   * @internal
+   */
+  onPanelKeyDown(e) {
+    var _a;
+    (_a = this.rovingFocus) === null || _a === void 0 ? void 0 : _a.handleKeydown(e);
+  }
+  /**
+   * Emit non-cancelable toggle event after expansion state change.
+   * @internal
+   */
+  emitToggle() {
+    this.dispatchEvent(new CustomEvent(StarterCardEventNames.toggle, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        expanded: this.expanded
+      }
+    }));
+  }
+  /**
+   * Handles prompt selection and emits a custom event.
+   *
+   * @param {Event} event The select event.
+   * @internal
+   */
+  handlePromptSelect(event) {
+    var _a;
+    event.stopPropagation();
+    // Type guard for CustomEvent with prompt detail
+    if (!(event instanceof CustomEvent) || !((_a = event.detail) === null || _a === void 0 ? void 0 : _a.prompt)) {
+      return;
+    }
+    this.prompt = event.detail.prompt;
+    this.emitPromptSelectEvent();
+  }
+  /**
+   * Collapse and restore focus to toggle button.
+   * @internal
+   */
+  handlePromptClose() {
+    var _a;
+    this.close();
+    (_a = this.expandbutton) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  /**
+   * Initial component wire-up (event listeners, roving tabindex).
+   * Uses AbortController for clean event listener management.
+   * @internal
+   */
+  setComponent() {
+    var _a, _b, _c, _d;
+    (_a = this.events) === null || _a === void 0 ? void 0 : _a.abort();
+    this.events = new AbortController();
+    const {
+      signal
+    } = this.events;
+    // Create roving focus controller with custom focus for Prompt's internal button
+    this.rovingFocus = createRovingFocusController({
+      items: () => {
+        var _a;
+        return (_a = this.slottedPrompts) !== null && _a !== void 0 ? _a : [];
+      },
+      orientation: "vertical",
+      enableHomeEnd: false,
+      // starter-card only uses Up/Down
+      wrap: true,
+      focusItem: el => {
+        const prompt = el;
+        prompt.setAttribute("tabindex", "0");
+        const internalButton = prompt.promptbutton;
+        if (internalButton) {
+          internalButton.tabIndex = 0;
+          internalButton.focus();
+        } else {
+          prompt.focus();
+        }
+      },
+      isRtl: isRtl
+    });
+    // host + container
+    this.addEventListener("keydown", this.onHostKeyDown, {
+      signal
+    });
+    (_b = this.group) === null || _b === void 0 ? void 0 : _b.addEventListener("keydown", e => this.onPanelKeyDown(e), {
+      signal
+    });
+    // toggle button
+    (_c = this.expandbutton) === null || _c === void 0 ? void 0 : _c.addEventListener("click", () => this.toggleExpanded(), {
+      signal
+    });
+    (_d = this.expandbutton) === null || _d === void 0 ? void 0 : _d.addEventListener("keydown", e => this.onExpandKeyDown(e), {
+      signal
+    });
+    // prompts
+    this.rewirePromptListeners(signal);
+  }
+  /**
+   * Attaches event listeners to current slotted prompts with the shared AbortSignal.
+   * Enables clean removal of all prompt listeners when the component is updated or destroyed.
+   *
+   * @param {AbortSignal} signal The abort signal to use for event listeners
+   * @internal
+   */
+  rewirePromptListeners(signal) {
+    var _a;
+    for (const prompt of (_a = this.slottedPrompts) !== null && _a !== void 0 ? _a : []) {
+      prompt.addEventListener(PromptEventNames.select, event => this.handlePromptSelect(event), {
+        signal
+      });
+      this.observePromptDisabled(prompt);
+    }
+  }
+  /**
+   * Observe disabled attribute on prompt to recompute roving state.
+   * @internal
+   */
+  observePromptDisabled(prompt) {
+    // Set initial tabindex for this prompt if needed
+    if (!prompt.hasAttribute("tabindex")) {
+      prompt.setAttribute("tabindex", "-1");
+    }
+    if (this.promptObservers.has(prompt)) return;
+    const mo = new MutationObserver(() => {
+      var _a;
+      // Recompute roving whenever disabled attribute changes
+      // The controller's applyTabindex() is idempotent and preserves active
+      (_a = this.rovingFocus) === null || _a === void 0 ? void 0 : _a.applyTabindex();
+    });
+    mo.observe(prompt, {
+      attributes: true,
+      attributeFilter: ["disabled"]
+    });
+    this.promptObservers.set(prompt, mo);
+  }
+  /**
+   * Disconnect mutation observer for a prompt.
+   * @internal
+   */
+  disconnectPromptObserver(prompt) {
+    const mo = this.promptObservers.get(prompt);
+    if (mo) {
+      mo.disconnect();
+      this.promptObservers.delete(prompt);
+    }
+  }
+  /**
+   * Emits the {@link StarterCardEventNames.promptSelect | prompt-select} event
+   * when a prompt is selected. Event bubbles and is composed.
+   *
+   * @param {string} prompt The prompt text included in the event detail.
+   * @internal
+   */
+  emitPromptSelectEvent() {
+    this.dispatchEvent(new CustomEvent(StarterCardEventNames.promptSelect, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        prompt: this.prompt
+      }
+    }));
+  }
+  /**
+   * Schedules a coalesced state application to avoid redundant DOM updates.
+   * Uses microtask scheduling to batch multiple synchronous state changes
+   * into a single DOM update cycle.
+   *
+   * @internal
+   */
+  scheduleApply() {
+    if (this.applyScheduled) return;
+    this.applyScheduled = true;
+    queueMicrotask(() => {
+      this.applyScheduled = false;
+      Updates.enqueue(() => this.applyState());
+    });
+  }
+  /**
+   * Applies all current component state to the DOM, including ARIA attributes,
+   * custom states, and roving tabindex. This method is called asynchronously
+   * to batch multiple state changes into a single update.
+   *
+   * @remarks
+   * This method ensures:
+   * - ElementInternals custom states are synced with current properties
+   * - ARIA attributes (aria-expanded, aria-controls, aria-hidden) are updated
+   * - Group element has proper ID for accessibility relationships
+   * - Roving tabindex is applied when expanded
+   *
+   * @internal
+   */
+  applyState() {
+    var _a;
+    // Sync ARIA and states derived from current props
+    toggleState(this.elementInternals, "expanded", this.expanded);
+    if (this.expandbutton) {
+      this.expandbutton.setAttribute("aria-expanded", this.expanded ? "true" : "false");
+      // Ensure group has an id so we can point to it
+      if (this.group) {
+        if (!this.group.id) {
+          this.group.id = `${this.id}-group`;
+        }
+        this.expandbutton.setAttribute("aria-controls", this.group.id);
+      }
+    }
+    if (this.group) {
+      this.group.setAttribute("aria-hidden", this.expanded ? "false" : "true");
+    }
+    // Roving tabindex only matters when expanded
+    if (this.expanded) (_a = this.rovingFocus) === null || _a === void 0 ? void 0 : _a.applyTabindex();
+  }
+  /**
+   * Lifecycle method called when the component is connected to the DOM.
+   *
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    Updates.enqueue(() => {
+      this.setComponent();
+      this.scheduleApply();
+    });
+  }
+  /**
+   * Lifecycle method called when the component is disconnected from the DOM.
+   * Cleans up event listeners.
+   *
+   * @public
+   */
+  disconnectedCallback() {
+    var _a, _b, _c;
+    (_a = this.events) === null || _a === void 0 ? void 0 : _a.abort();
+    this.events = undefined;
+    (_b = this.rovingFocus) === null || _b === void 0 ? void 0 : _b.destroy();
+    this.rovingFocus = undefined;
+    for (const el of (_c = this.slottedPrompts) !== null && _c !== void 0 ? _c : []) {
+      this.disconnectPromptObserver(el);
+    }
+    super.disconnectedCallback();
+  }
+}
+__decorate([attr({
+  attribute: "heading-level",
+  mode: "fromView",
+  converter: nullableNumberConverter
+})], StarterCard.prototype, "headingLevel", void 0);
+__decorate([observable], StarterCard.prototype, "slottedPrompts", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], StarterCard.prototype, "expanded", void 0);
+__decorate([attr], StarterCard.prototype, "id", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], StarterCard.prototype, "disabled", void 0);
+
+export { StarterCard };

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

@@ -0,0 +1 @@
+{"version":3,"file":"starter-card.js","sourceRoot":"","sources":["../../../../src/components/starter-card/starter-card.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { HeadingLevels } from '../shared-component-options/shared-options.js';
+
+/**
+ * Heading level values for {@link StarterCard}.
+ * @public
+ */
+const StarterCardHeadingLevels = {
+  ...HeadingLevels
+};
+/**
+ * Event names fired by the StarterCard component.
+ * @public
+ */
+const StarterCardEventNames = {
+  /** Fired after the card expands/collapses. */
+  toggle: "toggle",
+  /** Fired when a prompt is selected. */
+  promptSelect: "prompt-select"
+};
+
+export { StarterCardEventNames, StarterCardHeadingLevels };

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

@@ -0,0 +1 @@
+{"version":3,"file":"starter-card.options.js","sourceRoot":"","sources":["../../../../src/components/starter-card/starter-card.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAErG;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,GAAG,mBAAmB,EAAW,CAAC;AAQ5E;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,8CAA8C;IAC9C,MAAM,EAAE,QAAQ;IAChB,uCAAuC;IACvC,YAAY,EAAE,eAAe;CACrB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { css } from '@microsoft/fast-element';
+import { fontFamilyBase, colorNeutralBackground1, strokeWidthThin, colorTransparentStroke, borderRadiusMedium, shadow4, spacingVerticalS, colorStrokeFocus2, shadow2, typographyBody1StrongStyles, fontSizeBase300, lineHeightBase300, spacingHorizontalMNudge, spacingHorizontalM, colorTransparentBackground, colorNeutralForeground1, spacingHorizontalS, spacingHorizontalSNudge, colorNeutralForegroundDisabled, spacingVerticalM, spacingHorizontalL, forcedColorsStylesheetBehavior } from '@fluentui/web-components';
+import { disabledState, expandedState } from '@fabric-msft/fabric-web';
+import { sizeHorizontalXXL } from '@fabric-msft/theme';
+
+const styles = css`
+  :host{font-family:${fontFamilyBase};background:${colorNeutralBackground1};border:${strokeWidthThin} solid ${colorTransparentStroke};border-radius:${borderRadiusMedium};position:relative;height:fit-content;overflow:hidden;box-shadow:${shadow4};box-sizing:border-box;flex-shrink:0;display:block;contain:content;margin-bottom:${spacingVerticalS};min-width:260px;width:var(--starter-card-width,inherit)}:host([hidden]){display:none}:host(:focus){box-shadow:${shadow4},0 0 0 2px ${colorStrokeFocus2}}.starter-card{box-shadow:${shadow2};padding:0;display:flex;flex-direction:column;row-gap:0}.heading{position:relative;border-radius:${borderRadiusMedium};${typographyBody1StrongStyles};margin:1px;font-size:${fontSizeBase300};line-height:${lineHeightBase300};display:flex;align-items:center;justify-content:space-between}:has([slot="start"]) .heading{padding-inline:${spacingHorizontalMNudge} ${spacingHorizontalM}}.group{width:100%}.expand-button{appearance:none;background:${colorTransparentBackground};border:none;box-sizing:border-box;color:${colorNeutralForeground1};cursor:pointer;font:inherit;outline:none;padding:0;text-align:start;width:100%;height:100%;padding-inline:${spacingHorizontalS} ${spacingHorizontalSNudge};padding-top:${spacingHorizontalS};padding-bottom:${spacingHorizontalS};display:flex;align-items:center;justify-content:space-between}.column{display:flex;align-items:center}.column-start{display:flex}:where(.chevron-collapsed,.chevron-expanded),.icon-collapsed,.icon-expanded{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-inline-end:${spacingHorizontalS}}.icon-collapsed svg,.icon-expanded svg{fill:currentcolor}::slotted([slot="icon"]),::slotted([slot="title"]),::slotted([slot="start"]){display:flex;justify-content:center;align-items:center}::slotted([slot="icon"]){max-width:${sizeHorizontalXXL};padding:2px}::slotted([slot="title"]){padding-inline-start:${spacingHorizontalS}}::slotted([slot="start"]){padding-inline-end:${spacingHorizontalS}}:host(${disabledState}){cursor:not-allowed}:host(${disabledState}) .expand-button{color:${colorNeutralForegroundDisabled};cursor:not-allowed}:host(${disabledState}) :is(.chevron-expanded),:host(${disabledState}) :is(.chevron-collapsed){fill:${colorNeutralForegroundDisabled}}:host(${expandedState}) .group{display:flex;flex-direction:column;gap:${spacingHorizontalS};align-items:stretch;padding:${spacingVerticalM} ${spacingHorizontalL}}:host(${expandedState}) .chevron-collapsed,:host(${expandedState}) .icon-collapsed,:host(:not(${expandedState})) :is(.chevron-expanded,.panel),:host(:not(${expandedState})) .icon-expanded{display:none}:host(:not(${expandedState})) .chevron-collapsed,:host(:not(${expandedState})) .icon-collapsed,:host(${expandedState}) :is(.chevron-expanded,.panel),:host(${expandedState}) .icon-expanded{display:flex}:is(.chevron-collapsed,.chevron-expanded){padding-inline-start:${spacingHorizontalS};padding-inline-end:0}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    .icon-expanded svg,.icon-collapsed svg{fill:CanvasText}:host(${disabledState}) .expand-button{color:GrayText}:host(${disabledState}) .icon-expanded svg,:host(${disabledState}) .icon-collapsed svg{fill:GrayText}`));
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"starter-card.styles.js","sourceRoot":"","sources":["../../../../src/components/starter-card/starter-card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,cAAc,EACd,eAAe,EACf,8BAA8B,EAC9B,iBAAiB,EACjB,OAAO,EACP,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;mBAEN,cAAc;kBACf,uBAAuB;cAC3B,eAAe,UAAU,sBAAsB;qBACxC,kBAAkB;;;;kBAIrB,OAAO;;;;;qBAKJ,gBAAgB;;;;;;;;;;;;QAY7B,OAAO;kBACG,iBAAiB;;;;kBAIjB,OAAO;;;;;;;;;qBASJ,kBAAkB;MACjC,2BAA2B;;iBAEhB,eAAe;mBACb,iBAAiB;;;;;;;sBAOd,uBAAuB,IAAI,kBAAkB;;;;;;;;;kBASjD,0BAA0B;;;aAG/B,uBAAuB;;;;;;;;sBAQd,kBAAkB,IAAI,uBAAuB;mBAChD,kBAAkB;sBACf,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBd,kBAAkB;;;;;;;;;;;;;;;;;;;iBAmB3B,iBAAiB;;;;;4BAKN,kBAAkB;;;;0BAIpB,kBAAkB;;;;;UAKlC,aAAa;;;;UAIb,aAAa;aACV,8BAA8B;;;;UAIjC,aAAa;UACb,aAAa;YACX,8BAA8B;;;;;UAKhC,aAAa;;;WAGZ,kBAAkB;;eAEd,gBAAgB,IAAI,kBAAkB;;;UAG3C,aAAa;UACb,aAAa;eACR,aAAa;eACb,aAAa;;;;eAIb,aAAa;eACb,aAAa;UAClB,aAAa;UACb,aAAa;;;;;;;4BAOK,kBAAkB;;;CAG7C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;YAMxB,aAAa;;;;YAIb,aAAa;YACb,aAAa;;;GAGtB,CAAC,CACH,CAAC"}

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

@@ -0,0 +1,25 @@
+import { ref, slotted, elements, html } from '@microsoft/fast-element';
+import { chevronUp20Filled, chevronDown20Filled } from '../assets/icon.js';
+
+/**
+ * The template for the fabric-starter-card component.
+ * Creates a collapsible card structure with accessible heading, toggle button, and content area.
+ *
+ * @param options - Configuration options for the template
+ * @returns Element view template for the starter card component
+ * @public
+ */
+function starterCardTemplate() {
+  return html`<template ?expanded=${x => x.expanded}><div class="starter-card"><div class="heading" role="heading" aria-level="${x => x.headingLevel}"><button class="expand-button" id="${x => x.id}" aria-expanded="${x => x.expanded ? "true" : null}" aria-controls="${x => x.id}-group" ?disabled="${x => x.disabled}" tabindex="${x => !x.disabled ? "0" : "-1"}" ${ref("expandbutton")}><div class="column column-start"><slot name="icon"></slot><slot name="title"></slot></div><div class="column column-end"><span class="icon-expanded">${chevronUp20Filled}</span><span class="icon-collapsed">${chevronDown20Filled}</span></div></button></div><div class="panel" role="region"><div ${ref("group")} role="group" class="group" id="${x => x.id}-group" aria-hidden="${x => x.expanded ? "false" : "true"}" aria-labelledby="${x => x.id}"><slot ${slotted({
+    property: "slottedPrompts",
+    filter: elements("fabric-prompt")
+  })}></slot></div></div></div></template>`;
+}
+/**
+ * The default template instance for the fabric-starter-card component.
+ * Pre-configured with chevron icons for expanded/collapsed states.
+ * @public
+ */
+const template = starterCardTemplate();
+
+export { starterCardTemplate, template };

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

@@ -0,0 +1 @@
+{"version":3,"file":"starter-card.template.js","sourceRoot":"","sources":["../../../../src/components/starter-card/starter-card.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE3E;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB;IAGjC,OAAO,IAAI,CAAG;0BACU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;;wBAKnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY;;;;kBAI3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;6BACA,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;6BACnC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;yBACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;wBAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;cAC3C,GAAG,CAAC,cAAc,CAAC;;;;;;;4CAOW,iBAAiB;6CAChB,mBAAmB;;;;;;cAMlD,GAAG,CAAC,OAAO,CAAC;;;kBAGR,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;2BACF,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;+BAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;;;gBAG1B,OAAO,CAAC;QACR,QAAQ,EAAE,gBAAgB;QAC1B,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC;KAClC,CAAC;;;;;;GAMb,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAqC,mBAAmB,EAAE,CAAC"}

package/esm/components/styles/css-variables.js

@@ -0,0 +1,3 @@
+const fabricBorderRadiusXXL = "28px";
+
+export { fabricBorderRadiusXXL };

package/esm/components/styles/css-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variables.js","sourceRoot":"","sources":["../../../../src/components/styles/css-variables.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC"}

package/esm/components/suggestions/define.js

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

package/esm/components/suggestions/define.js.map

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

package/esm/components/suggestions/index.js

@@ -0,0 +1,5 @@
+export { Suggestions } from "./suggestions.js";
+export { definition as SuggestionsDefinition } from "./suggestions.definition.js";
+export { template as SuggestionsTemplate } from "./suggestions.template.js";
+export { styles as SuggestionsStyles } from "./suggestions.styles.js";
+//# sourceMappingURL=index.js.map

package/esm/components/suggestions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/suggestions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/esm/components/suggestions/suggestions.definition.js

@@ -0,0 +1,22 @@
+import { Suggestions } from './suggestions.js';
+import { styles } from './suggestions.styles.js';
+import { template } from './suggestions.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-suggestions>
+ */
+const definition = Suggestions.compose({
+  name: `${DesignSystem.prefix}-suggestions`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+definition.define(customElements);
+
+export { definition };

package/esm/components/suggestions/suggestions.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.definition.js","sourceRoot":"","sources":["../../../../src/components/suggestions/suggestions.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;IAC5C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC"}