@cognite/aura 0.3.4 → 1.46104.0

package/dist/components/ui/core/alert/alert.js

@@ -1,159 +1,188 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { useControllableState as n } from "../../../../lib/use-controllable-state.js";
-import { createContext as r, forwardRef as i, useContext as a, useMemo as o } from "react";
-import { IconAlertCircleFilled as s, IconAlertTriangleFilled as c, IconInfoCircleFilled as l, 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/alert/alert.tsx
-var m = r({
-	show: !0,
-	setShow: () => {},
-	variant: "default",
-	alertStyle: "card"
-}), h = p([
-	"[&_svg]:shrink-0",
-	"[&_svg:not([class*='size-']):not([class*='w-'])]:w-4",
-	"[&_svg:not([class*='size-']):not([class*='h-'])]:h-4"
-].join(" ")), g = p("relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>[data-slot=alert-icon]]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>[data-slot=alert-icon]]:gap-x-2 has-[>[data-slot=alert-icon]]:gap-y-1 items-start", {
-	variants: {
-		variant: {
-			default: "bg-neutral-muted-background text-foreground [&>[data-slot=alert-icon]]:text-muted-foreground",
-			info: "bg-info-muted-background text-foreground [&>[data-slot=alert-icon]]:text-info-foreground",
-			warning: "bg-warning-muted-background [&>[data-slot=alert-icon]]:text-warning-foreground",
-			error: "bg-destructive-muted-background text-foreground [&>[data-slot=alert-icon]]:text-destructive-foreground"
-		},
-		alertStyle: {
-			card: "pt-3 pr-5 pb-3 pl-3 [&>[data-slot=alert-title]+[data-slot=alert-description]]:mt-2 [&>[data-slot=alert-icon]]:mt-0.5",
-			strip: "flex min-h-11 items-center gap-2 py-2 pr-3 pl-3 [&>[data-slot=alert-title]]:hidden"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		alertStyle: "card"
-	}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { IconAlertCircleFilled, IconAlertTriangleFilled, IconInfoCircleFilled, IconX } from "@tabler/icons-react";
+import { cva } from "class-variance-authority";
+import { useControllableState } from "../../../../lib/use-controllable-state.js";
+import { cn } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+const AlertContext = /*#__PURE__*/ createContext({
+    show: true,
+    setShow: ()=>{
+        void 0; /* noop - default context fallback */ 
+    },
+    variant: 'default',
+    alertStyle: 'card'
 });
-function _(e) {
-	let t = { "aria-hidden": !0 };
-	switch (e) {
-		case "warning": return /* @__PURE__ */ d(c, { ...t });
-		case "error": return /* @__PURE__ */ d(s, { ...t });
-		default: return /* @__PURE__ */ d(l, { ...t });
-	}
+const alertIconVariants = cva([
+    '[&_svg]:shrink-0',
+    "[&_svg:not([class*='size-']):not([class*='w-'])]:w-4",
+    "[&_svg:not([class*='size-']):not([class*='h-'])]:h-4"
+].join(' '));
+const alertVariants = cva('relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>[data-slot=alert-icon]]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>[data-slot=alert-icon]]:gap-x-2 has-[>[data-slot=alert-icon]]:gap-y-1 items-start', {
+    variants: {
+        variant: {
+            default: 'bg-neutral-muted-background text-foreground [&>[data-slot=alert-icon]]:text-muted-foreground',
+            info: 'bg-info-muted-background text-foreground [&>[data-slot=alert-icon]]:text-info-foreground',
+            warning: 'bg-warning-muted-background [&>[data-slot=alert-icon]]:text-warning-foreground',
+            error: 'bg-destructive-muted-background text-foreground [&>[data-slot=alert-icon]]:text-destructive-foreground'
+        },
+        alertStyle: {
+            card: 'pt-3 pr-5 pb-3 pl-3 [&>[data-slot=alert-title]+[data-slot=alert-description]]:mt-2 [&>[data-slot=alert-icon]]:mt-0.5',
+            strip: 'flex min-h-11 items-center gap-2 py-2 pr-3 pl-3 [&>[data-slot=alert-title]]:hidden'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        alertStyle: 'card'
+    }
+});
+function getDefaultAlertIcon(variant) {
+    const iconProps = {
+        'aria-hidden': true
+    };
+    switch(variant){
+        case 'warning':
+            return /*#__PURE__*/ _jsx(IconAlertTriangleFilled, {
+                ...iconProps
+            });
+        case 'error':
+            return /*#__PURE__*/ _jsx(IconAlertCircleFilled, {
+                ...iconProps
+            });
+        case 'info':
+        case 'default':
+        default:
+            return /*#__PURE__*/ _jsx(IconInfoCircleFilled, {
+                ...iconProps
+            });
+    }
 }
-var v = i(({ className: t, variant: r = "default", alertStyle: i = "card", visible: a, defaultVisible: s = !0, onClose: c, icon: l, children: u, ...p }, v) => {
-	let [y, b] = n({
-		defaultProp: s,
-		prop: a,
-		onChange: c
-	}), x = r === "secondary" ? "info" : r ?? "default", S = o(() => ({
-		show: y,
-		setShow: b,
-		variant: x,
-		alertStyle: i
-	}), [
-		y,
-		b,
-		x,
-		i
-	]);
-	if (!y) return null;
-	let C = l === void 0 ? _(x) : l;
-	return /* @__PURE__ */ d(m.Provider, {
-		value: S,
-		children: /* @__PURE__ */ f("div", {
-			ref: v,
-			"data-slot": "alert",
-			role: "alert",
-			className: e(g({
-				variant: x,
-				alertStyle: i
-			}), t),
-			...p,
-			children: [
-				C && /* @__PURE__ */ d("span", {
-					"data-slot": "alert-icon",
-					className: h(),
-					children: C
-				}),
-				u,
-				c && /* @__PURE__ */ d(E, {})
-			]
-		})
-	});
+const Alert = /*#__PURE__*/ forwardRef(({ className, variant = 'default', alertStyle = 'card', visible, defaultVisible = true, onClose, icon, children, ...props }, ref)=>{
+    const [show, setShow] = useControllableState({
+        defaultProp: defaultVisible,
+        prop: visible,
+        onChange: onClose
+    });
+    const alertVariant = variant === 'secondary' ? 'info' : variant ?? 'default';
+    const contextValue = useMemo(()=>{
+        return {
+            show,
+            setShow,
+            variant: alertVariant,
+            alertStyle
+        };
+    }, [
+        show,
+        setShow,
+        alertVariant,
+        alertStyle
+    ]);
+    if (!show) {
+        return null;
+    }
+    const resolvedIcon = icon !== undefined ? icon : getDefaultAlertIcon(alertVariant);
+    return /*#__PURE__*/ _jsx(AlertContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ _jsxs("div", {
+            ref: ref,
+            "data-slot": "alert",
+            role: "alert",
+            className: cn(alertVariants({
+                variant: alertVariant,
+                alertStyle
+            }), className),
+            ...props,
+            children: [
+                resolvedIcon && /*#__PURE__*/ _jsx("span", {
+                    "data-slot": "alert-icon",
+                    className: alertIconVariants(),
+                    children: resolvedIcon
+                }),
+                children,
+                onClose && /*#__PURE__*/ _jsx(AlertClose, {})
+            ]
+        })
+    });
 });
-v.displayName = "Alert";
-var y = {
-	default: "text-foreground",
-	info: "text-foreground",
-	warning: "text-foreground",
-	error: "text-foreground"
-}, b = i(({ className: t, ...n }, r) => {
-	let { variant: i, alertStyle: o } = a(m);
-	return /* @__PURE__ */ d("div", {
-		ref: r,
-		"data-slot": "alert-title",
-		className: e(o === "strip" ? "text-sm font-medium leading-[18px] tracking-normal" : "col-start-2 text-base font-medium leading-5 tracking-tighter", y[i], t),
-		...n
-	});
+Alert.displayName = 'Alert';
+const alertTitleVariants = {
+    default: 'text-foreground',
+    info: 'text-foreground',
+    warning: 'text-foreground',
+    error: 'text-foreground'
+};
+const AlertTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    const { variant, alertStyle } = useContext(AlertContext);
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "alert-title",
+        className: cn(alertStyle === 'strip' ? 'text-sm font-medium leading-[18px] tracking-normal' : 'col-start-2 text-base font-medium leading-5 tracking-tighter', alertTitleVariants[variant], className),
+        ...props
+    });
 });
-b.displayName = "AlertTitle";
-var x = {
-	default: "text-secondary-foreground",
-	info: "text-secondary-foreground",
-	warning: "text-secondary-foreground",
-	error: "text-secondary-foreground"
-}, S = i(({ className: t, ...n }, r) => {
-	let { variant: i, alertStyle: o } = a(m);
-	return /* @__PURE__ */ d("div", {
-		ref: r,
-		"data-slot": "alert-description",
-		className: e(o === "strip" ? "flex-1 min-w-0 pr-4 text-sm font-normal leading-[18px] tracking-tight" : "col-start-2 text-sm font-normal leading-[18px] tracking-tight", x[i], t),
-		...n
-	});
+AlertTitle.displayName = 'AlertTitle';
+const alertDescriptionVariants = {
+    default: 'text-secondary-foreground',
+    info: 'text-secondary-foreground',
+    warning: 'text-secondary-foreground',
+    error: 'text-secondary-foreground'
+};
+const AlertDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    const { variant, alertStyle } = useContext(AlertContext);
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "alert-description",
+        className: cn(alertStyle === 'strip' ? 'flex-1 min-w-0 pr-4 text-sm font-normal leading-[18px] tracking-tight' : 'col-start-2 text-sm font-normal leading-[18px] tracking-tight', alertDescriptionVariants[variant], className),
+        ...props
+    });
 });
-S.displayName = "AlertDescription";
-var C = i(({ className: t, ...n }, r) => {
-	let { alertStyle: i } = a(m);
-	return /* @__PURE__ */ d("div", {
-		ref: r,
-		"data-slot": "alert-actions",
-		className: e(i === "strip" ? "ml-auto flex shrink-0 items-center gap-3" : "col-start-2 flex flex-wrap items-center gap-3 pt-2", t),
-		...n
-	});
+AlertDescription.displayName = 'AlertDescription';
+const AlertActions = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    const { alertStyle } = useContext(AlertContext);
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "alert-actions",
+        className: cn(alertStyle === 'strip' ? 'ml-auto flex shrink-0 items-center gap-3' : 'col-start-2 flex flex-wrap items-center gap-3 pt-2', className),
+        ...props
+    });
 });
-C.displayName = "AlertActions";
-var w = {
-	default: "gap-2 rounded-md",
-	ghost: "h-auto p-0 hover:bg-transparent"
-}, T = i(({ className: n, variant: r = "default", ...i }, a) => /* @__PURE__ */ d(t, {
-	ref: a,
-	"data-slot": "alert-button",
-	variant: r === "ghost" ? "ghost" : void 0,
-	size: "sm",
-	className: e(w[r], n),
-	...i
-}));
-T.displayName = "AlertButton";
-var E = i(({ className: n, onClick: r, ...i }, o) => {
-	let { setShow: s, alertStyle: c } = a(m), l = i["aria-label"] ?? "Close alert";
-	return /* @__PURE__ */ d(t, {
-		ref: o,
-		"data-slot": "alert-close",
-		variant: "ghost",
-		size: "sm",
-		className: e("shrink-0 size-7 rounded-md p-0 text-secondary-foreground hover:bg-transparent hover:text-foreground", c === "card" && "absolute right-2 top-2", n),
-		"aria-label": l,
-		onClick: (e) => {
-			s(!1), r?.(e);
-		},
-		...i,
-		children: /* @__PURE__ */ d(u, {
-			"aria-hidden": "true",
-			className: "size-4"
-		})
-	});
+AlertActions.displayName = 'AlertActions';
+const alertButtonStyles = {
+    default: 'gap-2 rounded-md',
+    ghost: 'h-auto p-0 hover:bg-transparent'
+};
+const AlertButton = /*#__PURE__*/ forwardRef(({ className, variant = 'default', ...props }, ref)=>/*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "alert-button",
+        variant: variant === 'ghost' ? 'ghost' : undefined,
+        size: "sm",
+        className: cn(alertButtonStyles[variant], className),
+        ...props
+    }));
+AlertButton.displayName = 'AlertButton';
+const AlertClose = /*#__PURE__*/ forwardRef(({ className, onClick, ...props }, ref)=>{
+    const { setShow, alertStyle } = useContext(AlertContext);
+    const closeLabel = props['aria-label'] ?? 'Close alert';
+    const handleClick = (e)=>{
+        setShow(false);
+        onClick?.(e);
+    };
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "alert-close",
+        variant: "ghost",
+        size: "sm",
+        className: cn('shrink-0 size-7 rounded-md p-0 text-secondary-foreground hover:bg-transparent hover:text-foreground', alertStyle === 'card' && 'absolute right-2 top-2', className),
+        "aria-label": closeLabel,
+        onClick: handleClick,
+        ...props,
+        children: /*#__PURE__*/ _jsx(IconX, {
+            "aria-hidden": "true",
+            className: "size-4"
+        })
+    });
 });
-E.displayName = "AlertClose";
-//#endregion
-export { v as Alert, C as AlertActions, T as AlertButton, E as AlertClose, S as AlertDescription, b as AlertTitle };
+AlertClose.displayName = 'AlertClose';
+export { Alert, AlertTitle, AlertDescription, AlertActions, AlertButton, AlertClose };
+
+//# sourceMappingURL=alert.js.map

package/dist/components/ui/core/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/alert/alert.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  type MouseEventHandler,\n  type ReactNode,\n  createContext,\n  forwardRef,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport {\n  IconAlertCircleFilled,\n  IconAlertTriangleFilled,\n  IconInfoCircleFilled,\n  IconX,\n} from '@tabler/icons-react';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { useControllableState } from '../../../../lib/use-controllable-state';\nimport { cn } from '../../../../lib/utils';\nimport { Button } from '../button/button';\n\ntype AlertVariant = 'default' | 'info' | 'warning' | 'error';\n/** @deprecated Use `'info'` instead. Will be removed in a future major release. */\ntype DeprecatedAlertVariant = 'secondary';\ntype AlertVariantInput = AlertVariant | DeprecatedAlertVariant;\ntype AlertStyle = 'card' | 'strip';\n\ntype AlertContextProps = {\n  show: boolean;\n  setShow: (show: boolean) => void;\n  variant: AlertVariant;\n  alertStyle: AlertStyle;\n};\n\nconst AlertContext = createContext<AlertContextProps>({\n  show: true,\n  setShow: () => {\n    void 0; /* noop - default context fallback */\n  },\n  variant: 'default',\n  alertStyle: 'card',\n});\n\nconst alertIconVariants = cva(\n  [\n    '[&_svg]:shrink-0',\n    \"[&_svg:not([class*='size-']):not([class*='w-'])]:w-4\",\n    \"[&_svg:not([class*='size-']):not([class*='h-'])]:h-4\",\n  ].join(' ')\n);\n\ninterface AlertVariantProps {\n  variant?: 'default' | 'error' | 'info' | 'warning' | null;\n  alertStyle?: 'card' | 'strip' | null;\n}\n\nconst alertVariants: (\n  props?: (AlertVariantProps & ClassProp) | undefined\n) => string = cva(\n  'relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>[data-slot=alert-icon]]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>[data-slot=alert-icon]]:gap-x-2 has-[>[data-slot=alert-icon]]:gap-y-1 items-start',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-neutral-muted-background text-foreground [&>[data-slot=alert-icon]]:text-muted-foreground',\n        info: 'bg-info-muted-background text-foreground [&>[data-slot=alert-icon]]:text-info-foreground',\n        warning:\n          'bg-warning-muted-background [&>[data-slot=alert-icon]]:text-warning-foreground',\n        error:\n          'bg-destructive-muted-background text-foreground [&>[data-slot=alert-icon]]:text-destructive-foreground',\n      },\n      alertStyle: {\n        card: 'pt-3 pr-5 pb-3 pl-3 [&>[data-slot=alert-title]+[data-slot=alert-description]]:mt-2 [&>[data-slot=alert-icon]]:mt-0.5',\n        strip:\n          'flex min-h-11 items-center gap-2 py-2 pr-3 pl-3 [&>[data-slot=alert-title]]:hidden',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      alertStyle: 'card',\n    },\n  }\n);\n\ntype AlertProps = ComponentProps<'div'> &\n  Omit<VariantProps<typeof alertVariants>, 'variant'> & {\n    variant?: AlertVariantInput;\n    alertStyle?: AlertStyle;\n    visible?: boolean;\n    defaultVisible?: boolean;\n    onClose?: () => void;\n    icon?: ReactNode;\n  };\n\nfunction getDefaultAlertIcon(variant: AlertVariant) {\n  const iconProps = { 'aria-hidden': true };\n\n  switch (variant) {\n    case 'warning':\n      return <IconAlertTriangleFilled {...iconProps} />;\n    case 'error':\n      return <IconAlertCircleFilled {...iconProps} />;\n    case 'info':\n    case 'default':\n    default:\n      return <IconInfoCircleFilled {...iconProps} />;\n  }\n}\n\nconst Alert: ForwardRefExoticComponent<\n  Omit<AlertProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, AlertProps>(\n  (\n    {\n      className,\n      variant = 'default',\n      alertStyle = 'card',\n      visible,\n      defaultVisible = true,\n      onClose,\n      icon,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [show, setShow] = useControllableState({\n      defaultProp: defaultVisible,\n      prop: visible,\n      onChange: onClose,\n    });\n    const alertVariant: AlertVariant =\n      variant === 'secondary' ? 'info' : (variant ?? 'default');\n\n    const contextValue = useMemo(() => {\n      return { show, setShow, variant: alertVariant, alertStyle };\n    }, [show, setShow, alertVariant, alertStyle]);\n\n    if (!show) {\n      return null;\n    }\n\n    const resolvedIcon =\n      icon !== undefined ? icon : getDefaultAlertIcon(alertVariant);\n\n    return (\n      <AlertContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          data-slot=\"alert\"\n          role=\"alert\"\n          className={cn(\n            alertVariants({ variant: alertVariant, alertStyle }),\n            className\n          )}\n          {...props}\n        >\n          {resolvedIcon && (\n            <span data-slot=\"alert-icon\" className={alertIconVariants()}>\n              {resolvedIcon}\n            </span>\n          )}\n          {children}\n          {onClose && <AlertClose />}\n        </div>\n      </AlertContext.Provider>\n    );\n  }\n);\nAlert.displayName = 'Alert';\n\nconst alertTitleVariants: Record<AlertVariant, string> = {\n  default: 'text-foreground',\n  info: 'text-foreground',\n  warning: 'text-foreground',\n  error: 'text-foreground',\n};\n\nconst AlertTitle: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    const { variant, alertStyle } = useContext(AlertContext);\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-title\"\n        className={cn(\n          alertStyle === 'strip'\n            ? 'text-sm font-medium leading-[18px] tracking-normal'\n            : 'col-start-2 text-base font-medium leading-5 tracking-tighter',\n          alertTitleVariants[variant],\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst alertDescriptionVariants: Record<AlertVariant, string> = {\n  default: 'text-secondary-foreground',\n  info: 'text-secondary-foreground',\n  warning: 'text-secondary-foreground',\n  error: 'text-secondary-foreground',\n};\n\nconst AlertDescription: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    const { variant, alertStyle } = useContext(AlertContext);\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-description\"\n        className={cn(\n          alertStyle === 'strip'\n            ? 'flex-1 min-w-0 pr-4 text-sm font-normal leading-[18px] tracking-tight'\n            : 'col-start-2 text-sm font-normal leading-[18px] tracking-tight',\n          alertDescriptionVariants[variant],\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nAlertDescription.displayName = 'AlertDescription';\n\nconst AlertActions: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    const { alertStyle } = useContext(AlertContext);\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-actions\"\n        className={cn(\n          alertStyle === 'strip'\n            ? 'ml-auto flex shrink-0 items-center gap-3'\n            : 'col-start-2 flex flex-wrap items-center gap-3 pt-2',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nAlertActions.displayName = 'AlertActions';\n\ntype AlertButtonVariant = 'default' | 'ghost';\n\nconst alertButtonStyles: Record<AlertButtonVariant, string> = {\n  default: 'gap-2 rounded-md',\n  ghost: 'h-auto p-0 hover:bg-transparent',\n};\n\nconst AlertButton: ForwardRefExoticComponent<\n  Omit<\n    ComponentProps<'button'> & {\n      variant?: AlertButtonVariant;\n    },\n    'ref'\n  > &\n    RefAttributes<HTMLButtonElement>\n> = forwardRef<\n  ComponentRef<'button'>,\n  ComponentProps<'button'> & { variant?: AlertButtonVariant }\n>(({ className, variant = 'default', ...props }, ref) => (\n  <Button\n    ref={ref}\n    data-slot=\"alert-button\"\n    variant={variant === 'ghost' ? 'ghost' : undefined}\n    size=\"sm\"\n    className={cn(alertButtonStyles[variant], className)}\n    {...props}\n  />\n));\nAlertButton.displayName = 'AlertButton';\n\nconst AlertClose: ForwardRefExoticComponent<\n  ComponentProps<'button'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<ComponentRef<'button'>, ComponentProps<'button'>>(\n  ({ className, onClick, ...props }, ref) => {\n    const { setShow, alertStyle } = useContext(AlertContext);\n    const closeLabel = props['aria-label'] ?? 'Close alert';\n\n    const handleClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n      setShow(false);\n      onClick?.(e);\n    };\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"alert-close\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className={cn(\n          'shrink-0 size-7 rounded-md p-0 text-secondary-foreground hover:bg-transparent hover:text-foreground',\n          alertStyle === 'card' && 'absolute right-2 top-2',\n          className\n        )}\n        aria-label={closeLabel}\n        onClick={handleClick}\n        {...props}\n      >\n        <IconX aria-hidden=\"true\" className=\"size-4\" />\n      </Button>\n    );\n  }\n);\nAlertClose.displayName = 'AlertClose';\n\nexport {\n  Alert,\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertButton,\n  AlertClose,\n};\n"],"names":["createContext","forwardRef","useContext","useMemo","IconAlertCircleFilled","IconAlertTriangleFilled","IconInfoCircleFilled","IconX","cva","useControllableState","cn","Button","AlertContext","show","setShow","variant","alertStyle","alertIconVariants","join","alertVariants","variants","default","info","warning","error","card","strip","defaultVariants","getDefaultAlertIcon","iconProps","Alert","className","visible","defaultVisible","onClose","icon","children","props","ref","defaultProp","prop","onChange","alertVariant","contextValue","resolvedIcon","undefined","Provider","value","div","data-slot","role","span","AlertClose","displayName","alertTitleVariants","AlertTitle","alertDescriptionVariants","AlertDescription","AlertActions","alertButtonStyles","ghost","AlertButton","size","onClick","closeLabel","handleClick","e","aria-label","aria-hidden"],"mappings":"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"}

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

@@ -1,14 +1,15 @@
-import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
-import { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from '@base-ui/react/avatar';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
+import { type ForwardRefExoticComponent, type RefAttributes, type HTMLAttributes } from "react";
+import type { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from "@base-ui/react/avatar";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+import { type DecorativeVariantProp } from "../../../../lib/decorative-variant-classes";
 interface AvatarVariantProps {
-    variant?: 'default' | 'nordic' | 'aurora' | 'fjord' | 'dusk' | 'orange' | 'sky' | 'overflow' | null;
-    sizes?: 'default' | 'xsm' | 'xxsm' | null;
+	variant?: DecorativeVariantProp | "default" | "overflow" | null;
+	sizes?: "default" | "xsm" | "xxsm" | null;
 }
 declare const avatarVariants: (props?: (AvatarVariantProps & ClassProp) | undefined) => string;
-declare const Avatar: ForwardRefExoticComponent<Omit<AvatarRootProps & VariantProps<typeof avatarVariants>, 'ref'> & RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: ForwardRefExoticComponent<Omit<AvatarImageProps, 'ref'> & RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: ForwardRefExoticComponent<Omit<AvatarFallbackProps, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const Avatar: ForwardRefExoticComponent<Omit<AvatarRootProps & VariantProps<typeof avatarVariants>, "ref"> & RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: ForwardRefExoticComponent<Omit<AvatarImageProps, "ref"> & RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: ForwardRefExoticComponent<Omit<AvatarFallbackProps, "ref"> & RefAttributes<HTMLSpanElement>>;
 declare const AvatarIcon: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
 export { Avatar, AvatarImage, AvatarFallback, AvatarIcon };

package/dist/components/ui/core/avatar/avatar.js

@@ -1,65 +1,75 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import { Avatar as o } from "@base-ui/react/avatar";
-//#region libs/aura/src/components/ui/core/avatar/avatar.tsx
-var s = a("group/avatar relative inline-flex text-base font-medium leading-5 shrink-0 overflow-hidden flex-col justify-center items-center box-border", {
-	variants: {
-		variant: {
-			default: "bg-decorative-background-mountain text-decorative-foreground-mountain hover:bg-decorative-background-mountain-hover",
-			nordic: "bg-decorative-background-nordic text-decorative-foreground-nordic hover:bg-decorative-background-nordic-hover",
-			aurora: "bg-decorative-background-aurora text-decorative-foreground-aurora hover:bg-decorative-background-aurora-hover",
-			fjord: "bg-decorative-background-fjord text-decorative-foreground-fjord hover:bg-decorative-background-fjord-hover",
-			dusk: "bg-decorative-background-dusk text-decorative-foreground-dusk hover:bg-decorative-background-dusk-hover",
-			orange: "bg-decorative-background-orange text-decorative-foreground-orange hover:bg-decorative-background-orange-hover",
-			sky: "bg-decorative-background-sky text-decorative-foreground-sky hover:bg-decorative-background-sky-hover",
-			overflow: "bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover"
-		},
-		sizes: {
-			default: "size-9 rounded-lg text-sm [&_svg]:w-5 [&_svg]:h-5",
-			xsm: "size-7 rounded-md text-xs [&_svg]:w-4 [&_svg]:h-4",
-			xxsm: "size-5 rounded-sm text-2xs [&_svg]:w-3 [&_svg]:h-3"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		sizes: "default"
-	}
-}), c = t(({ className: t, variant: n, sizes: i, ...a }, c) => /* @__PURE__ */ r(o.Root, {
-	ref: c,
-	"data-slot": "avatar",
-	className: e(s({
-		variant: n,
-		sizes: i
-	}), t),
-	...a
-}));
-c.displayName = "Avatar";
-var l = t(({ className: t, ...a }, s) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(o.Image, {
-	ref: s,
-	"data-slot": "avatar-image",
-	className: e("aspect-square size-full object-cover object-center", t),
-	...a
-}), /* @__PURE__ */ r("span", {
-	"data-slot": "avatar-image-backdrop",
-	className: "absolute inset-0 bg-overlay-background opacity-0 transition-opacity group-hover/avatar:opacity-100 pointer-events-none",
-	"aria-hidden": "true"
-})] }));
-l.displayName = "AvatarImage";
-var u = t(({ className: t, ...n }, i) => /* @__PURE__ */ r(o.Fallback, {
-	ref: i,
-	"data-slot": "avatar-fallback",
-	className: e(" flex size-full items-center justify-center", t),
-	...n
-}));
-u.displayName = "AvatarFallback";
-var d = t(({ className: t, ...n }, i) => /* @__PURE__ */ r("span", {
-	ref: i,
-	"data-slot": "avatar-icon",
-	className: e("flex size-full items-center justify-center", t),
-	...n
-}));
-d.displayName = "AvatarIcon";
-//#endregion
-export { c as Avatar, u as AvatarFallback, d as AvatarIcon, l as AvatarImage };
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import { cva } from "class-variance-authority";
+import { decorativeAvatarVariantClasses, legacyDecorativeAvatarVariantClasses } from "../../../../lib/decorative-variant-classes.js";
+import { cn } from "../../../../lib/utils.js";
+const avatarVariants = cva('group/avatar relative inline-flex text-base font-medium leading-5 shrink-0 overflow-hidden flex-col justify-center items-center box-border', {
+    variants: {
+        variant: {
+            ...decorativeAvatarVariantClasses,
+            ...legacyDecorativeAvatarVariantClasses,
+            overflow: 'bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover'
+        },
+        sizes: {
+            default: 'size-9 rounded-lg text-sm [&_svg]:w-5 [&_svg]:h-5',
+            xsm: 'size-7 rounded-md text-xs [&_svg]:w-4 [&_svg]:h-4',
+            xxsm: 'size-5 rounded-sm text-2xs [&_svg]:w-3 [&_svg]:h-3'
+        }
+    },
+    defaultVariants: {
+        variant: 'decorative-1',
+        sizes: 'default'
+    }
+});
+const Avatar = /*#__PURE__*/ forwardRef(({ className, variant, sizes, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(AvatarPrimitive.Root, {
+        ref: ref,
+        "data-slot": "avatar",
+        className: cn(avatarVariants({
+            variant,
+            sizes
+        }), className),
+        ...props
+    });
+});
+Avatar.displayName = 'Avatar';
+const AvatarImage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(AvatarPrimitive.Image, {
+                ref: ref,
+                "data-slot": "avatar-image",
+                className: cn('aspect-square size-full object-cover object-center', className),
+                ...props
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                "data-slot": "avatar-image-backdrop",
+                className: "absolute inset-0 bg-base-background-overlay opacity-0 transition-opacity group-hover/avatar:opacity-100 pointer-events-none",
+                "aria-hidden": "true"
+            })
+        ]
+    });
+});
+AvatarImage.displayName = 'AvatarImage';
+const AvatarFallback = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(AvatarPrimitive.Fallback, {
+        ref: ref,
+        "data-slot": "avatar-fallback",
+        className: cn(' flex size-full items-center justify-center', className),
+        ...props
+    });
+});
+AvatarFallback.displayName = 'AvatarFallback';
+const AvatarIcon = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "avatar-icon",
+        className: cn('flex size-full items-center justify-center', className),
+        ...props
+    });
+});
+AvatarIcon.displayName = 'AvatarIcon';
+export { Avatar, AvatarImage, AvatarFallback, AvatarIcon };
+
+//# sourceMappingURL=avatar.js.map

