@vizejs/ui 0.386.0 → 0.388.0

package/dist/textarea-4eIDNcvv.d.mts

@@ -0,0 +1,175 @@
+//#region src/families/form/textarea/textarea-types.d.ts
+/** Native textarea line-wrapping policies. */
+type TextareaWrap = "hard" | "off" | "soft";
+/** Values accepted by the native `aria-invalid` attribute. */
+type TextareaAriaInvalid = boolean | "grammar" | "spelling";
+/** Methods and state exposed by the textarea component instance. */
+interface TextareaExpose {
+  /** Whether the native textarea is currently inside IME composition. */
+  readonly composing: boolean;
+  /** Current controlled or uncontrolled string value. */
+  readonly value: string;
+  /** Move focus to the native textarea. */
+  readonly focus: (options?: FocusOptions) => void;
+  /** Select the current native textarea text. */
+  readonly select: () => void;
+  /** Set the native text selection range. */
+  readonly setSelectionRange: (selectionStart: number, selectionEnd: number, direction?: "backward" | "forward" | "none") => void;
+  /** Request a value update and report whether it differs. */
+  readonly setValue: (value: string) => boolean;
+  /** Restore the current default value and report whether it changed. */
+  readonly reset: () => boolean;
+}
+//#endregion
+//#region src/families/form/textarea/textarea-control.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Consumer-owned control id. `null` and `undefined` select a deterministic fallback.
+   *
+   * @default undefined
+   */
+  readonly id?: string | null;
+  /**
+   * Native form field name.
+   *
+   * @default undefined
+   */
+  readonly name?: string;
+  /**
+   * Controlled string value. `undefined` selects uncontrolled behavior.
+   *
+   * @default undefined
+   */
+  readonly modelValue?: string;
+  /**
+   * Initial value for uncontrolled use and the value restored by form reset.
+   *
+   * @default ""
+   */
+  readonly defaultValue?: string;
+  /**
+   * Disable editing, focus, and native form submission.
+   *
+   * @default false
+   */
+  readonly disabled?: boolean;
+  /**
+   * Keep the textarea focusable while preventing user editing.
+   *
+   * @default false
+   */
+  readonly readOnly?: boolean;
+  /**
+   * Mark the textarea as required for native constraint validation.
+   *
+   * @default false
+   */
+  readonly required?: boolean;
+  /**
+   * Native placeholder text.
+   *
+   * @default undefined
+   */
+  readonly placeholder?: string;
+  /**
+   * Native autocomplete hint.
+   *
+   * @default undefined
+   */
+  readonly autocomplete?: string;
+  /**
+   * Suggested visible text row count.
+   *
+   * @default undefined
+   */
+  readonly rows?: number;
+  /**
+   * Suggested visible text column count.
+   *
+   * @default undefined
+   */
+  readonly cols?: number;
+  /**
+   * Minimum accepted string length for native constraint validation.
+   *
+   * @default undefined
+   */
+  readonly minlength?: number;
+  /**
+   * Maximum accepted string length for native constraint validation.
+   *
+   * @default undefined
+   */
+  readonly maxlength?: number;
+  /**
+   * Native spellcheck preference.
+   *
+   * @default undefined
+   */
+  readonly spellcheck?: boolean;
+  /**
+   * Native line-wrapping policy.
+   *
+   * @default undefined
+   */
+  readonly wrap?: TextareaWrap;
+  /**
+   * Accessible name when no label or `aria-labelledby` supplies one.
+   *
+   * @default undefined
+   */
+  readonly ariaLabel?: string;
+  /**
+   * Space-separated ids that label the textarea.
+   *
+   * @default undefined
+   */
+  readonly ariaLabelledby?: string;
+  /**
+   * Space-separated ids that describe the textarea.
+   *
+   * @default undefined
+   */
+  readonly ariaDescribedby?: string;
+  /**
+   * Id of the validation error message used while invalid.
+   *
+   * @default undefined
+   */
+  readonly ariaErrormessage?: string;
+  /**
+   * Invalid state announced to assistive technology.
+   *
+   * @default false
+   */
+  readonly ariaInvalid?: TextareaAriaInvalid;
+};
+declare function focus(options?: FocusOptions): void;
+declare function select(): void;
+declare function setSelectionRange(selectionStart: number, selectionEnd: number, direction?: "backward" | "forward" | "none"): void;
+declare function setValue(next: string): boolean;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+  composing: import("vue").Ref<boolean, boolean>;
+  element: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
+  focus: typeof focus;
+  reset: () => boolean;
+  select: typeof select;
+  setSelectionRange: typeof setSelectionRange;
+  setValue: typeof setValue;
+  value: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  input: (value: string, nativeEvent: Event) => any;
+  "update:modelValue": (value: string) => any;
+  change: (value: string, nativeEvent: Event) => any;
+  compositionStart: (value: string, nativeEvent: CompositionEvent) => any;
+  compositionEnd: (value: string, nativeEvent: CompositionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onInput?: (value: string, nativeEvent: Event) => any;
+  "onUpdate:modelValue"?: (value: string) => any;
+  onChange?: (value: string, nativeEvent: Event) => any;
+  onCompositionStart?: (value: string, nativeEvent: CompositionEvent) => any;
+  onCompositionEnd?: (value: string, nativeEvent: CompositionEvent) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { TextareaWrap as i, TextareaAriaInvalid as n, TextareaExpose as r, _default as t };

package/dist/textarea-BZimEPBR.mjs

@@ -0,0 +1,279 @@
+import { a as useDeterministicId } from "./deterministic-id-yMq4HfmS.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { useControllableState } from "./controllable-state.mjs";
+import { computed, createElementBlock, defineComponent, nextTick, openBlock, ref, unref, useTemplateRef, watch, watchEffect } from "vue";
+//#region src/families/form/textarea/textarea-control.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"name",
+	"value",
+	"disabled",
+	"readonly",
+	"required",
+	"placeholder",
+	"autocomplete",
+	"rows",
+	"cols",
+	"minlength",
+	"maxlength",
+	"spellcheck",
+	"wrap",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-errormessage",
+	"aria-invalid",
+	"data-state",
+	"data-empty",
+	"data-composing"
+];
+//#endregion
+//#region src/families/form/textarea/textarea-control.vue
+var textarea_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "textarea-control",
+	props: {
+		id: {
+			type: [String, null],
+			required: false,
+			default: () => void 0
+		},
+		name: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		modelValue: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		defaultValue: {
+			type: String,
+			required: false,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readOnly: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		placeholder: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		autocomplete: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		rows: {
+			type: Number,
+			required: false,
+			default: () => void 0
+		},
+		cols: {
+			type: Number,
+			required: false,
+			default: () => void 0
+		},
+		minlength: {
+			type: Number,
+			required: false,
+			default: () => void 0
+		},
+		maxlength: {
+			type: Number,
+			required: false,
+			default: () => void 0
+		},
+		spellcheck: {
+			type: Boolean,
+			required: false,
+			default: () => void 0
+		},
+		wrap: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaDescribedby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaErrormessage: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaInvalid: {
+			type: [Boolean, String],
+			required: false,
+			default: false
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"input",
+		"change",
+		"compositionStart",
+		"compositionEnd"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const element = useTemplateRef("element");
+		const controlId = useDeterministicId({
+			id: () => __props.id,
+			hint: "textarea"
+		});
+		const composing = ref(false);
+		const composingValue = ref(void 0);
+		const state = useControllableState({
+			value: () => __props.modelValue,
+			defaultValue: () => __props.defaultValue,
+			onChange: (value) => emit("update:modelValue", value)
+		});
+		const value = state.value;
+		const ariaInvalidValue = computed(() => {
+			if (__props.ariaInvalid === false) return void 0;
+			return __props.ariaInvalid === true ? "true" : __props.ariaInvalid;
+		});
+		const dataState = computed(() => {
+			if (__props.disabled) return "disabled";
+			return __props.readOnly ? "readonly" : "editable";
+		});
+		const renderedValue = computed(() => composing.value ? composingValue.value ?? element.value?.value ?? value.value : value.value);
+		const dataEmpty = computed(() => renderedValue.value.length === 0 ? "true" : "false");
+		function syncNativeValue() {
+			if (composing.value) return;
+			if (element.value === null) return;
+			if (element.value.value !== value.value) element.value.value = value.value;
+		}
+		watchEffect(syncNativeValue);
+		watch(element, (textarea, _previous, onCleanup) => {
+			const form = textarea?.form;
+			if (form === void 0 || form === null) return;
+			const onReset = () => {
+				if (!state.controlled.value) state.reset();
+				nextTick(syncNativeValue);
+			};
+			form.addEventListener("reset", onReset);
+			onCleanup(() => form.removeEventListener("reset", onReset));
+		}, {
+			flush: "post",
+			immediate: true
+		});
+		function readTextAreaValue(event) {
+			if (!(event.currentTarget instanceof HTMLTextAreaElement)) return void 0;
+			return event.currentTarget.value;
+		}
+		function onInput(event) {
+			const next = readTextAreaValue(event);
+			if (next === void 0) return;
+			if (composing.value) composingValue.value = next;
+			state.set(next);
+			emit("input", next, event);
+			nextTick(syncNativeValue);
+		}
+		function onChange(event) {
+			const next = readTextAreaValue(event);
+			if (next === void 0) return;
+			state.set(next);
+			emit("change", next, event);
+			nextTick(syncNativeValue);
+		}
+		function onCompositionStart(event) {
+			composing.value = true;
+			composingValue.value = element.value?.value ?? value.value;
+			emit("compositionStart", value.value, event);
+		}
+		function onCompositionEnd(event) {
+			const composed = readTextAreaValue(event) ?? composingValue.value;
+			composing.value = false;
+			if (composed !== void 0 && composed !== composingValue.value) state.set(composed);
+			composingValue.value = void 0;
+			emit("compositionEnd", composed ?? value.value, event);
+			nextTick(syncNativeValue);
+		}
+		function focus(options) {
+			element.value?.focus(options);
+		}
+		function select() {
+			element.value?.select();
+		}
+		function setSelectionRange(selectionStart, selectionEnd, direction) {
+			element.value?.setSelectionRange(selectionStart, selectionEnd, direction);
+		}
+		function setValue(next) {
+			const changed = state.set(next);
+			nextTick(syncNativeValue);
+			return changed;
+		}
+		__expose({
+			composing,
+			element,
+			focus,
+			reset: state.reset,
+			select,
+			setSelectionRange,
+			setValue,
+			value
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("textarea", {
+				id: unref(controlId),
+				ref_key: "element",
+				ref: element,
+				name: __props.name,
+				value: renderedValue.value,
+				disabled: __props.disabled,
+				readonly: __props.readOnly,
+				required: __props.required,
+				placeholder: __props.placeholder,
+				autocomplete: __props.autocomplete,
+				rows: __props.rows,
+				cols: __props.cols,
+				minlength: __props.minlength,
+				maxlength: __props.maxlength,
+				spellcheck: __props.spellcheck,
+				wrap: __props.wrap,
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": __props.ariaLabelledby,
+				"aria-describedby": __props.ariaDescribedby,
+				"aria-errormessage": ariaInvalidValue.value === void 0 ? void 0 : __props.ariaErrormessage,
+				"aria-invalid": ariaInvalidValue.value,
+				"data-vize-ui": "textarea",
+				"data-state": dataState.value,
+				"data-empty": dataEmpty.value,
+				"data-composing": composing.value ? "true" : "false",
+				onInput,
+				onChange,
+				onCompositionstart: onCompositionStart,
+				onCompositionend: onCompositionEnd
+			}, null, 40, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-9e57f24a"]]);
+//#endregion
+export { textarea_control_default as t };

package/dist/textarea.d.mts

@@ -0,0 +1,2 @@
+import { i as TextareaWrap, n as TextareaAriaInvalid, r as TextareaExpose, t as _default } from "./textarea-4eIDNcvv.mjs";
+export { _default as Textarea, type TextareaAriaInvalid, type TextareaExpose, type TextareaWrap };

package/dist/textarea.mjs

@@ -0,0 +1,2 @@
+import { t as textarea_control_default } from "./textarea-BZimEPBR.mjs";
+export { textarea_control_default as Textarea };

package/dist/theme-C8Crmb8V.mjs

@@ -0,0 +1,139 @@
+import './style.css';
+//#region src/families/foundations/theme/theme-tokens.ts
+const invalidTokenDiagnostic = "VIZE_UI_THEME_TOKEN";
+/** Independent token packs that can be composed with any preset. */
+const themeTokenPackNames = Object.freeze([
+	"color",
+	"typography",
+	"space",
+	"size",
+	"radius",
+	"border",
+	"elevation",
+	"opacity",
+	"z-index",
+	"focus",
+	"density"
+]);
+/**
+* Semantic token contract mirrored from `theme.css`.
+*
+* The packaged stylesheet is the source of truth; this mirror exists so
+* JavaScript consumers can read the same headless defaults the CSS ships
+* with. Preset values are deliberately not mirrored: presets are opt-in
+* cascade, not API.
+*/
+const themeTokens = Object.freeze({
+	"color-canvas": "Canvas",
+	"color-surface": "Canvas",
+	"color-text": "CanvasText",
+	"color-text-muted": "GrayText",
+	"color-accent": "LinkText",
+	"color-accent-contrast": "Canvas",
+	"color-border": "GrayText",
+	"color-neutral": "CanvasText",
+	"color-neutral-contrast": "Canvas",
+	"color-info": "LinkText",
+	"color-info-contrast": "Canvas",
+	"color-success": "CanvasText",
+	"color-success-contrast": "Canvas",
+	"color-warning": "CanvasText",
+	"color-warning-contrast": "Canvas",
+	"color-danger": "#d92d20",
+	"color-danger-contrast": "Canvas",
+	"type-family-sans": "system-ui, sans-serif",
+	"type-family-mono": "ui-monospace, monospace",
+	"type-size-xs": "0.75rem",
+	"type-size-sm": "0.875rem",
+	"type-size-md": "1rem",
+	"type-size-lg": "1.125rem",
+	"type-size-xl": "1.25rem",
+	"type-size-2xl": "1.5rem",
+	"type-leading-tight": "1.25",
+	"type-leading-normal": "1.5",
+	"type-leading-loose": "1.75",
+	"type-weight-regular": "400",
+	"type-weight-medium": "500",
+	"type-weight-bold": "700",
+	density: "1",
+	"space-xs": "calc(0.25rem * var(--vize-ui-density))",
+	"space-sm": "calc(0.5rem * var(--vize-ui-density))",
+	"space-md": "calc(0.75rem * var(--vize-ui-density))",
+	"space-lg": "calc(1rem * var(--vize-ui-density))",
+	"space-xl": "calc(1.5rem * var(--vize-ui-density))",
+	"space-2xl": "calc(2rem * var(--vize-ui-density))",
+	"space-3xl": "calc(3rem * var(--vize-ui-density))",
+	"size-control-sm": "calc(1.75rem * var(--vize-ui-density))",
+	"size-control-md": "calc(2.25rem * var(--vize-ui-density))",
+	"size-control-lg": "calc(2.75rem * var(--vize-ui-density))",
+	"radius-sm": "0.25rem",
+	"radius-md": "0.5rem",
+	"radius-lg": "1rem",
+	"radius-full": "9999px",
+	"border-width-thin": "1px",
+	"border-width-thick": "2px",
+	"elevation-raised": "none",
+	"elevation-overlay": "none",
+	"elevation-floating": "none",
+	"opacity-muted": "0.7",
+	"opacity-disabled": "0.45",
+	"z-sticky": "100",
+	"z-dropdown": "600",
+	"z-overlay": "1000",
+	"z-toast": "1200",
+	"focus-ring-width": "2px",
+	"focus-ring-offset": "2px",
+	"focus-ring-color": "var(--vize-ui-color-accent)"
+});
+function assertTokenName(name) {
+	if (!Object.hasOwn(themeTokens, name)) throw new TypeError(`${invalidTokenDiagnostic}: unknown theme token "${name}"`);
+}
+function assertTokenPackName(name) {
+	if (!themeTokenPackNames.includes(name)) throw new TypeError(`${invalidTokenDiagnostic}: unknown theme token pack "${name}"`);
+}
+/** Custom-property name (`--vize-ui-*`) for one theme token. */
+function themeTokenProperty(name) {
+	assertTokenName(name);
+	return `--vize-ui-${name}`;
+}
+/** `var()` reference to one theme token for imperative style composition. */
+function themeTokenVar(name) {
+	return `var(${themeTokenProperty(name)})`;
+}
+/** Tokens in one independent token pack, derived from the shared token mirror. */
+function themeTokensForPack(pack) {
+	assertTokenPackName(pack);
+	const prefix = pack === "typography" ? "type" : pack === "z-index" ? "z" : pack;
+	return Object.freeze(Object.keys(themeTokens).filter((token) => token === prefix || token.startsWith(`${prefix}-`)));
+}
+/**
+* Override theme tokens on one element's subtree.
+*
+* Custom properties inherit, so scoping an override to an element retunes
+* every consumer below it — a nested theme scope without forking components.
+* Returns a restore function that reinstates the element's previous values.
+*/
+function setThemeTokens$1(element, overrides) {
+	if (typeof element?.style?.setProperty !== "function") throw new TypeError(`${invalidTokenDiagnostic}: overrides need an element with inline style`);
+	const previous = /* @__PURE__ */ new Map();
+	for (const [name, value] of Object.entries(overrides)) {
+		if (value === void 0) continue;
+		if (typeof value !== "string" || value.trim().length === 0) throw new TypeError(`${invalidTokenDiagnostic}: token "${name}" needs a non-empty string`);
+		const property = themeTokenProperty(name);
+		if (!previous.has(property)) previous.set(property, element.style.getPropertyValue(property));
+		element.style.setProperty(property, value);
+	}
+	return () => {
+		for (const [property, value] of previous) if (value === "") element.style.removeProperty(property);
+		else element.style.setProperty(property, value);
+		previous.clear();
+	};
+}
+//#endregion
+//#region src/families/foundations/theme/theme.ts
+/** Override theme tokens on one element's subtree. */
+function setThemeTokens(element, overrides) {
+	return setThemeTokens$1(element, overrides);
+}
+//#endregion
+export { themeTokens as a, themeTokenVar as i, themeTokenPackNames as n, themeTokensForPack as o, themeTokenProperty as r, setThemeTokens as t };

package/dist/theme-CNK06Pja.d.mts

@@ -0,0 +1,38 @@
+import { b as ThemeTokenPackName, i as ThemeDensityScale, l as ThemePresetName, v as ThemeTokenName, y as ThemeTokenOverrides } from "./theme-types-CkIa4Sa3.mjs";
+
+//#region src/families/foundations/theme/theme-constants.d.ts
+/** Cascade layers shipped by the package, in ascending priority order. */
+declare const themeCascadeLayerOrder: readonly ["vize.tokens", "vize.ui", "vize.preset", "vize.policy"];
+/** Attribute whose space-separated values opt a subtree into presets. */
+declare const themePresetAttribute = "data-vize-theme";
+/** Attribute that retunes the density factor for a subtree. */
+declare const themeDensityAttribute = "data-vize-density";
+/** Presets shipped in `@layer vize.preset`, ordered from least to most opinionated. */
+declare const themePresets: readonly ThemePresetName[];
+/** Density factors mirrored from the `data-vize-density` scopes in `theme.css`. */
+declare const themeDensityScales: Readonly<Record<ThemeDensityScale, string>>;
+//#endregion
+//#region src/families/foundations/theme/theme-tokens.d.ts
+/** Independent token packs that can be composed with any preset. */
+declare const themeTokenPackNames: readonly ThemeTokenPackName[];
+/**
+ * Semantic token contract mirrored from `theme.css`.
+ *
+ * The packaged stylesheet is the source of truth; this mirror exists so
+ * JavaScript consumers can read the same headless defaults the CSS ships
+ * with. Preset values are deliberately not mirrored: presets are opt-in
+ * cascade, not API.
+ */
+declare const themeTokens: Readonly<Record<ThemeTokenName, string>>;
+/** Custom-property name (`--vize-ui-*`) for one theme token. */
+declare function themeTokenProperty(name: ThemeTokenName): string;
+/** `var()` reference to one theme token for imperative style composition. */
+declare function themeTokenVar(name: ThemeTokenName): string;
+/** Tokens in one independent token pack, derived from the shared token mirror. */
+declare function themeTokensForPack(pack: ThemeTokenPackName): readonly ThemeTokenName[];
+//#endregion
+//#region src/families/foundations/theme/theme.d.ts
+/** Override theme tokens on one element's subtree. */
+declare function setThemeTokens(element: ElementCSSInlineStyle, overrides: ThemeTokenOverrides): () => void;
+//#endregion
+export { themeTokens as a, themeDensityAttribute as c, themePresets as d, themeTokenVar as i, themeDensityScales as l, themeTokenPackNames as n, themeTokensForPack as o, themeTokenProperty as r, themeCascadeLayerOrder as s, setThemeTokens as t, themePresetAttribute as u };

package/dist/theme-constants-DAwnxG-P.mjs

@@ -0,0 +1,29 @@
+//#region src/families/foundations/theme/theme-constants.ts
+/** Cascade layers shipped by the package, in ascending priority order. */
+const themeCascadeLayerOrder = Object.freeze([
+	"vize.tokens",
+	"vize.ui",
+	"vize.preset",
+	"vize.policy"
+]);
+/** Attribute whose space-separated values opt a subtree into presets. */
+const themePresetAttribute = "data-vize-theme";
+/** Attribute that retunes the density factor for a subtree. */
+const themeDensityAttribute = "data-vize-density";
+/** Presets shipped in `@layer vize.preset`, ordered from least to most opinionated. */
+const themePresets = Object.freeze([
+	"headless",
+	"atelier",
+	"midnight",
+	"paper",
+	"play",
+	"signal",
+	"high-contrast"
+]);
+/** Density factors mirrored from the `data-vize-density` scopes in `theme.css`. */
+const themeDensityScales = Object.freeze({
+	compact: "0.85",
+	comfortable: "1.15"
+});
+//#endregion
+export { themePresets as a, themePresetAttribute as i, themeDensityAttribute as n, themeDensityScales as r, themeCascadeLayerOrder as t };

package/dist/theme-preset-atelier.css

@@ -0,0 +1 @@
+@layer vize.tokens,vize.ui,vize.preset,vize.policy;@layer vize.preset{:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--vize-ui-color-canvas:var(--lightningcss-light,oklch(98.5% .003 255))var(--lightningcss-dark,oklch(15.5% .012 255));--vize-ui-color-surface:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(20.5% .014 255));--vize-ui-color-text:var(--lightningcss-light,oklch(24.5% .02 255))var(--lightningcss-dark,oklch(93% .008 255));--vize-ui-color-text-muted:var(--lightningcss-light,oklab(52.62% -.00350441 -.0130786))var(--lightningcss-dark,oklab(68.2% -.00240184 -.00896379));--vize-ui-color-accent:var(--lightningcss-light,oklch(54.5% .175 275))var(--lightningcss-dark,oklch(72% .15 275));--vize-ui-color-accent-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(17% .015 275));--vize-ui-color-border:var(--lightningcss-light,oklch(88.5% .003 255))var(--lightningcss-dark,oklch(32% .015 255));--vize-ui-color-neutral:var(--lightningcss-light,oklch(48% .018 255))var(--lightningcss-dark,oklch(78% .018 255));--vize-ui-color-neutral-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(16% .012 255));--vize-ui-color-info:var(--lightningcss-light,oklch(52% .14 240))var(--lightningcss-dark,oklch(76% .12 235));--vize-ui-color-info-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(14% .025 240));--vize-ui-color-success:var(--lightningcss-light,oklch(49% .13 150))var(--lightningcss-dark,oklch(74% .12 150));--vize-ui-color-success-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(13% .025 150));--vize-ui-color-warning:var(--lightningcss-light,oklch(62% .15 78))var(--lightningcss-dark,oklch(84% .14 82));--vize-ui-color-warning-contrast:var(--lightningcss-light,oklch(18% .02 78))var(--lightningcss-dark,oklch(18% .02 82));--vize-ui-color-danger:var(--lightningcss-light,oklch(55% .19 25))var(--lightningcss-dark,oklch(70% .17 22));--vize-ui-color-danger-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(17% .015 22));--vize-ui-elevation-raised:0 1px 2px oklch(15% .015 255/.06), 0 1px 3px oklch(15% .015 255/.1);--vize-ui-elevation-overlay:0 4px 12px oklch(15% .015 255/.12), 0 2px 4px oklch(15% .015 255/.08);--vize-ui-elevation-floating:0 12px 32px oklch(15% .015 255/.16), 0 4px 8px oklch(15% .015 255/.08)}@media (prefers-color-scheme:dark){:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--lightningcss-light: ;--lightningcss-dark:initial}}}

