@auronui/vue 1.0.0

package/dist/composables/useCSSVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCSSVariable.js","names":[],"sources":["../../src/composables/useCSSVariable.ts"],"sourcesContent":["import { ref, watch, type Ref } from \"vue\";\nimport { useCssVar } from \"@vueuse/core\";\n\n/**\n * Reads a CSS custom property reactively using @vueuse/core useCssVar.\n *\n * @param el - Template ref to the target element\n * @param variable - CSS custom property name (e.g. \"--color-primary\")\n * @returns Ref<string> — reactive value of the CSS variable at the element\n */\nexport function useCSSVariable(\n  el: Ref<HTMLElement | null | undefined>,\n  variable: string\n): Ref<string> {\n  // useCssVar returns ShallowRef<string | undefined> — wrap in a string-typed ref\n  const raw = useCssVar(variable, el);\n  const value = ref<string>(raw.value ?? \"\");\n\n  watch(raw, (v) => {\n    value.value = v ?? \"\";\n  });\n\n  return value;\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,eACd,IACA,UACa;CAEb,MAAM,MAAM,UAAU,UAAU,GAAG;CACnC,MAAM,QAAQ,IAAY,IAAI,SAAS,GAAG;AAE1C,OAAM,MAAM,MAAM;AAChB,QAAM,QAAQ,KAAK;GACnB;AAEF,QAAO"}

package/dist/composables/useColorState.js

@@ -0,0 +1,46 @@
+import { ref, watch } from "vue";
+import { colorToHex, colorToString, getChannelValue, parseColor, setChannelValue, setChannelValues } from "reka-ui";
+//#region src/composables/useColorState.ts
+function toColor(value) {
+	if (typeof value === "string") return parseColor(value);
+	return value;
+}
+function useColorState(props = {}) {
+	const color = ref(props.value !== void 0 ? toColor(props.value) : props.defaultValue !== void 0 ? toColor(props.defaultValue) : parseColor("#000000"));
+	watch(() => props.value, (next) => {
+		if (next !== void 0) color.value = toColor(next);
+	});
+	function getChannel(channel) {
+		return getChannelValue(color.value, channel);
+	}
+	function _emit() {
+		const serialized = colorToString(color.value, props.format ?? "hex");
+		props.onChange?.(serialized, color.value);
+	}
+	function setChannel(channel, value) {
+		color.value = setChannelValue(color.value, channel, value);
+		_emit();
+	}
+	function setChannels(values) {
+		color.value = setChannelValues(color.value, values);
+		_emit();
+	}
+	function toString(format) {
+		return colorToString(color.value, format ?? props.format ?? "hex");
+	}
+	function toHex() {
+		return colorToHex(color.value);
+	}
+	return {
+		color,
+		getChannel,
+		setChannel,
+		setChannels,
+		toString,
+		toHex
+	};
+}
+//#endregion
+export { useColorState };
+
+//# sourceMappingURL=useColorState.js.map

