@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/menu-button/menu-button.styles.js

@@ -1,280 +0,0 @@
-import { css } from "@microsoft/fast-element";
-import { forcedColorsStylesheetBehavior } from "../../util/match-media-stylesheet-behaviors";
-import { borderRadiusCircular, borderRadiusLarge, borderRadiusMedium, borderRadiusNone, borderRadiusSmall, colorBrandBackground, colorBrandBackgroundHover, colorBrandBackgroundPressed, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForeground1, colorNeutralForeground1Hover, colorNeutralForeground1Pressed, colorNeutralForeground2, colorNeutralForeground2BrandHover, colorNeutralForeground2BrandPressed, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForegroundDisabled, colorNeutralForegroundOnBrand, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorNeutralStrokeDisabled, colorStrokeFocus2, colorSubtleBackground, colorSubtleBackgroundHover, colorSubtleBackgroundPressed, colorTransparentBackground, colorTransparentBackgroundHover, colorTransparentBackgroundPressed, colorTransparentStroke, curveEasyEase, display, durationFaster, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, fontWeightSemibold, lineHeightBase200, lineHeightBase300, lineHeightBase400, shadow2, shadow4, spacingHorizontalL, spacingHorizontalM, spacingHorizontalS, spacingHorizontalSNudge, spacingHorizontalXS, strokeWidthThick, strokeWidthThin } from "@fluentui/web-components";
-import { circularState, iconOnlyState, largeState, outlineState, primaryState, smallState, squareState, subtleState, transparentState } from "../styles/states/states";
-/**
- * @internal
- */
-export const baseButtonStyles = css `
-  ${display("inline-flex")}
-
-  :host {
-    --icon-spacing: ${spacingHorizontalSNudge};
-    position: relative;
-    contain: layout style;
-    vertical-align: middle;
-    align-items: center;
-    box-sizing: border-box;
-    justify-content: center;
-    text-align: center;
-    text-decoration-line: none;
-    margin: 0;
-    min-height: 32px;
-    outline-style: none;
-    background-color: ${colorNeutralBackground1};
-    color: ${colorNeutralForeground1};
-    border: ${strokeWidthThin} solid ${colorNeutralStroke1};
-    padding: 0 ${spacingHorizontalM};
-    min-width: 96px;
-    border-radius: ${borderRadiusMedium};
-    font-size: ${fontSizeBase300};
-    font-family: ${fontFamilyBase};
-    font-weight: ${fontWeightSemibold};
-    line-height: ${lineHeightBase300};
-    transition-duration: ${durationFaster};
-    transition-property: background, border, color;
-    transition-timing-function: ${curveEasyEase};
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .content {
-    display: inherit;
-  }
-
-  :host(:hover) {
-    background-color: ${colorNeutralBackground1Hover};
-    color: ${colorNeutralForeground1Hover};
-    border-color: ${colorNeutralStroke1Hover};
-  }
-
-  :host(:hover:active) {
-    background-color: ${colorNeutralBackground1Pressed};
-    border-color: ${colorNeutralStroke1Pressed};
-    color: ${colorNeutralForeground1Pressed};
-    outline-style: none;
-  }
-
-  :host(:focus-visible) {
-    border-color: ${colorTransparentStroke};
-    outline: ${strokeWidthThick} solid ${colorTransparentStroke};
-    box-shadow: ${shadow4}, 0 0 0 2px ${colorStrokeFocus2};
-  }
-
-  @media screen and (prefers-reduced-motion: reduce) {
-    transition-duration: 0.01ms;
-  }
-
-  ::slotted(svg) {
-    font-size: 20px;
-    height: 20px;
-    width: 20px;
-    fill: currentColor;
-  }
-
-  :is([slot="start"], ::slotted([slot="start"])) {
-    margin-inline-end: var(--icon-spacing);
-  }
-
-  :is([slot="end"], ::slotted([slot="end"])) {
-    margin-inline-start: var(--icon-spacing);
-  }
-
-  :host(${iconOnlyState}) {
-    min-width: 32px;
-    max-width: 32px;
-  }
-
-  :host(${smallState}) {
-    --icon-spacing: ${spacingHorizontalXS};
-    min-height: 24px;
-    min-width: 64px;
-    padding: 0 ${spacingHorizontalS};
-    border-radius: ${borderRadiusSmall};
-    font-size: ${fontSizeBase200};
-    line-height: ${lineHeightBase200};
-    font-weight: ${fontWeightRegular};
-  }
-
-  :host(${smallState}${iconOnlyState}) {
-    min-width: 24px;
-    max-width: 24px;
-  }
-
-  :host(${largeState}) {
-    min-height: 40px;
-    border-radius: ${borderRadiusLarge};
-    padding: 0 ${spacingHorizontalL};
-    font-size: ${fontSizeBase400};
-    line-height: ${lineHeightBase400};
-  }
-
-  :host(${largeState}${iconOnlyState}) {
-    min-width: 40px;
-    max-width: 40px;
-  }
-
-  :host(${largeState}) ::slotted(svg) {
-    font-size: 24px;
-    height: 24px;
-    width: 24px;
-  }
-
-  :host(:is(${circularState}, ${circularState}:focus-visible)) {
-    border-radius: ${borderRadiusCircular};
-  }
-
-  :host(:is(${squareState}, ${squareState}:focus-visible)) {
-    border-radius: ${borderRadiusNone};
-  }
-
-  :host(${primaryState}) {
-    background-color: ${colorBrandBackground};
-    color: ${colorNeutralForegroundOnBrand};
-    border-color: transparent;
-  }
-
-  :host(${primaryState}:hover) {
-    background-color: ${colorBrandBackgroundHover};
-  }
-
-  :host(${primaryState}:is(:hover, :hover:active)) {
-    border-color: transparent;
-    color: ${colorNeutralForegroundOnBrand};
-  }
-
-  :host(${primaryState}:hover:active) {
-    background-color: ${colorBrandBackgroundPressed};
-  }
-
-  :host(${primaryState}:focus-visible) {
-    border-color: ${colorNeutralForegroundOnBrand};
-    box-shadow: ${shadow2}, 0 0 0 2px ${colorStrokeFocus2};
-  }
-
-  :host(${outlineState}) {
-    background-color: ${colorTransparentBackground};
-  }
-
-  :host(${outlineState}:hover) {
-    background-color: ${colorTransparentBackgroundHover};
-  }
-
-  :host(${outlineState}:hover:active) {
-    background-color: ${colorTransparentBackgroundPressed};
-  }
-
-  :host(${subtleState}) {
-    background-color: ${colorSubtleBackground};
-    color: ${colorNeutralForeground2};
-    border-color: transparent;
-  }
-
-  :host(${subtleState}:hover) {
-    background-color: ${colorSubtleBackgroundHover};
-    color: ${colorNeutralForeground2Hover};
-    border-color: transparent;
-  }
-
-  :host(${subtleState}:hover:active) {
-    background-color: ${colorSubtleBackgroundPressed};
-    color: ${colorNeutralForeground2Pressed};
-    border-color: transparent;
-  }
-
-  :host(${subtleState}:hover) ::slotted(svg) {
-    fill: ${colorNeutralForeground2BrandHover};
-  }
-
-  :host(${subtleState}:hover:active) ::slotted(svg) {
-    fill: ${colorNeutralForeground2BrandPressed};
-  }
-
-  :host(${transparentState}) {
-    background-color: ${colorTransparentBackground};
-    color: ${colorNeutralForeground2};
-  }
-
-  :host(${transparentState}:hover) {
-    background-color: ${colorTransparentBackgroundHover};
-    color: ${colorNeutralForeground2BrandHover};
-  }
-
-  :host(${transparentState}:hover:active) {
-    background-color: ${colorTransparentBackgroundPressed};
-    color: ${colorNeutralForeground2BrandPressed};
-  }
-
-  :host(:is(${transparentState}, ${transparentState}:is(:hover, :active))) {
-    border-color: transparent;
-  }
-`;
-/**
- * The styles for the Button component.
- *
- * @public
- */
-export const styles = css `
-  ${baseButtonStyles}
-
-  :host(:is(:disabled, [disabled-focusable], [appearance]:disabled, [appearance][disabled-focusable])),
-  :host(:is(:disabled, [disabled-focusable], [appearance]:disabled, [appearance][disabled-focusable]):hover),
-  :host(:is(:disabled, [disabled-focusable], [appearance]:disabled, [appearance][disabled-focusable]):hover:active) {
-    background-color: ${colorNeutralBackgroundDisabled};
-    border-color: ${colorNeutralStrokeDisabled};
-    color: ${colorNeutralForegroundDisabled};
-    cursor: not-allowed;
-  }
-
-  :host(${primaryState}:is(:disabled, [disabled-focusable])),
-  :host(
-      ${primaryState}:is(:disabled, [disabled-focusable]):is(
-          :hover,
-          :hover:active
-        )
-    ) {
-    border-color: transparent;
-  }
-
-  :host(${outlineState}:is(:disabled, [disabled-focusable])),
-  :host(
-      ${outlineState}:is(:disabled, [disabled-focusable]):is(
-          :hover,
-          :hover:active
-        )
-    ) {
-    background-color: ${colorTransparentBackground};
-  }
-
-  :host(${subtleState}:is(:disabled, [disabled-focusable])),
-  :host(
-      ${subtleState}:is(:disabled, [disabled-focusable]):is(
-          :hover,
-          :hover:active
-        )
-    ) {
-    background-color: ${colorTransparentBackground};
-    border-color: transparent;
-  }
-
-  :host(${transparentState}:is(:disabled, [disabled-focusable])),
-  :host(
-      ${transparentState}:is(:disabled, [disabled-focusable]):is(
-          :hover,
-          :hover:active
-        )
-    ) {
-    border-color: transparent;
-    background-color: ${colorTransparentBackground};
-  }
-`.withBehaviors(forcedColorsStylesheetBehavior(css `
-    :host {
-      background: ButtonFace;
-      color: ButtonText;
-    }
-
-    :host(:is(:hover, :focus-visible)) {
-      border-color: Highlight;
-    }
-  `));
-//# sourceMappingURL=menu-button.styles.js.map

