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

package/dist/dts/components/progress-bar/index.d.ts

@@ -1,4 +1,5 @@
-export { ProgressBar } from "./progress-bar";
-export { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, ProgressBarStyles, ProgressBarTemplate } from "@fluentui/web-components";
-export { definition as ProgressBarDefinition } from "./progress-bar.definition";
+export { ProgressBar } from "./progress-bar.js";
+export { definition as ProgressBarDefinition } from "./progress-bar.definition.js";
+export { ProgressBarShapes, ProgressBarThicknesses, ProgressBarValidationStates } from "./progress-bar.options.js";
+export type { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from "./progress-bar.options.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,0BAA0B,EAC1B,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,2BAA2B,EAC5B,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,0BAA0B,EAC3B,MAAM,2BAA2B,CAAC"}

package/dist/dts/components/progress-bar/progress-bar.d.ts

@@ -18,6 +18,11 @@ import { ProgressBar as FluentProgressBar } from "@fluentui/web-components";
  *
  * @csspart indicator - The progress bar indicator.
  *
+ * @cssprop --indicator-width - Computed percentage width of the progress indicator, based on the current value, min, and max.
+ * @cssprop --max - CSS variable reflecting the max attribute value. Defaults to 100.
+ * @cssprop --min - CSS variable reflecting the min attribute value. Defaults to 0.
+ * @cssprop --value - CSS variable reflecting the current value attribute. Defaults to 0.
+ *
  * @extends FluentProgressBar
  * @tagname fabric-progress-bar
  * @public

package/dist/dts/components/progress-bar/progress-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;CAAG"}
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;CAAG"}

package/dist/dts/components/progress-bar/progress-bar.definition.d.ts

@@ -1,4 +1,4 @@
-import { ProgressBar } from "@fluentui/web-components";
+import { ProgressBar } from "./progress-bar.js";
 /**
  * The Fabric Progress Bar component.
  *

package/dist/dts/components/progress-bar/progress-bar.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/progress-bar/progress-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAGZ,MAAM,0BAA0B,CAAC;AAGlC;;;;GAIG;AACH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}
+{"version":3,"file":"progress-bar.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/progress-bar/progress-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD;;;;GAIG;AACH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}

package/dist/dts/components/progress-bar/progress-bar.options.d.ts

@@ -0,0 +1,21 @@
+import type { ValuesOf } from "../../util/typings.js";
+/** Shape values for {@link ProgressBar}. */
+export declare const ProgressBarShapes: {
+    readonly rounded: "rounded";
+    readonly square: "square";
+};
+export type ProgressBarShape = ValuesOf<typeof ProgressBarShapes>;
+/** Thickness values for {@link ProgressBar}. */
+export declare const ProgressBarThicknesses: {
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export type ProgressBarThickness = ValuesOf<typeof ProgressBarThicknesses>;
+/** Validation state values for {@link ProgressBar}. */
+export declare const ProgressBarValidationStates: {
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly error: "error";
+};
+export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationStates>;
+//# sourceMappingURL=progress-bar.options.d.ts.map

package/dist/dts/components/progress-bar/progress-bar.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/progress-bar/progress-bar.options.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,4CAA4C;AAC5C,eAAO,MAAM,iBAAiB;;;CAA6C,CAAC;AAC5E,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,gDAAgD;AAChD,eAAO,MAAM,sBAAsB;;;CAEzB,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE3E,uDAAuD;AACvD,eAAO,MAAM,2BAA2B;;;;CAE9B,CAAC;AACX,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAC/C,OAAO,2BAA2B,CACnC,CAAC"}

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

@@ -1,4 +1,3 @@
-export { Radio } from "./radio";
-export { definition as RadioDefinition } from "./radio.definition";
-export { RadioStyles, RadioTemplate, type RadioControl, type RadioOptions } from "@fluentui/web-components";
+export { Radio } from "./radio.js";
+export { definition as RadioDefinition } from "./radio.definition.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EACL,WAAW,EACX,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -30,6 +30,7 @@ import { Radio as FluentRadio } from "@fluentui/web-components";
  * @slot checked-indicator - Custom slot for the checked indicator.
  *
  * @csspart checked-indicator - The checked state indicator of the radio.
+ * @cssprop --size - Controls the size of the radio control.
  *
  * @method toggleChecked - Toggles the checked state of the control.
  * @method checkValidity - Checks the validity of the element and returns the result.

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,KAAM,SAAQ,WAAW;CAAG"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBAAa,KAAM,SAAQ,WAAW;CAAG"}

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

@@ -1,4 +1,4 @@
-import { Radio } from "@fluentui/web-components";
+import { Radio } from "./radio.js";
 /**
  * The Fabric Radio component.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"radio.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio/radio.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA8B,MAAM,0BAA0B,CAAC;AAG7E;;;;GAIG;AACH,eAAO,MAAM,UAAU,uEAOrB,CAAC"}
+{"version":3,"file":"radio.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio/radio.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC;;;;GAIG;AACH,eAAO,MAAM,UAAU,uEAOrB,CAAC"}

package/dist/dts/components/radio-group/index.d.ts

@@ -1,4 +1,5 @@
-export { RadioGroup } from "./radio-group";
-export { RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate } from "@fluentui/web-components";
-export { definition as RadioGroupDefinition } from "./radio-group.definition";
+export { RadioGroup } from "./radio-group.js";
+export type { RadioGroupOrientation } from "./radio-group.options.js";
+export { RadioGroupOrientations, RadioGroupEventNames } from "./radio-group.options.js";
+export { definition as RadioGroupDefinition } from "./radio-group.definition.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/radio-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/dts/components/radio-group/radio-group.d.ts

@@ -34,6 +34,8 @@ import { RadioGroup as FluentRadioGroup } from "@fluentui/web-components";
  * @method formResetCallback - Resets the radio group to its initial state during a form reset.
  * @method reportValidity - Reports the validity of the element.
  *
+ * @fires change - Emits when the checked radio changes.
+ *
  * @extends FASTElement
  * @tagname fabric-radio-group
  * @public

package/dist/dts/components/radio-group/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,qBAAa,UAAW,SAAQ,gBAAgB;CAAG"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,qBAAa,UAAW,SAAQ,gBAAgB;CAAG"}

package/dist/dts/components/radio-group/radio-group.definition.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroup } from "@fluentui/web-components";
+import { RadioGroup } from "./radio-group.js";
 /**
  * The Fabric Radio Group component.
  *

package/dist/dts/components/radio-group/radio-group.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio-group/radio-group.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAGX,MAAM,0BAA0B,CAAC;AAGlC;;;;GAIG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}
+{"version":3,"file":"radio-group.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio-group/radio-group.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C;;;;GAIG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}

package/dist/dts/components/radio-group/radio-group.options.d.ts

@@ -0,0 +1,15 @@
+import type { ValuesOf } from "../../util/typings.js";
+/** Orientation values for {@link RadioGroup}. */
+export declare const RadioGroupOrientations: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/** Type describing orientation options for {@link RadioGroup}. */
+export type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientations>;
+/**
+ * Radio group event names.
+ */
+export declare const RadioGroupEventNames: {
+    readonly change: "change";
+};
+//# sourceMappingURL=radio-group.options.d.ts.map

package/dist/dts/components/radio-group/radio-group.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/radio-group/radio-group.options.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,iDAAiD;AACjD,eAAO,MAAM,sBAAsB;;;CAEzB,CAAC;AAEX,kEAAkE;AAClE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,oBAAoB;;CAEvB,CAAC"}

package/dist/dts/components/rating-display/index.d.ts

@@ -1,4 +1,5 @@
-export { RatingDisplay } from "./rating-display";
-export { RatingDisplayColor, RatingDisplaySize, RatingDisplayStyles, RatingDisplayTemplate } from "@fluentui/web-components";
-export { definition as RatingDisplayDefinition } from "./rating-display.definition";
+export { RatingDisplay } from "./rating-display.js";
+export { definition as RatingDisplayDefinition } from "./rating-display.definition.js";
+export { RatingDisplayColors, RatingDisplaySizes } from "./rating-display.options.js";
+export type { RatingDisplayColor, RatingDisplaySize } from "./rating-display.options.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/rating-display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rating-display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rating-display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC"}

package/dist/dts/components/rating-display/rating-display.d.ts