package/dist/composables/useColorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorState.js","names":[],"sources":["../../src/composables/useColorState.ts"],"sourcesContent":["import { ref, watch, type Ref } from 'vue'\nimport {\n  parseColor,\n  colorToHex,\n  colorToString,\n  getChannelValue,\n  setChannelValue,\n  setChannelValues,\n  type Color,\n  type ColorChannel,\n  type ColorFormat,\n} from 'reka-ui'\n\nexport type { ColorFormat }\n\nexport interface UseColorStateProps {\n  /** Controlled Color value or string (hex/hsl/rgb). When provided, the internal\n   *  ref syncs to this value whenever it changes. */\n  value?: string | Color\n  /** Uncontrolled initial value. Only applied when `value` is not provided. */\n  defaultValue?: string | Color\n  /** Output format for toString() and the onChange callback. Defaults to 'hex'. */\n  format?: ColorFormat\n  /** Fires with the serialized color string whenever the color changes. */\n  onChange?: (value: string, color: Color) => void\n}\n\nexport interface UseColorStateReturn {\n  /** Reactive Color ref. */\n  color: Ref<Color>\n  /** Read a channel value from the current color. */\n  getChannel: (channel: ColorChannel) => number\n  /** Set a single channel value and fire onChange. */\n  setChannel: (channel: ColorChannel, value: number) => void\n  /** Set multiple channel values in one batched update and fire onChange once.\n   *  Accepts the Array<{channel, value}> form required by Reka UI's setChannelValues. */\n  setChannels: (values: Array<{ channel: ColorChannel; value: number }>) => void\n  /** Serialize the current color to a string. Uses `format` prop by default. */\n  toString: (format?: ColorFormat) => string\n  /** Get the current color as a hex string (e.g. '#ff0000'). */\n  toHex: () => string\n}\n\nfunction toColor(value: string | Color): Color {\n  if (typeof value === 'string') {\n    return parseColor(value)\n  }\n  return value\n}\n\nexport function useColorState(props: UseColorStateProps = {}): UseColorStateReturn {\n  const initial = props.value !== undefined\n    ? toColor(props.value)\n    : props.defaultValue !== undefined\n      ? toColor(props.defaultValue)\n      : parseColor('#000000')\n\n  const color = ref<Color>(initial)\n\n  // Controlled mode: sync when props.value changes externally.\n  watch(\n    () => props.value,\n    (next) => {\n      if (next !== undefined) {\n        color.value = toColor(next)\n      }\n    },\n  )\n\n  function getChannel(channel: ColorChannel): number {\n    return getChannelValue(color.value, channel)\n  }\n\n  function _emit(): void {\n    const serialized = colorToString(color.value, props.format ?? 'hex')\n    props.onChange?.(serialized, color.value)\n  }\n\n  function setChannel(channel: ColorChannel, value: number): void {\n    color.value = setChannelValue(color.value, channel, value)\n    _emit()\n  }\n\n  function setChannels(values: Array<{ channel: ColorChannel; value: number }>): void {\n    color.value = setChannelValues(color.value, values)\n    _emit()\n  }\n\n  function toString(format?: ColorFormat): string {\n    return colorToString(color.value, format ?? props.format ?? 'hex')\n  }\n\n  function toHex(): string {\n    return colorToHex(color.value)\n  }\n\n  return {\n    color,\n    getChannel,\n    setChannel,\n    setChannels,\n    toString,\n    toHex,\n  }\n}\n"],"mappings":";;;AA2CA,SAAS,QAAQ,OAA8B;AAC7C,KAAI,OAAO,UAAU,SACnB,QAAO,WAAW,MAAM;AAE1B,QAAO;;AAGT,SAAgB,cAAc,QAA4B,EAAE,EAAuB;CAOjF,MAAM,QAAQ,IANE,MAAM,UAAU,KAAA,IAC5B,QAAQ,MAAM,MAAM,GACpB,MAAM,iBAAiB,KAAA,IACrB,QAAQ,MAAM,aAAa,GAC3B,WAAW,UAAU,CAEM;AAGjC,aACQ,MAAM,QACX,SAAS;AACR,MAAI,SAAS,KAAA,EACX,OAAM,QAAQ,QAAQ,KAAK;GAGhC;CAED,SAAS,WAAW,SAA+B;AACjD,SAAO,gBAAgB,MAAM,OAAO,QAAQ;;CAG9C,SAAS,QAAc;EACrB,MAAM,aAAa,cAAc,MAAM,OAAO,MAAM,UAAU,MAAM;AACpE,QAAM,WAAW,YAAY,MAAM,MAAM;;CAG3C,SAAS,WAAW,SAAuB,OAAqB;AAC9D,QAAM,QAAQ,gBAAgB,MAAM,OAAO,SAAS,MAAM;AAC1D,SAAO;;CAGT,SAAS,YAAY,QAA+D;AAClF,QAAM,QAAQ,iBAAiB,MAAM,OAAO,OAAO;AACnD,SAAO;;CAGT,SAAS,SAAS,QAA8B;AAC9C,SAAO,cAAc,MAAM,OAAO,UAAU,MAAM,UAAU,MAAM;;CAGpE,SAAS,QAAgB;AACvB,SAAO,WAAW,MAAM,MAAM;;AAGhC,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/useIsHydrated.js

@@ -0,0 +1,34 @@
+import { onMounted, ref } from "vue";
+//#region src/composables/useIsHydrated.ts
+/**
+* Returns a reactive boolean ref that is `false` during SSR and before
+* hydration, and `true` after the component has hydrated in the browser.
+*
+* SSR safety: The ref is initialized to `false`. During SSR, `onMounted`
+* never runs, so server-rendered markup will always see `false`. On the
+* client, `onMounted` fires after Vue's DOM patching (hydration) completes,
+* setting the ref to `true`.
+*
+* @remarks
+* If a component conditionally renders different markup based on `isHydrated`,
+* it must either match the server output exactly or wrap the conditional
+* content in `<ClientOnly>` (Nuxt) / `<Suspense>` to avoid hydration mismatches.
+*
+* @example
+* ```ts
+* const isHydrated = useIsHydrated()
+* // isHydrated.value === false (during SSR, safe for server rendering)
+* // isHydrated.value === true  (after client hydration completes)
+* ```
+*/
+function useIsHydrated() {
+	const isHydrated = ref(false);
+	onMounted(() => {
+		isHydrated.value = true;
+	});
+	return isHydrated;
+}
+//#endregion
+export { useIsHydrated };
+
+//# sourceMappingURL=useIsHydrated.js.map

package/dist/composables/useIsHydrated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsHydrated.js","names":[],"sources":["../../src/composables/useIsHydrated.ts"],"sourcesContent":["import { ref, onMounted, type Ref } from \"vue\";\n\n/**\n * Returns a reactive boolean ref that is `false` during SSR and before\n * hydration, and `true` after the component has hydrated in the browser.\n *\n * SSR safety: The ref is initialized to `false`. During SSR, `onMounted`\n * never runs, so server-rendered markup will always see `false`. On the\n * client, `onMounted` fires after Vue's DOM patching (hydration) completes,\n * setting the ref to `true`.\n *\n * @remarks\n * If a component conditionally renders different markup based on `isHydrated`,\n * it must either match the server output exactly or wrap the conditional\n * content in `<ClientOnly>` (Nuxt) / `<Suspense>` to avoid hydration mismatches.\n *\n * @example\n * ```ts\n * const isHydrated = useIsHydrated()\n * // isHydrated.value === false (during SSR, safe for server rendering)\n * // isHydrated.value === true  (after client hydration completes)\n * ```\n */\nexport function useIsHydrated(): Ref<boolean> {\n  const isHydrated = ref(false);\n\n  onMounted(() => {\n    isHydrated.value = true;\n  });\n\n  return isHydrated;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,gBAA8B;CAC5C,MAAM,aAAa,IAAI,MAAM;AAE7B,iBAAgB;AACd,aAAW,QAAQ;GACnB;AAEF,QAAO"}

package/dist/composables/useIsMounted.js

