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

package/package.json

@@ -1,25 +1,32 @@
 {
   "name": "@fabric-msft/fabric-web",
-  "version": "4.0.0-beta.1",
+  "version": "5.0.0",
   "type": "module",
-  "author": "dcsuxefabux@microsoft.com",
+  "author": "fabricuxe@service.microsoft.com",
   "main": "dist/index.js",
-  "module": "dist/index.min.js",
+  "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
-  "packageManager": "yarn@3.5.1",
+  "packageManager": "yarn@4.12.0",
   "files": [
     "dist"
   ],
+  "sideEffects": [
+    "define.*",
+    "./dist/esm/**/define.js",
+    "./dist/index.js",
+    "./dist/index.min.js"
+  ],
   "dependencies": {
-    "@fabric-msft/theme": "2.2.0-beta.0",
+    "@fabric-msft/theme": "5.0.0",
     "@floating-ui/dom": "^1.6.6",
     "@fluentui/tokens": "^1.0.0-alpha.16",
-    "@fluentui/web-components": "3.0.0-beta.87",
-    "@microsoft/fast-element": "2.0.0-beta.26",
+    "@fluentui/web-components": "3.0.0-rc.9",
+    "@microsoft/fast-element": "^2.10.2",
+    "dompurify": "^3.2.4",
     "tabbable": "^6.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.0",
+    "@babel/core": "^7.23.2",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.22.3",
     "@babel/plugin-syntax-flow": "^7.21.4",
@@ -27,20 +34,18 @@
     "@babel/preset-flow": "^7.21.4",
     "@babel/preset-typescript": "^7.21.5",
     "@fluentui/svg-icons": "^1.1.218",
-    "@geometricpanda/storybook-addon-badges": "^2.0.2",
-    "@playwright/test": "^1.41.2",
     "@rollup/plugin-commonjs": "^25.0.0",
-    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^11.1.1",
-    "@storybook/html": "8.4.0",
-    "@storybook/html-webpack5": "8.4.0",
-    "@types/jest": "^29.5.5",
+    "@storybook/html": "9.1.20",
+    "@storybook/html-vite": "9.1.20",
+    "@types/jest": "^29.5.14",
     "@types/xmldom": "^0.1.32",
+    "@vitest/browser": "^3.2.2",
     "babel-jest": "^29.7.0",
     "circular-dependency-plugin": "^5.2.2",
     "copyfiles": "^2.4.1",
-    "dompurify": "^3.2.4",
     "esm": "^3.2.25",
     "html-webpack-plugin": "^5.5.3",
     "jest": "^29.7.0",
@@ -49,31 +54,32 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.1",
-    "rollup": "^4.3.0",
-    "rollup-plugin-dts": "^6.0.1",
+    "rollup": "^4.12.0",
+    "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-filesize": "^10.0.0",
-    "rollup-plugin-typescript2": "^0.35.0",
     "ts-jest": "^29.1.1",
     "ts-loader": "^9.4.4",
-    "ts-node": "^10.9.1",
+    "ts-node": "^10.9.2",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typescript": "4.8.4",
+    "typescript": "5.8.2",
+    "vitest": "^3.2.2",
     "webpack": "^5.88.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
+    "ws": "^8.18.0",
     "xmldom": "^0.6.0"
   },
   "scripts": {
     "chromatic": "yarn dlx dotenv-cli -e $HOME/.env -- bash -c 'export CHROMATIC_PROJECT_TOKEN=\"$CHROMATIC_PROJECT_TOKEN_FABRIC_WEB\" && yarn dlx chromatic --branch-name=main'",
     "chromatic-test": "yarn dlx dotenv-cli -e $HOME/.env -- bash -c 'export CHROMATIC_PROJECT_TOKEN=\"$CHROMATIC_PROJECT_TOKEN_FABRIC_WEB\" && yarn dlx chromatic --branch-name=test'",
-    "storybook": "storybook dev -p 6088",
+    "storybook": "concurrently --kill-others \"node ../../src/helpers/src/storybook/ws-bridge.mjs\" \"storybook dev -p 6088\"",
     "start-static-server": "npx http-server ./storybook-static -p 5000 --spa",
     "build-storybook": "storybook build",
     "build": "echo 'Deleting build folder... \n'; rimraf ./build/* ; echo 'Compiling... \n'; tsc --build ./tsconfig.lib.json ",
     "rollup": "echo 'Deleting dist folder... \n'; rimraf ./dist/* ; echo 'Rolling up...' ; rollup -c ./rollup.config.js --bundleConfigAsCjs",
     "build-rollup": "yarn build && yarn rollup",
     "pack-dist": "echo 'Packing... \n'; yarn pack -o packs/%s-%v.tgz",
-    "pack-release": "echo 'Packing... \n'; yarn pack -o release/%s-%v.tgz",
+    "pack-release": "echo 'Packing... \n'; mkdir -p release && yarn pack -o release/%s-%v.tgz",
     "build-release-artifact": "yarn build-rollup && yarn pack-release",
     "release-beta": "npm version prerelease --preid=beta 2>/dev/null",
     "release-patch": "yarn version patch && yarn build-release-artifact",
@@ -81,6 +87,8 @@
     "release-major": "yarn version major && yarn build-release-artifact",
     "generate-sprite": "node -r esm -r ts-node/register ./src/components/svg-icon/scripts/sprite-builder.ts",
     "test": "vitest",
+    "init-browser": "vitest init browser",
+    "test:ci": "vitest --browser.headless true",
     "component-test": "vitest \"component.spec.ts\"",
     "unit-test": "vitest \"unit.spec.ts\"",
     "unit-test:time": "time yarn unit-test",
@@ -88,6 +96,6 @@
     "generate-readme": "node readme-generator.mjs",
     "test:env": "yarn dlx dotenv-cli -e $HOME/.env -- node -e 'console.log(process.env.CHROMATIC_PROJECT_TOKEN_FABRIC_WEB)'"
   },
-  "customElements": "dist/custom-elements.json",
+  "customElements": "./custom-elements.json",
   "stableVersion": "1.0.5-beta"
 }

