@blenx-dev/components 0.0.0

package/dist/package.json

@@ -0,0 +1,232 @@
+{
+  "name": "@blenx-dev/components",
+  "version": "0.0.0",
+  "type": "module",
+  "files": [
+    "**/*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "import": "./components/index.js"
+    },
+    "./Tabs": {
+      "types": "./components/Tabs/index.d.ts",
+      "import": "./components/Tabs/index.js"
+    },
+    "./CopyButton": {
+      "types": "./components/CopyButton/index.d.ts",
+      "import": "./components/CopyButton/index.js"
+    },
+    "./Drawer": {
+      "types": "./components/Drawer/index.d.ts",
+      "import": "./components/Drawer/index.js"
+    },
+    "./Box": {
+      "types": "./components/Box/index.d.ts",
+      "import": "./components/Box/index.js"
+    },
+    "./Calendar": {
+      "types": "./components/Calendar/index.d.ts",
+      "import": "./components/Calendar/index.js"
+    },
+    "./Radio": {
+      "types": "./components/Radio/index.d.ts",
+      "import": "./components/Radio/index.js"
+    },
+    "./Card": {
+      "types": "./components/Card/index.d.ts",
+      "import": "./components/Card/index.js"
+    },
+    "./Autocomplete": {
+      "types": "./components/Autocomplete/index.d.ts",
+      "import": "./components/Autocomplete/index.js"
+    },
+    "./Progress": {
+      "types": "./components/Progress/index.d.ts",
+      "import": "./components/Progress/index.js"
+    },
+    "./Input": {
+      "types": "./components/Input/index.d.ts",
+      "import": "./components/Input/index.js"
+    },
+    "./Alert": {
+      "types": "./components/Alert/index.d.ts",
+      "import": "./components/Alert/index.js"
+    },
+    "./Accordion": {
+      "types": "./components/Accordion/index.d.ts",
+      "import": "./components/Accordion/index.js"
+    },
+    "./Separator": {
+      "types": "./components/Separator/index.d.ts",
+      "import": "./components/Separator/index.js"
+    },
+    "./ToggleGroup": {
+      "types": "./components/ToggleGroup/index.d.ts",
+      "import": "./components/ToggleGroup/index.js"
+    },
+    "./CloseButton": {
+      "types": "./components/CloseButton/index.d.ts",
+      "import": "./components/CloseButton/index.js"
+    },
+    "./Checkbox": {
+      "types": "./components/Checkbox/index.d.ts",
+      "import": "./components/Checkbox/index.js"
+    },
+    "./Splitter": {
+      "types": "./components/Splitter/index.d.ts",
+      "import": "./components/Splitter/index.js"
+    },
+    "./Slider": {
+      "types": "./components/Slider/index.d.ts",
+      "import": "./components/Slider/index.js"
+    },
+    "./Surface": {
+      "types": "./components/Surface/index.d.ts",
+      "import": "./components/Surface/index.js"
+    },
+    "./Spinner": {
+      "types": "./components/Spinner/index.d.ts",
+      "import": "./components/Spinner/index.js"
+    },
+    "./Field": {
+      "types": "./components/Field/index.d.ts",
+      "import": "./components/Field/index.js"
+    },
+    "./ScrollArea": {
+      "types": "./components/ScrollArea/index.d.ts",
+      "import": "./components/ScrollArea/index.js"
+    },
+    "./Combobox": {
+      "types": "./components/Combobox/index.d.ts",
+      "import": "./components/Combobox/index.js"
+    },
+    "./Toggle": {
+      "types": "./components/Toggle/index.d.ts",
+      "import": "./components/Toggle/index.js"
+    },
+    "./Dialog": {
+      "types": "./components/Dialog/index.d.ts",
+      "import": "./components/Dialog/index.js"
+    },
+    "./Popover": {
+      "types": "./components/Popover/index.d.ts",
+      "import": "./components/Popover/index.js"
+    },
+    "./Container": {
+      "types": "./components/Container/index.d.ts",
+      "import": "./components/Container/index.js"
+    },
+    "./Textarea": {
+      "types": "./components/Textarea/index.d.ts",
+      "import": "./components/Textarea/index.js"
+    },
+    "./Button": {
+      "types": "./components/Button/index.d.ts",
+      "import": "./components/Button/index.js"
+    },
+    "./Table": {
+      "types": "./components/Table/index.d.ts",
+      "import": "./components/Table/index.js"
+    },
+    "./SegmentedControl": {
+      "types": "./components/SegmentedControl/index.d.ts",
+      "import": "./components/SegmentedControl/index.js"
+    },
+    "./ColorSwatch": {
+      "types": "./components/ColorSwatch/index.d.ts",
+      "import": "./components/ColorSwatch/index.js"
+    },
+    "./Menu": {
+      "types": "./components/Menu/index.d.ts",
+      "import": "./components/Menu/index.js"
+    },
+    "./Avatar": {
+      "types": "./components/Avatar/index.d.ts",
+      "import": "./components/Avatar/index.js"
+    },
+    "./ColorPicker": {
+      "types": "./components/ColorPicker/index.d.ts",
+      "import": "./components/ColorPicker/index.js"
+    },
+    "./Switch": {
+      "types": "./components/Switch/index.d.ts",
+      "import": "./components/Switch/index.js"
+    },
+    "./OTPField": {
+      "types": "./components/OTPField/index.d.ts",
+      "import": "./components/OTPField/index.js"
+    },
+    "./IconButton": {
+      "types": "./components/IconButton/index.d.ts",
+      "import": "./components/IconButton/index.js"
+    },
+    "./Command": {
+      "types": "./components/Command/index.d.ts",
+      "import": "./components/Command/index.js"
+    },
+    "./Text": {
+      "types": "./components/Text/index.d.ts",
+      "import": "./components/Text/index.js"
+    },
+    "./Select": {
+      "types": "./components/Select/index.d.ts",
+      "import": "./components/Select/index.js"
+    },
+    "./Stack": {
+      "types": "./components/Stack/index.d.ts",
+      "import": "./components/Stack/index.js"
+    },
+    "./Icon": {
+      "types": "./components/Icon/index.d.ts",
+      "import": "./components/Icon/index.js"
+    },
+    "./Sheet": {
+      "types": "./components/Sheet/index.d.ts",
+      "import": "./components/Sheet/index.js"
+    },
+    "./Breadcrumbs": {
+      "types": "./components/Breadcrumbs/index.d.ts",
+      "import": "./components/Breadcrumbs/index.js"
+    },
+    "./AlertDialog": {
+      "types": "./components/AlertDialog/index.d.ts",
+      "import": "./components/AlertDialog/index.js"
+    },
+    "./InputGroup": {
+      "types": "./components/InputGroup/index.d.ts",
+      "import": "./components/InputGroup/index.js"
+    },
+    "./Grid": {
+      "types": "./components/Grid/index.d.ts",
+      "import": "./components/Grid/index.js"
+    },
+    "./Badge": {
+      "types": "./components/Badge/index.d.ts",
+      "import": "./components/Badge/index.js"
+    }
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.0.0",
+    "@blenx-dev/theme": "workspace:*",
+    "@phosphor-icons/react": "^2.1.10",
+    "@tanstack/react-table": "^8.21.3",
+    "@vanilla-extract/css": "^1.20.1",
+    "@vanilla-extract/recipes": "^0.5.7",
+    "@vanilla-extract/sprinkles": "^1.6.5",
+    "clsx": "^2.1.1",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "shadcn": "^4.11.0",
+    "sonner": "^2.0.5",
+    "tailwind-merge": "^3.3.1"
+  }
+}

package/dist/src/DataTable/data-table-column-toggle.d.ts

@@ -0,0 +1,6 @@
+import { Table } from '@tanstack/react-table';
+interface DataTableColumnToggleProps<TData> {
+    table: Table<TData>;
+}
+export declare function DataTableColumnToggle<TData>({ table }: DataTableColumnToggleProps<TData>): import("react").JSX.Element | null;
+export {};

package/dist/src/DataTable/data-table-empty.d.ts

@@ -0,0 +1,7 @@
+interface DataTableEmptyProps {
+    message?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare function DataTableEmpty({ message, icon, action, }: DataTableEmptyProps): import("react").JSX.Element;
+export {};

package/dist/src/DataTable/data-table-error.d.ts

@@ -0,0 +1,6 @@
+interface DataTableErrorProps {
+    message?: string;
+    onRetry?: () => void;
+}
+export declare function DataTableError({ message, onRetry, }: DataTableErrorProps): import("react").JSX.Element;
+export {};

package/dist/src/DataTable/data-table-infinite-loader.d.ts

@@ -0,0 +1,10 @@
+import { InfiniteScrollConfig } from './types';
+interface DataTableInfiniteLoaderProps {
+    fetchNextPage: () => void;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetching?: boolean;
+    config?: InfiniteScrollConfig;
+}
+export declare function DataTableInfiniteLoader({ fetchNextPage, hasNextPage, isFetchingNextPage, isFetching, config, }: DataTableInfiniteLoaderProps): import("react").JSX.Element;
+export {};

package/dist/src/DataTable/data-table-loading.d.ts

@@ -0,0 +1,8 @@
+import { TableSize } from './types';
+interface DataTableLoadingProps {
+    rowCount?: number;
+    columnCount?: number;
+    size?: TableSize;
+}
+export declare function DataTableLoading({ rowCount, columnCount, size, }: DataTableLoadingProps): import("react").JSX.Element;
+export {};

package/dist/src/DataTable/data-table-pagination.d.ts

@@ -0,0 +1,6 @@
+import { Table } from '@tanstack/react-table';
+interface DataTablePaginationProps<TData> {
+    table: Table<TData>;
+}
+export declare function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>): import("react").JSX.Element;
+export {};

