@wirekyt/vue 0.0.1 → 0.0.2

package/dist/password-input.d.ts

@@ -0,0 +1,208 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { ComputedRef, HTMLAttributes, MaybeRef, UnwrapRef } from "vue";
+import * as passwordInput from "@wirekyt/dom/machines/password-input";
+import { VisibilityChangeDetails, VisibilityChangeDetails as PasswordInputVisibilityChangeDetails, anatomy as passwordInputAnatomy } from "@wirekyt/dom/machines/password-input";
+//#region src/components/password-input/types.d.ts
+interface RootProps {
+  autoComplete?: passwordInput.Props["autoComplete"];
+  defaultVisible?: boolean;
+  disabled?: boolean;
+  id?: string;
+  ids?: passwordInput.Props["ids"];
+  ignorePasswordManagers?: boolean;
+  invalid?: boolean;
+  name?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  translations?: passwordInput.IntlTranslations;
+  visible?: boolean;
+}
+type RootEmits = {
+  visibilityChange: [details: passwordInput.VisibilityChangeDetails];
+  "update:visible": [visible: boolean];
+};
+//#endregion
+//#region src/components/password-input/use-password-input.d.ts
+interface UsePasswordInputProps extends Optional<Omit<passwordInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePasswordInputReturn extends ComputedRef<passwordInput.Api<PropTypes>> {}
+declare const usePasswordInput: (props?: MaybeRef<UsePasswordInputProps>, emit?: EmitFn$1<RootEmits>) => ComputedRef<passwordInput.Api<PropTypes>>;
+//#endregion
+//#region src/components/password-input/context.vue.d.ts
+interface PasswordInputContextProps {
+  value: UsePasswordInputReturn;
+}
+declare const _default: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$6<import("vue").DefineComponent<PasswordInputContextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordInputContextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {
+    visible: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    focus: VoidFunction;
+    setVisible: (value: boolean) => void;
+    toggleVisible: VoidFunction;
+    getRootProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getLabelProps: () => import("vue").LabelHTMLAttributes & import("vue").ReservedProps;
+    getInputProps: () => import("vue").InputHTMLAttributes & import("vue").ReservedProps;
+    getVisibilityTriggerProps: () => import("vue").ButtonHTMLAttributes & import("vue").ReservedProps;
+    getIndicatorProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getControlProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+  }) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/password-input/control.vue.d.ts
+interface PasswordInputControlBaseProps extends PolymorphicProps {}
+interface PasswordInputControlProps extends PasswordInputControlBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$5<import("vue").DefineComponent<PasswordInputControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordInputControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/password-input/indicator.vue.d.ts
+interface PasswordInputIndicatorBaseProps extends PolymorphicProps {
+  fallback?: string;
+}
+interface PasswordInputIndicatorProps extends PasswordInputIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$4<import("vue").DefineComponent<PasswordInputIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordInputIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+} & {
+  fallback?: (props: {
+    fallback: string | undefined;
+  }) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/password-input/input.vue.d.ts
+interface PasswordInputInputBaseProps extends PolymorphicProps {}
+interface PasswordInputInputProps extends PasswordInputInputBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$4;
+declare const __VLS_export$4: import("vue").DefineComponent<PasswordInputInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordInputInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/password-input/label.vue.d.ts
+interface PasswordInputLabelBaseProps extends PolymorphicProps {}
+interface PasswordInputLabelProps extends PasswordInputLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<PasswordInputLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordInputLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/password-input/root.vue.d.ts
+interface PasswordInputRootBaseProps extends RootProps, PolymorphicProps {}
+interface PasswordInputRootProps extends PasswordInputRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<PasswordInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  visibilityChange: (details: import("@wirekyt/dom/machines/password-input").VisibilityChangeDetails) => any;
+  "update:visible": (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PasswordInputRootProps> & Readonly<{
+  onVisibilityChange?: ((details: import("@wirekyt/dom/machines/password-input").VisibilityChangeDetails) => any) | undefined;
+  "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  required: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  defaultVisible: boolean;
+  ignorePasswordManagers: boolean;
+  visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/password-input/root-provider.vue.d.ts
+interface PasswordInputRootProviderBaseProps extends PolymorphicProps {
+  value: UnwrapRef<UsePasswordInputReturn>;
+}
+interface PasswordInputRootProviderProps extends PasswordInputRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<PasswordInputRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordInputRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/password-input/visibility-trigger.vue.d.ts
+interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps {}
+interface PasswordInputVisibilityTriggerProps extends PasswordInputVisibilityTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PasswordInputVisibilityTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordInputVisibilityTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/password-input/use-context.d.ts
+interface UsePasswordInputContext extends UsePasswordInputReturn {}
+declare const PasswordInputProvider: (opts: UsePasswordInputContext) => void, usePasswordInputContext: (fallback?: UsePasswordInputContext | undefined) => UsePasswordInputContext;
+declare namespace password_input_d_exports {
+  export { _default as Context, PasswordInputContextProps as ContextProps, _default$1 as Control, PasswordInputControlBaseProps as ControlBaseProps, PasswordInputControlProps as ControlProps, _default$2 as Indicator, PasswordInputIndicatorBaseProps as IndicatorBaseProps, PasswordInputIndicatorProps as IndicatorProps, _default$3 as Input, PasswordInputInputBaseProps as InputBaseProps, PasswordInputInputProps as InputProps, _default$4 as Label, PasswordInputLabelBaseProps as LabelBaseProps, PasswordInputLabelProps as LabelProps, _default$5 as Root, PasswordInputRootBaseProps as RootBaseProps, PasswordInputRootProps as RootProps, _default$6 as RootProvider, PasswordInputRootProviderBaseProps as RootProviderBaseProps, PasswordInputRootProviderProps as RootProviderProps, VisibilityChangeDetails, _default$7 as VisibilityTrigger, PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, PasswordInputVisibilityTriggerProps as VisibilityTriggerProps };
+}
+//#endregion
+export { password_input_d_exports as PasswordInput, _default as PasswordInputContext, type PasswordInputContextProps, _default$1 as PasswordInputControl, type PasswordInputControlBaseProps, type PasswordInputControlProps, _default$2 as PasswordInputIndicator, type PasswordInputIndicatorBaseProps, type PasswordInputIndicatorProps, _default$3 as PasswordInputInput, type PasswordInputInputBaseProps, type PasswordInputInputProps, _default$4 as PasswordInputLabel, type PasswordInputLabelBaseProps, type PasswordInputLabelProps, _default$5 as PasswordInputRoot, type PasswordInputRootBaseProps, type PasswordInputRootProps, _default$6 as PasswordInputRootProvider, type PasswordInputRootProviderBaseProps, type PasswordInputRootProviderProps, type PasswordInputVisibilityChangeDetails, _default$7 as PasswordInputVisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps, type UsePasswordInputContext, type UsePasswordInputProps, type UsePasswordInputReturn, passwordInputAnatomy, usePasswordInput, usePasswordInputContext };

package/dist/password-input.js

@@ -0,0 +1,210 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as normalizeProps$1, d as useForwardExpose, m as createContext, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { h as useFieldContext } from "./field-C3pLqz1S.js";
+import { computed, createBlock, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, toValue, unref, useId, withCtx } from "vue";
+import * as passwordInput from "@wirekyt/dom/machines/password-input";
+import { anatomy as passwordInputAnatomy } from "@wirekyt/dom/machines/password-input";
+//#region src/components/password-input/use-context.ts
+const [PasswordInputProvider, usePasswordInputContext] = createContext("PasswordInput");
+//#endregion
+//#region src/components/password-input/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	props: { value: {} },
+	setup(__props) {
+		const passwordInput = usePasswordInputContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(passwordInput))));
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/control.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const passwordInput = usePasswordInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(passwordInput).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/indicator.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "indicator",
+	props: {
+		fallback: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const passwordInput = usePasswordInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(passwordInput).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [unref(passwordInput).visible ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "fallback", { fallback: __props.fallback }, () => [createTextVNode(toDisplayString(__props.fallback), 1)], void 0, 1)]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/input.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const passwordInput = usePasswordInputContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps(unref(passwordInput).getInputProps(), {
+				"aria-describedby": unref(field)?.ariaDescribedby,
+				"as-child": __props.asChild
+			}), null, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/label.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const passwordInput = usePasswordInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(passwordInput).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/use-password-input.ts
+const usePasswordInput = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const field = useFieldContext();
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			ids: { input: field?.value.ids.control },
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			required: field?.value.required,
+			invalid: field?.value.invalid,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onVisibilityChange: (details) => {
+				emit?.("visibilityChange", details);
+				emit?.("update:visible", details.visible);
+				localeProps.onVisibilityChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(passwordInput.machine, context);
+	return computed(() => passwordInput.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/password-input/root.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		autoComplete: {},
+		defaultVisible: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {},
+		ids: {},
+		ignorePasswordManagers: { type: Boolean },
+		invalid: { type: Boolean },
+		name: {},
+		readOnly: { type: Boolean },
+		required: { type: Boolean },
+		translations: {},
+		visible: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		defaultVisible: void 0,
+		disabled: void 0,
+		ignorePasswordManagers: void 0,
+		invalid: void 0,
+		readOnly: void 0,
+		required: void 0,
+		visible: void 0
+	}),
+	emits: ["visibilityChange", "update:visible"],
+	setup(__props, { emit: __emit }) {
+		const passwordInput = usePasswordInput(__props, __emit);
+		PasswordInputProvider(passwordInput);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(passwordInput).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/root-provider.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		PasswordInputProvider(computed(() => props.value));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(__props.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/visibility-trigger.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "visibility-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const passwordInput = usePasswordInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(passwordInput).getVisibilityTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/password-input/password-input.ts
+var password_input_exports = /* @__PURE__ */ __exportAll({
+	Context: () => _sfc_main,
+	Control: () => _sfc_main$1,
+	Indicator: () => _sfc_main$2,
+	Input: () => _sfc_main$3,
+	Label: () => _sfc_main$4,
+	Root: () => _sfc_main$5,
+	RootProvider: () => _sfc_main$6,
+	VisibilityTrigger: () => _sfc_main$7
+});
+//#endregion
+export { password_input_exports as PasswordInput, _sfc_main as PasswordInputContext, _sfc_main$1 as PasswordInputControl, _sfc_main$2 as PasswordInputIndicator, _sfc_main$3 as PasswordInputInput, _sfc_main$4 as PasswordInputLabel, _sfc_main$5 as PasswordInputRoot, _sfc_main$6 as PasswordInputRootProvider, _sfc_main$7 as PasswordInputVisibilityTrigger, passwordInputAnatomy, usePasswordInput, usePasswordInputContext };

package/dist/pin-input.cjs

@@ -0,0 +1,245 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+const require_field = require("./field-DRz-v4rB.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_pin_input = require("@wirekyt/dom/machines/pin-input");
+_wirekyt_dom_machines_pin_input = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_pin_input, 1);
+//#region src/components/pin-input/use-context.ts
+const [PinInputProvider, usePinInputContext] = require_utils.createContext("PinInputContext");
+//#endregion
+//#region src/components/pin-input/context.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(pinInput))));
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/control.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(pinInput).getControlProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/hidden-input.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "hidden-input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		const field = require_field.useFieldContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).input, (0, vue.mergeProps)({ "aria-describedby": (0, vue.unref)(field)?.ariaDescribedby }, (0, vue.unref)(pinInput).getHiddenInputProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/input.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "input",
+	props: {
+		index: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const pinInput = usePinInputContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).input, (0, vue.mergeProps)((0, vue.unref)(pinInput).getInputProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/label.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).label, (0, vue.mergeProps)((0, vue.unref)(pinInput).getLabelProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/root-provider.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const pinInput = (0, vue.computed)(() => props.value);
+		PinInputProvider(pinInput);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(pinInput.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/use-pin-input.ts
+const usePinInput = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const field = require_field.useFieldContext();
+	const context = (0, vue.computed)(() => {
+		const localeProps = (0, vue.toValue)(props);
+		return {
+			id,
+			ids: {
+				label: field?.value.ids.label,
+				hiddenInput: field?.value.ids.control
+			},
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			required: field?.value.required,
+			invalid: field?.value.invalid,
+			dir: locale.value.dir,
+			value: localeProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localeProps),
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localeProps.onValueChange?.(details);
+			},
+			onValueComplete: (details) => {
+				emit?.("valueComplete", details);
+				localeProps.onValueComplete?.(details);
+			},
+			onValueInvalid: (details) => {
+				emit?.("valueInvalid", details);
+				localeProps.onValueInvalid?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_pin_input.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_pin_input.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/pin-input/root.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		autoFocus: { type: Boolean },
+		autoSubmit: { type: Boolean },
+		blurOnComplete: { type: Boolean },
+		count: {},
+		defaultValue: {},
+		disabled: { type: Boolean },
+		form: {},
+		id: {},
+		ids: {},
+		invalid: { type: Boolean },
+		mask: { type: Boolean },
+		modelValue: {},
+		name: {},
+		otp: { type: Boolean },
+		pattern: {},
+		placeholder: {},
+		readOnly: { type: Boolean },
+		required: { type: Boolean },
+		sanitizeValue: { type: Function },
+		selectOnFocus: { type: Boolean },
+		translations: {},
+		type: {},
+		asChild: { type: Boolean }
+	}, {
+		autoFocus: void 0,
+		autoSubmit: void 0,
+		blurOnComplete: void 0,
+		disabled: void 0,
+		invalid: void 0,
+		mask: void 0,
+		otp: void 0,
+		readOnly: void 0,
+		required: void 0,
+		selectOnFocus: void 0
+	}),
+	emits: [
+		"valueChange",
+		"valueComplete",
+		"valueInvalid",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const pinInput = usePinInput(__props, __emit);
+		PinInputProvider(pinInput);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(pinInput).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => _sfc_main,
+	Control: () => _sfc_main$1,
+	HiddenInput: () => _sfc_main$2,
+	Input: () => _sfc_main$3,
+	Label: () => _sfc_main$4,
+	Root: () => _sfc_main$5,
+	RootProvider: () => _sfc_main$6
+});
+//#endregion
+Object.defineProperty(exports, "PinInput", {
+	enumerable: true,
+	get: function() {
+		return pin_input_exports;
+	}
+});
+exports.PinInputContext = _sfc_main;
+exports.PinInputControl = _sfc_main$1;
+exports.PinInputHiddenInput = _sfc_main$2;
+exports.PinInputInput = _sfc_main$3;
+exports.PinInputLabel = _sfc_main$4;
+exports.PinInputRoot = _sfc_main$5;
+exports.PinInputRootProvider = _sfc_main$6;
+Object.defineProperty(exports, "pinInputAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_pin_input.anatomy;
+	}
+});
+exports.usePinInput = usePinInput;
+exports.usePinInputContext = usePinInputContext;