@moduix/react 2.1.0 → 2.2.4

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_module.css

@@ -0,0 +1,109 @@
+@layer moduix.components {
+  .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;
+  }
+
+  .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));
+    border-radius: var(--moduix-pagination-item-radius, var(--moduix-radius-md));
+    font-size: var(--moduix-pagination-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-pagination-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-pagination-line-height, var(--moduix-line-height-text-sm));
+    font-variant-numeric: tabular-nums;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .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
+      var(--moduix-pagination-item-border-color, var(--moduix-color-border));
+    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)),
+      border-color var(--moduix-pagination-transition, var(--moduix-transition-default)),
+      color var(--moduix-pagination-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-pagination-transition, var(--moduix-transition-default));
+    font-family: inherit;
+    text-decoration: none;
+  }
+
+  @media (hover: hover) {
+    :is(.item-TI2iyy, .trigger-Z_SoJt):hover {
+      background-color: var(--moduix-pagination-item-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  :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));
+  }
+
+  :is(.item-TI2iyy, .trigger-Z_SoJt):is([data-disabled], :disabled) {
+    opacity: var(--moduix-pagination-disabled-opacity, var(--moduix-opacity-disabled));
+    pointer-events: none;
+  }
+
+  :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;
+  }
+
+  .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) {
+    .item-TI2iyy[data-selected]:hover {
+      background-color: var(--moduix-pagination-item-bg-selected, var(--moduix-color-foreground));
+    }
+  }
+
+  .trigger-Z_SoJt {
+    padding-inline: max(var(--moduix-pagination-item-padding-inline, var(--moduix-spacing-3)),
+      var(--moduix-spacing-3));
+  }
+
+  .iconTrigger-c2CUab {
+    width: var(--moduix-pagination-item-size, var(--moduix-size-md));
+    padding-inline: 0;
+  }
+
+  .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;
+  }
+
+  .edgeIcon-QA3FZr {
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .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 };

package/dist/components/password-input/PasswordInput.js

