@nusameta/design-system 0.0.6 → 1.0.0-beta.0

package/dist/components/{Atoms/Button → button}/Button.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "sm" | "md" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ButtonProps extends AriaButtonProps, VariantProps<typeof buttonVariants> {
 }

package/dist/components/button/Button.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Destructive: Story;
+export declare const Outline: Story;
+export declare const Secondary: Story;
+export declare const Ghost: Story;
+export declare const Link: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const AllVariants: Story;

package/dist/components/{Atoms/checkbox → checkbox}/Checkbox.d.ts

@@ -2,11 +2,11 @@ import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult as AriaV
 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;
-interface JollyCheckboxGroupProps extends AriaCheckboxGroupProps {
+interface ComposedCheckboxGroupProps extends AriaCheckboxGroupProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: AriaValidationResult) => string);
 }
-declare function JollyCheckboxGroup({ label, description, errorMessage, className, children, ...props }: JollyCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
-export { Checkbox, CheckboxGroup, JollyCheckboxGroup };
-export type { JollyCheckboxGroupProps };
+declare function ComposedCheckboxGroup({ label, description, errorMessage, className, children, ...props }: ComposedCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export { Checkbox, CheckboxGroup, ComposedCheckboxGroup };
+export type { ComposedCheckboxGroupProps };

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from './Checkbox';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const Indeterminate: Story;
+export declare const WithoutLabel: Story;
+export declare const AllStates: Story;

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

@@ -0,0 +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 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;
+export { ListBox, ListBoxItem, ListBoxHeader, ListBoxSection, ListBoxCollection, };

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ListBox } from './List-box';
+declare const meta: Meta<typeof ListBox>;
+export default meta;
+type Story = StoryObj<typeof ListBox>;
+export declare const Default: Story;
+export declare const WithSections: Story;
+export declare const SingleSelection: Story;
+export declare const MultipleSelection: Story;
+export declare const DisabledItems: Story;
+export declare const Empty: Story;
+export declare const Dynamic: Story;

package/dist/components/{Atoms/searchfield → searchfield}/Searchfield.d.ts

@@ -3,11 +3,11 @@ declare function SearchField({ className, ...props }: AriaSearchFieldProps): imp
 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;
-interface JollySearchFieldProps extends AriaSearchFieldProps {
+interface ComposedSearchFieldProps extends AriaSearchFieldProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: AriaValidationResult) => string);
 }
-declare function JollySearchField({ label, description, className, errorMessage, ...props }: JollySearchFieldProps): import("react/jsx-runtime").JSX.Element;
-export { SearchField, SearchFieldGroup, SearchFieldInput, SearchFieldClear, JollySearchField, };
-export type { JollySearchFieldProps };
+declare function ComposedSearchField({ label, description, className, errorMessage, ...props }: ComposedSearchFieldProps): import("react/jsx-runtime").JSX.Element;
+export { SearchField, SearchFieldGroup, SearchFieldInput, SearchFieldClear, ComposedSearchField, };
+export type { ComposedSearchFieldProps };

package/dist/components/{Atoms/searchfield → searchfield}/Searchfield.stories.d.ts

@@ -1,8 +1,8 @@
 import { StoryObj } from '@storybook/react';
-import { JollySearchField } from './Searchfield';
+import { ComposedSearchField } from './Searchfield';
 declare const meta: {
     title: string;
-    component: typeof JollySearchField;
+    component: typeof ComposedSearchField;
     parameters: {
         layout: string;
     };

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

@@ -0,0 +1,21 @@
+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 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 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;
+interface ComposedSelectProps<T extends object> extends Omit<AriaSelectProps<T>, "children"> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: AriaValidationResult) => string);
+    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;
+export { Select, SelectValue, SelectTrigger, SelectItem, SelectPopover, SelectHeader, SelectListBox, SelectSection, SelectCollection, ComposedSelect, };
+export type { ComposedSelectProps };

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './Select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;
+export declare const WithDefaultValue: Story;
+export declare const Disabled: Story;
+export declare const WithDisabledItems: Story;
+export declare const Controlled: Story;
+export declare const ComposedSelectExample: Story;
+export declare const WithValidation: Story;

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

@@ -0,0 +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;
+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;
+export { Table, TableHeader, Column, TableBody, Row, Cell, ResizableTableContainer, };

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;
+export declare const Sortable: Story;
+export declare const Selection: Story;
+export declare const Resizable: Story;