@wirekyt/solid 0.0.1 → 0.0.2

package/dist/progress.d.ts

@@ -0,0 +1,77 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+import * as progress from "@wirekyt/dom/machines/progress";
+import { ValueChangeDetails, ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails, ValueTranslationDetails as ProgressValueTranslationDetails, ViewProps, anatomy as progressAnatomy } from "@wirekyt/dom/machines/progress";
+//#region src/components/progress/circle.d.ts
+interface ProgressCircleBaseProps extends PolymorphicProps<"svg"> {}
+interface ProgressCircleProps extends HTMLProps<"svg">, ProgressCircleBaseProps {}
+declare const ProgressCircle: (props: ProgressCircleProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/circle-range.d.ts
+interface ProgressCircleRangeBaseProps extends PolymorphicProps<"circle"> {}
+interface ProgressCircleRangeProps extends HTMLProps<"circle">, ProgressCircleRangeBaseProps {}
+declare const ProgressCircleRange: (props: ProgressCircleRangeProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/circle-track.d.ts
+interface ProgressCircleTrackBaseProps extends PolymorphicProps<"circle"> {}
+interface ProgressCircleTrackProps extends HTMLProps<"circle">, ProgressCircleTrackBaseProps {}
+declare const ProgressCircleTrack: (props: ProgressCircleTrackProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/use.d.ts
+interface UseProgressProps extends Optional<Omit<progress.Props, "dir" | "getRootNode">, "id"> {}
+interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {}
+declare const useProgress: (props?: MaybeAccessor<UseProgressProps>) => UseProgressReturn;
+//#endregion
+//#region src/components/progress/use-context.d.ts
+interface UseProgressContext extends UseProgressReturn {}
+declare const ProgressProvider: import("solid-js").ContextProviderComponent<UseProgressContext>, useProgressContext: () => UseProgressContext;
+//#endregion
+//#region src/components/progress/context.d.ts
+interface ProgressContextProps {
+  children: (context: UseProgressContext) => JSX.Element;
+}
+declare const ProgressContext: (props: ProgressContextProps) => JSX.Element;
+//#endregion
+//#region src/components/progress/label.d.ts
+interface ProgressLabelBaseProps extends PolymorphicProps<"span"> {}
+interface ProgressLabelProps extends HTMLProps<"span">, ProgressLabelBaseProps {}
+declare const ProgressLabel: (props: ProgressLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/range.d.ts
+interface ProgressRangeBaseProps extends PolymorphicProps<"div"> {}
+interface ProgressRangeProps extends HTMLProps<"div">, ProgressRangeBaseProps {}
+declare const ProgressRange: (props: ProgressRangeProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/root.d.ts
+interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps<"div"> {}
+interface ProgressRootProps extends HTMLProps<"div">, ProgressRootBaseProps {}
+declare const ProgressRoot: (props: ProgressRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/root-provider.d.ts
+interface RootProviderProps {
+  value: UseProgressReturn;
+}
+interface ProgressRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface ProgressRootProviderProps extends HTMLProps<"div">, RootProviderProps, ProgressRootProviderBaseProps {}
+declare const ProgressRootProvider: (props: ProgressRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/track.d.ts
+interface ProgressTrackBaseProps extends PolymorphicProps<"div"> {}
+interface ProgressTrackProps extends HTMLProps<"div">, ProgressTrackBaseProps {}
+declare const ProgressTrack: (props: ProgressTrackProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/value-text.d.ts
+interface ProgressValueTextBaseProps extends PolymorphicProps<"span"> {}
+interface ProgressValueTextProps extends HTMLProps<"span">, ProgressValueTextBaseProps {}
+declare const ProgressValueText: (props: ProgressValueTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/progress/view.d.ts
+interface ProgressViewBaseProps extends ViewProps, PolymorphicProps<"span"> {}
+interface ProgressViewProps extends HTMLProps<"span">, ProgressViewBaseProps {}
+declare const ProgressView: (props: ProgressViewProps) => import("solid-js").JSX.Element;
+declare namespace progress_d_exports {
+  export { ProgressCircle as Circle, ProgressCircleBaseProps as CircleBaseProps, ProgressCircleProps as CircleProps, ProgressCircleRange as CircleRange, ProgressCircleRangeBaseProps as CircleRangeBaseProps, ProgressCircleRangeProps as CircleRangeProps, ProgressCircleTrack as CircleTrack, ProgressCircleTrackBaseProps as CircleTrackBaseProps, ProgressCircleTrackProps as CircleTrackProps, ProgressContext as Context, ProgressContextProps as ContextProps, ProgressLabel as Label, ProgressLabelBaseProps as LabelBaseProps, ProgressLabelProps as LabelProps, ProgressRange as Range, ProgressRangeBaseProps as RangeBaseProps, ProgressRangeProps as RangeProps, ProgressRoot as Root, ProgressRootBaseProps as RootBaseProps, ProgressRootProps as RootProps, ProgressRootProvider as RootProvider, ProgressRootProviderBaseProps as RootProviderBaseProps, ProgressRootProviderProps as RootProviderProps, ProgressTrack as Track, ProgressTrackBaseProps as TrackBaseProps, ProgressTrackProps as TrackProps, ValueChangeDetails, ProgressValueText as ValueText, ProgressValueTextBaseProps as ValueTextBaseProps, ProgressValueTextProps as ValueTextProps, ValueTranslationDetails, ProgressView as View, ProgressViewBaseProps as ViewBaseProps, ProgressViewProps as ViewProps };
+}
+//#endregion
+export { progress_d_exports as Progress, ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps, ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, ProgressContext, type ProgressContextProps, ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps, ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps, ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps, ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps, type ProgressValueChangeDetails, ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps, type ProgressValueTranslationDetails, ProgressView, type ProgressViewBaseProps, type ProgressViewProps, type UseProgressContext, type UseProgressProps, type UseProgressReturn, progressAnatomy, useProgress, useProgressContext };

package/dist/progress.js

@@ -0,0 +1,146 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as progress from "@wirekyt/dom/machines/progress";
+import { anatomy as progressAnatomy } from "@wirekyt/dom/machines/progress";
+//#region src/components/progress/use-context.ts
+const [ProgressProvider, useProgressContext] = createContext$1({
+	hookName: "useProgressContext",
+	providerName: "<ProgressProvider />"
+});
+//#endregion
+//#region src/components/progress/circle.tsx
+const ProgressCircle = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleProps(), props);
+	return createComponent(wire.svg, mergedProps);
+};
+//#endregion
+//#region src/components/progress/circle-range.tsx
+const ProgressCircleRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleRangeProps(), props);
+	return createComponent(wire.circle, mergedProps);
+};
+//#endregion
+//#region src/components/progress/circle-track.tsx
+const ProgressCircleTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleTrackProps(), props);
+	return createComponent(wire.circle, mergedProps);
+};
+//#endregion
+//#region src/components/progress/context.tsx
+const ProgressContext = (props) => props.children(useProgressContext());
+//#endregion
+//#region src/components/progress/label.tsx
+const ProgressLabel = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/progress/range.tsx
+const ProgressRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getRangeProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/progress/use.ts
+const useProgress = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(progress.machine, machineProps);
+	return createMemo(() => progress.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/progress/root.tsx
+const ProgressRoot = (props) => {
+	const [progressProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"formatOptions",
+		"id",
+		"ids",
+		"locale",
+		"max",
+		"min",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useProgress(progressProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ProgressProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/progress/root-provider.tsx
+const ProgressRootProvider = (props) => {
+	const [{ value: progress }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => progress().getRootProps(), localProps);
+	return createComponent(ProgressProvider, {
+		value: progress,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/progress/track.tsx
+const ProgressTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getTrackProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/progress/value-text.tsx
+const ProgressValueText = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getValueTextProps(), props);
+	return createComponent(wire.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().percentAsString;
+	} }));
+};
+//#endregion
+//#region src/components/progress/view.tsx
+const ProgressView = (props) => {
+	const [state, localProps] = createSplitProps()(props, ["state"]);
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getViewProps(state), localProps);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/progress/progress.ts
+var progress_exports = /* @__PURE__ */ __exportAll({
+	Circle: () => ProgressCircle,
+	CircleRange: () => ProgressCircleRange,
+	CircleTrack: () => ProgressCircleTrack,
+	Context: () => ProgressContext,
+	Label: () => ProgressLabel,
+	Range: () => ProgressRange,
+	Root: () => ProgressRoot,
+	RootProvider: () => ProgressRootProvider,
+	Track: () => ProgressTrack,
+	ValueText: () => ProgressValueText,
+	View: () => ProgressView
+});
+//#endregion
+export { progress_exports as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, progressAnatomy, useProgress, useProgressContext };

package/dist/progress.jsx

@@ -0,0 +1,137 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as progress from "@wirekyt/dom/machines/progress";
+import { anatomy as progressAnatomy } from "@wirekyt/dom/machines/progress";
+//#region src/components/progress/use-context.ts
+const [ProgressProvider, useProgressContext] = createContext$1({
+	hookName: "useProgressContext",
+	providerName: "<ProgressProvider />"
+});
+//#endregion
+//#region src/components/progress/circle.tsx
+const ProgressCircle = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleProps(), props);
+	return <wire.svg {...mergedProps} />;
+};
+//#endregion
+//#region src/components/progress/circle-range.tsx
+const ProgressCircleRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleRangeProps(), props);
+	return <wire.circle {...mergedProps} />;
+};
+//#endregion
+//#region src/components/progress/circle-track.tsx
+const ProgressCircleTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleTrackProps(), props);
+	return <wire.circle {...mergedProps} />;
+};
+//#endregion
+//#region src/components/progress/context.tsx
+const ProgressContext = (props) => props.children(useProgressContext());
+//#endregion
+//#region src/components/progress/label.tsx
+const ProgressLabel = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/progress/range.tsx
+const ProgressRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getRangeProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/progress/use.ts
+const useProgress = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(progress.machine, machineProps);
+	return createMemo(() => progress.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/progress/root.tsx
+const ProgressRoot = (props) => {
+	const [progressProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"formatOptions",
+		"id",
+		"ids",
+		"locale",
+		"max",
+		"min",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useProgress(progressProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ProgressProvider value={api}>
+      <wire.div {...mergedProps} />
+    </ProgressProvider>;
+};
+//#endregion
+//#region src/components/progress/root-provider.tsx
+const ProgressRootProvider = (props) => {
+	const [{ value: progress }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => progress().getRootProps(), localProps);
+	return <ProgressProvider value={progress}>
+      <wire.div {...mergedProps} />
+    </ProgressProvider>;
+};
+//#endregion
+//#region src/components/progress/track.tsx
+const ProgressTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getTrackProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/progress/value-text.tsx
+const ProgressValueText = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
+	return <wire.span {...mergedProps}>{props.children || api().percentAsString}</wire.span>;
+};
+//#endregion
+//#region src/components/progress/view.tsx
+const ProgressView = (props) => {
+	const [state, localProps] = createSplitProps()(props, ["state"]);
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getViewProps(state), localProps);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/progress/progress.ts
+var progress_exports = /* @__PURE__ */ __exportAll({
+	Circle: () => ProgressCircle,
+	CircleRange: () => ProgressCircleRange,
+	CircleTrack: () => ProgressCircleTrack,
+	Context: () => ProgressContext,
+	Label: () => ProgressLabel,
+	Range: () => ProgressRange,
+	Root: () => ProgressRoot,
+	RootProvider: () => ProgressRootProvider,
+	Track: () => ProgressTrack,
+	ValueText: () => ProgressValueText,
+	View: () => ProgressView
+});
+//#endregion
+export { progress_exports as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, progressAnatomy, useProgress, useProgressContext };

package/dist/providers-B-Vi5wQ7.js

@@ -0,0 +1,124 @@
+import { d as createContext$1, n as useSyncExternalStore } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { Show, createMemo, createSignal } from "solid-js";
+import { createComponent, memo } from "solid-js/web";
+import { getDocument, getWindow } from "@wirekyt/dom/dom-query";
+import { getInteractionModality, isFocusVisible, trackFocusVisible, trackInteractionModality } from "@wirekyt/dom/focus-visible";
+import { createCollator, createFilter, isRTL } from "@wirekyt/dom/i18n-utils";
+import { DateFormatter } from "@internationalized/date";
+//#region src/providers/environment/use-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	})
+});
+//#endregion
+//#region src/providers/environment/provider.tsx
+const EnvironmentProvider = (props) => {
+	const [spanRef, setSpanRef] = createSignal();
+	const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
+	return createComponent(EnvironmentContextProvider, {
+		value: createMemo(() => ({
+			getRootNode,
+			getDocument: () => getDocument(getRootNode()),
+			getWindow: () => getWindow(getRootNode())
+		})),
+		get children() {
+			return [memo(() => props.children), createComponent(Show, {
+				get when() {
+					return !props.value;
+				},
+				get children() {
+					return createComponent(wire.span, {
+						hidden: true,
+						ref: setSpanRef
+					});
+				}
+			})];
+		}
+	});
+};
+//#endregion
+//#region src/providers/interaction/use-focus-visible.ts
+function useFocusVisible(props = {}) {
+	const { isTextInput, autoFocus } = props;
+	const environment = useEnvironmentContext();
+	return useSyncExternalStore((listener) => trackFocusVisible({
+		root: environment().getRootNode(),
+		isTextInput,
+		autoFocus,
+		onChange: listener
+	}), () => autoFocus || isFocusVisible(), () => false);
+}
+//#endregion
+//#region src/providers/interaction/use-modality.ts
+function useInteractionModality() {
+	const environment = useEnvironmentContext();
+	return useSyncExternalStore((listener) => trackInteractionModality({
+		root: environment().getRootNode(),
+		onChange: listener
+	}), getInteractionModality, () => null);
+}
+//#endregion
+//#region src/providers/locale/use-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		dir: "ltr",
+		locale: "en-US"
+	})
+});
+//#endregion
+//#region src/providers/locale/provider.tsx
+const LocaleProvider = (props) => {
+	return createComponent(LocaleContextProvider, {
+		value: createMemo(() => ({
+			locale: props.locale,
+			dir: isRTL(props.locale) ? "rtl" : "ltr"
+		})),
+		get children() {
+			return props.children;
+		}
+	});
+};
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = () => props.locale ?? env().locale;
+	return createMemo(() => {
+		const { locale: _, ...options } = props;
+		return createCollator(locale(), options);
+	});
+}
+//#endregion
+//#region src/providers/locale/use-date-formatter.ts
+function useDateFormatter(props = {}) {
+	const env = useLocaleContext();
+	return createMemo(() => {
+		const resolvedProps = runIfFn(props);
+		const locale = resolvedProps.locale ?? env().locale;
+		const { locale: _, ...options } = resolvedProps;
+		return new DateFormatter(locale, options);
+	});
+}
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = createMemo(() => props.locale ?? env().locale);
+	return createMemo(() => createFilter({
+		...props,
+		locale: locale()
+	}));
+}
+//#endregion
+export { useLocaleContext as a, EnvironmentProvider as c, LocaleProvider as i, useEnvironmentContext as l, useDateFormatter as n, useInteractionModality as o, useCollator as r, useFocusVisible as s, useFilter as t };

package/dist/providers-CqNHqLpB.jsx

@@ -0,0 +1,110 @@
+import { d as createContext$1, n as useSyncExternalStore } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { Show, createMemo, createSignal } from "solid-js";
+import { getDocument, getWindow } from "@wirekyt/dom/dom-query";
+import { getInteractionModality, isFocusVisible, trackFocusVisible, trackInteractionModality } from "@wirekyt/dom/focus-visible";
+import { createCollator, createFilter, isRTL } from "@wirekyt/dom/i18n-utils";
+import { DateFormatter } from "@internationalized/date";
+//#region src/providers/environment/use-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	})
+});
+//#endregion
+//#region src/providers/environment/provider.tsx
+const EnvironmentProvider = (props) => {
+	const [spanRef, setSpanRef] = createSignal();
+	const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
+	const environment = createMemo(() => ({
+		getRootNode,
+		getDocument: () => getDocument(getRootNode()),
+		getWindow: () => getWindow(getRootNode())
+	}));
+	return <EnvironmentContextProvider value={environment}>
+      {props.children}
+      <Show when={!props.value}>
+        <wire.span hidden ref={setSpanRef} />
+      </Show>
+    </EnvironmentContextProvider>;
+};
+//#endregion
+//#region src/providers/interaction/use-focus-visible.ts
+function useFocusVisible(props = {}) {
+	const { isTextInput, autoFocus } = props;
+	const environment = useEnvironmentContext();
+	return useSyncExternalStore((listener) => trackFocusVisible({
+		root: environment().getRootNode(),
+		isTextInput,
+		autoFocus,
+		onChange: listener
+	}), () => autoFocus || isFocusVisible(), () => false);
+}
+//#endregion
+//#region src/providers/interaction/use-modality.ts
+function useInteractionModality() {
+	const environment = useEnvironmentContext();
+	return useSyncExternalStore((listener) => trackInteractionModality({
+		root: environment().getRootNode(),
+		onChange: listener
+	}), getInteractionModality, () => null);
+}
+//#endregion
+//#region src/providers/locale/use-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		dir: "ltr",
+		locale: "en-US"
+	})
+});
+//#endregion
+//#region src/providers/locale/provider.tsx
+const LocaleProvider = (props) => {
+	const context = createMemo(() => ({
+		locale: props.locale,
+		dir: isRTL(props.locale) ? "rtl" : "ltr"
+	}));
+	return <LocaleContextProvider value={context}>{props.children}</LocaleContextProvider>;
+};
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = () => props.locale ?? env().locale;
+	return createMemo(() => {
+		const { locale: _, ...options } = props;
+		return createCollator(locale(), options);
+	});
+}
+//#endregion
+//#region src/providers/locale/use-date-formatter.ts
+function useDateFormatter(props = {}) {
+	const env = useLocaleContext();
+	return createMemo(() => {
+		const resolvedProps = runIfFn(props);
+		const locale = resolvedProps.locale ?? env().locale;
+		const { locale: _, ...options } = resolvedProps;
+		return new DateFormatter(locale, options);
+	});
+}
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = createMemo(() => props.locale ?? env().locale);
+	return createMemo(() => createFilter({
+		...props,
+		locale: locale()
+	}));
+}
+//#endregion
+export { useLocaleContext as a, EnvironmentProvider as c, LocaleProvider as i, useEnvironmentContext as l, useDateFormatter as n, useInteractionModality as o, useCollator as r, useFocusVisible as s, useFilter as t };

package/dist/qr-code.d.ts

@@ -0,0 +1,57 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+import * as qrCode from "@wirekyt/dom/machines/qr-code";
+import { DownloadTriggerProps, QrCodeGenerateOptions, QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult, QrCodeGenerateResult as GenerateResult, anatomy as qrCodeAnatomy } from "@wirekyt/dom/machines/qr-code";
+//#region src/components/qr-code/use.d.ts
+interface UseQrCodeProps extends Optional<Omit<qrCode.Props, "dir" | "getRootNode">, "id"> {}
+interface UseQrCodeReturn extends Accessor<qrCode.Api<PropTypes>> {}
+declare const useQrCode: (props?: MaybeAccessor<UseQrCodeProps>) => UseQrCodeReturn;
+//#endregion
+//#region src/components/qr-code/use-context.d.ts
+interface UseQrCodeContext extends UseQrCodeReturn {}
+declare const QrCodeProvider: import("solid-js").ContextProviderComponent<UseQrCodeContext>, useQrCodeContext: () => UseQrCodeContext;
+//#endregion
+//#region src/components/qr-code/context.d.ts
+interface QrCodeContextProps {
+  children: (context: UseQrCodeContext) => JSX.Element;
+}
+declare const QrCodeContext: (props: QrCodeContextProps) => JSX.Element;
+//#endregion
+//#region src/components/qr-code/download-trigger.d.ts
+interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<"button"> {}
+interface QrCodeDownloadTriggerProps extends HTMLProps<"button">, QrCodeDownloadTriggerBaseProps {}
+declare const QrCodeDownloadTrigger: (props: QrCodeDownloadTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/qr-code/frame.d.ts
+interface QrCodeFrameBaseProps extends PolymorphicProps<"svg"> {}
+interface QrCodeFrameProps extends HTMLProps<"svg">, QrCodeFrameBaseProps {}
+declare const QrCodeFrame: (props: QrCodeFrameProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/qr-code/overlay.d.ts
+interface QrCodeOverlayBaseProps extends PolymorphicProps<"div"> {}
+interface QrCodeOverlayProps extends HTMLProps<"div">, QrCodeOverlayBaseProps {}
+declare const QrCodeOverlay: (props: QrCodeOverlayProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/qr-code/pattern.d.ts
+interface QrCodePatternBaseProps extends PolymorphicProps<"path"> {}
+interface QrCodePatternProps extends HTMLProps<"path">, QrCodePatternBaseProps {}
+declare const QrCodePattern: (props: QrCodePatternProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/qr-code/root.d.ts
+interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps<"div"> {}
+interface QrCodeRootProps extends HTMLProps<"div">, QrCodeRootBaseProps {}
+declare const QrCodeRoot: (props: QrCodeRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/qr-code/root-provider.d.ts
+interface RootProviderProps {
+  value: UseQrCodeReturn;
+}
+interface QrCodeRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface QrCodeRootProviderProps extends HTMLProps<"div">, RootProviderProps, QrCodeRootProviderBaseProps {}
+declare const QrCodeRootProvider: (props: QrCodeRootProviderProps) => import("solid-js").JSX.Element;
+declare namespace qr_code_d_exports {
+  export { QrCodeContext as Context, QrCodeContextProps as ContextProps, QrCodeDownloadTrigger as DownloadTrigger, QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, QrCodeDownloadTriggerProps as DownloadTriggerProps, QrCodeFrame as Frame, QrCodeFrameBaseProps as FrameBaseProps, QrCodeFrameProps as FrameProps, GenerateOptions, GenerateResult, QrCodeOverlay as Overlay, QrCodeOverlayBaseProps as OverlayBaseProps, QrCodeOverlayProps as OverlayProps, QrCodePattern as Pattern, QrCodePatternBaseProps as PatternBaseProps, QrCodePatternProps as PatternProps, QrCodeRoot as Root, QrCodeRootBaseProps as RootBaseProps, QrCodeRootProps as RootProps, QrCodeRootProvider as RootProvider, QrCodeRootProviderBaseProps as RootProviderBaseProps, QrCodeRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { qr_code_d_exports as QrCode, QrCodeContext, type QrCodeContextProps, QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps, type QrCodeGenerateOptions, type QrCodeGenerateResult, QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps, QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, type UseQrCodeContext, type UseQrCodeProps, type UseQrCodeReturn, qrCodeAnatomy, useQrCode, useQrCodeContext };