@moduix/react-tailwind 1.0.0

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

@@ -0,0 +1 @@
+export * from './Menu.js';

package/dist/components/menu/index.js

@@ -0,0 +1 @@
+export * from "./Menu.js";

package/dist/components/native-select/NativeSelect.d.ts

@@ -0,0 +1,9 @@
+import { Field as FieldPrimitive } from '@ark-ui/react/field';
+import type { ComponentProps } from 'react';
+type NativeSelectRootProps = ComponentProps<typeof FieldPrimitive.Select> & {
+    controlProps?: ComponentProps<'span'>;
+};
+declare const NativeSelect: import("react").ForwardRefExoticComponent<Omit<NativeSelectRootProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<NativeSelectRootProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+};
+export { NativeSelect };

package/dist/components/native-select/NativeSelect.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field } from "@ark-ui/react/field";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { ChevronDownIcon } from "../../internal/icons/ui/index.js";
+const NativeSelect_NativeSelectRoot = /*#__PURE__*/ forwardRef(function({ className, controlProps, multiple, size, ...props }, ref) {
+    const isList = multiple || void 0 !== size && size > 1;
+    return /*#__PURE__*/ jsxs("span", {
+        ...controlProps,
+        "data-scope": "native-select",
+        "data-part": "control",
+        "data-slot": "native-select-control",
+        className: cn('relative inline-grid w-fit max-w-full min-w-0', controlProps?.className),
+        children: [
+            /*#__PURE__*/ jsx(Field.Select, {
+                ...props,
+                ref: ref,
+                "data-slot": "native-select-root",
+                multiple: multiple,
+                size: size,
+                className: cn('peer/native-select box-border h-control-md w-56 max-w-full min-w-0 cursor-pointer appearance-none rounded-md border border-border bg-background ps-3 pe-11 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,outline-color,opacity] duration-200 ease-in-out [font:inherit] focus-visible:border-ring focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:outline-destructive aria-invalid:focus-visible:outline-destructive data-disabled:pointer-events-none data-disabled:opacity-50 data-invalid:border-destructive data-invalid:outline-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none forced-colors:appearance-auto forced-colors:pe-3', isList && 'h-auto appearance-auto px-3 py-2', className)
+            }),
+            /*#__PURE__*/ jsx("span", {
+                "aria-hidden": "true",
+                "data-scope": "native-select",
+                "data-part": "indicator",
+                "data-slot": "native-select-indicator",
+                className: cn('pointer-events-none absolute end-2 top-1/2 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-sm bg-transparent leading-none text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out peer-disabled/native-select:opacity-50 peer-data-disabled/native-select:opacity-50 motion-reduce:transition-none forced-colors:hidden [&>svg]:block [&>svg]:size-4 [@media(hover:hover)]:peer-[:not([disabled]):not([data-disabled]):hover]/native-select:bg-muted [@media(hover:hover)]:peer-[:not([disabled]):not([data-disabled]):hover]/native-select:text-foreground', isList && 'hidden'),
+                children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
+            })
+        ]
+    });
+});
+const NativeSelect = Object.assign(NativeSelect_NativeSelectRoot, {
+    Root: NativeSelect_NativeSelectRoot
+});
+export { NativeSelect };

package/dist/components/native-select/index.d.ts

@@ -0,0 +1 @@
+export * from './NativeSelect.js';

package/dist/components/native-select/index.js

@@ -0,0 +1 @@
+export * from "./NativeSelect.js";

package/dist/components/navigation-menu/NavigationMenu.d.ts

@@ -0,0 +1,18 @@
+import { NavigationMenu as NavigationMenuPrimitive, useNavigationMenu, useNavigationMenuContext } from '@ark-ui/react/navigation-menu';
+declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.RootProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.RootProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.RootProviderProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Context: (props: NavigationMenuPrimitive.ContextProps) => import("react").ReactNode;
+    List: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ViewportPositioner: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.ViewportPositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Viewport: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.ViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    useNavigationMenu: (props?: import("@ark-ui/react/navigation-menu").UseNavigationMenuProps) => import("@ark-ui/react/navigation-menu").UseNavigationMenuReturn;
+};
+export { NavigationMenu, useNavigationMenu, useNavigationMenuContext };