package/dist/theme-preset-headless.css

@@ -0,0 +1 @@
+@layer vize.tokens,vize.ui,vize.preset,vize.policy;@layer vize.preset{:where([data-vize-theme~=headless],:host([data-vize-theme~=headless])){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:where([data-vize-theme~=headless],:host([data-vize-theme~=headless])){--lightningcss-light: ;--lightningcss-dark:initial}}}

package/dist/theme-preset-high-contrast.css

@@ -0,0 +1 @@
+@layer vize.tokens,vize.ui,vize.preset,vize.policy;@layer vize.preset{:where([data-vize-theme~=high-contrast],:host([data-vize-theme~=high-contrast])){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--vize-ui-color-canvas:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--vize-ui-color-surface:var(--lightningcss-light,oklch(96.5% 0 0))var(--lightningcss-dark,oklch(12% 0 0));--vize-ui-color-text:var(--lightningcss-light,oklch(0% 0 0))var(--lightningcss-dark,oklch(100% 0 0));--vize-ui-color-text-muted:var(--lightningcss-light,oklch(32% 0 0))var(--lightningcss-dark,oklch(82% 0 0));--vize-ui-color-accent:var(--lightningcss-light,oklch(42% .22 264))var(--lightningcss-dark,oklch(84% .16 90));--vize-ui-color-accent-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--vize-ui-color-border:var(--lightningcss-light,oklch(0% 0 0))var(--lightningcss-dark,oklch(100% 0 0));--vize-ui-color-neutral:var(--lightningcss-light,oklch(22% 0 0))var(--lightningcss-dark,oklch(90% 0 0));--vize-ui-color-neutral-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--vize-ui-color-info:var(--lightningcss-light,oklch(36% .2 255))var(--lightningcss-dark,oklch(88% .16 250));--vize-ui-color-info-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--vize-ui-color-success:var(--lightningcss-light,oklch(36% .17 150))var(--lightningcss-dark,oklch(86% .15 150));--vize-ui-color-success-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--vize-ui-color-warning:var(--lightningcss-light,oklch(46% .17 84))var(--lightningcss-dark,oklch(92% .18 90));--vize-ui-color-warning-contrast:oklch(0% 0 0);--vize-ui-color-danger:var(--lightningcss-light,oklch(43% .22 29))var(--lightningcss-dark,oklch(82% .18 35));--vize-ui-color-danger-contrast:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--vize-ui-border-width-thin:2px;--vize-ui-border-width-thick:3px;--vize-ui-focus-ring-width:3px;--vize-ui-focus-ring-offset:3px;--vize-ui-opacity-muted:1;--vize-ui-elevation-raised:none;--vize-ui-elevation-overlay:none;--vize-ui-elevation-floating:none}@media (prefers-color-scheme:dark){:where([data-vize-theme~=high-contrast],:host([data-vize-theme~=high-contrast])){--lightningcss-light: ;--lightningcss-dark:initial}}@media (forced-colors:active){:where([data-vize-theme~=high-contrast],:host([data-vize-theme~=high-contrast])){--vize-ui-border-width-thin:2px;--vize-ui-border-width-thick:3px;--vize-ui-focus-ring-width:3px;--vize-ui-focus-ring-offset:3px;--vize-ui-opacity-muted:1}}}