@sprawlify/vue 0.0.106 → 0.0.108

package/dist/{date-picker-anatomy-nNssWoU2.d.ts → date-picker-anatomy-BpW_VPuT.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/date-picker/date-picker-anatomy.d.ts
-declare const datePickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "table" | "view" | "trigger" | "positioner" | "content" | "root" | "control" | "valueText" | "nextTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+declare const datePickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "table" | "view" | "trigger" | "content" | "positioner" | "root" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "valueText" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 //#endregion
 export { datePickerAnatomy as t };

package/dist/{factory-DNG1el63.js → factory-Bd0Y5x-7.js}

@@ -1,4 +1,4 @@
-import { t as mergeProps$1 } from "./core-BW88ya4i.js";
+import { t as mergeProps$1 } from "./core-DFdl8jS7.js";
 import { Fragment, cloneVNode, computed, defineComponent, getCurrentInstance, h, ref, toValue } from "vue";
 //#region src/utils/unref-element.ts
 function unrefElement(elRef) {

package/dist/{factory-bfEpUaB3.d.ts → factory-Go0oxO3B.d.ts}

@@ -12,7 +12,7 @@ type AsChildComponent<Component extends ElementType, P extends Record<string, un
   };
 };
 type HTMLPolymorphicComponents = { [E in DOMElements]: AsChildComponent<E> };
