@nexub/react 3.0.0 → 3.1.0

package/dist/{chunk-FXVI4RCJ.js → components/NavigationMenu/NavigationMenu.js}

@@ -1,17 +1,11 @@
-'use client';
-import {
-  floatingSurface
-} from "./chunk-5FWJXSXT.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/NavigationMenu/NavigationMenu.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixNav from "@radix-ui/react-navigation-menu";
 import { ChevronDown } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { floatingSurface } from "../../utils/surface.js";
+const Root = React.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     RadixNav.Root,
     {
@@ -20,13 +14,13 @@ var Root2 = React.forwardRef(
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(Viewport2, {})
+        /* @__PURE__ */ jsx(Viewport, {})
       ]
     }
   )
 );
-Root2.displayName = "NavigationMenu.Root";
-var List2 = React.forwardRef(
+Root.displayName = "NavigationMenu.Root";
+const List = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.List,
     {
@@ -36,9 +30,9 @@ var List2 = React.forwardRef(
     }
   )
 );
-List2.displayName = "NavigationMenu.List";
-var Item2 = RadixNav.Item;
-var Trigger2 = React.forwardRef(
+List.displayName = "NavigationMenu.List";
+const Item = RadixNav.Item;
+const Trigger = React.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     RadixNav.Trigger,
     {
@@ -64,8 +58,8 @@ var Trigger2 = React.forwardRef(
     }
   )
 );
-Trigger2.displayName = "NavigationMenu.Trigger";
-var Content2 = React.forwardRef(
+Trigger.displayName = "NavigationMenu.Trigger";
+const Content = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.Content,
     {
@@ -78,8 +72,8 @@ var Content2 = React.forwardRef(
     }
   )
 );
-Content2.displayName = "NavigationMenu.Content";
-var Link2 = React.forwardRef(
+Content.displayName = "NavigationMenu.Content";
+const Link = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.Link,
     {
@@ -92,8 +86,8 @@ var Link2 = React.forwardRef(
     }
   )
 );
-Link2.displayName = "NavigationMenu.Link";
-var Viewport2 = React.forwardRef(
+Link.displayName = "NavigationMenu.Link";
+const Viewport = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "absolute start-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(
     RadixNav.Viewport,
     {
@@ -108,8 +102,8 @@ var Viewport2 = React.forwardRef(
     }
   ) })
 );
-Viewport2.displayName = "NavigationMenu.Viewport";
-var Indicator2 = React.forwardRef(
+Viewport.displayName = "NavigationMenu.Viewport";
+const Indicator = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixNav.Indicator,
     {
@@ -123,9 +117,8 @@ var Indicator2 = React.forwardRef(
     }
   )
 );
-Indicator2.displayName = "NavigationMenu.Indicator";
-var NavigationMenu = { Root: Root2, List: List2, Item: Item2, Trigger: Trigger2, Content: Content2, Link: Link2, Viewport: Viewport2, Indicator: Indicator2 };
-
+Indicator.displayName = "NavigationMenu.Indicator";
+const NavigationMenu = { Root, List, Item, Trigger, Content, Link, Viewport, Indicator };
 export {
   NavigationMenu
 };

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

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

package/dist/components/NavigationMenu/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  NavigationMenu
-} from "../../chunk-FXVI4RCJ.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-WRVFNYO3.js";
+import { NavigationMenu } from "./NavigationMenu.js";
 export {
   NavigationMenu
 };

package/dist/components/NavigationRail/NavigationRail.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface NavigationRailRootProps extends React.HTMLAttributes<HTMLElement> {
+    /** Accessible name for the landmark. @default 'Main' */
+    'aria-label'?: string;
+    /** Optional slot above the items, e.g. a primary action or logo. */
+    header?: React.ReactNode;
+}
+export interface NavigationRailItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    icon: React.ReactNode;
+    label: React.ReactNode;
+    active?: boolean;
+    /** Render your link (e.g. a router `<Link>`) as the item: pass it as the only child. */
+    asChild?: boolean;
+    children?: React.ReactElement;
+}
+export declare const NavigationRail: {
+    Root: React.ForwardRefExoticComponent<NavigationRailRootProps & React.RefAttributes<HTMLElement>>;
+    Item: React.ForwardRefExoticComponent<NavigationRailItemProps & React.RefAttributes<HTMLAnchorElement>>;
+};