@@ -0,0 +1,24 @@
+import { onMounted, ref } from "vue";
+//#region src/composables/useIsMounted.ts
+/**
+* Returns a reactive boolean ref that is `false` during SSR and before mount,
+* and `true` after the component has mounted in the browser.
+*
+* @example
+* ```ts
+* const isMounted = useIsMounted()
+* // isMounted.value === false (during SSR or before onMounted)
+* // isMounted.value === true  (after onMounted fires)
+* ```
+*/
+function useIsMounted() {
+	const isMounted = ref(false);
+	onMounted(() => {
+		isMounted.value = true;
+	});
+	return isMounted;
+}
+//#endregion
+export { useIsMounted };
+
+//# sourceMappingURL=useIsMounted.js.map

package/dist/composables/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","names":[],"sources":["../../src/composables/useIsMounted.ts"],"sourcesContent":["import { ref, onMounted, type Ref } from \"vue\";\n\n/**\n * Returns a reactive boolean ref that is `false` during SSR and before mount,\n * and `true` after the component has mounted in the browser.\n *\n * @example\n * ```ts\n * const isMounted = useIsMounted()\n * // isMounted.value === false (during SSR or before onMounted)\n * // isMounted.value === true  (after onMounted fires)\n * ```\n */\nexport function useIsMounted(): Ref<boolean> {\n  const isMounted = ref(false);\n\n  onMounted(() => {\n    isMounted.value = true;\n  });\n\n  return isMounted;\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,eAA6B;CAC3C,MAAM,YAAY,IAAI,MAAM;AAE5B,iBAAgB;AACd,YAAU,QAAQ;GAClB;AAEF,QAAO"}

package/dist/composables/useListData.js

@@ -0,0 +1,85 @@
+import { computed, ref } from "vue";
+//#region src/composables/useListData.ts
+/**
+* useListData — Vue port of @react-stately/data useListData
+*
+* Original: https://github.com/adobe/react-spectrum/blob/main/packages/@react-stately/data/src/useListData.ts
+* Copyright 2020 Adobe. All rights reserved.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Adapted for Vue 3 by Auron contributors. Uses Vue refs instead of React state.
+*/
+/**
+* Manages list state: filter text, selected keys, and item CRUD operations.
+* Ported from @react-stately/data (Apache 2.0).
+*/
+function useListData(options) {
+	const { initialItems = [], initialSelectedKeys, initialFilterText = "", getKey = (item) => item["key"] ?? item["id"], filter } = options;
+	const allItems = ref([...initialItems]);
+	const filterText = ref(initialFilterText);
+	let initKeys;
+	if (initialSelectedKeys === "all") initKeys = "all";
+	else if (initialSelectedKeys) initKeys = new Set(initialSelectedKeys);
+	else initKeys = /* @__PURE__ */ new Set();
+	const selectedKeys = ref(initKeys);
+	const items = computed(() => {
+		if (filter && filterText.value) return allItems.value.filter((item) => filter(item, filterText.value));
+		return allItems.value;
+	});
+	function setSelectedKeys(keys) {
+		if (keys === "all") selectedKeys.value = "all";
+		else selectedKeys.value = new Set(keys);
+	}
+	function setFilterText(text) {
+		filterText.value = text;
+	}
+	function append(...newItems) {
+		allItems.value = [...allItems.value, ...newItems];
+	}
+	function prepend(...newItems) {
+		allItems.value = [...newItems, ...allItems.value];
+	}
+	function remove(...keys) {
+		const keySet = new Set(keys);
+		allItems.value = allItems.value.filter((item) => !keySet.has(getKey(item)));
+	}
+	function move(key, toIndex) {
+		const list = [...allItems.value];
+		const fromIndex = list.findIndex((item) => getKey(item) === key);
+		if (fromIndex === -1) return;
+		const [moved] = list.splice(fromIndex, 1);
+		list.splice(toIndex, 0, moved);
+		allItems.value = list;
+	}
+	function update(key, newItem) {
+		allItems.value = allItems.value.map((item) => getKey(item) === key ? newItem : item);
+	}
+	function insert(index, ...newItems) {
+		const list = [...allItems.value];
+		list.splice(index, 0, ...newItems);
+		allItems.value = list;
+	}
+	function getItem(key) {
+		return allItems.value.find((item) => getKey(item) === key);
+	}
+	return {
+		items,
+		selectedKeys,
+		filterText,
+		setSelectedKeys,
+		setFilterText,
+		append,
+		prepend,
+		remove,
+		move,
+		update,
+		insert,
+		getItem
+	};
+}
+//#endregion
+export { useListData };
+
+//# sourceMappingURL=useListData.js.map

