@nayhoo/ui 0.2.0 → 0.3.1

package/dist/index.d.ts

@@ -1,9 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
 import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
 import { RecipeVariants } from '@vanilla-extract/recipes';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as react from 'react';
+import react__default from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as FormPrimitive from '@radix-ui/react-form';
+import * as MenuPrimitive from '@radix-ui/react-menu';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 
@@ -44,14 +47,14 @@ declare const statusRecipe: _vanilla_extract_recipes.RuntimeFn<{
 }>;
 type StatusVariants = NonNullable<RecipeVariants<typeof statusRecipe>>;
 
-declare const Avatar: ({ alt, fallback, shape, size, src, status, style, ...props }: AvatarPrimitive.AvatarProps & {
+declare const Avatar: ({ alt, fallback, inactive, interactive, shape, size, src, status, style, ...props }: AvatarPrimitive.AvatarProps & {
     size?: "1" | "2" | "3" | "4" | "5" | "6" | undefined;
     shape?: "circle" | "square" | undefined;
     inactive?: boolean | undefined;
     interactive?: boolean | undefined;
 } & {
     alt?: string | undefined;
-    fallback?: React$1.ReactNode;
+    fallback?: react__default.ReactNode;
     src?: string | undefined;
     status?: StatusVariants["variant"];
 }) => react_jsx_runtime.JSX.Element;
@@ -121,12 +124,6 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
             color: "transparent !important";
         };
     };
-    shape: {
-        square: {};
-        pill: {
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
     size: {
         "1": {
             borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -153,6 +150,12 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
+    shape: {
+        square: {};
+        pill: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
     variant: {
         default: {
             selectors: {
@@ -238,6 +241,17 @@ declare const defaultElement$b = "div";
 type ContainerProps = ComponentProps<typeof defaultElement$b, ContainerVariants>;
 declare const Container: ({ asChild, size, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
 
+declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: ({ ...props }: DropdownMenuPrimitive.DropdownMenuContentProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuItem: ({ ...props }: DropdownMenuPrimitive.DropdownMenuItemProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: ({ ...props }: DropdownMenuPrimitive.DropdownMenuLabelProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuSeparator: ({ ...props }: DropdownMenuPrimitive.DropdownMenuSeparatorProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ ...props }: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: ({ children, ...props }: DropdownMenuPrimitive.DropdownMenuRadioItemProps) => react_jsx_runtime.JSX.Element;
+
 declare const flexRecipe: _vanilla_extract_recipes.RuntimeFn<{
     align: {
         start: {
@@ -344,12 +358,12 @@ declare const formMessageRecipe: _vanilla_extract_recipes.RuntimeFn<{
 }>;
 type FormMessageVariants = NonNullable<RecipeVariants<typeof formMessageRecipe>>;
 
-declare const Form: React$1.ForwardRefExoticComponent<FormPrimitive.FormProps & React$1.RefAttributes<HTMLFormElement>>;
-declare const FormControl: React$1.ForwardRefExoticComponent<FormPrimitive.FormControlProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const Form: react.ForwardRefExoticComponent<FormPrimitive.FormProps & react.RefAttributes<HTMLFormElement>>;
+declare const FormControl: react.ForwardRefExoticComponent<FormPrimitive.FormControlProps & react.RefAttributes<HTMLInputElement>>;
 declare const FormField: ({ ...props }: FormPrimitive.FormFieldProps & FormFieldVariants) => react_jsx_runtime.JSX.Element;
 declare const FormLabel: ({ ...props }: FormPrimitive.FormLabelProps & FormLabelVariants) => react_jsx_runtime.JSX.Element;
 declare const FormMessage: ({ error, ...props }: FormPrimitive.FormMessageProps & FormMessageVariants) => react_jsx_runtime.JSX.Element;
-declare const FormSubmit: React$1.ForwardRefExoticComponent<FormPrimitive.FormSubmitProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const FormSubmit: react.ForwardRefExoticComponent<FormPrimitive.FormSubmitProps & react.RefAttributes<HTMLButtonElement>>;
 
 declare const gridRecipe: _vanilla_extract_recipes.RuntimeFn<{
     align: {
@@ -702,6 +716,18 @@ declare const defaultElement$7 = "a";
 type LinkProps = ComponentProps<typeof defaultElement$7, LinkVariants>;
 declare const Link: ({ asChild, color, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
 
+declare const Menu: ({ ...props }: MenuPrimitive.MenuProps & {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const MenuContent: ({ ...props }: MenuPrimitive.MenuContentProps) => react_jsx_runtime.JSX.Element;
+declare const MenuSeparator: ({ ...props }: MenuPrimitive.MenuSeparatorProps) => react_jsx_runtime.JSX.Element;
+declare const MenuItem: ({ ...props }: MenuPrimitive.MenuItemProps) => react_jsx_runtime.JSX.Element;
+declare const MenuRadioItem: ({ ...props }: MenuPrimitive.MenuRadioItemProps) => react_jsx_runtime.JSX.Element;
+declare const MenuCheckboxItem: ({ ...props }: MenuPrimitive.MenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
+declare const MenuLabel: ({ ...props }: MenuPrimitive.MenuLabelProps) => react_jsx_runtime.JSX.Element;
+declare const MenuRadioGroup: react.ForwardRefExoticComponent<MenuPrimitive.MenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuGroup: react.ForwardRefExoticComponent<MenuPrimitive.MenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+
 declare const panelRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
 type PanelVariants = NonNullable<RecipeVariants<typeof panelRecipe>>;
 
@@ -823,7 +849,7 @@ declare const Spinner: ({ asChild, size, ...props }: SpinnerProps) => react_jsx_
 
 declare const defaultElement$2 = "div";
 type statusProps = ComponentProps<typeof defaultElement$2, StatusVariants>;
-declare const Status: ({ asChild, ...props }: statusProps) => react_jsx_runtime.JSX.Element;
+declare const Status: ({ asChild, size, variant, ...props }: statusProps) => react_jsx_runtime.JSX.Element;
 
 declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
     size: {
@@ -929,6 +955,14 @@ declare const sprinkles: ((props: {
         lg?: "initial" | "none" | "flex" | "block" | undefined;
         xl?: "initial" | "none" | "flex" | "block" | undefined;
     } | undefined;
+    flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
+        initial?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+        xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+        sm?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+        md?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+        lg?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+        xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+    } | undefined;
     gridTemplateColumns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {
         initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
         xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
@@ -1066,7 +1100,7 @@ declare const sprinkles: ((props: {
         xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
     } | undefined;
 }) => string) & {
-    properties: Set<"display" | "gridTemplateColumns" | "gridTemplateRows" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "margin" | "padding" | "marginX" | "marginY" | "paddingX" | "paddingY">;
+    properties: Set<"display" | "flexDirection" | "gridTemplateColumns" | "gridTemplateRows" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "margin" | "padding" | "marginX" | "marginY" | "paddingX" | "paddingY">;
 };
 type Sprinkles = Parameters<typeof sprinkles>[0];
 
@@ -4801,4 +4835,4 @@ declare const lightTheme: string;
 
 declare function mergeClasses(...classes: (string | undefined)[]): string;
 
-export { Avatar, Badge, Box, Button, Card, Container, Flex, Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit, Grid, Heading, type HeadingProps, IconButton, Link, Panel, Paragraph, Separator, Skeleton, Spinner, type Sprinkles, Status, Switch, Text, TextField, darkTheme, hide, lightTheme, mergeClasses, pulse, spin, sprinkles, theme };
+export { Avatar, Badge, Box, Button, Card, Container, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit, Grid, Heading, type HeadingProps, IconButton, Link, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Panel, Paragraph, Separator, Skeleton, Spinner, type Sprinkles, Status, Switch, Text, TextField, darkTheme, hide, lightTheme, mergeClasses, pulse, spin, sprinkles, theme };