@wallarm-org/design-system 1.1.0 → 1.2.0-rc-fix-inline-edit-blur-commit.1

package/dist/components/Field/FieldAction.d.ts

@@ -1,7 +1,11 @@
 import type { ButtonHTMLAttributes, FC, Ref } from 'react';
-type FieldActionNativeProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'color' | 'disabled'>;
+import type { VariantProps } from 'class-variance-authority';
+import { linkVariants } from '../Link';
+type FieldActionNativeProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'color' | 'disabled' | 'type'>;
+export type FieldActionType = NonNullable<VariantProps<typeof linkVariants>['type']>;
 export interface FieldActionBaseProps {
     asChild?: boolean;
+    type?: FieldActionType;
     ref?: Ref<HTMLButtonElement>;
 }
 type FieldActionProps = FieldActionNativeProps & FieldActionBaseProps;

package/dist/components/Field/FieldAction.js

@@ -3,14 +3,14 @@ import { Slot } from "@radix-ui/react-slot";
 import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
 import { linkVariants } from "../Link/index.js";
-const FieldAction = ({ asChild = false, ...props })=>{
+const FieldAction = ({ asChild = false, type = 'default', ...props })=>{
     const testId = useTestId('action');
     const Comp = asChild ? Slot : 'button';
     return /*#__PURE__*/ jsx(Comp, {
         ...props,
         "data-testid": testId,
         className: cn(linkVariants({
-            type: 'default',
+            type,
             weight: 'medium',
             size: 'sm'
         }), 'ml-auto hover:decoration-transparent active:decoration-transparent')

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

@@ -1,5 +1,5 @@
 export { Field } from './Field';
-export { FieldAction } from './FieldAction';
+export { FieldAction, type FieldActionType } from './FieldAction';
 export { FieldContent } from './FieldContent';
 export { FieldDescription } from './FieldDescription';
 export { FieldError } from './FieldError';

package/dist/components/InlineEdit/InlineEditActions.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+export interface InlineEditActionsProps {
+    onSubmit: () => void;
+    onCancel: () => void;
+}
+export declare const InlineEditActions: FC<InlineEditActionsProps>;

package/dist/components/InlineEdit/InlineEditActions.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "../../icons/Check.js";
+import { X } from "../../icons/X.js";
+import { Button } from "../Button/index.js";
+import { Kbd } from "../Kbd/index.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/index.js";
+const InlineEditActions = ({ onSubmit, onCancel })=>/*#__PURE__*/ jsxs("div", {
+        className: "absolute right-0 top-full mt-4 flex z-10",
+        "data-slot": "inline-edit-actions",
+        onKeyDown: (e)=>e.stopPropagation(),
+        children: [
+            /*#__PURE__*/ jsxs(Tooltip, {
+                children: [
+                    /*#__PURE__*/ jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx(Button, {
+                            size: "small",
+                            variant: "outline",
+                            color: "neutral",
+                            className: "rounded-r-none border-r-0",
+                            onClick: onSubmit,
+                            "aria-label": "Save",
+                            tabIndex: -1,
+                            children: /*#__PURE__*/ jsx(Check, {})
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(TooltipContent, {
+                        children: [
+                            "Save ",
+                            /*#__PURE__*/ jsx(Kbd, {
+                                children: "↵"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Tooltip, {
+                closeOnEscape: false,
+                children: [
+                    /*#__PURE__*/ jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx(Button, {
+                            size: "small",
+                            variant: "outline",
+                            color: "neutral",
+                            className: "rounded-l-none",
+                            onClick: onCancel,
+                            "aria-label": "Cancel",
+                            tabIndex: -1,
+                            children: /*#__PURE__*/ jsx(X, {})
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(TooltipContent, {
+                        children: [
+                            "Discard ",
+                            /*#__PURE__*/ jsx(Kbd, {
+                                children: "ESC"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+InlineEditActions.displayName = 'InlineEditActions';
+export { InlineEditActions };

package/dist/components/InlineEdit/InlineEditControl.d.ts

@@ -8,6 +8,12 @@ export interface InlineEditControlProps extends Omit<HTMLAttributes<HTMLDivEleme
      * hatch for custom editors that cannot call useInlineEditSubmitMode.
      */
     submitMode?: InlineEditSubmitMode;
+    /**
+     * Show floating action buttons (submit/cancel) below the input.
+     * Provides a mouse-clickable alternative to Enter/Escape keyboard shortcuts.
+     * @default true
+     */
+    showActions?: boolean;
     /** Function children receive the inline-edit context (render-prop). */
     children?: ReactNode | ((ctx: InlineEditContextValue) => ReactNode);
 }

package/dist/components/InlineEdit/InlineEditControl.js

@@ -1,7 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
+import { InlineEditActions } from "./InlineEditActions.js";
 import { useInlineEdit } from "./InlineEditContext.js";
 const FOCUSABLE_SELECTOR = 'input:not([tabindex="-1"]), textarea:not([tabindex="-1"]), select:not([tabindex="-1"]), button:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])';
 function findOpenListbox(focusable) {
@@ -10,7 +11,7 @@ function findOpenListbox(focusable) {
     const controlled = document.getElementById(controlsId);
     return controlled?.getAttribute('role') === 'listbox' ? controlled : null;
 }
-const InlineEditControl = ({ ref, children, className, onKeyDown, onBlur, submitMode: submitModeProp, ...props })=>{
+const InlineEditControl = ({ showActions = true, ref, children, className, onKeyDown, onBlur, submitMode: submitModeProp, ...props })=>{
     const testId = useTestId('control');
     const ctx = useInlineEdit();
     const { editing, selectOnFocus, submit, cancel, isCommitPending } = ctx;
@@ -64,15 +65,21 @@ const InlineEditControl = ({ ref, children, className, onKeyDown, onBlur, submit
         if (submitsOnBlur) submit();
         else if ('none' !== submitMode) cancel();
     };
-    return /*#__PURE__*/ jsx("div", {
+    return /*#__PURE__*/ jsxs("div", {
         ...props,
         ref: combinedRef,
         "data-testid": testId,
         "data-slot": "inline-edit-control",
         onKeyDown: handleKeyDown,
         onBlur: handleBlur,
-        className: cn('w-full min-w-0', '[&_[data-slot=input]]:px-6', '[&_textarea]:px-6', '[&_[data-scope=number-input][data-part=input]]:px-6', '[&_[data-scope=select][data-part=trigger]]:px-6', '[&_div[data-scope=select][data-part=trigger]:has([data-slot=overflow-list])]:pl-0', '[&_[data-slot=input-group-addon]]:px-6', '[&_[data-slot=input-group]>div:not([data-slot])]:pl-0', className),
-        children: 'function' == typeof children ? children(ctx) : children
+        className: cn('w-full min-w-0 relative', '[&_[data-slot=input]]:px-6', '[&_textarea]:px-6', '[&_[data-scope=number-input][data-part=input]]:px-6', '[&_[data-scope=select][data-part=trigger]]:px-6', '[&_div[data-scope=select][data-part=trigger]:has([data-slot=overflow-list])]:pl-0', '[&_[data-slot=input-group-addon]]:px-6', '[&_[data-slot=input-group]>div:not([data-slot])]:pl-0', className),
+        children: [
+            'function' == typeof children ? children(ctx) : children,
+            showActions && /*#__PURE__*/ jsx(InlineEditActions, {
+                onSubmit: submit,
+                onCancel: cancel
+            })
+        ]
     });
 };
 InlineEditControl.displayName = 'InlineEditControl';

package/dist/components/Link/classes.js

@@ -4,7 +4,7 @@ const linkVariants = cva('inline-flex items-center gap-4 font-sans transition-co
         type: {
             default: 'text-text-link-default hover:text-text-link-hover active:text-link-default',
             alt: 'text-text-link-default-alt hover:text-text-link-hover-alt active:text-link-default-alt',
-            muted: 'text-text-secondary hover:text-text-link-hover active:text-link-default',
+            muted: 'text-text-secondary hover:text-slate-600 active:text-slate-600',
             table: 'text-text-primary hover:text-text-link-hover active:text-link-default'
         },
         size: {

package/dist/components/List/List.d.ts

@@ -0,0 +1,14 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import { type TestableProps } from '../../utils/testId';
+type ListVariant = 'ordered' | 'unordered';
+type ListSpacing = 0 | 2 | 4 | 8 | 12 | 16 | 24;
+type ListMarker = 'none' | 'disc' | 'decimal';
+export interface ListProps extends HTMLAttributes<HTMLElement>, TestableProps {
+    ref?: Ref<HTMLElement>;
+    children: ReactNode;
+    variant?: ListVariant;
+    spacing?: ListSpacing;
+    marker?: ListMarker;
+}
+export declare const List: FC<ListProps>;
+export {};

package/dist/components/List/List.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider } from "../../utils/testId.js";
+import { listVariants } from "./classes.js";
+const List = ({ ref, className, children, variant = 'unordered', spacing, marker, 'data-testid': testId, ...props })=>{
+    const Comp = 'ordered' === variant ? 'ol' : 'ul';
+    return /*#__PURE__*/ jsx(Comp, {
+        ...props,
+        ref: ref,
+        "data-slot": "list",
+        "data-testid": testId,
+        role: "list",
+        className: cn(listVariants({
+            spacing,
+            marker
+        }), className),
+        children: /*#__PURE__*/ jsx(TestIdProvider, {
+            value: testId,
+            children: children
+        })
+    });
+};
+List.displayName = 'List';
+export { List };

package/dist/components/List/ListIcon.d.ts

@@ -0,0 +1,6 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+export interface ListIconProps extends HTMLAttributes<HTMLSpanElement> {
+    ref?: Ref<HTMLSpanElement>;
+    children: ReactNode;
+}
+export declare const ListIcon: FC<ListIconProps>;

package/dist/components/List/ListIcon.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+import { listIconVariants } from "./classes.js";
+const ListIcon = ({ ref, className, children, ...props })=>{
+    const testId = useTestId('icon');
+    return /*#__PURE__*/ jsx("span", {
+        ...props,
+        ref: ref,
+        "data-slot": "list-icon",
+        "data-testid": testId,
+        className: cn(listIconVariants(), className),
+        children: children
+    });
+};
+ListIcon.displayName = 'ListIcon';
+export { ListIcon };

package/dist/components/List/ListItem.d.ts

@@ -0,0 +1,6 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+export interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
+    ref?: Ref<HTMLLIElement>;
+    children: ReactNode;
+}
+export declare const ListItem: FC<ListItemProps>;

package/dist/components/List/ListItem.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider, useTestId } from "../../utils/testId.js";
+import { listItemVariants } from "./classes.js";
+const ListItem = ({ ref, className, children, ...props })=>{
+    const testId = useTestId('item');
+    return /*#__PURE__*/ jsx("li", {
+        ...props,
+        ref: ref,
+        "data-slot": "list-item",
+        "data-testid": testId,
+        className: cn(listItemVariants(), className),
+        children: /*#__PURE__*/ jsx(TestIdProvider, {
+            value: testId,
+            children: children
+        })
+    });
+};
+ListItem.displayName = 'ListItem';
+export { ListItem };

package/dist/components/List/classes.d.ts

@@ -0,0 +1,6 @@
+export declare const listVariants: (props?: ({
+    spacing?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | null | undefined;
+    marker?: "decimal" | "disc" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const listItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const listIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/components/List/classes.js

@@ -0,0 +1,26 @@
+import { cva } from "class-variance-authority";
+const listVariants = cva('flex flex-col', {
+    variants: {
+        spacing: {
+            0: 'gap-0',
+            2: 'gap-2',
+            4: 'gap-4',
+            8: 'gap-8',
+            12: 'gap-12',
+            16: 'gap-16',
+            24: 'gap-24'
+        },
+        marker: {
+            none: 'list-none',
+            disc: 'list-disc pl-24',
+            decimal: 'list-decimal pl-24'
+        }
+    },
+    defaultVariants: {
+        spacing: 4,
+        marker: 'none'
+    }
+});
+const listItemVariants = cva('flex');
+const listIconVariants = cva('inline-flex items-center shrink-0 mr-6 align-middle');
+export { listIconVariants, listItemVariants, listVariants };

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

@@ -0,0 +1,3 @@
+export { List, type ListProps } from './List';
+export { ListIcon, type ListIconProps } from './ListIcon';
+export { ListItem, type ListItemProps } from './ListItem';

package/dist/components/List/index.js

@@ -0,0 +1,3 @@
+export { List } from "./List.js";
+export { ListIcon } from "./ListIcon.js";
+export { ListItem } from "./ListItem.js";

package/dist/components/PasswordComplexity/PasswordComplexity.d.ts

@@ -0,0 +1,13 @@
+import type { FC, ReactNode, Ref } from 'react';
+import { type ListProps } from '../List';
+export type PasswordComplexityItemId = 'length' | 'uppercase' | 'lowercase' | 'number' | 'symbol' | 'match';
+export interface PasswordComplexityItem {
+    id: PasswordComplexityItemId;
+    label: ReactNode;
+    met: boolean;
+}
+export interface PasswordComplexityProps extends Omit<ListProps, 'children' | 'variant' | 'marker'> {
+    ref?: Ref<HTMLElement>;
+    items: PasswordComplexityItem[];
+}
+export declare const PasswordComplexity: FC<PasswordComplexityProps>;

package/dist/components/PasswordComplexity/PasswordComplexity.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "../../icons/Check.js";
+import { Dot } from "../../icons/Dot.js";
+import { cn } from "../../utils/cn.js";
+import { List } from "../List/index.js";
+import { ListIcon } from "../List/ListIcon.js";
+import { ListItem } from "../List/ListItem.js";
+import { passwordComplexityIconVariants, passwordComplexityLabelVariants } from "./classes.js";
+const PasswordComplexity = ({ ref, items, spacing = 4, className, ...props })=>/*#__PURE__*/ jsx(List, {
+        ...props,
+        ref: ref,
+        spacing: spacing,
+        className: cn(className),
+        children: items.map((item)=>/*#__PURE__*/ jsxs(ListItem, {
+                children: [
+                    /*#__PURE__*/ jsx(ListIcon, {
+                        className: passwordComplexityIconVariants({
+                            met: item.met
+                        }),
+                        children: item.met ? /*#__PURE__*/ jsx(Check, {
+                            size: "md"
+                        }) : /*#__PURE__*/ jsx(Dot, {
+                            size: "md"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: passwordComplexityLabelVariants({
+                            met: item.met
+                        }),
+                        children: item.label
+                    })
+                ]
+            }, item.id))
+    });
+PasswordComplexity.displayName = 'PasswordComplexity';
+export { PasswordComplexity };

package/dist/components/PasswordComplexity/classes.d.ts

@@ -0,0 +1,6 @@
+export declare const passwordComplexityIconVariants: (props?: ({
+    met?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const passwordComplexityLabelVariants: (props?: ({
+    met?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/PasswordComplexity/classes.js

@@ -0,0 +1,18 @@
+import { cva } from "class-variance-authority";
+const passwordComplexityIconVariants = cva('', {
+    variants: {
+        met: {
+            true: 'text-text-success',
+            false: 'text-text-tertiary'
+        }
+    }
+});
+const passwordComplexityLabelVariants = cva('text-sm', {
+    variants: {
+        met: {
+            true: 'text-text-secondary line-through',
+            false: 'text-text-primary'
+        }
+    }
+});
+export { passwordComplexityIconVariants, passwordComplexityLabelVariants };

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

@@ -0,0 +1,2 @@
+export { PasswordComplexity, type PasswordComplexityItem, type PasswordComplexityItemId, type PasswordComplexityProps, } from './PasswordComplexity';
+export { passwordValidators } from './validators';

package/dist/components/PasswordComplexity/index.js

@@ -0,0 +1,2 @@
+export { PasswordComplexity } from "./PasswordComplexity.js";
+export { passwordValidators } from "./validators.js";

package/dist/components/PasswordComplexity/validators.d.ts

@@ -0,0 +1,8 @@
+export declare const passwordValidators: {
+    minLength: (min: number) => (value: string) => boolean;
+    hasUppercase: (value: string) => boolean;
+    hasLowercase: (value: string) => boolean;
+    hasNumber: (value: string) => boolean;
+    hasSymbol: (value: string) => boolean;
+    passwordsMatch: (a: string, b: string) => boolean;
+};

package/dist/components/PasswordComplexity/validators.js

@@ -0,0 +1,9 @@
+const passwordValidators = {
+    minLength: (min)=>(value)=>value.length >= min,
+    hasUppercase: (value)=>/[A-Z]/.test(value),
+    hasLowercase: (value)=>/[a-z]/.test(value),
+    hasNumber: (value)=>/\d/.test(value),
+    hasSymbol: (value)=>/[^A-Za-z0-9]/.test(value),
+    passwordsMatch: (a, b)=>!!a && a === b
+};
+export { passwordValidators };

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

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type InputProps } from '../Input';
+export interface PasswordInputProps extends Omit<InputProps, 'type'> {
+}
+export declare const PasswordInput: FC<PasswordInputProps>;

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Eye, EyeOff } from "../../icons/index.js";
+import { Input } from "../Input/index.js";
+import { InputGroup } from "../InputGroup/InputGroup.js";
+import { InputGroupAddon } from "../InputGroup/InputGroupAddon.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import { TooltipContent } from "../Tooltip/TooltipContent.js";
+import { TooltipTrigger } from "../Tooltip/TooltipTrigger.js";
+const PasswordInput = ({ disabled = false, size = 'default', error = false, className, ref, 'data-testid': testId, ...props })=>{
+    const [visible, setVisible] = useState(false);
+    const toggle = ()=>setVisible((prev)=>!prev);
+    return /*#__PURE__*/ jsxs(InputGroup, {
+        size: size,
+        className: className,
+        "data-slot": "password-input",
+        "data-testid": testId,
+        children: [
+            /*#__PURE__*/ jsx(Input, {
+                ...props,
+                type: visible ? 'text' : 'password',
+                disabled: disabled,
+                size: size,
+                error: error,
+                ref: ref
+            }),
+            /*#__PURE__*/ jsx(InputGroupAddon, {
+                align: "inline-end",
+                children: /*#__PURE__*/ jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ jsx(TooltipTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                tabIndex: -1,
+                                disabled: disabled,
+                                "aria-label": visible ? 'Hide password' : 'Show password',
+                                onClick: toggle,
+                                className: "cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
+                                children: visible ? /*#__PURE__*/ jsx(EyeOff, {}) : /*#__PURE__*/ jsx(Eye, {})
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(TooltipContent, {
+                            children: visible ? 'Hide password' : 'Show password'
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+PasswordInput.displayName = 'PasswordInput';
+export { PasswordInput };

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

@@ -0,0 +1 @@
+export { PasswordInput, type PasswordInputProps } from './PasswordInput';

package/dist/components/PasswordInput/index.js

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

package/dist/components/Table/TableContext/TableProvider.js

@@ -164,6 +164,9 @@ const TableProvider = (props)=>{
         enableColumnPinning: true,
         enableGrouping: groupingEnabled,
         enableExpanding: expandingEnabled,
+        ...expandingEnabled ? {
+            autoResetExpanded: false
+        } : {},
         ...expandingEnabled && (renderExpandedRow || subRowGroupingEnabled) ? {
             getRowCanExpand: ()=>true
         } : {},

package/dist/index.d.ts

@@ -45,6 +45,7 @@ export { OTPInput, type OTPInputProps } from './components/InputOTP';
 export { type DatacenterKey, datacenters, Ip, IpAddress, type IpAddressProps, IpCountry, type IpCountryProps, IpList, type IpListProps, IpPort, type IpPortProps, type IpProps, IpProvider, type IpProviderProps, type ProxyTypeKey, proxyTypes, type SourceKey, sourceLabels, } from './components/Ip';
 export { Kbd, KbdGroup } from './components/Kbd';
 export { Link, type LinkProps } from './components/Link';
+export { List, ListIcon, type ListIconProps, ListItem, type ListItemProps, type ListProps, } from './components/List';
 export { Loader, type LoaderProps } from './components/Loader';
 export { Logo, type LogoProps, type LogoSize, type LogoStyle, type LogoType, } from './components/Logo';
 export { NavRail, NavRailBody, type NavRailBodyProps, NavRailFooter, type NavRailFooterProps, NavRailItem, type NavRailItemProps, type NavRailProps, NavRailSeparator, type NavRailSeparatorProps, NavRailSkeleton, type NavRailSkeletonProps, } from './components/NavRail';
@@ -54,6 +55,8 @@ export { OverflowTooltip, OverflowTooltipContent, type OverflowTooltipContentPro
 export { Page, PageActions, type PageActionsProps, PageContent, type PageContentProps, PageHeader, type PageHeaderProps, type PageHostContextValue, PageHostProvider, type PageLayoutOptions, type PageProps, PageTitle, type PageTitleProps, usePageHost, } from './components/Page';
 export { Pagination, type PaginationAlign, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, type PaginationPage, type PaginationPageChangeDetails, PaginationPageSize, type PaginationPageSizeChangeDetails, type PaginationPageSizeProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, type PaginationSize, usePaginationSizeContext, } from './components/Pagination';
 export { type CopyFormatData, formatAsFilter, ParameterPath, type ParameterPathProps, } from './components/ParameterPath';
+export { PasswordComplexity, type PasswordComplexityItem, type PasswordComplexityItemId, type PasswordComplexityProps, passwordValidators, } from './components/PasswordComplexity';
+export { PasswordInput, type PasswordInputProps } from './components/PasswordInput';
 export { Popover, PopoverContent, PopoverTrigger } from './components/Popover';
 export { Progress, type ProgressColor, type ProgressProps, } from './components/Progress';
 export { Radio, RadioDescription, type RadioDescriptionProps, RadioGroup, type RadioGroupProps, RadioIndicator, RadioLabel, type RadioLabelProps, type RadioProps, } from './components/Radio';

package/dist/index.js

@@ -34,6 +34,7 @@ export { OTPInput } from "./components/InputOTP/index.js";
 export { Ip, IpAddress, IpCountry, IpList, IpPort, IpProvider, datacenters, proxyTypes, sourceLabels } from "./components/Ip/index.js";
 export { Kbd, KbdGroup } from "./components/Kbd/index.js";
 export { Link } from "./components/Link/index.js";
+export { List, ListIcon, ListItem } from "./components/List/index.js";
 export { Loader } from "./components/Loader/index.js";
 export { Logo } from "./components/Logo/index.js";
 export { NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NavRailSkeleton } from "./components/NavRail/index.js";
@@ -43,6 +44,8 @@ export { OverflowTooltip, OverflowTooltipContent } from "./components/OverflowTo
 export { Page, PageActions, PageContent, PageHeader, PageHostProvider, PageTitle, usePageHost } from "./components/Page/index.js";
 export { Pagination, PaginationEllipsis, PaginationItem, PaginationList, PaginationNext, PaginationPageSize, PaginationPrevious, usePaginationSizeContext } from "./components/Pagination/index.js";
 export { ParameterPath, formatAsFilter } from "./components/ParameterPath/index.js";
+export { PasswordComplexity, passwordValidators } from "./components/PasswordComplexity/index.js";
+export { PasswordInput } from "./components/PasswordInput/index.js";
 export { Popover, PopoverContent, PopoverTrigger } from "./components/Popover/index.js";
 export { Progress } from "./components/Progress/index.js";
 export { Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel } from "./components/Radio/index.js";