package/dist/composables/useListData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListData.js","names":[],"sources":["../../src/composables/useListData.ts"],"sourcesContent":["/**\n * useListData — Vue port of @react-stately/data useListData\n *\n * Original: https://github.com/adobe/react-spectrum/blob/main/packages/@react-stately/data/src/useListData.ts\n * Copyright 2020 Adobe. All rights reserved.\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Adapted for Vue 3 by Auron contributors. Uses Vue refs instead of React state.\n */\n\nimport { ref, computed, type Ref, type ComputedRef } from \"vue\";\n\nexport type Key = string | number;\n\nexport interface ListOptions<T> {\n  /** Initial items for the list */\n  initialItems?: T[];\n  /** Initial set of selected keys */\n  initialSelectedKeys?: \"all\" | Iterable<Key>;\n  /** Initial filter text */\n  initialFilterText?: string;\n  /** Returns a unique key for a given item. Defaults to item.key ?? item.id */\n  getKey?: (item: T) => Key;\n  /** Filter function. Called with each item and current filterText. Defaults to always-true. */\n  filter?: (item: T, filterText: string) => boolean;\n}\n\nexport interface ListData<T> {\n  /** All items (filtered if filterText is set and a filter fn is provided) */\n  items: ComputedRef<T[]>;\n  /** Current selection */\n  selectedKeys: Ref<\"all\" | Set<Key>>;\n  /** Current filter text */\n  filterText: Ref<string>;\n  /** Replace the selection */\n  setSelectedKeys(keys: \"all\" | Iterable<Key>): void;\n  /** Update the filter text */\n  setFilterText(text: string): void;\n  /** Add items to the end of the list */\n  append(...items: T[]): void;\n  /** Add items to the beginning of the list */\n  prepend(...items: T[]): void;\n  /** Remove items by key */\n  remove(...keys: Key[]): void;\n  /** Move an item to a target index */\n  move(key: Key, toIndex: number): void;\n  /** Replace an item by key */\n  update(key: Key, newItem: T): void;\n  /** Insert items at a given index */\n  insert(index: number, ...items: T[]): void;\n  /** Get a single item by key */\n  getItem(key: Key): T | undefined;\n}\n\n/**\n * Manages list state: filter text, selected keys, and item CRUD operations.\n * Ported from @react-stately/data (Apache 2.0).\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useListData<T extends Record<string, any>>(\n  options: ListOptions<T>\n): ListData<T> {\n  const {\n    initialItems = [],\n    initialSelectedKeys,\n    initialFilterText = \"\",\n    getKey = (item: T) => (item[\"key\"] ?? item[\"id\"]) as Key,\n    filter,\n  } = options;\n\n  const allItems = ref<T[]>([...initialItems]) as Ref<T[]>;\n  const filterText = ref<string>(initialFilterText);\n\n  let initKeys: \"all\" | Set<Key>;\n  if (initialSelectedKeys === \"all\") {\n    initKeys = \"all\";\n  } else if (initialSelectedKeys) {\n    initKeys = new Set<Key>(initialSelectedKeys);\n  } else {\n    initKeys = new Set<Key>();\n  }\n  const selectedKeys = ref<\"all\" | Set<Key>>(initKeys) as Ref<\"all\" | Set<Key>>;\n\n  const items = computed<T[]>(() => {\n    if (filter && filterText.value) {\n      return allItems.value.filter((item) => filter(item, filterText.value));\n    }\n    return allItems.value;\n  });\n\n  function setSelectedKeys(keys: \"all\" | Iterable<Key>): void {\n    if (keys === \"all\") {\n      selectedKeys.value = \"all\";\n    } else {\n      selectedKeys.value = new Set<Key>(keys);\n    }\n  }\n\n  function setFilterText(text: string): void {\n    filterText.value = text;\n  }\n\n  function append(...newItems: T[]): void {\n    allItems.value = [...allItems.value, ...newItems];\n  }\n\n  function prepend(...newItems: T[]): void {\n    allItems.value = [...newItems, ...allItems.value];\n  }\n\n  function remove(...keys: Key[]): void {\n    const keySet = new Set(keys);\n    allItems.value = allItems.value.filter((item) => !keySet.has(getKey(item)));\n  }\n\n  function move(key: Key, toIndex: number): void {\n    const list = [...allItems.value];\n    const fromIndex = list.findIndex((item) => getKey(item) === key);\n    if (fromIndex === -1) return;\n    const [moved] = list.splice(fromIndex, 1);\n    list.splice(toIndex, 0, moved);\n    allItems.value = list;\n  }\n\n  function update(key: Key, newItem: T): void {\n    allItems.value = allItems.value.map((item) => (getKey(item) === key ? newItem : item));\n  }\n\n  function insert(index: number, ...newItems: T[]): void {\n    const list = [...allItems.value];\n    list.splice(index, 0, ...newItems);\n    allItems.value = list;\n  }\n\n  function getItem(key: Key): T | undefined {\n    return allItems.value.find((item) => getKey(item) === key);\n  }\n\n  return {\n    items,\n    selectedKeys,\n    filterText,\n    setSelectedKeys,\n    setFilterText,\n    append,\n    prepend,\n    remove,\n    move,\n    update,\n    insert,\n    getItem,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA6DA,SAAgB,YACd,SACa;CACb,MAAM,EACJ,eAAe,EAAE,EACjB,qBACA,oBAAoB,IACpB,UAAU,SAAa,KAAK,UAAU,KAAK,OAC3C,WACE;CAEJ,MAAM,WAAW,IAAS,CAAC,GAAG,aAAa,CAAC;CAC5C,MAAM,aAAa,IAAY,kBAAkB;CAEjD,IAAI;AACJ,KAAI,wBAAwB,MAC1B,YAAW;UACF,oBACT,YAAW,IAAI,IAAS,oBAAoB;KAE5C,4BAAW,IAAI,KAAU;CAE3B,MAAM,eAAe,IAAsB,SAAS;CAEpD,MAAM,QAAQ,eAAoB;AAChC,MAAI,UAAU,WAAW,MACvB,QAAO,SAAS,MAAM,QAAQ,SAAS,OAAO,MAAM,WAAW,MAAM,CAAC;AAExE,SAAO,SAAS;GAChB;CAEF,SAAS,gBAAgB,MAAmC;AAC1D,MAAI,SAAS,MACX,cAAa,QAAQ;MAErB,cAAa,QAAQ,IAAI,IAAS,KAAK;;CAI3C,SAAS,cAAc,MAAoB;AACzC,aAAW,QAAQ;;CAGrB,SAAS,OAAO,GAAG,UAAqB;AACtC,WAAS,QAAQ,CAAC,GAAG,SAAS,OAAO,GAAG,SAAS;;CAGnD,SAAS,QAAQ,GAAG,UAAqB;AACvC,WAAS,QAAQ,CAAC,GAAG,UAAU,GAAG,SAAS,MAAM;;CAGnD,SAAS,OAAO,GAAG,MAAmB;EACpC,MAAM,SAAS,IAAI,IAAI,KAAK;AAC5B,WAAS,QAAQ,SAAS,MAAM,QAAQ,SAAS,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC;;CAG7E,SAAS,KAAK,KAAU,SAAuB;EAC7C,MAAM,OAAO,CAAC,GAAG,SAAS,MAAM;EAChC,MAAM,YAAY,KAAK,WAAW,SAAS,OAAO,KAAK,KAAK,IAAI;AAChE,MAAI,cAAc,GAAI;EACtB,MAAM,CAAC,SAAS,KAAK,OAAO,WAAW,EAAE;AACzC,OAAK,OAAO,SAAS,GAAG,MAAM;AAC9B,WAAS,QAAQ;;CAGnB,SAAS,OAAO,KAAU,SAAkB;AAC1C,WAAS,QAAQ,SAAS,MAAM,KAAK,SAAU,OAAO,KAAK,KAAK,MAAM,UAAU,KAAM;;CAGxF,SAAS,OAAO,OAAe,GAAG,UAAqB;EACrD,MAAM,OAAO,CAAC,GAAG,SAAS,MAAM;AAChC,OAAK,OAAO,OAAO,GAAG,GAAG,SAAS;AAClC,WAAS,QAAQ;;CAGnB,SAAS,QAAQ,KAAyB;AACxC,SAAO,SAAS,MAAM,MAAM,SAAS,OAAO,KAAK,KAAK,IAAI;;AAG5D,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/useMeasuredHeight.js

