@uni-design-system/uni-angular 11.0.0 → 11.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "11.0.0",
+  "version": "11.1.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
     "@angular/core": "^22.0.0",
     "@angular/forms": "^22.0.0",
     "@emotion/css": "^11.0.0",
-    "@uni-design-system/uni-core": "^11.0.0"
+    "@uni-design-system/uni-core": "^11.1.0"
   },
   "module": "fesm2022/uni-design-system-uni-angular.mjs",
   "typings": "types/uni-design-system-uni-angular.d.ts",

package/schematics/ng-add/index.js

@@ -813,7 +813,7 @@ var BaseTypography = {
 		fontFamily: "Red Hat Display",
 		fontSize: 15,
 		lineHeight: 20,
-		fontWeight: 600
+		fontWeight: 500
 	},
 	input: {
 		fontFamily: "Red Hat Display",
@@ -946,14 +946,26 @@ var SELECTION_ACCENTS = {
 var tagVariant = (c, role) => ({ [role]: {
 	backgroundColor: c[`${role}-container`],
 	color: c[`on-${role}-container`],
-	"&.tone-solid": {
+	"&.tag-selected": {
 		backgroundColor: c[role],
 		color: c[`on-${role}`]
 	},
+	"&.tag-interactive:hover": { filter: "brightness(0.95)" },
+	"&.tone-solid": {
+		backgroundColor: c[role],
+		color: c[`on-${role}`],
+		"&.tag-selected": { filter: "brightness(0.9)" },
+		"&.tag-selected.tag-interactive:hover": { filter: "brightness(0.85)" }
+	},
 	"&.tone-outline": {
 		backgroundColor: "transparent",
 		color: c[role],
-		borderColor: c[`on-${role}-container-border`] ?? c[role]
+		borderColor: c[`on-${role}-container-border`] ?? c[role],
+		"&.tag-selected": {
+			backgroundColor: c[role],
+			color: c[`on-${role}`],
+			borderColor: c[role]
+		}
 	}
 } });
 var buildComponents = (c) => ({
@@ -1294,7 +1306,8 @@ var buildComponents = (c) => ({
 			gap: "xs",
 			removeIcon: "close",
 			selectedIcon: "check",
-			motion: "control"
+			motion: "control",
+			endInset: "auto"
 		},
 		fixed: {
 			display: "inline-flex",
@@ -1311,13 +1324,25 @@ var buildComponents = (c) => ({
 			ghost: {
 				backgroundColor: "transparent",
 				color: c["on-background"],
-				"&.tone-solid": {
+				"&.tag-selected": {
 					backgroundColor: c["surface-variant"],
 					color: c["on-surface-variant"]
 				},
+				"&.tag-interactive:hover": { filter: "brightness(0.95)" },
+				"&.tone-solid": {
+					backgroundColor: c["surface-variant"],
+					color: c["on-surface-variant"],
+					"&.tag-selected": { filter: "brightness(0.9)" },
+					"&.tag-selected.tag-interactive:hover": { filter: "brightness(0.85)" }
+				},
 				"&.tone-outline": {
 					backgroundColor: "transparent",
-					borderColor: c.outline
+					borderColor: c.outline,
+					"&.tag-selected": {
+						backgroundColor: c["surface-variant"],
+						color: c["on-surface-variant"],
+						borderColor: c.outline
+					}
 				}
 			},
 			disabled: {
@@ -1337,20 +1362,31 @@ var buildComponents = (c) => ({
 			sm: {
 				height: 20,
 				fontSize: 12,
-				padding: "0 8px"
+				paddingInline: 8
 			},
 			md: {
 				height: 24,
 				fontSize: 13,
-				padding: "0 10px"
+				paddingInline: 10
 			},
 			lg: {
 				height: 32,
 				fontSize: 15,
-				padding: "0 12px"
+				paddingInline: 12
 			}
 		}
 	},
+	tagGroup: {
+		options: {
+			gap: "xs",
+			rowGap: "xs"
+		},
+		fixed: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center"
+		}
+	},
 	tagInput: { options: {
 		chipGap: "xs",
 		chipSize: "md",
@@ -2233,7 +2269,7 @@ var UniThemes = {
 Object.keys(UniThemes)[0];
 //#endregion
 //#region package.json
-var version = "11.0.0";
+var version = "11.1.0";
 //#endregion
 //#region schematics-src/ng-add/transforms.ts
 var addDependencies = (packageJsonText, deps) => {

package/types/uni-design-system-uni-angular.d.ts

@@ -6114,27 +6114,74 @@ interface UniTagOptions {
     removeIcon?: IconName;
     /** Icon primitive shown in the lead slot when the chip is selected. */
     selectedIcon?: IconName;
+    /**
+     * How far a lead element or the remove control tucks into the chip's rounded
+     * end, in px. Defaults to `auto`, which derives it from the chip so the lead
+     * sits concentric with the cap — and which declines to tuck at all when the
+     * end is too square to flow into.
+     */
+    endInset?: number | 'auto';
 }
 /** The value a tag echoes back on `removed` / `activated`. */
 type UniTagValue = string | number | undefined;
+/**
+ * One chip in a {@link UniTagGroupComponent}. The group renders its own chips
+ * rather than projecting them, which is what lets it drive `selected` and the
+ * roving tab index without an app binding per chip.
+ */
+interface UniTagGroupItem<T extends UniTagValue = UniTagValue> {
+    label: string;
+    value: T;
+    /** Colour role, overriding the group's own. */
+    variant?: Variant;
+    /** Style archetype, overriding the group's own. */
+    tone?: TagTone;
+    iconName?: IconName;
+    symbolName?: string;
+    avatarSrc?: string;
+    /** Initials fallback when `avatarSrc` is absent or fails to load. */
+    avatarName?: string;
+    dot?: boolean;
+    disabled?: boolean;
+    /** Adds a remove control to this chip; the group re-emits it on `removed`. */
+    removable?: boolean;
+    /** Truncation budget, e.g. `'14ch'`. A number is treated as px. */
+    maxWidth?: string | number;
+}
+/** Theme options for the `tagGroup` component entry. */
+interface UniTagGroupOptions {
+    /** Space between chips in a row. Defaults to `xs`. */
+    gap?: NullableSize;
+    /** Space between wrapped rows. Defaults to `xs`. */
+    rowGap?: NullableSize;
+    /** Size every chip takes unless the group's `size` input says otherwise. */
+    chipSize?: Size;
+    /** Resting tone for every chip. */
+    chipTone?: TagTone;
+    /** Colour role for every chip. */
+    chipVariant?: Variant;
+}
 
 /**
  * Compact chip for categories, states, filters and tokens.
  *
  * Two orthogonal style axes: `variant` picks the colour role and `tone` picks
  * the archetype (soft / solid / outline). Both live in the theme's `tag` entry,
- * so a theme restyles every chip in the app without touching markup.
+ * so a theme restyles every chip in the app without touching markup. Two state
+ * classes ride alongside the tone class for the same reason: `tag-selected` and
+ * `tag-interactive` let the theme paint selection and hover beside the colours
+ * they belong to, instead of an app swapping `tone` by hand on every chip.
  *
  * Structurally a chip is **body + trailing action as siblings**, never nested
  * buttons: an interactive chip whose body is a `<button>` cannot contain the
  * remove `<button>` (invalid HTML, and the inner control becomes unreachable
  * for keyboard users). Both stay independently operable.
  */
-declare class UniTagComponent extends BaseComponent<UniTagOptions> {
+declare class UniTagComponent<T extends UniTagValue = UniTagValue> extends BaseComponent<UniTagOptions> {
     size: _angular_core.InputSignal<Size>;
     tone: _angular_core.InputSignal<TagTone>;
     label: _angular_core.InputSignal<string | undefined>;
-    value: _angular_core.InputSignal<string | number | undefined>;
+    value: _angular_core.InputSignal<T | undefined>;
     /** Truncation budget, e.g. `'14ch'`. A number is treated as px. */
     maxWidth: _angular_core.InputSignal<string | number | undefined>;
     avatarSrc: _angular_core.InputSignal<string | undefined>;
@@ -6161,33 +6208,158 @@ declare class UniTagComponent extends BaseComponent<UniTagOptions> {
     removeLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * Tab position of the chip's controls. A composite that owns its own
-     * roving focus — `uni-tag-input`, where the whole field is one tab stop —
-     * passes `-1` so Tab does not walk through every chip to reach the next
-     * control.
+     * roving focus — `uni-tag-input` or `uni-tag-group`, where the whole
+     * thing is one tab stop — passes `-1` so Tab does not walk through every
+     * chip to reach the next control.
      */
     controlTabIndex: _angular_core.InputSignal<number>;
-    removed: _angular_core.OutputEmitterRef<UniTagValue>;
-    activated: _angular_core.OutputEmitterRef<UniTagValue>;
+    removed: _angular_core.OutputEmitterRef<T | undefined>;
+    activated: _angular_core.OutputEmitterRef<T | undefined>;
     /** A disabled chip wears the theme's `disabled` role, whatever its variant. */
     protected readonly resolvedVariant: _angular_core.Signal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     protected readonly themeStyle: _angular_core.Signal<{
         [x: string]: string | number | _uni_design_system_uni_core.StyleExpression | undefined;
     }>;
+    protected readonly height: _angular_core.Signal<number>;
     /** Lead elements derive from the chip height, so no second size token. */
     protected readonly leadSize: _angular_core.Signal<number>;
     /** Remove glyph, proportional to the chip rather than to the icon-button. */
     protected readonly removeGlyphSize: _angular_core.Signal<number>;
     protected readonly initials: _angular_core.Signal<string>;
+    /** Glyph the theme shows in the lead slot for a selected chip, if any. */
+    protected readonly selectedIcon: _angular_core.Signal<IconName | undefined>;
+    /**
+     * The chip is a toggle: `selected` was bound, so the chip is one of a set the
+     * user switches on and off — the same tri-state that gates `aria-pressed`.
+     */
+    protected readonly isToggle: _angular_core.Signal<boolean>;
+    /** A lead element the chip renders itself, rather than the projected slot. */
+    protected readonly hasOwnLead: _angular_core.Signal<boolean>;
+    /**
+     * A toggle chip with nothing else in the lead holds the check's place while
+     * unselected. Without it the chip grows by a glyph the moment it is picked
+     * and the whole row reflows — and a row that jumps under the pointer is worse
+     * than one with a little space in front of each label.
+     */
+    protected readonly reservesSlot: _angular_core.Signal<boolean>;
+    /** Whether the chip paints a lead box at all, so the start end tucks. */
+    protected readonly showsLead: _angular_core.Signal<boolean>;
+    /** Status dots are their own size — a lead box would dwarf one. */
+    protected readonly dotSize: _angular_core.Signal<number>;
+    /** Width the lead actually occupies, which a dot changes. */
+    private readonly leadWidth;
+    /**
+     * Whether the ends are round enough to tuck anything into.
+     *
+     * The theme's documented `borderRadius: 'xs'` switch to rectangular labels
+     * leaves no curve to flow into, and a glyph jammed against a corner is worse
+     * than one sitting in a gutter.
+     */
+    private readonly tucks;
+    /**
+     * How far an element of `size` sits from its end of the chip.
+     *
+     * `auto` centres it in the cap: an element `size` tall has `(height - size)/2`
+     * of chip above and below it, so the same inset horizontally makes it
+     * concentric with the curve. A lead box lands 3px in — flowing into the round
+     * end rather than beginning where the radius ends — while a 6px status dot
+     * keeps its distance, because a dot pushed that far in reads as a smudge on
+     * the edge.
+     */
+    private inset;
+    /** The themed `gap` as a number, for the padding arithmetic. */
+    private readonly gapSize;
+    /**
+     * Inline padding: the ends tuck, and a lead is balanced against.
+     *
+     * A lead pushes the label off centre, so the far side grows to match it —
+     * each end asks for the room it needs (its own inset, plus whatever it holds,
+     * plus the gap) and the wider ask wins for both. The tuck costs less than the
+     * old gutter did, so that balance is largely paid for rather than added.
+     *
+     * The remove control is not balanced against on its own. It reads as an
+     * affordance rather than as content, so a chip with nothing but a remove
+     * button keeps the size token's gutter at the start and simply tucks the
+     * glyph into the trailing curve — padding the other side to match would leave
+     * a plain label sitting behind a stretch of empty chip.
+     */
+    protected readonly padding: _angular_core.Signal<{
+        start: number;
+        end: number;
+    }>;
     protected readonly hostClass: _angular_core.Signal<string>;
-    /** Truncating label; `title` exposes the full text when a budget is set. */
+    /**
+     * Truncating label. It grows, so a chip stretched to fill a justified row
+     * puts the slack around its text instead of behind it — the tucked ends stay
+     * where they are and the label stays centred. `title` exposes the full text
+     * when a budget is set.
+     */
     protected readonly labelClass: string;
     protected readonly bodyClass: _angular_core.Signal<string>;
     protected readonly leadClass: _angular_core.Signal<string>;
+    /** The held-open check slot: the lead's footprint and nothing in it. */
+    protected readonly slotClass: _angular_core.Signal<string>;
     protected readonly dotClass: _angular_core.Signal<string>;
     protected remove(): void;
     protected activate(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagComponent, "uni-tag", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarName": { "alias": "avatarName"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "controlTabIndex": { "alias": "controlTabIndex"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "activated": "activated"; }, never, ["[tag-lead]", "*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTagComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagComponent<any>, "uni-tag", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarName": { "alias": "avatarName"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "controlTabIndex": { "alias": "controlTabIndex"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "activated": "activated"; }, never, ["[tag-lead]", "*"], true, never>;
+}
+
+/**
+ * A row of chips the user picks from: filters, facets, a set of labels.
+ *
+ * The group **renders its own chips** from `items` rather than projecting them.
+ * That is what lets it own the things an app was otherwise wiring per chip —
+ * which one is selected, which one holds the tab stop — since a parent cannot
+ * write a projected child's inputs. `uni-tag` is unchanged by this component;
+ * `controlTabIndex` was already its hook for a composite that manages focus.
+ *
+ * Keyboard model is the toolbar pattern: one tab stop for the whole group, and
+ * the arrow keys move within it. Twelve filter chips should cost one Tab to
+ * pass, not twelve.
+ */
+declare class UniTagGroupComponent<T extends UniTagValue = UniTagValue> extends BaseComponent<UniTagGroupOptions> {
+    items: _angular_core.InputSignal<readonly UniTagGroupItem<T>[]>;
+    /**
+     * `wrap` lets chips keep their natural widths. `justify` stretches each
+     * filled row flush to both edges, leaving the last row ragged; chips put the
+     * extra width around their labels, so tucked leads and remove controls stay
+     * tucked.
+     */
+    layout: _angular_core.InputSignal<"justify" | "wrap">;
+    /** Allow more than one chip at a time. Single select replaces instead. */
+    multiple: _angular_core.InputSignal<boolean>;
+    /**
+     * The selected values — one array in both modes, as `uni-tag-input` keeps one
+     * array for its items. Single select simply never holds more than one, which
+     * spares callers a `T[] | T | null` union at every call site.
+     */
+    value: _angular_core.ModelSignal<T[]>;
+    /** The chip the user just activated, selected or deselected. */
+    activated: _angular_core.OutputEmitterRef<T | undefined>;
+    removed: _angular_core.OutputEmitterRef<T | undefined>;
+    chipTone: _angular_core.InputSignal<TagTone | undefined>;
+    chipSize: _angular_core.InputSignal<Size | undefined>;
+    chipVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
+    protected readonly resolvedTone: _angular_core.Signal<TagTone>;
+    protected readonly resolvedSize: _angular_core.Signal<Size>;
+    protected readonly resolvedVariant: _angular_core.Signal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
+    /**
+     * Which chip holds the group's tab stop. It moves with the arrow keys and
+     * follows selection, so tabbing back into the group lands where the user
+     * left off rather than at the start.
+     */
+    protected readonly focusedIndex: _angular_core.WritableSignal<number>;
+    private readonly chipRefs;
+    protected readonly fillerClass: string;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    protected isSelected(value: T): boolean;
+    protected toggle(item: UniTagGroupItem<T>): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private focusChip;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTagGroupComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagGroupComponent<any>, "uni-tag-group", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "chipTone": { "alias": "chipTone"; "required": false; "isSignal": true; }; "chipSize": { "alias": "chipSize"; "required": false; "isSignal": true; }; "chipVariant": { "alias": "chipVariant"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "activated": "activated"; "removed": "removed"; }, never, never, true, never>;
 }
 
 interface Preset {
@@ -6465,6 +6637,6 @@ declare class DragAndDropDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragAndDropDirective, "[uni-drag-n-drop], [dragAndDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, true, never>;
 }
 
-export { BodyRenderDirective, ConfirmationDialogComponent, DRAWER_PANEL, DragAndDropDirective, FOCUSABLE_SELECTOR, ListboxNavigation, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, TRANSFORM_ORIGINS, ThemeService, UNI_FORMS, UNI_LAYOUT, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxDirective, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCalendarComponent, UniCalloutComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterDirective, UniCheckboxComponent, UniComboboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDateInputComponent, UniDateTimeInputComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerButtonsComponent, UniDrawerComponent, UniDrawerHeaderComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaDirective, UniGridDirective, UniIconButtonComponent, UniIconComponent, UniInlineButtonComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniNumberInputComponent, UniNumberRangeInputComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniQuantityStepperComponent, UniRadioComponent, UniRecordDatasource, UniRowDirective, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackDirective, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTagInputComponent, UniTextDirective, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniTimeInputComponent, UniToggleComponent, UniTooltipComponent, UniTourComponent, UniWrapDirective, acceptableFile, addDays, addMonths, anchorArrowStyles, anchorStyles, buildMonthGrid, clampDecimal, clearAnchorName, compareDecimal, createAnnouncer, createListboxNavigation, createPressRepeat, dayOfWeek, daysInMonth, decimalScale, discreteOverlayTransition, evaluateExpression, focusableElements, formatDate, formatMonthHeading, formatNumber, formatTime, fromScaled, getFileExtension, inclusiveDayCount, isCanonicalDecimal, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupAttr, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeNumberParts, localeWeekStart, losesPrecision, monthOf, motionSafe, newAnchorName, newListboxAnchor, normalizeDecimal, parseDateText, parseNumber, parseTimeText, promoteListboxPopup, rawNumberText, resolveElement, resolveFocusTarget, resolveNumberFormat, restoreOverlayFocus, roundDecimal, setAnchorName, settleNumber, shiftDecimal, speakNumber, splitDateTime, spotlightStyles, stepDecimal, supportsAnchoredPopup, timeSlots, toAsciiDigits, toDecimal, toNumber, toScaled, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
-export type { Alert, AnchorOffset, AnchorRect, Announcer, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerBackground, DrawerCloseReason, DrawerMode, DrawerPosition, ImagePosition, ListboxNavigationConfig, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, PressRepeat, PressRepeatConfig, PressRepeatTiming, ScrollbarAppearance, SkeletonShape, SkeletonSweepDirection, Snackbar, Sort, SortDirection, SpotlightOptions, SpotlightStyles, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCalendarMarker, UniCalendarMode, UniCalendarOptions, UniCalendarValue, UniCalloutDismissal, UniCalloutOptions, UniCheckboxOptions, UniCheckboxVariant, UniComboboxOptions, UniComboboxRejection, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDate, UniDateInputOptions, UniDateInputRejection, UniDateRange, UniDateTime, UniDateTimeInputOptions, UniDrawerButtonsOptions, UniDrawerCloseRequest, UniDrawerHeaderOptions, UniDrawerOptions, UniDrawerPanel, UniExpandOptions, UniInlineButtonOptions, UniInputBoxOptions, UniInputMode, UniInputType, UniListboxPopupOptions, UniLocaleNumberParts, UniMenuItemOptions, UniMenuOptions, UniMonthGridCell, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniNumberClamp, UniNumberFormatConfig, UniNumberGrouping, UniNumberInputOptions, UniNumberParseResult, UniNumberPreset, UniNumberRange, UniNumberRangeInputOptions, UniNumberRangePart, UniNumberRangeRejection, UniNumberRejectReason, UniNumberRejection, UniNumberStepConfig, UniNumberStepped, UniPaginatorOptions, UniPopoverOptions, UniQuantityStepperOptions, UniRadioOption, UniRadioOptions, UniRadioVariant, UniResolvedNumberFormat, UniRoundingMode, UniSearchInputOptions, UniSelectOptions, UniSkeletonOptions, UniSliderMark, UniSliderOptions, UniSliderThumb, UniStatOptions, UniStepperLayout, UniTabsOptions, UniTagInputOptions, UniTagItem, UniTagOptions, UniTagRejection, UniTagSuggestion, UniTagValue, UniTextareaOptions, UniTime, UniTimeInputOptions, UniTimeInputRejection, UniToggleOptions, UniToggleVariant, UniTourAdvance, UniTourOptions, UniTourStep, UniWeekdayName };
+export { BodyRenderDirective, ConfirmationDialogComponent, DRAWER_PANEL, DragAndDropDirective, FOCUSABLE_SELECTOR, ListboxNavigation, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, TRANSFORM_ORIGINS, ThemeService, UNI_FORMS, UNI_LAYOUT, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxDirective, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCalendarComponent, UniCalloutComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterDirective, UniCheckboxComponent, UniComboboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDateInputComponent, UniDateTimeInputComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerButtonsComponent, UniDrawerComponent, UniDrawerHeaderComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaDirective, UniGridDirective, UniIconButtonComponent, UniIconComponent, UniInlineButtonComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniNumberInputComponent, UniNumberRangeInputComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniQuantityStepperComponent, UniRadioComponent, UniRecordDatasource, UniRowDirective, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackDirective, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTagGroupComponent, UniTagInputComponent, UniTextDirective, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniTimeInputComponent, UniToggleComponent, UniTooltipComponent, UniTourComponent, UniWrapDirective, acceptableFile, addDays, addMonths, anchorArrowStyles, anchorStyles, buildMonthGrid, clampDecimal, clearAnchorName, compareDecimal, createAnnouncer, createListboxNavigation, createPressRepeat, dayOfWeek, daysInMonth, decimalScale, discreteOverlayTransition, evaluateExpression, focusableElements, formatDate, formatMonthHeading, formatNumber, formatTime, fromScaled, getFileExtension, inclusiveDayCount, isCanonicalDecimal, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupAttr, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeNumberParts, localeWeekStart, losesPrecision, monthOf, motionSafe, newAnchorName, newListboxAnchor, normalizeDecimal, parseDateText, parseNumber, parseTimeText, promoteListboxPopup, rawNumberText, resolveElement, resolveFocusTarget, resolveNumberFormat, restoreOverlayFocus, roundDecimal, setAnchorName, settleNumber, shiftDecimal, speakNumber, splitDateTime, spotlightStyles, stepDecimal, supportsAnchoredPopup, timeSlots, toAsciiDigits, toDecimal, toNumber, toScaled, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
+export type { Alert, AnchorOffset, AnchorRect, Announcer, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerBackground, DrawerCloseReason, DrawerMode, DrawerPosition, ImagePosition, ListboxNavigationConfig, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, PressRepeat, PressRepeatConfig, PressRepeatTiming, ScrollbarAppearance, SkeletonShape, SkeletonSweepDirection, Snackbar, Sort, SortDirection, SpotlightOptions, SpotlightStyles, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCalendarMarker, UniCalendarMode, UniCalendarOptions, UniCalendarValue, UniCalloutDismissal, UniCalloutOptions, UniCheckboxOptions, UniCheckboxVariant, UniComboboxOptions, UniComboboxRejection, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDate, UniDateInputOptions, UniDateInputRejection, UniDateRange, UniDateTime, UniDateTimeInputOptions, UniDrawerButtonsOptions, UniDrawerCloseRequest, UniDrawerHeaderOptions, UniDrawerOptions, UniDrawerPanel, UniExpandOptions, UniInlineButtonOptions, UniInputBoxOptions, UniInputMode, UniInputType, UniListboxPopupOptions, UniLocaleNumberParts, UniMenuItemOptions, UniMenuOptions, UniMonthGridCell, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniNumberClamp, UniNumberFormatConfig, UniNumberGrouping, UniNumberInputOptions, UniNumberParseResult, UniNumberPreset, UniNumberRange, UniNumberRangeInputOptions, UniNumberRangePart, UniNumberRangeRejection, UniNumberRejectReason, UniNumberRejection, UniNumberStepConfig, UniNumberStepped, UniPaginatorOptions, UniPopoverOptions, UniQuantityStepperOptions, UniRadioOption, UniRadioOptions, UniRadioVariant, UniResolvedNumberFormat, UniRoundingMode, UniSearchInputOptions, UniSelectOptions, UniSkeletonOptions, UniSliderMark, UniSliderOptions, UniSliderThumb, UniStatOptions, UniStepperLayout, UniTabsOptions, UniTagGroupItem, UniTagGroupOptions, UniTagInputOptions, UniTagItem, UniTagOptions, UniTagRejection, UniTagSuggestion, UniTagValue, UniTextareaOptions, UniTime, UniTimeInputOptions, UniTimeInputRejection, UniToggleOptions, UniToggleVariant, UniTourAdvance, UniTourOptions, UniTourStep, UniWeekdayName };
 //# sourceMappingURL=uni-design-system-uni-angular.d.ts.map