package/dist/components/navigation-menu/NavigationMenu.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { NavigationMenu, useNavigationMenu, useNavigationMenuContext } from "@ark-ui/react/navigation-menu";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const NavigationMenu_NavigationMenuRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Root, {
+        ref: ref,
+        "data-slot": "navigation-menu-root",
+        className: cn('group/navigation-menu relative box-border flex w-fit max-w-full min-w-0 justify-center text-foreground', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.RootProvider, {
+        ref: ref,
+        "data-slot": "navigation-menu-root-provider",
+        className: cn('group/navigation-menu relative box-border flex w-fit max-w-full min-w-0 justify-center text-foreground', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.List, {
+        ref: ref,
+        "data-slot": "navigation-menu-list",
+        className: cn('group/navigation-menu-list relative m-0 box-border flex max-w-full list-none items-center gap-1 p-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch [&>[data-slot=navigation-menu-indicator]]:top-auto [&>[data-slot=navigation-menu-indicator]]:-bottom-2.5 [&>[data-slot=navigation-menu-indicator]]:z-[61]', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Item, {
+        ref: ref,
+        "data-slot": "navigation-menu-item",
+        className: cn('relative group-has-[>[data-slot=navigation-menu-indicator]]/navigation-menu-list:static group-has-[>[data-slot=navigation-menu-viewport-positioner]>[data-slot=navigation-menu-viewport]]/navigation-menu:static', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Trigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "navigation-menu-trigger",
+        className: cn(!asChild && 'box-border inline-flex min-h-control-md items-center justify-center gap-2 rounded-md bg-transparent px-3 py-1 text-sm leading-5 font-medium whitespace-nowrap text-inherit no-underline outline-0 transition-[background-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-[state=open]:bg-muted motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-[rotate] [&>svg]:duration-200 [&>svg]:ease-in-out data-[state=open]:[&>svg]:rotate-180 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled])]:hover:bg-muted', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Content, {
+        ref: ref,
+        "data-slot": "navigation-menu-content",
+        className: cn('group/navigation-menu-content absolute start-0 top-[calc(100%+0.5rem)] z-60 box-border flex max-h-[min(24rem,calc(100dvh-1.5rem))] w-max max-w-[min(20rem,calc(100vw-1.5rem))] min-w-[min(max(var(--trigger-width,0px),12rem),calc(100vw-1.5rem))] origin-top-left flex-col overflow-auto overscroll-contain rounded-md bg-popover py-1 text-popover-foreground shadow-lg outline-1 outline-border data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed group-has-[>[data-slot=navigation-menu-indicator]]/navigation-menu-list:data-[state=closed]:animate-none data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none rtl:origin-top-right [&_[data-slot=navigation-menu-link]]:mx-1 [&_[data-slot=navigation-menu-link]]:justify-start [&_[data-slot=navigation-menu-link]]:rounded-sm [&_[data-slot=navigation-menu-link]]:px-2', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Link, {
+        ref: ref,
+        "data-slot": "navigation-menu-link",
+        className: cn('box-border inline-flex min-h-control-md items-center justify-center gap-2 rounded-md bg-transparent px-3 py-1 text-sm leading-5 font-medium whitespace-nowrap text-inherit no-underline outline-0 transition-[background-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-current:bg-transparent data-current:text-primary data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-[rotate] [&>svg]:duration-200 [&>svg]:ease-in-out [@media(hover:hover)]:[&:not(:disabled):not([data-disabled])]:hover:bg-muted', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Indicator, {
+        ref: ref,
+        "data-slot": "navigation-menu-indicator",
+        className: cn('pointer-events-none absolute start-0 -top-2.5 flex h-2.5 w-[var(--trigger-width,0px)] [translate:var(--trigger-x,0px)_0] justify-center transition-[translate,inline-size] duration-200 ease-in-out data-[state=closed]:opacity-0 data-[state=open]:opacity-100 motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuItemIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.ItemIndicator, {
+        ref: ref,
+        "data-slot": "navigation-menu-item-indicator",
+        className: cn('absolute inset-x-2 bottom-0 h-0.5 rounded-full bg-current', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuArrow = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Arrow, {
+        ref: ref,
+        "data-slot": "navigation-menu-arrow",
+        className: cn('relative top-1 size-2.5 rotate-45 border-s border-t border-border bg-popover', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuViewportPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.ViewportPositioner, {
+        ref: ref,
+        "data-slot": "navigation-menu-viewport-positioner",
+        className: cn('absolute start-0 top-full z-60 flex [translate:var(--viewport-x,0px)_0] data-[orientation=vertical]:start-full data-[orientation=vertical]:top-[var(--viewport-y,0px)] data-[orientation=vertical]:[translate:0_0] data-[orientation=vertical]:[&>[data-slot=navigation-menu-viewport]]:ms-2 data-[orientation=vertical]:[&>[data-slot=navigation-menu-viewport]]:mt-0', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenuViewport = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NavigationMenu.Viewport, {
+        ref: ref,
+        "data-slot": "navigation-menu-viewport",
+        className: cn('relative mt-2.5 box-border h-[var(--viewport-height)] max-h-[min(32rem,calc(100dvh-1.5rem))] w-[var(--viewport-width)] max-w-[min(40rem,calc(100vw-1.5rem))] origin-top overflow-hidden rounded-md bg-popover text-popover-foreground shadow-lg outline-1 outline-border transition-[inline-size,block-size] duration-200 ease-in-out data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none motion-reduce:transition-none [&_[data-slot=navigation-menu-content]]:absolute [&_[data-slot=navigation-menu-content]]:top-0 [&_[data-slot=navigation-menu-content]]:right-auto [&_[data-slot=navigation-menu-content]]:bottom-auto [&_[data-slot=navigation-menu-content]]:left-0 [&_[data-slot=navigation-menu-content]]:m-0 [&_[data-slot=navigation-menu-content]]:max-h-none [&_[data-slot=navigation-menu-content]]:origin-center [&_[data-slot=navigation-menu-content]]:overflow-visible [&_[data-slot=navigation-menu-content]]:rounded-none [&_[data-slot=navigation-menu-content]]:bg-transparent [&_[data-slot=navigation-menu-content]]:shadow-none [&_[data-slot=navigation-menu-content]]:outline-0 [&_[data-slot=navigation-menu-content]]:will-change-[translate,opacity] [&_[data-slot=navigation-menu-content][data-motion=from-end][data-state=open]]:animate-moduix-navigation-menu-content-from-end [&_[data-slot=navigation-menu-content][data-motion=from-start][data-state=open]]:animate-moduix-navigation-menu-content-from-start [&_[data-slot=navigation-menu-content][data-motion=to-end][data-state=closed]]:animate-moduix-navigation-menu-content-to-end [&_[data-slot=navigation-menu-content][data-motion=to-start][data-state=closed]]:animate-moduix-navigation-menu-content-to-start [&_[data-slot=navigation-menu-content][data-state]]:animate-none', className),
+        ...props
+    });
+});
+const NavigationMenu_NavigationMenu = Object.assign(NavigationMenu_NavigationMenuRoot, {
+    Root: NavigationMenu_NavigationMenuRoot,
+    RootProvider: NavigationMenu_NavigationMenuRootProvider,
+    Context: NavigationMenu.Context,
+    List: NavigationMenu_NavigationMenuList,
+    Item: NavigationMenu_NavigationMenuItem,
+    Trigger: NavigationMenu_NavigationMenuTrigger,
+    Content: NavigationMenu_NavigationMenuContent,
+    Link: NavigationMenu_NavigationMenuLink,
+    Indicator: NavigationMenu_NavigationMenuIndicator,
+    ItemIndicator: NavigationMenu_NavigationMenuItemIndicator,
+    Arrow: NavigationMenu_NavigationMenuArrow,
+    ViewportPositioner: NavigationMenu_NavigationMenuViewportPositioner,
+    Viewport: NavigationMenu_NavigationMenuViewport,
+    useNavigationMenu: useNavigationMenu
+});
+export { NavigationMenu_NavigationMenu as NavigationMenu, useNavigationMenu, useNavigationMenuContext };

package/dist/components/navigation-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './NavigationMenu.js';

package/dist/components/navigation-menu/index.js

@@ -0,0 +1 @@
+export * from "./NavigationMenu.js";

package/dist/components/number-input/NumberInput.d.ts

@@ -0,0 +1,18 @@
+import { NumberInput as NumberInputPrimitive, useNumberInput, useNumberInputContext } from '@ark-ui/react/number-input';
+import type { ComponentProps } from 'react';
+declare const NumberInputControl: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NumberInputFieldProps = Omit<ComponentProps<typeof NumberInputControl>, 'asChild' | 'children'>;
+declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: NumberInputPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Scrubber: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.ScrubberProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Field: import("react").ForwardRefExoticComponent<Omit<NumberInputFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DecrementTrigger: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.DecrementTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    IncrementTrigger: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.IncrementTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<NumberInputPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export { NumberInput, useNumberInput, useNumberInputContext };

package/dist/components/number-input/NumberInput.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NumberInput, useNumberInput, useNumberInputContext } from "@ark-ui/react/number-input";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { MinusIcon, PlusIcon } from "../../internal/icons/ui/index.js";
+const NumberInput_NumberInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.Root, {
+        ref: ref,
+        "data-slot": "number-input-root",
+        className: cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const NumberInput_NumberInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.RootProvider, {
+        ref: ref,
+        "data-slot": "number-input-root-provider",
+        className: cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const NumberInput_NumberInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.Label, {
+        ref: ref,
+        "data-slot": "number-input-label",
+        className: cn('text-sm leading-5 font-medium text-foreground', className),
+        ...props
+    });
+});
+const NumberInput_NumberInputScrubber = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.Scrubber, {
+        ref: ref,
+        "data-slot": "number-input-scrubber",
+        className: cn('inline-flex cursor-ew-resize items-center gap-2 text-foreground select-none data-disabled:cursor-default', className),
+        ...props
+    });
+});
+const NumberInput_NumberInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.Control, {
+        ref: ref,
+        "data-slot": "number-input-control",
+        className: cn('inline-flex items-stretch', className),
+        ...props
+    });
+});
+const NumberInput_NumberInputDecrementTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.DecrementTrigger, {
+        ref: ref,
+        "data-slot": "number-input-decrement-trigger",
+        className: cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-s-md border border-e-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(MinusIcon, {})
+    });
+});
+const NumberInput_NumberInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.Input, {
+        ref: ref,
+        "data-slot": "number-input-input",
+        className: cn('h-control-md w-24 rounded-none border-x-0 border-y border-border border-x-current bg-background px-3 py-1 text-center text-md leading-6 text-foreground tabular-nums outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out group-data-invalid/number-input:border-t-destructive group-data-invalid/number-input:border-b-destructive focus-visible:z-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive data-focus:z-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-t-destructive data-invalid:border-b-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const NumberInput_NumberInputIncrementTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.IncrementTrigger, {
+        ref: ref,
+        "data-slot": "number-input-increment-trigger",
+        className: cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-e-md border border-s-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(PlusIcon, {})
+    });
+});
+const NumberInput_NumberInputValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(NumberInput.ValueText, {
+        ref: ref,
+        "data-slot": "number-input-value-text",
+        className: cn('text-sm leading-5 text-muted-foreground tabular-nums', className),
+        ...props
+    });
+});
+const NumberInput_NumberInputField = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsxs(NumberInput_NumberInputControl, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(NumberInput_NumberInputDecrementTrigger, {}),
+            /*#__PURE__*/ jsx(NumberInput_NumberInputInput, {}),
+            /*#__PURE__*/ jsx(NumberInput_NumberInputIncrementTrigger, {})
+        ]
+    });
+});
+const NumberInput_NumberInput = Object.assign(NumberInput_NumberInputRoot, {
+    Root: NumberInput_NumberInputRoot,
+    RootProvider: NumberInput_NumberInputRootProvider,
+    Context: NumberInput.Context,
+    Label: NumberInput_NumberInputLabel,
+    Scrubber: NumberInput_NumberInputScrubber,
+    Control: NumberInput_NumberInputControl,
+    Field: NumberInput_NumberInputField,
+    DecrementTrigger: NumberInput_NumberInputDecrementTrigger,
+    Input: NumberInput_NumberInputInput,
+    IncrementTrigger: NumberInput_NumberInputIncrementTrigger,
+    ValueText: NumberInput_NumberInputValueText
+});
+export { NumberInput_NumberInput as NumberInput, useNumberInput, useNumberInputContext };

package/dist/components/number-input/index.d.ts

@@ -0,0 +1 @@
+export { NumberInput, useNumberInput, useNumberInputContext } from './NumberInput.js';

package/dist/components/number-input/index.js

@@ -0,0 +1 @@
+export { NumberInput, useNumberInput, useNumberInputContext } from "./NumberInput.js";

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

@@ -0,0 +1,17 @@
+import { Pagination as PaginationPrimitive, usePagination, usePaginationContext } from '@ark-ui/react/pagination';
+declare function PaginationItems(): import("react").JSX.Element;
+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;
+};
+export { Pagination, usePagination, usePaginationContext };

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pagination, usePagination, usePaginationContext } from "@ark-ui/react/pagination";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
+const Pagination_PaginationRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.Root, {
+        ref: ref,
+        "data-slot": "pagination-root",
+        className: cn('inline-flex max-w-full items-center gap-1 overflow-x-auto text-foreground', className),
+        ...props
+    });
+});
+const Pagination_PaginationRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.RootProvider, {
+        ref: ref,
+        "data-slot": "pagination-root-provider",
+        className: cn('inline-flex max-w-full items-center gap-1 overflow-x-auto text-foreground', className),
+        ...props
+    });
+});
+const Pagination_PaginationItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.Item, {
+        ref: ref,
+        "data-slot": "pagination-item",
+        className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-2 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', 'data-selected:border-foreground data-selected:bg-foreground data-selected:text-background [@media(hover:hover)]:hover:bg-accent [@media(hover:hover)]:data-selected:hover:bg-foreground', '[&_svg]:size-4 [&_svg]:shrink-0', className),
+        ...props
+    });
+});
+const Pagination_PaginationEllipsis = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.Ellipsis, {
+        ref: ref,
+        "data-slot": "pagination-ellipsis",
+        className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium text-muted-foreground tabular-nums select-none', className),
+        ...props,
+        children: children ?? (!props.asChild && '...')
+    });
+});
+function EdgeIcon({ side }) {
+    const Icon = 'left' === side ? ChevronLeftIcon : ChevronRightIcon;
+    return /*#__PURE__*/ jsxs("span", {
+        className: "inline-flex items-center justify-center [&_svg+svg]:-ms-2",
+        "aria-hidden": true,
+        children: [
+            /*#__PURE__*/ jsx(Icon, {}),
+            /*#__PURE__*/ jsx(Icon, {})
+        ]
+    });
+}
+const Pagination_PaginationPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.PrevTrigger, {
+        ref: ref,
+        "data-slot": "pagination-prev-trigger",
+        className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
+        ...props,
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(ChevronLeftIcon, {}))
+    });
+});
+const Pagination_PaginationNextTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.NextTrigger, {
+        ref: ref,
+        "data-slot": "pagination-next-trigger",
+        className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
+        ...props,
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(ChevronRightIcon, {}))
+    });
+});
+const Pagination_PaginationFirstTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.FirstTrigger, {
+        ref: ref,
+        "data-slot": "pagination-first-trigger",
+        className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
+        ...props,
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(EdgeIcon, {
+            side: "left"
+        }))
+    });
+});
+const Pagination_PaginationLastTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Pagination.LastTrigger, {
+        ref: ref,
+        "data-slot": "pagination-last-trigger",
+        className: cn('inline-flex h-control-md min-w-control-md items-center justify-center rounded-md text-sm leading-5 font-medium tabular-nums', 'cursor-pointer gap-2 border border-border bg-background px-3 whitespace-nowrap text-foreground no-underline select-none', 'focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', null == children && 'w-control-md p-0 rtl:[&_svg]:-scale-x-100', className),
+        ...props,
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(EdgeIcon, {
+            side: "right"
+        }))
+    });
+});
+const PaginationContext = Pagination.Context;
+function PaginationItems() {
+    return /*#__PURE__*/ jsx(PaginationContext, {
+        children: (pagination)=>pagination.pages.map((page, index)=>'page' === page.type ? /*#__PURE__*/ jsx(Pagination_PaginationItem, {
+                    ...page,
+                    children: page.value
+                }, page.value) : /*#__PURE__*/ jsx(Pagination_PaginationEllipsis, {
+                    index: index
+                }, `ellipsis-${index}`))
+    });
+}
+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
+});
+export { Pagination_Pagination as Pagination, usePagination, usePaginationContext };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,16 @@
+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: 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>>;
+};
+export { PasswordInput, usePasswordInput, usePasswordInputContext };

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

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PasswordInput, usePasswordInput, usePasswordInputContext } from "@ark-ui/react/password-input";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { EyeClosedIcon, EyeIcon } from "../../internal/icons/ui/index.js";
+const PasswordInput_PasswordInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Root, {
+        ref: ref,
+        "data-slot": "password-input-root",
+        className: cn('flex w-full max-w-none flex-col gap-1 text-foreground data-disabled:opacity-50', 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: cn('flex w-full max-w-none flex-col gap-1 text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const PasswordInput_PasswordInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Label, {
+        ref: ref,
+        "data-slot": "password-input-label",
+        className: cn('inline-flex items-center gap-1 text-sm leading-5 font-medium text-foreground', className),
+        ...props
+    });
+});
+const PasswordInput_PasswordInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Control, {
+        ref: ref,
+        "data-slot": "password-input-control",
+        className: cn('flex min-h-control-md w-full items-center rounded-md border border-border bg-background pr-2 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out focus-within:outline-ring data-invalid:border-destructive data-invalid:focus-within:outline-destructive data-readonly:bg-background data-readonly:text-foreground motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const PasswordInput_PasswordInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Input, {
+        ref: ref,
+        "data-slot": "password-input-input",
+        className: cn('min-h-0 min-w-0 flex-auto bg-transparent px-3 py-1 text-md leading-6 text-foreground outline-0 transition-opacity duration-200 ease-in-out placeholder:text-muted-foreground disabled:pointer-events-none data-disabled:pointer-events-none motion-reduce:transition-none', 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: cn('group/password-input-trigger inline-flex size-control-sm min-w-control-sm shrink-0 cursor-pointer items-center justify-center rounded-sm bg-transparent text-muted-foreground outline-1 -outline-offset-1 outline-transparent transition-[color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring disabled:cursor-default data-disabled:cursor-default data-readonly:cursor-default motion-reduce:transition-none [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):not([data-readonly]):hover]:text-foreground', className),
+        ...props
+    });
+});
+const PasswordInput_PasswordInputIndicator = /*#__PURE__*/ forwardRef(function({ className, children, fallback, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PasswordInput.Indicator, {
+        ref: ref,
+        "data-slot": "password-input-indicator",
+        className: cn("inline-flex items-center justify-center rounded-sm p-1 transition-[background-color,color] duration-200 ease-in-out group-hover/password-input-trigger:bg-muted group-focus-visible/password-input-trigger:bg-muted group-data-[disabled]/password-input-trigger:bg-transparent group-data-[readonly]/password-input-trigger:bg-transparent motion-reduce:transition-none [&>svg:not([class*='size-'])]:size-4", className),
+        fallback: fallback ?? /*#__PURE__*/ jsx(EyeClosedIcon, {}),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(EyeIcon, {})
+    });
+});
+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_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
+});
+export { PasswordInput_PasswordInput as PasswordInput, usePasswordInput, usePasswordInputContext };

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

@@ -0,0 +1 @@
+export { PasswordInput, usePasswordInput, usePasswordInputContext } from './PasswordInput.js';

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

@@ -0,0 +1 @@
+export { PasswordInput, usePasswordInput, usePasswordInputContext } from "./PasswordInput.js";