blunt-ui 0.3.6 → 1.1.0

package/dist/components/Link/Link.types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef } from 'react';
-export type LinkVariants = "default" | "subtle";
+export type LinkVariant = "default" | "subtle";
 export interface LinkProps extends ComponentPropsWithRef<"a"> {
-    variant?: LinkVariants;
+    variant?: LinkVariant;
     external?: boolean;
 }

package/dist/components/Link/index.d.ts

@@ -1,2 +1,3 @@
 export { Link } from './Link';
-export type { LinkProps, LinkVariants } from './Link.types';
+export type { LinkVariant } from './Link.types';
+export type { LinkProps } from './Link.types';

package/dist/components/Link/{Link.stories.d.ts → stories/Link.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Link } from './Link';
+import { Link } from '../Link';
 declare const meta: Meta<typeof Link>;
 export default meta;
 type Story = StoryObj<typeof Link>;

package/dist/components/Modal/Modal.types.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-export type ModalSizes = "sm" | "md" | "lg" | "fullscreen";
+export type ModalSize = "sm" | "md" | "lg" | "fullscreen";
 export interface ModalProps {
     open: boolean;
     onClose: () => void;
     title?: string;
     children: ReactNode;
     footer?: ReactNode;
-    size?: ModalSizes;
+    size?: ModalSize;
     closeOnBackdrop?: boolean;
     closeOnEscape?: boolean;
     ariaLabelledBy?: string;

package/dist/components/Modal/index.d.ts

@@ -1,2 +1,2 @@
 export { Modal } from './Modal';
-export type { ModalProps, ModalSizes } from './Modal.types';
+export type { ModalSize, ModalProps } from './Modal.types';

package/dist/components/Modal/{Modal.stories.d.ts → stories/Modal.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Modal } from './Modal';
+import { Modal } from '../Modal';
 declare const meta: Meta<typeof Modal>;
 export default meta;
 type Story = StoryObj<typeof Modal>;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,5 @@
+import { RadioProps } from './Radio.types';
+export declare function Radio({ ref, label, size, error, helperText, disabled, checked, id, color, borderColor, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Radio {
+    var displayName: string;
+}

package/dist/components/Radio/Radio.types.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef } from 'react';
+export type RadioSize = "sm" | "md";
+export interface RadioProps extends Omit<ComponentPropsWithRef<"input">, "type" | "size"> {
+    label?: string;
+    size?: RadioSize;
+    error?: boolean;
+    helperText?: string;
+    color?: string;
+    borderColor?: string;
+}

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio } from './Radio';
+export type { RadioProps, RadioSize } from './Radio.types';

package/dist/components/Radio/stories/Radio.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Radio } from '../Radio';
+declare const meta: Meta<typeof Radio>;
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const Default: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;

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

@@ -1,5 +1,5 @@
 import { SelectProps } from './Select.types';