package/dist/{chunk-5MGCYR4G.js → components/NavigationRail/NavigationRail.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/NavigationRail/NavigationRail.tsx
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Root = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const Root = React.forwardRef(
   ({ className, header, children, "aria-label": ariaLabel, ...props }, ref) => {
     const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
@@ -29,7 +23,7 @@ var Root = React.forwardRef(
   }
 );
 Root.displayName = "NavigationRail.Root";
-var Item = React.forwardRef(
+const Item = React.forwardRef(
   ({ className, icon, label, active, asChild, children, ...props }, ref) => {
     const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -69,8 +63,7 @@ var Item = React.forwardRef(
   }
 );
 Item.displayName = "NavigationRail.Item";
-var NavigationRail = { Root, Item };
-
+const NavigationRail = { Root, Item };
 export {
   NavigationRail
 };

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

@@ -0,0 +1,2 @@
+export { NavigationRail } from './NavigationRail.js';
+export type { NavigationRailRootProps, NavigationRailItemProps } from './NavigationRail.js';

package/dist/components/NavigationRail/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  NavigationRail
-} from "../../chunk-5MGCYR4G.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { NavigationRail } from "./NavigationRail.js";
 export {
   NavigationRail
 };

package/dist/components/NexubProvider/NexubProvider.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import type { Locale } from 'date-fns';
+import { defaultMessages, directionOf, type Direction, type NexubMessages } from '@nexub/core';
+export { defaultMessages, directionOf, type Direction, type NexubMessages };
+export interface NexubProviderProps {
+    /** BCP 47 locale for Intl formatting. @default 'en' */
+    locale?: string;
+    /** Text direction for Radix primitives. @default derived from `locale` */
+    dir?: Direction;
+    /**
+     * date-fns Locale for calendars (month/weekday names, week start, trigger text).
+     * Import only the one you need, e.g. `import { fr } from 'date-fns/locale/fr'`.
+     */
+    dateLocale?: Locale;
+    /** Overrides for the default English strings. */
+    messages?: Partial<NexubMessages>;
+    children?: React.ReactNode;
+}
+/**
+ * Locale, direction and translated strings for every @nexub/react component.
+ * It does not set `dir`/`lang` on <html> — the app does that (as it renders
+ * <html>), so the page and CSS `rtl:` variants agree with this provider.
+ */
+export declare function NexubProvider({ locale, dir, dateLocale, messages, children }: NexubProviderProps): React.JSX.Element;
+/** The active strings: defaults merged with the nearest NexubProvider's overrides. */
+export declare function useNexubMessages(): NexubMessages;
+/** The active locale (default 'en'), direction and optional date-fns Locale. */
+export declare function useLocale(): {
+    locale: string;
+    dir: Direction;
+    dateLocale?: Locale;
+};
+/** Internal: the provider's locale, or undefined (= the user's) without one. */
+export declare function useIntlLocale(explicit?: string): string | undefined;

package/dist/{chunk-VMSWIC3O.js → components/NexubProvider/NexubProvider.js}

@@ -1,11 +1,9 @@
-'use client';
-
-// src/components/NexubProvider/NexubProvider.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { DirectionProvider } from "@radix-ui/react-direction";
 import { defaultMessages, directionOf } from "@nexub/core";
-import { jsx } from "react/jsx-runtime";
-var NexubContext = React.createContext({
+const NexubContext = React.createContext({
   locale: void 0,
   dir: "ltr",
   dateLocale: void 0,
@@ -30,11 +28,11 @@ function useIntlLocale(explicit) {
   const ctx = React.useContext(NexubContext).locale;
   return explicit ?? ctx;
 }
-
 export {
-  defaultMessages,
   NexubProvider,
-  useNexubMessages,
+  defaultMessages,
+  directionOf,
+  useIntlLocale,
   useLocale,
-  useIntlLocale
+  useNexubMessages
 };

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

@@ -0,0 +1,2 @@
+export { NexubProvider, useNexubMessages, useLocale, defaultMessages } from './NexubProvider.js';
+export type { NexubProviderProps, NexubMessages, Direction } from './NexubProvider.js';

package/dist/components/NexubProvider/index.js

@@ -1,11 +1,4 @@
-'use client';
-import "../../chunk-A3O23F2B.js";
-import {
-  NexubProvider,
-  defaultMessages,
-  useLocale,
-  useNexubMessages
-} from "../../chunk-VMSWIC3O.js";
+import { NexubProvider, useNexubMessages, useLocale, defaultMessages } from "./NexubProvider.js";
 export {
   NexubProvider,
   defaultMessages,

package/dist/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type Size } from '../../utils/control.js';
+export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'size'> {
+    size?: Size;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    showSteppers?: boolean;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    invalid?: boolean;
+}
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/{chunk-V3EWVSVI.js → components/NumberInput/NumberInput.js}

@@ -1,31 +1,21 @@
-'use client';
-import {
-  inputWrapperVariants
-} from "./chunk-G7VMAWAX.js";
-import {
-  disabledText
-} from "./chunk-VALIDQXU.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/NumberInput/NumberInput.tsx
-import * as React from "react";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-var formatValue = (v, precision) => {
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { disabledText } from "../../utils/control.js";
+import { inputWrapperVariants } from "../Input/Input.js";
+const formatValue = (v, precision) => {
   if (precision !== void 0) return v.toFixed(precision);
   return String(v);
 };
-var clampValue = (v, min, max) => {
+const clampValue = (v, min, max) => {
   let result = v;
   if (min !== void 0 && result < min) result = min;
   if (max !== void 0 && result > max) result = max;
   return result;
 };
-var NumberInput = React.forwardRef(
+const NumberInput = React.forwardRef(
   ({
     className,
     size = "md",
@@ -119,7 +109,6 @@ var NumberInput = React.forwardRef(
   }
 );
 NumberInput.displayName = "NumberInput";
-
 export {
   NumberInput
 };

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

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput.js';
+export type { NumberInputProps } from './NumberInput.js';

package/dist/components/NumberInput/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  NumberInput
-} from "../../chunk-V3EWVSVI.js";
-import "../../chunk-G7VMAWAX.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { NumberInput } from "./NumberInput.js";
 export {
   NumberInput
 };

package/dist/components/NumberTicker/NumberTicker.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+/** A run of already-formatted text with its own class (Amount's muted symbol and minor units). */
+export interface NumberTickerPart {
+    value: string;
+    className?: string;
+}
+export interface NumberTickerProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** A number (formatted with `format`/`locale`), an already-formatted string, or styled parts. */
+    value: number | string | readonly NumberTickerPart[];
+    format?: Intl.NumberFormatOptions;
+    /** BCP 47 locale. Defaults to the user's. */
+    locale?: string;
+    /** Announce changes to screen readers. */
+    'aria-live'?: 'off' | 'polite';
+    /** Count up from zeros when the number first scrolls into view. Only for a ticker that starts
+     *  below the fold; the server-rendered HTML and screen readers always get the real value.
+     *  Off under reduced motion. */
+    countOnView?: boolean;
+}
+/**
+ * A rolling number: each digit is a 0–9 strip that slides to its value on the
+ * spatial spring; separators, symbols and signs stay static. The first render
+ * shows the value as-is; only later changes animate.
+ */
+export declare const NumberTicker: React.ForwardRefExoticComponent<NumberTickerProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-2G3XUIQZ.js → components/NumberTicker/NumberTicker.js}

@@ -1,15 +1,10 @@
-'use client';
-import {
-  useIntlLocale
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/NumberTicker/NumberTicker.tsx
-import * as React from "react";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-var SHIFT = [
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { useIntlLocale } from "../NexubProvider/NexubProvider.js";
+import { useMergedRefs } from "../../hooks/useMergedRefs.js";
+const SHIFT = [
   "translate-y-0",
   "-translate-y-[10%]",
   "-translate-y-[20%]",
@@ -21,9 +16,9 @@ var SHIFT = [
   "-translate-y-[80%]",
   "-translate-y-[90%]"
 ];
-var DIGITS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-var isDigit = (c) => c !== void 0 && /^[0-9]$/.test(c);
-var RTL = /[\u0590-\u08FF\u200F\u061C\uFB1D-\uFDFF\uFE70-\uFEFF]/;
+const DIGITS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const isDigit = (c) => c !== void 0 && /^[0-9]$/.test(c);
+const RTL = /[\u0590-\u08FF\u200F\u061C\uFB1D-\uFDFF\uFE70-\uFEFF]/;
 function digitRuns(items) {
   const out = [];
   let run = [];
@@ -71,12 +66,29 @@ function Char({ char, className, enter }) {
     }
   );
 }
-var NumberTicker = React.forwardRef(
-  ({ value, format, locale: localeProp, className, "aria-live": ariaLive = "off", ...props }, ref) => {
+const NumberTicker = React.forwardRef(
+  ({ value, format, locale: localeProp, className, "aria-live": ariaLive = "off", countOnView = false, ...props }, ref) => {
     const locale = useIntlLocale(localeProp);
     const parts = typeof value === "number" ? [{ value: new Intl.NumberFormat(locale, format).format(value) }] : typeof value === "string" ? [{ value }] : value;
-    const chars = parts.flatMap((p) => Array.from(p.value, (char) => ({ char, className: p.className })));
     const text = parts.map((p) => p.value).join("");
+    const self = React.useRef(null);
+    const [zeroed, setZeroed] = React.useState(false);
+    React.useEffect(() => {
+      const el = self.current;
+      if (!countOnView || !el || typeof IntersectionObserver === "undefined") return;
+      if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+      if (el.getBoundingClientRect().top < window.innerHeight) return;
+      setZeroed(true);
+      const io = new IntersectionObserver(([entry]) => {
+        if (!entry?.isIntersecting) return;
+        setZeroed(false);
+        io.disconnect();
+      }, { threshold: 0.5 });
+      io.observe(el);
+      return () => io.disconnect();
+    }, [countOnView]);
+    const shown = zeroed ? parts.map((p) => ({ ...p, value: p.value.replace(/[0-9]/g, "0") })) : parts;
+    const chars = shown.flatMap((p) => Array.from(p.value, (char) => ({ char, className: p.className })));
     const mounted = React.useRef(false);
     React.useEffect(() => {
       mounted.current = true;
@@ -89,7 +101,7 @@ var NumberTicker = React.forwardRef(
     return /* @__PURE__ */ jsxs(
       "span",
       {
-        ref,
+        ref: useMergedRefs(ref, self),
         className: cn("whitespace-nowrap tabular-nums", className),
         "aria-live": ariaLive,
         "aria-atomic": "true",
@@ -103,7 +115,6 @@ var NumberTicker = React.forwardRef(
   }
 );
 NumberTicker.displayName = "NumberTicker";
-
 export {
   NumberTicker
 };

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

@@ -0,0 +1,2 @@
+export { NumberTicker } from './NumberTicker.js';
+export type { NumberTickerProps, NumberTickerPart } from './NumberTicker.js';

package/dist/components/NumberTicker/index.js

@@ -1,10 +1,4 @@
-'use client';
-import "../../chunk-WLRRMT6W.js";
-import {
-  NumberTicker
-} from "../../chunk-2G3XUIQZ.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { NumberTicker } from "./NumberTicker.js";
 export {
   NumberTicker
 };

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    breadcrumb?: React.ReactNode;
+    /** Heading level of the title. Use 2 or 3 when the page already has an h1. @default 1 */
+    level?: 1 | 2 | 3;
+}
+export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-SEW66BU7.js → components/PageHeader/PageHeader.js}

@@ -1,12 +1,7 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/PageHeader/PageHeader.tsx
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var PageHeader = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const PageHeader = React.forwardRef(
   ({ className, title, description, actions, breadcrumb, level = 1, ...props }, ref) => {
     const Heading = `h${level}`;
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-4", className), ...props, children: [
@@ -22,7 +17,6 @@ var PageHeader = React.forwardRef(
   }
 );
 PageHeader.displayName = "PageHeader";
-
 export {
   PageHeader
 };

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

@@ -0,0 +1,2 @@
+export { PageHeader } from './PageHeader.js';
+export type { PageHeaderProps } from './PageHeader.js';

package/dist/components/PageHeader/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  PageHeader
-} from "../../chunk-SEW66BU7.js";
-import "../../chunk-WRVFNYO3.js";
+import { PageHeader } from "./PageHeader.js";
 export {
   PageHeader
 };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
+    page: number;
+    totalItems: number;
+    pageSize?: number;
+    siblingCount?: number;
+    onPageChange: (page: number) => void;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;

package/dist/{chunk-NLVP74RX.js → components/Pagination/Pagination.js}

@@ -1,20 +1,11 @@
-'use client';
-import {
-  disabledText,
-  pressable
-} from "./chunk-VALIDQXU.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Pagination/Pagination.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var navButton = cn(
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { disabledText, pressable } from "../../utils/control.js";
+const navButton = cn(
   pressable,
   "inline-flex h-11 w-11 items-center justify-center bg-transparent text-[var(--color-on-surface)]",
   disabledText
@@ -34,7 +25,7 @@ function generatePages(current, total, siblings) {
   pages.push(total);
   return pages;
 }
-var Pagination = React.forwardRef(
+const Pagination = React.forwardRef(
   ({
     className,
     page,
@@ -109,7 +100,6 @@ var Pagination = React.forwardRef(
   }
 );
 Pagination.displayName = "Pagination";
-
 export {
   Pagination
 };

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

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination.js';
+export type { PaginationProps } from './Pagination.js';

package/dist/components/Pagination/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  Pagination
-} from "../../chunk-NLVP74RX.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { Pagination } from "./Pagination.js";
 export {
   Pagination
 };

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type InputProps } from '../Input/Input.js';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'trailingIcon'> {
+    /** Whether the password is shown as text. Controlled when set. */
+    visible?: boolean;
+    defaultVisible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+}
+export declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;