package/dist/esm/components/menu-button/menu-button.styles.js.map

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

package/dist/esm/components/tab-panel/index.js

@@ -1,4 +0,0 @@
-export { TabPanel } from "./tab-panel";
-export { TabPanelStyles, TabPanelTemplate } from "@fluentui/web-components";
-export { definition as TabPanelDefinition } from "./tab-panel.definition";
-//# sourceMappingURL=index.js.map

package/dist/esm/components/tab-panel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/tab-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/components/tab-panel/tab-panel.definition.js

@@ -1,14 +0,0 @@
-import { TabPanel, TabPanelStyles, TabPanelTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
-/**
- * The Fabric TabPanel component.
- *
- * @deprecated Use `fabric-tablist` instead.
- * @public
- */
-export const definition = TabPanel.compose({
-    name: `${DesignSystem.prefix}-tab-panel`,
-    template: TabPanelTemplate,
-    styles: TabPanelStyles
-});
-//# sourceMappingURL=tab-panel.definition.js.map

package/dist/esm/components/tab-panel/tab-panel.definition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-panel.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/tab-panel/tab-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,YAAY;IACxC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;CACvB,CAAC,CAAC"}

package/dist/esm/components/tab-panel/tab-panel.js

@@ -1,22 +0,0 @@
-import { TabPanel as FluentTabPanel } from "@fluentui/web-components";
-/**
- * TabPanel
- * @summary A TabPanel component representing a container for tab content in a tabbed interface.
- *
- * @example
- * ```html
- * <fabric-tab-panel>
- *   <div>Tab Content</div>
- * </fabric-tab-panel>
- * ```
- *
- * @slot - The default slot for the tab panel content.
- *
- * @extends FluentTabPanel
- * @tagname fabric-tab-panel
- * @public
- * @deprecated Use `fabric-tablist` instead.
- */
-export class TabPanel extends FluentTabPanel {
-}
-//# sourceMappingURL=tab-panel.js.map

package/dist/esm/components/tab-panel/tab-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../../../../../src/components/tab-panel/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,QAAS,SAAQ,cAAc;CAAG"}

package/dist/esm/components/table/table.definiition.js

@@ -1,13 +0,0 @@
-import { DesignSystem } from "../design-system";
-import { Table } from "./table";
-import { styles } from "./table.styles";
-import { template } from "./table.template";
-export const definition = Table.compose({
-    name: `${DesignSystem.prefix}-table`,
-    template: template,
-    styles: styles,
-    shadowOptions: {
-        mode: DesignSystem.shadowRootMode
-    }
-});
-//# sourceMappingURL=table.definiition.js.map

package/dist/esm/components/table/table.definiition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.definiition.js","sourceRoot":"","sources":["../../../../../../../src/components/table/table.definiition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,MAAM;IACd,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/dist/esm/components/table-cell/table-cell.stories.styles.js

@@ -1,11 +0,0 @@
-export default /* css */ `
-fluent-badge {
-    margin: 0px 8px;
-}
-
-fabric-table-cell {
-    border: 1px solid #c8c8c8;
-    padding: 10px;
-}
-`;
-//# sourceMappingURL=table-cell.stories.styles.js.map

package/dist/esm/components/table-cell/table-cell.stories.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-cell.stories.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/table-cell/table-cell.stories.styles.ts"],"names":[],"mappings":"AAAA,eAAe,SAAS,CAAC;;;;;;;;;CASxB,CAAC"}

package/dist/esm/components/tabs/index.js

@@ -1,8 +0,0 @@
-import { Tabs } from "./tabs";
-// Re-export Fluent types/enums directly
-export { TabsOrientation, TabsAppearance, TabsSize } from "@fluentui/web-components";
-// Export component
-export { Tabs };
-// Export the definition, which creates the custom element
-export { definition as TabsDefinition } from "./tabs.definition";
-//# sourceMappingURL=index.js.map

package/dist/esm/components/tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,wCAAwC;AACxC,OAAO,EACL,eAAe,EACf,cAAc,EACd,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAElC,mBAAmB;AACnB,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,0DAA0D;AAC1D,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/components/tabs/tabs.definition.js

@@ -1,14 +0,0 @@
-import { Tabs, TabsStyles, TabsTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
-/**
- * The Fabric Tabs component.
- *
- * @deprecated Use `fabric-tablist` instead.
- * @public
- */
-export const definition = Tabs.compose({
-    name: `${DesignSystem.prefix}-tabs`,
-    template: TabsTemplate,
-    styles: TabsStyles
-});
-//# sourceMappingURL=tabs.definition.js.map

package/dist/esm/components/tabs/tabs.definition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,OAAO;IACnC,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC"}

package/dist/esm/components/tabs/tabs.js

@@ -1,23 +0,0 @@
-import { Tabs as FluentTabs } from "@fluentui/web-components";
-/**
- * A Tabs Custom HTML Element.
- * Based on Fluent UI's Tabs.
- *
- * @tag fabric-tabs
- * @slot start - Content placed before the tabs container.
- * @slot end - Content placed after the tabs container.
- * @slot tab - Should be populated with `fabric-tab` elements.
- * @slot tabpanel - Should be populated with `fabric-tab-panel` elements.
- * @attr {TabsOrientation} orientation - The orientation of the tabs (horizontal | vertical).
- * @attr {string} activeid - The id of the active tab.
- * @attr {TabsAppearance} appearance - The appearance style (transparent | subtle).
- * @attr {TabsSize} size - The size of the tabs (small | medium | large).
- * @attr {boolean} disabled - Whether the tabs component is disabled.
- * @event change - Fired when the active tab changes.
- *
- * @deprecated Use `fabric-tablist` instead.
- * @public
- */
-export class Tabs extends FluentTabs {
-}
-//# sourceMappingURL=tabs.js.map

package/dist/esm/components/tabs/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,IAAK,SAAQ,UAAU;CAAG"}

package/dist/esm/components/text-area/define.js

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

package/dist/esm/components/text-area/define.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/text-area/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/text-area/index.js

@@ -1,8 +0,0 @@
-import { TextArea } from "./text-area";
-// Re-export Fluent types/enums directly
-export { TextAreaAppearance, TextAreaAppearancesForDisplayShadow, TextAreaAutocomplete, TextAreaResize, TextAreaSize } from "@fluentui/web-components";
-// Export component
-export { TextArea };
-// Export the definition, which creates the custom element
-export { definition as TextAreaDefinition } from "./text-area.definition";
-//# sourceMappingURL=index.js.map

package/dist/esm/components/text-area/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/text-area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,wCAAwC;AACxC,OAAO,EACL,kBAAkB,EAClB,mCAAmC,EACnC,oBAAoB,EACpB,cAAc,EACd,YAAY,EACb,MAAM,0BAA0B,CAAC;AAElC,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,0DAA0D;AAC1D,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/components/text-area/text-area.definition.js

@@ -1,16 +0,0 @@
-import { TextArea, TextAreaStyles, TextAreaTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
-/**
- * The Fabric Text Area component.
- *
- * @public
- */
-export const definition = TextArea.compose({
-    name: `${DesignSystem.prefix}-text-area`,
-    template: TextAreaTemplate,
-    styles: TextAreaStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
-});
-//# sourceMappingURL=text-area.definition.js.map

package/dist/esm/components/text-area/text-area.definition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-area.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/text-area/text-area.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,YAAY;IACxC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}

package/dist/esm/components/text-area/text-area.js

@@ -1,10 +0,0 @@
-import { TextArea as FluentTextArea } from "@fluentui/web-components";
-/**
- * A TextArea Custom HTML Element.
- * Based on Fluent UI's TextArea with custom styling and behavior
- *
- * @public
- */
-export class TextArea extends FluentTextArea {
-}
-//# sourceMappingURL=text-area.js.map

package/dist/esm/components/text-area/text-area.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../../../../../src/components/text-area/text-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,OAAO,QAAS,SAAQ,cAAc;CAAG"}

package/dist/esm/util/debounce.js

@@ -1,13 +0,0 @@
-/**
- * debounce function
- * @param func - function to be debounced
- * @param delay - delay in milliseconds
- */
-export function debounce(func, delay) {
-    let debounceTimer;
-    return function (...args) {
-        clearTimeout(debounceTimer);
-        debounceTimer = window.setTimeout(() => func.apply(this, args), delay);
-    };
-}
-//# sourceMappingURL=debounce.js.map

package/dist/esm/util/debounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../../../../src/util/debounce.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,IAA8B,EAAE,KAAa;IACpE,IAAI,aAAqB,CAAC;IAC1B,OAAO,UAAqB,GAAG,IAAW;QACxC,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACzE,CAAC,CAAC;AACJ,CAAC"}