@@ -22,6 +22,23 @@ import { RatingDisplay as FluentRatingDisplay } from "@fluentui/web-components";
  * @slot value - Displays the value of the rating.
  * @slot count - Displays the number of ratings.
  *
+ * @cssprop --_attr-max - Internal max value derived from the max attribute.
+ * @cssprop --_attr-value - Internal value derived from the value attribute.
+ * @cssprop --_default-max - Default max fallback used when no attribute is set.
+ * @cssprop --_default-value - Default value fallback used when no attribute is set.
+ * @cssprop --_icon-color-empty - Color for empty (unfilled) icons.
+ * @cssprop --_icon-color-value - Color for the filled icon portion.
+ * @cssprop --_icon-gradient-degree - Gradient angle used for partial fill rendering.
+ * @cssprop --_icon-gradient-stop - Primary gradient stop for partial fill.
+ * @cssprop --_icon-gradient-stop-visual-adjustment - Adjustment applied to the gradient stop to align visuals.
+ * @cssprop --_icon-size - Computed icon size used for layout.
+ * @cssprop --_mask-image-filled - Mask image for the filled icon state.
+ * @cssprop --_mask-image-outlined - Mask image for the outlined icon state.
+ * @cssprop --_mask-inline-size - Inline size of the mask image.
+ * @cssprop --_mask-position-x - Horizontal mask position used for partial fill.
+ * @cssprop --_max - Computed max value used in layout calculations.
+ * @cssprop --_value - Computed current value used in layout calculations.
+ *
  * @extends FluentRatingDisplay
  * @tagname fabric-rating-display
  * @public

package/dist/dts/components/rating-display/rating-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating-display.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rating-display/rating-display.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;CAAG"}
+{"version":3,"file":"rating-display.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rating-display/rating-display.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;CAAG"}

package/dist/dts/components/rating-display/rating-display.definition.d.ts

@@ -1,4 +1,4 @@
-import { RatingDisplay } from "@fluentui/web-components";
+import { RatingDisplay } from "./rating-display.js";
 /**
  * @public
  * @remarks

package/dist/dts/components/rating-display/rating-display.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating-display.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rating-display/rating-display.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAGd,MAAM,0BAA0B,CAAC;AAGlC;;;;GAIG;AACH,eAAO,MAAM,UAAU,+EAOrB,CAAC"}
+{"version":3,"file":"rating-display.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rating-display/rating-display.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAOpD;;;;GAIG;AACH,eAAO,MAAM,UAAU,+EAOrB,CAAC"}

package/dist/dts/components/rating-display/rating-display.options.d.ts

@@ -0,0 +1,18 @@
+import type { ValuesOf } from "../../util/typings.js";
+/** Color values for {@link RatingDisplay}. */
+export declare const RatingDisplayColors: {
+    readonly neutral: "neutral";
+    readonly brand: "brand";
+    readonly marigold: "marigold";
+};
+/** Type describing color options for {@link RatingDisplay}. */
+export type RatingDisplayColor = ValuesOf<typeof RatingDisplayColors>;
+/** Size values for {@link RatingDisplay}. */
+export declare const RatingDisplaySizes: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+/** Type describing size options for {@link RatingDisplay}. */
+export type RatingDisplaySize = ValuesOf<typeof RatingDisplaySizes>;
+//# sourceMappingURL=rating-display.options.d.ts.map

package/dist/dts/components/rating-display/rating-display.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-display.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rating-display/rating-display.options.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,8CAA8C;AAC9C,eAAO,MAAM,mBAAmB;;;;CAA2C,CAAC;AAE5E,+DAA+D;AAC/D,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE,6CAA6C;AAC7C,eAAO,MAAM,kBAAkB;;;;CAA0C,CAAC;AAE1E,8DAA8D;AAC9D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/dts/components/search-box/define.d.ts.map

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

package/dist/dts/components/search-box/index.d.ts

@@ -0,0 +1,5 @@
+export { SearchBox } from "./search-box.js";
+export { definition as SearchBoxDefinition } from "./search-box.definition.js";
+export { ImplicitSubmissionBlockingTypes, SearchBoxAppearances, SearchBoxControlSizes, SearchBoxEventNames, SearchBoxTypes } from "./search-box.options.js";
+export type { SearchBoxAppearance, SearchBoxControlSize, SearchBoxType } from "./search-box.options.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/components/search-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/search-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACf,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACd,MAAM,yBAAyB,CAAC"}

package/dist/dts/components/search-box/search-box.d.ts

@@ -0,0 +1,117 @@
+import { TextInput } from "../text-input/text-input.js";
+/**
+ * SearchBox
+ * @summary A SearchBox custom HTML input element based on Fluent UI's SearchBox. Inherits from fabric UX TextInput.
+ *
+ * @example
+ * ```html
+ * <fabric-search-box aria-label="Search Box" placeholder="Search..."></fabric-search-box>
+ * ```
+ *
+ * @attr {string | undefined} appearance - Indicates the styled appearance of the element.
+ * @attr {string | undefined} control-size - Sets the size of the control.
+ * @attr {string | undefined} autocomplete - Indicates the element's autocomplete state.
+ * @attr {boolean | undefined} autofocus - Indicates that the element should get focus after the page finishes loading.
+ * @attr {string} current-value - The current value of the input.
+ * @attr {string | undefined} dirname - Sets the directionality of the element to be submitted with form data.
+ * @attr {boolean | undefined} disabled - Sets the element's disabled state.
+ * @attr {string | undefined} form - The id of a form to associate the element to.
+ * @attr {string | undefined} list - Allows associating a `<datalist>` to the element by ID.
+ * @attr {number | undefined} maxlength - The maximum number of characters a user can enter.
+ * @attr {number | undefined} minlength - The minimum number of characters a user can enter.
+ * @attr {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
+ * @attr {string | undefined} pattern - A regular expression that the value must match to pass validation.
+ * @attr {string | undefined} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user.
+ * @attr {boolean | undefined} readonly - When true, the control will be immutable by user interaction.
+ * @attr {boolean | undefined} required - The element's required attribute.
+ * @attr {number | undefined} size - Sets the width of the element to a specified number of characters.
+ * @attr {string | boolean | undefined} spellcheck - Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.
+ * @attr {string | undefined} type - Allows setting a type or mode of text.
+ * @attr {string} value - The initial value of the input.
+ *
+ * @prop {string | undefined} appearance - Indicates the styled appearance of the element.
+ * @prop {string | undefined} controlSize - Sets the size of the control.
+ * @prop {string | undefined} autocomplete - Indicates the element's autocomplete state.
+ * @prop {boolean | undefined} autofocus - Indicates that the element should get focus after the page finishes loading.
+ * @prop {string} currentValue - The current value of the input.
+ * @prop {string | undefined} dirname - Sets the directionality of the element to be submitted with form data.
+ * @prop {boolean | undefined} disabled - Sets the element's disabled state.
+ * @prop {string | undefined} form - The id of a form to associate the element to.
+ * @prop {string | undefined} list - Allows associating a `<datalist>` to the element by ID.
+ * @prop {number | undefined} maxlength - The maximum number of characters a user can enter.
+ * @prop {number | undefined} minlength - The minimum number of characters a user can enter.
+ * @prop {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
+ * @prop {string | undefined} pattern - A regular expression that the value must match to pass validation.
+ * @prop {string | undefined} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user.
+ * @prop {boolean | undefined} readOnly - When true, the control will be immutable by user interaction.
+ * @prop {boolean | undefined} required - The element's required attribute.
+ * @prop {number | undefined} size - Sets the width of the element to a specified number of characters.
+ * @prop {string | boolean | undefined} spellcheck - Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.
+ * @prop {string | undefined} type - Allows setting a type or mode of text.
+ * @prop {string} value - The initial value of the input.
+ * @prop {HTMLElement | undefined} clearButton - The clear button element.
+ *
+ * @slot start - Content which can be provided before the input.
+ * @slot end - Content which can be provided after the input.
+ * @slot - The default slot for input content.
+ *
+ * @csspart root - The root container for the internal control.
+ * @csspart control - The internal `<input>` control.
+ *
+ * @fires change - Fires a custom 'change' event when the value has changed.
+ * @fires input - Fires a custom 'input' event when the value has changed.
+ * @fires search - Fires a custom 'submit' event when the search is submitted.
+ * @fires select - Fired when text is selected in the input.
+ *
+ * @method clear - Clears the search box value and focuses the input.
+ * @method currentValueChanged - Tracks the current value of the input and shows/hides the clear button.
+ * @method checkValidity - Checks the validity of the element and returns the result.
+ * @method select - Selects all the text in the text field.
+ * @method setCustomValidity - Sets the custom validity message.
+ * @method reportValidity - Reports the validity of the element.
+ *
+ * @extends TextInput
+ * @tagname fabric-search-box
+ * @public
+ */
+export declare class SearchBox extends TextInput {
+    type: "text";
+    /**
+     * The clear button element.
+     */
+    clearButton: HTMLElement | undefined;
+    /** Focuses the input element */
+    focus(): void;
+    /** Blurs the input element */
+    blur(): void;
+    /** Show the clear button */
+    private showClearButton;
+    /** Hide the clear button */
+    private hideClearButton;
+    /**
+     * Tracks the current value of the input.
+     *
+     * @param prev - the previous value
+     * @param next - the next value
+     *
+     * @internal
+     */
+    currentValueChanged(prev: string, next: string): void;
+    /**
+     * Clear the search box value
+     * @method
+     */
+    clear(): void;
+    /** Handle the submit action */
+    private handleSubmit;
+    /**
+     * Emits the search event.
+     *
+     * @fires search - Fired when a search is submitted.
+     */
+    private emitSearch;
+    private handleKeydown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+//# sourceMappingURL=search-box.d.ts.map

package/dist/dts/components/search-box/search-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/search-box/search-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAKxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,IAAI,SAAuB;IAE3B;;OAEG;IAEI,WAAW,EAAE,WAAW,GAAG,SAAS,CAAa;IAExD,gCAAgC;IACzB,KAAK,IAAI,IAAI;IAIpB,8BAA8B;IACvB,IAAI,IAAI,IAAI;IAInB,4BAA4B;IAC5B,OAAO,CAAC,eAAe;IAOvB,4BAA4B;IAC5B,OAAO,CAAC,eAAe;IAOvB;;;;;;;OAOG;IACH,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAUrD;;;OAGG;IACI,KAAK,IAAI,IAAI;IAKpB,+BAA+B;IAC/B,OAAO,CAAC,YAAY;IAIpB;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,aAAa;IAMd,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;CAKpC"}

package/dist/dts/components/search-box/search-box.definition.d.ts

@@ -0,0 +1,9 @@
+import { SearchBox } from "./search-box.js";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-search-box>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof SearchBox>;
+//# sourceMappingURL=search-box.definition.d.ts.map

package/dist/dts/components/search-box/search-box.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/search-box/search-box.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAK5C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,2EAOrB,CAAC"}

package/dist/dts/components/search-box/search-box.options.d.ts

@@ -0,0 +1,53 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Values for the `control-size` attribute on SearchBox elements.
+ *
+ * @public
+ */
+export declare const SearchBoxControlSizes: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export type SearchBoxControlSize = ValuesOf<typeof SearchBoxControlSizes>;
+/**
+ * Values for the `appearance` attribute on SearchBox elements.
+ *
+ * @public
+ */
+export declare const SearchBoxAppearances: {
+    readonly outline: "outline";
+    readonly underline: "underline";
+    readonly filledLighter: "filled-lighter";
+    readonly filledDarker: "filled-darker";
+};
+export type SearchBoxAppearance = ValuesOf<typeof SearchBoxAppearances>;
+/**
+ * Values for the `type` attribute on SearchBox elements.
+ *
+ * @public
+ */
+export declare const SearchBoxTypes: {
+    readonly email: "email";
+    readonly password: "password";
+    readonly number: "number";
+    readonly tel: "tel";
+    readonly text: "text";
+    readonly url: "url";
+};
+export type SearchBoxType = ValuesOf<typeof SearchBoxTypes>;
+/**
+ * Input types that block implicit form submission.
+ *
+ * @public
+ */
+export declare const ImplicitSubmissionBlockingTypes: string[];
+/**
+ * SearchBox event names.
+ *
+ * @public
+ */
+export declare const SearchBoxEventNames: {
+    readonly search: "search";
+};
+//# sourceMappingURL=search-box.options.d.ts.map

package/dist/dts/components/search-box/search-box.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/search-box/search-box.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAUtD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;CAExB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE1E;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;CAEvB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;;;;;CAEjB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,UAE3C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;CAEtB,CAAC"}

package/dist/dts/components/search-box/search-box.styles.d.ts

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

package/dist/dts/components/search-box/search-box.styles.d.ts.map

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

package/dist/dts/components/search-box/search-box.template.d.ts

@@ -0,0 +1,9 @@
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { SearchBox } from "./search-box.js";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(SearchBox:class)} component.
+ * @public
+ */
+export declare function searchBoxTemplate<T extends SearchBox>(): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<SearchBox>;
+//# sourceMappingURL=search-box.template.d.ts.map

