@nusameta/design-system 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,12 +1,16 @@
-import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult as AriaValidationResult, CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult as AriaValidationResult, CheckboxFieldProps as AriaCheckboxFieldProps } from 'react-aria-components';
 import * as React from "react";
-declare const CheckboxGroup: (props: AriaCheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-declare const Checkbox: ({ className, children, ...props }: AriaCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const CheckboxGroup: (props: AriaCheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+interface CheckboxProps extends AriaCheckboxFieldProps {
+    description?: string;
+    errorMessage?: string | ((validation: AriaValidationResult) => string);
+}
+declare const Checkbox: ({ className, children, description, errorMessage, ...props }: CheckboxProps) => React.JSX.Element;
 interface ComposedCheckboxGroupProps extends AriaCheckboxGroupProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: AriaValidationResult) => string);
 }
-declare function ComposedCheckboxGroup({ label, description, errorMessage, className, children, ...props }: ComposedCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function ComposedCheckboxGroup({ label, description, errorMessage, className, children, ...props }: ComposedCheckboxGroupProps): React.JSX.Element;
 export { Checkbox, CheckboxGroup, ComposedCheckboxGroup };
-export type { ComposedCheckboxGroupProps };
+export type { CheckboxProps, ComposedCheckboxGroupProps };

package/dist/components/checkbox/Checkbox.stories.d.ts

@@ -9,4 +9,6 @@ export declare const Disabled: Story;
 export declare const DisabledChecked: Story;
 export declare const Indeterminate: Story;
 export declare const WithoutLabel: Story;
+export declare const WithDescription: Story;
+export declare const WithError: Story;
 export declare const AllStates: Story;

package/dist/components/dialog/Dialog.d.ts

@@ -1,21 +1,21 @@
 import { VariantProps } from 'class-variance-authority';
 import { DialogProps as AriaDialogProps, DialogTrigger as AriaDialogTrigger, HeadingProps as AriaHeadingProps, Modal as AriaModal, ModalOverlayProps as AriaModalOverlayProps } from 'react-aria-components';
 import * as React from "react";
-declare const Dialog: (props: AriaDialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+declare const Dialog: (props: AriaDialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 declare const sheetVariants: (props?: ({
     side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const DialogTrigger: typeof AriaDialogTrigger;
-declare const DialogOverlay: ({ className, isDismissable, ...props }: AriaModalOverlayProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogOverlay: ({ className, isDismissable, ...props }: AriaModalOverlayProps) => React.JSX.Element;
 interface DialogContentProps extends Omit<React.ComponentProps<typeof AriaModal>, "children">, VariantProps<typeof sheetVariants> {
     children?: AriaDialogProps["children"];
     role?: AriaDialogProps["role"];
     closeButton?: boolean;
 }
-declare const DialogContent: ({ className, children, side, role, closeButton, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
-declare const DialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-declare const DialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-declare const DialogTitle: ({ className, ...props }: AriaHeadingProps) => import("react/jsx-runtime").JSX.Element;
-declare const DialogDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogContent: ({ className, children, side, role, closeButton, ...props }: DialogContentProps) => React.JSX.Element;
+declare const DialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+declare const DialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+declare const DialogTitle: ({ className, ...props }: AriaHeadingProps) => React.JSX.Element;
+declare const DialogDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => React.JSX.Element;
 export { Dialog, DialogOverlay, DialogTrigger, DialogContent, DialogDescription, DialogHeader, DialogFooter, DialogTitle, };
 export type { DialogContentProps };

package/dist/components/list-box/List-box.d.ts

@@ -1,7 +1,7 @@
 import { Collection as AriaCollection, Header as AriaHeader, ListBoxItemProps as AriaListBoxItemProps, ListBoxProps as AriaListBoxProps } from 'react-aria-components';
-declare const ListBoxSection: <T extends object>(props: import('react-aria-components').SectionProps<T> & React.RefAttributes<HTMLElement>) => import('react').ReactElement | null;
+declare const ListBoxSection: <T>(props: import('react-aria-components').ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 declare const ListBoxCollection: typeof AriaCollection;
-declare function ListBox<T extends object>({ className, ...props }: AriaListBoxProps<T>): import("react/jsx-runtime").JSX.Element;
-declare const ListBoxItem: <T extends object>({ className, children, ...props }: AriaListBoxItemProps<T>) => import("react/jsx-runtime").JSX.Element;
-declare function ListBoxHeader({ className, ...props }: React.ComponentProps<typeof AriaHeader>): import("react/jsx-runtime").JSX.Element;
+declare function ListBox<T extends object>({ className, ...props }: AriaListBoxProps<T>): import("react").JSX.Element;
+declare const ListBoxItem: <T extends object>({ className, children, ...props }: AriaListBoxItemProps<T>) => import("react").JSX.Element;
+declare function ListBoxHeader({ className, ...props }: React.ComponentProps<typeof AriaHeader>): import("react").JSX.Element;
 export { ListBox, ListBoxItem, ListBoxHeader, ListBoxSection, ListBoxCollection, };

package/dist/components/menu/Menu.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Header as AriaHeader, Keyboard as AriaKeyboard, MenuItemProps as AriaMenuItemProps, MenuProps as AriaMenuProps, MenuTrigger as AriaMenuTrigger, MenuTriggerProps as AriaMenuTriggerProps, SeparatorProps as AriaSeparatorProps, PopoverProps } from 'react-aria-components';
+import { buttonVariants } from '../button/Button';
+import * as React from "react";
+declare const MenuTrigger: typeof AriaMenuTrigger;
+declare const MenuSubTrigger: (props: import('react-aria-components').SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare const MenuSection: <T>(props: import('react-aria-components').MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare const MenuCollection: typeof import('react-aria-components').Collection;
+declare function MenuPopover({ className, ...props }: PopoverProps): React.JSX.Element;
+declare const Menu: <T extends object>({ className, ...props }: AriaMenuProps<T>) => React.JSX.Element;
+declare const MenuItem: ({ children, className, ...props }: AriaMenuItemProps) => React.JSX.Element;
+interface MenuHeaderProps extends React.ComponentProps<typeof AriaHeader> {
+    inset?: boolean;
+    separator?: boolean;
+}
+declare const MenuHeader: ({ className, inset, separator, ...props }: MenuHeaderProps) => React.JSX.Element;
+declare const MenuSeparator: ({ className, ...props }: AriaSeparatorProps) => React.JSX.Element;
+declare const MenuKeyboard: ({ className, ...props }: React.ComponentProps<typeof AriaKeyboard>) => React.JSX.Element;
+interface MenuWrapperProps<T> extends AriaMenuProps<T>, VariantProps<typeof buttonVariants>, Omit<AriaMenuTriggerProps, "children"> {
+    label?: string;
+}
+declare function MenuWrapper<T extends object>({ label, children, variant, size, ...props }: MenuWrapperProps<T>): React.JSX.Element;
+export { MenuTrigger, Menu, MenuPopover, MenuItem, MenuHeader, MenuSeparator, MenuKeyboard, MenuSection, MenuSubTrigger, MenuCollection, MenuWrapper, };
+export type { MenuHeaderProps, MenuWrapperProps };

package/dist/components/menu/Menu.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Menu } from './Menu';
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof Menu>;
+export declare const Default: Story;
+export declare const WithIcons: Story;
+export declare const WithSections: Story;
+export declare const WithSubmenu: Story;
+export declare const WithSelectionSingle: Story;
+export declare const WithSelectionMultiple: Story;
+export declare const WithDisabledItems: Story;
+export declare const MenuWrapperExample: Story;
+export declare const MenuWrapperVariants: Story;
+export declare const WithCollection: Story;
+export declare const ContextMenu: Story;
+export declare const LongMenu: Story;

package/dist/components/popover/Popover.d.ts

@@ -1,5 +1,6 @@
 import { DialogProps as AriaDialogProps, DialogTrigger as AriaDialogTrigger, PopoverProps as AriaPopoverProps } from 'react-aria-components';
+import * as React from "react";
 declare const PopoverTrigger: typeof AriaDialogTrigger;
-declare const Popover: ({ className, offset, ...props }: AriaPopoverProps) => import("react/jsx-runtime").JSX.Element;
-declare function PopoverDialog({ className, ...props }: AriaDialogProps): import("react/jsx-runtime").JSX.Element;
+declare const Popover: ({ className, offset, ...props }: AriaPopoverProps) => React.JSX.Element;
+declare function PopoverDialog({ className, ...props }: AriaDialogProps): React.JSX.Element;
 export { Popover, PopoverTrigger, PopoverDialog };

package/dist/components/searchfield/Searchfield.d.ts

@@ -1,13 +1,13 @@
 import { ButtonProps as AriaButtonProps, GroupProps as AriaGroupProps, InputProps as AriaInputProps, SearchFieldProps as AriaSearchFieldProps, ValidationResult as AriaValidationResult } from 'react-aria-components';
-declare function SearchField({ className, ...props }: AriaSearchFieldProps): import("react/jsx-runtime").JSX.Element;
-declare function SearchFieldInput({ className, ...props }: AriaInputProps): import("react/jsx-runtime").JSX.Element;
-declare function SearchFieldGroup({ className, ...props }: AriaGroupProps): import("react/jsx-runtime").JSX.Element;
-declare function SearchFieldClear({ className, ...props }: AriaButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function SearchField({ className, ...props }: AriaSearchFieldProps): import("react").JSX.Element;
+declare function SearchFieldInput({ className, ...props }: AriaInputProps): import("react").JSX.Element;
+declare function SearchFieldGroup({ className, ...props }: AriaGroupProps): import("react").JSX.Element;
+declare function SearchFieldClear({ className, ...props }: AriaButtonProps): import("react").JSX.Element;
 interface ComposedSearchFieldProps extends AriaSearchFieldProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: AriaValidationResult) => string);
 }
-declare function ComposedSearchField({ label, description, className, errorMessage, ...props }: ComposedSearchFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function ComposedSearchField({ label, description, className, errorMessage, ...props }: ComposedSearchFieldProps): import("react").JSX.Element;
 export { SearchField, SearchFieldGroup, SearchFieldInput, SearchFieldClear, ComposedSearchField, };
 export type { ComposedSearchFieldProps };

package/dist/components/select/Select.d.ts

@@ -1,14 +1,14 @@
 import { ButtonProps as AriaButtonProps, ListBoxProps as AriaListBoxProps, PopoverProps as AriaPopoverProps, SelectProps as AriaSelectProps, SelectValueProps as AriaSelectValueProps, ValidationResult as AriaValidationResult } from 'react-aria-components';
 import { ListBoxHeader } from '../list-box/List-box';
-declare const Select: <T extends object = {}, M extends "multiple" | "single" = "single">(props: AriaSelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-declare const SelectItem: <T extends object>({ className, children, ...props }: import('react-aria-components').ListBoxItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Select: <T, M extends "multiple" | "single" = "single">(props: AriaSelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare const SelectItem: <T extends object>({ className, children, ...props }: import('react-aria-components').ListBoxItemProps<T>) => import("react").JSX.Element;
 declare const SelectHeader: typeof ListBoxHeader;
-declare const SelectSection: <T extends object>(props: import('react-aria-components').SectionProps<T> & React.RefAttributes<HTMLElement>) => import('react').ReactElement | null;
+declare const SelectSection: <T>(props: import('react-aria-components').ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 declare const SelectCollection: typeof import('react-aria-components').Collection;
-declare const SelectValue: <T extends object>({ className, ...props }: AriaSelectValueProps<T>) => import("react/jsx-runtime").JSX.Element;
-declare const SelectTrigger: ({ className, children, ...props }: AriaButtonProps) => import("react/jsx-runtime").JSX.Element;
-declare const SelectPopover: ({ className, ...props }: AriaPopoverProps) => import("react/jsx-runtime").JSX.Element;
-declare const SelectListBox: <T extends object>({ className, ...props }: AriaListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectValue: <T extends object>({ className, ...props }: AriaSelectValueProps<T>) => import("react").JSX.Element;
+declare const SelectTrigger: ({ className, children, ...props }: AriaButtonProps) => import("react").JSX.Element;
+declare const SelectPopover: ({ className, ...props }: AriaPopoverProps) => import("react").JSX.Element;
+declare const SelectListBox: <T extends object>({ className, ...props }: AriaListBoxProps<T>) => import("react").JSX.Element;
 interface ComposedSelectProps<T extends object> extends Omit<AriaSelectProps<T>, "children"> {
     label?: string;
     description?: string;
@@ -16,6 +16,6 @@ interface ComposedSelectProps<T extends object> extends Omit<AriaSelectProps<T>,
     items?: Iterable<T>;
     children: React.ReactNode | ((item: T) => React.ReactNode);
 }
-declare function ComposedSelect<T extends object>({ label, description, errorMessage, children, className, items, ...props }: ComposedSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ComposedSelect<T extends object>({ label, description, errorMessage, children, className, items, ...props }: ComposedSelectProps<T>): import("react").JSX.Element;
 export { Select, SelectValue, SelectTrigger, SelectItem, SelectPopover, SelectHeader, SelectListBox, SelectSection, SelectCollection, ComposedSelect, };
 export type { ComposedSelectProps };

package/dist/components/table/Table.d.ts

@@ -1,12 +1,12 @@
-import { ColumnProps as AriaColumnProps, CellProps, ResizableTableContainerProps, RowProps, TableBodyProps, TableHeaderProps, TableProps } from 'react-aria-components';
-declare const ResizableTableContainer: import('react').ForwardRefExoticComponent<ResizableTableContainerProps & import('react').RefAttributes<HTMLDivElement>>;
-declare const Table: ({ className, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
-declare const TableHeader: <T extends object>({ className, ...props }: TableHeaderProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { ColumnProps as AriaColumnProps, CellProps, RowProps, TableBodyProps, TableHeaderProps, TableProps } from 'react-aria-components';
+declare const ResizableTableContainer: import('react').ForwardRefExoticComponent<import('react-aria-components').ResizableTableContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const Table: ({ className, ...props }: TableProps) => import("react").JSX.Element;
+declare const TableHeader: <T extends object>({ className, ...props }: TableHeaderProps<T>) => import("react").JSX.Element;
 export interface ColumnProps extends AriaColumnProps {
     isResizable?: boolean;
 }
-declare const Column: ({ className, children, ...props }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
-declare const TableBody: <T extends object>({ className, ...props }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
-declare const Row: <T extends object>({ className, ...props }: RowProps<T>) => import("react/jsx-runtime").JSX.Element;
-declare const Cell: ({ className, ...props }: CellProps) => import("react/jsx-runtime").JSX.Element;
+declare const Column: ({ className, children, ...props }: ColumnProps) => import("react").JSX.Element;
+declare const TableBody: <T extends object>({ className, ...props }: TableBodyProps<T>) => import("react").JSX.Element;
+declare const Row: <T extends object>({ className, ...props }: RowProps<T>) => import("react").JSX.Element;
+declare const Cell: ({ className, ...props }: CellProps) => import("react").JSX.Element;
 export { Table, TableHeader, Column, TableBody, Row, Cell, ResizableTableContainer, };

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

@@ -1,13 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
 import { FieldErrorProps as AriaFieldErrorProps, GroupProps as AriaGroupProps, LabelProps as AriaLabelProps, TextProps as AriaTextProps } from 'react-aria-components';
 declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-declare const Label: ({ className, ...props }: AriaLabelProps) => import("react/jsx-runtime").JSX.Element;
-declare function FormDescription({ className, ...props }: AriaTextProps): import("react/jsx-runtime").JSX.Element;
-declare function FieldError({ className, ...props }: AriaFieldErrorProps): import("react/jsx-runtime").JSX.Element;
+declare const Label: ({ className, ...props }: AriaLabelProps) => import("react").JSX.Element;
+declare function FormDescription({ className, ...props }: AriaTextProps): import("react").JSX.Element;
+declare function FieldError({ className, ...props }: AriaFieldErrorProps): import("react").JSX.Element;
 declare const fieldGroupVariants: (props?: ({
     variant?: "default" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GroupProps extends AriaGroupProps, VariantProps<typeof fieldGroupVariants> {
 }
-declare function FieldGroup({ className, variant, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, variant, ...props }: GroupProps): import("react").JSX.Element;
 export { Label, labelVariants, FieldGroup, fieldGroupVariants, FieldError, FormDescription, };

package/dist/components/textfield/Textfield.d.ts

@@ -1,11 +1,11 @@
 import { InputProps as AriaInputProps, TextAreaProps as AriaTextAreaProps, TextFieldProps as AriaTextFieldProps, ValidationResult as AriaValidationResult } from 'react-aria-components';
 import * as React from "react";
-declare const TextField: (props: AriaTextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+declare const TextField: (props: AriaTextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface InputProps extends AriaInputProps {
     className?: AriaInputProps["className"];
 }
-declare const Input: ({ className, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
-declare const TextArea: ({ className, ...props }: AriaTextAreaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: ({ className, ...props }: InputProps) => React.JSX.Element;
+declare const TextArea: ({ className, ...props }: AriaTextAreaProps) => React.JSX.Element;
 interface WrappedFieldProps extends AriaTextFieldProps {
     label?: string;
     description?: string;
@@ -13,6 +13,6 @@ interface WrappedFieldProps extends AriaTextFieldProps {
     textArea?: boolean;
     placeholder?: string;
 }
-declare function WrappedField({ label, description, errorMessage, textArea, className, placeholder, ...props }: WrappedFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function WrappedField({ label, description, errorMessage, textArea, className, placeholder, ...props }: WrappedFieldProps): React.JSX.Element;
 export { Input, TextField, WrappedField, TextArea };
 export type { WrappedFieldProps };