@@ -1,85 +1,90 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { EyeClosedIcon, EyeIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import PasswordInput_module_default from "./PasswordInput.module.js";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PasswordInput, usePasswordInput, usePasswordInputContext } from "@ark-ui/react/password-input";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { PasswordInput, usePasswordInput } from "@ark-ui/react/password-input";
-//#region src/components/password-input/PasswordInput.tsx
-const PasswordInputRoot = forwardRef(function PasswordInputRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(PasswordInput.Root, {
-		ref,
-		"data-slot": "password-input-root",
-		className: clsx(PasswordInput_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { EyeClosedIcon, EyeIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import PasswordInput_module from "./PasswordInput.module.js";
+const PasswordInput_PasswordInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Root, {
+        ref: ref,
+        "data-slot": "password-input-root",
+        className: clsx(PasswordInput_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const PasswordInputRootProvider = forwardRef(function PasswordInputRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(PasswordInput.RootProvider, {
-		ref,
-		"data-slot": "password-input-root-provider",
-		className: clsx(PasswordInput_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const PasswordInput_PasswordInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.RootProvider, {
+        ref: ref,
+        "data-slot": "password-input-root-provider",
+        className: clsx(PasswordInput_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const PasswordInputLabel = forwardRef(function PasswordInputLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(PasswordInput.Label, {
-		ref,
-		"data-slot": "password-input-label",
-		className: clsx(PasswordInput_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const PasswordInput_PasswordInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Label, {
+        ref: ref,
+        "data-slot": "password-input-label",
+        className: clsx(PasswordInput_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const PasswordInputControl = forwardRef(function PasswordInputControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(PasswordInput.Control, {
-		ref,
-		"data-slot": "password-input-control",
-		className: clsx(PasswordInput_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const PasswordInput_PasswordInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Control, {
+        ref: ref,
+        "data-slot": "password-input-control",
+        className: clsx(PasswordInput_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const PasswordInputInput = forwardRef(function PasswordInputInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(PasswordInput.Input, {
-		ref,
-		"data-slot": "password-input-input",
-		className: clsx(PasswordInput_module_default.input, normalizeClassName(className)),
-		...props
-	});
+const PasswordInput_PasswordInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Input, {
+        ref: ref,
+        "data-slot": "password-input-input",
+        className: clsx(PasswordInput_module.input, normalizeClassName(className)),
+        ...props
+    });
 });
-const PasswordInputVisibilityTrigger = forwardRef(function PasswordInputVisibilityTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(PasswordInput.VisibilityTrigger, {
-		ref,
-		"data-slot": "password-input-visibility-trigger",
-		className: clsx(PasswordInput_module_default.visibilityTrigger, normalizeClassName(className)),
-		...props
-	});
+const PasswordInput_PasswordInputVisibilityTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.VisibilityTrigger, {
+        ref: ref,
+        "data-slot": "password-input-visibility-trigger",
+        className: clsx(PasswordInput_module.visibilityTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const PasswordInputIndicator = forwardRef(function PasswordInputIndicator({ className, children, fallback, ...props }, ref) {
-	return /* @__PURE__ */ jsx(PasswordInput.Indicator, {
-		ref,
-		"data-slot": "password-input-indicator",
-		className: clsx(PasswordInput_module_default.indicator, normalizeClassName(className)),
-		fallback: fallback ?? /* @__PURE__ */ jsx(EyeClosedIcon, {}),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(EyeIcon, {})
-	});
+const PasswordInput_PasswordInputIndicator = /*#__PURE__*/ forwardRef(function({ className, children, fallback, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Indicator, {
+        ref: ref,
+        "data-slot": "password-input-indicator",
+        className: clsx(PasswordInput_module.indicator, normalizeClassName(className)),
+        fallback: fallback ?? /*#__PURE__*/ jsx(EyeClosedIcon, {}),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(EyeIcon, {})
+    });
 });
-const PasswordInputField = forwardRef(function PasswordInputField(props, ref) {
-	return /* @__PURE__ */ jsxs(PasswordInputControl, {
-		ref,
-		...props,
-		children: [/* @__PURE__ */ jsx(PasswordInputInput, {}), /* @__PURE__ */ jsx(PasswordInputVisibilityTrigger, { children: /* @__PURE__ */ jsx(PasswordInputIndicator, {}) })]
-	});
+const PasswordInput_PasswordInputField = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsxs(PasswordInput_PasswordInputControl, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(PasswordInput_PasswordInputInput, {}),
+            /*#__PURE__*/ jsx(PasswordInput_PasswordInputVisibilityTrigger, {
+                children: /*#__PURE__*/ jsx(PasswordInput_PasswordInputIndicator, {})
+            })
+        ]
+    });
 });
-const PasswordInput$1 = Object.assign(PasswordInputRoot, {
-	Root: PasswordInputRoot,
-	RootProvider: PasswordInputRootProvider,
-	Label: PasswordInputLabel,
-	Control: PasswordInputControl,
-	Field: PasswordInputField,
-	Input: PasswordInputInput,
-	VisibilityTrigger: PasswordInputVisibilityTrigger,
-	Indicator: PasswordInputIndicator
+const PasswordInput_PasswordInput = Object.assign(PasswordInput_PasswordInputRoot, {
+    Root: PasswordInput_PasswordInputRoot,
+    RootProvider: PasswordInput_PasswordInputRootProvider,
+    Context: PasswordInput.Context,
+    Label: PasswordInput_PasswordInputLabel,
+    Control: PasswordInput_PasswordInputControl,
+    Field: PasswordInput_PasswordInputField,
+    Input: PasswordInput_PasswordInputInput,
+    VisibilityTrigger: PasswordInput_PasswordInputVisibilityTrigger,
+    Indicator: PasswordInput_PasswordInputIndicator
 });
-//#endregion
-export { PasswordInput$1 as PasswordInput, usePasswordInput };
+export { PasswordInput_PasswordInput as PasswordInput, usePasswordInput, usePasswordInputContext };

package/dist/components/password-input/PasswordInput.module.js

@@ -1,12 +1,10 @@
-import './PasswordInput.css';
-//#region src/components/password-input/PasswordInput.module.css
-var PasswordInput_module_default = {
-	"control": "_8wEG0G_control",
-	"indicator": "_8wEG0G_indicator",
-	"input": "_8wEG0G_input",
-	"label": "_8wEG0G_label",
-	"root": "_8wEG0G_root",
-	"visibilityTrigger": "_8wEG0G_visibilityTrigger"
+import "./PasswordInput_module.css";
+const PasswordInput_module = {
+    root: "root-OrlafY",
+    label: "label-ZAQCRM",
+    control: "control-h2eb01",
+    input: "input-ImUVi4",
+    visibilityTrigger: "visibilityTrigger-UlZG7F",
+    indicator: "indicator-ede0IZ"
 };
-//#endregion
-export { PasswordInput_module_default as default };
+export default PasswordInput_module;