@@ -0,0 +1,26 @@
+import { ref, watch } from "vue";
+import { useResizeObserver } from "@vueuse/core";
+//#region src/composables/useMeasuredHeight.ts
+/**
+* Tracks an element's offsetHeight reactively using @vueuse/core useResizeObserver.
+* Returns 0 before mount or when element is null.
+*
+* @param el - Template ref to the target element
+* @returns Ref<number> — reactive element height in pixels
+*/
+function useMeasuredHeight(el) {
+	const height = ref(0);
+	useResizeObserver(el, (entries) => {
+		const entry = entries[0];
+		if (entry) height.value = entry.target instanceof HTMLElement ? entry.target.offsetHeight : 0;
+	});
+	watch(el, (element) => {
+		if (element) height.value = element.offsetHeight;
+		else height.value = 0;
+	}, { immediate: true });
+	return height;
+}
+//#endregion
+export { useMeasuredHeight };
+
+//# sourceMappingURL=useMeasuredHeight.js.map

package/dist/composables/useMeasuredHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeasuredHeight.js","names":[],"sources":["../../src/composables/useMeasuredHeight.ts"],"sourcesContent":["import { ref, watch, type Ref } from \"vue\";\nimport { useResizeObserver } from \"@vueuse/core\";\n\n/**\n * Tracks an element's offsetHeight reactively using @vueuse/core useResizeObserver.\n * Returns 0 before mount or when element is null.\n *\n * @param el - Template ref to the target element\n * @returns Ref<number> — reactive element height in pixels\n */\nexport function useMeasuredHeight(el: Ref<HTMLElement | null | undefined>): Ref<number> {\n  const height = ref<number>(0);\n\n  useResizeObserver(el, (entries) => {\n    const entry = entries[0];\n    if (entry) {\n      height.value = entry.target instanceof HTMLElement ? entry.target.offsetHeight : 0;\n    }\n  });\n\n  // Set initial height when element becomes available\n  watch(\n    el,\n    (element) => {\n      if (element) {\n        height.value = element.offsetHeight;\n      } else {\n        height.value = 0;\n      }\n    },\n    { immediate: true }\n  );\n\n  return height;\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,kBAAkB,IAAsD;CACtF,MAAM,SAAS,IAAY,EAAE;AAE7B,mBAAkB,KAAK,YAAY;EACjC,MAAM,QAAQ,QAAQ;AACtB,MAAI,MACF,QAAO,QAAQ,MAAM,kBAAkB,cAAc,MAAM,OAAO,eAAe;GAEnF;AAGF,OACE,KACC,YAAY;AACX,MAAI,QACF,QAAO,QAAQ,QAAQ;MAEvB,QAAO,QAAQ;IAGnB,EAAE,WAAW,MAAM,CACpB;AAED,QAAO"}

package/dist/composables/useMediaQuery.js

@@ -0,0 +1,29 @@
+import { useMediaQuery } from "@vueuse/core";
+//#region src/composables/useMediaQuery.ts
+/**
+* Returns a reactive boolean ref that tracks whether a CSS media query matches.
+*
+* Thin wrapper over `@vueuse/core`'s `useMediaQuery`. Provides a stable
+* import path within the Auron package, decoupling component code from the
+* `@vueuse/core` peer dependency API surface.
+*
+* In jsdom test environments, `window.matchMedia` is not implemented — tests
+* must stub it with `vi.stubGlobal('matchMedia', ...)` before calling this
+* composable (see threat model T-00-15).
+*
+* @param query - A valid CSS media query string, e.g. `"(max-width: 768px)"`
+* @returns A `Ref<boolean>` that is `true` when the media query matches
+*
+* @example
+* ```ts
+* const isMobile = useMediaQuery("(max-width: 768px)")
+* // isMobile.value === true when viewport width <= 768px
+* ```
+*/
+function useMediaQuery$1(query) {
+	return useMediaQuery(query);
+}
+//#endregion
+export { useMediaQuery$1 as useMediaQuery };
+
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/composables/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","names":[],"sources":["../../src/composables/useMediaQuery.ts"],"sourcesContent":["import { useMediaQuery as useVueUseMediaQuery } from \"@vueuse/core\";\nimport type { Ref } from \"vue\";\n\n/**\n * Returns a reactive boolean ref that tracks whether a CSS media query matches.\n *\n * Thin wrapper over `@vueuse/core`'s `useMediaQuery`. Provides a stable\n * import path within the Auron package, decoupling component code from the\n * `@vueuse/core` peer dependency API surface.\n *\n * In jsdom test environments, `window.matchMedia` is not implemented — tests\n * must stub it with `vi.stubGlobal('matchMedia', ...)` before calling this\n * composable (see threat model T-00-15).\n *\n * @param query - A valid CSS media query string, e.g. `\"(max-width: 768px)\"`\n * @returns A `Ref<boolean>` that is `true` when the media query matches\n *\n * @example\n * ```ts\n * const isMobile = useMediaQuery(\"(max-width: 768px)\")\n * // isMobile.value === true when viewport width <= 768px\n * ```\n */\nexport function useMediaQuery(query: string): Ref<boolean> {\n  return useVueUseMediaQuery(query);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,gBAAc,OAA6B;AACzD,QAAO,cAAoB,MAAM"}

