@sprawlify/react 0.0.8 → 0.0.9

package/dist/components/pagination/index.mjs

@@ -0,0 +1,174 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as pagination from "@sprawlify/primitives/machines/pagination";
+import { anatomy as paginationAnatomy } from "@sprawlify/primitives/machines/pagination";
+
+//#region src/components/pagination/use-pagination-context.ts
+const [PaginationProvider, usePaginationContext] = createContext$1({
+	name: "PaginationContext",
+	hookName: "usePaginationContext",
+	providerName: "<PaginationProvider />"
+});
+
+//#endregion
+//#region src/components/pagination/pagination-context.tsx
+const PaginationContext = (props) => props.children(usePaginationContext());
+
+//#endregion
+//#region src/components/pagination/pagination-ellipsis.tsx
+const splitEllipsisProps = createSplitProps();
+const PaginationEllipsis = forwardRef((props, ref) => {
+	const [ellipsisProps, localProps] = splitEllipsisProps(props, ["index"]);
+	const mergedProps = mergeProps(usePaginationContext().getEllipsisProps(ellipsisProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+//#endregion
+//#region src/components/pagination/pagination-first-trigger.tsx
+const PaginationFirstTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePaginationContext().getFirstTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PaginationFirstTrigger.displayName = "PaginationFirstTrigger";
+
+//#endregion
+//#region src/components/pagination/pagination-item.tsx
+const splitItemProps = createSplitProps();
+const PaginationItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["value", "type"]);
+	const mergedProps = mergeProps(usePaginationContext().getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PaginationItem.displayName = "PaginationItem";
+
+//#endregion
+//#region src/components/pagination/pagination-last-trigger.tsx
+const PaginationLastTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePaginationContext().getLastTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PaginationLastTrigger.displayName = "PaginationLastTrigger";
+
+//#endregion
+//#region src/components/pagination/pagination-next-trigger.tsx
+const PaginationNextTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePaginationContext().getNextTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PaginationNextTrigger.displayName = "PaginationNextTrigger";
+
+//#endregion
+//#region src/components/pagination/pagination-prev-trigger.tsx
+const PaginationPrevTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePaginationContext().getPrevTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PaginationPrevTrigger.displayName = "PaginationPrevTrigger";
+
+//#endregion
+//#region src/components/pagination/use-pagination.ts
+const usePagination = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(pagination.machine, machineProps);
+	return pagination.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/pagination/pagination-root.tsx
+const splitRootProps = createSplitProps();
+const PaginationRoot = forwardRef((props, ref) => {
+	const [paginationProps, localProps] = splitRootProps(props, [
+		"boundaryCount",
+		"count",
+		"defaultPage",
+		"defaultPageSize",
+		"getPageUrl",
+		"id",
+		"ids",
+		"onPageChange",
+		"onPageSizeChange",
+		"page",
+		"pageSize",
+		"siblingCount",
+		"translations",
+		"type"
+	]);
+	const pagination$1 = usePagination(paginationProps);
+	const mergedProps = mergeProps(pagination$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PaginationProvider, {
+		value: pagination$1,
+		children: /* @__PURE__ */ jsx(sprawlify.nav, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PaginationRoot.displayName = "PaginationRoot";
+
+//#endregion
+//#region src/components/pagination/pagination-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const PaginationRootProvider = forwardRef((props, ref) => {
+	const [{ value: pagination$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(pagination$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PaginationProvider, {
+		value: pagination$1,
+		children: /* @__PURE__ */ jsx(sprawlify.nav, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PaginationRootProvider.displayName = "PaginationRootProvider";
+
+//#endregion
+//#region src/components/pagination/pagination.ts
+var pagination_exports = /* @__PURE__ */ __export({
+	Context: () => PaginationContext,
+	Ellipsis: () => PaginationEllipsis,
+	FirstTrigger: () => PaginationFirstTrigger,
+	Item: () => PaginationItem,
+	LastTrigger: () => PaginationLastTrigger,
+	NextTrigger: () => PaginationNextTrigger,
+	PrevTrigger: () => PaginationPrevTrigger,
+	Root: () => PaginationRoot,
+	RootProvider: () => PaginationRootProvider
+});
+
+//#endregion
+export { pagination_exports as Pagination, PaginationContext, PaginationEllipsis, PaginationFirstTrigger, PaginationItem, PaginationLastTrigger, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, paginationAnatomy, usePagination, usePaginationContext };

package/dist/components/password-input/index.cjs

@@ -0,0 +1,193 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+require('../../use-fieldset-context-CCQLmNLL.cjs');
+require('../../use-safe-layout-effect-C2GgvNT3.cjs');
+const require_field = require('../../field-C-57Gj2E.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_password_input = require("@sprawlify/primitives/machines/password-input");
+__sprawlify_primitives_machines_password_input = require_chunk.__toESM(__sprawlify_primitives_machines_password_input);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/password-input/use-password-input-context.ts
+const [PasswordInputProvider, usePasswordInputContext] = require_create_context.createContext({
+	name: "PasswordInputContext",
+	hookName: "usePasswordInputContext",
+	providerName: "<PasswordInputProvider />"
+});
+
+//#endregion
+//#region src/components/password-input/password-input-context.tsx
+const PasswordInputContext = (props) => {
+	return props.children(usePasswordInputContext());
+};
+
+//#endregion
+//#region src/components/password-input/password-input-control.tsx
+const PasswordInputControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePasswordInputContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputControl.displayName = "PasswordInputControl";
+
+//#endregion
+//#region src/components/password-input/password-input-indicator.tsx
+const PasswordInputIndicator = (0, react.forwardRef)((props, ref) => {
+	const passwordInput = usePasswordInputContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(passwordInput.getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: passwordInput.visible ? props.children : props.fallback
+	});
+});
+PasswordInputIndicator.displayName = "PasswordInputIndicator";
+
+//#endregion
+//#region src/components/password-input/password-input-input.tsx
+const PasswordInputInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePasswordInputContext().getInputProps(), props);
+	const field = require_field.useFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputInput.displayName = "PasswordInputInput";
+
+//#endregion
+//#region src/components/password-input/password-input-label.tsx
+const PasswordInputLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePasswordInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputLabel.displayName = "PasswordInputLabel";
+
+//#endregion
+//#region src/components/password-input/use-password-input.ts
+const usePasswordInput = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const field = require_field.useFieldContext();
+	const machineProps = {
+		id,
+		ids: { input: field?.ids.control },
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		invalid: field?.invalid,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_password_input.machine, machineProps);
+	return __sprawlify_primitives_machines_password_input.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/password-input/password-input-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const PasswordInputRoot = (0, react.forwardRef)((props, ref) => {
+	const [usePasswordInputProps, localProps] = splitRootProps(props, [
+		"autoComplete",
+		"defaultVisible",
+		"disabled",
+		"id",
+		"ids",
+		"ignorePasswordManagers",
+		"invalid",
+		"name",
+		"onVisibilityChange",
+		"readOnly",
+		"required",
+		"translations",
+		"visible"
+	]);
+	const passwordInput = usePasswordInput(usePasswordInputProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(passwordInput.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordInputProvider, {
+		value: passwordInput,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PasswordInputRoot.displayName = "PasswordInputRoot";
+
+//#endregion
+//#region src/components/password-input/password-input-root-provider.tsx
+const PasswordInputRootProvider = (0, react.forwardRef)((props, ref) => {
+	const { value: passwordInput, ...localProps } = props;
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(passwordInput.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordInputProvider, {
+		value: passwordInput,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PasswordInputRootProvider.displayName = "PasswordInputRootProvider";
+
+//#endregion
+//#region src/components/password-input/password-input-visibility-trigger.tsx
+const PasswordInputVisibilityTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePasswordInputContext().getVisibilityTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputVisibilityTrigger.displayName = "PasswordInputVisibilityTrigger";
+
+//#endregion
+//#region src/components/password-input/password-input.ts
+var password_input_exports = /* @__PURE__ */ require_chunk.__export({
+	Context: () => PasswordInputContext,
+	Control: () => PasswordInputControl,
+	Indicator: () => PasswordInputIndicator,
+	Input: () => PasswordInputInput,
+	Label: () => PasswordInputLabel,
+	Root: () => PasswordInputRoot,
+	RootProvider: () => PasswordInputRootProvider,
+	VisibilityTrigger: () => PasswordInputVisibilityTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'PasswordInput', {
+  enumerable: true,
+  get: function () {
+    return password_input_exports;
+  }
+});
+exports.PasswordInputContext = PasswordInputContext;
+exports.PasswordInputControl = PasswordInputControl;
+exports.PasswordInputIndicator = PasswordInputIndicator;
+exports.PasswordInputInput = PasswordInputInput;
+exports.PasswordInputLabel = PasswordInputLabel;
+exports.PasswordInputRoot = PasswordInputRoot;
+exports.PasswordInputRootProvider = PasswordInputRootProvider;
+exports.PasswordInputVisibilityTrigger = PasswordInputVisibilityTrigger;
+Object.defineProperty(exports, 'passwordInputAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_password_input.anatomy;
+  }
+});
+exports.usePasswordInput = usePasswordInput;
+exports.usePasswordInputContext = usePasswordInputContext;

package/dist/components/password-input/index.d.cts

@@ -0,0 +1,66 @@
+import { t as PropTypes } from "../../normalize-props-Dw0EepzR.cjs";
+import { r as Optional, t as Assign } from "../../types-DcUAwTQC.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-fcFI3pbG.cjs";
+import * as react43 from "react";
+import { ReactNode } from "react";
+import * as passwordInput from "@sprawlify/primitives/machines/password-input";
+import { VisibilityChangeDetails, VisibilityChangeDetails as PasswordInputVisibilityChangeDetails, anatomy as passwordInputAnatomy } from "@sprawlify/primitives/machines/password-input";
+
+//#region src/components/password-input/use-password-input.d.ts
+interface UsePasswordInputProps extends Optional<Omit<passwordInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePasswordInputReturn extends passwordInput.Api<PropTypes> {}
+declare const usePasswordInput: (props?: UsePasswordInputProps) => UsePasswordInputReturn;
+//#endregion
+//#region src/components/password-input/password-input-context.d.ts
+interface PasswordInputContextProps {
+  children: (context: UsePasswordInputReturn) => ReactNode;
+}
+declare const PasswordInputContext: (props: PasswordInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/password-input/password-input-control.d.ts
+interface PasswordInputControlBaseProps extends PolymorphicProps {}
+interface PasswordInputControlProps extends HTMLProps<"div">, PasswordInputControlBaseProps {}
+declare const PasswordInputControl: react43.ForwardRefExoticComponent<PasswordInputControlProps & react43.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/password-input/password-input-indicator.d.ts
+interface PasswordInputIndicatorBaseProps extends PolymorphicProps {
+  fallback?: React.ReactNode;
+}
+interface PasswordInputIndicatorProps extends HTMLProps<"span">, PasswordInputIndicatorBaseProps {}
+declare const PasswordInputIndicator: react43.ForwardRefExoticComponent<PasswordInputIndicatorProps & react43.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/password-input/password-input-input.d.ts
+interface PasswordInputInputBaseProps extends PolymorphicProps {}
+interface PasswordInputInputProps extends HTMLProps<"input">, PasswordInputInputBaseProps {}
+declare const PasswordInputInput: react43.ForwardRefExoticComponent<PasswordInputInputProps & react43.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/password-input/password-input-label.d.ts
+interface PasswordInputLabelBaseProps extends PolymorphicProps {}
+interface PasswordInputLabelProps extends HTMLProps<"label">, PasswordInputLabelBaseProps {}
+declare const PasswordInputLabel: react43.ForwardRefExoticComponent<PasswordInputLabelProps & react43.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/password-input/password-input-root.d.ts
+interface PasswordInputRootBaseProps extends UsePasswordInputProps, PolymorphicProps {}
+interface PasswordInputRootProps extends Assign<HTMLProps<"div">, PasswordInputRootBaseProps> {}
+declare const PasswordInputRoot: react43.ForwardRefExoticComponent<PasswordInputRootProps & react43.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/password-input/password-input-root-provider.d.ts
+interface RootProviderProps {
+  value: UsePasswordInputReturn;
+}
+interface PasswordInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PasswordInputRootProviderProps extends HTMLProps<"div">, PasswordInputRootProviderBaseProps {}
+declare const PasswordInputRootProvider: react43.ForwardRefExoticComponent<PasswordInputRootProviderProps & react43.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/password-input/password-input-visibility-trigger.d.ts
+interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps {}
+interface PasswordInputVisibilityTriggerProps extends HTMLProps<"button">, PasswordInputVisibilityTriggerBaseProps {}
+declare const PasswordInputVisibilityTrigger: react43.ForwardRefExoticComponent<PasswordInputVisibilityTriggerProps & react43.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/password-input/use-password-input-context.d.ts
+interface UsePasswordInputContext extends UsePasswordInputReturn {}
+declare namespace password_input_d_exports {
+  export { PasswordInputContext as Context, PasswordInputContextProps as ContextProps, PasswordInputControl as Control, PasswordInputControlBaseProps as ControlBaseProps, PasswordInputControlProps as ControlProps, PasswordInputIndicator as Indicator, PasswordInputIndicatorBaseProps as IndicatorBaseProps, PasswordInputIndicatorProps as IndicatorProps, PasswordInputInput as Input, PasswordInputInputBaseProps as InputBaseProps, PasswordInputInputProps as InputProps, PasswordInputLabel as Label, PasswordInputLabelBaseProps as LabelBaseProps, PasswordInputLabelProps as LabelProps, PasswordInputRoot as Root, PasswordInputRootBaseProps as RootBaseProps, PasswordInputRootProps as RootProps, PasswordInputRootProvider as RootProvider, PasswordInputRootProviderBaseProps as RootProviderBaseProps, PasswordInputRootProviderProps as RootProviderProps, VisibilityChangeDetails, PasswordInputVisibilityTrigger as VisibilityTrigger, PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, PasswordInputVisibilityTriggerProps as VisibilityTriggerProps };
+}
+//#endregion
+export { password_input_d_exports as PasswordInput, PasswordInputContext, type PasswordInputContextProps, PasswordInputControl, type PasswordInputControlBaseProps, type PasswordInputControlProps, PasswordInputIndicator, type PasswordInputIndicatorBaseProps, type PasswordInputIndicatorProps, PasswordInputInput, type PasswordInputInputBaseProps, type PasswordInputInputProps, PasswordInputLabel, type PasswordInputLabelBaseProps, type PasswordInputLabelProps, PasswordInputRoot, type PasswordInputRootBaseProps, type PasswordInputRootProps, PasswordInputRootProvider, type PasswordInputRootProviderBaseProps, type PasswordInputRootProviderProps, type PasswordInputVisibilityChangeDetails, PasswordInputVisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps, type UsePasswordInputContext, type UsePasswordInputProps, type UsePasswordInputReturn, passwordInputAnatomy, usePasswordInput, usePasswordInputContext };

package/dist/components/password-input/index.d.mts

@@ -0,0 +1,66 @@
+import { r as PropTypes } from "../../index-BLd57Y0z.mjs";
+import { r as Optional, t as Assign } from "../../types-CrwpJrFp.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DaVlp4Ba.mjs";
+import * as react302 from "react";
+import { ReactNode } from "react";
+import * as passwordInput from "@sprawlify/primitives/machines/password-input";
+import { VisibilityChangeDetails, VisibilityChangeDetails as PasswordInputVisibilityChangeDetails, anatomy as passwordInputAnatomy } from "@sprawlify/primitives/machines/password-input";
+
+//#region src/components/password-input/use-password-input.d.ts
+interface UsePasswordInputProps extends Optional<Omit<passwordInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePasswordInputReturn extends passwordInput.Api<PropTypes> {}
+declare const usePasswordInput: (props?: UsePasswordInputProps) => UsePasswordInputReturn;
+//#endregion
+//#region src/components/password-input/password-input-context.d.ts
+interface PasswordInputContextProps {
+  children: (context: UsePasswordInputReturn) => ReactNode;
+}
+declare const PasswordInputContext: (props: PasswordInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/password-input/password-input-control.d.ts
+interface PasswordInputControlBaseProps extends PolymorphicProps {}
+interface PasswordInputControlProps extends HTMLProps<"div">, PasswordInputControlBaseProps {}
+declare const PasswordInputControl: react302.ForwardRefExoticComponent<PasswordInputControlProps & react302.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/password-input/password-input-indicator.d.ts
+interface PasswordInputIndicatorBaseProps extends PolymorphicProps {
+  fallback?: React.ReactNode;
+}
+interface PasswordInputIndicatorProps extends HTMLProps<"span">, PasswordInputIndicatorBaseProps {}
+declare const PasswordInputIndicator: react302.ForwardRefExoticComponent<PasswordInputIndicatorProps & react302.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/password-input/password-input-input.d.ts
+interface PasswordInputInputBaseProps extends PolymorphicProps {}
+interface PasswordInputInputProps extends HTMLProps<"input">, PasswordInputInputBaseProps {}
+declare const PasswordInputInput: react302.ForwardRefExoticComponent<PasswordInputInputProps & react302.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/password-input/password-input-label.d.ts
+interface PasswordInputLabelBaseProps extends PolymorphicProps {}
+interface PasswordInputLabelProps extends HTMLProps<"label">, PasswordInputLabelBaseProps {}
+declare const PasswordInputLabel: react302.ForwardRefExoticComponent<PasswordInputLabelProps & react302.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/password-input/password-input-root.d.ts
+interface PasswordInputRootBaseProps extends UsePasswordInputProps, PolymorphicProps {}
+interface PasswordInputRootProps extends Assign<HTMLProps<"div">, PasswordInputRootBaseProps> {}
+declare const PasswordInputRoot: react302.ForwardRefExoticComponent<PasswordInputRootProps & react302.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/password-input/password-input-root-provider.d.ts
+interface RootProviderProps {
+  value: UsePasswordInputReturn;
+}
+interface PasswordInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PasswordInputRootProviderProps extends HTMLProps<"div">, PasswordInputRootProviderBaseProps {}
+declare const PasswordInputRootProvider: react302.ForwardRefExoticComponent<PasswordInputRootProviderProps & react302.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/password-input/password-input-visibility-trigger.d.ts
+interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps {}
+interface PasswordInputVisibilityTriggerProps extends HTMLProps<"button">, PasswordInputVisibilityTriggerBaseProps {}
+declare const PasswordInputVisibilityTrigger: react302.ForwardRefExoticComponent<PasswordInputVisibilityTriggerProps & react302.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/password-input/use-password-input-context.d.ts
+interface UsePasswordInputContext extends UsePasswordInputReturn {}
+declare namespace password_input_d_exports {
+  export { PasswordInputContext as Context, PasswordInputContextProps as ContextProps, PasswordInputControl as Control, PasswordInputControlBaseProps as ControlBaseProps, PasswordInputControlProps as ControlProps, PasswordInputIndicator as Indicator, PasswordInputIndicatorBaseProps as IndicatorBaseProps, PasswordInputIndicatorProps as IndicatorProps, PasswordInputInput as Input, PasswordInputInputBaseProps as InputBaseProps, PasswordInputInputProps as InputProps, PasswordInputLabel as Label, PasswordInputLabelBaseProps as LabelBaseProps, PasswordInputLabelProps as LabelProps, PasswordInputRoot as Root, PasswordInputRootBaseProps as RootBaseProps, PasswordInputRootProps as RootProps, PasswordInputRootProvider as RootProvider, PasswordInputRootProviderBaseProps as RootProviderBaseProps, PasswordInputRootProviderProps as RootProviderProps, VisibilityChangeDetails, PasswordInputVisibilityTrigger as VisibilityTrigger, PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, PasswordInputVisibilityTriggerProps as VisibilityTriggerProps };
+}
+//#endregion
+export { password_input_d_exports as PasswordInput, PasswordInputContext, type PasswordInputContextProps, PasswordInputControl, type PasswordInputControlBaseProps, type PasswordInputControlProps, PasswordInputIndicator, type PasswordInputIndicatorBaseProps, type PasswordInputIndicatorProps, PasswordInputInput, type PasswordInputInputBaseProps, type PasswordInputInputProps, PasswordInputLabel, type PasswordInputLabelBaseProps, type PasswordInputLabelProps, PasswordInputRoot, type PasswordInputRootBaseProps, type PasswordInputRootProps, PasswordInputRootProvider, type PasswordInputRootProviderBaseProps, type PasswordInputRootProviderProps, type PasswordInputVisibilityChangeDetails, PasswordInputVisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps, type UsePasswordInputContext, type UsePasswordInputProps, type UsePasswordInputReturn, passwordInputAnatomy, usePasswordInput, usePasswordInputContext };

package/dist/components/password-input/index.mjs

@@ -0,0 +1,171 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
+import "../../use-fieldset-context-6GRSrrlt.mjs";
+import "../../use-safe-layout-effect-DPn_9-dD.mjs";
+import { m as useFieldContext } from "../../field-BXY6su53.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as passwordInput from "@sprawlify/primitives/machines/password-input";
+import { anatomy as passwordInputAnatomy } from "@sprawlify/primitives/machines/password-input";
+
+//#region src/components/password-input/use-password-input-context.ts
+const [PasswordInputProvider, usePasswordInputContext] = createContext$1({
+	name: "PasswordInputContext",
+	hookName: "usePasswordInputContext",
+	providerName: "<PasswordInputProvider />"
+});
+
+//#endregion
+//#region src/components/password-input/password-input-context.tsx
+const PasswordInputContext = (props) => {
+	return props.children(usePasswordInputContext());
+};
+
+//#endregion
+//#region src/components/password-input/password-input-control.tsx
+const PasswordInputControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePasswordInputContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputControl.displayName = "PasswordInputControl";
+
+//#endregion
+//#region src/components/password-input/password-input-indicator.tsx
+const PasswordInputIndicator = forwardRef((props, ref) => {
+	const passwordInput$1 = usePasswordInputContext();
+	const mergedProps = mergeProps(passwordInput$1.getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: passwordInput$1.visible ? props.children : props.fallback
+	});
+});
+PasswordInputIndicator.displayName = "PasswordInputIndicator";
+
+//#endregion
+//#region src/components/password-input/password-input-input.tsx
+const PasswordInputInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePasswordInputContext().getInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputInput.displayName = "PasswordInputInput";
+
+//#endregion
+//#region src/components/password-input/password-input-label.tsx
+const PasswordInputLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePasswordInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputLabel.displayName = "PasswordInputLabel";
+
+//#endregion
+//#region src/components/password-input/use-password-input.ts
+const usePasswordInput = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: { input: field?.ids.control },
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		invalid: field?.invalid,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(passwordInput.machine, machineProps);
+	return passwordInput.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/password-input/password-input-root.tsx
+const splitRootProps = createSplitProps();
+const PasswordInputRoot = forwardRef((props, ref) => {
+	const [usePasswordInputProps, localProps] = splitRootProps(props, [
+		"autoComplete",
+		"defaultVisible",
+		"disabled",
+		"id",
+		"ids",
+		"ignorePasswordManagers",
+		"invalid",
+		"name",
+		"onVisibilityChange",
+		"readOnly",
+		"required",
+		"translations",
+		"visible"
+	]);
+	const passwordInput$1 = usePasswordInput(usePasswordInputProps);
+	const mergedProps = mergeProps(passwordInput$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PasswordInputProvider, {
+		value: passwordInput$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PasswordInputRoot.displayName = "PasswordInputRoot";
+
+//#endregion
+//#region src/components/password-input/password-input-root-provider.tsx
+const PasswordInputRootProvider = forwardRef((props, ref) => {
+	const { value: passwordInput$1, ...localProps } = props;
+	const mergedProps = mergeProps(passwordInput$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PasswordInputProvider, {
+		value: passwordInput$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PasswordInputRootProvider.displayName = "PasswordInputRootProvider";
+
+//#endregion
+//#region src/components/password-input/password-input-visibility-trigger.tsx
+const PasswordInputVisibilityTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePasswordInputContext().getVisibilityTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PasswordInputVisibilityTrigger.displayName = "PasswordInputVisibilityTrigger";
+
+//#endregion
+//#region src/components/password-input/password-input.ts
+var password_input_exports = /* @__PURE__ */ __export({
+	Context: () => PasswordInputContext,
+	Control: () => PasswordInputControl,
+	Indicator: () => PasswordInputIndicator,
+	Input: () => PasswordInputInput,
+	Label: () => PasswordInputLabel,
+	Root: () => PasswordInputRoot,
+	RootProvider: () => PasswordInputRootProvider,
+	VisibilityTrigger: () => PasswordInputVisibilityTrigger
+});
+
+//#endregion
+export { password_input_exports as PasswordInput, PasswordInputContext, PasswordInputControl, PasswordInputIndicator, PasswordInputInput, PasswordInputLabel, PasswordInputRoot, PasswordInputRootProvider, PasswordInputVisibilityTrigger, passwordInputAnatomy, usePasswordInput, usePasswordInputContext };