@nusameta/design-system 0.0.4 → 0.0.6

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

@@ -1,11 +1,12 @@
 import { VariantProps } from 'class-variance-authority';
 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;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ButtonProps extends AriaButtonProps, VariantProps<typeof buttonVariants> {
 }
-declare const Button: ({ className, variant, size, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };
 export type { ButtonProps };

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ className, variant, size, ...props }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<import('../Button/Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
     };

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

@@ -0,0 +1,12 @@
+import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult as AriaValidationResult, CheckboxProps as AriaCheckboxProps } 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;
+interface JollyCheckboxGroupProps 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 };

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

@@ -0,0 +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;
+interface JollySearchFieldProps 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 };

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

@@ -0,0 +1,42 @@
+import { StoryObj } from '@storybook/react';
+import { JollySearchField } from './Searchfield';
+declare const meta: {
+    title: string;
+    component: typeof JollySearchField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+        };
+        description: {
+            control: "text";
+            description: string;
+        };
+        errorMessage: {
+            control: "text";
+            description: string;
+        };
+        isDisabled: {
+            control: "boolean";
+            description: string;
+        };
+        isRequired: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithPlaceholder: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithError: Story;
+export declare const WithHelperText: Story;
+export declare const CustomSearchField: Story;
+export declare const Compact: Story;

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

@@ -0,0 +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 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;
+export { Label, labelVariants, FieldGroup, fieldGroupVariants, FieldError, FormDescription, };

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

@@ -0,0 +1,18 @@
+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;
+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;
+interface WrappedFieldProps extends AriaTextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: AriaValidationResult) => string);
+    textArea?: boolean;
+    placeholder?: string;
+}
+declare function WrappedField({ label, description, errorMessage, textArea, className, placeholder, ...props }: WrappedFieldProps): import("react/jsx-runtime").JSX.Element;
+export { Input, TextField, WrappedField, TextArea };
+export type { WrappedFieldProps };

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

@@ -0,0 +1,53 @@
+import { StoryObj } from '@storybook/react';
+import { WrappedField } from './Textfield';
+declare const meta: {
+    title: string;
+    component: typeof WrappedField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+        };
+        description: {
+            control: "text";
+            description: string;
+        };
+        errorMessage: {
+            control: "text";
+            description: string;
+        };
+        isDisabled: {
+            control: "boolean";
+            description: string;
+        };
+        isRequired: {
+            control: "boolean";
+            description: string;
+        };
+        type: {
+            control: "text";
+            description: string;
+        };
+        textArea: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Email: Story;
+export declare const Password: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithError: Story;
+export declare const WithHelperText: Story;
+export declare const WithTextArea: Story;
+export declare const TextAreaDisabled: Story;
+export declare const NumberInput: Story;
+export declare const SearchInput: Story;

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

@@ -0,0 +1,5 @@
+import { DialogProps as AriaDialogProps, DialogTrigger as AriaDialogTrigger, PopoverProps as AriaPopoverProps } from 'react-aria-components';
+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;
+export { Popover, PopoverTrigger, PopoverDialog };

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Popover } from './Popover';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const WithActions: Story;
+export declare const TopPlacement: Story;
+export declare const BottomPlacement: Story;
+export declare const LeftPlacement: Story;
+export declare const RightPlacement: Story;
+export declare const WithForm: Story;
+export declare const CustomOffset: Story;