package/dist/composables/useOverlayState.js

@@ -0,0 +1,54 @@
+import { computed, ref } from "vue";
+//#region src/composables/useOverlayState.ts
+/**
+* Composable for controlled/uncontrolled overlay open state.
+*
+* This is the central state primitive for all overlay components in Auron
+* (Popover, Modal, Tooltip, Select, Dropdown, etc.). Getting this duality
+* right here prevents rework in 15+ components.
+*
+* **Controlled mode** (modelValue provided):
+* - `isOpen` mirrors `modelValue`
+* - `setOpen` fires `onOpenChange` but does NOT change `internalOpen`
+* - The parent component owns the state; it must update `modelValue` via
+*   its `onOpenChange` handler to reflect the change (T-00-13 mitigation)
+*
+* **Uncontrolled mode** (no modelValue):
+* - `isOpen` mirrors internal `internalOpen` ref
+* - `setOpen(true/false)` mutates `internalOpen` directly
+* - `defaultOpen` sets the initial value (defaults to `false`)
+*
+* @example Uncontrolled
+* ```ts
+* const { isOpen, open, close } = useOverlayState({ defaultOpen: false })
+* ```
+*
+* @example Controlled (v-model)
+* ```ts
+* const props = defineProps<{ modelValue?: boolean }>()
+* const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
+* const { isOpen, setOpen } = useOverlayState({
+*   modelValue: props.modelValue,
+*   onOpenChange: (v) => emit('update:modelValue', v),
+* })
+* ```
+*/
+function useOverlayState(props = {}) {
+	const internalOpen = ref(props.defaultOpen ?? false);
+	const isOpen = computed(() => props.modelValue !== void 0 ? props.modelValue : internalOpen.value);
+	function setOpen(next) {
+		props.onOpenChange?.(next);
+		if (props.modelValue === void 0) internalOpen.value = next;
+	}
+	return {
+		isOpen,
+		setOpen,
+		open: () => setOpen(true),
+		close: () => setOpen(false),
+		toggle: () => setOpen(!isOpen.value)
+	};
+}
+//#endregion
+export { useOverlayState };
+
+//# sourceMappingURL=useOverlayState.js.map

package/dist/composables/useOverlayState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayState.js","names":[],"sources":["../../src/composables/useOverlayState.ts"],"sourcesContent":["import { ref, computed, type ComputedRef } from \"vue\";\n\n/**\n * Props accepted by `useOverlayState`.\n *\n * Supports both controlled and uncontrolled usage patterns:\n * - **Controlled**: provide `modelValue` (the parent owns open/close state)\n * - **Uncontrolled**: omit `modelValue`, optionally provide `defaultOpen`\n */\nexport interface UseOverlayStateProps {\n  /**\n   * Controlled open state. When provided, `isOpen` reflects this value\n   * and calling `setOpen` will NOT mutate internal state — use `onOpenChange`\n   * to update the external state instead.\n   *\n   * Corresponds to Vue's `v-model` binding on overlay components.\n   */\n  modelValue?: boolean;\n\n  /**\n   * Initial open state for uncontrolled mode. Only applied when `modelValue`\n   * is not provided. Defaults to `false`.\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Callback fired whenever `setOpen` is called, regardless of controlled or\n   * uncontrolled mode. In controlled mode, this is the primary way for the\n   * parent to react to open/close requests and update its state.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Return value of `useOverlayState`.\n */\nexport interface UseOverlayStateReturn {\n  /** Reactive computed ref reflecting the current open state. */\n  isOpen: ComputedRef<boolean>;\n  /**\n   * Set the open state to an explicit value.\n   * Always fires `onOpenChange`. In uncontrolled mode, also updates internal state.\n   * In controlled mode (modelValue provided), does NOT mutate internal state.\n   */\n  setOpen: (next: boolean) => void;\n  /** Shorthand: `setOpen(true)` */\n  open: () => void;\n  /** Shorthand: `setOpen(false)` */\n  close: () => void;\n  /** Shorthand: `setOpen(!isOpen.value)` */\n  toggle: () => void;\n}\n\n/**\n * Composable for controlled/uncontrolled overlay open state.\n *\n * This is the central state primitive for all overlay components in Auron\n * (Popover, Modal, Tooltip, Select, Dropdown, etc.). Getting this duality\n * right here prevents rework in 15+ components.\n *\n * **Controlled mode** (modelValue provided):\n * - `isOpen` mirrors `modelValue`\n * - `setOpen` fires `onOpenChange` but does NOT change `internalOpen`\n * - The parent component owns the state; it must update `modelValue` via\n *   its `onOpenChange` handler to reflect the change (T-00-13 mitigation)\n *\n * **Uncontrolled mode** (no modelValue):\n * - `isOpen` mirrors internal `internalOpen` ref\n * - `setOpen(true/false)` mutates `internalOpen` directly\n * - `defaultOpen` sets the initial value (defaults to `false`)\n *\n * @example Uncontrolled\n * ```ts\n * const { isOpen, open, close } = useOverlayState({ defaultOpen: false })\n * ```\n *\n * @example Controlled (v-model)\n * ```ts\n * const props = defineProps<{ modelValue?: boolean }>()\n * const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()\n * const { isOpen, setOpen } = useOverlayState({\n *   modelValue: props.modelValue,\n *   onOpenChange: (v) => emit('update:modelValue', v),\n * })\n * ```\n */\nexport function useOverlayState(props: UseOverlayStateProps = {}): UseOverlayStateReturn {\n  const internalOpen = ref(props.defaultOpen ?? false);\n\n  const isOpen = computed(() =>\n    props.modelValue !== undefined ? props.modelValue : internalOpen.value\n  );\n\n  function setOpen(next: boolean): void {\n    props.onOpenChange?.(next);\n    if (props.modelValue === undefined) {\n      internalOpen.value = next;\n    }\n  }\n\n  return {\n    isOpen,\n    setOpen,\n    open: () => setOpen(true),\n    close: () => setOpen(false),\n    toggle: () => setOpen(!isOpen.value),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,SAAgB,gBAAgB,QAA8B,EAAE,EAAyB;CACvF,MAAM,eAAe,IAAI,MAAM,eAAe,MAAM;CAEpD,MAAM,SAAS,eACb,MAAM,eAAe,KAAA,IAAY,MAAM,aAAa,aAAa,MAClE;CAED,SAAS,QAAQ,MAAqB;AACpC,QAAM,eAAe,KAAK;AAC1B,MAAI,MAAM,eAAe,KAAA,EACvB,cAAa,QAAQ;;AAIzB,QAAO;EACL;EACA;EACA,YAAY,QAAQ,KAAK;EACzB,aAAa,QAAQ,MAAM;EAC3B,cAAc,QAAQ,CAAC,OAAO,MAAM;EACrC"}