-export declare function Select({ options, placeholder, size, variant, error, fullWidth, clearable, onClear, id, value, defaultValue, onChange, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ options, placeholder, size, variant, error, fullWidth, clearable, onClear, id, name, value, defaultValue, onChange, disabled, searchable, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Select {
     var displayName: string;
 }

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

@@ -1,18 +1,27 @@
-import { ComponentPropsWithRef } from 'react';
-export type SelectSizes = "sm" | "md" | "lg";
-export type SelectVariants = "default" | "outlined";
+import { ChangeEvent } from 'react';
+export type SelectSize = "sm" | "md" | "lg";
+export type SelectVariant = "default" | "outlined";
 export interface SelectOption {
     value: string;
     label: string;
     disabled?: boolean;
 }
-export interface SelectProps extends Omit<ComponentPropsWithRef<"select">, "size"> {
+export interface SelectProps {
     options: SelectOption[];
     placeholder?: string;
-    size?: SelectSizes;
-    variant?: SelectVariants;
+    size?: SelectSize;
+    variant?: SelectVariant;
     error?: boolean | string;
     fullWidth?: boolean;
     clearable?: boolean;
     onClear?: () => void;
+    id?: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;
+    disabled?: boolean;
+    searchable?: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
 }

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

@@ -1,2 +1,2 @@
 export { Select } from './Select';
-export type { SelectProps, SelectOption, SelectSizes, SelectVariants, } from './Select.types';
+export type { SelectSize, SelectVariant, SelectProps, SelectOption, } from './Select.types';

package/dist/components/Select/{Select.stories.d.ts → stories/Select.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Select } from './Select';
+import { Select } from '../Select';
 declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof Select>;

package/dist/components/Spinner/Spinner.types.d.ts

@@ -1,8 +1,8 @@
-export type SpinnerSizes = "sm" | "md" | "lg";
-export type SpinnerWeights = "thin" | "normal" | "bold";
+export type SpinnerSize = "sm" | "md" | "lg";
+export type SpinnerWeight = "thin" | "normal" | "bold";
 export interface SpinnerProps {
-    size?: SpinnerSizes;
-    weight?: SpinnerWeights;
+    size?: SpinnerSize;
+    weight?: SpinnerWeight;
     color?: string;
     label?: string;
 }

package/dist/components/Spinner/index.d.ts

@@ -1,2 +1,2 @@
 export { Spinner } from './Spinner';
-export type { SpinnerProps, SpinnerSizes, SpinnerWeights, } from './Spinner.types';
+export type { SpinnerSize, SpinnerWeight, SpinnerProps } from './Spinner.types';

package/dist/components/Spinner/{Spinner.stories.d.ts → stories/Spinner.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Spinner } from './Spinner';
+import { Spinner } from '../Spinner';
 declare const meta: Meta<typeof Spinner>;
 export default meta;
 type Story = StoryObj<typeof Spinner>;

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,5 @@
+import { SwitchProps } from './Switch.types';
+export declare function Switch({ ref, label, size, disabled, checked, id, color, borderColor, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Switch {
+    var displayName: string;
+}

package/dist/components/Switch/Switch.types.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+export type SwitchSize = "sm" | "md";
+export interface SwitchProps extends Omit<ComponentPropsWithRef<"input">, "type" | "size"> {
+    label?: string;
+    size?: SwitchSize;
+    color?: string;
+    borderColor?: string;
+}

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps, SwitchSize } from './Switch.types';

package/dist/components/Switch/stories/Switch.stories.d.ts

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

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

@@ -0,0 +1,3 @@
+export declare const MAX_PAGES_WITHOUT_ELLIPSIS = 7;
+export declare const ELLIPSIS_THRESHOLD = 3;
+export declare const SIBLING_COUNT = 1;

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

@@ -1,5 +1,5 @@
 import { TableProps } from './Table.types';
-export declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rowKey, size, striped, bordered, stickyHeader, caption, emptyMessage, loading, sort, defaultSort, onSortChange, pageSize, page, defaultPage, totalRows, onPageChange, onChange, onRowClick, borderColor, headerColor, rowColor, stripeColor, className, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rowKey, size, striped, bordered, stickyHeader, stickyPagination, caption, emptyMessage, loading, sort, defaultSort, onSortChange, pageSize, page, defaultPage, totalRows, onPageChange, pageSizeOptions, onPageSizeChange, onChange, onRowClick, borderColor, headerColor, rowColor, stripeColor, className, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var displayName: string;
 }

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

@@ -0,0 +1,29 @@
+import { SortState, UseTableOptions, UseTableReturn } from './Table.types';
+export declare function useTable({ defaultSort, defaultPage, }?: UseTableOptions): UseTableReturn;
+interface UseTableSortProps<T> {
+    data: T[];
+    sort?: SortState | null;
+    defaultSort?: SortState;
+    onSortChange?: (sort: SortState | null) => void;
+}
+export declare function useTableSort<T extends Record<string, unknown>>({ data, sort, defaultSort, onSortChange, }: UseTableSortProps<T>): {
+    activeSort: SortState | null;
+    sortedData: T[];
+    handleSort: (key: string) => SortState | null;
+};
+export declare function getPageNumbers(current: number, total: number): (number | "...")[];
+interface UseTablePaginationProps<T> {
+    data: T[];
+    pageSize?: number;
+    page?: number;
+    defaultPage?: number;
+    totalRows?: number;
+    onPageChange?: (page: number) => void;
+}
+export declare function useTablePagination<T>({ data, pageSize, page, defaultPage, totalRows, onPageChange, }: UseTablePaginationProps<T>): {
+    activePage: number;
+    totalPages: number;
+    displayData: T[];
+    handlePageChange: (newPage: number) => void;
+};
+export {};

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-export type TableSizes = "sm" | "md" | "lg";
+export type TableSize = "sm" | "md" | "lg";
 export type SortDirection = "asc" | "desc";
 export interface SortState {
     key: string;
@@ -16,14 +16,25 @@ export interface TableChangeState {
     sort: SortState | null;
     page: number;
 }
+export interface UseTableOptions {
+    defaultSort?: SortState;
+    defaultPage?: number;
+}
+export interface UseTableReturn {
+    sort: SortState | null;
+    page: number;
+    onSortChange: (sort: SortState | null) => void;
+    onPageChange: (page: number) => void;
+}
 export interface TableProps<T extends Record<string, unknown> = Record<string, unknown>> {
     columns: TableColumn<T>[];
     data: T[];
     rowKey?: string;
-    size?: TableSizes;
+    size?: TableSize;
     striped?: boolean;
     bordered?: boolean;
     stickyHeader?: boolean;
+    stickyPagination?: boolean;
     caption?: string;
     emptyMessage?: string;
     loading?: boolean;
@@ -35,6 +46,8 @@ export interface TableProps<T extends Record<string, unknown> = Record<string, u
     defaultPage?: number;
     totalRows?: number;
     onPageChange?: (page: number) => void;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (pageSize: number) => void;
     onChange?: (state: TableChangeState) => void;
     borderColor?: string;
     headerColor?: string;

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

@@ -1,4 +1,3 @@
 export { Table } from './Table';
-export type { TableProps, TableColumn, TableSizes, SortState, SortDirection, TableChangeState, } from './Table.types';
-export { useTable } from './useTable';
-export type { UseTableOptions, UseTableReturn } from './useTable';
+export type { TableSize, SortDirection, TableProps, TableColumn, SortState, TableChangeState, UseTableOptions, UseTableReturn, } from './Table.types';
+export { useTable } from './Table.hooks';

package/dist/components/Table/{Table.stories.d.ts → stories/Table.stories.d.ts}

@@ -1,17 +1,13 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Table } from './Table';
+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 StripedAndBordered: Story;
 export declare const WithCustomRender: Story;
 export declare const Sortable: Story;
-export declare const SortableControlled: Story;
-export declare const WithUseTable: Story;
+export declare const WithPagination: Story;
 export declare const Loading: Story;
 export declare const Empty: Story;
-export declare const Paginated: Story;
 export declare const StickyHeader: Story;
 export declare const WithRowClick: Story;
-export declare const FullyCustomized: Story;

package/dist/components/Textarea/Textarea.types.d.ts

@@ -1,9 +1,9 @@
 import { ComponentPropsWithRef } from 'react';
-export type TextareaSizes = "sm" | "md" | "lg";
-export type TextareaVariants = "default" | "outlined";
+export type TextareaSize = "sm" | "md" | "lg";
+export type TextareaVariant = "default" | "outlined";
 export interface TextareaProps extends Omit<ComponentPropsWithRef<"textarea">, "size"> {
-    size?: TextareaSizes;
-    variant?: TextareaVariants;
+    size?: TextareaSize;
+    variant?: TextareaVariant;
     label?: string;
     helperText?: string;
     error?: boolean | string;

package/dist/components/Textarea/index.d.ts

@@ -1,2 +1,2 @@
 export { Textarea } from './Textarea';
-export type { TextareaProps, TextareaSizes, TextareaVariants, } from './Textarea.types';
+export type { TextareaSize, TextareaVariant, TextareaProps, } from './Textarea.types';

package/dist/components/Textarea/{Textarea.stories.d.ts → stories/Textarea.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Textarea } from './Textarea';
+import { Textarea } from '../Textarea';
 declare const meta: Meta<typeof Textarea>;
 export default meta;
 type Story = StoryObj<typeof Textarea>;

package/dist/components/Toast/Toast.hooks.d.ts

@@ -0,0 +1,2 @@
+import { ToastContextValue } from './Toast.types';
+export declare function useToast(): ToastContextValue;

package/dist/components/Toast/{useToast.d.ts → Toast.provider.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ToastContextValue } from './useToast.types';
+import { ToastContextValue } from './Toast.types';
+export declare const ToastContext: import('react').Context<ToastContextValue | null>;
 export declare function ToastProvider({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function useToast(): ToastContextValue;

package/dist/components/Toast/Toast.types.d.ts

@@ -1,10 +1,26 @@
-export type ToastVariants = "success" | "error" | "warning" | "info";
+export type ToastVariant = "success" | "error" | "warning" | "info";
 export type ToastPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
 export interface ToastProps {
     open: boolean;
     onClose: () => void;
     message: string;
-    variant?: ToastVariants;
+    variant?: ToastVariant;
     duration?: number;
     position?: ToastPosition;
 }
+export interface ToastOptions {
+    message: string;
+    variant?: ToastVariant;
+    duration?: number;
+    position?: ToastPosition;
+}
+export interface ToastFn {
+    (options: ToastOptions): void;
+    success: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
+    error: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
+    warning: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
+    info: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
+}
+export interface ToastContextValue {
+    toast: ToastFn;
+}

package/dist/components/Toast/index.d.ts

@@ -1,4 +1,5 @@
 export { Toast } from './Toast';
-export type { ToastProps, ToastVariants, ToastPosition } from './Toast.types';
-export { useToast, ToastProvider } from './useToast';
-export type { ToastOptions, ToastFn, ToastContextValue, } from './useToast.types';
+export type { ToastVariant, ToastPosition } from './Toast.types';
+export type { ToastProps, ToastOptions, ToastFn, ToastContextValue, } from './Toast.types';
+export { ToastProvider } from './Toast.provider';
+export { useToast } from './Toast.hooks';

package/dist/components/Toast/{Toast.stories.d.ts → stories/Toast.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Toast } from './Toast';
+import { Toast } from '../Toast';
 declare const meta: Meta<typeof Toast>;
 export default meta;
 type Story = StoryObj<typeof Toast>;