@bricks-toolkit/toolkit 0.1.0 → 0.1.2

package/dist/dropdown-menu/index.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+
+type DropdownMenuSize = 'sm' | 'md' | 'lg';
+type DropdownMenuVariant = 'default' | 'subtle' | 'ghost';
+interface DropdownMenuProps {
+    children: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+interface DropdownMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: DropdownMenuSize;
+    variant?: DropdownMenuVariant;
+}
+interface DropdownMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    align?: 'left' | 'right' | 'center';
+    width?: string | number;
+}
+interface DropdownMenuItemProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    destructive?: boolean;
+    icon?: ReactNode;
+    shortcut?: string;
+}
+type DropdownMenuSeparatorProps = HTMLAttributes<HTMLDivElement>;
+
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.FC<DropdownMenuSeparatorProps>;
+
+export { DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, type DropdownMenuSize, DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownMenuVariant };

package/dist/dropdown-menu/index.mjs

@@ -0,0 +1,2 @@
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../chunk-2POU3NX4.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/email/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkVC7MOPU6_cjs = require('../chunk-VC7MOPU6.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Email", {
+  enumerable: true,
+  get: function () { return chunkVC7MOPU6_cjs.Email; }
+});

package/dist/{components/Email/Email.types.d.ts → email/index.d.mts}

@@ -1,8 +1,9 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-export type EmailVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-export type EmailSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type EmailState = 'default' | 'error' | 'success' | 'warning';
-export interface EmailProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type EmailVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type EmailSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type EmailState = 'default' | 'error' | 'success' | 'warning';
+interface EmailProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
     label?: string;
     required?: boolean;
     helperText?: string;
@@ -31,3 +32,7 @@ export interface EmailProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      */
     multiple?: boolean;
 }
+
+declare const Email: React.ForwardRefExoticComponent<EmailProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Email, type EmailProps, type EmailSize, type EmailState, type EmailVariant };

package/dist/email/index.d.ts

@@ -0,0 +1,38 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type EmailVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type EmailSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type EmailState = 'default' | 'error' | 'success' | 'warning';
+interface EmailProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: EmailVariant;
+    size?: EmailSize;
+    state?: EmailState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+    /**
+     * If true, allows the user to enter multiple email addresses separated by commas.
+     * Useful for "To" fields in email composers.
+     * @default false
+     */
+    multiple?: boolean;
+}
+
+declare const Email: React.ForwardRefExoticComponent<EmailProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Email, type EmailProps, type EmailSize, type EmailState, type EmailVariant };

package/dist/email/index.mjs

@@ -0,0 +1,2 @@
+export { Email } from '../chunk-4QSDPHPI.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/file-upload/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk6R3OYBQ6_cjs = require('../chunk-6R3OYBQ6.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "FileUpload", {
+  enumerable: true,
+  get: function () { return chunk6R3OYBQ6_cjs.FileUpload; }
+});

package/dist/file-upload/index.d.mts

@@ -0,0 +1,27 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type FileUploadSize = 'sm' | 'md' | 'lg';
+type FileUploadState = 'default' | 'error' | 'success' | 'warning';
+interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    size?: FileUploadSize;
+    state?: FileUploadState;
+    fullWidth?: boolean;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    dropzoneClassName?: string;
+    icon?: ReactNode;
+    maxSize?: number;
+    maxFiles?: number;
+    onFilesSelected?: (files: File[]) => void;
+}
+
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
+
+export { FileUpload, type FileUploadProps, type FileUploadSize, type FileUploadState };

package/dist/file-upload/index.d.ts

@@ -0,0 +1,27 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type FileUploadSize = 'sm' | 'md' | 'lg';
+type FileUploadState = 'default' | 'error' | 'success' | 'warning';
+interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    size?: FileUploadSize;
+    state?: FileUploadState;
+    fullWidth?: boolean;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    dropzoneClassName?: string;
+    icon?: ReactNode;
+    maxSize?: number;
+    maxFiles?: number;
+    onFilesSelected?: (files: File[]) => void;
+}
+
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
+
+export { FileUpload, type FileUploadProps, type FileUploadSize, type FileUploadState };

package/dist/file-upload/index.mjs

@@ -0,0 +1,2 @@
+export { FileUpload } from '../chunk-KA35BV7V.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/header/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkEV463QT5_cjs = require('../chunk-EV463QT5.cjs');
+require('../chunk-TNGW5YHA.cjs');
+require('../chunk-6CC5KIA5.cjs');
+require('../chunk-R72GDCWE.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () { return chunkEV463QT5_cjs.Header; }
+});

package/dist/{components/Header/Header.types.d.ts → header/index.d.mts}

@@ -1,5 +1,6 @@
-import type { ReactNode } from 'react';
-export interface HeaderProps {
+import { ReactNode } from 'react';
+
+interface HeaderProps {
     /** Logo or brand element to display on the left. */
     logo?: ReactNode;
     /** Middle section content, often used for search. */
@@ -17,3 +18,11 @@ export interface HeaderProps {
     /** Sidebar toggle click handler (for mobile). */
     onMenuToggle?: () => void;
 }
+
+interface HeaderComponent {
+    (props: HeaderProps): React.JSX.Element;
+    displayName?: string;
+}
+declare const Header: HeaderComponent;
+
+export { Header, type HeaderProps };

package/dist/header/index.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+
+interface HeaderProps {
+    /** Logo or brand element to display on the left. */
+    logo?: ReactNode;
+    /** Middle section content, often used for search. */
+    children?: ReactNode;
+    /** Array of menu items or icons for the right side actions. */
+    actions?: ReactNode;
+    /** Optional user profile section content. */
+    userSection?: ReactNode;
+    /** Whether the header is sticky at the top. */
+    isSticky?: boolean;
+    /** Additional CSS classes for the container. */
+    className?: string;
+    /** Whether to show the glass effect. */
+    glass?: boolean;
+    /** Sidebar toggle click handler (for mobile). */
+    onMenuToggle?: () => void;
+}
+
+interface HeaderComponent {
+    (props: HeaderProps): React.JSX.Element;
+    displayName?: string;
+}
+declare const Header: HeaderComponent;
+
+export { Header, type HeaderProps };

package/dist/header/index.mjs

@@ -0,0 +1,5 @@
+export { Header } from '../chunk-FOVJHEWH.mjs';
+import '../chunk-BVBCAAES.mjs';
+import '../chunk-RAD5VJHR.mjs';
+import '../chunk-65UZC3FK.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/icon-button/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkTNGW5YHA_cjs = require('../chunk-TNGW5YHA.cjs');
+require('../chunk-6CC5KIA5.cjs');
+require('../chunk-R72GDCWE.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function () { return chunkTNGW5YHA_cjs.IconButton; }
+});

package/dist/icon-button/index.d.mts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { B as ButtonProps } from '../Button.types-D-srlWFf.mjs';
+import '../Tooltip.types-PbUasE3C.mjs';
+
+interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
+    /** The icon to display inside the button */
+    icon: ReactNode;
+    /** Accessible label for the icon button */
+    'aria-label': string;
+    /** Whether the button should be rounded/circular */
+    isRound?: boolean;
+}
+
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/icon-button/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { B as ButtonProps } from '../Button.types-BsQYqZml.js';
+import '../Tooltip.types-PbUasE3C.js';
+
+interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
+    /** The icon to display inside the button */
+    icon: ReactNode;
+    /** Accessible label for the icon button */
+    'aria-label': string;
+    /** Whether the button should be rounded/circular */
+    isRound?: boolean;
+}
+
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/icon-button/index.mjs

@@ -0,0 +1,4 @@
+export { IconButton } from '../chunk-BVBCAAES.mjs';
+import '../chunk-RAD5VJHR.mjs';
+import '../chunk-65UZC3FK.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/image/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkPJWELBN2_cjs = require('../chunk-PJWELBN2.cjs');
+require('../chunk-S7VEND5Z.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () { return chunkPJWELBN2_cjs.Image; }
+});

package/dist/{components/Image/Image.types.d.ts → image/index.d.mts}

@@ -1,5 +1,6 @@
-import type { ImgHTMLAttributes, ReactNode } from 'react';
-export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+import React__default, { ImgHTMLAttributes, ReactNode } from 'react';
+
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     /**
      * The source URL of the image.
      */
@@ -38,3 +39,10 @@ export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
      */
     containerClassName?: string;
 }
+
+/**
+ * A robust Image component with built-in loading states and error handling.
+ */
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/image/index.d.ts

@@ -0,0 +1,48 @@
+import React__default, { ImgHTMLAttributes, ReactNode } from 'react';
+
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * The source URL of the image.
+     */
+    src: string;
+    /**
+     * The alt text for the image.
+     */
+    alt: string;
+    /**
+     * Optional fallback component or image URL to show if the image fails to load.
+     */
+    fallback?: ReactNode;
+    /**
+     * Optional component to show while the image is loading.
+     * If not provided, a default Skeleton will be used.
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Whether to show a skeleton loader while loading.
+     * @default true
+     */
+    showSkeleton?: boolean;
+    /**
+     * The aspect ratio of the image container.
+     * Useful to prevent layout shift.
+     * Example: '16/9', '1/1', '4/3'
+     */
+    aspectRatio?: string;
+    /**
+     * How the image should be fitted in its container.
+     * @default 'cover'
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * Container className.
+     */
+    containerClassName?: string;
+}
+
+/**
+ * A robust Image component with built-in loading states and error handling.
+ */
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/image/index.mjs

@@ -0,0 +1,3 @@
+export { Image } from '../chunk-JV6AWBN5.mjs';
+import '../chunk-32SKYPQW.mjs';
+import '../chunk-OCPFOFJ4.mjs';