@atscript/ui-styles 0.1.63 → 0.1.65

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-_amgjqa2.cjs");
+const require_kebab = require("./kebab-D3pYnQML.cjs");
 let _unocss_preset_icons = require("@unocss/preset-icons");
 _unocss_preset_icons = __toESM(_unocss_preset_icons);
 let vunor_theme = require("vunor/theme");
@@ -99,6 +99,13 @@ const bakedIcons = {
 	warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m-8-80V80a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12\"/></svg>"
 };
 //#endregion
+//#region src/shortcuts/common/c8-progress.ts
+const c8ProgressShortcuts = (0, vunor_theme.defineShortcuts)({
+	"c8-progress": "relative overflow-hidden",
+	"c8-progress-fill": "absolute inset-y-0 left-0 w-0 bg-black/20 animate-[progress-fill_var(--progress-duration,4s)_linear_forwards]",
+	"c8-progress-label": "relative"
+});
+//#endregion
 //#region src/shortcuts/common/index.ts
 const baseCommon = (0, vunor_theme.defineShortcuts)({
 	"as-kbd": "inline-flex items-center justify-center min-w-[1.5em] h-[1.5em] px-$xs rounded-r0 layer-2 text-callout font-mono font-600 text-current/70 leading-none shrink-0",
@@ -111,7 +118,7 @@ const baseCommon = (0, vunor_theme.defineShortcuts)({
 	},
 	"as-dialog-close": "as-close-btn ml-auto"
 });
-const commonShortcuts = (0, vunor_theme.mergeVunorShortcuts)([baseCommon]);
+const commonShortcuts = (0, vunor_theme.mergeVunorShortcuts)([baseCommon, c8ProgressShortcuts]);
 //#endregion
 //#region src/shortcuts/form/as-action.ts
 const asActionShortcuts = (0, vunor_theme.defineShortcuts)({
@@ -194,7 +201,7 @@ const inputBase = "scope-primary layer-0 i8-bare h-fingertip-m px-$s w-full box-
 *   `as-suffix`) and the `as-input-shell` merged chrome when at least
 *   one adornment is present.
 */
-const innerInputReset = "!w-auto !bg-transparent !border-0 !outline-0 !ring-0 !shadow-none !h-full !px-0 !layer-0 font-mono text-scope-dark-0 dark:text-scope-light-0";
+const innerInputReset$1 = "!w-auto !bg-transparent !border-0 !outline-0 !ring-0 !shadow-none !h-full !px-0 !layer-0 font-mono text-scope-dark-0 dark:text-scope-light-0";
 const shellBase = `flex w-full min-w-0 items-center gap-0 ${inputBase} px-$xs py-0`;
 const adornmentBase = "text-current/60 select-none whitespace-nowrap";
 const asDecimalNumberShortcuts = (0, vunor_theme.defineShortcuts)({
@@ -213,9 +220,9 @@ const asDecimalNumberShortcuts = (0, vunor_theme.defineShortcuts)({
 		"[&:has(:is(.as-suffix,.as-suffix-icon))_.as-decimal-decimal]:": "!pr-$xs",
 		"[&:has(:is(.as-suffix,.as-suffix-icon)):not(:has(.as-decimal-decimal))_.as-decimal-integer]:": "!pr-$xs"
 	},
-	"as-decimal-integer": `${innerInputReset} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
+	"as-decimal-integer": `${innerInputReset$1} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
 	"as-decimal-sep": "text-current/60 select-none px-0",
-	"as-decimal-decimal": `${innerInputReset} flex-none min-w-0 text-left disabled:!text-current/40 disabled:!cursor-not-allowed`,
+	"as-decimal-decimal": `${innerInputReset$1} flex-none min-w-0 text-left disabled:!text-current/40 disabled:!cursor-not-allowed`,
 	"as-number": {
 		"": shellBase,
 		"hover:": "border-current/30",
@@ -225,7 +232,7 @@ const asDecimalNumberShortcuts = (0, vunor_theme.defineShortcuts)({
 		"[&:has(:is(.as-prefix,.as-prefix-icon))_.as-number-input]:": "!pl-$xs",
 		"[&:has(:is(.as-suffix,.as-suffix-icon))_.as-number-input]:": "!pr-$xs"
 	},
-	"as-number-input": `${innerInputReset} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
+	"as-number-input": `${innerInputReset$1} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
 	"as-input-shell": {
 		"": shellBase,
 		"hover:": "border-current/30",
@@ -336,6 +343,56 @@ const asFormGridShortcuts = (0, vunor_theme.defineShortcuts)({
 	"as-grid-item": "col-span-full row-span-1"
 });
 //#endregion
+//#region src/shortcuts/form/as-multi-select.ts
+/**
+* Multi-select default renderer — combobox popup with chip-style selected
+* values inside the anchor. Mirrors `as-ref`'s reka-ui Combobox structure
+* (single popup, `data-[highlighted]` keyboard focus, `data-[state=checked]`
+* selection) with `:multiple="true"` so the value model is `T[]` and the
+* popup stays open across clicks.
+*
+* The anchor carries `inputBase` chrome (border, layer, height). The inner
+* `<input>` is a seamless leaf: the descendant rules in `as-default-field`
+* paint `inputBase` on every nested `<input>`, so the input itself must
+* neutralize that with `!important` resets (same pattern as the merged
+* AsDecimal/AsNumber shell).
+*/
+const innerInputReset = "!w-auto !bg-transparent !border-0 !outline-0 !ring-0 !shadow-none !h-auto !px-0 !layer-0";
+const asMultiSelectShortcuts = (0, vunor_theme.defineShortcuts)({
+	"as-multi-select-root": "block w-full",
+	"as-multi-select-anchor": {
+		"": `${inputBase} !h-auto min-h-fingertip-m flex flex-wrap items-center gap-$xs py-$xs cursor-text relative`,
+		"focus-within:": "current-border-hl outline i8-apply-outline"
+	},
+	"as-multi-select-chip": "inline-flex items-center gap-$xs c8-chrome rounded-base pl-$s pr-$xs h-[1.5em] text-callout",
+	"as-multi-select-chip-label": "leading-none",
+	"as-multi-select-chip-remove": {
+		"": "inline-flex items-center justify-center w-[1.25em] h-[1.25em] rounded-full p-0 border-0 bg-transparent text-current/60 cursor-pointer leading-none",
+		"hover:not-disabled:": "scope-error text-current-hl bg-current-hl/10",
+		"disabled:": "cursor-not-allowed opacity-40"
+	},
+	"as-multi-select-input": `${innerInputReset} flex-1 min-w-[4em] text-scope-dark-0 dark:text-scope-light-0`,
+	"as-multi-select-clear": {
+		"": "inline-flex items-center justify-center w-[1.4em] h-[1.4em] rounded-full p-0 border-0 bg-transparent text-current/50 cursor-pointer leading-none shrink-0",
+		"hover:": "scope-error text-current-hl bg-current-hl/10"
+	},
+	"as-multi-select-caret": "text-current/50 text-[1.1em] pointer-events-none flex-shrink-0",
+	"as-multi-select-content": "scope-primary popup-card layer-1 z-[50] w-[var(--reka-combobox-trigger-width)] flex flex-col",
+	"as-multi-select-viewport": "max-h-[15em] overflow-y-auto py-$xs",
+	"as-multi-select-footer": "flex items-center justify-end gap-$xs border-t-1 px-$s py-$xs",
+	"as-multi-select-footer-action": {
+		"": "c8-flat btn px-$s py-$xxs text-callout disabled-soft",
+		"disabled:": "cursor-not-allowed"
+	},
+	"as-multi-select-item": {
+		"": "flex items-center gap-$s px-$m py-$s cursor-pointer text-current",
+		"data-[highlighted]:": "layer-3 outline-none",
+		"data-[state=checked]:": "bg-current-hl/10 text-current-hl font-semibold"
+	},
+	"as-multi-select-item-label": "flex-1",
+	"as-multi-select-empty": "flex items-center justify-center px-$m py-$m text-current/50"
+});
+//#endregion
 //#region src/shortcuts/form/as-no-data.ts
 const asNoDataShortcuts = (0, vunor_theme.defineShortcuts)({
 	"as-no-data": {
@@ -393,6 +450,7 @@ const formShortcuts = (0, vunor_theme.mergeVunorShortcuts)([
 	asArrayShortcuts,
 	asNoDataShortcuts,
 	asDropdownShortcuts,
+	asMultiSelectShortcuts,
 	asRefShortcuts,
 	asActionShortcuts
 ]);
@@ -1161,8 +1219,52 @@ const tableShortcuts = (0, vunor_theme.mergeVunorShortcuts)([
 //#region src/shortcuts/wf/as-wf-form.ts
 const asWfFormShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-form-error": "scope-error surface-600 border-1 rounded-base px-$m py-$s mb-$m text-body" });
 //#endregion
+//#region src/shortcuts/wf/as-wf-form-loading.ts
+const asWfFormLoadingShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-form-loading": "relative min-h-[100px]" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish.ts
+const asWfFinishShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-finish": "flex flex-col items-stretch gap-$m text-body" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-message.ts
+const asWfFinishMessageShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-finish-message": {
+	"": "surface-100 border-1 rounded-base px-$m py-$s text-body",
+	"[&[data-level=\"info\"]]:": "scope-primary",
+	"[&[data-level=\"success\"]]:": "scope-good",
+	"[&[data-level=\"warn\"]]:": "scope-warn",
+	"[&[data-level=\"error\"]]:": "scope-error"
+} });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-countdown.ts
+const asWfFinishCountdownShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-finish-countdown": "text-callout text-current-muted text-center" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-actions.ts
+const asWfFinishActionsShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-finish-actions": "flex flex-wrap items-center justify-center gap-$s" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-primary.ts
+const asWfFinishPrimaryShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-finish-primary": "scope-primary c8-filled btn h-fingertip-m px-$m cursor-pointer" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-option.ts
+const asWfFinishOptionShortcuts = (0, vunor_theme.defineShortcuts)({ "as-wf-finish-option": "c8-flat btn h-fingertip-m px-$m cursor-pointer" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-skip.ts
+const asWfFinishSkipShortcuts = (0, vunor_theme.defineShortcuts)({
+	"as-wf-finish-skip": "c8-filled scope-primary c8-progress btn h-fingertip-m px-$m cursor-pointer",
+	"as-wf-finish-skip-fill": "c8-progress-fill",
+	"as-wf-finish-skip-label": "c8-progress-label"
+});
+//#endregion
 //#region src/shortcuts/wf/index.ts
-const wfShortcuts = (0, vunor_theme.mergeVunorShortcuts)([asWfFormShortcuts]);
+const wfShortcuts = (0, vunor_theme.mergeVunorShortcuts)([
+	asWfFormShortcuts,
+	asWfFormLoadingShortcuts,
+	asWfFinishShortcuts,
+	asWfFinishMessageShortcuts,
+	asWfFinishCountdownShortcuts,
+	asWfFinishActionsShortcuts,
+	asWfFinishPrimaryShortcuts,
+	asWfFinishOptionShortcuts,
+	asWfFinishSkipShortcuts
+]);
 //#endregion
 //#region src/shortcuts/index.ts
 const allShortcuts = (0, vunor_theme.mergeVunorShortcuts)([
@@ -1196,6 +1298,17 @@ const shimmerKeyframesPreset = {
 	preflights: [{ getCSS: () => "@keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }" }]
 };
 /**
+* Preset entry that injects the `@keyframes progress-fill` definition driving
+* the `c8-progress-fill` shortcut (and any other consumer that wants a 0→100%
+* left-to-right width fill). Duration is supplied per-instance via the
+* `--progress-duration` CSS custom property on the host element, so the same
+* keyframes serve every timed-fill UI — no per-duration class explosion.
+*/
+const progressKeyframesPreset = {
+	name: "atscript-ui-progress-keyframes",
+	preflights: [{ getCSS: () => "@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }" }]
+};
+/**
 * No-op marker classes referenced by other shortcuts. UnoCSS warns
 * `unmatched utility "X" in shortcut "Y"` when a shortcut body references
 * a utility that doesn't resolve to any rule:
@@ -1267,6 +1380,7 @@ function buildBasePresets(options) {
 	return [
 		bakedIconsPreset(iconOverrides),
 		shimmerKeyframesPreset,
+		progressKeyframesPreset,
 		markerRulesPreset,
 		formGridSafelistPreset,
 		(0, vunor_theme.presetVunor)({
@@ -1332,6 +1446,7 @@ exports.asFilterFieldShortcuts = asFilterFieldShortcuts;
 exports.asFormGridShortcuts = asFormGridShortcuts;
 exports.asFormShortcuts = asFormShortcuts;
 exports.asFpillShortcuts = asFpillShortcuts;
+exports.asMultiSelectShortcuts = asMultiSelectShortcuts;
 exports.asNoDataShortcuts = asNoDataShortcuts;
 exports.asObjectShortcuts = asObjectShortcuts;
 exports.asOrderableListShortcuts = asOrderableListShortcuts;
@@ -1344,6 +1459,14 @@ exports.asRowActionsShortcuts = asRowActionsShortcuts;
 exports.asSorterShortcuts = asSorterShortcuts;
 exports.asTableActionsShortcuts = asTableActionsShortcuts;
 exports.asTableShortcuts = asTableShortcuts;
+exports.asWfFinishActionsShortcuts = asWfFinishActionsShortcuts;
+exports.asWfFinishCountdownShortcuts = asWfFinishCountdownShortcuts;
+exports.asWfFinishMessageShortcuts = asWfFinishMessageShortcuts;
+exports.asWfFinishOptionShortcuts = asWfFinishOptionShortcuts;
+exports.asWfFinishPrimaryShortcuts = asWfFinishPrimaryShortcuts;
+exports.asWfFinishShortcuts = asWfFinishShortcuts;
+exports.asWfFinishSkipShortcuts = asWfFinishSkipShortcuts;
+exports.asWfFormLoadingShortcuts = asWfFormLoadingShortcuts;
 exports.asWfFormShortcuts = asWfFormShortcuts;
 exports.asWindowScrollbarShortcuts = asWindowScrollbarShortcuts;
 exports.asWindowSkeletonShortcuts = asWindowSkeletonShortcuts;

package/dist/index.d.cts

@@ -96,6 +96,9 @@ declare const asFormShortcuts: vunor_theme0.TVunorShortcut;
  */
 declare const asFormGridShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
+//#region src/shortcuts/form/as-multi-select.d.ts
+declare const asMultiSelectShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
 //#region src/shortcuts/form/as-no-data.d.ts
 declare const asNoDataShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
@@ -219,6 +222,30 @@ declare const tableShortcuts: vunor_theme0.TVunorShortcut;
 //#region src/shortcuts/wf/as-wf-form.d.ts
 declare const asWfFormShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
+//#region src/shortcuts/wf/as-wf-form-loading.d.ts
+declare const asWfFormLoadingShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish.d.ts
+declare const asWfFinishShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-message.d.ts
+declare const asWfFinishMessageShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-countdown.d.ts
+declare const asWfFinishCountdownShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-actions.d.ts
+declare const asWfFinishActionsShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-primary.d.ts
+declare const asWfFinishPrimaryShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-option.d.ts
+declare const asWfFinishOptionShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-skip.d.ts
+declare const asWfFinishSkipShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
 //#region src/shortcuts/wf/index.d.ts
 declare const wfShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
@@ -235,4 +262,4 @@ declare function getHelperClasses(...helpers: string[]): string[];
 //#region src/generated/baked-icons.d.ts
 declare const bakedIcons: Record<string, string>;
 //#endregion
-export { type AsBaseUnoConfigOptions, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentPackages, createAsBaseUnoConfig, createAsExtractor, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };
+export { type AsBaseUnoConfigOptions, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, 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 };

package/dist/index.d.mts

@@ -96,6 +96,9 @@ declare const asFormShortcuts: vunor_theme0.TVunorShortcut;
  */
 declare const asFormGridShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
+//#region src/shortcuts/form/as-multi-select.d.ts
+declare const asMultiSelectShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
 //#region src/shortcuts/form/as-no-data.d.ts
 declare const asNoDataShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
@@ -219,6 +222,30 @@ declare const tableShortcuts: vunor_theme0.TVunorShortcut;
 //#region src/shortcuts/wf/as-wf-form.d.ts
 declare const asWfFormShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
+//#region src/shortcuts/wf/as-wf-form-loading.d.ts
+declare const asWfFormLoadingShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish.d.ts
+declare const asWfFinishShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-message.d.ts
+declare const asWfFinishMessageShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-countdown.d.ts
+declare const asWfFinishCountdownShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-actions.d.ts
+declare const asWfFinishActionsShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-primary.d.ts
+declare const asWfFinishPrimaryShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-option.d.ts
+declare const asWfFinishOptionShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-skip.d.ts
+declare const asWfFinishSkipShortcuts: vunor_theme0.TVunorShortcut;
+//#endregion
 //#region src/shortcuts/wf/index.d.ts
 declare const wfShortcuts: vunor_theme0.TVunorShortcut;
 //#endregion
@@ -235,4 +262,4 @@ declare function getHelperClasses(...helpers: string[]): string[];
 //#region src/generated/baked-icons.d.ts
 declare const bakedIcons: Record<string, string>;
 //#endregion
-export { type AsBaseUnoConfigOptions, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentPackages, createAsBaseUnoConfig, createAsExtractor, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };
+export { type AsBaseUnoConfigOptions, type AsExtractorOptions, type AsPresetVunorOptions, type TVunorShortcut, allShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, 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 };

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-CAodBEsa.mjs";
+import { a as getHelperClasses, i as getComponentClasses, n as componentClasses, o as helperAliases, r as componentPackages, t as kebabize } from "./kebab-BXlUt7sB.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
@@ -74,6 +74,13 @@ const bakedIcons = {
 	"value-help": "<svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13 11V12H6V11H13ZM14 10V3C14 2.44772 13.5523 2 13 2H6C5.44772 2 5 2.44772 5 3V10C5 10.5523 5.44772 11 6 11V12C4.96435 12 4.113 11.2128 4.01074 10.2041L4 10V3C4 1.89543 4.89543 1 6 1H13L13.2041 1.01074C14.2128 1.113 15 1.96435 15 3V10L14.9893 10.2041C14.8938 11.1457 14.1457 11.8938 13.2041 11.9893L13 12V11C13.5523 11 14 10.5523 14 10Z\" fill=\"currentColor\"/>\n<path d=\"M11 13V14H4V13H11Z\" fill=\"currentColor\"/>\n<path d=\"M11 13V14L11.2041 13.9893C11.8579 13.923 12.4185 13.542 12.732 13H11Z\" fill=\"currentColor\"/>\n<path d=\"M4 14V13C3.44772 13 3 12.5523 3 12V5V3.26756C2.4022 3.61337 2 4.25972 2 5V12L2.01074 12.2041C2.113 13.2128 2.96435 14 4 14Z\" fill=\"currentColor\"/>\n<path d=\"M14 4V5H4V4H14Z\" fill=\"currentColor\"/>\n</svg>\n",
 	warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m-8-80V80a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12\"/></svg>"
 };
+//#endregion
+//#region src/shortcuts/common/c8-progress.ts
+const c8ProgressShortcuts = defineShortcuts$1({
+	"c8-progress": "relative overflow-hidden",
+	"c8-progress-fill": "absolute inset-y-0 left-0 w-0 bg-black/20 animate-[progress-fill_var(--progress-duration,4s)_linear_forwards]",
+	"c8-progress-label": "relative"
+});
 const commonShortcuts = mergeVunorShortcuts$1([defineShortcuts$1({
 	"as-kbd": "inline-flex items-center justify-center min-w-[1.5em] h-[1.5em] px-$xs rounded-r0 layer-2 text-callout font-mono font-600 text-current/70 leading-none shrink-0",
 	"as-description": "text-callout text-current/60 m-0",
@@ -84,7 +91,7 @@ const commonShortcuts = mergeVunorShortcuts$1([defineShortcuts$1({
 		"hover:": "layer-2 text-current"
 	},
 	"as-dialog-close": "as-close-btn ml-auto"
-})]);
+}), c8ProgressShortcuts]);
 //#endregion
 //#region src/shortcuts/form/as-action.ts
 const asActionShortcuts = defineShortcuts$1({
@@ -167,7 +174,7 @@ const inputBase = "scope-primary layer-0 i8-bare h-fingertip-m px-$s w-full box-
 *   `as-suffix`) and the `as-input-shell` merged chrome when at least
 *   one adornment is present.
 */
-const innerInputReset = "!w-auto !bg-transparent !border-0 !outline-0 !ring-0 !shadow-none !h-full !px-0 !layer-0 font-mono text-scope-dark-0 dark:text-scope-light-0";
+const innerInputReset$1 = "!w-auto !bg-transparent !border-0 !outline-0 !ring-0 !shadow-none !h-full !px-0 !layer-0 font-mono text-scope-dark-0 dark:text-scope-light-0";
 const shellBase = `flex w-full min-w-0 items-center gap-0 ${inputBase} px-$xs py-0`;
 const adornmentBase = "text-current/60 select-none whitespace-nowrap";
 const asDecimalNumberShortcuts = defineShortcuts$1({
@@ -186,9 +193,9 @@ const asDecimalNumberShortcuts = defineShortcuts$1({
 		"[&:has(:is(.as-suffix,.as-suffix-icon))_.as-decimal-decimal]:": "!pr-$xs",
 		"[&:has(:is(.as-suffix,.as-suffix-icon)):not(:has(.as-decimal-decimal))_.as-decimal-integer]:": "!pr-$xs"
 	},
-	"as-decimal-integer": `${innerInputReset} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
+	"as-decimal-integer": `${innerInputReset$1} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
 	"as-decimal-sep": "text-current/60 select-none px-0",
-	"as-decimal-decimal": `${innerInputReset} flex-none min-w-0 text-left disabled:!text-current/40 disabled:!cursor-not-allowed`,
+	"as-decimal-decimal": `${innerInputReset$1} flex-none min-w-0 text-left disabled:!text-current/40 disabled:!cursor-not-allowed`,
 	"as-number": {
 		"": shellBase,
 		"hover:": "border-current/30",
@@ -198,7 +205,7 @@ const asDecimalNumberShortcuts = defineShortcuts$1({
 		"[&:has(:is(.as-prefix,.as-prefix-icon))_.as-number-input]:": "!pl-$xs",
 		"[&:has(:is(.as-suffix,.as-suffix-icon))_.as-number-input]:": "!pr-$xs"
 	},
-	"as-number-input": `${innerInputReset} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
+	"as-number-input": `${innerInputReset$1} flex-1 min-w-0 text-right disabled:!text-current/40 disabled:!cursor-not-allowed`,
 	"as-input-shell": {
 		"": shellBase,
 		"hover:": "border-current/30",
@@ -309,6 +316,56 @@ const asFormGridShortcuts = defineShortcuts$1({
 	"as-grid-item": "col-span-full row-span-1"
 });
 //#endregion
+//#region src/shortcuts/form/as-multi-select.ts
+/**
+* Multi-select default renderer — combobox popup with chip-style selected
+* values inside the anchor. Mirrors `as-ref`'s reka-ui Combobox structure
+* (single popup, `data-[highlighted]` keyboard focus, `data-[state=checked]`
+* selection) with `:multiple="true"` so the value model is `T[]` and the
+* popup stays open across clicks.
+*
+* The anchor carries `inputBase` chrome (border, layer, height). The inner
+* `<input>` is a seamless leaf: the descendant rules in `as-default-field`
+* paint `inputBase` on every nested `<input>`, so the input itself must
+* neutralize that with `!important` resets (same pattern as the merged
+* AsDecimal/AsNumber shell).
+*/
+const innerInputReset = "!w-auto !bg-transparent !border-0 !outline-0 !ring-0 !shadow-none !h-auto !px-0 !layer-0";
+const asMultiSelectShortcuts = defineShortcuts$1({
+	"as-multi-select-root": "block w-full",
+	"as-multi-select-anchor": {
+		"": `${inputBase} !h-auto min-h-fingertip-m flex flex-wrap items-center gap-$xs py-$xs cursor-text relative`,
+		"focus-within:": "current-border-hl outline i8-apply-outline"
+	},
+	"as-multi-select-chip": "inline-flex items-center gap-$xs c8-chrome rounded-base pl-$s pr-$xs h-[1.5em] text-callout",
+	"as-multi-select-chip-label": "leading-none",
+	"as-multi-select-chip-remove": {
+		"": "inline-flex items-center justify-center w-[1.25em] h-[1.25em] rounded-full p-0 border-0 bg-transparent text-current/60 cursor-pointer leading-none",
+		"hover:not-disabled:": "scope-error text-current-hl bg-current-hl/10",
+		"disabled:": "cursor-not-allowed opacity-40"
+	},
+	"as-multi-select-input": `${innerInputReset} flex-1 min-w-[4em] text-scope-dark-0 dark:text-scope-light-0`,
+	"as-multi-select-clear": {
+		"": "inline-flex items-center justify-center w-[1.4em] h-[1.4em] rounded-full p-0 border-0 bg-transparent text-current/50 cursor-pointer leading-none shrink-0",
+		"hover:": "scope-error text-current-hl bg-current-hl/10"
+	},
+	"as-multi-select-caret": "text-current/50 text-[1.1em] pointer-events-none flex-shrink-0",
+	"as-multi-select-content": "scope-primary popup-card layer-1 z-[50] w-[var(--reka-combobox-trigger-width)] flex flex-col",
+	"as-multi-select-viewport": "max-h-[15em] overflow-y-auto py-$xs",
+	"as-multi-select-footer": "flex items-center justify-end gap-$xs border-t-1 px-$s py-$xs",
+	"as-multi-select-footer-action": {
+		"": "c8-flat btn px-$s py-$xxs text-callout disabled-soft",
+		"disabled:": "cursor-not-allowed"
+	},
+	"as-multi-select-item": {
+		"": "flex items-center gap-$s px-$m py-$s cursor-pointer text-current",
+		"data-[highlighted]:": "layer-3 outline-none",
+		"data-[state=checked]:": "bg-current-hl/10 text-current-hl font-semibold"
+	},
+	"as-multi-select-item-label": "flex-1",
+	"as-multi-select-empty": "flex items-center justify-center px-$m py-$m text-current/50"
+});
+//#endregion
 //#region src/shortcuts/form/as-no-data.ts
 const asNoDataShortcuts = defineShortcuts$1({
 	"as-no-data": {
@@ -366,6 +423,7 @@ const formShortcuts = mergeVunorShortcuts$1([
 	asArrayShortcuts,
 	asNoDataShortcuts,
 	asDropdownShortcuts,
+	asMultiSelectShortcuts,
 	asRefShortcuts,
 	asActionShortcuts
 ]);
@@ -1134,8 +1192,52 @@ const tableShortcuts = mergeVunorShortcuts$1([
 //#region src/shortcuts/wf/as-wf-form.ts
 const asWfFormShortcuts = defineShortcuts$1({ "as-wf-form-error": "scope-error surface-600 border-1 rounded-base px-$m py-$s mb-$m text-body" });
 //#endregion
+//#region src/shortcuts/wf/as-wf-form-loading.ts
+const asWfFormLoadingShortcuts = defineShortcuts$1({ "as-wf-form-loading": "relative min-h-[100px]" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish.ts
+const asWfFinishShortcuts = defineShortcuts$1({ "as-wf-finish": "flex flex-col items-stretch gap-$m text-body" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-message.ts
+const asWfFinishMessageShortcuts = defineShortcuts$1({ "as-wf-finish-message": {
+	"": "surface-100 border-1 rounded-base px-$m py-$s text-body",
+	"[&[data-level=\"info\"]]:": "scope-primary",
+	"[&[data-level=\"success\"]]:": "scope-good",
+	"[&[data-level=\"warn\"]]:": "scope-warn",
+	"[&[data-level=\"error\"]]:": "scope-error"
+} });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-countdown.ts
+const asWfFinishCountdownShortcuts = defineShortcuts$1({ "as-wf-finish-countdown": "text-callout text-current-muted text-center" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-actions.ts
+const asWfFinishActionsShortcuts = defineShortcuts$1({ "as-wf-finish-actions": "flex flex-wrap items-center justify-center gap-$s" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-primary.ts
+const asWfFinishPrimaryShortcuts = defineShortcuts$1({ "as-wf-finish-primary": "scope-primary c8-filled btn h-fingertip-m px-$m cursor-pointer" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-option.ts
+const asWfFinishOptionShortcuts = defineShortcuts$1({ "as-wf-finish-option": "c8-flat btn h-fingertip-m px-$m cursor-pointer" });
+//#endregion
+//#region src/shortcuts/wf/as-wf-finish-skip.ts
+const asWfFinishSkipShortcuts = defineShortcuts$1({
+	"as-wf-finish-skip": "c8-filled scope-primary c8-progress btn h-fingertip-m px-$m cursor-pointer",
+	"as-wf-finish-skip-fill": "c8-progress-fill",
+	"as-wf-finish-skip-label": "c8-progress-label"
+});
+//#endregion
 //#region src/shortcuts/wf/index.ts
-const wfShortcuts = mergeVunorShortcuts$1([asWfFormShortcuts]);
+const wfShortcuts = mergeVunorShortcuts$1([
+	asWfFormShortcuts,
+	asWfFormLoadingShortcuts,
+	asWfFinishShortcuts,
+	asWfFinishMessageShortcuts,
+	asWfFinishCountdownShortcuts,
+	asWfFinishActionsShortcuts,
+	asWfFinishPrimaryShortcuts,
+	asWfFinishOptionShortcuts,
+	asWfFinishSkipShortcuts
+]);
 //#endregion
 //#region src/shortcuts/index.ts
 const allShortcuts = mergeVunorShortcuts$1([
@@ -1169,6 +1271,17 @@ const shimmerKeyframesPreset = {
 	preflights: [{ getCSS: () => "@keyframes as-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }" }]
 };
 /**
+* Preset entry that injects the `@keyframes progress-fill` definition driving
+* the `c8-progress-fill` shortcut (and any other consumer that wants a 0→100%
+* left-to-right width fill). Duration is supplied per-instance via the
+* `--progress-duration` CSS custom property on the host element, so the same
+* keyframes serve every timed-fill UI — no per-duration class explosion.
+*/
+const progressKeyframesPreset = {
+	name: "atscript-ui-progress-keyframes",
+	preflights: [{ getCSS: () => "@keyframes progress-fill { from { width: 0%; } to { width: 100%; } }" }]
+};
+/**
 * No-op marker classes referenced by other shortcuts. UnoCSS warns
 * `unmatched utility "X" in shortcut "Y"` when a shortcut body references
 * a utility that doesn't resolve to any rule:
@@ -1240,6 +1353,7 @@ function buildBasePresets(options) {
 	return [
 		bakedIconsPreset(iconOverrides),
 		shimmerKeyframesPreset,
+		progressKeyframesPreset,
 		markerRulesPreset,
 		formGridSafelistPreset,
 		presetVunor({
@@ -1286,4 +1400,4 @@ function createAsBaseUnoConfig(options = {}) {
 	};
 }
 //#endregion
-export { allShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, asTableActionsShortcuts, asTableShortcuts, asWfFormShortcuts, asWindowScrollbarShortcuts, asWindowSkeletonShortcuts, asWindowTableShortcuts, bakedIcons, commonShortcuts, componentClasses, componentPackages, createAsBaseUnoConfig, createAsExtractor, defineShortcuts, formShortcuts, getComponentClasses, getHelperClasses, helperAliases, mergeVunorShortcuts, tableShortcuts, toUnoShortcut, wfShortcuts };
+export { allShortcuts, asActionFormShortcuts, asActionShortcuts, asArrayShortcuts, asCellShortcuts, asCheckboxRadioShortcuts, asCollapsibleShortcuts, asColumnMenuShortcuts, asConfigDialogShortcuts, asConfigTabShortcuts, asConfirmDialogShortcuts, asDecimalNumberShortcuts, asDropdownShortcuts, asFieldShortcuts, asFilterDialogShortcuts, asFilterFieldShortcuts, asFormGridShortcuts, asFormShortcuts, asFpillShortcuts, asMultiSelectShortcuts, asNoDataShortcuts, asObjectShortcuts, asOrderableListShortcuts, asPageShortcuts, asPresetDialogShortcuts, asPresetPickerShortcuts, asPresetVunor, asRefShortcuts, asRowActionsShortcuts, asSorterShortcuts, 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 };