package/dist/dts/components/search-box/search-box.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/search-box/search-box.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,SAAS,KAChB,mBAAmB,CAAC,CAAC,CAAC,CAuD1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,SAAS,CAAuB,CAAC"}

package/dist/dts/components/simple-table/define.d.ts.map

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

package/dist/dts/components/simple-table/index.d.ts

@@ -0,0 +1,3 @@
+export { SimpleTable } from "./simple-table.js";
+export { definition as SimpleTableDefinition } from "./simple-table.definition.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/components/simple-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/dts/components/simple-table/simple-table.d.ts

@@ -0,0 +1,46 @@
+import { FASTElement } from "@microsoft/fast-element";
+/**
+ * Simple Table
+ * @summary A thin shell around native `<table>` that standardizes Fluent styling, RTL/high-contrast, and accessibility—without taking control of data, templates, or rendering.
+ *
+ * @example
+ * ```html
+ * <fabric-simple-table>
+ *   <table>
+ *     <caption>Account Overview</caption>
+ *     <thead>
+ *       <tr>
+ *         <th scope="col">Account</th>
+ *         <th scope="col">Owner</th>
+ *         <th scope="col">Status</th>
+ *       </tr>
+ *     </thead>
+ *     <tbody>
+ *       <tr>
+ *         <td>Contoso</td>
+ *         <td>A. Lee</td>
+ *         <td><span class="badge badge--warning">Pending</span></td>
+ *       </tr>
+ *     </tbody>
+ *   </table>
+ * </fabric-simple-table>
+ * ```
+ *
+ * @extends FASTElement
+ * @tagname fabric-simple-table
+ * @public
+ */
+export declare class SimpleTable extends FASTElement {
+    /**
+     * Lifecycle method called when the element is connected to the DOM.
+     * Applies the microsoft-fabric-ux-fabric-simple-table class to child table elements.
+     * @public
+     */
+    connectedCallback(): void;
+    /**
+     * Applies the styling class to child table elements.
+     * @public
+     */
+    applyTableClass(): void;
+}
+//# sourceMappingURL=simple-table.d.ts.map