-type HTMLPolymorphicProps<T extends ElementType> = Omit<ExtractPropTypes<T extends DOMElements ? IntrinsicElementAttributes[T] : T>, 'ref'> & {
+type HTMLPolymorphicProps<T extends ElementType> = Omit<ExtractPropTypes<T extends DOMElements ? IntrinsicElementAttributes[T] : T>, "ref"> & {
   asChild?: boolean;
 };
 type HTMLSprawlifyProps<T extends DOMElements> = HTMLPolymorphicProps<T>;

package/dist/{field-C7VkjIIx.js → field-D3G8FJDB.js}

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./chunk-pbuEa-1d.js";
-import { c as useEnvironmentContext, s as DEFAULT_ENVIRONMENT } from "./providers-Cm-xBdVY.js";
+import { c as DEFAULT_ENVIRONMENT, l as useEnvironmentContext } from "./providers-CicBbUXG.js";
 import { t as createContext } from "./create-context-BqbKqBMN.js";
-import { i as unrefElement, n as sprawlify, r as useForwardExpose } from "./factory-DNG1el63.js";
+import { i as unrefElement, n as sprawlify, r as useForwardExpose } from "./factory-Bd0Y5x-7.js";
 import { n as parts } from "./field-anatomy-BloFzq7T.js";
 import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import { ariaAttr, dataAttr } from "@sprawlify/primitives/dom-query";

package/dist/{fieldset-OP0qxlKh.js → fieldset-DKOqYr6u.js}

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./chunk-pbuEa-1d.js";
-import { c as useEnvironmentContext, s as DEFAULT_ENVIRONMENT } from "./providers-Cm-xBdVY.js";
+import { c as DEFAULT_ENVIRONMENT, l as useEnvironmentContext } from "./providers-CicBbUXG.js";
 import { t as createContext } from "./create-context-BqbKqBMN.js";
-import { i as unrefElement, n as sprawlify, r as useForwardExpose } from "./factory-DNG1el63.js";
+import { i as unrefElement, n as sprawlify, r as useForwardExpose } from "./factory-Bd0Y5x-7.js";
 import { n as parts } from "./fieldset-anatomy-DBAg0hLg.js";
 import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import { dataAttr } from "@sprawlify/primitives/dom-query";

package/dist/{index-CODK2VY0.d.ts → index-C7sz_n_w.d.ts}

@@ -1,8 +1,8 @@
-import { a as PolymorphicProps } from "./factory-bfEpUaB3.js";
+import { a as PolymorphicProps } from "./factory-Go0oxO3B.js";
 import { a as Optional, r as EmitFn$1, t as Assign } from "./types-CcpL2F4P.js";
 import { r as PropTypes } from "./index-ga2m_BD2.js";
 import { t as RenderStrategyProps } from "./use-render-strategy-CIHTgh6L.js";
-import { f as TreeCollection, m as TreeNode } from "./index-DuD8fQUF.js";
+import { f as TreeCollection, m as TreeNode } from "./index-DK-1mwjg.js";
 import * as vue from "vue";
 import { ComputedRef, HTMLAttributes, InputHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as treeView from "@sprawlify/primitives/machines/tree-view";
@@ -146,7 +146,7 @@ interface RootProps<T extends TreeNode> {
     node(value: string): string;
   }>;
   selectedValue?: string[];
-  selectionMode?: 'single' | 'multiple';
+  selectionMode?: "single" | "multiple";
   typeahead?: boolean;
   loadChildren?: (details: treeView.LoadChildrenDetails<T>) => Promise<T[]>;
   canRename?: (node: T, indexPath: number[]) => boolean;
@@ -161,14 +161,14 @@ type RootEmits<T extends TreeNode> = {
   renameStart: [details: treeView.RenameStartDetails<T>];
   beforeRename: [details: treeView.RenameCompleteDetails];
   renameComplete: [details: treeView.RenameCompleteDetails];
-  'update:expandedValue': [value: string[]];
-  'update:focusedValue': [value: string | null];
-  'update:selectedValue': [value: string[]];
-  'update:checkedValue': [value: string[]];
+  "update:expandedValue": [value: string[]];
+  "update:focusedValue": [value: string | null];
+  "update:selectedValue": [value: string[]];
+  "update:checkedValue": [value: string[]];
 };
 //#endregion
 //#region src/components/tree-view/use-tree-view.d.ts
-interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Props, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
+interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Props, "dir" | "getRootNode" | "collection">, "id"> {
   /**
    * The collection of tree nodes
    */

package/dist/{index-aJnwDHff.d.ts → index-CYO47ggW.d.ts}

@@ -59,6 +59,32 @@ interface UseCollatorProps extends Intl.CollatorOptions {
 interface UseCollatorReturn extends ComputedRef<Intl.Collator> {}
 declare function useCollator(propsOrFn?: MaybeRef<UseCollatorProps>): UseCollatorReturn;
 //#endregion
+//#region ../../node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts
+interface DateRangeFormatPart extends Intl.DateTimeFormatPart {
+  source: 'startRange' | 'endRange' | 'shared';
+}
+/** A wrapper around Intl.DateTimeFormat that fixes various browser bugs, and polyfills new features. */
+declare class DateFormatter implements Intl.DateTimeFormat {
+  constructor(locale: string, options?: Intl.DateTimeFormatOptions);
+  /** Formats a date as a string according to the locale and format options passed to the constructor. */
+  format(value: Date): string;
+  /** Formats a date to an array of parts such as separators, numbers, punctuation, and more. */
+  formatToParts(value: Date): Intl.DateTimeFormatPart[];
+  /** Formats a date range as a string. */
+  formatRange(start: Date, end: Date): string;
+  /** Formats a date range as an array of parts. */
+  formatRangeToParts(start: Date, end: Date): DateRangeFormatPart[];
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions(): Intl.ResolvedDateTimeFormatOptions;
+}
+//#endregion
+//#region src/providers/locale/use-date-formatter.d.ts
+interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+  locale?: string;
+}
+interface UseDateFormatterReturn extends ComputedRef<DateFormatter> {}
+declare function useDateFormatter(propsOrFn?: MaybeRef<UseDateFormatterProps>): UseDateFormatterReturn;
+//#endregion
 //#region src/providers/locale/use-filter.d.ts
 interface UseFilterProps extends FilterOptions {}
 declare function useFilter(props: UseFilterProps): UseFilterReturn;
@@ -88,4 +114,4 @@ declare function useForwardProps<T extends MaybeRefOrGetter<Record<string, any>>
 //#region src/utils/use-forward-props-emits.d.ts
 declare function useForwardPropsEmits<T extends Parameters<typeof useForwardProps>[0], Name extends string>(props: T, emit?: (name: Name, ...args: any[]) => void): vue.ComputedRef<any>;
 //#endregion
-export { useEnvironmentContext as S, EnvironmentProviderProps as _, createContext as a, RootNode as b, useLocaleContext as c, useFilter as d, UseCollatorProps as f, _default as g, LocaleProviderProps as h, useEmitAsProps as i, UseFilterProps as l, useCollator as m, useForwardProps as n, DEFAULT_LOCALE as o, UseCollatorReturn as p, useForwardExpose as r, LocaleContext as s, useForwardPropsEmits as t, UseFilterReturn as u, _default$1 as v, UseEnvironmentContext as x, DEFAULT_ENVIRONMENT as y };
+export { RootNode as C, DEFAULT_ENVIRONMENT as S, useEnvironmentContext as T, useCollator as _, createContext as a, EnvironmentProviderProps as b, useLocaleContext as c, useFilter as d, UseDateFormatterProps as f, UseCollatorReturn as g, UseCollatorProps as h, useEmitAsProps as i, UseFilterProps as l, useDateFormatter as m, useForwardProps as n, DEFAULT_LOCALE as o, UseDateFormatterReturn as p, useForwardExpose as r, LocaleContext as s, useForwardPropsEmits as t, UseFilterReturn as u, LocaleProviderProps as v, UseEnvironmentContext as w, _default$1 as x, _default as y };

package/dist/{index-DuD8fQUF.d.ts → index-DK-1mwjg.d.ts}

@@ -18,7 +18,7 @@ interface UseAsyncListReturn<T, C = string> extends ComputedRef<asyncList.Api<T,
 declare const useAsyncList: <T, C = string>(props?: MaybeRef<UseAsyncListProps<T, C>>) => UseAsyncListReturn<T, C>;
 //#endregion
 //#region src/components/collection/use-list-collection.d.ts
-interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'items'> {
+interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, "items"> {
   /**
    * The initial items to display in the collection.
    */
@@ -94,7 +94,7 @@ interface UseListCollectionReturn<T> {
   /**
    * The function to upsert an item.
    */
-  upsert: (value: string, item: T, mode?: 'append' | 'prepend') => void;
+  upsert: (value: string, item: T, mode?: "append" | "prepend") => void;
   /**
    * The function to prepend items.
    */

package/dist/{index-B4l20i3i.d.ts → index-DUPPuJYr.d.ts}

@@ -1,4 +1,4 @@
-import { a as PolymorphicProps } from "./factory-bfEpUaB3.js";
+import { a as PolymorphicProps } from "./factory-Go0oxO3B.js";
 import { n as RootProps, t as RootEmits } from "./presence-types-D-XuGmDH.js";
 import { a as Optional, r as EmitFn$1 } from "./types-CcpL2F4P.js";
 import * as vue from "vue";
@@ -21,8 +21,8 @@ declare const __VLS_export: __VLS_WithSlots<vue.DefineComponent<PresenceProps, {
 }>, {
   lazyMount: boolean;
   unmountOnExit: boolean;
-  present: boolean;
   immediate: boolean;
+  present: boolean;
   skipAnimationOnMount: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
@@ -34,7 +34,7 @@ type __VLS_WithSlots<T, S> = T & {
 };
 //#endregion
 //#region src/components/presence/use-presence.d.ts
-interface UsePresenceProps extends Optional<presence.Props, 'present'> {
+interface UsePresenceProps extends Optional<presence.Props, "present"> {
   lazyMount?: boolean;
   unmountOnExit?: boolean;
   skipAnimationOnMount?: boolean;
@@ -46,7 +46,7 @@ declare const usePresence: (props: MaybeRef<UsePresenceProps>, emit?: EmitFn$1<R
   presenceProps: {
     ref: vue.Ref<any, any>;
     hidden: boolean;
-    'data-state': string | undefined;
+    "data-state": string | undefined;
   };
 }>;
 //#endregion

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { a as PolymorphicProps, i as HTMLSprawlifyProps, n as HTMLPolymorphicComponents, o as jsxFactory, r as HTMLPolymorphicProps, s as sprawlify, t as AsChildComponent } from "./factory-bfEpUaB3.js";
+import { a as PolymorphicProps, i as HTMLSprawlifyProps, n as HTMLPolymorphicComponents, o as jsxFactory, r as HTMLPolymorphicProps, s as sprawlify, t as AsChildComponent } from "./factory-Go0oxO3B.js";
 import { a as Optional, i as MaybePromise, n as BooleanDefaults, r as EmitFn, t as Assign } from "./types-CcpL2F4P.js";
 import { i as normalizeProps, n as useMachine, r as PropTypes, t as mergeProps } from "./index-ga2m_BD2.js";
-import { S as useEnvironmentContext, _ as EnvironmentProviderProps, a as createContext, b as RootNode, c as useLocaleContext, d as useFilter, f as UseCollatorProps, g as _default$1, h as LocaleProviderProps, i as useEmitAsProps, l as UseFilterProps, m as useCollator, n as useForwardProps, o as DEFAULT_LOCALE, p as UseCollatorReturn, r as useForwardExpose, s as LocaleContext, t as useForwardPropsEmits, u as UseFilterReturn, v as _default, x as UseEnvironmentContext, y as DEFAULT_ENVIRONMENT } from "./index-aJnwDHff.js";
-export { AsChildComponent, Assign, BooleanDefaults, DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, EmitFn, _default as EnvironmentProvider, EnvironmentProviderProps, HTMLPolymorphicComponents, HTMLPolymorphicProps, HTMLSprawlifyProps, LocaleContext, _default$1 as LocaleProvider, LocaleProviderProps, MaybePromise, Optional, PolymorphicProps, PropTypes, RootNode, UseCollatorProps, UseCollatorReturn, UseEnvironmentContext, UseFilterProps, UseFilterReturn, createContext, jsxFactory, mergeProps, normalizeProps, sprawlify, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
+import { C as RootNode, S as DEFAULT_ENVIRONMENT, T as useEnvironmentContext, _ as useCollator, a as createContext, b as EnvironmentProviderProps, c as useLocaleContext, d as useFilter, f as UseDateFormatterProps, g as UseCollatorReturn, h as UseCollatorProps, i as useEmitAsProps, l as UseFilterProps, m as useDateFormatter, n as useForwardProps, o as DEFAULT_LOCALE, p as UseDateFormatterReturn, r as useForwardExpose, s as LocaleContext, t as useForwardPropsEmits, u as UseFilterReturn, v as LocaleProviderProps, w as UseEnvironmentContext, x as _default, y as _default$1 } from "./index-CYO47ggW.js";
+export { AsChildComponent, Assign, BooleanDefaults, DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, EmitFn, _default as EnvironmentProvider, EnvironmentProviderProps, HTMLPolymorphicComponents, HTMLPolymorphicProps, HTMLSprawlifyProps, LocaleContext, _default$1 as LocaleProvider, LocaleProviderProps, MaybePromise, Optional, PolymorphicProps, PropTypes, RootNode, UseCollatorProps, UseCollatorReturn, UseDateFormatterProps, UseDateFormatterReturn, UseEnvironmentContext, UseFilterProps, UseFilterReturn, createContext, jsxFactory, mergeProps, normalizeProps, sprawlify, useCollator, useDateFormatter, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };

package/dist/index.js

@@ -1,6 +1,6 @@
-import { n as useMachine, r as normalizeProps, t as mergeProps } from "./core-BW88ya4i.js";
-import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, n as useCollator, o as environment_provider_default, r as locale_provider_default, s as DEFAULT_ENVIRONMENT, t as useFilter } from "./providers-Cm-xBdVY.js";
+import { n as useMachine, r as normalizeProps, t as mergeProps } from "./core-DFdl8jS7.js";
+import { a as DEFAULT_LOCALE, c as DEFAULT_ENVIRONMENT, i as locale_provider_default, l as useEnvironmentContext, n as useDateFormatter, o as useLocaleContext, r as useCollator, s as environment_provider_default, t as useFilter } from "./providers-CicBbUXG.js";
 import { t as createContext } from "./create-context-BqbKqBMN.js";
 import { n as useForwardProps, r as useEmitAsProps, t as useForwardPropsEmits } from "./utils-BL0VqhHN.js";
-import { n as sprawlify, r as useForwardExpose, t as jsxFactory } from "./factory-DNG1el63.js";
-export { DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, environment_provider_default as EnvironmentProvider, locale_provider_default as LocaleProvider, createContext, jsxFactory, mergeProps, normalizeProps, sprawlify, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
+import { n as sprawlify, r as useForwardExpose, t as jsxFactory } from "./factory-Bd0Y5x-7.js";
+export { DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, environment_provider_default as EnvironmentProvider, locale_provider_default as LocaleProvider, createContext, jsxFactory, mergeProps, normalizeProps, sprawlify, useCollator, useDateFormatter, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };

package/dist/{listbox-anatomy-CP_1jra6.d.ts → listbox-anatomy-ov6dp5kT.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/listbox/listbox-anatomy.d.ts
-declare const listboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "content" | "root" | "valueText" | "item" | "itemGroup" | "itemIndicator" | "itemText" | "itemGroupLabel" | "empty">;
+declare const listboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "content" | "root" | "item" | "itemIndicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "empty" | "valueText">;
 //#endregion
 export { listboxAnatomy as t };

package/dist/{presence-L1LxnRj5.js → presence-B6FmKP5l.js}

@@ -1,6 +1,6 @@
-import { n as useMachine, r as normalizeProps$1 } from "./core-BW88ya4i.js";
+import { n as useMachine, r as normalizeProps$1 } from "./core-DFdl8jS7.js";
 import { t as createContext } from "./create-context-BqbKqBMN.js";
-import { n as sprawlify, r as useForwardExpose } from "./factory-DNG1el63.js";
+import { n as sprawlify, r as useForwardExpose } from "./factory-Bd0Y5x-7.js";
 import { computed, createBlock, createCommentVNode, defineComponent, mergeDefaults, mergeProps, openBlock, ref, renderSlot, toValue, unref, watch, withCtx } from "vue";
 import * as presence from "@sprawlify/primitives/machines/presence";
 //#region src/components/presence/use-presence.ts

package/dist/providers-CicBbUXG.js

@@ -0,0 +1,204 @@
+import { t as createContext } from "./create-context-BqbKqBMN.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, openBlock, ref, renderSlot, toValue } from "vue";
+import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
+import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
+//#region src/utils/run-if-fn.ts
+const isFunction = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+//#endregion
+//#region src/providers/environment/use-environment-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext("EnvironmentContext");
+const DEFAULT_ENVIRONMENT = computed(() => ({
+	getRootNode: () => document,
+	getDocument: () => document,
+	getWindow: () => window
+}));
+//#endregion
+//#region src/providers/environment/environment-provider.vue
+var environment_provider_default = /* @__PURE__ */ defineComponent({
+	__name: "environment-provider",
+	props: { value: {
+		type: Function,
+		required: false,
+		skipCheck: true
+	} },
+	setup(__props) {
+		const props = __props;
+		const spanRef = ref(null);
+		const getRootNode = () => runIfFn(props.value) ?? spanRef.value?.getRootNode() ?? document;
+		EnvironmentContextProvider(computed(() => ({
+			getRootNode,
+			getDocument: () => getDocument(getRootNode()),
+			getWindow: () => getWindow(getRootNode())
+		})));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), !props.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				hidden: "",
+				ref_key: "spanRef",
+				ref: spanRef
+			}, null, 512)) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/providers/locale/use-locale-context.ts
+const DEFAULT_LOCALE = computed(() => ({
+	dir: "ltr",
+	locale: "en-US"
+}));
+const [LocaleContextProvider, useLocaleContext] = createContext("LocaleContext");
+//#endregion
+//#region src/providers/locale/locale-provider.vue
+var locale_provider_default = /* @__PURE__ */ defineComponent({
+	__name: "locale-provider",
+	props: { locale: {
+		type: String,
+		required: true
+	} },
+	setup(__props) {
+		const props = __props;
+		LocaleContextProvider(computed(() => ({
+			locale: props.locale,
+			dir: isRTL(props.locale) ? "rtl" : "ltr"
+		})));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(propsOrFn = {}) {
+	const env = useLocaleContext();
+	return computed(() => {
+		const props = toValue(propsOrFn);
+		const locale = props.locale ?? env.value.locale;
+		const { locale: _, ...options } = props;
+		return createCollator(locale, options);
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/DateFormatter.mjs
+let $fb18d541ea1ad717$var$formatterCache = /* @__PURE__ */ new Map();
+var $fb18d541ea1ad717$export$ad991b66133851cf = class {
+	/** Formats a date as a string according to the locale and format options passed to the constructor. */ format(value) {
+		return this.formatter.format(value);
+	}
+	/** Formats a date to an array of parts such as separators, numbers, punctuation, and more. */ formatToParts(value) {
+		return this.formatter.formatToParts(value);
+	}
+	/** Formats a date range as a string. */ formatRange(start, end) {
+		if (typeof this.formatter.formatRange === "function") return this.formatter.formatRange(start, end);
+		if (end < start) throw new RangeError("End date must be >= start date");
+		return `${this.formatter.format(start)} \u{2013} ${this.formatter.format(end)}`;
+	}
+	/** Formats a date range as an array of parts. */ formatRangeToParts(start, end) {
+		if (typeof this.formatter.formatRangeToParts === "function") return this.formatter.formatRangeToParts(start, end);
+		if (end < start) throw new RangeError("End date must be >= start date");
+		let startParts = this.formatter.formatToParts(start);
+		let endParts = this.formatter.formatToParts(end);
+		return [
+			...startParts.map((p) => ({
+				...p,
+				source: "startRange"
+			})),
+			{
+				type: "literal",
+				value: " – ",
+				source: "shared"
+			},
+			...endParts.map((p) => ({
+				...p,
+				source: "endRange"
+			}))
+		];
+	}
+	/** Returns the resolved formatting options based on the values passed to the constructor. */ resolvedOptions() {
+		let resolvedOptions = this.formatter.resolvedOptions();
+		if ($fb18d541ea1ad717$var$hasBuggyResolvedHourCycle()) {
+			if (!this.resolvedHourCycle) this.resolvedHourCycle = $fb18d541ea1ad717$var$getResolvedHourCycle(resolvedOptions.locale, this.options);
+			resolvedOptions.hourCycle = this.resolvedHourCycle;
+			resolvedOptions.hour12 = this.resolvedHourCycle === "h11" || this.resolvedHourCycle === "h12";
+		}
+		if (resolvedOptions.calendar === "ethiopic-amete-alem") resolvedOptions.calendar = "ethioaa";
+		return resolvedOptions;
+	}
+	constructor(locale, options = {}) {
+		this.formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, options);
+		this.options = options;
+	}
+};
+const $fb18d541ea1ad717$var$hour12Preferences = {
+	true: { ja: "h11" },
+	false: {}
+};
+function $fb18d541ea1ad717$var$getCachedDateFormatter(locale, options = {}) {
+	if (typeof options.hour12 === "boolean" && $fb18d541ea1ad717$var$hasBuggyHour12Behavior()) {
+		options = { ...options };
+		let pref = $fb18d541ea1ad717$var$hour12Preferences[String(options.hour12)][locale.split("-")[0]];
+		let defaultHourCycle = options.hour12 ? "h12" : "h23";
+		options.hourCycle = pref !== null && pref !== void 0 ? pref : defaultHourCycle;
+		delete options.hour12;
+	}
+	let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
+	if ($fb18d541ea1ad717$var$formatterCache.has(cacheKey)) return $fb18d541ea1ad717$var$formatterCache.get(cacheKey);
+	let numberFormatter = new Intl.DateTimeFormat(locale, options);
+	$fb18d541ea1ad717$var$formatterCache.set(cacheKey, numberFormatter);
+	return numberFormatter;
+}
+let $fb18d541ea1ad717$var$_hasBuggyHour12Behavior = null;
+function $fb18d541ea1ad717$var$hasBuggyHour12Behavior() {
+	if ($fb18d541ea1ad717$var$_hasBuggyHour12Behavior == null) $fb18d541ea1ad717$var$_hasBuggyHour12Behavior = new Intl.DateTimeFormat("en-US", {
+		hour: "numeric",
+		hour12: false
+	}).format(new Date(2020, 2, 3, 0)) === "24";
+	return $fb18d541ea1ad717$var$_hasBuggyHour12Behavior;
+}
+let $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle = null;
+function $fb18d541ea1ad717$var$hasBuggyResolvedHourCycle() {
+	if ($fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle == null) $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle = new Intl.DateTimeFormat("fr", {
+		hour: "numeric",
+		hour12: false
+	}).resolvedOptions().hourCycle === "h12";
+	return $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle;
+}
+function $fb18d541ea1ad717$var$getResolvedHourCycle(locale, options) {
+	if (!options.timeStyle && !options.hour) return void 0;
+	locale = locale.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, "");
+	locale += (locale.includes("-u-") ? "" : "-u") + "-nu-latn";
+	let formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, {
+		...options,
+		timeZone: void 0
+	});
+	let min = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 0)).find((p) => p.type === "hour").value, 10);
+	let max = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 23)).find((p) => p.type === "hour").value, 10);
+	if (min === 0 && max === 23) return "h23";
+	if (min === 24 && max === 23) return "h24";
+	if (min === 0 && max === 11) return "h11";
+	if (min === 12 && max === 11) return "h12";
+	throw new Error("Unexpected hour cycle result");
+}
+//#endregion
+//#region src/providers/locale/use-date-formatter.ts
+function useDateFormatter(propsOrFn = {}) {
+	const env = useLocaleContext();
+	return computed(() => {
+		const props = toValue(propsOrFn);
+		const locale = props.locale ?? env.value.locale;
+		const { locale: _, ...options } = props;
+		return new $fb18d541ea1ad717$export$ad991b66133851cf(locale, options);
+	});
+}
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext(DEFAULT_LOCALE);
+	const locale = computed(() => props.locale ?? env.value.locale);
+	return computed(() => createFilter({
+		...props,
+		locale: locale.value
+	}));
+}
+//#endregion
+export { DEFAULT_LOCALE as a, DEFAULT_ENVIRONMENT as c, locale_provider_default as i, useEnvironmentContext as l, useDateFormatter as n, useLocaleContext as o, useCollator as r, environment_provider_default as s, useFilter as t };

package/dist/{segment-group-anatomy-8sdDQVPl.d.ts → segment-group-anatomy-Cu3IiheY.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/segment-group/segment-group-anatomy.d.ts
-declare const segmentGroupAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
+declare const segmentGroupAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"label" | "root" | "item" | "itemText" | "indicator" | "itemControl">;
 //#endregion
 export { segmentGroupAnatomy as t };

package/dist/{tour-anatomy-CTaLz0Eb.d.ts → tour-anatomy-o5VZ2vDT.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/tour/tour-anatomy.d.ts
-declare const tourAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"title" | "backdrop" | "positioner" | "content" | "description" | "closeTrigger" | "control" | "progressText" | "actionTrigger" | "arrow" | "arrowTip" | "spotlight">;
+declare const tourAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"title" | "backdrop" | "content" | "closeTrigger" | "positioner" | "description" | "control" | "progressText" | "arrow" | "arrowTip" | "actionTrigger" | "spotlight">;
 //#endregion
 export { tourAnatomy as t };

package/dist/{tree-view-D_hrmWRQ.js → tree-view-BMIatAXN.js}

@@ -1,12 +1,12 @@
 import { t as __exportAll } from "./chunk-pbuEa-1d.js";
-import { n as useMachine, r as normalizeProps$1 } from "./core-BW88ya4i.js";
-import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "./providers-Cm-xBdVY.js";
+import { n as useMachine, r as normalizeProps$1 } from "./core-DFdl8jS7.js";
+import { a as DEFAULT_LOCALE, c as DEFAULT_ENVIRONMENT, l as useEnvironmentContext, o as useLocaleContext } from "./providers-CicBbUXG.js";
 import { t as createContext } from "./create-context-BqbKqBMN.js";
-import { n as sprawlify, r as useForwardExpose } from "./factory-DNG1el63.js";
-import { t as cleanProps } from "./clean-props-qyW2RH6G.js";
-import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "./use-render-strategy-Cq147Bb0.js";
-import { t as createSplitProps } from "./create-split-props-Cz6On1aq.js";
-import { t as collapsible_exports } from "./collapsible-wm-f_tLg.js";
+import { n as sprawlify, r as useForwardExpose } from "./factory-Bd0Y5x-7.js";
+import { t as collapsible_exports } from "./collapsible-CU8jdmsD.js";
+import { t as cleanProps } from "./clean-props-C5aydRx_.js";
+import { t as createSplitProps } from "./create-split-props-D32I38aE.js";
+import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "./use-render-strategy-QgtvU85q.js";
 import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import * as treeView from "@sprawlify/primitives/machines/tree-view";
 //#region src/components/tree-view/use-tree-view-context.ts

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@sprawlify/vue",
-  "version": "0.0.106",
-  "type": "module",
+  "version": "0.0.108",
   "description": "Vue wrapper for primitives.",
+  "license": "MIT",
   "author": "sprawlify <npm@sprawlify.com>",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -261,14 +265,11 @@
       "default": "./dist/components/tree-view/index.js"
     }
   },
-  "files": [
-    "dist"
-  ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@sprawlify/primitives": "0.0.106"
+    "@sprawlify/primitives": "0.0.108"
   },
   "peerDependencies": {
     "vue": ">=3.0.0"
@@ -276,10 +277,10 @@
   "engines": {
     "node": ">=24"
   },
-  "license": "MIT",
   "scripts": {
     "build": "tsdown",
     "typecheck": "vue-tsc --noEmit",
-    "lint": "eslint src --fix"
+    "lint": "oxlint --fix",
+    "format": "oxfmt"
   }
 }

package/dist/providers-Cm-xBdVY.js

@@ -1,92 +0,0 @@
-import { t as createContext } from "./create-context-BqbKqBMN.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, openBlock, ref, renderSlot, toValue } from "vue";
-import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
-import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
-//#region src/utils/run-if-fn.ts
-const isFunction = (value) => typeof value === "function";
-const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
-//#endregion
-//#region src/providers/environment/use-environment-context.ts
-const [EnvironmentContextProvider, useEnvironmentContext] = createContext("EnvironmentContext");
-const DEFAULT_ENVIRONMENT = computed(() => ({
-	getRootNode: () => document,
-	getDocument: () => document,
-	getWindow: () => window
-}));
-//#endregion
-//#region src/providers/environment/environment-provider.vue
-var environment_provider_default = /* @__PURE__ */ defineComponent({
-	__name: "environment-provider",
-	props: { value: {
-		type: Function,
-		required: false,
-		skipCheck: true
-	} },
-	setup(__props) {
-		const props = __props;
-		const spanRef = ref(null);
-		const getRootNode = () => runIfFn(props.value) ?? spanRef.value?.getRootNode() ?? document;
-		EnvironmentContextProvider(computed(() => ({
-			getRootNode,
-			getDocument: () => getDocument(getRootNode()),
-			getWindow: () => getWindow(getRootNode())
-		})));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), !props.value ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				hidden: "",
-				ref_key: "spanRef",
-				ref: spanRef
-			}, null, 512)) : createCommentVNode("v-if", true)], 64);
-		};
-	}
-});
-//#endregion
-//#region src/providers/locale/use-locale-context.ts
-const DEFAULT_LOCALE = computed(() => ({
-	dir: "ltr",
-	locale: "en-US"
-}));
-const [LocaleContextProvider, useLocaleContext] = createContext("LocaleContext");
-//#endregion
-//#region src/providers/locale/locale-provider.vue
-var locale_provider_default = /* @__PURE__ */ defineComponent({
-	__name: "locale-provider",
-	props: { locale: {
-		type: String,
-		required: true
-	} },
-	setup(__props) {
-		const props = __props;
-		LocaleContextProvider(computed(() => ({
-			locale: props.locale,
-			dir: isRTL(props.locale) ? "rtl" : "ltr"
-		})));
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default");
-		};
-	}
-});
-//#endregion
-//#region src/providers/locale/use-collator.ts
-function useCollator(propsOrFn = {}) {
-	const env = useLocaleContext();
-	return computed(() => {
-		const props = toValue(propsOrFn);
-		const locale = props.locale ?? env.value.locale;
-		const { locale: _, ...options } = props;
-		return createCollator(locale, options);
-	});
-}
-//#endregion
-//#region src/providers/locale/use-filter.ts
-function useFilter(props) {
-	const env = useLocaleContext(DEFAULT_LOCALE);
-	const locale = computed(() => props.locale ?? env.value.locale);
-	return computed(() => createFilter({
-		...props,
-		locale: locale.value
-	}));
-}
-//#endregion
-export { useLocaleContext as a, useEnvironmentContext as c, DEFAULT_LOCALE as i, useCollator as n, environment_provider_default as o, locale_provider_default as r, DEFAULT_ENVIRONMENT as s, useFilter as t };