@moduix/react 2.2.0 → 2.2.4

package/dist/components/pagination/Pagination.d.ts

@@ -1,20 +1,17 @@
-import { Pagination } from "@ark-ui/react/pagination";
-
-//#region src/components/pagination/Pagination.d.ts
+import { Pagination as PaginationPrimitive, usePagination, usePaginationContext } from '@ark-ui/react/pagination';
 declare function PaginationItems(): import("react").JSX.Element;
-declare const Pagination$1: import("react").ForwardRefExoticComponent<Omit<Pagination.RootProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Pagination.RootProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Pagination.RootProviderProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<Pagination.ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Ellipsis: import("react").ForwardRefExoticComponent<Omit<Pagination.EllipsisProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  PrevTrigger: import("react").ForwardRefExoticComponent<Omit<Pagination.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  NextTrigger: import("react").ForwardRefExoticComponent<Omit<Pagination.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  FirstTrigger: import("react").ForwardRefExoticComponent<Omit<Pagination.FirstTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  LastTrigger: import("react").ForwardRefExoticComponent<Omit<Pagination.LastTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Context: (props: Pagination.ContextProps) => import("react").ReactNode;
-  Items: typeof PaginationItems;
-  usePagination: (props?: import("@ark-ui/react/pagination").UsePaginationProps) => import("@ark-ui/react/pagination").UsePaginationReturn;
-  usePaginationContext: () => import("@ark-ui/react/pagination").UsePaginationContext;
+declare const Pagination: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.RootProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.RootProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.RootProviderProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Ellipsis: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.EllipsisProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    PrevTrigger: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    NextTrigger: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    FirstTrigger: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.FirstTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    LastTrigger: import("react").ForwardRefExoticComponent<Omit<PaginationPrimitive.LastTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Context: (props: PaginationPrimitive.ContextProps) => import("react").ReactNode;
+    Items: typeof PaginationItems;
+    usePagination: (props?: import("@ark-ui/react/pagination").UsePaginationProps) => import("@ark-ui/react/pagination").UsePaginationReturn;
+    usePaginationContext: () => import("@ark-ui/react/pagination").UsePaginationContext;
 };
-//#endregion
-export { Pagination$1 as Pagination };
+export { Pagination, usePagination, usePaginationContext };

package/dist/components/pagination/Pagination.js

