@central-ui/react 0.0.0-stage → 0.1.0

package/dist/components/otpinput/index.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OTPField as BaseOtp } from '@base-ui/react/otp-field';
+import { Fragment, createContext, forwardRef, useContext, useEffect, useId, useState, } from 'react';
+import { ToneProvider, useToneContext } from "../../utils/Tone.js";
+/**
+ * Configure length and value on Root. Render an Input for each callback invocation from List; slot order is managed automatically. Keyboard navigation and paste distribution are built in; do not split or synchronize the code yourself.
+ *
+ * @example Complete composition
+ * import { OtpInput } from '@central-ui/react'
+ * import { Fragment } from 'react'
+ *
+ * function Example() {
+ *   return (
+ *     <OtpInput.Root length={6} name="code" defaultValue="123">
+ *       <OtpInput.Container>
+ *         <OtpInput.Label>Verification code</OtpInput.Label>
+ *         <OtpInput.List>
+ *           {(index) => (
+ *             <Fragment key={index}>
+ *               <OtpInput.Input />
+ *               {index === 2 && <OtpInput.Separator />}
+ *             </Fragment>
+ *           )}
+ *         </OtpInput.List>
+ *         <OtpInput.Description>Enter the six-digit code.</OtpInput.Description>
+ *       </OtpInput.Container>
+ *     </OtpInput.Root>
+ *   )
+ * }
+ *
+ * @example Hide the code while it is entered
+ * // Keep the same List; do not replace its Inputs with password inputs yourself.
+ * ;<OtpInput.Root length={6} mask>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </OtpInput.Root>
+ */
+export const Root = forwardRef(function Root({ id, tone = 'neutral', children, ...props }, ref) {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const [connections, setConnections] = useState({
+        descriptionIds: [],
+    });
+    return (_jsx(ToneProvider, { value: tone, children: _jsx(BaseOtp.Root, { ...props, id: inputId, ref: ref, "aria-labelledby": connections.labelId ?? props['aria-labelledby'], "aria-describedby": [props['aria-describedby'], ...connections.descriptionIds]
+                .filter(Boolean)
+                .join(' ') || undefined, render: (rootProps, state) => (_jsx(InputContext.Provider, { value: { ...state, inputId, connections, setConnections }, children: _jsx("div", { ...rootProps }) })), children: children }) }));
+});
+export const Input = forwardRef(function Input({ disableStyle, className, 'aria-describedby': describedBy, ...props }, ref) {
+    const context = useInputContext();
+    const tone = useToneContext();
+    return (_jsx(BaseOtp.Input, { ...props, ref: ref, "data-tone": tone, "aria-invalid": tone === 'invalid' || props['aria-invalid'] || undefined, "aria-describedby": [describedBy, ...context.connections.descriptionIds]
+            .filter(Boolean)
+            .join(' ') || undefined, "aria-labelledby": props['aria-labelledby'] ?? context.connections.labelId, "data-component": "otpinput-input", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Container = forwardRef(function Container({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, ref: ref, "data-component": "otpinput-container", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Labels the associated control automatically. Supply the visible text; do not wire a second label association. */
+export const Label = forwardRef(function Label({ disableStyle, className, id, ...props }, ref) {
+    const context = useInputContext();
+    const labelId = id ?? context.inputId + '-label';
+    const attributes = usePartAttributes();
+    useEffect(() => {
+        context.setConnections((current) => ({ ...current, labelId }));
+        return () => context.setConnections((current) => ({
+            ...current,
+            labelId: current.labelId === labelId ? undefined : current.labelId,
+        }));
+    }, [labelId, context.setConnections]);
+    return (_jsx("label", { ...attributes, ...props, id: labelId, ref: ref, htmlFor: context.inputId, "data-component": "otpinput-label", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, id: messageId, ref: ref, "data-component": "otpinput-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Error = forwardRef(function Error({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "alert", "aria-atomic": "true", ...attributes, ...props, id: messageId, ref: ref, "data-component": "otpinput-error", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Success = forwardRef(function Success({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "status", "aria-atomic": "true", ...attributes, ...props, id: messageId, ref: ref, "data-component": "otpinput-success", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Calls children for each code slot. Render Input inside each callback; the component handles slot ordering and keyboard/paste behavior. */
+export const List = forwardRef(function List({ disableStyle, className, children, ...props }, ref) {
+    const context = useInputContext();
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, ref: ref, "data-component": "otpinput-list", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: Array.from({ length: context.length }, (_, index) => (_jsx(Fragment, { children: children(index) }, index))) }));
+});
+export const Separator = forwardRef(function Separator({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseOtp.Separator, { ...props, ref: ref, "data-component": "otpinput-separator", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+const InputContext = createContext(null);
+function useInputContext() {
+    const context = useContext(InputContext);
+    if (!context)
+        throw new globalThis.Error('Parts must be inside Root');
+    return context;
+}
+function usePartAttributes() {
+    const context = useInputContext();
+    const tone = useToneContext();
+    return {
+        'data-disabled': context.disabled ? '' : undefined,
+        'data-readonly': context.readOnly ? '' : undefined,
+        'data-required': context.required ? '' : undefined,
+        'data-tone': tone,
+    };
+}
+function useMessageId(id) {
+    const generatedId = useId();
+    const messageId = id ?? generatedId;
+    const context = useInputContext();
+    useEffect(() => {
+        context.setConnections((current) => ({
+            ...current,
+            descriptionIds: [...current.descriptionIds, messageId],
+        }));
+        return () => context.setConnections((current) => ({
+            ...current,
+            descriptionIds: current.descriptionIds.filter((id) => id !== messageId),
+        }));
+    }, [messageId, context.setConnections]);
+    return messageId;
+}
+//# sourceMappingURL=index.js.map

package/dist/components/otpinput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/otpinput/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+type PageSize = 'wide' | 'medium' | 'narrow';
+/**
+ * Root configures the page width; Surface renders it. Choose the Header, Body sections, and Footer needed by the screen. Action areas take your own controls; they do not create actions automatically.
+ *
+ * @example Complete composition
+ * import { Page } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Page.Root size="narrow">
+ *       <Page.Surface>
+ *         <Page.Header>
+ *           <Page.HeaderTitle>Settings</Page.HeaderTitle>
+ *           <Page.HeaderDescription>Manage preferences.</Page.HeaderDescription>
+ *         </Page.Header>
+ *         <Page.Body>
+ *           <Page.BodySection>
+ *             <Page.BodySectionTitle>Profile</Page.BodySectionTitle>
+ *           </Page.BodySection>
+ *         </Page.Body>
+ *       </Page.Surface>
+ *     </Page.Root>
+ *   )
+ * }
+ */
+export declare function Root({ size, children, }: {
+    /** Choose the shared size for the visible parts in this composition. */
+    size: PageSize;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function Surface({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function Header({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function HeaderMeta({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function HeaderContext({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function HeaderActions({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function HeaderBackButton({ disableStyle, type, className, ...props }: ComponentProps<'button'> & StyleProps): import("react").JSX.Element;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function HeaderBackButtonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement> & {
+    'data-size'?: PageSize;
+}, string | import("react").JSXElementConstructor<any>>;
+export declare function HeaderTitle({ disableStyle, className, ...props }: ComponentProps<'h1'> & StyleProps): import("react").JSX.Element;
+export declare function HeaderDescription({ disableStyle, className, ...props }: ComponentProps<'p'> & StyleProps): import("react").JSX.Element;
+export declare function Body({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function BodySection({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function BodySectionHeader({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function BodySectionTitle({ disableStyle, className, ...props }: ComponentProps<'h2'> & StyleProps): import("react").JSX.Element;
+export declare function Footer({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpE,KAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAI5C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,wEAAwE;IACxE,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAEA;AAED,wBAAgB,OAAO,CAAC,EACtB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,MAAM,CAAC,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,IAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,UAAU,+BAYvC;AAED,8GAA8G;AAC9G,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,QAAwB,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC/C,CAAC,GACA,UAAU;kBAIkC,QAAQ;wDAcrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,UAAU,+BAWnC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,+BAWlC;AAED,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,UAAU,+BAWnC;AAED,wBAAgB,MAAM,CAAC,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC"}

package/dist/components/page/index.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowLeft } from 'lucide-react';
+import { cloneElement, createContext, useContext } from 'react';
+import { twMerge } from 'tailwind-merge';
+const SizeContext = createContext('medium');
+/**
+ * Root configures the page width; Surface renders it. Choose the Header, Body sections, and Footer needed by the screen. Action areas take your own controls; they do not create actions automatically.
+ *
+ * @example Complete composition
+ * import { Page } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Page.Root size="narrow">
+ *       <Page.Surface>
+ *         <Page.Header>
+ *           <Page.HeaderTitle>Settings</Page.HeaderTitle>
+ *           <Page.HeaderDescription>Manage preferences.</Page.HeaderDescription>
+ *         </Page.Header>
+ *         <Page.Body>
+ *           <Page.BodySection>
+ *             <Page.BodySectionTitle>Profile</Page.BodySectionTitle>
+ *           </Page.BodySection>
+ *         </Page.Body>
+ *       </Page.Surface>
+ *     </Page.Root>
+ *   )
+ * }
+ */
+export function Root({ size, children, }) {
+    return _jsx(SizeContext.Provider, { value: size, children: children });
+}
+export function Surface({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-surface", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Header({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-header", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function HeaderMeta({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-headermeta", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function HeaderContext({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-headercontext", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function HeaderActions({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-headeractions", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function HeaderBackButton({ disableStyle, type = 'button', className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("button", { ...props, type: type, "data-size": size, "data-component": "page-headerbackbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function HeaderBackButtonIcon({ disableStyle, children = _jsx(ArrowLeft, {}), className, ...props }) {
+    const size = useContext(SizeContext);
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        'data-size': size,
+        ...{
+            'data-component': 'page-headerbackbuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.5,
+    });
+}
+export function HeaderTitle({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("h1", { ...props, "data-size": size, "data-component": "page-headertitle", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function HeaderDescription({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("p", { ...props, "data-size": size, "data-component": "page-headerdescription", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Body({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-body", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function BodySection({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-bodysection", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function BodySectionHeader({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-bodysectionheader", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function BodySectionTitle({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("h2", { ...props, "data-size": size, "data-component": "page-bodysectiontitle", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Footer({ disableStyle, className, ...props }) {
+    const size = useContext(SizeContext);
+    return (_jsx("div", { ...props, "data-size": size, "data-component": "page-footer", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/page/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,88 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Root as RadixRoot, Input as RadixInput } from '@radix-ui/react-password-toggle-field';
+import { Input as BaseInput } from '@base-ui/react/input';
+import type { LucideProps } from 'lucide-react';
+import type { ComponentProps, ComponentPropsWithRef, ReactElement } from 'react';
+export type RootProps = ComponentProps<typeof RadixRoot> & Pick<ComponentProps<typeof RadixInput>, 'name' | 'form' | 'value' | 'defaultValue' | 'disabled' | 'readOnly' | 'required'> & Pick<BaseInput.Props, 'onValueChange'> & {
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: 'neutral' | 'valid' | 'invalid';
+};
+/**
+ * Configure the password on Root and use Input inside InputGroup. AddonVisibilityButton toggles visibility automatically; its visible/hidden icons follow that state. Do not maintain a second visibility state.
+ *
+ * @example Complete composition
+ * import { PasswordInput } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <PasswordInput.Root defaultValue="correct-horse" name="password">
+ *       <PasswordInput.Container>
+ *         <PasswordInput.Label>Password</PasswordInput.Label>
+ *         <PasswordInput.InputGroup>
+ *           <PasswordInput.Input
+ *             autoComplete="current-password"
+ *             placeholder="Enter password"
+ *           />
+ *           <PasswordInput.Addon>
+ *             <PasswordInput.AddonVisibilityButton>
+ *               <PasswordInput.AddonVisibleIcon></PasswordInput.AddonVisibleIcon>
+ *               <PasswordInput.AddonHiddenIcon></PasswordInput.AddonHiddenIcon>
+ *             </PasswordInput.AddonVisibilityButton>
+ *           </PasswordInput.Addon>
+ *         </PasswordInput.InputGroup>
+ *         <PasswordInput.Description>Use your account password.</PasswordInput.Description>
+ *       </PasswordInput.Container>
+ *     </PasswordInput.Root>
+ *   )
+ * }
+ *
+ * @example Start with the password visible
+ * // Visibility belongs to Root; the same icons and visibility button keep working.
+ * ;<PasswordInput.Root defaultVisible>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </PasswordInput.Root>
+ */
+export declare function Root({ children, id, tone, value, defaultValue, onValueChange, disabled, readOnly, required, name, form, ...props }: RootProps): import("react").JSX.Element;
+export type InputProps = Omit<ComponentPropsWithRef<typeof RadixInput>, keyof Pick<RootProps, 'id' | 'name' | 'form' | 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'readOnly' | 'required'> | 'asChild'> & {
+    className?: string;
+} & StyleProps;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-password-toggle-field").PasswordToggleFieldInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "form" | "defaultValue" | "id" | "name" | "disabled" | "value" | "onValueChange" | "required" | "readOnly" | "asChild"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputGroup: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Labels the associated control automatically. Supply the visible text; do not wire a second label association. */
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Error: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Success: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Addon: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    /** Choose the preset appearance; this does not add action behavior. */
+    variant?: "normal" | "emphasized";
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AddonText: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export declare function AddonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Supply the decorative icon; the wrapper forwards the relevant state and preserves its classes. */
+    children: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const AddonButton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export declare const AddonLoadingIcon: import("react").ForwardRefExoticComponent<Omit<Omit<LucideProps, "children"> & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+/** Toggles password visibility automatically; do not maintain another visibility state. */
+export declare const AddonVisibilityButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-password-toggle-field").PasswordToggleFieldToggleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function AddonVisibleIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): import("react").JSX.Element;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function AddonHiddenIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/passwordinput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/passwordinput/index.tsx"],"names":[],"mappings":"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"}