@cognite/aura 0.3.5 → 1.46105.0

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

@@ -1,73 +1,89 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { cva as n } from "class-variance-authority";
-import { mergeProps as r } from "@base-ui/react/merge-props";
-import { useRender as i } from "@base-ui/react/use-render";
-//#region libs/aura/src/components/ui/core/badge/badge.tsx
-var a = n("inline-flex h-5 items-center align-middle justify-center rounded-md border px-1 text-sm font-medium leading-[18px] w-fit whitespace-nowrap shrink-0 gap-1 [&>svg]:pointer-events-none [&>svg]:size-3 outline-none focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
-	variants: {
-		variant: {
-			default: "border-transparent bg-neutral-background text-foreground-on-neutral",
-			fjord: "border-transparent bg-decorative-background-fjord text-decorative-foreground-fjord",
-			nordic: "border-transparent bg-decorative-background-nordic text-decorative-foreground-nordic",
-			aurora: "border-transparent bg-decorative-background-aurora text-decorative-foreground-aurora",
-			sky: "border-transparent bg-decorative-background-sky text-decorative-foreground-sky",
-			dusk: "border-transparent bg-decorative-background-dusk text-decorative-foreground-dusk",
-			orange: "border-transparent bg-decorative-background-orange text-decorative-foreground-orange",
-			gray: "border-transparent bg-decorative-background-mountain text-decorative-foreground-mountain",
-			mountain: "border-transparent bg-decorative-background-mountain text-decorative-foreground-mountain",
-			secondary: "border-transparent bg-secondary-background text-secondary-foreground",
-			error: "border-transparent bg-destructive-background text-destructive-foreground-on-critical",
-			warning: "border-transparent bg-warning-background text-warning-foreground-on-warning",
-			success: "border-transparent bg-success-background text-success-foreground-on-success",
-			inProgress: "border-transparent bg-info-background text-info-foreground-on-info",
-			archived: "border-transparent bg-neutral-background text-neutral-foreground-on-neutral",
-			closable: "border-transparent bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover cursor-pointer"
-		},
-		size: {
-			default: "",
-			icon: "w-5 px-0 py-0"
-		},
-		outline: { true: "border-border" },
-		background: { false: "bg-transparent" },
-		dot: { true: "min-w-5 rounded-md border border-background px-1 gap-0" }
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default",
-		outline: !1,
-		background: !0,
-		dot: !1
-	}
-}), o = t(({ className: t, variant: n, size: o, outline: s, dot: c, background: l, urgent: u = !1, children: d, render: f, ...p }, m) => {
-	let h = !d, g = n && !(/* @__PURE__ */ new Set([
-		"mountain",
-		"fjord",
-		"nordic",
-		"aurora",
-		"dusk",
-		"orange"
-	])).has(n), _ = s === !0 && g;
-	return i({
-		defaultTagName: "span",
-		ref: m,
-		props: r({ className: e(a({
-			variant: n,
-			size: o,
-			outline: _,
-			background: !_ && l,
-			dot: c
-		}), _ && n === "error" && "text-destructive-foreground", _ && n === "warning" && "text-warning-foreground", _ && n === "success" && "text-success-foreground", _ && n === "inProgress" && "text-info-foreground", _ && n === "archived" && "text-neutral-foreground", c && h && "h-2 w-2 min-h-2 min-w-2 max-h-2 max-w-2 rounded-full p-0 border-0", c && u && "bg-destructive-background text-destructive-foreground-on-critical", t) }, {
-			...p,
-			children: d
-		}),
-		render: f,
-		state: {
-			slot: "badge",
-			variant: n
-		}
-	});
+import { forwardRef } from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+import { decorativeBadgeVariantClasses, legacyDecorativeBadgeVariantClasses } from "../../../../lib/decorative-variant-classes.js";
+import { cn } from "../../../../lib/utils.js";
+const badgeVariants = cva('inline-flex h-5 items-center align-middle justify-center rounded-md border px-1 text-sm font-medium leading-[18px] w-fit whitespace-nowrap shrink-0 gap-1 [&>svg]:pointer-events-none [&>svg]:size-3 outline-none focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', {
+    variants: {
+        variant: {
+            ...decorativeBadgeVariantClasses,
+            ...legacyDecorativeBadgeVariantClasses,
+            secondary: 'border-transparent bg-secondary-background text-secondary-foreground',
+            error: 'border-transparent bg-critical-background text-critical-foreground',
+            warning: 'border-transparent bg-warning-background text-warning-foreground',
+            success: 'border-transparent bg-success-background text-success-foreground',
+            inProgress: 'border-transparent bg-info-background text-info-foreground',
+            archived: 'border-transparent bg-neutral-background text-neutral-foreground',
+            closable: 'border-transparent bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover cursor-pointer'
+        },
+        size: {
+            default: '',
+            icon: 'w-5 px-0 py-0'
+        },
+        outline: {
+            true: 'border-default'
+        },
+        background: {
+            false: 'bg-transparent'
+        },
+        dot: {
+            true: 'min-w-5 rounded-md border border-base-background px-1 gap-0'
+        }
+    },
+    defaultVariants: {
+        variant: 'decorative-1',
+        size: 'default',
+        outline: false,
+        background: true,
+        dot: false
+    }
 });
-o.displayName = "Badge";
-//#endregion
-export { o as Badge, a as badgeVariants };
+const dotEmptyFillByVariant = {
+    success: 'bg-success-foreground-strong',
+    error: 'bg-critical-foreground-strong',
+    warning: 'bg-warning-foreground-strong',
+    inProgress: 'bg-info-foreground-strong',
+    archived: 'bg-neutral-foreground-strong'
+};
+const dotEmptyFillFallback = 'bg-info-foreground-strong';
+const Badge = /*#__PURE__*/ forwardRef(({ className, variant, size, outline, dot, background, urgent = false, children, render, ...props }, ref)=>{
+    const isEmpty = !children;
+    const filledOnlyVariants = new Set([
+        'decorative-1',
+        'decorative-2',
+        'decorative-3',
+        'decorative-4',
+        'decorative-5',
+        'decorative-6',
+        'decorative-7'
+    ]);
+    const canBeOutlined = variant && !filledOnlyVariants.has(variant);
+    const isOutlined = outline === true && canBeOutlined;
+    const resolvedVariant = variant ?? 'decorative-1';
+    return useRender({
+        defaultTagName: 'span',
+        ref,
+        props: mergeProps({
+            className: cn(badgeVariants({
+                variant,
+                size,
+                outline: isOutlined,
+                background: isOutlined ? false : background,
+                dot
+            }), isOutlined && variant === 'error' && 'text-critical-foreground', isOutlined && variant === 'warning' && 'text-warning-foreground', isOutlined && variant === 'success' && 'text-success-foreground', isOutlined && variant === 'inProgress' && 'text-info-foreground', isOutlined && variant === 'archived' && 'text-neutral-foreground', dot && isEmpty && 'h-2 w-2 min-h-2 min-w-2 max-h-2 max-w-2 rounded-full p-0 border border-base-background bg-transparent', dot && isEmpty && urgent && 'bg-critical-foreground-strong', dot && isEmpty && !urgent && (dotEmptyFillByVariant[resolvedVariant] ?? dotEmptyFillFallback), dot && !isEmpty && (urgent ? 'bg-critical-background text-critical-foreground' : 'bg-medium-background text-medium-foreground border-default'), className)
+        }, {
+            ...props,
+            children
+        }),
+        render,
+        state: {
+            slot: 'badge',
+            variant
+        }
+    });
+});
+Badge.displayName = 'Badge';
+export { Badge, badgeVariants };
+
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/badge/badge.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport {\n  decorativeBadgeVariantClasses,\n  legacyDecorativeBadgeVariantClasses,\n  type DecorativeVariantProp,\n} from '../../../../lib/decorative-variant-classes';\nimport { cn } from '../../../../lib/utils';\n\ninterface BadgeVariantProps {\n  variant?:\n    | DecorativeVariantProp\n    | 'secondary'\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'inProgress'\n    | 'archived'\n    | 'closable'\n    | null;\n  size?: 'default' | 'icon' | null;\n  outline?: boolean | null;\n  background?: boolean | null;\n  dot?: boolean | null;\n}\n\nconst badgeVariants: (\n  props?: (BadgeVariantProps & ClassProp) | undefined\n) => string = cva(\n  'inline-flex h-5 items-center align-middle justify-center rounded-md border px-1 text-sm font-medium leading-[18px] w-fit whitespace-nowrap shrink-0 gap-1 [&>svg]:pointer-events-none [&>svg]:size-3 outline-none focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',\n  {\n    variants: {\n      variant: {\n        ...decorativeBadgeVariantClasses,\n        ...legacyDecorativeBadgeVariantClasses,\n        secondary:\n          'border-transparent bg-secondary-background text-secondary-foreground',\n        error:\n          'border-transparent bg-critical-background text-critical-foreground',\n        warning:\n          'border-transparent bg-warning-background text-warning-foreground',\n        success:\n          'border-transparent bg-success-background text-success-foreground',\n        inProgress:\n          'border-transparent bg-info-background text-info-foreground',\n        archived:\n          'border-transparent bg-neutral-background text-neutral-foreground',\n        closable:\n          'border-transparent bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover cursor-pointer',\n      },\n      size: {\n        default: '',\n        icon: 'w-5 px-0 py-0',\n      },\n      outline: {\n        true: 'border-default',\n      },\n      background: {\n        false: 'bg-transparent',\n      },\n      dot: {\n        true: 'min-w-5 rounded-md border border-base-background px-1 gap-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'decorative-1',\n      size: 'default',\n      outline: false,\n      background: true,\n      dot: false,\n    },\n  }\n);\n\nconst dotEmptyFillByVariant: Partial<\n  Record<NonNullable<BadgeVariantProps['variant']>, string>\n> = {\n  success: 'bg-success-foreground-strong',\n  error: 'bg-critical-foreground-strong',\n  warning: 'bg-warning-foreground-strong',\n  inProgress: 'bg-info-foreground-strong',\n  archived: 'bg-neutral-foreground-strong',\n};\n\nconst dotEmptyFillFallback = 'bg-info-foreground-strong';\n\ntype BadgeProps = useRender.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & {\n    urgent?: boolean;\n  };\n\nconst Badge: ForwardRefExoticComponent<\n  Omit<BadgeProps, 'ref'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      outline,\n      dot,\n      background,\n      urgent = false,\n      children,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const isEmpty = !children;\n\n    const filledOnlyVariants = new Set<\n      NonNullable<BadgeVariantProps['variant']>\n    >([\n      'decorative-1',\n      'decorative-2',\n      'decorative-3',\n      'decorative-4',\n      'decorative-5',\n      'decorative-6',\n      'decorative-7',\n    ]);\n    const canBeOutlined = variant && !filledOnlyVariants.has(variant);\n    const isOutlined = outline === true && canBeOutlined;\n    const resolvedVariant = variant ?? 'decorative-1';\n\n    return useRender({\n      defaultTagName: 'span',\n      ref,\n      props: mergeProps<'span'>(\n        {\n          className: cn(\n            badgeVariants({\n              variant,\n              size,\n              outline: isOutlined,\n              background: isOutlined ? false : background,\n              dot,\n            }),\n            isOutlined && variant === 'error' && 'text-critical-foreground',\n            isOutlined && variant === 'warning' && 'text-warning-foreground',\n            isOutlined && variant === 'success' && 'text-success-foreground',\n            isOutlined && variant === 'inProgress' && 'text-info-foreground',\n            isOutlined && variant === 'archived' && 'text-neutral-foreground',\n            dot &&\n              isEmpty &&\n              'h-2 w-2 min-h-2 min-w-2 max-h-2 max-w-2 rounded-full p-0 border border-base-background bg-transparent',\n            dot && isEmpty && urgent && 'bg-critical-foreground-strong',\n            dot &&\n              isEmpty &&\n              !urgent &&\n              (dotEmptyFillByVariant[resolvedVariant] ?? dotEmptyFillFallback),\n            dot &&\n              !isEmpty &&\n              (urgent\n                ? 'bg-critical-background text-critical-foreground'\n                : 'bg-medium-background text-medium-foreground border-default'),\n            className\n          ),\n        },\n        { ...props, children }\n      ),\n      render,\n      state: {\n        slot: 'badge',\n        variant,\n      },\n    });\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"],"names":["forwardRef","mergeProps","useRender","cva","decorativeBadgeVariantClasses","legacyDecorativeBadgeVariantClasses","cn","badgeVariants","variants","variant","secondary","error","warning","success","inProgress","archived","closable","size","default","icon","outline","true","background","false","dot","defaultVariants","dotEmptyFillByVariant","dotEmptyFillFallback","Badge","className","urgent","children","render","props","ref","isEmpty","filledOnlyVariants","Set","canBeOutlined","has","isOutlined","resolvedVariant","defaultTagName","state","slot","displayName"],"mappings":"AACA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SACEC,6BAA6B,EAC7BC,mCAAmC,QAE9B,gDAA6C;AACpD,SAASC,EAAE,QAAQ,2BAAwB;AAmB3C,MAAMC,gBAEQJ,IACZ,qbACA;IACEK,UAAU;QACRC,SAAS;YACP,GAAGL,6BAA6B;YAChC,GAAGC,mCAAmC;YACtCK,WACE;YACFC,OACE;YACFC,SACE;YACFC,SACE;YACFC,YACE;YACFC,UACE;YACFC,UACE;QACJ;QACAC,MAAM;YACJC,SAAS;YACTC,MAAM;QACR;QACAC,SAAS;YACPC,MAAM;QACR;QACAC,YAAY;YACVC,OAAO;QACT;QACAC,KAAK;YACHH,MAAM;QACR;IACF;IACAI,iBAAiB;QACfhB,SAAS;QACTQ,MAAM;QACNG,SAAS;QACTE,YAAY;QACZE,KAAK;IACP;AACF;AAGF,MAAME,wBAEF;IACFb,SAAS;IACTF,OAAO;IACPC,SAAS;IACTE,YAAY;IACZC,UAAU;AACZ;AAEA,MAAMY,uBAAuB;AAO7B,MAAMC,sBAEF5B,WACF,CACE,EACE6B,SAAS,EACTpB,OAAO,EACPQ,IAAI,EACJG,OAAO,EACPI,GAAG,EACHF,UAAU,EACVQ,SAAS,KAAK,EACdC,QAAQ,EACRC,MAAM,EACN,GAAGC,OACJ,EACDC;IAEA,MAAMC,UAAU,CAACJ;IAEjB,MAAMK,qBAAqB,IAAIC,IAE7B;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD;IACD,MAAMC,gBAAgB7B,WAAW,CAAC2B,mBAAmBG,GAAG,CAAC9B;IACzD,MAAM+B,aAAapB,YAAY,QAAQkB;IACvC,MAAMG,kBAAkBhC,WAAW;IAEnC,OAAOP,UAAU;QACfwC,gBAAgB;QAChBR;QACAD,OAAOhC,WACL;YACE4B,WAAWvB,GACTC,cAAc;gBACZE;gBACAQ;gBACAG,SAASoB;gBACTlB,YAAYkB,aAAa,QAAQlB;gBACjCE;YACF,IACAgB,cAAc/B,YAAY,WAAW,4BACrC+B,cAAc/B,YAAY,aAAa,2BACvC+B,cAAc/B,YAAY,aAAa,2BACvC+B,cAAc/B,YAAY,gBAAgB,wBAC1C+B,cAAc/B,YAAY,cAAc,2BACxCe,OACEW,WACA,yGACFX,OAAOW,WAAWL,UAAU,iCAC5BN,OACEW,WACA,CAACL,UACAJ,CAAAA,qBAAqB,CAACe,gBAAgB,IAAId,oBAAmB,GAChEH,OACE,CAACW,WACAL,CAAAA,SACG,oDACA,4DAA2D,GACjED;QAEJ,GACA;YAAE,GAAGI,KAAK;YAAEF;QAAS;QAEvBC;QACAW,OAAO;YACLC,MAAM;YACNnC;QACF;IACF;AACF;AAGFmB,MAAMiB,WAAW,GAAG;AAEpB,SAASjB,KAAK,EAAErB,aAAa,GAAG"}

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

@@ -1,30 +1,30 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ComponentType, HTMLAttributes } from 'react';
-import { IconProps } from '@tabler/icons-react';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
-import { Badge } from '../badge/badge';
-import { Button } from '../button/button';
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps, type ComponentType, type HTMLAttributes } from "react";
+import type { IconProps } from "@tabler/icons-react";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+import { Badge } from "../badge/badge";
+import { Button } from "../button/button";
 interface BannerVariantProps {
-    variant?: 'default' | 'info' | 'destructive' | 'warning' | null;
-    inset?: boolean | null;
+	variant?: "default" | "info" | "destructive" | "warning" | null;
+	inset?: boolean | null;
 }
 declare const bannerVariants: (props?: (BannerVariantProps & ClassProp) | undefined) => string;
 type BannerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof bannerVariants> & {
-    visible?: boolean;
-    defaultVisible?: boolean;
-    onClose?: () => void;
+	visible?: boolean;
+	defaultVisible?: boolean;
+	onClose?: () => void;
 };
-declare const Banner: ForwardRefExoticComponent<Omit<BannerProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const Banner: ForwardRefExoticComponent<Omit<BannerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 type TablerIconComponent = ComponentType<IconProps>;
 declare const BannerIcon: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    icon: TablerIconComponent;
+	icon: TablerIconComponent;
 } & RefAttributes<HTMLDivElement>>;
 type BannerTitleProps = HTMLAttributes<HTMLParagraphElement>;
 declare const BannerTitle: ForwardRefExoticComponent<BannerTitleProps & RefAttributes<HTMLParagraphElement>>;
-declare const BannerStatus: ForwardRefExoticComponent<Omit<ComponentProps<typeof Badge>, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const BannerStatus: ForwardRefExoticComponent<Omit<ComponentProps<typeof Badge>, "ref"> & RefAttributes<HTMLSpanElement>>;
 type BannerActionsProps = HTMLAttributes<HTMLDivElement>;
 declare const BannerActions: ForwardRefExoticComponent<BannerActionsProps & RefAttributes<HTMLDivElement>>;
-declare const BannerAction: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>>;
-type BannerCloseProps = Omit<ComponentProps<typeof Button>, 'size'>;
-declare const BannerClose: ForwardRefExoticComponent<Omit<BannerCloseProps, 'ref'> & RefAttributes<HTMLElement>>;
-export { Banner, BannerIcon, BannerTitle, BannerStatus, BannerActions, BannerAction, BannerClose, };
+declare const BannerAction: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, "ref"> & RefAttributes<HTMLElement>>;
+type BannerCloseProps = Omit<ComponentProps<typeof Button>, "size">;
+declare const BannerClose: ForwardRefExoticComponent<Omit<BannerCloseProps, "ref"> & RefAttributes<HTMLElement>>;
+export { Banner, BannerIcon, BannerTitle, BannerStatus, BannerActions, BannerAction, BannerClose };

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

@@ -1,149 +1,186 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { Badge as n } from "../badge/badge.js";
-import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
-import { cva as f } from "class-variance-authority";
-var p = r({
-	show: !0,
-	setShow: (e) => {},
-	variant: "default"
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+import { Badge } from "../badge/badge.js";
+import { Button } from "../button/button.js";
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = (_show)=>{};
+const BannerContext = /*#__PURE__*/ createContext({
+    show: true,
+    setShow: noop,
+    variant: 'default'
 });
-function m(e) {
-	return typeof e == "function";
+function isUpdater(next) {
+    return typeof next === 'function';
 }
-function h({ visible: e, defaultVisible: t, onClose: n }) {
-	let [r, i] = u(t), o = e !== void 0, c = o ? e : r, d = l(n);
-	return s(() => {
-		d.current = n;
-	}, [n]), [c, a((t) => {
-		if (o) {
-			(m(t) ? t(e) : t) || d.current?.();
-			return;
-		}
-		i((e) => {
-			let n = m(t) ? t(e) : t;
-			return n || d.current?.(), n;
-		});
-	}, [o, e])];
+function useBannerVisibility({ visible, defaultVisible, onClose }) {
+    const [uncontrolledVisible, setUncontrolledVisible] = useState(defaultVisible);
+    const isControlled = visible !== undefined;
+    const currentValue = isControlled ? visible : uncontrolledVisible;
+    const onCloseRef = useRef(onClose);
+    useEffect(()=>{
+        onCloseRef.current = onClose;
+    }, [
+        onClose
+    ]);
+    const setValue = useCallback((next)=>{
+        if (isControlled) {
+            const resolved = isUpdater(next) ? next(visible) : next;
+            if (!resolved) {
+                onCloseRef.current?.();
+            }
+            return;
+        }
+        setUncontrolledVisible((prev)=>{
+            const resolved = isUpdater(next) ? next(prev) : next;
+            if (!resolved) {
+                onCloseRef.current?.();
+            }
+            return resolved;
+        });
+    }, [
+        isControlled,
+        visible
+    ]);
+    return [
+        currentValue,
+        setValue
+    ];
 }
-var g = f("flex w-full h-11 flex-col items-start justify-center px-3 py-0", {
-	variants: {
-		variant: {
-			default: "bg-neutral-background text-foreground-fixed-dark",
-			info: "bg-info-background text-foreground-fixed-dark",
-			warning: "bg-warning-background text-foreground-fixed-dark",
-			destructive: "bg-destructive-background text-foreground-fixed-dark"
-		},
-		inset: {
-			true: "rounded-lg",
-			false: ""
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		inset: !1
-	}
-}), _ = i(({ children: t, visible: n, defaultVisible: r = !0, onClose: i, className: a, inset: o = !1, variant: s = "default", ...l }, u) => {
-	let f = s ?? "default", [m, _] = h({
-		defaultVisible: r,
-		visible: n,
-		onClose: i
-	}), v = c(() => ({
-		show: m ?? !0,
-		setShow: _,
-		variant: f
-	}), [
-		m,
-		_,
-		f
-	]);
-	return m ? /* @__PURE__ */ d(p.Provider, {
-		value: v,
-		children: /* @__PURE__ */ d("div", {
-			ref: u,
-			"data-slot": "banner",
-			className: e(g({
-				variant: f,
-				inset: o
-			}), a),
-			...l,
-			children: /* @__PURE__ */ d("div", {
-				"data-slot": "banner-content",
-				className: "flex h-7 w-full items-center self-stretch gap-2",
-				children: t
-			})
-		})
-	}) : null;
+const bannerVariants = cva('flex w-full h-11 flex-col items-start justify-center px-3 py-0', {
+    variants: {
+        variant: {
+            default: 'bg-neutral-background text-foreground-fixed-dark',
+            info: 'bg-info-background text-foreground-fixed-dark',
+            warning: 'bg-warning-background text-foreground-fixed-dark',
+            destructive: 'bg-destructive-background text-foreground-fixed-dark'
+        },
+        inset: {
+            true: 'rounded-lg',
+            false: ''
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        inset: false
+    }
 });
-_.displayName = "Banner";
-var v = {
-	default: "text-neutral-foreground-on-neutral",
-	info: "text-info-foreground-on-info",
-	warning: "text-warning-foreground-on-warning",
-	destructive: "text-destructive-foreground-on-critical"
-}, y = i(({ icon: t, className: n, ...r }, i) => {
-	let { variant: a } = o(p);
-	return /* @__PURE__ */ d("div", {
-		ref: i,
-		"data-slot": "banner-icon",
-		className: e("flex h-4 w-4 shrink-0 items-center justify-center", v[a], n),
-		...r,
-		children: /* @__PURE__ */ d(t, { size: 16 })
-	});
+const Banner = /*#__PURE__*/ forwardRef(({ children, visible, defaultVisible = true, onClose, className, inset = false, variant = 'default', ...props }, ref)=>{
+    const resolvedVariant = variant ?? 'default';
+    const [show, setShow] = useBannerVisibility({
+        defaultVisible,
+        visible,
+        onClose
+    });
+    const contextValue = useMemo(()=>({
+            show: show ?? true,
+            setShow,
+            variant: resolvedVariant
+        }), [
+        show,
+        setShow,
+        resolvedVariant
+    ]);
+    if (!show) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(BannerContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ _jsx("div", {
+            ref: ref,
+            "data-slot": "banner",
+            className: cn(bannerVariants({
+                variant: resolvedVariant,
+                inset
+            }), className),
+            ...props,
+            children: /*#__PURE__*/ _jsx("div", {
+                "data-slot": "banner-content",
+                className: "flex h-7 w-full items-center self-stretch gap-2",
+                children: children
+            })
+        })
+    });
 });
-y.displayName = "BannerIcon";
-var b = i(({ className: t, ...n }, r) => /* @__PURE__ */ d("p", {
-	ref: r,
-	"data-slot": "banner-title",
-	className: e("flex min-w-0 flex-1 items-center text-base font-medium leading-5 tracking-tighter text-foreground-fixed-dark", t),
-	...n
-}));
-b.displayName = "BannerTitle";
-var x = i(({ outline: t = !0, variant: r, className: i, ...a }, s) => {
-	let { variant: c } = o(p);
-	return /* @__PURE__ */ d(n, {
-		ref: s,
-		"data-slot": "banner-status",
-		outline: t,
-		variant: r ?? {
-			default: "default",
-			info: "inProgress",
-			destructive: "error",
-			warning: "warning"
-		}[c],
-		className: e("shrink-0", i),
-		...a
-	});
+Banner.displayName = 'Banner';
+const ICON_COLOR_CLASSES = {
+    default: 'text-neutral-foreground-on-neutral',
+    info: 'text-info-foreground-on-info',
+    warning: 'text-warning-foreground-on-warning',
+    destructive: 'text-destructive-foreground-on-critical'
+};
+const BannerIcon = /*#__PURE__*/ forwardRef(({ icon: Icon, className, ...props }, ref)=>{
+    const { variant } = useContext(BannerContext);
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "banner-icon",
+        className: cn('flex h-4 w-4 shrink-0 items-center justify-center', ICON_COLOR_CLASSES[variant], className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(Icon, {
+            size: 16
+        })
+    });
 });
-x.displayName = "BannerStatus";
-var S = i(({ className: t, ...n }, r) => /* @__PURE__ */ d("div", {
-	ref: r,
-	"data-slot": "banner-actions",
-	className: e("ml-auto flex h-7 shrink-0 items-center gap-2", t),
-	...n
-}));
-S.displayName = "BannerActions";
-var C = i(({ variant: n = "ghost", size: r = "sm", className: i, ...a }, o) => /* @__PURE__ */ d(t, {
-	ref: o,
-	"data-slot": "banner-action",
-	className: e("h-7 min-w-16 shrink-0 rounded px-2 text-sm font-medium leading-4.5 text-foreground-fixed-dark hover:bg-transparent dark:hover:bg-transparent hover:text-foreground-secondary-fixed-dark disabled:bg-transparent dark:disabled:bg-transparent disabled:text-disabled-foreground", i),
-	size: r,
-	variant: n,
-	...a
-}));
-C.displayName = "BannerAction";
-var w = i(({ onClick: e, ...t }, n) => {
-	let { setShow: r } = o(p);
-	return /* @__PURE__ */ d(C, {
-		ref: n,
-		"data-slot": "banner-close",
-		onClick: (t) => {
-			r(!1), e?.(t);
-		},
-		...t
-	});
+BannerIcon.displayName = 'BannerIcon';
+const BannerTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("p", {
+        ref: ref,
+        "data-slot": "banner-title",
+        className: cn('flex min-w-0 flex-1 items-center text-base font-medium leading-5 tracking-tighter text-foreground-fixed-dark', className),
+        ...props
+    }));
+BannerTitle.displayName = 'BannerTitle';
+const BannerStatus = /*#__PURE__*/ forwardRef(({ outline = true, variant, className, ...props }, ref)=>{
+    const { variant: bannerVariant } = useContext(BannerContext);
+    const variantMap = {
+        default: 'secondary',
+        info: 'inProgress',
+        destructive: 'error',
+        warning: 'warning'
+    };
+    const badgeVariant = variant ?? variantMap[bannerVariant];
+    return /*#__PURE__*/ _jsx(Badge, {
+        ref: ref,
+        "data-slot": "banner-status",
+        outline: outline,
+        variant: badgeVariant,
+        className: cn('shrink-0', className),
+        ...props
+    });
 });
-w.displayName = "BannerClose";
-//#endregion
-export { _ as Banner, C as BannerAction, S as BannerActions, w as BannerClose, y as BannerIcon, x as BannerStatus, b as BannerTitle };
+BannerStatus.displayName = 'BannerStatus';
+const BannerActions = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "banner-actions",
+        className: cn('ml-auto flex h-7 shrink-0 items-center gap-2', className),
+        ...props
+    }));
+BannerActions.displayName = 'BannerActions';
+const BannerAction = /*#__PURE__*/ forwardRef(({ variant = 'ghost', size = 'sm', className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "banner-action",
+        className: cn('h-7 min-w-16 shrink-0 rounded px-2 text-sm font-medium leading-4.5 text-medium-foreground hover:bg-transparent dark:hover:bg-transparent hover:text-medium-foreground disabled:bg-transparent dark:disabled:bg-transparent disabled:text-base-foreground-disabled', className),
+        size: size,
+        variant: variant,
+        ...props
+    });
+});
+BannerAction.displayName = 'BannerAction';
+const BannerClose = /*#__PURE__*/ forwardRef(({ onClick, ...props }, ref)=>{
+    const { setShow } = useContext(BannerContext);
+    const handleClick = (e)=>{
+        setShow(false);
+        onClick?.(e);
+    };
+    return /*#__PURE__*/ _jsx(BannerAction, {
+        ref: ref,
+        "data-slot": "banner-close",
+        onClick: handleClick,
+        ...props
+    });
+});
+BannerClose.displayName = 'BannerClose';
+export { Banner, BannerIcon, BannerTitle, BannerStatus, BannerActions, BannerAction, BannerClose };
+
+//# sourceMappingURL=banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/banner/banner.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  type ComponentType,\n  type HTMLAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport type { IconProps } 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 { Badge } from '../badge/badge';\nimport { Button } from '../button/button';\n\ntype BannerVariant = 'default' | 'info' | 'destructive' | 'warning';\ntype SetStateAction<T> = T | ((prev: T) => T);\n\ntype BannerContextProps = {\n  show: boolean;\n  setShow: (show: boolean) => void;\n  variant: BannerVariant;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (_show: boolean) => {};\n\nconst BannerContext = createContext<BannerContextProps>({\n  show: true,\n  setShow: noop,\n  variant: 'default',\n});\n\nfunction isUpdater<T>(next: SetStateAction<T>): next is (prev: T) => T {\n  return typeof next === 'function';\n}\n\nfunction useBannerVisibility({\n  visible,\n  defaultVisible,\n  onClose,\n}: {\n  visible?: boolean;\n  defaultVisible: boolean;\n  onClose?: () => void;\n}): readonly [boolean, (next: SetStateAction<boolean>) => void] {\n  const [uncontrolledVisible, setUncontrolledVisible] =\n    useState(defaultVisible);\n  const isControlled = visible !== undefined;\n  const currentValue = isControlled ? visible : uncontrolledVisible;\n\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  const setValue = useCallback(\n    (next: SetStateAction<boolean>) => {\n      if (isControlled) {\n        const resolved = isUpdater(next) ? next(visible) : next;\n\n        if (!resolved) {\n          onCloseRef.current?.();\n        }\n\n        return;\n      }\n\n      setUncontrolledVisible((prev) => {\n        const resolved = isUpdater(next) ? next(prev) : next;\n\n        if (!resolved) {\n          onCloseRef.current?.();\n        }\n\n        return resolved;\n      });\n    },\n    [isControlled, visible]\n  );\n\n  return [currentValue, setValue];\n}\n\ninterface BannerVariantProps {\n  variant?: 'default' | 'info' | 'destructive' | 'warning' | null;\n  inset?: boolean | null;\n}\n\nconst bannerVariants: (\n  props?: (BannerVariantProps & ClassProp) | undefined\n) => string = cva(\n  'flex w-full h-11 flex-col items-start justify-center px-3 py-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-neutral-background text-foreground-fixed-dark',\n        info: 'bg-info-background text-foreground-fixed-dark',\n        warning: 'bg-warning-background text-foreground-fixed-dark',\n        destructive: 'bg-destructive-background text-foreground-fixed-dark',\n      },\n      inset: {\n        true: 'rounded-lg',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      inset: false,\n    },\n  }\n);\n\ntype BannerProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof bannerVariants> & {\n    visible?: boolean;\n    defaultVisible?: boolean;\n    onClose?: () => void;\n  };\n\nconst Banner: ForwardRefExoticComponent<\n  Omit<BannerProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, BannerProps>(\n  (\n    {\n      children,\n      visible,\n      defaultVisible = true,\n      onClose,\n      className,\n      inset = false,\n      variant = 'default',\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedVariant: BannerVariant = variant ?? 'default';\n    const [show, setShow] = useBannerVisibility({\n      defaultVisible,\n      visible,\n      onClose,\n    });\n\n    const contextValue = useMemo(\n      () => ({ show: show ?? true, setShow, variant: resolvedVariant }),\n      [show, setShow, resolvedVariant]\n    );\n\n    if (!show) {\n      return null;\n    }\n\n    return (\n      <BannerContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          data-slot=\"banner\"\n          className={cn(\n            bannerVariants({ variant: resolvedVariant, inset }),\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-slot=\"banner-content\"\n            className=\"flex h-7 w-full items-center self-stretch gap-2\"\n          >\n            {children}\n          </div>\n        </div>\n      </BannerContext.Provider>\n    );\n  }\n);\nBanner.displayName = 'Banner';\n\ntype TablerIconComponent = ComponentType<IconProps>;\n\ntype BannerIconProps = HTMLAttributes<HTMLDivElement> & {\n  icon: TablerIconComponent;\n};\n\nconst ICON_COLOR_CLASSES: Record<BannerVariant, string> = {\n  default: 'text-neutral-foreground-on-neutral',\n  info: 'text-info-foreground-on-info',\n  warning: 'text-warning-foreground-on-warning',\n  destructive: 'text-destructive-foreground-on-critical',\n};\n\nconst BannerIcon: ForwardRefExoticComponent<\n  HTMLAttributes<HTMLDivElement> & {\n    icon: TablerIconComponent;\n  } & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, BannerIconProps>(\n  ({ icon: Icon, className, ...props }, ref) => {\n    const { variant } = useContext(BannerContext);\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"banner-icon\"\n        className={cn(\n          'flex h-4 w-4 shrink-0 items-center justify-center',\n          ICON_COLOR_CLASSES[variant],\n          className\n        )}\n        {...props}\n      >\n        <Icon size={16} />\n      </div>\n    );\n  }\n);\nBannerIcon.displayName = 'BannerIcon';\n\ntype BannerTitleProps = HTMLAttributes<HTMLParagraphElement>;\n\nconst BannerTitle: ForwardRefExoticComponent<\n  BannerTitleProps & RefAttributes<HTMLParagraphElement>\n> = forwardRef<ComponentRef<'p'>, BannerTitleProps>(\n  ({ className, ...props }, ref) => (\n    <p\n      ref={ref}\n      data-slot=\"banner-title\"\n      className={cn(\n        'flex min-w-0 flex-1 items-center text-base font-medium leading-5 tracking-tighter text-foreground-fixed-dark',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nBannerTitle.displayName = 'BannerTitle';\n\ntype BannerStatusProps = ComponentProps<typeof Badge>;\n\nconst BannerStatus: ForwardRefExoticComponent<\n  Omit<ComponentProps<typeof Badge>, 'ref'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<typeof Badge>, BannerStatusProps>(\n  ({ outline = true, variant, className, ...props }, ref) => {\n    const { variant: bannerVariant } = useContext(BannerContext);\n\n    const variantMap: Record<\n      BannerVariant,\n      'secondary' | 'warning' | 'error' | 'inProgress'\n    > = {\n      default: 'secondary',\n      info: 'inProgress',\n      destructive: 'error',\n      warning: 'warning',\n    };\n\n    const badgeVariant = variant ?? variantMap[bannerVariant];\n\n    return (\n      <Badge\n        ref={ref}\n        data-slot=\"banner-status\"\n        outline={outline}\n        variant={badgeVariant}\n        className={cn('shrink-0', className)}\n        {...props}\n      />\n    );\n  }\n);\nBannerStatus.displayName = 'BannerStatus';\n\ntype BannerActionsProps = HTMLAttributes<HTMLDivElement>;\n\nconst BannerActions: ForwardRefExoticComponent<\n  BannerActionsProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, BannerActionsProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"banner-actions\"\n      className={cn('ml-auto flex h-7 shrink-0 items-center gap-2', className)}\n      {...props}\n    />\n  )\n);\nBannerActions.displayName = 'BannerActions';\n\ntype BannerActionProps = ComponentProps<typeof Button>;\n\nconst BannerAction: ForwardRefExoticComponent<\n  Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, BannerActionProps>(\n  ({ variant = 'ghost', size = 'sm', className, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"banner-action\"\n        className={cn(\n          'h-7 min-w-16 shrink-0 rounded px-2 text-sm font-medium leading-4.5 text-medium-foreground hover:bg-transparent dark:hover:bg-transparent hover:text-medium-foreground disabled:bg-transparent dark:disabled:bg-transparent disabled:text-base-foreground-disabled',\n          className\n        )}\n        size={size}\n        variant={variant}\n        {...props}\n      />\n    );\n  }\n);\nBannerAction.displayName = 'BannerAction';\n\ntype BannerCloseProps = Omit<ComponentProps<typeof Button>, 'size'>;\n\nconst BannerClose: ForwardRefExoticComponent<\n  Omit<BannerCloseProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, BannerCloseProps>(\n  ({ onClick, ...props }, ref) => {\n    const { setShow } = useContext(BannerContext);\n\n    type ButtonClickHandler = NonNullable<\n      ComponentProps<typeof Button>['onClick']\n    >;\n    const handleClick = (e: Parameters<ButtonClickHandler>[0]) => {\n      setShow(false);\n      onClick?.(e);\n    };\n\n    return (\n      <BannerAction\n        ref={ref}\n        data-slot=\"banner-close\"\n        onClick={handleClick}\n        {...props}\n      />\n    );\n  }\n);\nBannerClose.displayName = 'BannerClose';\n\nexport {\n  Banner,\n  BannerIcon,\n  BannerTitle,\n  BannerStatus,\n  BannerActions,\n  BannerAction,\n  BannerClose,\n};\n"],"names":["createContext","forwardRef","useCallback","useContext","useEffect","useMemo","useRef","useState","cva","cn","Badge","Button","noop","_show","BannerContext","show","setShow","variant","isUpdater","next","useBannerVisibility","visible","defaultVisible","onClose","uncontrolledVisible","setUncontrolledVisible","isControlled","undefined","currentValue","onCloseRef","current","setValue","resolved","prev","bannerVariants","variants","default","info","warning","destructive","inset","true","false","defaultVariants","Banner","children","className","props","ref","resolvedVariant","contextValue","Provider","value","div","data-slot","displayName","ICON_COLOR_CLASSES","BannerIcon","icon","Icon","size","BannerTitle","p","BannerStatus","outline","bannerVariant","variantMap","badgeVariant","BannerActions","BannerAction","BannerClose","onClick","handleClick","e"],"mappings":"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"}