@@ -1,110 +1,119 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronLeftIcon, ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Pagination_module_default from "./Pagination.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Pagination, usePagination, usePaginationContext } from "@ark-ui/react/pagination";
-//#region src/components/pagination/Pagination.tsx
-const PaginationRoot = forwardRef(function PaginationRoot({ "aria-label": ariaLabel = "Pagination", className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.Root, {
-		ref,
-		"data-slot": "pagination-root",
-		"aria-label": ariaLabel,
-		className: clsx(Pagination_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Pagination_module from "./Pagination.module.js";
+const Pagination_PaginationRoot = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel = 'Pagination', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.Root, {
+        ref: ref,
+        "data-slot": "pagination-root",
+        "aria-label": ariaLabel,
+        className: clsx(Pagination_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const PaginationRootProvider = forwardRef(function PaginationRootProvider({ "aria-label": ariaLabel = "Pagination", className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.RootProvider, {
-		ref,
-		"data-slot": "pagination-root-provider",
-		"aria-label": ariaLabel,
-		className: clsx(Pagination_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Pagination_PaginationRootProvider = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel = 'Pagination', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.RootProvider, {
+        ref: ref,
+        "data-slot": "pagination-root-provider",
+        "aria-label": ariaLabel,
+        className: clsx(Pagination_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const PaginationItem = forwardRef(function PaginationItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.Item, {
-		ref,
-		"data-slot": "pagination-item",
-		className: clsx(Pagination_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const Pagination_PaginationItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.Item, {
+        ref: ref,
+        "data-slot": "pagination-item",
+        className: clsx(Pagination_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const PaginationEllipsis = forwardRef(function PaginationEllipsis({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.Ellipsis, {
-		ref,
-		"data-slot": "pagination-ellipsis",
-		className: clsx(Pagination_module_default.ellipsis, normalizeClassName(className)),
-		...props,
-		children: children ?? "..."
-	});
+const Pagination_PaginationEllipsis = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.Ellipsis, {
+        ref: ref,
+        "data-slot": "pagination-ellipsis",
+        className: clsx(Pagination_module.ellipsis, normalizeClassName(className)),
+        ...props,
+        children: children ?? '...'
+    });
 });
 function EdgeIcon({ side }) {
-	const Icon = side === "left" ? ChevronLeftIcon : ChevronRightIcon;
-	return /* @__PURE__ */ jsxs("span", {
-		className: Pagination_module_default.edgeIcon,
-		"aria-hidden": true,
-		children: [/* @__PURE__ */ jsx(Icon, {}), /* @__PURE__ */ jsx(Icon, {})]
-	});
+    const Icon = 'left' === side ? ChevronLeftIcon : ChevronRightIcon;
+    return /*#__PURE__*/ jsxs("span", {
+        className: Pagination_module.edgeIcon,
+        "aria-hidden": true,
+        children: [
+            /*#__PURE__*/ jsx(Icon, {}),
+            /*#__PURE__*/ jsx(Icon, {})
+        ]
+    });
 }
-const PaginationPrevTrigger = forwardRef(function PaginationPrevTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.PrevTrigger, {
-		ref,
-		"data-slot": "pagination-prev-trigger",
-		className: clsx(Pagination_module_default.trigger, children == null && Pagination_module_default.iconTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-	});
+const Pagination_PaginationPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.PrevTrigger, {
+        ref: ref,
+        "data-slot": "pagination-prev-trigger",
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+    });
 });
-const PaginationNextTrigger = forwardRef(function PaginationNextTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.NextTrigger, {
-		ref,
-		"data-slot": "pagination-next-trigger",
-		className: clsx(Pagination_module_default.trigger, children == null && Pagination_module_default.iconTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
-	});
+const Pagination_PaginationNextTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.NextTrigger, {
+        ref: ref,
+        "data-slot": "pagination-next-trigger",
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
+    });
 });
-const PaginationFirstTrigger = forwardRef(function PaginationFirstTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.FirstTrigger, {
-		ref,
-		"data-slot": "pagination-first-trigger",
-		className: clsx(Pagination_module_default.trigger, children == null && Pagination_module_default.iconTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(EdgeIcon, { side: "left" })
-	});
+const Pagination_PaginationFirstTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.FirstTrigger, {
+        ref: ref,
+        "data-slot": "pagination-first-trigger",
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(EdgeIcon, {
+            side: "left"
+        })
+    });
 });
-const PaginationLastTrigger = forwardRef(function PaginationLastTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Pagination.LastTrigger, {
-		ref,
-		"data-slot": "pagination-last-trigger",
-		className: clsx(Pagination_module_default.trigger, children == null && Pagination_module_default.iconTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(EdgeIcon, { side: "right" })
-	});
+const Pagination_PaginationLastTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.LastTrigger, {
+        ref: ref,
+        "data-slot": "pagination-last-trigger",
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(EdgeIcon, {
+            side: "right"
+        })
+    });
 });
 const PaginationContext = Pagination.Context;
 function PaginationItems() {
-	return /* @__PURE__ */ jsx(PaginationContext, { children: (pagination) => pagination.pages.map((page, index) => page.type === "page" ? /* @__PURE__ */ jsx(PaginationItem, {
-		...page,
-		children: page.value
-	}, index) : /* @__PURE__ */ jsx(PaginationEllipsis, { index }, index)) });
+    return /*#__PURE__*/ jsx(PaginationContext, {
+        children: (pagination)=>pagination.pages.map((page, index)=>'page' === page.type ? /*#__PURE__*/ jsx(Pagination_PaginationItem, {
+                    ...page,
+                    children: page.value
+                }, index) : /*#__PURE__*/ jsx(Pagination_PaginationEllipsis, {
+                    index: index
+                }, index))
+    });
 }
-const Pagination$1 = Object.assign(PaginationRoot, {
-	Root: PaginationRoot,
-	RootProvider: PaginationRootProvider,
-	Item: PaginationItem,
-	Ellipsis: PaginationEllipsis,
-	PrevTrigger: PaginationPrevTrigger,
-	NextTrigger: PaginationNextTrigger,
-	FirstTrigger: PaginationFirstTrigger,
-	LastTrigger: PaginationLastTrigger,
-	Context: PaginationContext,
-	Items: PaginationItems,
-	usePagination,
-	usePaginationContext
+const Pagination_Pagination = Object.assign(Pagination_PaginationRoot, {
+    Root: Pagination_PaginationRoot,
+    RootProvider: Pagination_PaginationRootProvider,
+    Item: Pagination_PaginationItem,
+    Ellipsis: Pagination_PaginationEllipsis,
+    PrevTrigger: Pagination_PaginationPrevTrigger,
+    NextTrigger: Pagination_PaginationNextTrigger,
+    FirstTrigger: Pagination_PaginationFirstTrigger,
+    LastTrigger: Pagination_PaginationLastTrigger,
+    Context: PaginationContext,
+    Items: PaginationItems,
+    usePagination: usePagination,
+    usePaginationContext: usePaginationContext
 });
-//#endregion
-export { Pagination$1 as Pagination };
+export { Pagination_Pagination as Pagination, usePagination, usePaginationContext };

package/dist/components/pagination/Pagination.module.js

@@ -1,12 +1,10 @@
-import './Pagination.css';
-//#region src/components/pagination/Pagination.module.css
-var Pagination_module_default = {
-	"edgeIcon": "djsvna_edgeIcon",
-	"ellipsis": "djsvna_ellipsis",
-	"iconTrigger": "djsvna_iconTrigger",
-	"item": "djsvna_item",
-	"root": "djsvna_root",
-	"trigger": "djsvna_trigger"
+import "./Pagination_module.css";
+const Pagination_module = {
+    root: "root-m3_o8c",
+    item: "item-TI2iyy",
+    trigger: "trigger-Z_SoJt",
+    ellipsis: "ellipsis-j46pnR",
+    iconTrigger: "iconTrigger-c2CUab",
+    edgeIcon: "edgeIcon-QA3FZr"
 };
-//#endregion
-export { Pagination_module_default as default };
+export default Pagination_module;

package/dist/components/pagination/{Pagination.css → Pagination_module.css}

@@ -1,12 +1,14 @@
 @layer moduix.components {
-  .djsvna_root {
+  .root-m3_o8c {
     align-items: center;
     gap: var(--moduix-pagination-gap, var(--moduix-spacing-1));
+    max-inline-size: 100%;
     color: var(--moduix-pagination-color, var(--moduix-color-foreground));
     display: inline-flex;
+    overflow-x: auto;
   }
 
-  .djsvna_item, .djsvna_trigger, .djsvna_ellipsis {
+  .item-TI2iyy, .trigger-Z_SoJt, .ellipsis-j46pnR {
     box-sizing: border-box;
     min-width: var(--moduix-pagination-item-size, var(--moduix-size-md));
     height: var(--moduix-pagination-item-size, var(--moduix-size-md));
@@ -20,7 +22,7 @@
     display: inline-flex;
   }
 
-  .djsvna_item, .djsvna_trigger {
+  .item-TI2iyy, .trigger-Z_SoJt {
     cursor: pointer;
     gap: var(--moduix-pagination-trigger-gap, var(--moduix-spacing-2));
     border: var(--moduix-pagination-item-border-width, var(--moduix-border-width-sm)) solid
@@ -28,6 +30,7 @@
     padding-inline: var(--moduix-pagination-item-padding-inline, var(--moduix-spacing-3));
     background-color: var(--moduix-pagination-item-bg, var(--moduix-color-background));
     color: var(--moduix-pagination-item-color, var(--moduix-color-foreground));
+    -webkit-user-select: none;
     user-select: none;
     white-space: nowrap;
     transition: background-color var(--moduix-pagination-transition, var(--moduix-transition-default)),
@@ -36,65 +39,71 @@
       opacity var(--moduix-pagination-transition, var(--moduix-transition-default));
     font-family: inherit;
     text-decoration: none;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-pagination-item-bg-hover, var(--moduix-color-accent));
-      }
+  @media (hover: hover) {
+    :is(.item-TI2iyy, .trigger-Z_SoJt):hover {
+      background-color: var(--moduix-pagination-item-bg-hover, var(--moduix-color-accent));
     }
+  }
 
-    &:focus-visible, &[data-focus] {
-      outline: var(--moduix-pagination-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+  :is(.item-TI2iyy, .trigger-Z_SoJt):focus-visible, :is(.item-TI2iyy, .trigger-Z_SoJt)[data-focus] {
+    outline: var(--moduix-pagination-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-pagination-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-pagination-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
-    }
+    outline-offset: var(--moduix-pagination-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+  }
 
-    &:is([data-disabled], :disabled) {
-      opacity: var(--moduix-pagination-disabled-opacity, var(--moduix-opacity-disabled));
-      pointer-events: none;
-    }
+  :is(.item-TI2iyy, .trigger-Z_SoJt):is([data-disabled], :disabled) {
+    opacity: var(--moduix-pagination-disabled-opacity, var(--moduix-opacity-disabled));
+    pointer-events: none;
+  }
 
-    & svg {
-      width: var(--moduix-pagination-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-pagination-icon-size, var(--moduix-spacing-4));
-      flex-shrink: 0;
-    }
+  :is(.item-TI2iyy, .trigger-Z_SoJt) svg {
+    width: var(--moduix-pagination-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-pagination-icon-size, var(--moduix-spacing-4));
+    flex-shrink: 0;
   }
 
-  .djsvna_item[data-selected] {
+  .item-TI2iyy[data-selected] {
     border-color: var(--moduix-pagination-item-border-color-selected, var(--moduix-color-foreground));
     background-color: var(--moduix-pagination-item-bg-selected, var(--moduix-color-foreground));
     color: var(--moduix-pagination-item-color-selected, var(--moduix-color-background));
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-pagination-item-bg-selected, var(--moduix-color-foreground));
-      }
+  @media (hover: hover) {
+    .item-TI2iyy[data-selected]:hover {
+      background-color: var(--moduix-pagination-item-bg-selected, var(--moduix-color-foreground));
     }
   }
 
-  .djsvna_trigger {
+  .trigger-Z_SoJt {
     padding-inline: max(var(--moduix-pagination-item-padding-inline, var(--moduix-spacing-3)),
       var(--moduix-spacing-3));
   }
 
-  .djsvna_iconTrigger {
+  .iconTrigger-c2CUab {
     width: var(--moduix-pagination-item-size, var(--moduix-size-md));
     padding-inline: 0;
   }
 
-  .djsvna_ellipsis {
+  .iconTrigger-c2CUab:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) svg {
+    transform: scaleX(-1);
+  }
+
+  .ellipsis-j46pnR {
     color: var(--moduix-pagination-ellipsis-color, var(--moduix-color-muted-foreground));
+    -webkit-user-select: none;
     user-select: none;
   }
 
-  .djsvna_edgeIcon {
+  .edgeIcon-QA3FZr {
     justify-content: center;
     align-items: center;
     display: inline-flex;
+  }
 
-    & svg + svg {
-      margin-inline-start: calc(var(--moduix-pagination-icon-size, var(--moduix-spacing-4)) * -.5);
-    }
+  .edgeIcon-QA3FZr svg + svg {
+    margin-inline-start: calc(var(--moduix-pagination-icon-size, var(--moduix-spacing-4)) * -.5);
   }
 }
+

package/dist/components/pagination/index.d.ts

@@ -1,2 +1 @@
-import { Pagination } from "./Pagination.js";
-export { Pagination };
+export { Pagination, usePagination, usePaginationContext } from './Pagination.js';

package/dist/components/pagination/index.js

@@ -0,0 +1 @@
+export { Pagination, usePagination, usePaginationContext } from "./Pagination.js";

package/dist/components/password-input/PasswordInput.d.ts

@@ -1,18 +1,16 @@
-import { ComponentProps } from "react";
-import { PasswordInput, usePasswordInput } from "@ark-ui/react/password-input";
-
-//#region src/components/password-input/PasswordInput.d.ts
-declare const PasswordInputControl: import("react").ForwardRefExoticComponent<Omit<PasswordInput.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { PasswordInput as PasswordInputPrimitive, usePasswordInput, usePasswordInputContext } from '@ark-ui/react/password-input';
+import type { ComponentProps } from 'react';
+declare const PasswordInputControl: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type PasswordInputFieldProps = Omit<ComponentProps<typeof PasswordInputControl>, 'asChild' | 'children'>;
-declare const PasswordInput$1: import("react").ForwardRefExoticComponent<Omit<PasswordInput.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<PasswordInput.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<PasswordInput.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Label: import("react").ForwardRefExoticComponent<Omit<PasswordInput.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<PasswordInput.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Field: import("react").ForwardRefExoticComponent<Omit<PasswordInputFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Input: import("react").ForwardRefExoticComponent<Omit<PasswordInput.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-  VisibilityTrigger: import("react").ForwardRefExoticComponent<Omit<PasswordInput.VisibilityTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<PasswordInput.IndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: PasswordInputPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Field: import("react").ForwardRefExoticComponent<Omit<PasswordInputFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    VisibilityTrigger: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.VisibilityTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<PasswordInputPrimitive.IndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 };
-//#endregion
-export { PasswordInput$1 as PasswordInput, usePasswordInput };
+export { PasswordInput, usePasswordInput, usePasswordInputContext };