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

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

@@ -1,4 +1,4 @@
-import { Carousel } from "./carousel";
+import { Carousel } from "./carousel.js";
 /**
  *
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,0EAOrB,CAAC"}
+{"version":3,"file":"carousel.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKzC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,0EAOrB,CAAC"}

package/dist/dts/components/carousel/carousel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,iDAqClB,CAAC"}
+{"version":3,"file":"carousel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,iDAwClB,CAAC"}

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

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from "@microsoft/fast-element";
-import type { Carousel } from "./carousel";
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { Carousel } from "./carousel.js";
 /**
  * The template for the {@link @fabric-msft/fabric-web#(Carousel:class)} component.
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAIpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,QAAQ,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAoB7E;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAsB,CAAC"}
+{"version":3,"file":"carousel.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,QAAQ,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAoB7E;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAsB,CAAC"}

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

@@ -1,5 +1,5 @@
-export * from "./carousel";
-export { definition as CarouselDefinition } from "./carousel.definition";
-export { styles as CarouselStyles } from "./carousel.styles";
-export { template as CarouselTemplate } from "./carousel.template";
+export * from "./carousel.js";
+export { definition as CarouselDefinition } from "./carousel.definition.js";
+export { styles as CarouselStyles } from "./carousel.styles.js";
+export { template as CarouselTemplate } from "./carousel.template.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { Checkbox } from "./checkbox";
+import { Checkbox } from "./checkbox.js";
 /**
  * The Fabric Checkbox component.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,UAAU,0EAOrB,CAAC"}
+{"version":3,"file":"checkbox.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,UAAU,0EAOrB,CAAC"}

package/dist/dts/components/checkbox/checkbox.options.d.ts

@@ -0,0 +1,12 @@
+import type { ValuesOf } from "../../util/typings.js";
+export declare const CheckboxShapes: {
+    readonly circular: "circular";
+    readonly square: "square";
+};
+export type CheckboxShape = ValuesOf<typeof CheckboxShapes>;
+export declare const CheckboxSizes: {
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export type CheckboxSize = ValuesOf<typeof CheckboxSizes>;
+//# sourceMappingURL=checkbox.options.d.ts.map

package/dist/dts/components/checkbox/checkbox.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/checkbox/checkbox.options.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,eAAO,MAAM,cAAc;;;CAEjB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D,eAAO,MAAM,aAAa;;;CAEhB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC"}

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

@@ -1,6 +1,7 @@
-import { Checkbox } from "./checkbox";
-export { CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate } from "@fluentui/web-components";
+export { Checkbox } from "./checkbox.js";
+export { CheckboxShapes, CheckboxSizes } from "./checkbox.options.js";
+export type { CheckboxShape, CheckboxSize } from "./checkbox.options.js";
+export { CheckboxStyles, CheckboxTemplate } from "@fluentui/web-components";
 export type { CheckboxOptions } from "@fluentui/web-components";
-export { Checkbox };
-export { definition as CheckboxDefinition } from "./checkbox.definition";
+export { definition as CheckboxDefinition } from "./checkbox.definition.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EACL,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAGpB,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/dts/components/compound-button/compound-button.d.ts

@@ -1,5 +1,5 @@
-import { ButtonAppearance as CompoundButtonAppearance } from "../button/index";
-import { Button as FabricButton } from "../button/button";
+import { BaseButton } from "@fluentui/web-components";
+import type { CompoundButtonShape, CompoundButtonSize, CompoundButtonAppearance } from "./compound-button.options.js";
 /**
  * CompoundButton
  * @summary The base class used for constructing a fabric-compound-button custom element, which extends the Fluent UI CompoundButton with Fabric-specific functionality.
@@ -62,7 +62,38 @@ import { Button as FabricButton } from "../button/button";
  * @tagname fabric-compound-button
  * @public
  */
-export declare class CompoundButton extends FabricButton {
+export declare class CompoundButton extends BaseButton {
+    /**
+     * The appearance of the compound button.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `appearance`
+     */
     appearance: CompoundButtonAppearance;
+    /**
+     * The shape of the compound button.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `shape`
+     */
+    shape?: CompoundButtonShape;
+    /**
+     * The size of the compound button.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `size`
+     */
+    size?: CompoundButtonSize;
+    /**
+     * Indicates that the compound button should only display as an icon with no text content.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `icon-only`
+     */
+    iconOnly: boolean;
 }
 //# sourceMappingURL=compound-button.d.ts.map

package/dist/dts/components/compound-button/compound-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compound-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/compound-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,qBAAa,cAAe,SAAQ,YAAY;IACrC,UAAU,EAAE,wBAAwB,CACV;CACpC"}
+{"version":3,"file":"compound-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/compound-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,8BAA8B,CAAC;AACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C;;;;;;OAMG;IAEI,UAAU,EAAE,wBAAwB,CACP;IAEpC;;;;;;OAMG;IAEI,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;;OAMG;IAEI,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;;;;;OAMG;IAEI,QAAQ,UAAS;CACzB"}

package/dist/dts/components/compound-button/compound-button.definition.d.ts

@@ -1,4 +1,4 @@
-import { CompoundButton } from "./compound-button";
+import { CompoundButton } from "./compound-button.js";
 /**
  * The Fabric Compound Button component.
  *

package/dist/dts/components/compound-button/compound-button.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compound-button.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/compound-button.definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,UAAU,gFAOrB,CAAC"}
+{"version":3,"file":"compound-button.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/compound-button.definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,UAAU,gFAOrB,CAAC"}

package/dist/dts/components/compound-button/compound-button.options.d.ts

@@ -0,0 +1,77 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Appearances for {@link CompoundButton}
+ * Local plural const composed from ButtonAppearances allowing future extensions.
+ * @public
+ */
+export declare const CompoundButtonAppearances: {
+    readonly primaryOnBrand: "primary-on-brand";
+    readonly primary: "primary";
+    readonly outline: "outline";
+    readonly subtle: "subtle";
+    readonly transparent: "transparent";
+};
+/**
+ * Type describing appearance options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonAppearances`.
+ */
+export type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearances>;
+/**
+ * Shapes for {@link CompoundButton}
+ * @public
+ */
+export declare const CompoundButtonShapes: {
+    readonly circular: "circular";
+    readonly rounded: "rounded";
+    readonly square: "square";
+};
+/**
+ * Type describing shape options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonShapes`.
+ */
+export type CompoundButtonShape = ValuesOf<typeof CompoundButtonShapes>;
+/**
+ * Sizes for {@link CompoundButton}
+ * @public
+ */
+export declare const CompoundButtonSizes: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+/**
+ * Type describing size options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonSizes`.
+ */
+export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSizes>;
+/**
+ * Form targets for {@link CompoundButton}
+ * @public
+ */
+export declare const CompoundButtonFormTargets: {
+    readonly blank: "_blank";
+    readonly self: "_self";
+    readonly parent: "_parent";
+    readonly top: "_top";
+};
+/**
+ * Type describing form target options for {@link CompoundButton}.
+ * This is the union of the values defined in `CompoundButtonFormTargets`.
+ */
+export type CompoundButtonFormTarget = ValuesOf<typeof CompoundButtonFormTargets>;
+/**
+ * Types for {@link CompoundButton}
+ * @public
+ */
+export declare const CompoundButtonTypes: {
+    readonly submit: "submit";
+    readonly reset: "reset";
+    readonly button: "button";
+};
+/**
+ * Type describing button type options for {@link CompoundButton}.
+
+ * This is the union of the values defined in `CompoundButtonTypes`.
+*/
+export type CompoundButtonType = ValuesOf<typeof CompoundButtonTypes>;
+//# sourceMappingURL=compound-button.options.d.ts.map

package/dist/dts/components/compound-button/compound-button.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound-button.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/compound-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB;;;;;;CAE5B,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAC7C,OAAO,yBAAyB,CACjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;CAEvB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;CAEtB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,yBAAyB;;;;;CAE5B,CAAC;AAEX;;;GAGG;AAEH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAC7C,OAAO,yBAAyB,CACjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;CAEtB,CAAC;AAEX;;;;EAIE;AACF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"compound-button.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,iDAiClB,CAAC"}
+{"version":3,"file":"compound-button.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,iDAmClB,CAAC"}

package/dist/dts/components/compound-button/index.d.ts

@@ -1,5 +1,5 @@
-export { ButtonAppearance as CompoundButtonAppearance } from "../button/index";
-export { CompoundButton } from "./compound-button";
-export { CompoundButtonShape, CompoundButtonSize, ButtonFormTarget as CompoundButtonFormTarget, ButtonType as CompoundButtonType, CompoundButtonStyles, CompoundButtonTemplate } from "@fluentui/web-components";
-export { definition as CompoundButtonDefinition } from "./compound-button.definition";
+export { CompoundButton } from "./compound-button.js";
+export { CompoundButtonAppearances, CompoundButtonFormTargets, CompoundButtonShapes, CompoundButtonSizes, CompoundButtonTypes } from "./compound-button.options.js";
+export type { CompoundButtonAppearance, CompoundButtonFormTarget, CompoundButtonShape, CompoundButtonSize, CompoundButtonType } from "./compound-button.options.js";
+export { definition as CompoundButtonDefinition } from "./compound-button.definition.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/compound-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,IAAI,wBAAwB,EAC5C,UAAU,IAAI,kBAAkB,EAChC,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/compound-button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAGtC,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/dts/components/counter-badge/counter-badge.definition.d.ts

@@ -1,4 +1,4 @@
-import { CounterBadge } from "./counter-badge";
+import { CounterBadge } from "./counter-badge.js";
 /**
  * The Fabric Counter Badge component.
  *

package/dist/dts/components/counter-badge/counter-badge.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"counter-badge.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,UAAU,8EAOrB,CAAC"}
+{"version":3,"file":"counter-badge.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,UAAU,8EAOrB,CAAC"}

package/dist/dts/components/counter-badge/counter-badge.options.d.ts

@@ -0,0 +1,64 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Appearances for {@link CounterBadge}.
+ * @public
+ */
+export declare const CounterBadgeAppearances: {
+    readonly filled: "filled";
+    readonly ghost: "ghost";
+};
+/**
+ * Type describing appearance options for {@link CounterBadge}.
+ * @public
+ */
+export type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearances>;
+/**
+ * Colors for {@link CounterBadge}.
+ * @public
+ */
+export declare const CounterBadgeColors: {
+    readonly brand: "brand";
+    readonly danger: "danger";
+    readonly important: "important";
+    readonly informative: "informative";
+    readonly severe: "severe";
+    readonly subtle: "subtle";
+    readonly success: "success";
+    readonly warning: "warning";
+};
+/**
+ * Type describing color options for {@link CounterBadge}.
+ * @public
+ */
+export type CounterBadgeColor = ValuesOf<typeof CounterBadgeColors>;
+/**
+ * Shapes for {@link CounterBadge}.
+ * @public
+ */
+export declare const CounterBadgeShapes: {
+    readonly circular: "circular";
+    readonly rounded: "rounded";
+};
+/**
+ * Type describing shape options for {@link CounterBadge}.
+ * @public
+ */
+export type CounterBadgeShape = ValuesOf<typeof CounterBadgeShapes>;
+/**
+ * Sizes for {@link CounterBadge}.
+ * @public
+ */
+export declare const CounterBadgeSizes: {
+    readonly tiny: "tiny";
+    readonly extraSmall: "extra-small";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly extraLarge: "extra-large";
+};
+/**
+ * Type describing size options for {@link CounterBadge}.
+ * @public
+ */
+export type CounterBadgeSize = ValuesOf<typeof CounterBadgeSizes>;
+//# sourceMappingURL=counter-badge.options.d.ts.map

package/dist/dts/components/counter-badge/counter-badge.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-badge.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/counter-badge.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;CAE1B,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;CAErB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;CAErB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;CAEpB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/dts/components/counter-badge/index.d.ts

@@ -1,4 +1,5 @@
-export { CounterBadge } from "./counter-badge";
-export { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, CounterBadgeStyles, CounterBadgeTemplate } from "@fluentui/web-components";
-export { definition as CounterBadgeDefinition } from "./counter-badge.definition";
+export { CounterBadge } from "./counter-badge.js";
+export { CounterBadgeAppearances, CounterBadgeColors, CounterBadgeShapes, CounterBadgeSizes } from "./counter-badge.options.js";
+export type { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize } from "./counter-badge.options.js";
+export { definition as CounterBadgeDefinition } from "./counter-badge.definition.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/counter-badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

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

@@ -25,12 +25,12 @@ import { Dialog as FluentDialog } from "@fluentui/web-components";
  *
  * @csspart dialog - The dialog container.
  *
- * @method show - Opens the dialog.
- * @method hide - Closes the dialog.
- * @method clickHandler - Handles click events on the dialog.
+ * @method show() - Opens the dialog.
+ * @method hide() - Closes the dialog.
+ * @method clickHandler() - Handles click events on the dialog.
  *
- * @fires beforetoggle - Event emitted before the dialog's open state changes.
- * @fires toggle - Event emitted after the dialog's open state changes.
+ * @fires {CustomEvent} beforetoggle - Event emitted before the dialog's open state changes.
+ * @fires {CustomEvent} toggle - Event emitted after the dialog's open state changes.
  *
  * @extends FluentDialog
  * @tagname fabric-dialog

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

@@ -1,4 +1,4 @@
-import { Dialog } from "./dialog";
+import { Dialog } from "./dialog.js";
 /**
  * The Fabric Dialog component.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;GAIG;AACH,eAAO,MAAM,UAAU,wEAOrB,CAAC"}
+{"version":3,"file":"dialog.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,UAAU,wEAOrB,CAAC"}

package/dist/dts/components/dialog/dialog.options.d.ts

@@ -3,10 +3,10 @@ import type { ValuesOf } from "@microsoft/fast-foundation";
  * Dialog modal type
  * @public
  */
-export declare const DialogType: {
+export declare const DialogTypes: {
     readonly modal: "modal";
     readonly nonModal: "non-modal";
     readonly alert: "alert";
 };
-export declare type DialogType = ValuesOf<typeof DialogType>;
+export type DialogType = ValuesOf<typeof DialogTypes>;
 //# sourceMappingURL=dialog.options.d.ts.map

package/dist/dts/components/dialog/dialog.options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,oBAAY,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"dialog.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC"}

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

@@ -1,5 +1,7 @@
-export { Dialog } from "./dialog";
-export { DialogType, DialogTemplate } from "@fluentui/web-components";
-export { styles as DialogStyles } from "./dialog.styles";
-export { definition as DialogDefinition } from "./dialog.definition";
+export { Dialog } from "./dialog.js";
+export { DialogTemplate } from "@fluentui/web-components";
+export { styles as DialogStyles } from "./dialog.styles.js";
+export { definition as DialogDefinition } from "./dialog.definition.js";
+export { DialogTypes } from "./dialog.options.js";
+export type { DialogType } from "./dialog.options.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { Divider } from "./divider";
+import { Divider } from "./divider.js";
 /**
  * The Fabric Divider component.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"divider.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;GAIG;AACH,eAAO,MAAM,UAAU,yEAOrB,CAAC"}
+{"version":3,"file":"divider.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,UAAU,yEAOrB,CAAC"}

package/dist/dts/components/divider/divider.options.d.ts

@@ -0,0 +1,56 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Align-content values supported by {@link Divider}.
+ * @public
+ */
+export declare const DividerAlignContents: {
+    readonly center: "center";
+    readonly start: "start";
+    readonly end: "end";
+};
+/**
+ * Type describing alignment options for {@link Divider}.
+ * @public
+ */
+export type DividerAlignContent = ValuesOf<typeof DividerAlignContents>;
+/**
+ * Appearance values supported by {@link Divider}.
+ * @public
+ */
+export declare const DividerAppearances: {
+    readonly strong: "strong";
+    readonly brand: "brand";
+    readonly subtle: "subtle";
+};
+/**
+ * Type describing appearance options for {@link Divider}.
+ * @public
+ */
+export type DividerAppearance = ValuesOf<typeof DividerAppearances>;
+/**
+ * Orientation values supported by {@link Divider}.
+ * @public
+ */
+export declare const DividerOrientations: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/**
+ * Type describing orientation options for {@link Divider}.
+ * @public
+ */
+export type DividerOrientation = ValuesOf<typeof DividerOrientations>;
+/**
+ * Role values supported by {@link Divider}.
+ * @public
+ */
+export declare const DividerRoles: {
+    readonly separator: "separator";
+    readonly presentation: "presentation";
+};
+/**
+ * Type describing ARIA roles available to {@link Divider}.
+ * @public
+ */
+export type DividerRole = ValuesOf<typeof DividerRoles>;
+//# sourceMappingURL=divider.options.d.ts.map

package/dist/dts/components/divider/divider.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.options.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;CAEvB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;CAErB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;CAEtB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,YAAY;;;CAEf,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/dts/components/divider/divider.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=divider.styles.d.ts.map

package/dist/dts/components/divider/divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDAKlB,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Template for the {@link Divider} component.
+ * @public
+ */
+export declare const template: import("@microsoft/fast-element").ElementViewTemplate<import("@fluentui/web-components").Divider, any>;
+//# sourceMappingURL=divider.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.template.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,wGAAwB,CAAC"}

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

@@ -1,4 +1,7 @@
-export { Divider } from "./divider";
-export { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DividerStyles, DividerTemplate } from "@fluentui/web-components";
-export { definition as DividerDefinition } from "./divider.definition";
+export { Divider } from "./divider.js";
+export { DividerAlignContents, DividerAppearances, DividerOrientations, DividerRoles } from "./divider.options.js";
+export type { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from "./divider.options.js";
+export { styles as DividerStyles } from "./divider.styles.js";
+export { template as DividerTemplate } from "./divider.template.js";
+export { definition as DividerDefinition } from "./divider.definition.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACb,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -32,12 +32,12 @@ import { Drawer as FluentDrawer } from "@fluentui/web-components";
  *
  * @csspart dialog - The dialog element of the drawer.
  *
- * @method show - Shows the drawer.
- * @method hide - Hides the drawer.
- * @method clickHandler - Handles click events on the drawer.
+ * @method show() - Shows the drawer.
+ * @method hide() - Hides the drawer.
+ * @method clickHandler() - Handles click events on the drawer.
  *
- * @fires toggle - Event emitted after the dialog's open state changes.
- * @fires beforetoggle - Event emitted before the dialog's open state changes.
+ * @fires {CustomEvent} toggle - Event emitted after the dialog's open state changes.
+ * @fires {CustomEvent} beforetoggle - Event emitted before the dialog's open state changes.
  *
  * @extends FluentDrawer
  * @tagname fabric-drawer

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

@@ -1,4 +1,4 @@
-import { Drawer } from "./drawer";
+import { Drawer } from "./drawer.js";
 /**
  * The Fabric Drawer component.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;GAIG;AACH,eAAO,MAAM,UAAU,wEAOrB,CAAC"}
+{"version":3,"file":"drawer.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,UAAU,wEAOrB,CAAC"}

package/dist/dts/components/drawer/drawer.options.d.ts

@@ -0,0 +1,26 @@
+import type { ValuesOf } from "../../util/typings.js";
+/** Positions supported by {@link Drawer}. */
+export declare const DrawerPositions: {
+    readonly start: "start";
+    readonly end: "end";
+};
+/** Drawer position type. */
+export type DrawerPosition = ValuesOf<typeof DrawerPositions>;
+/** Size values supported by {@link Drawer}. */
+export declare const DrawerSizes: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly full: "full";
+};
+/** Drawer size type. */
+export type DrawerSize = ValuesOf<typeof DrawerSizes>;
+/** Type values supported by {@link Drawer}. */
+export declare const DrawerTypes: {
+    readonly nonModal: "non-modal";
+    readonly modal: "modal";
+    readonly inline: "inline";
+};
+/** Drawer type union. */
+export type DrawerType = ValuesOf<typeof DrawerTypes>;
+//# sourceMappingURL=drawer.options.d.ts.map