package/dist/composables/useToast.js

@@ -0,0 +1,87 @@
+import { readonly, ref } from "vue";
+//#region src/composables/useToast.ts
+/**
+* useToast — imperative API for programmatic toast creation (D-12).
+*
+* Architecture:
+*   - Reka UI Toast requires components to be in the template.
+*   - This composable provides a reactive store of toast instances that
+*     ToastViewport reads via inject/provide (or shared module state).
+*   - ToastProvider.vue must be mounted once at app root (D-13).
+*   - Example:
+*       const { toast, dismiss, toasts } = useToast()
+*       toast({ title: 'Done', description: 'Saved!', duration: 3000 })
+*
+* Toast limit (T-06-03): Max 5 concurrent toasts; oldest is dismissed on overflow.
+*/
+/** Max concurrent toasts (T-06-03: DoS mitigation) */
+var MAX_TOASTS = 5;
+/** Minimum duration clamp (ms) */
+var MIN_DURATION = 100;
+/** Maximum duration clamp (ms) */
+var MAX_DURATION = 3e4;
+/** Shared reactive state — module-level singleton shared across all useToast() calls */
+var toasts = ref([]);
+var idCounter = 0;
+function generateId() {
+	return `toast-${++idCounter}-${Date.now()}`;
+}
+function clampDuration(duration) {
+	return Math.min(Math.max(duration, MIN_DURATION), MAX_DURATION);
+}
+/**
+* Returns the imperative toast control API.
+*
+* Mount `<ToastProvider>` once at app root before calling `toast()`.
+*/
+function useToast() {
+	/**
+	* Create a new toast. If the MAX_TOASTS limit is reached, the oldest toast
+	* is dismissed first (T-06-03).
+	*/
+	function toast(options) {
+		const id = generateId();
+		if (toasts.value.length >= MAX_TOASTS) {
+			const oldest = toasts.value[0];
+			if (oldest) dismiss(oldest.id);
+		}
+		const instance = {
+			id,
+			title: options.title,
+			description: options.description ?? "",
+			duration: clampDuration(options.duration ?? 5e3),
+			position: options.position ?? "bottom-right",
+			variant: options.variant ?? "default",
+			open: true,
+			action: options.action
+		};
+		toasts.value = [...toasts.value, instance];
+		return id;
+	}
+	/**
+	* Programmatically dismiss a toast by its ID.
+	* Sets `open = false` which triggers exit animation in Toast.vue.
+	*/
+	function dismiss(id) {
+		toasts.value = toasts.value.map((t) => t.id === id ? {
+			...t,
+			open: false
+		} : t);
+	}
+	/**
+	* Remove a toast from the list entirely (called after exit animation completes).
+	*/
+	function remove(id) {
+		toasts.value = toasts.value.filter((t) => t.id !== id);
+	}
+	return {
+		toasts: readonly(toasts),
+		toast,
+		dismiss,
+		remove
+	};
+}
+//#endregion
+export { useToast };
+
+//# sourceMappingURL=useToast.js.map