package/dist/src/DataTable/data-table-toolbar.d.ts

@@ -0,0 +1,13 @@
+import { Table } from '@tanstack/react-table';
+import { BulkAction, TableFeatures } from './types';
+interface DataTableToolbarProps<TData> {
+    table: Table<TData>;
+    features?: TableFeatures;
+    globalSearch?: string;
+    onGlobalSearchChange?: (value: string) => void;
+    customToolbar?: React.ReactNode;
+    bulkActions?: BulkAction<TData>[];
+    selectedRows: TData[];
+}
+export declare function DataTableToolbar<TData>({ table, features, globalSearch, onGlobalSearchChange, customToolbar, bulkActions, selectedRows, }: DataTableToolbarProps<TData>): import("react").JSX.Element;
+export {};

package/dist/src/DataTable/data-table.css.d.ts

@@ -0,0 +1,58 @@
+export declare const actionsCell: string;
+export declare const checkbox: string;
+export declare const fetchingBar: string;
+export declare const fetchingText: string;
+export declare const tableContainer: string;
+export declare const table: string;
+export declare const theadStatic: string;
+export declare const theadSticky: string;
+export declare const theadStickyScrolled: string;
+export declare const headRow: string;
+export declare const th: string;
+export declare const thSm: string;
+export declare const thLg: string;
+export declare const thSortable: string;
+export declare const thContent: string;
+export declare const td: string;
+export declare const tdSm: string;
+export declare const tdLg: string;
+export declare const tr: string;
+export declare const trSm: string;
+export declare const trLg: string;
+export declare const trSelected: string;
+export declare const emptyTd: string;
+export declare const loadingWrapper: string;
+export declare const loadingTable: string;
+export declare const headerCell: string;
+export declare const skeletonBar: string;
+export declare const cell: string;
+export declare const loadingFooter: string;
+export declare const loadingText: string;
+export declare const itemLabel: string;
+export declare const deselectLabel: string;
+export declare const checkboxChecked: string;
+export declare const checkboxUnchecked: string;
+export declare const partial: string;
+export declare const emptyContainer: string;
+export declare const iconWrap: string;
+export declare const message: string;
+export declare const actionWrap: string;
+export declare const errorContainer: string;
+export declare const errorMessage: string;
+export declare const sentinel: string;
+export declare const loadingInline: string;
+export declare const loaderLoadingText: string;
+export declare const noMore: string;
+export declare const center: string;
+export declare const nav: string;
+export declare const info: string;
+export declare const controls: string;
+export declare const range: string;
+export declare const buttonGroup: string;
+export declare const pageWrap: string;
+export declare const ellipsis: string;
+export declare const pageButton: string;
+export declare const toolbarContainer: string;
+export declare const leftGroup: string;
+export declare const rightGroup: string;
+export declare const searchWrap: string;

package/dist/src/DataTable/data-table.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from './types';
+export declare function DataTable<TData extends Record<string, unknown>>({ columns, data, pageCount, mode, isLoading, isFetching, isError, errorMessage, fetchNextPage, hasNextPage, isFetchingNextPage, features: featuresProp, size, infiniteScroll, columnPinning, slots, rowActions, initialSorting, initialPagination, initialColumnFilters, initialGlobalFilter, initialColumnVisibility, initialRowSelection, callbacks, tableOptions, className, style, }: DataTableProps<TData>): import("react").JSX.Element;

package/dist/src/DataTable/index.d.ts

@@ -0,0 +1,10 @@
+export { DataTable } from './data-table';
+export { DataTableColumnToggle } from './data-table-column-toggle';
+export { DataTableEmpty } from './data-table-empty';
+export { DataTableError } from './data-table-error';
+export { DataTableInfiniteLoader } from './data-table-infinite-loader';
+export { DataTableLoading } from './data-table-loading';
+export { DataTablePagination } from './data-table-pagination';
+export { DataTableToolbar } from './data-table-toolbar';
+export type { BulkAction, ColumnPinningOptions, DataTableProps, InfiniteScrollConfig, InfiniteScrollMode, RowAction, ServerTableResponse, ServerTableState, TableCallbacks, TableFeatures, TableMode, TableSize, TableSlots, } from './types';
+export { useInfiniteScroll } from './use-infinite-scroll';

package/dist/src/DataTable/types.d.ts

