@bricks-toolkit/toolkit 0.1.0 → 0.1.2

package/dist/chunk-YMMNWJT6.cjs

@@ -0,0 +1,134 @@
+'use strict';
+
+var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
+var react = require('react');
+var outline = require('@heroicons/react/24/outline');
+var jsxRuntime = require('react/jsx-runtime');
+
+var statusIcons = {
+  success: /* @__PURE__ */ jsxRuntime.jsx(outline.CheckCircleIcon, { className: "w-5 h-5" }),
+  error: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationCircleIcon, { className: "w-5 h-5" }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "w-5 h-5" }),
+  info: /* @__PURE__ */ jsxRuntime.jsx(outline.InformationCircleIcon, { className: "w-5 h-5" })
+};
+var solidIconBg = {
+  success: "bg-white/20",
+  error: "bg-white/20",
+  warning: "bg-white/20",
+  info: "bg-white/20"
+};
+var subtleIconBg = {
+  success: "bg-success/20 text-success",
+  error: "bg-error/20 text-error",
+  warning: "bg-warning/20 text-warning",
+  info: "bg-info/20 text-info"
+};
+var accentIconBg = {
+  success: "bg-success/10 text-success",
+  error: "bg-error/10 text-error",
+  warning: "bg-warning/10 text-warning",
+  info: "bg-info/10 text-info"
+};
+var variantClasses = {
+  solid: {
+    success: "bg-success text-text border-transparent shadow-[0_8px_32px_rgba(16,185,129,0.3)]",
+    error: "bg-error text-text border-transparent shadow-[0_8px_32px_rgba(239,68,68,0.3)]",
+    warning: "bg-warning text-text border-transparent shadow-[0_8px_32px_rgba(245,158,11,0.3)]",
+    info: "bg-info text-text border-transparent shadow-[0_8px_32px_rgba(59,130,246,0.3)]"
+  },
+  subtle: {
+    success: "bg-success/10 text-text border-success/25 shadow-[0_8px_32px_rgba(16,185,129,0.12)]",
+    error: "bg-error/10 text-text border-error/25 shadow-[0_8px_32px_rgba(239,68,68,0.12)]",
+    warning: "bg-warning/10 text-text border-warning/25 shadow-[0_8px_32px_rgba(245,158,11,0.12)]",
+    info: "bg-info/10 text-text border-info/25 shadow-[0_8px_32px_rgba(59,130,246,0.12)]"
+  },
+  "left-accent": {
+    success: "bg-surface border-border border-l-success shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text",
+    error: "bg-surface border-border border-l-error shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text",
+    warning: "bg-surface border-border border-l-warning shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text",
+    info: "bg-surface border-border border-l-info shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text"
+  }
+};
+var statusTitleColor = {
+  success: "text-success",
+  error: "text-error",
+  warning: "text-warning",
+  info: "text-info"
+};
+var Toaster = react.forwardRef((props, ref) => {
+  const {
+    title,
+    description,
+    status = "info",
+    variant = "solid",
+    isClosable = true,
+    onClose,
+    className
+  } = props;
+  const isSolid = variant === "solid";
+  const isLeftAccent = variant === "left-accent";
+  const iconBgClass = isSolid ? solidIconBg[status] : isLeftAccent ? accentIconBg[status] : subtleIconBg[status];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      role: "alert",
+      className: chunkL5VQZZVR_cjs.cn(
+        "relative flex w-full min-w-80 max-w-sm items-start gap-3 px-4 py-3.5 rounded-xl border overflow-hidden transition-all duration-200",
+        isLeftAccent && "border-l-4 rounded-l-none",
+        variantClasses[variant][status],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkL5VQZZVR_cjs.cn(
+              "flex-shrink-0 flex items-center justify-center w-8 h-8 rounded-lg mt-0.5",
+              iconBgClass
+            ),
+            children: statusIcons[status]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 pt-0.5", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: chunkL5VQZZVR_cjs.cn(
+                "text-sm font-bold leading-tight tracking-wide",
+                !isSolid && statusTitleColor[status]
+              ),
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: chunkL5VQZZVR_cjs.cn(
+                "text-sm leading-relaxed mt-0.5",
+                isSolid ? "opacity-90" : "text-text-secondary"
+              ),
+              children: description
+            }
+          )
+        ] }),
+        isClosable && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: chunkL5VQZZVR_cjs.cn(
+              "flex-shrink-0 flex items-center justify-center w-6 h-6 rounded-md transition-all duration-150 active:scale-90",
+              isSolid ? "hover:bg-white/20 text-text-inverse" : "hover:bg-black/10 dark:hover:bg-white/10 text-text-secondary hover:text-text"
+            ),
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "w-4 h-4 stroke-2" })
+          }
+        )
+      ]
+    }
+  );
+});
+Toaster.displayName = "Toaster";
+
+exports.Toaster = Toaster;

