@atscript/ui-styles 0.1.97 → 0.1.99

package/dist/index.cjs

@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-const require_kebab = require("./kebab-DBLSvkJF.cjs");
+const require_kebab = require("./kebab-DIhHuSSr.cjs");
 let _unocss_preset_icons = require("@unocss/preset-icons");
 _unocss_preset_icons = __toESM(_unocss_preset_icons);
 let vunor_theme = require("vunor/theme");
@@ -36,12 +36,9 @@ function createAsExtractor(opts = {}) {
 		extract({ code }) {
 			if (!code) return void 0;
 			if (!code.includes("@atscript/") && !code.includes("<As") && !code.includes("<as-") && !helperNames.some((name) => code.includes(name))) return;
-			const matched = /* @__PURE__ */ new Set();
+			const names = /* @__PURE__ */ new Set();
 			const addClassesFor = (kebab) => {
-				if (exclude.has(kebab)) return;
-				const list = require_kebab.componentClasses[kebab];
-				if (!list) return;
-				for (const cls of list) matched.add(cls);
+				names.add(kebab);
 			};
 			for (const [, name] of code.matchAll(/['"]@atscript\/(?:vue-form|vue-table|vue-wf|vue-aooth)\/(as-[\w-]+)['"]/g)) addClassesFor(name);
 			for (const [, names] of code.matchAll(/import\s*(?:type\s*)?\{([^}]+)\}\s*from\s*['"]@atscript\/(?:vue-form|vue-table|vue-wf|vue-aooth)['"]/g)) for (const ident of names.split(",")) {
@@ -50,6 +47,7 @@ function createAsExtractor(opts = {}) {
 			}
 			for (const [, name] of code.matchAll(/<(as-[\w-]+|As[A-Z][\w]*)/g)) addClassesFor(name.startsWith("As") ? require_kebab.kebabize(name) : name);
 			if (helperPattern) for (const [, helper] of code.matchAll(helperPattern)) for (const kebab of require_kebab.helperAliases[helper] ?? []) addClassesFor(kebab);
+			const matched = require_kebab.expandComponentClasses([...names], require_kebab.componentClasses, require_kebab.componentCompanions, exclude);
 			return matched.size > 0 ? matched : void 0;
 		}
 	};
@@ -1608,9 +1606,11 @@ exports.asWindowTableShortcuts = asWindowTableShortcuts;
 exports.bakedIcons = bakedIcons;
 exports.commonShortcuts = commonShortcuts;
 exports.componentClasses = require_kebab.componentClasses;
+exports.componentCompanions = require_kebab.componentCompanions;
 exports.componentPackages = require_kebab.componentPackages;
 exports.createAsBaseUnoConfig = createAsBaseUnoConfig;
 exports.createAsExtractor = createAsExtractor;
+exports.defaultAsVunorOptions = defaultAsVunorOptions;
 Object.defineProperty(exports, "defineShortcuts", {
 	enumerable: true,
 	get: function() {

package/dist/index.d.cts

@@ -2,14 +2,44 @@ import { Extractor, Preset } from "unocss";
 import * as vunor_theme0 from "vunor/theme";
 import { TVunorShortcut, defineShortcuts, mergeVunorShortcuts, presetVunor, toUnoShortcut } from "vunor/theme";
 
+//#region src/generated/component-classes.d.ts
+/**
+ * Union of every published kebab-case component name, generated from the
+ * public component set. Powers autocomplete (and typo rejection) on knobs
+ * like `excludeComponents`.
+ */
+type AsComponentName = "as-action" | "as-action-form-dialog" | "as-array" | "as-cell-array" | "as-cell-date" | "as-cell-json" | "as-cell-number" | "as-cell-union" | "as-checkbox" | "as-collapsible" | "as-column-menu" | "as-config-dialog" | "as-confirm-dialog" | "as-consent-array" | "as-copy" | "as-date" | "as-datetime" | "as-decimal" | "as-field" | "as-field-shell" | "as-filter-dialog" | "as-filter-field" | "as-filter-input" | "as-filters" | "as-form" | "as-input" | "as-iterator" | "as-multi-select" | "as-number" | "as-object" | "as-paragraph" | "as-password-rules" | "as-preset-dialog" | "as-preset-picker" | "as-qr-code" | "as-radio" | "as-ref" | "as-row-actions" | "as-select" | "as-sso-providers" | "as-table" | "as-table-actions" | "as-table-cell-value" | "as-table-header-cell" | "as-table-root" | "as-time" | "as-tuple" | "as-union" | "as-wf-finish" | "as-wf-form" | "as-window-table";
+declare const componentClasses: Record<string, readonly string[]>;
+declare const componentCompanions: Readonly<Partial<Record<AsComponentName, readonly AsComponentName[]>>>;
+declare const helperAliases: Record<string, readonly AsComponentName[]>;
+declare const componentPackages: Record<string, "form" | "table" | "wf" | "aooth">;
+/**
+ * Own classes + transitively expanded companions for the given components.
+ * An excluded name contributes nothing and is not traversed through —
+ * see expandComponentClasses for the exact semantics.
+ */
+declare function getComponentClasses(names: readonly string[], exclude?: ReadonlySet<string>): string[];
+declare function getHelperClasses(...helpers: string[]): string[];
+//#endregion
 //#region src/extractor.d.ts
 interface AsExtractorOptions {
   /**
    * Kebab-case component names whose classes should NEVER be added to the
    * safelist, even when the extractor matches them. Use to drop styles for
    * default components the consumer has replaced with their own implementation.
+   *
+   * Typed against {@link AsComponentName} — a union generated from the
+   * published component set — so editors autocomplete the names and typos
+   * fail the build instead of silently no-opping.
+   *
+   * Companions are veto-able too: components a matched component pulls in
+   * (statically or lazily — see `componentCompanions`) are expanded
+   * per-component, so excluding e.g. `as-config-dialog` / `as-filter-dialog` /
+   * `as-preset-dialog` sheds those dialogs' CSS even when you only tag
+   * `<AsTableRoot>` — useful when the app never opens them or supplies its
+   * own implementations.
    */
-  excludeComponents?: string[];
+  excludeComponents?: AsComponentName[];
 }
 declare function createAsExtractor(opts?: AsExtractorOptions): Extractor;
 //#endregion
@@ -19,6 +49,33 @@ declare function createAsExtractor(opts?: AsExtractorOptions): Extractor;
  * their own theme overrides without reaching into `vunor/theme` themselves.
  */
 type AsVunorPresetOptions = NonNullable<Parameters<typeof presetVunor>[0]>;
+/**
+ * Baked-in vunor theme defaults atscript-ui has shipped since day one.
+ * Any field a consumer omits from `asPresetVunor({ vunor: ... })` falls
+ * back to the value here. Exported so consumers can read the defaults
+ * if they want to extend (rather than replace) a nested map.
+ */
+declare const defaultAsVunorOptions: {
+  readonly baseRadius: "4px";
+  readonly fingertip: {
+    readonly xs: "1.5em";
+    readonly s: "2.15em";
+    readonly m: "2.6em";
+    readonly l: "2.9em";
+    readonly xl: "3.25em";
+  };
+  readonly palette: {
+    readonly colors: {
+      readonly primary: "#2563eb";
+      readonly grey: "#64748b";
+      readonly neutral: "#475569";
+      readonly error: "#dc2626";
+    };
+    readonly lightest: 0.97;
+    readonly darkest: 0.22;
+    readonly layersDepth: 0.08;
+  };
+};
 /**
  * Full `presetVunor()` theme options. Every field is optional and merged on
  * top of the baked atscript-ui defaults (`defaultAsVunorOptions`):
@@ -34,9 +91,18 @@ interface AsPresetVunorOptions extends AsBaseUnoConfigOptions {
    * Kebab-case component names whose classes the extractor should drop from
    * the safelist (post-match). Use when the consumer has replaced a built-in
    * default with their own implementation and wants to shed the unused styles.
+   *
+   * Typed against {@link AsComponentName} — a union generated from the
+   * published component set — so editors autocomplete the names and typos
+   * fail the build instead of silently no-opping.
+   *
+   * Also applies to companions — components a matched component pulls in
+   * (statically or lazily). E.g. excluding `as-config-dialog` /
+   * `as-filter-dialog` / `as-preset-dialog` sheds those dialogs' CSS for
+   * apps that mount `<AsTableRoot>` but never open them or supply their own.
    * See STYLES.md Decision 15.
    */
-  excludeComponents?: string[];
+  excludeComponents?: AsComponentName[];
   /**
    * Replace any of our built-in `i-as-<name>` icons with custom SVG strings.
    * Keys are the semantic names listed in `bakedIcons` (e.g. `search`,
@@ -281,14 +347,7 @@ declare const wfShortcuts: vunor_theme0.TVunorShortcut;
 //#region src/shortcuts/index.d.ts
 declare const allShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
-//#region src/generated/component-classes.d.ts
-declare const componentClasses: Record<string, readonly string[]>;
-declare const helperAliases: Record<string, readonly string[]>;
-declare const componentPackages: Record<string, "form" | "table" | "wf" | "aooth">;
-declare function getComponentClasses(...names: string[]): string[];
-declare function getHelperClasses(...helpers: string[]): string[];
-//#endregion
 //#region src/generated/baked-icons.d.ts
 declare const bakedIcons: Record<string, string>;
 //#endregion
-export { type AsBaseUnoConfigOptions, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, aoothShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asConsentArrayShortcuts, asCopyShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPasswordRulesShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asQrCodeShortcuts, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asSsoProvidersShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFinishActionsShortcuts, asWfFinishCountdownShortcuts, asWfFinishMessageShortcuts, asWfFinishOptionShortcuts, asWfFinishPrimaryShortcuts, asWfFinishShortcuts, asWfFinishSkipShortcuts, asWfFormLoadingShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentPackages, createAsBaseUnoConfig, createAsExtractor, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };
+export { type AsBaseUnoConfigOptions, type AsComponentName, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, aoothShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asConsentArrayShortcuts, asCopyShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPasswordRulesShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asQrCodeShortcuts, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asSsoProvidersShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFinishActionsShortcuts, asWfFinishCountdownShortcuts, asWfFinishMessageShortcuts, asWfFinishOptionShortcuts, asWfFinishPrimaryShortcuts, asWfFinishShortcuts, asWfFinishSkipShortcuts, asWfFormLoadingShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentCompanions, componentPackages, createAsBaseUnoConfig, createAsExtractor, defaultAsVunorOptions, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };

package/dist/index.d.mts

@@ -2,14 +2,44 @@ import * as vunor_theme0 from "vunor/theme";
 import { TVunorShortcut, defineShortcuts, mergeVunorShortcuts, presetVunor, toUnoShortcut } from "vunor/theme";
 import { Extractor, Preset } from "unocss";
 
+//#region src/generated/component-classes.d.ts
+/**
+ * Union of every published kebab-case component name, generated from the
+ * public component set. Powers autocomplete (and typo rejection) on knobs
+ * like `excludeComponents`.
+ */
+type AsComponentName = "as-action" | "as-action-form-dialog" | "as-array" | "as-cell-array" | "as-cell-date" | "as-cell-json" | "as-cell-number" | "as-cell-union" | "as-checkbox" | "as-collapsible" | "as-column-menu" | "as-config-dialog" | "as-confirm-dialog" | "as-consent-array" | "as-copy" | "as-date" | "as-datetime" | "as-decimal" | "as-field" | "as-field-shell" | "as-filter-dialog" | "as-filter-field" | "as-filter-input" | "as-filters" | "as-form" | "as-input" | "as-iterator" | "as-multi-select" | "as-number" | "as-object" | "as-paragraph" | "as-password-rules" | "as-preset-dialog" | "as-preset-picker" | "as-qr-code" | "as-radio" | "as-ref" | "as-row-actions" | "as-select" | "as-sso-providers" | "as-table" | "as-table-actions" | "as-table-cell-value" | "as-table-header-cell" | "as-table-root" | "as-time" | "as-tuple" | "as-union" | "as-wf-finish" | "as-wf-form" | "as-window-table";
+declare const componentClasses: Record<string, readonly string[]>;
+declare const componentCompanions: Readonly<Partial<Record<AsComponentName, readonly AsComponentName[]>>>;
+declare const helperAliases: Record<string, readonly AsComponentName[]>;
+declare const componentPackages: Record<string, "form" | "table" | "wf" | "aooth">;
+/**
+ * Own classes + transitively expanded companions for the given components.
+ * An excluded name contributes nothing and is not traversed through —
+ * see expandComponentClasses for the exact semantics.
+ */
+declare function getComponentClasses(names: readonly string[], exclude?: ReadonlySet<string>): string[];
+declare function getHelperClasses(...helpers: string[]): string[];
+//#endregion
 //#region src/extractor.d.ts
 interface AsExtractorOptions {
   /**
    * Kebab-case component names whose classes should NEVER be added to the
    * safelist, even when the extractor matches them. Use to drop styles for
    * default components the consumer has replaced with their own implementation.
+   *
+   * Typed against {@link AsComponentName} — a union generated from the
+   * published component set — so editors autocomplete the names and typos
+   * fail the build instead of silently no-opping.
+   *
+   * Companions are veto-able too: components a matched component pulls in
+   * (statically or lazily — see `componentCompanions`) are expanded
+   * per-component, so excluding e.g. `as-config-dialog` / `as-filter-dialog` /
+   * `as-preset-dialog` sheds those dialogs' CSS even when you only tag
+   * `<AsTableRoot>` — useful when the app never opens them or supplies its
+   * own implementations.
    */
-  excludeComponents?: string[];
+  excludeComponents?: AsComponentName[];
 }
 declare function createAsExtractor(opts?: AsExtractorOptions): Extractor;
 //#endregion
@@ -19,6 +49,33 @@ declare function createAsExtractor(opts?: AsExtractorOptions): Extractor;
  * their own theme overrides without reaching into `vunor/theme` themselves.
  */
 type AsVunorPresetOptions = NonNullable<Parameters<typeof presetVunor>[0]>;
+/**
+ * Baked-in vunor theme defaults atscript-ui has shipped since day one.
+ * Any field a consumer omits from `asPresetVunor({ vunor: ... })` falls
+ * back to the value here. Exported so consumers can read the defaults
+ * if they want to extend (rather than replace) a nested map.
+ */
+declare const defaultAsVunorOptions: {
+  readonly baseRadius: "4px";
+  readonly fingertip: {
+    readonly xs: "1.5em";
+    readonly s: "2.15em";
+    readonly m: "2.6em";
+    readonly l: "2.9em";
+    readonly xl: "3.25em";
+  };
+  readonly palette: {
+    readonly colors: {
+      readonly primary: "#2563eb";
+      readonly grey: "#64748b";
+      readonly neutral: "#475569";
+      readonly error: "#dc2626";
+    };
+    readonly lightest: 0.97;
+    readonly darkest: 0.22;
+    readonly layersDepth: 0.08;
+  };
+};
 /**
  * Full `presetVunor()` theme options. Every field is optional and merged on
  * top of the baked atscript-ui defaults (`defaultAsVunorOptions`):
@@ -34,9 +91,18 @@ interface AsPresetVunorOptions extends AsBaseUnoConfigOptions {
    * Kebab-case component names whose classes the extractor should drop from
    * the safelist (post-match). Use when the consumer has replaced a built-in
    * default with their own implementation and wants to shed the unused styles.
+   *
+   * Typed against {@link AsComponentName} — a union generated from the
+   * published component set — so editors autocomplete the names and typos
+   * fail the build instead of silently no-opping.
+   *
+   * Also applies to companions — components a matched component pulls in
+   * (statically or lazily). E.g. excluding `as-config-dialog` /
+   * `as-filter-dialog` / `as-preset-dialog` sheds those dialogs' CSS for
+   * apps that mount `<AsTableRoot>` but never open them or supply their own.
    * See STYLES.md Decision 15.
    */
-  excludeComponents?: string[];
+  excludeComponents?: AsComponentName[];
   /**
    * Replace any of our built-in `i-as-<name>` icons with custom SVG strings.
    * Keys are the semantic names listed in `bakedIcons` (e.g. `search`,
@@ -281,14 +347,7 @@ declare const wfShortcuts: vunor_theme0.TVunorShortcut;
 //#region src/shortcuts/index.d.ts
 declare const allShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
-//#region src/generated/component-classes.d.ts
-declare const componentClasses: Record<string, readonly string[]>;
-declare const helperAliases: Record<string, readonly string[]>;
-declare const componentPackages: Record<string, "form" | "table" | "wf" | "aooth">;
-declare function getComponentClasses(...names: string[]): string[];
-declare function getHelperClasses(...helpers: string[]): string[];
-//#endregion
 //#region src/generated/baked-icons.d.ts
 declare const bakedIcons: Record<string, string>;
 //#endregion
-export { type AsBaseUnoConfigOptions, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, aoothShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asConsentArrayShortcuts, asCopyShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPasswordRulesShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asQrCodeShortcuts, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asSsoProvidersShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFinishActionsShortcuts, asWfFinishCountdownShortcuts, asWfFinishMessageShortcuts, asWfFinishOptionShortcuts, asWfFinishPrimaryShortcuts, asWfFinishShortcuts, asWfFinishSkipShortcuts, asWfFormLoadingShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentPackages, createAsBaseUnoConfig, createAsExtractor, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };
+export { type AsBaseUnoConfigOptions, type AsComponentName, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, aoothShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asConsentArrayShortcuts, asCopyShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPasswordRulesShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asQrCodeShortcuts, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asSsoProvidersShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFinishActionsShortcuts, asWfFinishCountdownShortcuts, asWfFinishMessageShortcuts, asWfFinishOptionShortcuts, asWfFinishPrimaryShortcuts, asWfFinishShortcuts, asWfFinishSkipShortcuts, asWfFormLoadingShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentCompanions, componentPackages, createAsBaseUnoConfig, createAsExtractor, defaultAsVunorOptions, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { a as getHelperClasses, i as getComponentClasses, n as componentClasses, o as helperAliases, r as componentPackages, t as kebabize } from "./kebab-CIOWFpN-.mjs";
+import { a as getComponentClasses, i as componentPackages, l as expandComponentClasses, n as componentClasses, o as getHelperClasses, r as componentCompanions, s as helperAliases, t as kebabize } from "./kebab-BTLZj6qb.mjs";
 import presetIcons from "@unocss/preset-icons";
 import { defineShortcuts, defineShortcuts as defineShortcuts$1, mergeVunorShortcuts, mergeVunorShortcuts as mergeVunorShortcuts$1, presetVunor, toUnoShortcut, vunorShortcuts } from "vunor/theme";
 //#region src/extractor.ts
@@ -12,12 +12,9 @@ function createAsExtractor(opts = {}) {
 		extract({ code }) {
 			if (!code) return void 0;
 			if (!code.includes("@atscript/") && !code.includes("<As") && !code.includes("<as-") && !helperNames.some((name) => code.includes(name))) return;
-			const matched = /* @__PURE__ */ new Set();
+			const names = /* @__PURE__ */ new Set();
 			const addClassesFor = (kebab) => {
-				if (exclude.has(kebab)) return;
-				const list = componentClasses[kebab];
-				if (!list) return;
-				for (const cls of list) matched.add(cls);
+				names.add(kebab);
 			};
 			for (const [, name] of code.matchAll(/['"]@atscript\/(?:vue-form|vue-table|vue-wf|vue-aooth)\/(as-[\w-]+)['"]/g)) addClassesFor(name);
 			for (const [, names] of code.matchAll(/import\s*(?:type\s*)?\{([^}]+)\}\s*from\s*['"]@atscript\/(?:vue-form|vue-table|vue-wf|vue-aooth)['"]/g)) for (const ident of names.split(",")) {
@@ -26,6 +23,7 @@ function createAsExtractor(opts = {}) {
 			}
 			for (const [, name] of code.matchAll(/<(as-[\w-]+|As[A-Z][\w]*)/g)) addClassesFor(name.startsWith("As") ? kebabize(name) : name);
 			if (helperPattern) for (const [, helper] of code.matchAll(helperPattern)) for (const kebab of helperAliases[helper] ?? []) addClassesFor(kebab);
+			const matched = expandComponentClasses([...names], componentClasses, componentCompanions, exclude);
 			return matched.size > 0 ? matched : void 0;
 		}
 	};
@@ -1528,4 +1526,4 @@ function createAsBaseUnoConfig(options = {}) {
 	};
 }
 //#endregion
-export { allShortcuts, aoothShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asConsentArrayShortcuts, asCopyShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPasswordRulesShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asQrCodeShortcuts, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asSsoProvidersShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFinishActionsShortcuts, asWfFinishCountdownShortcuts, asWfFinishMessageShortcuts, asWfFinishOptionShortcuts, asWfFinishPrimaryShortcuts, asWfFinishShortcuts, asWfFinishSkipShortcuts, asWfFormLoadingShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentPackages, createAsBaseUnoConfig, createAsExtractor, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };
+export { allShortcuts, aoothShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asConsentArrayShortcuts, asCopyShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPasswordRulesShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asQrCodeShortcuts, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asSsoProvidersShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFinishActionsShortcuts, asWfFinishCountdownShortcuts, asWfFinishMessageShortcuts, asWfFinishOptionShortcuts, asWfFinishPrimaryShortcuts, asWfFinishShortcuts, asWfFinishSkipShortcuts, asWfFormLoadingShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentCompanions, componentPackages, createAsBaseUnoConfig, createAsExtractor, defaultAsVunorOptions, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };