@astryx-vue/core 0.1.3 → 0.2.1

package/dist/Code-yb_KOFtJ.js

@@ -0,0 +1,299 @@
+import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
+import { i as syntaxThemeStyle, n as defineSyntaxTheme, r as githubDark, t as SYNTAX_TOKEN_KEYS } from "./syntaxTheme-ClpWALZX.js";
+import { a as resolveLightDark, i as readColorMode, n as themeContextKey, o as syntaxThemeKey } from "./context-O2Vb8cJl.js";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, renderSlot } from "vue";
+//#region src/Code/syntaxPresets.ts
+/** One Dark Pro (Binaryify), MIT. */
+const oneDarkPro = defineSyntaxTheme({
+	name: "one-dark-pro",
+	tokens: {
+		keyword: "#c678dd",
+		string: "#98c379",
+		comment: "#5c6370",
+		number: "#d19a66",
+		function: "#61afef",
+		type: "#e5c07b",
+		variable: "#e06c75",
+		operator: "#56b6c2",
+		constant: "#d19a66",
+		tag: "#e06c75",
+		attribute: "#d19a66",
+		property: "#e06c75",
+		punctuation: "#abb2bf",
+		background: "#282c34"
+	}
+});
+/** Dracula (Zeno Rocha), MIT. */
+const dracula = defineSyntaxTheme({
+	name: "dracula",
+	tokens: {
+		keyword: "#ff79c6",
+		string: "#f1fa8c",
+		comment: "#6272a4",
+		number: "#bd93f9",
+		function: "#50fa7b",
+		type: "#8be9fd",
+		variable: "#f8f8f2",
+		operator: "#ff79c6",
+		constant: "#bd93f9",
+		tag: "#ff79c6",
+		attribute: "#50fa7b",
+		property: "#66d9ef",
+		punctuation: "#f8f8f2",
+		background: "#282a36"
+	}
+});
+/** Monokai (Wimer Hazenberg), MIT. */
+const monokai = defineSyntaxTheme({
+	name: "monokai",
+	tokens: {
+		keyword: "#f92672",
+		string: "#e6db74",
+		comment: "#75715e",
+		number: "#ae81ff",
+		function: "#a6e22e",
+		type: "#66d9ef",
+		variable: "#f8f8f2",
+		operator: "#f92672",
+		constant: "#ae81ff",
+		tag: "#f92672",
+		attribute: "#a6e22e",
+		property: "#66d9ef",
+		punctuation: "#f8f8f2",
+		background: "#272822"
+	}
+});
+/** Nord (Sven Greb), MIT. */
+const nord = defineSyntaxTheme({
+	name: "nord",
+	tokens: {
+		keyword: "#81a1c1",
+		string: "#a3be8c",
+		comment: "#616e88",
+		number: "#b48ead",
+		function: "#88c0d0",
+		type: "#8fbcbb",
+		variable: "#d8dee9",
+		operator: "#81a1c1",
+		constant: "#b48ead",
+		tag: "#81a1c1",
+		attribute: "#8fbcbb",
+		property: "#88c0d0",
+		punctuation: "#d8dee9",
+		background: "#2e3440"
+	}
+});
+/** Tokyo Night (enkia), MIT. */
+const tokyoNight = defineSyntaxTheme({
+	name: "tokyo-night",
+	tokens: {
+		keyword: "#9d7cd8",
+		string: "#9ece6a",
+		comment: "#565f89",
+		number: "#ff9e64",
+		function: "#7aa2f7",
+		type: "#2ac3de",
+		variable: "#c0caf5",
+		operator: "#89ddff",
+		constant: "#ff9e64",
+		tag: "#f7768e",
+		attribute: "#bb9af7",
+		property: "#73daca",
+		punctuation: "#9abdf5",
+		background: "#1a1b26"
+	}
+});
+/** Catppuccin Mocha, MIT. */
+const catppuccinMocha = defineSyntaxTheme({
+	name: "catppuccin-mocha",
+	tokens: {
+		keyword: "#cba6f7",
+		string: "#a6e3a1",
+		comment: "#6c7086",
+		number: "#fab387",
+		function: "#89b4fa",
+		type: "#f9e2af",
+		variable: "#cdd6f4",
+		operator: "#89dceb",
+		constant: "#fab387",
+		tag: "#f38ba8",
+		attribute: "#f9e2af",
+		property: "#94e2d5",
+		punctuation: "#bac2de",
+		background: "#1e1e2e"
+	}
+});
+/** GitHub Light (GitHub Primer team), MIT. */
+const githubLight = defineSyntaxTheme({
+	name: "github-light",
+	tokens: {
+		keyword: "#cf222e",
+		string: "#0a3069",
+		comment: "#6e7781",
+		number: "#0550ae",
+		function: "#8250df",
+		type: "#953800",
+		variable: "#24292f",
+		operator: "#cf222e",
+		constant: "#0550ae",
+		tag: "#116329",
+		attribute: "#0550ae",
+		property: "#0550ae",
+		punctuation: "#24292f",
+		background: "#ffffff"
+	}
+});
+/** Solarized Light (Ethan Schoonover), MIT. */
+const solarizedLight = defineSyntaxTheme({
+	name: "solarized-light",
+	tokens: {
+		keyword: "#859900",
+		string: "#2aa198",
+		comment: "#93a1a1",
+		number: "#d33682",
+		function: "#268bd2",
+		type: "#b58900",
+		variable: "#657b83",
+		operator: "#859900",
+		constant: "#cb4b16",
+		tag: "#268bd2",
+		attribute: "#b58900",
+		property: "#268bd2",
+		punctuation: "#586e75",
+		background: "#fdf6e3"
+	}
+});
+/** One Light (GitHub / Atom), MIT. */
+const oneLight = defineSyntaxTheme({
+	name: "one-light",
+	tokens: {
+		keyword: "#a626a4",
+		string: "#50a14f",
+		comment: "#a0a1a7",
+		number: "#986801",
+		function: "#4078f2",
+		type: "#c18401",
+		variable: "#e45649",
+		operator: "#0184bc",
+		constant: "#986801",
+		tag: "#e45649",
+		attribute: "#986801",
+		property: "#e45649",
+		punctuation: "#383a42",
+		background: "#fafafa"
+	}
+});
+/** Catppuccin Latte, MIT. */
+const catppuccinLatte = defineSyntaxTheme({
+	name: "catppuccin-latte",
+	tokens: {
+		keyword: "#8839ef",
+		string: "#40a02b",
+		comment: "#9ca0b0",
+		number: "#fe640b",
+		function: "#1e66f5",
+		type: "#df8e1d",
+		variable: "#4c4f69",
+		operator: "#179299",
+		constant: "#fe640b",
+		tag: "#d20f39",
+		attribute: "#df8e1d",
+		property: "#179299",
+		punctuation: "#6c6f85",
+		background: "#eff1f5"
+	}
+});
+/** Tokyo Night Light (enkia), MIT. */
+const tokyoNightLight = defineSyntaxTheme({
+	name: "tokyo-night-light",
+	tokens: {
+		keyword: "#8c4351",
+		string: "#485e30",
+		comment: "#9699a3",
+		number: "#965027",
+		function: "#34548a",
+		type: "#166775",
+		variable: "#343b58",
+		operator: "#34548a",
+		constant: "#965027",
+		tag: "#8c4351",
+		attribute: "#8f5e15",
+		property: "#33635c",
+		punctuation: "#343b58",
+		background: "#d5d6db"
+	}
+});
+const darkSyntaxPresets = [
+	oneDarkPro,
+	dracula,
+	monokai,
+	nord,
+	tokyoNight,
+	catppuccinMocha,
+	githubDark
+];
+const lightSyntaxPresets = [
+	githubLight,
+	solarizedLight,
+	oneLight,
+	catppuccinLatte,
+	tokyoNightLight
+];
+const allSyntaxPresets = [...darkSyntaxPresets, ...lightSyntaxPresets];
+//#endregion
+//#region src/Code/SyntaxTheme.vue
+const _hoisted_1 = ["data-astryx-syntax-theme"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxSyntaxTheme",
+	inheritAttrs: false,
+	__name: "SyntaxTheme",
+	props: { theme: {} },
+	setup(__props) {
+		const props = __props;
+		const style = computed(() => syntaxThemeStyle(props.theme));
+		provide(syntaxThemeKey, computed(() => props.theme));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["astryx-syntax-theme", _ctx.$attrs.class]),
+				"data-astryx-syntax-theme": __props.theme.name,
+				style: normalizeStyle([style.value, _ctx.$attrs.style])
+			}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/Code/useSyntaxTheme.ts
+/**
+* Read the nearest SyntaxTheme, or the syntax field of the nearest Theme.
+* Returns null when neither is present.
+*/
+function useSyntaxTheme() {
+	const injected = inject(syntaxThemeKey, null);
+	const theme = inject(themeContextKey, null);
+	const prefersDark = useMediaQuery("(prefers-color-scheme: dark)");
+	if (!injected) return null;
+	const mode = computed(() => {
+		const requested = theme?.value.mode;
+		if (requested === "light" || requested === "dark") return requested;
+		return readColorMode(prefersDark.value);
+	});
+	const name = computed(() => injected.value?.name ?? "");
+	const tokens = computed(() => {
+		const theme = injected.value;
+		if (!theme) return null;
+		const resolved = {};
+		for (const key of SYNTAX_TOKEN_KEYS) resolved[key] = resolveLightDark(theme.tokens[key], mode.value);
+		return resolved;
+	});
+	function token(tokenName) {
+		return tokens.value?.[tokenName] ?? "";
+	}
+	return {
+		name,
+		mode,
+		token,
+		tokens
+	};
+}
+//#endregion
+export { catppuccinMocha as a, githubLight as c, nord as d, oneDarkPro as f, tokyoNightLight as g, tokyoNight as h, catppuccinLatte as i, lightSyntaxPresets as l, solarizedLight as m, _sfc_main as n, darkSyntaxPresets as o, oneLight as p, allSyntaxPresets as r, dracula as s, useSyntaxTheme as t, monokai as u };

package/dist/{CodeBlock-BQdooQy2.js → CodeBlock-CAF-VJnh.js}

@@ -1,7 +1,8 @@
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
 import { t as useClipboard } from "./useClipboard-BDfbEsWd.js";
 import { t as _sfc_main$4 } from "./IconButton-BNQuz9W_.js";
-import { t as _sfc_main$5 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$5 } from "./Icon-Bku25g_K.js";
+import { i as syntaxThemeStyle } from "./syntaxTheme-ClpWALZX.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useId, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import "../styles/code.css";
 //#region src/Code/Code.vue
@@ -976,6 +977,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	props: {
 		code: {},
 		language: { default: "plaintext" },
+		syntaxTheme: {},
 		title: {},
 		hasLanguageLabel: {
 			type: Boolean,
@@ -1125,7 +1127,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				style.minWidth = "min(100%, 400px)";
 				style.maxWidth = "100%";
 			}
-			return [attrs.style, style];
+			return [
+				attrs.style,
+				props.syntaxTheme ? syntaxThemeStyle(props.syntaxTheme) : null,
+				style
+			];
 		});
 		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
 		return (_ctx, _cache) => {

package/dist/Collapsible/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../Collapsible-BS9ctCQV.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Collapsible-DvMiYJp7.js";
 export { _sfc_main as Collapsible, _sfc_main$1 as CollapsibleGroup };

package/dist/{Collapsible-BS9ctCQV.js → Collapsible-DvMiYJp7.js}

@@ -1,4 +1,4 @@
-import { t as _sfc_main$2 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$2 } from "./Icon-Bku25g_K.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, openBlock, provide, renderSlot, shallowRef, toDisplayString, useId, useModel, useTemplateRef, vShow, withCtx, withDirectives } from "vue";
 import "../styles/collapsible.css";
 //#region src/Collapsible/context.ts

package/dist/CommandPalette/index.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$3, i as _sfc_main$4, n as _sfc_main$6, o as _sfc_main$2, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main } from "../CommandPalette-u5h_E05P.js";
+import { a as _sfc_main$3, i as _sfc_main$4, n as _sfc_main$6, o as _sfc_main$2, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main } from "../CommandPalette-xfm9ldUI.js";
 export { _sfc_main as CommandPalette, _sfc_main$1 as CommandPaletteEmpty, _sfc_main$2 as CommandPaletteFooter, _sfc_main$3 as CommandPaletteGroup, _sfc_main$4 as CommandPaletteInput, _sfc_main$5 as CommandPaletteItem, _sfc_main$6 as CommandPaletteList };

package/dist/{CommandPalette-u5h_E05P.js → CommandPalette-xfm9ldUI.js}

@@ -1,7 +1,7 @@
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
 import { n as useAsyncSource } from "./useAsyncSource-Gk0VtE7_.js";
 import { n as DIALOG_CONTEXT_KEY, t as _sfc_main$7 } from "./Dialog-rfUt3y8P.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
 import { t as _sfc_main$8 } from "./Spinner-9cYUCnDy.js";
 import { t as _sfc_main$9 } from "./Kbd-BB-Dw6zE.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, onMounted, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";

package/dist/ComplexSelector/index.d.ts

@@ -1,2 +1,2 @@
-import { a as ComplexSelectorProps, c as ComplexSelectorState, i as ComplexSelectorHandleRef, l as ComplexSelectorTriggerProps, n as ComplexSelectorEmits, o as ComplexSelectorSlotProps, r as ComplexSelectorHandle, s as ComplexSelectorSlots, t as _default, u as ComplexSelectorVariant } from "../index-CX97hlld.js";
+import { a as ComplexSelectorProps, c as ComplexSelectorState, i as ComplexSelectorHandleRef, l as ComplexSelectorTriggerProps, n as ComplexSelectorEmits, o as ComplexSelectorSlotProps, r as ComplexSelectorHandle, s as ComplexSelectorSlots, t as _default, u as ComplexSelectorVariant } from "../index-CBym0hSq.js";
 export { _default as ComplexSelector, _default as default, type ComplexSelectorEmits, type ComplexSelectorHandle, type ComplexSelectorHandleRef, type ComplexSelectorProps, type ComplexSelectorSlotProps, type ComplexSelectorSlots, type ComplexSelectorState, type ComplexSelectorTriggerProps, type ComplexSelectorVariant };

package/dist/ComplexSelector/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as ComplexSelector_default } from "../ComplexSelector-BHmGWml0.js";
+import { n as _sfc_main, t as ComplexSelector_default } from "../ComplexSelector-B6lBTRhP.js";
 export { _sfc_main as ComplexSelector, ComplexSelector_default as default };

package/dist/{ComplexSelector-BHmGWml0.js → ComplexSelector-B6lBTRhP.js}

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
-import { t as _sfc_main$1 } from "./Icon-5MdZQ18k.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
+import { t as _sfc_main$1 } from "./Icon-Bku25g_K.js";
 import { t as _sfc_main$2 } from "./Spinner-9cYUCnDy.js";
 import { t as _sfc_main$3 } from "./Field-8zRxzDHE.js";
 import { t as _sfc_main$4 } from "./Popover-Crhk9PNP.js";

package/dist/ContextMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { C as ContextMenuSlots, D as ContextMenuTriggerElement, E as ContextMenuSubMenuSlots, O as ContextMenuVariant, S as ContextMenuSize, T as ContextMenuSubMenuProps, _ as ContextMenuItemSlots, a as _default, b as ContextMenuProps, c as ContextMenuDividerData, d as ContextMenuGroupProps, f as ContextMenuGroupSlots, g as ContextMenuItemProps, h as ContextMenuItemIcon, i as _default$1, k as ContextMenuWidth, l as ContextMenuDividerProps, m as ContextMenuItemEmits, n as _default$3, o as useContextMenu, p as ContextMenuItemData, r as _default$2, s as useContextMenuSize, t as _default$4, u as ContextMenuEmits, v as ContextMenuItemTarget, w as ContextMenuSubMenuEmits, x as ContextMenuSection, y as ContextMenuOption } from "../index-CTolyeii.js";
-export { _default as ContextMenu, _default$1 as ContextMenuDivider, type ContextMenuDividerData, type ContextMenuDividerProps, type ContextMenuEmits, _default$2 as ContextMenuGroup, type ContextMenuGroupProps, type ContextMenuGroupSlots, _default$3 as ContextMenuItem, type ContextMenuItemData, type ContextMenuItemEmits, type ContextMenuItemIcon, type ContextMenuItemProps, type ContextMenuItemSlots, type ContextMenuItemTarget, type ContextMenuOption, type ContextMenuProps, type ContextMenuSection, type ContextMenuSize, type ContextMenuSlots, _default$4 as ContextMenuSubMenu, type ContextMenuSubMenuEmits, type ContextMenuSubMenuProps, type ContextMenuSubMenuSlots, type ContextMenuTriggerElement, type ContextMenuVariant, type ContextMenuWidth, useContextMenu, useContextMenuSize };
+import { A as ContextMenuWidth, C as ContextMenuSize, D as ContextMenuSubMenuSlots, E as ContextMenuSubMenuProps, O as ContextMenuTriggerElement, S as ContextMenuSection, T as ContextMenuSubMenuEmits, _ as ContextMenuItemSlots, a as _default, b as ContextMenuPresentation, c as ContextMenuDividerData, d as ContextMenuGroupProps, f as ContextMenuGroupSlots, g as ContextMenuItemProps, h as ContextMenuItemIcon, i as _default$1, k as ContextMenuVariant, l as ContextMenuDividerProps, m as ContextMenuItemEmits, n as _default$3, o as useContextMenu, p as ContextMenuItemData, r as _default$2, s as useContextMenuSize, t as _default$4, u as ContextMenuEmits, v as ContextMenuItemTarget, w as ContextMenuSlots, x as ContextMenuProps, y as ContextMenuOption } from "../index-BLOEjvaM.js";
+export { _default as ContextMenu, _default$1 as ContextMenuDivider, type ContextMenuDividerData, type ContextMenuDividerProps, type ContextMenuEmits, _default$2 as ContextMenuGroup, type ContextMenuGroupProps, type ContextMenuGroupSlots, _default$3 as ContextMenuItem, type ContextMenuItemData, type ContextMenuItemEmits, type ContextMenuItemIcon, type ContextMenuItemProps, type ContextMenuItemSlots, type ContextMenuItemTarget, type ContextMenuOption, type ContextMenuPresentation, type ContextMenuProps, type ContextMenuSection, type ContextMenuSize, type ContextMenuSlots, _default$4 as ContextMenuSubMenu, type ContextMenuSubMenuEmits, type ContextMenuSubMenuProps, type ContextMenuSubMenuSlots, type ContextMenuTriggerElement, type ContextMenuVariant, type ContextMenuWidth, useContextMenu, useContextMenuSize };

package/dist/ContextMenu/index.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$1, i as _sfc_main$2, n as _sfc_main$4, o as useContextMenu, r as _sfc_main$3, s as useContextMenuSize, t as _sfc_main } from "../ContextMenu-dA-ppaRQ.js";
+import { a as _sfc_main$1, i as _sfc_main$2, n as _sfc_main$4, o as useContextMenu, r as _sfc_main$3, s as useContextMenuSize, t as _sfc_main } from "../ContextMenu-DUkED3Z3.js";
 export { _sfc_main as ContextMenu, _sfc_main$1 as ContextMenuDivider, _sfc_main$2 as ContextMenuGroup, _sfc_main$3 as ContextMenuItem, _sfc_main$4 as ContextMenuSubMenu, useContextMenu, useContextMenuSize };

package/dist/{ContextMenu-dA-ppaRQ.js → ContextMenu-DUkED3Z3.js}

@@ -2,10 +2,11 @@ import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
 import { t as useLongPress } from "./useLongPress-Cyxwa73s.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { t as _sfc_main$6 } from "./Icon-5MdZQ18k.js";
-import { t as _sfc_main$7 } from "./Divider-BtwnL18I.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { t as _sfc_main$6 } from "./BottomSheet-Dg95HB1s.js";
+import { t as _sfc_main$7 } from "./Icon-Bku25g_K.js";
+import { t as _sfc_main$8 } from "./Divider-BtwnL18I.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import "../styles/context-menu.css";
 //#region src/ContextMenu/context.ts
 const contextMenuContextKey = Symbol("astryx-context-menu");