package/dist/chunk-YOTCXSXL.mjs

@@ -0,0 +1,132 @@
+import { cn } from './chunk-OCPFOFJ4.mjs';
+import { forwardRef } from 'react';
+import { XMarkIcon, InformationCircleIcon, ExclamationTriangleIcon, ExclamationCircleIcon, CheckCircleIcon } from '@heroicons/react/24/outline';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var statusIcons = {
+  success: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "w-5 h-5" }),
+  error: /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "w-5 h-5" }),
+  warning: /* @__PURE__ */ jsx(ExclamationTriangleIcon, { className: "w-5 h-5" }),
+  info: /* @__PURE__ */ jsx(InformationCircleIcon, { className: "w-5 h-5" })
+};
+var solidIconBg = {
+  success: "bg-white/20",
+  error: "bg-white/20",
+  warning: "bg-white/20",
+  info: "bg-white/20"
+};
+var subtleIconBg = {
+  success: "bg-success/20 text-success",
+  error: "bg-error/20 text-error",
+  warning: "bg-warning/20 text-warning",
+  info: "bg-info/20 text-info"
+};
+var accentIconBg = {
+  success: "bg-success/10 text-success",
+  error: "bg-error/10 text-error",
+  warning: "bg-warning/10 text-warning",
+  info: "bg-info/10 text-info"
+};
+var variantClasses = {
+  solid: {
+    success: "bg-success text-text border-transparent shadow-[0_8px_32px_rgba(16,185,129,0.3)]",
+    error: "bg-error text-text border-transparent shadow-[0_8px_32px_rgba(239,68,68,0.3)]",
+    warning: "bg-warning text-text border-transparent shadow-[0_8px_32px_rgba(245,158,11,0.3)]",
+    info: "bg-info text-text border-transparent shadow-[0_8px_32px_rgba(59,130,246,0.3)]"
+  },
+  subtle: {
+    success: "bg-success/10 text-text border-success/25 shadow-[0_8px_32px_rgba(16,185,129,0.12)]",
+    error: "bg-error/10 text-text border-error/25 shadow-[0_8px_32px_rgba(239,68,68,0.12)]",
+    warning: "bg-warning/10 text-text border-warning/25 shadow-[0_8px_32px_rgba(245,158,11,0.12)]",
+    info: "bg-info/10 text-text border-info/25 shadow-[0_8px_32px_rgba(59,130,246,0.12)]"
+  },
+  "left-accent": {
+    success: "bg-surface border-border border-l-success shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text",
+    error: "bg-surface border-border border-l-error shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text",
+    warning: "bg-surface border-border border-l-warning shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text",
+    info: "bg-surface border-border border-l-info shadow-[0_8px_24px_rgba(0,0,0,0.08)] text-text"
+  }
+};
+var statusTitleColor = {
+  success: "text-success",
+  error: "text-error",
+  warning: "text-warning",
+  info: "text-info"
+};
+var Toaster = forwardRef((props, ref) => {
+  const {
+    title,
+    description,
+    status = "info",
+    variant = "solid",
+    isClosable = true,
+    onClose,
+    className
+  } = props;
+  const isSolid = variant === "solid";
+  const isLeftAccent = variant === "left-accent";
+  const iconBgClass = isSolid ? solidIconBg[status] : isLeftAccent ? accentIconBg[status] : subtleIconBg[status];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "alert",
+      className: cn(
+        "relative flex w-full min-w-80 max-w-sm items-start gap-3 px-4 py-3.5 rounded-xl border overflow-hidden transition-all duration-200",
+        isLeftAccent && "border-l-4 rounded-l-none",
+        variantClasses[variant][status],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex-shrink-0 flex items-center justify-center w-8 h-8 rounded-lg mt-0.5",
+              iconBgClass
+            ),
+            children: statusIcons[status]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 pt-0.5", children: [
+          title && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "text-sm font-bold leading-tight tracking-wide",
+                !isSolid && statusTitleColor[status]
+              ),
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "text-sm leading-relaxed mt-0.5",
+                isSolid ? "opacity-90" : "text-text-secondary"
+              ),
+              children: description
+            }
+          )
+        ] }),
+        isClosable && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: cn(
+              "flex-shrink-0 flex items-center justify-center w-6 h-6 rounded-md transition-all duration-150 active:scale-90",
+              isSolid ? "hover:bg-white/20 text-text-inverse" : "hover:bg-black/10 dark:hover:bg-white/10 text-text-secondary hover:text-text"
+            ),
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx(XMarkIcon, { className: "w-4 h-4 stroke-2" })
+          }
+        )
+      ]
+    }
+  );
+});
+Toaster.displayName = "Toaster";
+
+export { Toaster };

package/dist/combo-box/index.cjs

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

package/dist/{components/ComboBox/ComboBox.types.d.ts → combo-box/index.d.mts}

@@ -1,7 +1,8 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-export type ComboBoxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type ComboBoxState = 'default' | 'error' | 'success' | 'warning';
-export interface ComboBoxOption {
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type ComboBoxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ComboBoxState = 'default' | 'error' | 'success' | 'warning';
+interface ComboBoxOption {
     /** The underlying value submitted/returned. */
     value: string;
     /** The human-readable label shown in the dropdown and input. */
@@ -9,7 +10,7 @@ export interface ComboBoxOption {
     /** When true the option is shown but cannot be selected. */
     disabled?: boolean;
 }
-export interface ComboBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange' | 'multiple'> {
+interface ComboBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange' | 'multiple'> {
     /** List of selectable options. */
     options: ComboBoxOption[];
     /** Currently selected value(s). Pass string for single, string[] for multi. */
@@ -55,3 +56,7 @@ export interface ComboBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement
     /** Additional class for helper / state message text. */
     helperClassName?: string;
 }
+
+declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { ComboBox, type ComboBoxOption, type ComboBoxProps, type ComboBoxSize, type ComboBoxState };

package/dist/combo-box/index.d.ts

@@ -0,0 +1,62 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type ComboBoxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ComboBoxState = 'default' | 'error' | 'success' | 'warning';
+interface ComboBoxOption {
+    /** The underlying value submitted/returned. */
+    value: string;
+    /** The human-readable label shown in the dropdown and input. */
+    label: string;
+    /** When true the option is shown but cannot be selected. */
+    disabled?: boolean;
+}
+interface ComboBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange' | 'multiple'> {
+    /** List of selectable options. */
+    options: ComboBoxOption[];
+    /** Currently selected value(s). Pass string for single, string[] for multi. */
+    value?: string | string[];
+    /** Fired when selection changes. */
+    onChange?: (value: string | string[]) => void;
+    /** Allow selecting multiple options. Defaults to false. */
+    multiple?: boolean;
+    /** Allow the user to type and filter options. Defaults to true. */
+    searchable?: boolean;
+    /** Show a clear (×) button when a value is selected. Defaults to false. */
+    clearable?: boolean;
+    /** Field label rendered above the input. */
+    label?: string;
+    /** Makes the label show a required asterisk. */
+    required?: boolean;
+    /** Helper text shown below the field. */
+    helperText?: string;
+    /** Message shown when state = 'error'. */
+    errorMessage?: string;
+    /** Message shown when state = 'success'. */
+    successMessage?: string;
+    /** Message shown when state = 'warning'. */
+    warningMessage?: string;
+    /** Visual / validation state. Defaults to 'default'. */
+    state?: ComboBoxState;
+    /** Input size. Defaults to 'md'. */
+    size?: ComboBoxSize;
+    /** Stretch to fill its container. Defaults to true. */
+    fullWidth?: boolean;
+    /** Placeholder shown in the input when nothing is selected. */
+    placeholder?: string;
+    /** Rendered when no options match the current search query. */
+    noOptionsMessage?: ReactNode;
+    /** Additional class for the outer wrapper div. */
+    wrapperClassName?: string;
+    /** Additional class for the trigger / input element. */
+    inputClassName?: string;
+    /** Additional class for the dropdown list. */
+    listClassName?: string;
+    /** Additional class for the label element. */
+    labelClassName?: string;
+    /** Additional class for helper / state message text. */
+    helperClassName?: string;
+}
+
+declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { ComboBox, type ComboBoxOption, type ComboBoxProps, type ComboBoxSize, type ComboBoxState };