package/dist/dts/components/accordion/accordion.option.d.ts

@@ -1,16 +0,0 @@
-import type { ValuesOf } from "../../util/typings";
-/**
- * The appearance variations for the accordion component
- * @public
- */
-export declare const AccordionAppearance: {
-    readonly neutral: "neutral";
-    readonly primary: "primary";
-    readonly subtle: "subtle";
-};
-/**
- * The types for accordion appearance
- * @public
- */
-export declare type AccordionAppearance = ValuesOf<typeof AccordionAppearance>;
-//# sourceMappingURL=accordion.option.d.ts.map

package/dist/dts/components/accordion/accordion.option.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.option.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion.option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AACX;;;GAGG;AACH,oBAAY,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/dts/components/button/button.template.d.ts

@@ -1,4 +0,0 @@
-import { ElementViewTemplate } from "@microsoft/fast-element";
-import type { Button } from "./button";
-export declare const template: ElementViewTemplate<Button>;
-//# sourceMappingURL=button.template.d.ts.map

package/dist/dts/components/button/button.template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,yBAAyB,CAAC;AAC7E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAyBvC,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAoB,CAAC"}

package/dist/dts/components/component-utilities/accessibility-utilities.d.ts

@@ -1,16 +0,0 @@
-/**
- * Checks whether the specified element is disabled.
- * @param {Element} el The element to check.
- */
-export declare function isDisabledElement(el: Element): el is HTMLElement;
-/**
- * Checks whether the specified element is hidden.
- * @param {Element} el The element to check.
- */
-export declare function isHiddenElement(el: Element): el is HTMLElement;
-/**
- * Checks whether the specified element is focusable.
- * @param {Element} el The element to check.
- */
-export declare function isFocusableElement(el: Element): el is HTMLElement;
-//# sourceMappingURL=accessibility-utilities.d.ts.map

package/dist/dts/components/component-utilities/accessibility-utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accessibility-utilities.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/component-utilities/accessibility-utilities.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,WAAW,CAEhE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,WAAW,CAE9D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,WAAW,CAMjE"}

package/dist/dts/components/component-utilities/attribute-utilities.d.ts

@@ -1,9 +0,0 @@
-/**
- * Sets the specified attributes on the given HTML element.
- * @param {HTMLElement} element The HTML element on which to set attributes.
- * @param {{[key: string]: string}} attributes An object mapping attribute names to values.
- */
-export declare function setAttributes(element: HTMLElement, attributes: {
-    [key: string]: string;
-}): void;
-//# sourceMappingURL=attribute-utilities.d.ts.map

package/dist/dts/components/component-utilities/attribute-utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attribute-utilities.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/component-utilities/attribute-utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GACpC,IAAI,CAIN"}

package/dist/dts/components/component-utilities/index.d.ts

@@ -1,4 +0,0 @@
-import { isDisabledElement, isHiddenElement, isFocusableElement } from "./accessibility-utilities";
-import { setAttributes } from "./attribute-utilities";
-export { isDisabledElement, isHiddenElement, isFocusableElement, setAttributes };
-//# sourceMappingURL=index.d.ts.map

package/dist/dts/components/component-utilities/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/component-utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,aAAa,EACd,CAAC"}

package/dist/dts/components/field/field.template.d.ts

@@ -1,7 +0,0 @@
-import { type ElementViewTemplate } from "@microsoft/fast-element";
-/**
- * Template for the Field component
- * @public
- */
-export declare const template: ElementViewTemplate;
-//# sourceMappingURL=field.template.d.ts.map

package/dist/dts/components/field/field.template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/field/field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAGzB,MAAM,yBAAyB,CAAC;AAGjC;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,mBAwBtB,CAAC"}

package/dist/dts/components/menu-button/menu-button.styles.d.ts

@@ -1,11 +0,0 @@
-/**
- * @internal
- */
-export declare const baseButtonStyles: import("@microsoft/fast-element").ElementStyles;
-/**
- * The styles for the Button component.
- *
- * @public
- */
-export declare const styles: import("@microsoft/fast-element").ElementStyles;
-//# sourceMappingURL=menu-button.styles.d.ts.map

package/dist/dts/components/menu-button/menu-button.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-button.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/menu-button/menu-button.styles.ts"],"names":[],"mappings":"AAuEA;;GAEG;AACH,eAAO,MAAM,gBAAgB,iDA2M5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,iDAgElB,CAAC"}

package/dist/dts/components/tab-panel/define.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tab-panel/define.ts"],"names":[],"mappings":""}

package/dist/dts/components/tab-panel/index.d.ts

@@ -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.d.ts.map

package/dist/dts/components/tab-panel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","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/dts/components/tab-panel/tab-panel.d.ts

@@ -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 declare class TabPanel extends FluentTabPanel {
-}
-//# sourceMappingURL=tab-panel.d.ts.map

package/dist/dts/components/tab-panel/tab-panel.d.ts.map

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

package/dist/dts/components/tab-panel/tab-panel.definition.d.ts

@@ -1,9 +0,0 @@
-import { TabPanel } from "@fluentui/web-components";
-/**
- * The Fabric TabPanel component.
- *
- * @deprecated Use `fabric-tablist` instead.
- * @public
- */
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof TabPanel>;
-//# sourceMappingURL=tab-panel.definition.d.ts.map

package/dist/dts/components/tab-panel/tab-panel.definition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-panel.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tab-panel/tab-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGT,MAAM,0BAA0B,CAAC;AAGlC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,0EAIrB,CAAC"}

package/dist/dts/components/table/table.definiition.d.ts

@@ -1,3 +0,0 @@
-import { Table } from "./table";
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Table>;
-//# sourceMappingURL=table.definiition.d.ts.map

package/dist/dts/components/table/table.definiition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.definiition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/table/table.definiition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,eAAO,MAAM,UAAU,uEAOrB,CAAC"}