package/dist/components/ui/core/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/avatar/avatar.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  type HTMLAttributes,\n  forwardRef,\n} from 'react';\n\nimport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarRootProps,\n} from '@base-ui/react/avatar';\nimport { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport {\n  decorativeAvatarVariantClasses,\n  legacyDecorativeAvatarVariantClasses,\n  type DecorativeVariantProp,\n} from '../../../../lib/decorative-variant-classes';\nimport { cn } from '../../../../lib/utils';\n\ninterface AvatarVariantProps {\n  variant?: DecorativeVariantProp | 'default' | 'overflow' | null;\n  sizes?: 'default' | 'xsm' | 'xxsm' | null;\n}\n\nconst avatarVariants: (\n  props?: (AvatarVariantProps & ClassProp) | undefined\n) => string = cva(\n  'group/avatar relative inline-flex text-base font-medium leading-5 shrink-0 overflow-hidden flex-col justify-center items-center box-border',\n  {\n    variants: {\n      variant: {\n        ...decorativeAvatarVariantClasses,\n        ...legacyDecorativeAvatarVariantClasses,\n        overflow:\n          'bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover',\n      },\n      sizes: {\n        default: 'size-9 rounded-lg text-sm [&_svg]:w-5 [&_svg]:h-5',\n        xsm: 'size-7 rounded-md text-xs [&_svg]:w-4 [&_svg]:h-4',\n        xxsm: 'size-5 rounded-sm text-2xs [&_svg]:w-3 [&_svg]:h-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'decorative-1',\n      sizes: 'default',\n    },\n  }\n);\n\nconst Avatar: ForwardRefExoticComponent<\n  Omit<AvatarRootProps & VariantProps<typeof avatarVariants>, 'ref'> &\n    RefAttributes<HTMLSpanElement>\n> = forwardRef<\n  ComponentRef<typeof AvatarPrimitive.Root>,\n  ComponentProps<typeof AvatarPrimitive.Root> &\n    VariantProps<typeof avatarVariants>\n>(({ className, variant, sizes, ...props }, ref) => {\n  return (\n    <AvatarPrimitive.Root\n      ref={ref}\n      data-slot=\"avatar\"\n      className={cn(avatarVariants({ variant, sizes }), className)}\n      {...props}\n    />\n  );\n});\nAvatar.displayName = 'Avatar';\n\nconst AvatarImage: ForwardRefExoticComponent<\n  Omit<AvatarImageProps, 'ref'> & RefAttributes<HTMLImageElement>\n> = forwardRef<\n  ComponentRef<typeof AvatarPrimitive.Image>,\n  ComponentProps<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => {\n  return (\n    <>\n      <AvatarPrimitive.Image\n        ref={ref}\n        data-slot=\"avatar-image\"\n        className={cn(\n          'aspect-square size-full object-cover object-center',\n          className\n        )}\n        {...props}\n      />\n      <span\n        data-slot=\"avatar-image-backdrop\"\n        className=\"absolute inset-0 bg-base-background-overlay opacity-0 transition-opacity group-hover/avatar:opacity-100 pointer-events-none\"\n        aria-hidden=\"true\"\n      />\n    </>\n  );\n});\nAvatarImage.displayName = 'AvatarImage';\n\nconst AvatarFallback: ForwardRefExoticComponent<\n  Omit<AvatarFallbackProps, 'ref'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<\n  ComponentRef<typeof AvatarPrimitive.Fallback>,\n  ComponentProps<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => {\n  return (\n    <AvatarPrimitive.Fallback\n      ref={ref}\n      data-slot=\"avatar-fallback\"\n      className={cn(' flex size-full items-center justify-center', className)}\n      {...props}\n    />\n  );\n});\nAvatarFallback.displayName = 'AvatarFallback';\n\nconst AvatarIcon: ForwardRefExoticComponent<\n  HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>\n> = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"avatar-icon\"\n        className={cn('flex size-full items-center justify-center', className)}\n        {...props}\n      />\n    );\n  }\n);\nAvatarIcon.displayName = 'AvatarIcon';\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarIcon };\n"],"names":["forwardRef","Avatar","AvatarPrimitive","cva","decorativeAvatarVariantClasses","legacyDecorativeAvatarVariantClasses","cn","avatarVariants","variants","variant","overflow","sizes","default","xsm","xxsm","defaultVariants","className","props","ref","Root","data-slot","displayName","AvatarImage","Image","span","aria-hidden","AvatarFallback","Fallback","AvatarIcon"],"mappings":";AAAA,SAMEA,UAAU,QACL,QAAQ;AAOf,SAASC,UAAUC,eAAe,QAAQ,wBAAwB;AAClE,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SACEC,8BAA8B,EAC9BC,oCAAoC,QAE/B,gDAA6C;AACpD,SAASC,EAAE,QAAQ,2BAAwB;AAO3C,MAAMC,iBAEQJ,IACZ,8IACA;IACEK,UAAU;QACRC,SAAS;YACP,GAAGL,8BAA8B;YACjC,GAAGC,oCAAoC;YACvCK,UACE;QACJ;QACAC,OAAO;YACLC,SAAS;YACTC,KAAK;YACLC,MAAM;QACR;IACF;IACAC,iBAAiB;QACfN,SAAS;QACTE,OAAO;IACT;AACF;AAGF,MAAMV,uBAGFD,WAIF,CAAC,EAAEgB,SAAS,EAAEP,OAAO,EAAEE,KAAK,EAAE,GAAGM,OAAO,EAAEC;IAC1C,qBACE,KAAChB,gBAAgBiB,IAAI;QACnBD,KAAKA;QACLE,aAAU;QACVJ,WAAWV,GAAGC,eAAe;YAAEE;YAASE;QAAM,IAAIK;QACjD,GAAGC,KAAK;;AAGf;AACAhB,OAAOoB,WAAW,GAAG;AAErB,MAAMC,4BAEFtB,WAGF,CAAC,EAAEgB,SAAS,EAAE,GAAGC,OAAO,EAAEC;IAC1B,qBACE;;0BACE,KAAChB,gBAAgBqB,KAAK;gBACpBL,KAAKA;gBACLE,aAAU;gBACVJ,WAAWV,GACT,sDACAU;gBAED,GAAGC,KAAK;;0BAEX,KAACO;gBACCJ,aAAU;gBACVJ,WAAU;gBACVS,eAAY;;;;AAIpB;AACAH,YAAYD,WAAW,GAAG;AAE1B,MAAMK,+BAEF1B,WAGF,CAAC,EAAEgB,SAAS,EAAE,GAAGC,OAAO,EAAEC;IAC1B,qBACE,KAAChB,gBAAgByB,QAAQ;QACvBT,KAAKA;QACLE,aAAU;QACVJ,WAAWV,GAAG,+CAA+CU;QAC5D,GAAGC,KAAK;;AAGf;AACAS,eAAeL,WAAW,GAAG;AAE7B,MAAMO,2BAEF5B,WACF,CAAC,EAAEgB,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACM;QACCN,KAAKA;QACLE,aAAU;QACVJ,WAAWV,GAAG,8CAA8CU;QAC3D,GAAGC,KAAK;;AAGf;AAEFW,WAAWP,WAAW,GAAG;AAEzB,SAASpB,MAAM,EAAEqB,WAAW,EAAEI,cAAc,EAAEE,UAAU,GAAG"}

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

@@ -1,17 +1,18 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
+import type { ForwardRefExoticComponent, RefAttributes } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+import { type DecorativeVariantProp } from "../../../../lib/decorative-variant-classes";
 interface BadgeVariantProps {
-    variant?: 'default' | 'fjord' | 'nordic' | 'aurora' | 'sky' | 'dusk' | 'orange' | 'gray' | 'mountain' | 'secondary' | 'error' | 'warning' | 'success' | 'inProgress' | 'archived' | 'closable' | null;
-    size?: 'default' | 'icon' | null;
-    outline?: boolean | null;
-    background?: boolean | null;
-    dot?: boolean | null;
+	variant?: DecorativeVariantProp | "secondary" | "error" | "warning" | "success" | "inProgress" | "archived" | "closable" | null;
+	size?: "default" | "icon" | null;
+	outline?: boolean | null;
+	background?: boolean | null;
+	dot?: boolean | null;
 }
 declare const badgeVariants: (props?: (BadgeVariantProps & ClassProp) | undefined) => string;
-type BadgeProps = useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
-    urgent?: boolean;
+type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+	urgent?: boolean;
 };
-declare const Badge: ForwardRefExoticComponent<Omit<BadgeProps, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const Badge: ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & RefAttributes<HTMLSpanElement>>;
 export { Badge, badgeVariants };