@wirekyt/vue 0.0.1 → 0.0.3

package/dist/pin-input.d.cts

@@ -0,0 +1,199 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-B-o8jLyV.cjs";
+import { ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as pinInput from "@wirekyt/dom/machines/pin-input";
+import { InputProps, ValueChangeDetails, ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails, ValueInvalidDetails as PinInputValueInvalidDetails, anatomy as pinInputAnatomy } from "@wirekyt/dom/machines/pin-input";
+//#region src/components/pin-input/control.vue.d.ts
+interface PinInputControlBaseProps extends PolymorphicProps {}
+interface PinInputControlProps extends PinInputControlBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<PinInputControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/hidden-input.vue.d.ts
+interface PinInputHiddenInputBaseProps extends PolymorphicProps {}
+interface PinInputHiddenInputProps extends PinInputHiddenInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$2: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<PinInputHiddenInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/input.vue.d.ts
+interface PinInputInputBaseProps extends InputProps, PolymorphicProps {}
+interface PinInputInputProps extends PinInputInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$3: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<PinInputInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/label.vue.d.ts
+interface PinInputLabelBaseProps extends PolymorphicProps {}
+interface PinInputLabelProps extends PinInputLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+LabelHTMLAttributes {}
+declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<PinInputLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UsePinInputReturn>;
+}
+interface PinInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PinInputRootProviderProps extends PinInputRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<PinInputRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/types.d.ts
+interface RootProps {
+  autoFocus?: boolean;
+  autoSubmit?: boolean;
+  blurOnComplete?: boolean;
+  count?: number;
+  defaultValue?: string[];
+  disabled?: boolean;
+  form?: string;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    hiddenInput: string;
+    label: string;
+    control: string;
+    input(id: string): string;
+  }>;
+  invalid?: boolean;
+  mask?: boolean;
+  modelValue?: string[];
+  name?: string;
+  otp?: boolean;
+  pattern?: string;
+  placeholder?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  sanitizeValue?: (value: string) => string;
+  selectOnFocus?: boolean;
+  translations?: pinInput.IntlTranslations;
+  type?: "alphanumeric" | "numeric" | "alphabetic";
+}
+type RootEmits = {
+  valueChange: [details: pinInput.ValueChangeDetails];
+  valueComplete: [details: pinInput.ValueChangeDetails];
+  valueInvalid: [details: pinInput.ValueInvalidDetails];
+  "update:modelValue": [value: string[]];
+};
+//#endregion
+//#region src/components/pin-input/root.vue.d.ts
+interface PinInputRootBaseProps extends RootProps, PolymorphicProps {}
+interface PinInputRootProps extends PinInputRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface PinInputRootEmits extends RootEmits {}
+declare const _default$5: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<PinInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  valueChange: (details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any;
+  "update:modelValue": (value: string[]) => any;
+  valueComplete: (details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any;
+  valueInvalid: (details: import("@wirekyt/dom/machines/pin-input").ValueInvalidDetails) => any;
+}, string, import("vue").PublicProps, Readonly<PinInputRootProps> & Readonly<{
+  onValueChange?: ((details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onValueComplete?: ((details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any) | undefined;
+  onValueInvalid?: ((details: import("@wirekyt/dom/machines/pin-input").ValueInvalidDetails) => any) | undefined;
+}>, {
+  disabled: boolean;
+  required: boolean;
+  mask: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  autoFocus: boolean;
+  otp: boolean;
+  autoSubmit: boolean;
+  blurOnComplete: boolean;
+  selectOnFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace pin_input_d_exports {
+  export { _default as Context, PinInputContextProps as ContextProps, _default$1 as Control, PinInputControlBaseProps as ControlBaseProps, PinInputControlProps as ControlProps, _default$2 as HiddenInput, PinInputHiddenInputBaseProps as HiddenInputBaseProps, PinInputHiddenInputProps as HiddenInputProps, _default$3 as Input, PinInputInputBaseProps as InputBaseProps, PinInputInputProps as InputProps, _default$4 as Label, PinInputLabelBaseProps as LabelBaseProps, PinInputLabelProps as LabelProps, _default$5 as Root, PinInputRootBaseProps as RootBaseProps, PinInputRootEmits as RootEmits, PinInputRootProps as RootProps, _default$6 as RootProvider, PinInputRootProviderBaseProps as RootProviderBaseProps, PinInputRootProviderProps as RootProviderProps, ValueChangeDetails, ValueInvalidDetails };
+}
+//#endregion
+//#region src/components/pin-input/use-pin-input.d.ts
+interface UsePinInputProps extends Optional<Omit<pinInput.Props, "dir" | "getRootNode">, "id"> {
+  modelValue?: pinInput.Props["value"];
+}
+interface UsePinInputReturn extends ComputedRef<pinInput.Api<PropTypes>> {}
+declare const usePinInput: (props?: MaybeRef<UsePinInputProps>, emit?: EmitFn$1<PinInputRootEmits>) => ComputedRef<pinInput.Api<PropTypes>>;
+//#endregion
+//#region src/components/pin-input/use-context.d.ts
+interface UsePinInputContext extends UsePinInputReturn {}
+declare const PinInputProvider: (opts: UsePinInputContext) => void, usePinInputContext: (fallback?: UsePinInputContext | undefined) => UsePinInputContext;
+//#endregion
+//#region src/components/pin-input/context.vue.d.ts
+interface PinInputContextProps extends SlotsType<{
+  default: UnwrapRef<UsePinInputContext>;
+}> {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(pinInput: UnwrapRef<UsePinInputContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { pin_input_d_exports as PinInput, _default as PinInputContext, type PinInputContextProps, _default$1 as PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, _default$2 as PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, _default$3 as PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, _default$4 as PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, _default$5 as PinInputRoot, type PinInputRootBaseProps, type PinInputRootEmits, type PinInputRootProps, _default$6 as PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, type PinInputValueChangeDetails, type PinInputValueInvalidDetails, type UsePinInputContext, type UsePinInputProps, type UsePinInputReturn, pinInputAnatomy, usePinInput, usePinInputContext };

package/dist/pin-input.d.ts

@@ -0,0 +1,199 @@
+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, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as pinInput from "@wirekyt/dom/machines/pin-input";
+import { InputProps, ValueChangeDetails, ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails, ValueInvalidDetails as PinInputValueInvalidDetails, anatomy as pinInputAnatomy } from "@wirekyt/dom/machines/pin-input";
+//#region src/components/pin-input/control.vue.d.ts
+interface PinInputControlBaseProps extends PolymorphicProps {}
+interface PinInputControlProps extends PinInputControlBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<PinInputControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/hidden-input.vue.d.ts
+interface PinInputHiddenInputBaseProps extends PolymorphicProps {}
+interface PinInputHiddenInputProps extends PinInputHiddenInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$2: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<PinInputHiddenInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/input.vue.d.ts
+interface PinInputInputBaseProps extends InputProps, PolymorphicProps {}
+interface PinInputInputProps extends PinInputInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$3: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<PinInputInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/label.vue.d.ts
+interface PinInputLabelBaseProps extends PolymorphicProps {}
+interface PinInputLabelProps extends PinInputLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+LabelHTMLAttributes {}
+declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<PinInputLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UsePinInputReturn>;
+}
+interface PinInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PinInputRootProviderProps extends PinInputRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<PinInputRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PinInputRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/pin-input/types.d.ts
+interface RootProps {
+  autoFocus?: boolean;
+  autoSubmit?: boolean;
+  blurOnComplete?: boolean;
+  count?: number;
+  defaultValue?: string[];
+  disabled?: boolean;
+  form?: string;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    hiddenInput: string;
+    label: string;
+    control: string;
+    input(id: string): string;
+  }>;
+  invalid?: boolean;
+  mask?: boolean;
+  modelValue?: string[];
+  name?: string;
+  otp?: boolean;
+  pattern?: string;
+  placeholder?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  sanitizeValue?: (value: string) => string;
+  selectOnFocus?: boolean;
+  translations?: pinInput.IntlTranslations;
+  type?: "alphanumeric" | "numeric" | "alphabetic";
+}
+type RootEmits = {
+  valueChange: [details: pinInput.ValueChangeDetails];
+  valueComplete: [details: pinInput.ValueChangeDetails];
+  valueInvalid: [details: pinInput.ValueInvalidDetails];
+  "update:modelValue": [value: string[]];
+};
+//#endregion
+//#region src/components/pin-input/root.vue.d.ts
+interface PinInputRootBaseProps extends RootProps, PolymorphicProps {}
+interface PinInputRootProps extends PinInputRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface PinInputRootEmits extends RootEmits {}
+declare const _default$5: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<PinInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  valueChange: (details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any;
+  "update:modelValue": (value: string[]) => any;
+  valueComplete: (details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any;
+  valueInvalid: (details: import("@wirekyt/dom/machines/pin-input").ValueInvalidDetails) => any;
+}, string, import("vue").PublicProps, Readonly<PinInputRootProps> & Readonly<{
+  onValueChange?: ((details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onValueComplete?: ((details: import("@wirekyt/dom/machines/pin-input").ValueChangeDetails) => any) | undefined;
+  onValueInvalid?: ((details: import("@wirekyt/dom/machines/pin-input").ValueInvalidDetails) => any) | undefined;
+}>, {
+  disabled: boolean;
+  required: boolean;
+  mask: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  autoFocus: boolean;
+  otp: boolean;
+  autoSubmit: boolean;
+  blurOnComplete: boolean;
+  selectOnFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace pin_input_d_exports {
+  export { _default as Context, PinInputContextProps as ContextProps, _default$1 as Control, PinInputControlBaseProps as ControlBaseProps, PinInputControlProps as ControlProps, _default$2 as HiddenInput, PinInputHiddenInputBaseProps as HiddenInputBaseProps, PinInputHiddenInputProps as HiddenInputProps, _default$3 as Input, PinInputInputBaseProps as InputBaseProps, PinInputInputProps as InputProps, _default$4 as Label, PinInputLabelBaseProps as LabelBaseProps, PinInputLabelProps as LabelProps, _default$5 as Root, PinInputRootBaseProps as RootBaseProps, PinInputRootEmits as RootEmits, PinInputRootProps as RootProps, _default$6 as RootProvider, PinInputRootProviderBaseProps as RootProviderBaseProps, PinInputRootProviderProps as RootProviderProps, ValueChangeDetails, ValueInvalidDetails };
+}
+//#endregion
+//#region src/components/pin-input/use-pin-input.d.ts
+interface UsePinInputProps extends Optional<Omit<pinInput.Props, "dir" | "getRootNode">, "id"> {
+  modelValue?: pinInput.Props["value"];
+}
+interface UsePinInputReturn extends ComputedRef<pinInput.Api<PropTypes>> {}
+declare const usePinInput: (props?: MaybeRef<UsePinInputProps>, emit?: EmitFn$1<PinInputRootEmits>) => ComputedRef<pinInput.Api<PropTypes>>;
+//#endregion
+//#region src/components/pin-input/use-context.d.ts
+interface UsePinInputContext extends UsePinInputReturn {}
+declare const PinInputProvider: (opts: UsePinInputContext) => void, usePinInputContext: (fallback?: UsePinInputContext | undefined) => UsePinInputContext;
+//#endregion
+//#region src/components/pin-input/context.vue.d.ts
+interface PinInputContextProps extends SlotsType<{
+  default: UnwrapRef<UsePinInputContext>;
+}> {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(pinInput: UnwrapRef<UsePinInputContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { pin_input_d_exports as PinInput, _default as PinInputContext, type PinInputContextProps, _default$1 as PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, _default$2 as PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, _default$3 as PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, _default$4 as PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, _default$5 as PinInputRoot, type PinInputRootBaseProps, type PinInputRootEmits, type PinInputRootProps, _default$6 as PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, type PinInputValueChangeDetails, type PinInputValueInvalidDetails, type UsePinInputContext, type UsePinInputProps, type UsePinInputReturn, pinInputAnatomy, usePinInput, usePinInputContext };

package/dist/pin-input.js

@@ -0,0 +1,224 @@
+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, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as pinInput from "@wirekyt/dom/machines/pin-input";
+import { anatomy as pinInputAnatomy } from "@wirekyt/dom/machines/pin-input";
+//#region src/components/pin-input/use-context.ts
+const [PinInputProvider, usePinInputContext] = createContext("PinInputContext");
+//#endregion
+//#region src/components/pin-input/context.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(pinInput))));
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/control.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(pinInput).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/hidden-input.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "hidden-input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(pinInput).getHiddenInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/input.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "input",
+	props: {
+		index: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const pinInput = usePinInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps(unref(pinInput).getInputProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/label.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const pinInput = usePinInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(pinInput).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/root-provider.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const pinInput = computed(() => props.value);
+		PinInputProvider(pinInput);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(pinInput.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/use-pin-input.ts
+const usePinInput = (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: {
+				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,
+			...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 = useMachine(pinInput.machine, context);
+	return computed(() => pinInput.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/pin-input/root.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ 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);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(pinInput).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ __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
+export { pin_input_exports as PinInput, _sfc_main as PinInputContext, _sfc_main$1 as PinInputControl, _sfc_main$2 as PinInputHiddenInput, _sfc_main$3 as PinInputInput, _sfc_main$4 as PinInputLabel, _sfc_main$5 as PinInputRoot, _sfc_main$6 as PinInputRootProvider, pinInputAnatomy, usePinInput, usePinInputContext };