package/dist/combo-box/index.mjs

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

package/dist/date-picker/index.cjs

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

package/dist/date-picker/index.d.mts

@@ -0,0 +1,32 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type DatePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type DatePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type DatePickerState = 'default' | 'error' | 'success' | 'warning';
+interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: DatePickerVariant;
+    size?: DatePickerSize;
+    state?: DatePickerState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+}
+
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerState, type DatePickerVariant };

package/dist/date-picker/index.d.ts

@@ -0,0 +1,32 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type DatePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type DatePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type DatePickerState = 'default' | 'error' | 'success' | 'warning';
+interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: DatePickerVariant;
+    size?: DatePickerSize;
+    state?: DatePickerState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+}
+
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerState, type DatePickerVariant };

package/dist/date-picker/index.mjs

@@ -0,0 +1,2 @@
+export { DatePicker } from '../chunk-7WNJ7L4Z.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/dialog/index.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var chunkOPOCCRJG_cjs = require('../chunk-OPOCCRJG.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.Dialog; }
+});
+Object.defineProperty(exports, "DialogBody", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogBody; }
+});
+Object.defineProperty(exports, "DialogCloseButton", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogCloseButton; }
+});
+Object.defineProperty(exports, "DialogFooter", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogFooter; }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogHeader; }
+});

package/dist/{components/Dialog/Dialog.types.d.ts → dialog/index.d.mts}