package/dist/dts/components/simple-table/simple-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-table.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/simple-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C;;;;OAIG;IACH,iBAAiB;IAKjB;;;OAGG;IACI,eAAe;CAWvB"}

package/dist/dts/components/simple-table/simple-table.definition.d.ts

@@ -0,0 +1,10 @@
+import { SimpleTable } from "./simple-table.js";
+/**
+ * The Fabric Simple Table component definition.
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-simple-table>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof SimpleTable>;
+//# sourceMappingURL=simple-table.definition.d.ts.map

package/dist/dts/components/simple-table/simple-table.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-table.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/simple-table.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,6EAQrB,CAAC"}

package/dist/dts/components/simple-table/simple-table.styles.d.ts

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

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

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

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

@@ -1,5 +1,6 @@
-export { Slider } from "./slider";
-export { SliderMode, SliderOrientation, SliderSize, SliderStyles, SliderTemplate } from "@fluentui/web-components";
+export { Slider } from "./slider.js";
+export { SliderEventNames, SliderModes, SliderOrientations, SliderSizes } from "./slider.options.js";
+export type { SliderMode, SliderOrientation, SliderSize } from "./slider.options.js";
 export type { SliderOptions, SliderConfiguration } from "@fluentui/web-components";
-export { definition as SliderDefinition } from "./slider.definition";
+export { definition as SliderDefinition } from "./slider.definition.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,UAAU,EACX,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}