@@ -34,7 +35,7 @@ const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	props: { variant: { default: "subtle" } },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$7, {
+			return openBlock(), createBlock(_sfc_main$8, {
 				class: "astryx-context-menu-divider",
 				variant: __props.variant
 			}, null, 8, ["variant"]);
@@ -371,7 +372,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 				onPointermove: handlePointerMove
 			}, {
 				default: withCtx(() => [
-					__props.icon != null || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1$2, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$6, {
+					__props.icon != null || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1$2, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$7, {
 						color: iconColor.value,
 						icon: __props.icon,
 						size: "sm"
@@ -813,13 +814,13 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 					onPointerleave: _cache[0] || (_cache[0] = (...args) => unref(hover).onTriggerPointerLeave && unref(hover).onTriggerPointerLeave(...args)),
 					onPointermove: onRowPointerMove
 				}), [
-					__props.icon != null || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$6, {
+					__props.icon != null || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$7, {
 						icon: __props.icon,
 						color: "secondary",
 						size: "sm"
 					}, null, 8, ["icon"])])])) : createCommentVNode("v-if", true),
 					createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]), __props.description != null || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("v-if", true)]),
-					createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "endContent", {}, () => [createVNode(_sfc_main$6, {
+					createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "endContent", {}, () => [createVNode(_sfc_main$7, {
 						class: "astryx-context-menu-item__chevron",
 						icon: "chevronRight",
 						color: "secondary",
@@ -1090,6 +1091,7 @@ const _hoisted_1 = [
 ];
 const GAP = 0;
 const DEFAULT_MIN_WIDTH = 160;
+const ADAPTIVE_QUERY = "(max-width: 768px) and (pointer: coarse)";
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxContextMenu",
 	inheritAttrs: false,
@@ -1104,6 +1106,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			default: false
 		},
 		triggerAs: { default: "div" },
+		presentation: { default: "popover" },
 		isOpen: { type: Boolean }
 	}, {
 		"isOpen": {
@@ -1127,6 +1130,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		*/
 		const triggerAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
 		/** Where the menu's own corner sits relative to the cursor point. */
+		const isCompactTouch = shallowRef(false);
+		let mediaQuery;
+		function syncCompactTouch() {
+			isCompactTouch.value = mediaQuery?.matches === true;
+		}
+		const isSheet = computed(() => {
+			if (props.presentation === "adaptive") return isCompactTouch.value;
+			return props.presentation === "bottom-sheet";
+		});
 		const openModel = useModel(__props, "isOpen");
 		const localIsOpen = ref(false);
 		const isOpen = computed(() => openModel.value ?? localIsOpen.value);
@@ -1187,6 +1199,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (target != null && target.isConnected) target.focus();
 		}
 		function focusPanelOrFirstRow() {
+			if (isSheet.value) return;
 			if (!nav.focusFirst()) panel.value?.focus({ preventScroll: true });
 		}
 		function setOpen(next) {
@@ -1195,6 +1208,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			localIsOpen.value = next;
 			emit("openChange", next);
 		}
+		function onSheetOpen(open) {
+			if (open === false) closeMenu();
+		}
 		function closeMenu(options = {}) {
 			if (!isOpen.value) return;
 			const active = panel.value?.ownerDocument.activeElement;
@@ -1256,12 +1272,18 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		watch(isOpen, applyOpenState);
 		onMounted(() => {
+			if (typeof window.matchMedia === "function") {
+				mediaQuery = window.matchMedia(ADAPTIVE_QUERY);
+				syncCompactTouch();
+				mediaQuery.addEventListener?.("change", syncCompactTouch);
+			}
 			if (isOpen.value) applyOpenState(true);
 		});
 		watch(() => props.isDisabled, (isDisabled) => {
 			if (isDisabled) closeMenu();
 		});
 		onBeforeUnmount(() => {
+			mediaQuery?.removeEventListener?.("change", syncCompactTouch);
 			resetMenuPress();
 		});
 		__expose({
@@ -1272,63 +1294,79 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			open: () => openAt(0, 0)
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(resolveDynamicComponent(__props.triggerAs === "span" ? "span" : "div"), mergeProps({
-				ref_key: "trigger",
-				ref: trigger
-			}, triggerAttrs.value, {
-				class: "astryx-context-menu-trigger",
-				"data-disabled": __props.isDisabled || void 0,
-				"data-open": isOpen.value ? "open" : void 0,
-				onContextmenu: onTriggerContextMenu,
-				onPointercancel: unref(longPress).cancel,
-				onPointerdown: onTriggerPointerDown,
-				onPointermove: onTriggerPointerMove,
-				onPointerup: unref(longPress).cancel
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
-					ref_key: "cursorAnchor",
-					ref: cursorAnchor,
-					"aria-hidden": "true",
-					class: "astryx-context-menu-anchor",
-					style: normalizeStyle({
-						left: `${cursorPoint.value.x}px`,
-						top: `${cursorPoint.value.y}px`
-					})
-				}, null, 4)]),
-				_: 3
-			}, 16, [
-				"data-disabled",
-				"data-open",
-				"onPointercancel",
-				"onPointerup"
-			])), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
-				name: "astryx-context-menu",
-				persisted: ""
-			}, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", {
-					id: menuId,
-					ref_key: "panel",
-					ref: panel,
-					"aria-label": __props.label,
-					class: normalizeClass(["astryx-context-menu", unref(attrs).class]),
-					"data-overflow": unref(hasOverflow) || void 0,
-					"data-placement": unref(position).placement,
-					"data-size": __props.size,
-					"data-width": __props.menuWidth != null ? "custom" : void 0,
-					"data-astryx-menu-press": "",
-					role: "menu",
-					style: normalizeStyle([panelStyle.value, unref(attrs).style]),
-					tabindex: "-1",
-					onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
-					onKeydown: _cache[1] || (_cache[1] = (...args) => unref(nav).handleKeyDown && unref(nav).handleKeyDown(...args)),
-					onPointerdown: _cache[2] || (_cache[2] = (...args) => unref(menuPress).onPointerDown && unref(menuPress).onPointerDown(...args))
-				}, [__props.items != null ? (openBlock(), createBlock(_sfc_main$1, {
+			return openBlock(), createElementBlock(Fragment, null, [
+				(openBlock(), createBlock(resolveDynamicComponent(__props.triggerAs === "span" ? "span" : "div"), mergeProps({
+					ref_key: "trigger",
+					ref: trigger
+				}, triggerAttrs.value, {
+					class: "astryx-context-menu-trigger",
+					"data-disabled": __props.isDisabled || void 0,
+					"data-open": isOpen.value ? "open" : void 0,
+					onContextmenu: onTriggerContextMenu,
+					onPointercancel: unref(longPress).cancel,
+					onPointerdown: onTriggerPointerDown,
+					onPointermove: onTriggerPointerMove,
+					onPointerup: unref(longPress).cancel
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
+						ref_key: "cursorAnchor",
+						ref: cursorAnchor,
+						"aria-hidden": "true",
+						class: "astryx-context-menu-anchor",
+						style: normalizeStyle({
+							left: `${cursorPoint.value.x}px`,
+							top: `${cursorPoint.value.y}px`
+						})
+					}, null, 4)]),
+					_: 3
+				}, 16, [
+					"data-disabled",
+					"data-open",
+					"onPointercancel",
+					"onPointerup"
+				])),
+				(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+					name: "astryx-context-menu",
+					persisted: ""
+				}, {
+					default: withCtx(() => [withDirectives(createElementVNode("div", {
+						id: menuId,
+						ref_key: "panel",
+						ref: panel,
+						"aria-label": __props.label,
+						class: normalizeClass(["astryx-context-menu", unref(attrs).class]),
+						"data-overflow": unref(hasOverflow) || void 0,
+						"data-placement": unref(position).placement,
+						"data-size": __props.size,
+						"data-width": __props.menuWidth != null ? "custom" : void 0,
+						"data-astryx-menu-press": "",
+						role: "menu",
+						style: normalizeStyle([panelStyle.value, unref(attrs).style]),
+						tabindex: "-1",
+						onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+						onKeydown: _cache[1] || (_cache[1] = (...args) => unref(nav).handleKeyDown && unref(nav).handleKeyDown(...args)),
+						onPointerdown: _cache[2] || (_cache[2] = (...args) => unref(menuPress).onPointerDown && unref(menuPress).onPointerDown(...args))
+					}, [__props.items != null && !isSheet.value ? (openBlock(), createBlock(_sfc_main$1, {
+						key: 0,
+						items: __props.items,
+						onSelect
+					}, null, 8, ["items"])) : !isSheet.value ? renderSlot(_ctx.$slots, "content", {}, void 0, void 0, 1) : createCommentVNode("v-if", true)], 46, _hoisted_1), [[vShow, isOpen.value && !isSheet.value]])]),
+					_: 3
+				})])),
+				isSheet.value ? (openBlock(), createBlock(_sfc_main$6, {
 					key: 0,
-					items: __props.items,
-					onSelect
-				}, null, 8, ["items"])) : renderSlot(_ctx.$slots, "content", {}, void 0, void 0, 1)], 46, _hoisted_1), [[vShow, isOpen.value]])]),
-				_: 3
-			})]))], 64);
+					"is-open": isOpen.value,
+					label: __props.label,
+					"onUpdate:isOpen": onSheetOpen
+				}, {
+					default: withCtx(() => [__props.items != null ? (openBlock(), createBlock(_sfc_main$1, {
+						key: 0,
+						items: __props.items,
+						onSelect
+					}, null, 8, ["items"])) : renderSlot(_ctx.$slots, "content", {}, void 0, void 0, 1)]),
+					_: 3
+				}, 8, ["is-open", "label"])) : createCommentVNode("v-if", true)
+			], 64);
 		};
 	}
 });

package/dist/DateInput/index.d.ts

@@ -1,2 +1,2 @@
-import { i as DateInputSlots, n as DateInputEmits, r as DateInputProps, t as _default } from "../index-ZJyk8RtQ.js";
-export { _default as DateInput, type DateInputEmits, type DateInputProps, type DateInputSlots };
+import { ar as DateInputFormatName, cr as DateInputSlots, ir as DateInputFormat, lr as DateInputStatus, nr as _default, or as DateInputPresentation, rr as DateInputEmits, sr as DateInputProps, ur as DateInputStatusType } from "../index-DeOftUMq.js";
+export { _default as DateInput, type DateInputEmits, type DateInputFormat, type DateInputFormatName, type DateInputPresentation, type DateInputProps, type DateInputSlots, type DateInputStatus, type DateInputStatusType };