@@ -1,6 +1,7 @@
-import type { ReactNode } from 'react';
-export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
-export interface DialogProps {
+import { ReactNode } from 'react';
+
+type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+interface DialogProps {
     /** If true, the dialog will be open. */
     isOpen: boolean;
     /** Callback invoked when the dialog should close. */
@@ -34,19 +35,27 @@ export interface DialogProps {
     /** ID of the element that describes the dialog. */
     ariaDescribedby?: string;
 }
-export interface DialogHeaderProps {
+interface DialogHeaderProps {
     children: ReactNode;
     className?: string;
 }
-export interface DialogBodyProps {
+interface DialogBodyProps {
     children: ReactNode;
     className?: string;
 }
-export interface DialogFooterProps {
+interface DialogFooterProps {
     children: ReactNode;
     className?: string;
 }
-export interface DialogCloseButtonProps {
+interface DialogCloseButtonProps {
     onClick?: () => void;
     className?: string;
 }
+
+declare function Dialog({ isOpen, onClose, children, size, isCentered, closeOnOverlayClick, closeOnEsc, trapFocus, lockScroll, contentClassName, overlayClassName, showBackdrop, isModal, ariaLabel, ariaLabelledby, ariaDescribedby, }: DialogProps): React.ReactPortal | null;
+declare function DialogHeader({ children, className }: DialogHeaderProps): React.JSX.Element;
+declare function DialogBody({ children, className }: DialogBodyProps): React.JSX.Element;
+declare function DialogFooter({ children, className }: DialogFooterProps): React.JSX.Element;
+declare function DialogCloseButton({ onClick, className, }: DialogCloseButtonProps): React.JSX.Element;
+
+export { Dialog, DialogBody, type DialogBodyProps, DialogCloseButton, type DialogCloseButtonProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, type DialogSize };

package/dist/dialog/index.d.ts

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+
+type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+interface DialogProps {
+    /** If true, the dialog will be open. */
+    isOpen: boolean;
+    /** Callback invoked when the dialog should close. */
+    onClose: () => void;
+    /** The content of the dialog. Usually includes DialogHeader, DialogBody, and DialogFooter. */
+    children: ReactNode;
+    /** The size of the dialog. Defaults to 'md'. */
+    size?: DialogSize;
+    /** If true, the dialog will be centered on the screen. Defaults to false. */
+    isCentered?: boolean;
+    /** If true, the dialog will close when the overlay is clicked. Defaults to true. */
+    closeOnOverlayClick?: boolean;
+    /** If true, the dialog will close when the ESC key is pressed. Defaults to true. */
+    closeOnEsc?: boolean;
+    /** If true, focus will be trapped inside the dialog. Defaults to true. */
+    trapFocus?: boolean;
+    /** If true, the body scroll will be locked when the dialog is open. Defaults to true. */
+    lockScroll?: boolean;
+    /** Additional class names for the dialog content. */
+    contentClassName?: string;
+    /** Additional class names for the overlay. */
+    overlayClassName?: string;
+    /** If true, the backdrop will be visible. Defaults to true. */
+    showBackdrop?: boolean;
+    /** If true, the dialog will be treated as a modal (traps focus, locked scroll). Defaults to true. */
+    isModal?: boolean;
+    /** ARIA label for the dialog. */
+    ariaLabel?: string;
+    /** ID of the element that labels the dialog. */
+    ariaLabelledby?: string;
+    /** ID of the element that describes the dialog. */
+    ariaDescribedby?: string;
+}
+interface DialogHeaderProps {
+    children: ReactNode;
+    className?: string;
+}
+interface DialogBodyProps {
+    children: ReactNode;
+    className?: string;
+}
+interface DialogFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+interface DialogCloseButtonProps {
+    onClick?: () => void;
+    className?: string;
+}
+
+declare function Dialog({ isOpen, onClose, children, size, isCentered, closeOnOverlayClick, closeOnEsc, trapFocus, lockScroll, contentClassName, overlayClassName, showBackdrop, isModal, ariaLabel, ariaLabelledby, ariaDescribedby, }: DialogProps): React.ReactPortal | null;
+declare function DialogHeader({ children, className }: DialogHeaderProps): React.JSX.Element;
+declare function DialogBody({ children, className }: DialogBodyProps): React.JSX.Element;
+declare function DialogFooter({ children, className }: DialogFooterProps): React.JSX.Element;
+declare function DialogCloseButton({ onClick, className, }: DialogCloseButtonProps): React.JSX.Element;
+
+export { Dialog, DialogBody, type DialogBodyProps, DialogCloseButton, type DialogCloseButtonProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, type DialogSize };

package/dist/dialog/index.mjs

@@ -0,0 +1,2 @@
+export { Dialog, DialogBody, DialogCloseButton, DialogFooter, DialogHeader } from '../chunk-OQPCL5XX.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/dropdown-menu/index.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var chunkAJXVELXK_cjs = require('../chunk-AJXVELXK.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenu; }
+});
+Object.defineProperty(exports, "DropdownMenuContent", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuContent; }
+});
+Object.defineProperty(exports, "DropdownMenuItem", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuItem; }
+});
+Object.defineProperty(exports, "DropdownMenuSeparator", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuSeparator; }
+});
+Object.defineProperty(exports, "DropdownMenuTrigger", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuTrigger; }
+});

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

@@ -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 };