@nation-a/ui 0.1.2 → 0.2.0

package/dist/types/index.d.ts

@@ -1,3 +1,1193 @@
-export * from './ThemeProvider/ThemeProvider';
-export { AspectRatio, Bleed, Box, Center, Container, Flex, Float, Grid, Group, GridItem, SimpleGrid, Stack, HStack, VStack, Theme, Wrap, WrapItem, } from '@chakra-ui/react';
-export { PasswordInput, PasswordStrengthMeter } from './ui/password-input';
+import { Accordion } from '@chakra-ui/react';
+import { ActionBar } from '@chakra-ui/react';
+import { Alert } from '@chakra-ui/react';
+import { AspectRatio } from '@chakra-ui/react';
+import { Avatar } from '@chakra-ui/react';
+import { Badge } from '@chakra-ui/react';
+import { Bleed } from '@chakra-ui/react';
+import { Blockquote } from '@chakra-ui/react';
+import { Box } from '@chakra-ui/react';
+import { Breadcrumb } from '@chakra-ui/react';
+import { Button } from '@chakra-ui/react';
+import { Card } from '@chakra-ui/react';
+import { Center } from '@chakra-ui/react';
+import { Checkbox } from '@chakra-ui/react';
+import { CheckboxCard } from '@chakra-ui/react';
+import { ClientOnly } from '@chakra-ui/react';
+import { Clipboard as Clipboard_2 } from '@chakra-ui/react';
+import { CloseButton } from '@chakra-ui/react';
+import { Code } from '@chakra-ui/react';
+import { Collapsible } from '@chakra-ui/react';
+import { ColorPicker } from '@chakra-ui/react';
+import { ColorSwatch } from '@chakra-ui/react';
+import { Container } from '@chakra-ui/react';
+import { DataList } from '@chakra-ui/react';
+import { default as default_2 } from 'react';
+import { Dialog } from '@chakra-ui/react';
+import { Drawer } from '@chakra-ui/react';
+import { Editable } from '@chakra-ui/react';
+import { Em } from '@chakra-ui/react';
+import { EmptyState } from '@chakra-ui/react';
+import { EnvironmentProvider } from '@chakra-ui/react';
+import { Field } from '@chakra-ui/react';
+import { Fieldset } from '@chakra-ui/react';
+import { FileUpload } from '@chakra-ui/react';
+import { Flex } from '@chakra-ui/react';
+import { Float } from '@chakra-ui/react';
+import { FormatByte } from '@chakra-ui/react';
+import { FormatNumber } from '@chakra-ui/react';
+import { Grid } from '@chakra-ui/react';
+import { GridItem } from '@chakra-ui/react';
+import { Group } from '@chakra-ui/react';
+import { GroupProps } from '@chakra-ui/react';
+import { Heading } from '@chakra-ui/react';
+import { Highlight as Highlight_2 } from '@chakra-ui/react';
+import { HoverCard } from '@chakra-ui/react';
+import { Icon } from '@chakra-ui/react';
+import { IconButton } from '@chakra-ui/react';
+import { Image as Image_2 } from '@chakra-ui/react';
+import { Input } from '@chakra-ui/react';
+import { InputProps } from '@chakra-ui/react';
+import { Kbd } from '@chakra-ui/react';
+import { Link } from '@chakra-ui/react';
+import { List } from '@chakra-ui/react';
+import { LocaleProvider } from '@chakra-ui/react';
+import { Mark } from '@chakra-ui/react';
+import { Menu } from '@chakra-ui/react';
+import { NumberInput } from '@chakra-ui/react';
+import { Pagination } from '@chakra-ui/react';
+import { PinInput } from '@chakra-ui/react';
+import { Popover } from '@chakra-ui/react';
+import { Portal } from '@chakra-ui/react';
+import { Presence } from '@chakra-ui/react';
+import { Progress } from '@chakra-ui/react';
+import { ProgressCircle } from '@chakra-ui/react';
+import { RadioCard } from '@chakra-ui/react';
+import { RadioGroup } from '@chakra-ui/react';
+import * as React_2 from 'react';
+import { Select } from '@chakra-ui/react';
+import { Separator } from '@chakra-ui/react';
+import { Show } from '@chakra-ui/react';
+import { SimpleGrid } from '@chakra-ui/react';
+import { Skeleton } from '@chakra-ui/react';
+import { Slider } from '@chakra-ui/react';
+import { Spinner } from '@chakra-ui/react';
+import { Stack } from '@chakra-ui/react';
+import { StackProps } from '@chakra-ui/react';
+import { Stat } from '@chakra-ui/react';
+import { Status } from '@chakra-ui/react';
+import { Steps } from '@chakra-ui/react';
+import { Switch } from '@chakra-ui/react';
+import { Table } from '@chakra-ui/react';
+import { Tabs } from '@chakra-ui/react';
+import { Tag } from '@chakra-ui/react';
+import { Textarea } from '@chakra-ui/react';
+import { Timeline } from '@chakra-ui/react';
+import { Toast } from '@chakra-ui/react';
+import { Tooltip } from '@chakra-ui/react';
+import { VisuallyHidden } from '@chakra-ui/react';
+import { Wrap } from '@chakra-ui/react';
+import { WrapItem } from '@chakra-ui/react';
+
+export { Accordion }
+
+export { ActionBar }
+
+export { Alert }
+
+export { AspectRatio }
+
+export { Avatar }
+
+export { Badge }
+
+export { Bleed }
+
+export { Blockquote }
+
+export { Box }
+
+export { Breadcrumb }
+
+export { Button }
+
+export { Card }
+
+export { Center }
+
+export { Checkbox }
+
+export { CheckboxCard }
+
+export { ClientOnly }
+
+export { Clipboard_2 as Clipboard }
+
+export { CloseButton }
+
+export { Code }
+
+export { Collapsible }
+
+export { ColorPicker }
+
+export { ColorSwatch }
+
+export { Container }
+
+export { DataList }
+
+export { Dialog }
+
+export { Drawer }
+
+export { Editable }
+
+export { Em }
+
+export { EmptyState }
+
+export { EnvironmentProvider }
+
+export { Field }
+
+export { Fieldset }
+
+export { FileUpload }
+
+export { Flex }
+
+export { Float }
+
+export { FormatByte }
+
+export { FormatNumber }
+
+export { Grid }
+
+export { GridItem }
+
+export { Group }
+
+export { Heading }
+
+export { Highlight_2 as Highlight }
+
+export { HoverCard }
+
+export { Icon }
+
+export { IconButton }
+
+export { Image_2 as Image }
+
+export { Input }
+
+export { Kbd }
+
+export { Link }
+
+export { List }
+
+export { LocaleProvider }
+
+export { Mark }
+
+export { Menu }
+
+export { NumberInput }
+
+export { Pagination }
+
+export declare const PasswordInput: React_2.ForwardRefExoticComponent<PasswordInputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+declare interface PasswordInputProps extends InputProps, PasswordVisibilityProps {
+    rootProps?: GroupProps;
+}
+
+export declare const PasswordStrengthMeter: React_2.ForwardRefExoticComponent<PasswordStrengthMeterProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface PasswordStrengthMeterProps extends StackProps {
+    max?: number;
+    value: number;
+}
+
+declare interface PasswordVisibilityProps {
+    defaultVisible?: boolean;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    visibilityIcon?: {
+        on: React_2.ReactNode;
+        off: React_2.ReactNode;
+    };
+}
+
+export { PinInput }
+
+export { Popover }
+
+export { Portal }
+
+export { Presence }
+
+export { Progress }
+
+export { ProgressCircle }
+
+export declare const Radio: React_2.ForwardRefExoticComponent<RadioProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export { RadioCard }
+
+export { RadioGroup }
+
+declare interface RadioProps extends RadioGroup.ItemProps {
+    rootRef?: React_2.Ref<HTMLDivElement>;
+    inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
+}
+
+export { Select }
+
+export { Separator }
+
+export { Show }
+
+export { SimpleGrid }
+
+export { Skeleton }
+
+export { Slider }
+
+export { Spinner }
+
+export { Stack }
+
+export { Stat }
+
+export { Status }
+
+export { Steps }
+
+export { Switch }
+
+export { Table }
+
+export { Tabs }
+
+export { Tag }
+
+export { Textarea }
+
+export declare const ThemeProvider: default_2.FC<{
+    children: default_2.ReactNode;
+}>;
+
+export { Timeline }
+
+export { Toast }
+
+export { Tooltip }
+
+export declare const useTheme: () => {
+    semantic: {
+        colors: {
+            content: {
+                neutral: {
+                    bold: {
+                        value: string;
+                    };
+                    default: {
+                        value: string;
+                    };
+                    subtle: {
+                        value: string;
+                    };
+                    subtlest: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                    default_inverse: {
+                        value: string;
+                    };
+                };
+                neuroidPrimary: {
+                    default: {
+                        value: string;
+                    };
+                    default_inverse: {
+                        value: string;
+                    };
+                };
+                danger: {
+                    default: {
+                        value: string;
+                    };
+                };
+                warning: {
+                    default: {
+                        value: string;
+                    };
+                };
+                success: {
+                    default: {
+                        value: string;
+                    };
+                };
+                informative: {
+                    default: {
+                        value: string;
+                    };
+                };
+                zoltarinaPrimary: {
+                    default: {
+                        value: string;
+                    };
+                    defult_inverse: {
+                        value: string;
+                    };
+                };
+                heydPrimary: {
+                    default: {
+                        value: string;
+                    };
+                    defult_inverse: {
+                        value: string;
+                    };
+                };
+            };
+            background: {
+                neutral: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                neuroidPrimary: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                neuroidSecondary: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                danger: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                warning: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                success: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                informative: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                zoltarinaPrimary: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                zoltarinaSecondary: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                heydPrimary: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                heydSecondary: {
+                    default: {
+                        value: string;
+                    };
+                    selected: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+            };
+            surface: {
+                base: {
+                    value: string;
+                };
+                layer_1: {
+                    value: string;
+                };
+                layer_2: {
+                    value: string;
+                };
+            };
+            shadow: {
+                overlay: {
+                    value: string;
+                };
+                raised: {
+                    value: string;
+                };
+            };
+            scrim: {
+                default: {
+                    value: string;
+                };
+            };
+            skeleton: {
+                default: {
+                    value: string;
+                };
+                subtle: {
+                    value: string;
+                };
+            };
+            border: {
+                neutral: {
+                    default: {
+                        value: string;
+                    };
+                    subtle: {
+                        value: string;
+                    };
+                    disabled: {
+                        value: string;
+                    };
+                };
+                neuroidPrimary: {
+                    default: {
+                        value: string;
+                    };
+                };
+                danger: {
+                    default: {
+                        value: string;
+                    };
+                };
+                warning: {
+                    default: {
+                        value: string;
+                    };
+                };
+                success: {
+                    default: {
+                        value: string;
+                    };
+                };
+                informative: {
+                    default: {
+                        value: string;
+                    };
+                };
+                zoltarinaPrimary: {
+                    default: {
+                        value: string;
+                    };
+                };
+                heydPrimary: {
+                    default: {
+                        value: string;
+                    };
+                };
+            };
+        };
+        shadows: {
+            raised: {
+                value: string;
+            };
+            overlay: {
+                value: string;
+            };
+        };
+    };
+    primitive: {
+        colors: {
+            neutral: {
+                "0": {
+                    value: string;
+                };
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+                "1100": {
+                    value: string;
+                };
+            };
+            black: {
+                "700A": {
+                    value: string;
+                };
+                "600A": {
+                    value: string;
+                };
+                "500A": {
+                    value: string;
+                };
+                "400A": {
+                    value: string;
+                };
+                "300A": {
+                    value: string;
+                };
+                "200A": {
+                    value: string;
+                };
+                "100A": {
+                    value: string;
+                };
+            };
+            white: {
+                "700A": {
+                    value: string;
+                };
+                "600A": {
+                    value: string;
+                };
+                "500A": {
+                    value: string;
+                };
+                "400A": {
+                    value: string;
+                };
+                "300A": {
+                    value: string;
+                };
+                "200A": {
+                    value: string;
+                };
+                "100A": {
+                    value: string;
+                };
+            };
+            red: {
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+            };
+            yellow: {
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+            };
+            blue: {
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+            };
+            green: {
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+            };
+            purple: {
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+            };
+            ohre: {
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+            };
+            cyan: {
+                "100": {
+                    value: string;
+                };
+                "200": {
+                    value: string;
+                };
+                "300": {
+                    value: string;
+                };
+                "400": {
+                    value: string;
+                };
+                "500": {
+                    value: string;
+                };
+                "600": {
+                    value: string;
+                };
+                "700": {
+                    value: string;
+                };
+                "800": {
+                    value: string;
+                };
+                "900": {
+                    value: string;
+                };
+                "1000": {
+                    value: string;
+                };
+            };
+        };
+        borderWidths: {
+            none: {
+                value: string;
+            };
+            sm: {
+                value: string;
+            };
+            md: {
+                value: string;
+            };
+            lg: {
+                value: string;
+            };
+        };
+        spacing: {
+            "0": {
+                value: string;
+            };
+            "1": {
+                value: string;
+            };
+            "2": {
+                value: string;
+            };
+            "3": {
+                value: string;
+            };
+            "4": {
+                value: string;
+            };
+            "6": {
+                value: string;
+            };
+            "8": {
+                value: string;
+            };
+            "12": {
+                value: string;
+            };
+            "20": {
+                value: string;
+            };
+            "30": {
+                value: string;
+            };
+            "56": {
+                value: string;
+            };
+            "72": {
+                value: string;
+            };
+            "98": {
+                value: string;
+            };
+            "128": {
+                value: string;
+            };
+            "160": {
+                value: string;
+            };
+        };
+        radii: {
+            none: {
+                value: string;
+            };
+            xs: {
+                value: string;
+            };
+            sm: {
+                value: string;
+            };
+            md: {
+                value: string;
+            };
+            lg: {
+                value: string;
+            };
+            full: {
+                value: string;
+            };
+        };
+        fontSizes: {
+            xs: {
+                value: string;
+            };
+            sm: {
+                value: string;
+            };
+            md: {
+                value: string;
+            };
+            lg: {
+                value: string;
+            };
+            xl: {
+                value: string;
+            };
+            "2xl": {
+                value: string;
+            };
+            "3xl": {
+                value: string;
+            };
+            "4xl": {
+                value: string;
+            };
+        };
+        letterSpacings: {
+            xs: {
+                value: string;
+            };
+            sm: {
+                value: string;
+            };
+            md: {
+                value: string;
+            };
+            lg: {
+                value: string;
+            };
+            xl: {
+                value: string;
+            };
+            "2xl": {
+                value: string;
+            };
+            "3xl": {
+                value: string;
+            };
+        };
+        lineHeights: {
+            md: {
+                value: string;
+            };
+            lg: {
+                value: string;
+            };
+            xl: {
+                value: string;
+            };
+            "2xl": {
+                value: string;
+            };
+            "3xl": {
+                value: string;
+            };
+            "4xl": {
+                value: string;
+            };
+            "5xl": {
+                value: string;
+            };
+        };
+        fontWeights: {
+            regular: {
+                value: string;
+            };
+            medium: {
+                value: string;
+            };
+            semibold: {
+                value: string;
+            };
+            bold: {
+                value: string;
+            };
+            regularItalic: {
+                value: string;
+            };
+            mediumItalic: {
+                value: string;
+            };
+        };
+        fonts: {
+            inter: {
+                value: string;
+            };
+            notoSans: {
+                value: string;
+            };
+        };
+    };
+    textStyles: {
+        body: {
+            md: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            lg: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            sm: {
+                value: {
+                    fontSize: string;
+                    fontWeight: string;
+                    fontFamily: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+        };
+        label: {
+            sm: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            md: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+        };
+        title: {
+            sm: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            md: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            lg: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+        };
+        headline: {
+            sm: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            md: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+        };
+        display: {
+            md: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            lg: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+        };
+    };
+};
+
+export { VisuallyHidden }
+
+export { Wrap }
+
+export { WrapItem }
+
+export { }