@@ -0,0 +1,106 @@
+import { ColumnDef, ColumnFiltersState, OnChangeFn, PaginationState, RowSelectionState, SortingState, TableOptions, VisibilityState } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+export type TableMode = "client" | "server" | "infinite";
+export interface ServerTableState {
+    pagination: PaginationState;
+    sorting: SortingState;
+    columnFilters: ColumnFiltersState;
+    globalFilter: string;
+}
+export interface ServerTableResponse<TData> {
+    rows: TData[];
+    totalCount: number;
+    pageCount: number;
+}
+export interface TableFeatures {
+    sorting?: boolean;
+    globalSearch?: boolean;
+    pagination?: boolean;
+    columnVisibility?: boolean;
+    rowSelection?: boolean;
+    columnResizing?: boolean;
+    columnPinning?: boolean;
+    stickyHeader?: boolean;
+    rowActions?: boolean;
+    bulkActions?: boolean;
+}
+export type InfiniteScrollMode = "auto" | "manual";
+export interface InfiniteScrollConfig {
+    mode: InfiniteScrollMode;
+    /** Root margin for IntersectionObserver. Default: "200px" */
+    rootMargin?: string;
+    /** IntersectionObserver threshold. Default: 0 */
+    threshold?: number;
+    /** Load-more button text for manual mode. Default: "Load more" */
+    loadMoreText?: string;
+    /** Loading text. Default: "Loading..." */
+    loadingText?: string;
+    /** No more data text. Default: "No more results" */
+    noMoreText?: string;
+}
+export interface ColumnPinningOptions {
+    left?: string[];
+    right?: string[];
+}
+export interface RowAction<TData> {
+    label: string;
+    icon?: ReactNode;
+    onClick: (row: TData) => void;
+    disabled?: boolean | ((row: TData) => boolean);
+    variant?: "default" | "destructive";
+}
+export interface BulkAction<TData> {
+    label: string;
+    icon?: ReactNode;
+    onClick: (selectedRows: TData[]) => void;
+    disabled?: boolean;
+    variant?: "default" | "destructive";
+}
+export interface TableSlots<TData> {
+    toolbar?: ReactNode;
+    pagination?: ReactNode;
+    empty?: ReactNode;
+    loading?: ReactNode;
+    error?: ReactNode;
+    rowActions?: (row: TData) => ReactNode;
+    bulkActions?: (selectedRows: TData[]) => ReactNode;
+}
+export interface TableCallbacks<TData> {
+    onSortingChange?: OnChangeFn<SortingState>;
+    onPaginationChange?: OnChangeFn<PaginationState>;
+    onGlobalFilterChange?: OnChangeFn<string>;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    onRowClick?: (row: TData) => void;
+}
+export type TableSize = "sm" | "md" | "lg";
+export interface DataTableProps<TData extends Record<string, unknown>> {
+    columns: ColumnDef<TData, unknown>[];
+    data: TData[] | undefined;
+    totalCount?: number;
+    pageCount?: number;
+    mode?: TableMode;
+    isLoading?: boolean;
+    isFetching?: boolean;
+    isError?: boolean;
+    errorMessage?: string;
+    fetchNextPage?: () => void;
+    hasNextPage?: boolean;
+    isFetchingNextPage?: boolean;
+    features?: TableFeatures;
+    size?: TableSize;
+    infiniteScroll?: InfiniteScrollConfig;
+    columnPinning?: ColumnPinningOptions;
+    slots?: TableSlots<TData>;
+    rowActions?: RowAction<TData>[];
+    initialSorting?: SortingState;
+    initialPagination?: PaginationState;
+    initialColumnFilters?: ColumnFiltersState;
+    initialGlobalFilter?: string;
+    initialColumnVisibility?: VisibilityState;
+    initialRowSelection?: RowSelectionState;
+    callbacks?: TableCallbacks<TData>;
+    tableOptions?: Partial<TableOptions<TData>>;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/dist/src/DataTable/use-infinite-scroll.d.ts

@@ -0,0 +1,28 @@
+import { RefObject } from 'react';
+interface UseInfiniteScrollOptions {
+    /** Whether there are more pages to load */
+    hasNextPage: boolean;
+    /** Whether a fetch is currently in progress */
+    isFetchingNextPage: boolean;
+    /** Function to fetch the next page */
+    fetchNextPage: () => void;
+    /** IntersectionObserver root margin. Default: "200px" */
+    rootMargin?: string;
+    /** IntersectionObserver threshold. Default: 0 */
+    threshold?: number;
+    /** If true, the observer is disabled */
+    enabled?: boolean;
+}
+interface UseInfiniteScrollReturn {
+    /** Ref to attach to the sentinel element */
+    sentinelRef: RefObject<HTMLDivElement | null>;
+}
+/**
+ * Hook to observe a sentinel element and trigger fetchNextPage when visible.
+ *
+ * Uses IntersectionObserver with a configurable root margin and threshold.
+ * Respects hasNextPage, isFetchingNextPage, and enabled state to prevent
+ * duplicate requests.
+ */
+export declare function useInfiniteScroll({ hasNextPage, isFetchingNextPage, fetchNextPage, rootMargin, threshold, enabled, }: UseInfiniteScrollOptions): UseInfiniteScrollReturn;
+export {};

package/dist/src/components/Accordion/accordion.css.d.ts

@@ -0,0 +1,7 @@
+export declare const root: string;
+export declare const rootVertical: string;
+export declare const item: string;
+export declare const itemDisabled: string;
+export declare const trigger: string;
+export declare const triggerIcon: string;
+export declare const panel: string;

package/dist/src/components/Accordion/accordion.d.ts

@@ -0,0 +1,20 @@
+import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
+type AccordionRootProps = AccordionPrimitive.Root.Props;
+declare function AccordionRoot({ children, className, ...props }: AccordionRootProps): import("react").JSX.Element;
+type AccordionItemProps = AccordionPrimitive.Item.Props;
+declare function AccordionItem({ children, className, ...props }: AccordionItemProps): import("react").JSX.Element;
+type AccordionHeaderProps = AccordionPrimitive.Header.Props;
+declare function AccordionHeader({ children, className, ...props }: AccordionHeaderProps): import("react").JSX.Element;
+type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;
+declare function AccordionTrigger({ children, className, ...props }: AccordionTriggerProps): import("react").JSX.Element;
+type AccordionPanelProps = AccordionPrimitive.Panel.Props;
+declare function AccordionPanel({ children, className, ...props }: AccordionPanelProps): import("react").JSX.Element;
+export { AccordionPanel, AccordionTrigger, AccordionHeader, AccordionItem, AccordionRoot };
+export type { AccordionPanelProps, AccordionTriggerProps, AccordionHeaderProps, AccordionItemProps, AccordionRootProps, };
+export declare const Accordion: {
+    Root: typeof AccordionRoot;
+    Item: typeof AccordionItem;
+    Header: typeof AccordionHeader;
+    Trigger: typeof AccordionTrigger;
+    Panel: typeof AccordionPanel;
+};

package/dist/src/components/Accordion/accordion.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function AccordionDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof AccordionDemo;
+}[];

package/dist/src/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, } from './accordion';

package/dist/src/components/Alert/alert.css.d.ts

@@ -0,0 +1,24 @@
+export declare const alertVariants: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        info: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+            borderColor: `var(--${string})`;
+        };
+        success: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+            borderColor: `var(--${string})`;
+        };
+        warning: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+            borderColor: `var(--${string})`;
+        };
+        error: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+            borderColor: `var(--${string})`;
+        };
+    };
+}>;

package/dist/src/components/Alert/alert.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+import { alertVariants } from './alert.css';
+type Props = RecipeVariants<typeof alertVariants> & {
+    icon?: ReactNode;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare function Alert({ variant, icon, title, description, children, className }: Props): import("react").JSX.Element;
+export { Alert };

package/dist/src/components/Alert/alert.demo.d.ts

@@ -0,0 +1,6 @@
+declare function AlertDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof AlertDemo;
+}[];
+export {};

package/dist/src/components/Alert/index.d.ts

@@ -0,0 +1 @@
+export { Alert } from './alert';

package/dist/src/components/AlertDialog/alert-dialog.css.d.ts

@@ -0,0 +1,13 @@
+export declare const backdrop: string;
+export declare const viewport: string;
+export declare const popup: string;
+export declare const viewportShellBottomStickOnMobile: string;
+export declare const popupBottomStickOnMobile: string;
+export declare const closeButton: string;
+export declare const header: string;
+export declare const footer: string;
+export declare const footerDefault: string;
+export declare const footerBare: string;
+export declare const title: string;
+export declare const description: string;
+export declare const panel: string;

package/dist/src/components/AlertDialog/alert-dialog.d.ts

@@ -0,0 +1,30 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { default as React } from 'react';
+import { _BaseDivProps } from '../../utils/types';
+declare function AlertDialog(props: AlertDialogPrimitive.Root.Props): React.ReactElement;
+declare function AlertDialogTrigger(props: AlertDialogPrimitive.Trigger.Props): React.ReactElement;
+declare function AlertDialogClose(props: AlertDialogPrimitive.Close.Props): React.ReactElement;
+declare function AlertDialogPortal(props: AlertDialogPrimitive.Portal.Props): React.ReactElement;
+declare function AlertDialogBackdrop(props: AlertDialogPrimitive.Backdrop.Props): React.ReactElement;
+declare function AlertDialogViewport(props: AlertDialogPrimitive.Viewport.Props & {
+    bottomStickOnMobile?: boolean;
+}): React.ReactElement;
+type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+    closeProps?: AlertDialogPrimitive.Close.Props;
+    bottomStickOnMobile?: boolean;
+};
+declare function AlertDialogPopup({ children, bottomStickOnMobile, showCloseButton, closeProps, className, ...props }: AlertDialogPopupProps): React.ReactElement;
+type HeaderProps = _BaseDivProps;
+declare function AlertDialogHeader({ className, render, ...props }: HeaderProps): React.ReactElement;
+type FooterProps = _BaseDivProps & {
+    variant?: "default" | "bare";
+};
+declare function AlertDialogFooter({ className, variant, render, ...props }: FooterProps): React.ReactElement;
+declare function AlertDialogTitle(props: AlertDialogPrimitive.Title.Props): React.ReactElement;
+declare function AlertDialogDescription(props: AlertDialogPrimitive.Description.Props): React.ReactElement;
+declare function AlertDialogPanel({ scrollFade, render, className, ...props }: _BaseDivProps & {
+    scrollFade?: boolean;
+}): React.ReactElement;
+export type { AlertDialogPopupProps };
+export { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, };

package/dist/src/components/AlertDialog/alert-dialog.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function AlertDialogDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof AlertDialogDemo;
+}[];

package/dist/src/components/AlertDialog/alert-dialog.doc.d.ts

@@ -0,0 +1 @@
+export declare function DefaultStory(): import("react").JSX.Element;

package/dist/src/components/AlertDialog/index.d.ts

@@ -0,0 +1 @@
+export * from './alert-dialog';