package/dist/dts/components/table-cell/table-cell.stories.styles.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\nfluent-badge {\n    margin: 0px 8px;\n}\n\nfabric-table-cell {\n    border: 1px solid #c8c8c8;\n    padding: 10px;\n}\n";
-export default _default;
-//# sourceMappingURL=table-cell.stories.styles.d.ts.map

package/dist/dts/components/table-cell/table-cell.stories.styles.d.ts.map

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

package/dist/dts/components/tabs/define.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tabs/define.ts"],"names":[],"mappings":""}

package/dist/dts/components/tabs/index.d.ts

@@ -1,5 +0,0 @@
-import { Tabs } from "./tabs";
-export { TabsOrientation, TabsAppearance, TabsSize } from "@fluentui/web-components";
-export { Tabs };
-export { definition as TabsDefinition } from "./tabs.definition";
-//# sourceMappingURL=index.d.ts.map

package/dist/dts/components/tabs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,cAAc,EACd,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/dts/components/tabs/tabs.d.ts

@@ -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 declare class Tabs extends FluentTabs {
-}
-//# sourceMappingURL=tabs.d.ts.map

package/dist/dts/components/tabs/tabs.d.ts.map

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

package/dist/dts/components/tabs/tabs.definition.d.ts

@@ -1,9 +0,0 @@
-import { Tabs } from "@fluentui/web-components";
-/**
- * The Fabric Tabs component.
- *
- * @deprecated Use `fabric-tablist` instead.
- * @public
- */
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Tabs>;
-//# sourceMappingURL=tabs.definition.d.ts.map

package/dist/dts/components/tabs/tabs.definition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAA4B,MAAM,0BAA0B,CAAC;AAG1E;;;;;GAKG;AACH,eAAO,MAAM,UAAU,sEAIrB,CAAC"}

package/dist/dts/components/text-area/define.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/text-area/define.ts"],"names":[],"mappings":""}

package/dist/dts/components/text-area/index.d.ts

@@ -1,5 +0,0 @@
-import { TextArea } from "./text-area";
-export { TextAreaAppearance, TextAreaAppearancesForDisplayShadow, TextAreaAutocomplete, TextAreaResize, TextAreaSize } from "@fluentui/web-components";
-export { TextArea };
-export { definition as TextAreaDefinition } from "./text-area.definition";
-//# sourceMappingURL=index.d.ts.map

package/dist/dts/components/text-area/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/text-area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,EACL,kBAAkB,EAClB,mCAAmC,EACnC,oBAAoB,EACpB,cAAc,EACd,YAAY,EACb,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAGpB,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/dts/components/text-area/text-area.d.ts

@@ -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 declare class TextArea extends FluentTextArea {
-}
-//# sourceMappingURL=text-area.d.ts.map

package/dist/dts/components/text-area/text-area.d.ts.map

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

package/dist/dts/components/text-area/text-area.definition.d.ts

@@ -1,8 +0,0 @@
-import { TextArea } from "@fluentui/web-components";
-/**
- * The Fabric Text Area component.
- *
- * @public
- */
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof TextArea>;
-//# sourceMappingURL=text-area.definition.d.ts.map

package/dist/dts/components/text-area/text-area.definition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-area.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/text-area/text-area.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGT,MAAM,0BAA0B,CAAC;AAGlC;;;;GAIG;AACH,eAAO,MAAM,UAAU,0EAOrB,CAAC"}

package/dist/dts/util/debounce.d.ts

@@ -1,7 +0,0 @@
-/**
- * debounce function
- * @param func - function to be debounced
- * @param delay - delay in milliseconds
- */
-export declare function debounce(func: (...args: any[]) => void, delay: number): (this: any, ...args: any[]) => void;
-//# sourceMappingURL=debounce.d.ts.map

package/dist/dts/util/debounce.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../../../../src/util/debounce.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,UAE7C,GAAG,WAAW,GAAG,EAAE,UAI3C"}

package/dist/esm/components/accordion/accordion.option.js

@@ -1,10 +0,0 @@
-/**
- * The appearance variations for the accordion component
- * @public
- */
-export const AccordionAppearance = {
-    neutral: "neutral",
-    primary: "primary",
-    subtle: "subtle"
-};
-//# sourceMappingURL=accordion.option.js.map

package/dist/esm/components/accordion/accordion.option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.option.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion.option.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC"}

package/dist/esm/components/button/button.template.js

@@ -1,19 +0,0 @@
-import { html, slotted } from "@microsoft/fast-element";
-import { startSlotTemplate, endSlotTemplate } from "@fluentui/web-components";
-function buttonTemplate(options = {}) {
-    return html `
-    <template
-      tabindex="${(x) => { var _a; return (x.disabled ? null : (_a = x.tabIndex) !== null && _a !== void 0 ? _a : 0); }}"
-      @click="${(x, c) => x.clickHandler(c.event)}"
-      @keypress="${(x, c) => x.keypressHandler(c.event)}"
-    >
-      ${startSlotTemplate(options)}
-      <span class="content" part="content">
-        <slot ${slotted("defaultSlottedContent")}></slot>
-      </span>
-      ${endSlotTemplate(options)}
-    </template>
-  `;
-}
-export const template = buttonTemplate();
-//# sourceMappingURL=button.template.js.map

package/dist/esm/components/button/button.template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../../../../src/components/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAE7E,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,MAAM,0BAA0B,CAAC;AAElC,SAAS,cAAc,CACrB,UAAyB,EAAE;IAE3B,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,CAAC,CAAA,EAAA;gBAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;mBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;;QAEhE,iBAAiB,CAAC,OAAO,CAAC;;gBAElB,OAAO,CAAC,uBAAuB,CAAC;;QAExC,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,EAAE,CAAC"}

package/dist/esm/components/component-utilities/accessibility-utilities.js

@@ -1,24 +0,0 @@
-/**
- * Checks whether the specified element is disabled.
- * @param {Element} el The element to check.
- */
-export function isDisabledElement(el) {
-    return el.getAttribute("aria-disabled") === "true";
-}
-/**
- * Checks whether the specified element is hidden.
- * @param {Element} el The element to check.
- */
-export function isHiddenElement(el) {
-    return el.getAttribute("aria-hidden") === "true";
-}
-/**
- * Checks whether the specified element is focusable.
- * @param {Element} el The element to check.
- */
-export function isFocusableElement(el) {
-    return (!isDisabledElement(el) &&
-        !isHiddenElement(el) &&
-        el.offsetParent !== null);
-}
-//# sourceMappingURL=accessibility-utilities.js.map

package/dist/esm/components/component-utilities/accessibility-utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accessibility-utilities.js","sourceRoot":"","sources":["../../../../../../../src/components/component-utilities/accessibility-utilities.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAW;IAC3C,OAAO,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;AACrD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAAW;IACzC,OAAO,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM,CAAC;AACnD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAW;IAC5C,OAAO,CACL,CAAC,iBAAiB,CAAC,EAAE,CAAC;QACtB,CAAC,eAAe,CAAC,EAAE,CAAC;QACnB,EAAkB,CAAC,YAAY,KAAK,IAAI,CAC1C,CAAC;AACJ,CAAC"}

package/dist/esm/components/component-utilities/attribute-utilities.js

@@ -1,11 +0,0 @@
-/**
- * Sets the specified attributes on the given HTML element.
- * @param {HTMLElement} element The HTML element on which to set attributes.
- * @param {{[key: string]: string}} attributes An object mapping attribute names to values.
- */
-export function setAttributes(element, attributes) {
-    Object.entries(attributes).forEach(([key, value]) => {
-        element.setAttribute(key, value);
-    });
-}
-//# sourceMappingURL=attribute-utilities.js.map

package/dist/esm/components/component-utilities/attribute-utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attribute-utilities.js","sourceRoot":"","sources":["../../../../../../../src/components/component-utilities/attribute-utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,UAAU,aAAa,CAC3B,OAAoB,EACpB,UAAqC;IAErC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAClD,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/components/component-utilities/index.js

@@ -1,4 +0,0 @@
-import { isDisabledElement, isHiddenElement, isFocusableElement } from "./accessibility-utilities";
-import { setAttributes } from "./attribute-utilities";
-export { isDisabledElement, isHiddenElement, isFocusableElement, setAttributes };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/component-utilities/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/component-utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,aAAa,EACd,CAAC"}

package/dist/esm/components/field/field.template.js

@@ -1,31 +0,0 @@
-import { children, elements, html, slotted } from "@microsoft/fast-element";
-/**
- * Template for the Field component
- * @public
- */
-export const template = html `
-  <template
-    @click="${(x, c) => x.clickHandler(c.event)}"
-    @change="${(x, c) => x.changeHandler(c.event)}"
-    @focusin="${(x, c) => x.focusinHandler(c.event)}"
-    @focusout="${(x, c) => x.focusoutHandler(c.event)}"
-    label-position="${(x) => x.labelPosition}"
-    ${children({
-    property: "slottedInputs",
-    attributes: true,
-    attributeFilter: ["disabled", "required", "readonly"],
-    subtree: true,
-    selector: '[slot="input"]',
-    filter: elements()
-})}
-  >
-    <slot name="label" part="label" ${slotted("labelSlot")}></slot>
-    <slot name="input" part="input"></slot>
-    <slot
-      name="message"
-      part="message"
-      ${slotted({ property: "messageSlot", filter: elements("[flag]") })}
-    ></slot>
-  </template>
-`;
-//# sourceMappingURL=field.template.js.map

package/dist/esm/components/field/field.template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.template.js","sourceRoot":"","sources":["../../../../../../../src/components/field/field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,EAER,IAAI,EACJ,OAAO,EACR,MAAM,yBAAyB,CAAC;AAGjC;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAwB,IAAI,CAAO;;cAE1C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAChD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;sBAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa;MACtC,QAAQ,CAAC;IACT,QAAQ,EAAE,eAAe;IACzB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IACrD,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,QAAQ,EAAE;CACnB,CAAC;;sCAEgC,OAAO,CAAC,WAAW,CAAC;;;;;QAKlD,OAAO,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;;;CAGvE,CAAC"}