@wirekyt/react 0.0.1 → 0.0.2

package/dist/pin-input.cjs

@@ -0,0 +1,180 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+const require_field = require("./field-x8H5uXB9.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+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);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/pin-input/use-context.ts
+const [PinInputProvider, usePinInputContext] = require_utils.createContext({
+	name: "PinInputContext",
+	hookName: "usePinInputContext",
+	providerName: "<PinInputProvider />"
+});
+//#endregion
+//#region src/components/pin-input/context.tsx
+const PinInputContext = (props) => props.children(usePinInputContext());
+//#endregion
+//#region src/components/pin-input/control.tsx
+const PinInputControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePinInputContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputControl.displayName = "PinInputControl";
+//#endregion
+//#region src/components/pin-input/hidden-input.tsx
+const PinInputHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePinInputContext().getHiddenInputProps(), props);
+	const field = require_field.useFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+PinInputHiddenInput.displayName = "PinInputHiddenInput";
+//#endregion
+//#region src/components/pin-input/input.tsx
+const splitInputProps = require_utils.createSplitProps();
+const PinInputInput = (0, react.forwardRef)((props, ref) => {
+	const [inputProps, localProps] = splitInputProps(props, ["index"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePinInputContext().getInputProps(inputProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputInput.displayName = "PinInputInput";
+//#endregion
+//#region src/components/pin-input/label.tsx
+const PinInputLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePinInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputLabel.displayName = "PinInputLabel";
+//#endregion
+//#region src/components/pin-input/use.ts
+const usePinInput = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const field = require_field.useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		invalid: field?.invalid,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_pin_input.machine, machineProps);
+	return _wirekyt_dom_machines_pin_input.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/pin-input/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const PinInputRoot = (0, react.forwardRef)((props, ref) => {
+	const [usePinInputProps, localProps] = splitRootProps(props, [
+		"autoFocus",
+		"autoSubmit",
+		"blurOnComplete",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"mask",
+		"name",
+		"onValueChange",
+		"onValueComplete",
+		"onValueInvalid",
+		"otp",
+		"pattern",
+		"placeholder",
+		"readOnly",
+		"required",
+		"sanitizeValue",
+		"selectOnFocus",
+		"translations",
+		"type",
+		"value"
+	]);
+	const pinInput = usePinInput(usePinInputProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(pinInput.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinInputProvider, {
+		value: pinInput,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRoot.displayName = "PinInputRoot";
+//#endregion
+//#region src/components/pin-input/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const PinInputRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: pinInput }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(pinInput.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinInputProvider, {
+		value: pinInput,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRootProvider.displayName = "PinInputRootProvider";
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => PinInputContext,
+	Control: () => PinInputControl,
+	HiddenInput: () => PinInputHiddenInput,
+	Input: () => PinInputInput,
+	Label: () => PinInputLabel,
+	Root: () => PinInputRoot,
+	RootProvider: () => PinInputRootProvider
+});
+//#endregion
+Object.defineProperty(exports, "PinInput", {
+	enumerable: true,
+	get: function() {
+		return pin_input_exports;
+	}
+});
+exports.PinInputContext = PinInputContext;
+exports.PinInputControl = PinInputControl;
+exports.PinInputHiddenInput = PinInputHiddenInput;
+exports.PinInputInput = PinInputInput;
+exports.PinInputLabel = PinInputLabel;
+exports.PinInputRoot = PinInputRoot;
+exports.PinInputRootProvider = PinInputRootProvider;
+Object.defineProperty(exports, "pinInputAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_pin_input.anatomy;
+	}
+});
+exports.usePinInput = usePinInput;
+exports.usePinInputContext = usePinInputContext;

package/dist/pin-input.d.cts

@@ -0,0 +1,58 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+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/use.d.ts
+interface UsePinInputProps extends Optional<Omit<pinInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePinInputReturn extends pinInput.Api<PropTypes> {}
+declare const usePinInput: (props?: UsePinInputProps) => UsePinInputReturn;
+//#endregion
+//#region src/components/pin-input/use-context.d.ts
+interface UsePinInputContext extends UsePinInputReturn {}
+declare const PinInputProvider: import("react").Provider<UsePinInputContext>, usePinInputContext: () => UsePinInputContext;
+//#endregion
+//#region src/components/pin-input/context.d.ts
+interface PinInputContextProps {
+  children: (context: UsePinInputContext) => ReactNode;
+}
+declare const PinInputContext: (props: PinInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/pin-input/control.d.ts
+interface PinInputControlBaseProps extends PolymorphicProps {}
+interface PinInputControlProps extends HTMLProps<"div">, PinInputControlBaseProps {}
+declare const PinInputControl: import("react").ForwardRefExoticComponent<PinInputControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/hidden-input.d.ts
+interface PinInputHiddenInputBaseProps extends PolymorphicProps {}
+interface PinInputHiddenInputProps extends HTMLProps<"input">, PinInputHiddenInputBaseProps {}
+declare const PinInputHiddenInput: import("react").ForwardRefExoticComponent<PinInputHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/input.d.ts
+interface PinInputInputBaseProps extends InputProps, PolymorphicProps {}
+interface PinInputInputProps extends HTMLProps<"input">, PinInputInputBaseProps {}
+declare const PinInputInput: import("react").ForwardRefExoticComponent<PinInputInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/label.d.ts
+interface PinInputLabelBaseProps extends PolymorphicProps {}
+interface PinInputLabelProps extends HTMLProps<"label">, PinInputLabelBaseProps {}
+declare const PinInputLabel: import("react").ForwardRefExoticComponent<PinInputLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/pin-input/root.d.ts
+interface PinInputRootBaseProps extends UsePinInputProps, PolymorphicProps {}
+interface PinInputRootProps extends Assign<HTMLProps<"div">, PinInputRootBaseProps> {}
+declare const PinInputRoot: import("react").ForwardRefExoticComponent<PinInputRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/root-provider.d.ts
+interface RootProviderProps {
+  value: UsePinInputReturn;
+}
+interface PinInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PinInputRootProviderProps extends HTMLProps<"div">, PinInputRootProviderBaseProps {}
+declare const PinInputRootProvider: import("react").ForwardRefExoticComponent<PinInputRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace pin_input_d_exports {
+  export { PinInputContext as Context, PinInputContextProps as ContextProps, PinInputControl as Control, PinInputControlBaseProps as ControlBaseProps, PinInputControlProps as ControlProps, PinInputHiddenInput as HiddenInput, PinInputHiddenInputBaseProps as HiddenInputBaseProps, PinInputHiddenInputProps as HiddenInputProps, PinInputInput as Input, PinInputInputBaseProps as InputBaseProps, PinInputInputProps as InputProps, PinInputLabel as Label, PinInputLabelBaseProps as LabelBaseProps, PinInputLabelProps as LabelProps, PinInputRoot as Root, PinInputRootBaseProps as RootBaseProps, PinInputRootProps as RootProps, PinInputRootProvider as RootProvider, PinInputRootProviderBaseProps as RootProviderBaseProps, PinInputRootProviderProps as RootProviderProps, ValueChangeDetails, ValueInvalidDetails };
+}
+//#endregion
+export { pin_input_d_exports as PinInput, PinInputContext, type PinInputContextProps, PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps, 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,58 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+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/use.d.ts
+interface UsePinInputProps extends Optional<Omit<pinInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePinInputReturn extends pinInput.Api<PropTypes> {}
+declare const usePinInput: (props?: UsePinInputProps) => UsePinInputReturn;
+//#endregion
+//#region src/components/pin-input/use-context.d.ts
+interface UsePinInputContext extends UsePinInputReturn {}
+declare const PinInputProvider: import("react").Provider<UsePinInputContext>, usePinInputContext: () => UsePinInputContext;
+//#endregion
+//#region src/components/pin-input/context.d.ts
+interface PinInputContextProps {
+  children: (context: UsePinInputContext) => ReactNode;
+}
+declare const PinInputContext: (props: PinInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/pin-input/control.d.ts
+interface PinInputControlBaseProps extends PolymorphicProps {}
+interface PinInputControlProps extends HTMLProps<"div">, PinInputControlBaseProps {}
+declare const PinInputControl: import("react").ForwardRefExoticComponent<PinInputControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/hidden-input.d.ts
+interface PinInputHiddenInputBaseProps extends PolymorphicProps {}
+interface PinInputHiddenInputProps extends HTMLProps<"input">, PinInputHiddenInputBaseProps {}
+declare const PinInputHiddenInput: import("react").ForwardRefExoticComponent<PinInputHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/input.d.ts
+interface PinInputInputBaseProps extends InputProps, PolymorphicProps {}
+interface PinInputInputProps extends HTMLProps<"input">, PinInputInputBaseProps {}
+declare const PinInputInput: import("react").ForwardRefExoticComponent<PinInputInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/label.d.ts
+interface PinInputLabelBaseProps extends PolymorphicProps {}
+interface PinInputLabelProps extends HTMLProps<"label">, PinInputLabelBaseProps {}
+declare const PinInputLabel: import("react").ForwardRefExoticComponent<PinInputLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/pin-input/root.d.ts
+interface PinInputRootBaseProps extends UsePinInputProps, PolymorphicProps {}
+interface PinInputRootProps extends Assign<HTMLProps<"div">, PinInputRootBaseProps> {}
+declare const PinInputRoot: import("react").ForwardRefExoticComponent<PinInputRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/root-provider.d.ts
+interface RootProviderProps {
+  value: UsePinInputReturn;
+}
+interface PinInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PinInputRootProviderProps extends HTMLProps<"div">, PinInputRootProviderBaseProps {}
+declare const PinInputRootProvider: import("react").ForwardRefExoticComponent<PinInputRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace pin_input_d_exports {
+  export { PinInputContext as Context, PinInputContextProps as ContextProps, PinInputControl as Control, PinInputControlBaseProps as ControlBaseProps, PinInputControlProps as ControlProps, PinInputHiddenInput as HiddenInput, PinInputHiddenInputBaseProps as HiddenInputBaseProps, PinInputHiddenInputProps as HiddenInputProps, PinInputInput as Input, PinInputInputBaseProps as InputBaseProps, PinInputInputProps as InputProps, PinInputLabel as Label, PinInputLabelBaseProps as LabelBaseProps, PinInputLabelProps as LabelProps, PinInputRoot as Root, PinInputRootBaseProps as RootBaseProps, PinInputRootProps as RootProps, PinInputRootProvider as RootProvider, PinInputRootProviderBaseProps as RootProviderBaseProps, PinInputRootProviderProps as RootProviderProps, ValueChangeDetails, ValueInvalidDetails };
+}
+//#endregion
+export { pin_input_d_exports as PinInput, PinInputContext, type PinInputContextProps, PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps, 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,158 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { h as useFieldContext } from "./field-Cy1E02DH.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+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$1({
+	name: "PinInputContext",
+	hookName: "usePinInputContext",
+	providerName: "<PinInputProvider />"
+});
+//#endregion
+//#region src/components/pin-input/context.tsx
+const PinInputContext = (props) => props.children(usePinInputContext());
+//#endregion
+//#region src/components/pin-input/control.tsx
+const PinInputControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePinInputContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputControl.displayName = "PinInputControl";
+//#endregion
+//#region src/components/pin-input/hidden-input.tsx
+const PinInputHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePinInputContext().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(wire.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+PinInputHiddenInput.displayName = "PinInputHiddenInput";
+//#endregion
+//#region src/components/pin-input/input.tsx
+const splitInputProps = createSplitProps();
+const PinInputInput = forwardRef((props, ref) => {
+	const [inputProps, localProps] = splitInputProps(props, ["index"]);
+	const mergedProps = mergeProps(usePinInputContext().getInputProps(inputProps), localProps);
+	return /* @__PURE__ */ jsx(wire.input, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputInput.displayName = "PinInputInput";
+//#endregion
+//#region src/components/pin-input/label.tsx
+const PinInputLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePinInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputLabel.displayName = "PinInputLabel";
+//#endregion
+//#region src/components/pin-input/use.ts
+const usePinInput = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		invalid: field?.invalid,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(pinInput.machine, machineProps);
+	return pinInput.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/pin-input/root.tsx
+const splitRootProps = createSplitProps();
+const PinInputRoot = forwardRef((props, ref) => {
+	const [usePinInputProps, localProps] = splitRootProps(props, [
+		"autoFocus",
+		"autoSubmit",
+		"blurOnComplete",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"mask",
+		"name",
+		"onValueChange",
+		"onValueComplete",
+		"onValueInvalid",
+		"otp",
+		"pattern",
+		"placeholder",
+		"readOnly",
+		"required",
+		"sanitizeValue",
+		"selectOnFocus",
+		"translations",
+		"type",
+		"value"
+	]);
+	const pinInput = usePinInput(usePinInputProps);
+	const mergedProps = mergeProps(pinInput.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PinInputProvider, {
+		value: pinInput,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRoot.displayName = "PinInputRoot";
+//#endregion
+//#region src/components/pin-input/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const PinInputRootProvider = forwardRef((props, ref) => {
+	const [{ value: pinInput }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(pinInput.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PinInputProvider, {
+		value: pinInput,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRootProvider.displayName = "PinInputRootProvider";
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ __exportAll({
+	Context: () => PinInputContext,
+	Control: () => PinInputControl,
+	HiddenInput: () => PinInputHiddenInput,
+	Input: () => PinInputInput,
+	Label: () => PinInputLabel,
+	Root: () => PinInputRoot,
+	RootProvider: () => PinInputRootProvider
+});
+//#endregion
+export { pin_input_exports as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, pinInputAnatomy, usePinInput, usePinInputContext };

package/dist/popover.cjs

@@ -0,0 +1,222 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+const require_presence = require("./presence-BOs-D6Cv.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_popover = require("@wirekyt/dom/machines/popover");
+_wirekyt_dom_machines_popover = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_popover, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/popover/use-context.ts
+const [PopoverProvider, usePopoverContext] = require_utils.createContext({
+	name: "PopoverContext",
+	hookName: "usePopoverContext",
+	providerName: "<PopoverProvider />"
+});
+//#endregion
+//#region src/components/popover/anchor.tsx
+const PopoverAnchor = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePopoverContext().getAnchorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverAnchor.displayName = "PopoverAnchor";
+//#endregion
+//#region src/components/popover/arrow.tsx
+const PopoverArrow = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePopoverContext().getArrowProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverArrow.displayName = "PopoverArrow";
+//#endregion
+//#region src/components/popover/arrow-tip.tsx
+const PopoverArrowTip = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePopoverContext().getArrowTipProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverArrowTip.displayName = "PopoverArrowTip";
+//#endregion
+//#region src/components/popover/close-trigger.tsx
+const PopoverCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePopoverContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
+//#endregion
+//#region src/components/popover/content.tsx
+const PopoverContent = (0, react.forwardRef)((props, ref) => {
+	const popover = usePopoverContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(popover.getContentProps(), presence.getPresenceProps(), props);
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+PopoverContent.displayName = "PopoverContent";
+//#endregion
+//#region src/components/popover/context.tsx
+const PopoverContext = (props) => props.children(usePopoverContext());
+//#endregion
+//#region src/components/popover/description.tsx
+const PopoverDescription = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePopoverContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverDescription.displayName = "PopoverDescription";
+//#endregion
+//#region src/components/popover/indicator.tsx
+const PopoverIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePopoverContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverIndicator.displayName = "PopoverIndicator";
+//#endregion
+//#region src/components/popover/positioner.tsx
+const PopoverPositioner = (0, react.forwardRef)((props, ref) => {
+	const popover = usePopoverContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(popover.getPositionerProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverPositioner.displayName = "PopoverPositioner";
+//#endregion
+//#region src/components/popover/use.ts
+const usePopover = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_popover.machine, machineProps);
+	return _wirekyt_dom_machines_popover.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/popover/root.tsx
+const PopoverRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = require_presence.splitPresenceProps(props);
+	const popover = usePopover(localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverProvider, {
+		value: popover,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, _wirekyt_dom.mergeProps)({ present: popover.open }, presenceProps)),
+			children
+		})
+	});
+};
+//#endregion
+//#region src/components/popover/root-provider.tsx
+const PopoverRootProvider = (props) => {
+	const [presenceProps, { value: popover, children }] = require_presence.splitPresenceProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverProvider, {
+		value: popover,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, _wirekyt_dom.mergeProps)({ present: popover.open }, presenceProps)),
+			children
+		})
+	});
+};
+//#endregion
+//#region src/components/popover/title.tsx
+const PopoverTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(usePopoverContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverTitle.displayName = "PopoverTitle";
+//#endregion
+//#region src/components/popover/trigger.tsx
+const splitTriggerProps = require_utils.createSplitProps();
+const PopoverTrigger = (0, react.forwardRef)((props, ref) => {
+	const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
+	const popover = usePopoverContext();
+	const presence = require_presence.usePresenceContext();
+	const triggerPropsRaw = popover.getTriggerProps(triggerProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)({
+		...triggerPropsRaw,
+		"aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
+	}, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+//#endregion
+//#region src/components/popover/popover.ts
+var popover_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Anchor: () => PopoverAnchor,
+	Arrow: () => PopoverArrow,
+	ArrowTip: () => PopoverArrowTip,
+	CloseTrigger: () => PopoverCloseTrigger,
+	Content: () => PopoverContent,
+	Context: () => PopoverContext,
+	Description: () => PopoverDescription,
+	Indicator: () => PopoverIndicator,
+	Positioner: () => PopoverPositioner,
+	Root: () => PopoverRoot,
+	RootProvider: () => PopoverRootProvider,
+	Title: () => PopoverTitle,
+	Trigger: () => PopoverTrigger
+});
+//#endregion
+Object.defineProperty(exports, "Popover", {
+	enumerable: true,
+	get: function() {
+		return popover_exports;
+	}
+});
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverArrowTip = PopoverArrowTip;
+exports.PopoverCloseTrigger = PopoverCloseTrigger;
+exports.PopoverContent = PopoverContent;
+exports.PopoverContext = PopoverContext;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverIndicator = PopoverIndicator;
+exports.PopoverPositioner = PopoverPositioner;
+exports.PopoverRoot = PopoverRoot;
+exports.PopoverRootProvider = PopoverRootProvider;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;
+Object.defineProperty(exports, "popoverAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_popover.anatomy;
+	}
+});
+exports.usePopover = usePopover;
+exports.usePopoverContext = usePopoverContext;