package/dist/composables/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["/**\n * useToast — imperative API for programmatic toast creation (D-12).\n *\n * Architecture:\n *   - Reka UI Toast requires components to be in the template.\n *   - This composable provides a reactive store of toast instances that\n *     ToastViewport reads via inject/provide (or shared module state).\n *   - ToastProvider.vue must be mounted once at app root (D-13).\n *   - Example:\n *       const { toast, dismiss, toasts } = useToast()\n *       toast({ title: 'Done', description: 'Saved!', duration: 3000 })\n *\n * Toast limit (T-06-03): Max 5 concurrent toasts; oldest is dismissed on overflow.\n */\n\nimport { ref, readonly } from 'vue'\n\nexport type ToastPosition =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left'\n\nexport type ToastVariant = 'default' | 'success' | 'warning' | 'danger' | 'accent'\n\nexport interface ToastOptions {\n  /** Toast title text */\n  title: string\n  /** Toast description text */\n  description?: string\n  /** Auto-dismiss duration in ms (default: 5000ms) */\n  duration?: number\n  /** Viewport position for this toast */\n  position?: ToastPosition\n  /** Visual style variant */\n  variant?: ToastVariant\n  /** Action button config */\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\nexport interface ToastInstance extends Required<Omit<ToastOptions, 'action'>> {\n  id: string\n  open: boolean\n  action?: ToastOptions['action']\n}\n\n/** Max concurrent toasts (T-06-03: DoS mitigation) */\nconst MAX_TOASTS = 5\n\n/** Minimum duration clamp (ms) */\nconst MIN_DURATION = 100\n\n/** Maximum duration clamp (ms) */\nconst MAX_DURATION = 30_000\n\n/** Shared reactive state — module-level singleton shared across all useToast() calls */\nconst toasts = ref<ToastInstance[]>([])\n\nlet idCounter = 0\n\nfunction generateId(): string {\n  return `toast-${++idCounter}-${Date.now()}`\n}\n\nfunction clampDuration(duration: number): number {\n  return Math.min(Math.max(duration, MIN_DURATION), MAX_DURATION)\n}\n\n/**\n * Returns the imperative toast control API.\n *\n * Mount `<ToastProvider>` once at app root before calling `toast()`.\n */\nexport function useToast() {\n  /**\n   * Create a new toast. If the MAX_TOASTS limit is reached, the oldest toast\n   * is dismissed first (T-06-03).\n   */\n  function toast(options: ToastOptions): string {\n    const id = generateId()\n\n    // Enforce max concurrent toast limit (T-06-03)\n    if (toasts.value.length >= MAX_TOASTS) {\n      const oldest = toasts.value[0]\n      if (oldest) {\n        dismiss(oldest.id)\n      }\n    }\n\n    const instance: ToastInstance = {\n      id,\n      title: options.title,\n      description: options.description ?? '',\n      duration: clampDuration(options.duration ?? 5000),\n      position: options.position ?? 'bottom-right',\n      variant: options.variant ?? 'default',\n      open: true,\n      action: options.action,\n    }\n\n    toasts.value = [...toasts.value, instance]\n    return id\n  }\n\n  /**\n   * Programmatically dismiss a toast by its ID.\n   * Sets `open = false` which triggers exit animation in Toast.vue.\n   */\n  function dismiss(id: string): void {\n    toasts.value = toasts.value.map((t) =>\n      t.id === id ? { ...t, open: false } : t,\n    )\n  }\n\n  /**\n   * Remove a toast from the list entirely (called after exit animation completes).\n   */\n  function remove(id: string): void {\n    toasts.value = toasts.value.filter((t) => t.id !== id)\n  }\n\n  return {\n    /** Reactive list of active toast instances */\n    toasts: readonly(toasts),\n    /** Create a new toast and return its ID */\n    toast,\n    /** Dismiss a toast by ID (triggers exit animation) */\n    dismiss,\n    /** Remove a toast from the list after animation completes */\n    remove,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoDA,IAAM,aAAa;;AAGnB,IAAM,eAAe;;AAGrB,IAAM,eAAe;;AAGrB,IAAM,SAAS,IAAqB,EAAE,CAAC;AAEvC,IAAI,YAAY;AAEhB,SAAS,aAAqB;AAC5B,QAAO,SAAS,EAAE,UAAU,GAAG,KAAK,KAAK;;AAG3C,SAAS,cAAc,UAA0B;AAC/C,QAAO,KAAK,IAAI,KAAK,IAAI,UAAU,aAAa,EAAE,aAAa;;;;;;;AAQjE,SAAgB,WAAW;;;;;CAKzB,SAAS,MAAM,SAA+B;EAC5C,MAAM,KAAK,YAAY;AAGvB,MAAI,OAAO,MAAM,UAAU,YAAY;GACrC,MAAM,SAAS,OAAO,MAAM;AAC5B,OAAI,OACF,SAAQ,OAAO,GAAG;;EAItB,MAAM,WAA0B;GAC9B;GACA,OAAO,QAAQ;GACf,aAAa,QAAQ,eAAe;GACpC,UAAU,cAAc,QAAQ,YAAY,IAAK;GACjD,UAAU,QAAQ,YAAY;GAC9B,SAAS,QAAQ,WAAW;GAC5B,MAAM;GACN,QAAQ,QAAQ;GACjB;AAED,SAAO,QAAQ,CAAC,GAAG,OAAO,OAAO,SAAS;AAC1C,SAAO;;;;;;CAOT,SAAS,QAAQ,IAAkB;AACjC,SAAO,QAAQ,OAAO,MAAM,KAAK,MAC/B,EAAE,OAAO,KAAK;GAAE,GAAG;GAAG,MAAM;GAAO,GAAG,EACvC;;;;;CAMH,SAAS,OAAO,IAAkB;AAChC,SAAO,QAAQ,OAAO,MAAM,QAAQ,MAAM,EAAE,OAAO,GAAG;;AAGxD,QAAO;EAEL,QAAQ,SAAS,OAAO;EAExB;EAEA;EAEA;EACD"}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { }