@cognite/aura 0.3.5 → 1.46104.0

package/dist/components/ui/core/action-toolbar/action-toolbar.js

@@ -1,108 +1,158 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a } from "../tooltip/tooltip.js";
-import { createContext as o, forwardRef as s, useContext as c, useMemo as l } from "react";
-import { IconX as u } from "@tabler/icons-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { cva as p } from "class-variance-authority";
-//#region libs/aura/src/components/ui/core/action-toolbar/action-toolbar.tsx
-var m = p("min-w-[400px] max-w-[1200px] h-14 flex items-center justify-between gap-3 bg-raised-background text-foreground-fixed-light pl-4 pr-3 rounded-xl shadow-default", {
-	variants: { width: {
-		full: "w-full",
-		fit: "w-fit"
-	} },
-	defaultVariants: { width: "full" }
-}), h = o({ selectedCount: void 0 }), g = s(({ className: t, width: n, role: r = "toolbar", selectedCount: a, ...o }, s) => {
-	let c = typeof a == "number" && a === 0, u = l(() => ({ selectedCount: a }), [a]);
-	return c ? null : /* @__PURE__ */ d(i, {
-		delayDuration: 0,
-		children: /* @__PURE__ */ d(h.Provider, {
-			value: u,
-			children: /* @__PURE__ */ d("div", {
-				ref: s,
-				"data-slot": "action-toolbar",
-				role: r,
-				className: e(m({ width: n }), t),
-				...o
-			})
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { IconX } from "@tabler/icons-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+import { assignRef } from "../../../../utils/assign-ref.js";
+import { Button } from "../button/button.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip/tooltip.js";
+import { useActionToolbarPresence } from "./action-toolbar-motion.js";
+const actionToolbarVariants = cva('min-w-[400px] max-w-[1200px] h-14 flex items-center justify-between gap-3 bg-popover-background-fixed-dark text-popover-foreground-fixed-dark pl-4 pr-3 rounded-xl shadow-default', {
+    variants: {
+        width: {
+            full: 'w-full',
+            fit: 'w-fit'
+        }
+    },
+    defaultVariants: {
+        width: 'full'
+    }
 });
-g.displayName = "ActionToolbar";
-var _ = s(({ className: t, role: n = "group", ...r }, i) => /* @__PURE__ */ d("div", {
-	ref: i,
-	"data-slot": "action-toolbar-selection",
-	role: n,
-	className: e("flex min-w-0 shrink-0 items-center gap-3", t),
-	...r
-}));
-_.displayName = "ActionToolbarSelection";
-var v = s(({ className: t, count: n, label: r = "selected", children: i, ...a }, o) => {
-	let { selectedCount: s } = c(h), l = n ?? s;
-	return /* @__PURE__ */ d("div", {
-		ref: o,
-		"data-slot": "action-toolbar-selection-summary",
-		className: e("flex min-w-0", t),
-		...a,
-		children: i ?? /* @__PURE__ */ f("span", {
-			"data-slot": "action-toolbar-selection-label",
-			className: "flex min-w-0 items-center gap-0.5 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light",
-			children: [l == null ? null : /* @__PURE__ */ d("span", { children: l }), /* @__PURE__ */ d("span", {
-				className: "truncate",
-				children: r
-			})]
-		})
-	});
+const ActionToolbarContext = /*#__PURE__*/ createContext({
+    selectedCount: undefined
 });
-v.displayName = "ActionToolbarSelectionSummary";
-var y = s(({ className: t, role: n = "group", ...r }, i) => /* @__PURE__ */ d("div", {
-	ref: i,
-	"data-slot": "action-toolbar-actions",
-	role: n,
-	className: e("flex min-w-0 shrink-0 items-center justify-end gap-1", t),
-	...r
-}));
-y.displayName = "ActionToolbarActions";
-var b = s(({ className: e, variant: i = "ghostOnDark", iconOnly: o = !1, "aria-label": s, children: c, ...l }, u) => o && s ? /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(a, { render: /* @__PURE__ */ d(t, {
-	ref: u,
-	"data-slot": "action-toolbar-action",
-	variant: i,
-	size: "icon",
-	"aria-label": s,
-	className: e,
-	...l,
-	children: c
-}) }), /* @__PURE__ */ d(r, {
-	sideOffset: 18,
-	children: s
-})] }) : /* @__PURE__ */ d(t, {
-	ref: u,
-	"data-slot": "action-toolbar-action",
-	variant: i,
-	size: o ? "icon" : "default",
-	"aria-label": s,
-	className: e,
-	...l,
-	children: c
-}));
-b.displayName = "ActionToolbarAction";
-var x = s(({ icon: e, label: t = "Clear", ...n }, r) => /* @__PURE__ */ f(b, {
-	ref: r,
-	"data-slot": "action-toolbar-action-clear",
-	variant: "secondaryOnDark",
-	iconOnly: !1,
-	...n,
-	children: [e ?? /* @__PURE__ */ d(u, {}), t]
-}));
-x.displayName = "ActionToolbarActionClear";
-var S = s(({ className: t, ...n }, r) => /* @__PURE__ */ d(b, {
-	ref: r,
-	"data-slot": "action-toolbar-primary-action",
-	variant: "defaultOnDark",
-	iconOnly: !1,
-	className: e("ml-2", t),
-	...n
-}));
-S.displayName = "ActionToolbarPrimaryAction";
-//#endregion
-export { g as ActionToolbar, b as ActionToolbarAction, x as ActionToolbarActionClear, y as ActionToolbarActions, S as ActionToolbarPrimaryAction, _ as ActionToolbarSelection, v as ActionToolbarSelectionSummary };
+const ActionToolbar = /*#__PURE__*/ forwardRef(({ className, width, role = 'toolbar', selectedCount, ...props }, ref)=>{
+    const presence = useActionToolbarPresence(selectedCount);
+    const contextValue = useMemo(()=>({
+            selectedCount: presence.selectedCount
+        }), [
+        presence.selectedCount
+    ]);
+    if (!presence.mounted) return null;
+    return /*#__PURE__*/ _jsx(TooltipProvider, {
+        delayDuration: 0,
+        children: /*#__PURE__*/ _jsx(ActionToolbarContext.Provider, {
+            value: contextValue,
+            children: /*#__PURE__*/ _jsx("div", {
+                ref: (node)=>{
+                    assignRef(ref, node);
+                    presence.bindMotion(node);
+                },
+                "data-slot": "action-toolbar",
+                role: role,
+                className: cn(actionToolbarVariants({
+                    width
+                }), className),
+                ...props
+            })
+        })
+    });
+});
+ActionToolbar.displayName = 'ActionToolbar';
+const ActionToolbarSelection = /*#__PURE__*/ forwardRef(({ className, role = 'group', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "action-toolbar-selection",
+        role: role,
+        className: cn('flex min-w-0 shrink-0 items-center gap-3', className),
+        ...props
+    });
+});
+ActionToolbarSelection.displayName = 'ActionToolbarSelection';
+const ActionToolbarSelectionSummary = /*#__PURE__*/ forwardRef(({ className, count, label = 'selected', children, ...props }, ref)=>{
+    const { selectedCount } = useContext(ActionToolbarContext);
+    const resolvedCount = count ?? selectedCount;
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "action-toolbar-selection-summary",
+        className: cn('flex min-w-0', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsxs("span", {
+            "data-slot": "action-toolbar-selection-label",
+            className: "flex min-w-0 items-center gap-0.5 text-sm font-medium leading-4.5 tracking-normal text-popover-foreground-fixed-dark",
+            children: [
+                resolvedCount == null ? null : /*#__PURE__*/ _jsx("span", {
+                    children: resolvedCount
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: "truncate",
+                    children: label
+                })
+            ]
+        })
+    });
+});
+ActionToolbarSelectionSummary.displayName = 'ActionToolbarSelectionSummary';
+const ActionToolbarActions = /*#__PURE__*/ forwardRef(({ className, role = 'group', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "action-toolbar-actions",
+        role: role,
+        className: cn('flex min-w-0 shrink-0 items-center justify-end gap-1', className),
+        ...props
+    });
+});
+ActionToolbarActions.displayName = 'ActionToolbarActions';
+const ActionToolbarAction = /*#__PURE__*/ forwardRef(({ className, variant = 'ghostOnDark', iconOnly = false, 'aria-label': ariaLabel, children, ...props }, ref)=>{
+    if (iconOnly && ariaLabel) {
+        return /*#__PURE__*/ _jsxs(Tooltip, {
+            children: [
+                /*#__PURE__*/ _jsx(TooltipTrigger, {
+                    render: /*#__PURE__*/ _jsx(Button, {
+                        ref: ref,
+                        "data-slot": "action-toolbar-action",
+                        variant: variant,
+                        size: "icon",
+                        "aria-label": ariaLabel,
+                        className: className,
+                        ...props,
+                        children: children
+                    })
+                }),
+                /*#__PURE__*/ _jsx(TooltipContent, {
+                    sideOffset: 18,
+                    children: ariaLabel
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "action-toolbar-action",
+        variant: variant,
+        size: iconOnly ? 'icon' : 'default',
+        "aria-label": ariaLabel,
+        className: className,
+        ...props,
+        children: children
+    });
+});
+ActionToolbarAction.displayName = 'ActionToolbarAction';
+const ActionToolbarActionClear = /*#__PURE__*/ forwardRef(({ icon, label = 'Clear', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsxs(ActionToolbarAction, {
+        ref: ref,
+        "data-slot": "action-toolbar-action-clear",
+        variant: "secondaryOnDark",
+        iconOnly: false,
+        ...props,
+        children: [
+            icon ?? /*#__PURE__*/ _jsx(IconX, {}),
+            label
+        ]
+    });
+});
+ActionToolbarActionClear.displayName = 'ActionToolbarActionClear';
+const ActionToolbarPrimaryAction = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(ActionToolbarAction, {
+        ref: ref,
+        "data-slot": "action-toolbar-primary-action",
+        variant: "defaultOnDark",
+        iconOnly: false,
+        className: cn('ml-2', className),
+        ...props
+    });
+});
+ActionToolbarPrimaryAction.displayName = 'ActionToolbarPrimaryAction';
+export { ActionToolbar, ActionToolbarAction, ActionToolbarActionClear, ActionToolbarActions, ActionToolbarPrimaryAction, ActionToolbarSelection, ActionToolbarSelectionSummary };
+
+//# sourceMappingURL=action-toolbar.js.map

package/dist/components/ui/core/action-toolbar/action-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/action-toolbar/action-toolbar.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  type ReactNode,\n  createContext,\n  forwardRef,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport { IconX } from '@tabler/icons-react';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\nimport { assignRef } from '../../../../utils/assign-ref';\nimport { Button } from '../button/button';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '../tooltip/tooltip';\n\nimport { useActionToolbarPresence } from './action-toolbar-motion';\n\ninterface ActionToolbarVariantProps {\n  width?: 'full' | 'fit' | null;\n}\n\nconst actionToolbarVariants: (\n  props?: (ActionToolbarVariantProps & ClassProp) | undefined\n) => string = cva(\n  'min-w-[400px] max-w-[1200px] h-14 flex items-center justify-between gap-3 bg-popover-background-fixed-dark text-popover-foreground-fixed-dark pl-4 pr-3 rounded-xl shadow-default',\n  {\n    variants: {\n      width: {\n        full: 'w-full',\n        fit: 'w-fit',\n      },\n    },\n    defaultVariants: {\n      width: 'full',\n    },\n  }\n);\n\ntype ActionToolbarProps = ComponentProps<'div'> &\n  VariantProps<typeof actionToolbarVariants> & {\n    selectedCount?: number;\n  };\n\ntype ActionToolbarContextValue = {\n  selectedCount?: number;\n};\n\nconst ActionToolbarContext = createContext<ActionToolbarContextValue>({\n  selectedCount: undefined,\n});\n\nconst ActionToolbar: ForwardRefExoticComponent<\n  Omit<ActionToolbarProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ActionToolbarProps>(\n  ({ className, width, role = 'toolbar', selectedCount, ...props }, ref) => {\n    const presence = useActionToolbarPresence(selectedCount);\n    const contextValue = useMemo(\n      () => ({ selectedCount: presence.selectedCount }),\n      [presence.selectedCount]\n    );\n\n    if (!presence.mounted) return null;\n\n    return (\n      <TooltipProvider delayDuration={0}>\n        <ActionToolbarContext.Provider value={contextValue}>\n          <div\n            ref={(node: HTMLDivElement | null) => {\n              assignRef(ref, node);\n              presence.bindMotion(node);\n            }}\n            data-slot=\"action-toolbar\"\n            role={role}\n            className={cn(actionToolbarVariants({ width }), className)}\n            {...props}\n          />\n        </ActionToolbarContext.Provider>\n      </TooltipProvider>\n    );\n  }\n);\nActionToolbar.displayName = 'ActionToolbar';\n\ntype ActionToolbarSelectionProps = ComponentProps<'div'>;\n\nconst ActionToolbarSelection: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ActionToolbarSelectionProps>(\n  ({ className, role = 'group', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"action-toolbar-selection\"\n        role={role}\n        className={cn('flex min-w-0 shrink-0 items-center gap-3', className)}\n        {...props}\n      />\n    );\n  }\n);\nActionToolbarSelection.displayName = 'ActionToolbarSelection';\n\ntype ActionToolbarSelectionSummaryProps = ComponentProps<'div'> & {\n  count?: ReactNode;\n  label?: ReactNode;\n};\n\nconst ActionToolbarSelectionSummary: ForwardRefExoticComponent<\n  Omit<ActionToolbarSelectionSummaryProps, 'ref'> &\n    RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ActionToolbarSelectionSummaryProps>(\n  ({ className, count, label = 'selected', children, ...props }, ref) => {\n    const { selectedCount } = useContext(ActionToolbarContext);\n    const resolvedCount = count ?? selectedCount;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"action-toolbar-selection-summary\"\n        className={cn('flex min-w-0', className)}\n        {...props}\n      >\n        {children ?? (\n          <span\n            data-slot=\"action-toolbar-selection-label\"\n            className=\"flex min-w-0 items-center gap-0.5 text-sm font-medium leading-4.5 tracking-normal text-popover-foreground-fixed-dark\"\n          >\n            {resolvedCount == null ? null : <span>{resolvedCount}</span>}\n            <span className=\"truncate\">{label}</span>\n          </span>\n        )}\n      </div>\n    );\n  }\n);\nActionToolbarSelectionSummary.displayName = 'ActionToolbarSelectionSummary';\n\ntype ActionToolbarActionsProps = ComponentProps<'div'>;\n\nconst ActionToolbarActions: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ActionToolbarActionsProps>(\n  ({ className, role = 'group', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"action-toolbar-actions\"\n        role={role}\n        className={cn(\n          'flex min-w-0 shrink-0 items-center justify-end gap-1',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nActionToolbarActions.displayName = 'ActionToolbarActions';\n\ntype ActionToolbarActionProps = Omit<ComponentProps<typeof Button>, 'size'> &\n  (\n    | { iconOnly: true; 'aria-label': string }\n    | { iconOnly?: false; 'aria-label'?: string }\n  );\n\nconst ActionToolbarAction: ForwardRefExoticComponent<\n  Omit<ComponentProps<typeof Button>, 'size' | 'ref'> &\n    (\n      | { iconOnly: true; 'aria-label': string }\n      | { iconOnly?: false; 'aria-label'?: string }\n    ) &\n    RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, ActionToolbarActionProps>(\n  (\n    {\n      className,\n      variant = 'ghostOnDark',\n      iconOnly = false,\n      'aria-label': ariaLabel,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    if (iconOnly && ariaLabel) {\n      return (\n        <Tooltip>\n          <TooltipTrigger\n            render={\n              <Button\n                ref={ref}\n                data-slot=\"action-toolbar-action\"\n                variant={variant}\n                size=\"icon\"\n                aria-label={ariaLabel}\n                className={className}\n                {...props}\n              >\n                {children}\n              </Button>\n            }\n          />\n          <TooltipContent sideOffset={18}>{ariaLabel}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"action-toolbar-action\"\n        variant={variant}\n        size={iconOnly ? 'icon' : 'default'}\n        aria-label={ariaLabel}\n        className={className}\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\nActionToolbarAction.displayName = 'ActionToolbarAction';\n\ntype ActionToolbarActionClearProps = Omit<\n  ActionToolbarActionProps,\n  'variant' | 'iconOnly' | 'children'\n> & {\n  icon?: ReactNode;\n  label?: ReactNode;\n};\n\nconst ActionToolbarActionClear: ForwardRefExoticComponent<\n  Omit<ActionToolbarActionClearProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, ActionToolbarActionClearProps>(\n  ({ icon, label = 'Clear', ...props }, ref) => {\n    return (\n      <ActionToolbarAction\n        ref={ref}\n        data-slot=\"action-toolbar-action-clear\"\n        variant=\"secondaryOnDark\"\n        iconOnly={false}\n        {...props}\n      >\n        {icon ?? <IconX />}\n        {label}\n      </ActionToolbarAction>\n    );\n  }\n);\nActionToolbarActionClear.displayName = 'ActionToolbarActionClear';\n\ntype ActionToolbarPrimaryActionProps = Omit<\n  ActionToolbarActionProps,\n  'variant' | 'iconOnly'\n>;\n\nconst ActionToolbarPrimaryAction: ForwardRefExoticComponent<\n  Omit<ActionToolbarPrimaryActionProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, ActionToolbarPrimaryActionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ActionToolbarAction\n        ref={ref}\n        data-slot=\"action-toolbar-primary-action\"\n        variant=\"defaultOnDark\"\n        iconOnly={false}\n        className={cn('ml-2', className)}\n        {...props}\n      />\n    );\n  }\n);\nActionToolbarPrimaryAction.displayName = 'ActionToolbarPrimaryAction';\n\nexport {\n  ActionToolbar,\n  ActionToolbarAction,\n  ActionToolbarActionClear,\n  ActionToolbarActions,\n  ActionToolbarPrimaryAction,\n  ActionToolbarSelection,\n  ActionToolbarSelectionSummary,\n};\n"],"names":["createContext","forwardRef","useContext","useMemo","IconX","cva","cn","assignRef","Button","Tooltip","TooltipContent","TooltipProvider","TooltipTrigger","useActionToolbarPresence","actionToolbarVariants","variants","width","full","fit","defaultVariants","ActionToolbarContext","selectedCount","undefined","ActionToolbar","className","role","props","ref","presence","contextValue","mounted","delayDuration","Provider","value","div","node","bindMotion","data-slot","displayName","ActionToolbarSelection","ActionToolbarSelectionSummary","count","label","children","resolvedCount","span","ActionToolbarActions","ActionToolbarAction","variant","iconOnly","ariaLabel","render","size","aria-label","sideOffset","ActionToolbarActionClear","icon","ActionToolbarPrimaryAction"],"mappings":"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"}

package/dist/components/ui/core/alert/alert.d.ts

@@ -1,31 +1,31 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
-type AlertVariant = 'default' | 'info' | 'warning' | 'error';
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps, type ReactNode } from "react";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+type AlertVariant = "default" | "info" | "warning" | "error";
 /** @deprecated Use `'info'` instead. Will be removed in a future major release. */
-type DeprecatedAlertVariant = 'secondary';
+type DeprecatedAlertVariant = "secondary";
 type AlertVariantInput = AlertVariant | DeprecatedAlertVariant;
-type AlertStyle = 'card' | 'strip';
+type AlertStyle = "card" | "strip";
 interface AlertVariantProps {
-    variant?: 'default' | 'error' | 'info' | 'warning' | null;
-    alertStyle?: 'card' | 'strip' | null;
+	variant?: "default" | "error" | "info" | "warning" | null;
+	alertStyle?: "card" | "strip" | null;
 }
 declare const alertVariants: (props?: (AlertVariantProps & ClassProp) | undefined) => string;
-type AlertProps = ComponentProps<'div'> & Omit<VariantProps<typeof alertVariants>, 'variant'> & {
-    variant?: AlertVariantInput;
-    alertStyle?: AlertStyle;
-    visible?: boolean;
-    defaultVisible?: boolean;
-    onClose?: () => void;
-    icon?: ReactNode;
+type AlertProps = ComponentProps<"div"> & Omit<VariantProps<typeof alertVariants>, "variant"> & {
+	variant?: AlertVariantInput;
+	alertStyle?: AlertStyle;
+	visible?: boolean;
+	defaultVisible?: boolean;
+	onClose?: () => void;
+	icon?: ReactNode;
 };
-declare const Alert: ForwardRefExoticComponent<Omit<AlertProps, 'ref'> & RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
-declare const AlertDescription: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
-declare const AlertActions: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
-type AlertButtonVariant = 'default' | 'ghost';
-declare const AlertButton: ForwardRefExoticComponent<Omit<ComponentProps<'button'> & {
-    variant?: AlertButtonVariant;
-}, 'ref'> & RefAttributes<HTMLButtonElement>>;
-declare const AlertClose: ForwardRefExoticComponent<ComponentProps<'button'> & RefAttributes<HTMLButtonElement>>;
-export { Alert, AlertTitle, AlertDescription, AlertActions, AlertButton, AlertClose, };
+declare const Alert: ForwardRefExoticComponent<Omit<AlertProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+declare const AlertDescription: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+declare const AlertActions: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+type AlertButtonVariant = "default" | "ghost";
+declare const AlertButton: ForwardRefExoticComponent<Omit<ComponentProps<"button"> & {
+	variant?: AlertButtonVariant;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;
+declare const AlertClose: ForwardRefExoticComponent<ComponentProps<"button"> & RefAttributes<HTMLButtonElement>>;
+export { Alert, AlertTitle, AlertDescription, AlertActions, AlertButton, AlertClose };