@cognite/aura 0.3.1 → 0.3.3

package/dist/components/ui/core/dropdown-menu/dropdown-menu.js

@@ -1,257 +1,157 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { Menu as r } from "@base-ui/react/menu";
-import { IconCheck as l, IconChevronRight as m } from "@tabler/icons-react";
-import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
-import { cn as d } from "../../../../lib/utils.js";
-function G({ ...e }) {
-  return /* @__PURE__ */ n(r.Root, { "data-slot": "dropdown-menu", ...e });
+import { cn as e } from "../../../../lib/utils.js";
+import { usePortalContainer as t } from "../../../../lib/portal-container-context.js";
+import { forwardRef as n } from "react";
+import { IconCheck as r, IconChevronRight as i } from "@tabler/icons-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cva as s } from "class-variance-authority";
+import { Menu as c } from "@base-ui/react/menu";
+//#region libs/aura/src/components/ui/core/dropdown-menu/dropdown-menu.tsx
+var l = s("relative flex min-h-9 cursor-default items-center gap-2 rounded-md p-2 text-sm leading-4.5 font-medium outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		inset: { true: "pl-8" },
+		variant: {
+			default: "focus:bg-accent-background focus:text-foreground [&_svg:not([class*='text-'])]:text-foreground",
+			destructive: "text-destructive-foreground focus:bg-destructive-background-hover hover:bg-destructive-background-hover focus:text-destructive-foreground [&_svg]:text-destructive-foreground"
+		}
+	},
+	defaultVariants: {
+		inset: !1,
+		variant: "default"
+	}
+});
+function u({ ...e }) {
+	return /* @__PURE__ */ a(c.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
 }
-function f({
-  container: e,
-  ...t
-}) {
-  const o = g();
-  return /* @__PURE__ */ n(
-    r.Portal,
-    {
-      "data-slot": "dropdown-menu-portal",
-      container: e ?? o,
-      ...t
-    }
-  );
+function d({ container: e, ...n }) {
+	let r = t();
+	return /* @__PURE__ */ a(c.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		container: e ?? r,
+		...n
+	});
 }
-function L({
-  children: e,
-  ...t
-}) {
-  return /* @__PURE__ */ n(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...t, children: e });
+var f = n(({ children: e, ...t }, n) => /* @__PURE__ */ a(c.Trigger, {
+	ref: n,
+	"data-slot": "dropdown-menu-trigger",
+	...t,
+	children: e
+}));
+f.displayName = "DropdownMenuTrigger";
+function p({ align: t = "start", alignOffset: n = 0, side: r = "bottom", sideOffset: i = 4, className: o, container: s, ...l }) {
+	return /* @__PURE__ */ a(d, {
+		container: s,
+		children: /* @__PURE__ */ a(c.Positioner, {
+			className: "isolate z-50 outline-none",
+			align: t,
+			alignOffset: n,
+			side: r,
+			sideOffset: i,
+			children: /* @__PURE__ */ a(c.Popup, {
+				"data-slot": "dropdown-menu-content",
+				className: e("bg-popover-background text-foreground p-1 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-xl border border-border shadow-md outline-none", o),
+				...l
+			})
+		})
+	});
 }
-function b({
-  align: e = "start",
-  alignOffset: t = 0,
-  side: o = "bottom",
-  sideOffset: a = 4,
-  className: s,
-  container: u,
-  ...p
-}) {
-  return /* @__PURE__ */ n(f, { container: u, children: /* @__PURE__ */ n(
-    r.Positioner,
-    {
-      className: "isolate z-50 outline-none",
-      align: e,
-      alignOffset: t,
-      side: o,
-      sideOffset: a,
-      children: /* @__PURE__ */ n(
-        r.Popup,
-        {
-          "data-slot": "dropdown-menu-content",
-          className: d(
-            "bg-popover-background text-foreground p-1 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border shadow-md outline-none",
-            s
-          ),
-          ...p
-        }
-      )
-    }
-  ) });
+function m({ ...e }) {
+	return /* @__PURE__ */ a(c.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
 }
-function P({ ...e }) {
-  return /* @__PURE__ */ n(r.Group, { "data-slot": "dropdown-menu-group", ...e });
+var h = n(({ className: t, inset: n, variant: r = "default", children: i, ...o }, s) => /* @__PURE__ */ a(c.Item, {
+	ref: s,
+	"data-slot": "dropdown-menu-item",
+	"data-inset": n,
+	"data-variant": r,
+	className: e(l({
+		inset: n,
+		variant: r
+	}), t),
+	...o,
+	children: i
+})), g = n(({ className: t, children: n, checked: i, ...s }, u) => /* @__PURE__ */ o(c.CheckboxItem, {
+	ref: u,
+	"data-slot": "dropdown-menu-checkbox-item",
+	className: e(l({ inset: !0 }), t),
+	checked: i,
+	...s,
+	children: [/* @__PURE__ */ a("span", {
+		className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ a(c.CheckboxItemIndicator, { children: /* @__PURE__ */ a(r, { className: "size-4 text-foreground" }) })
+	}), n]
+}));
+function _({ ...e }) {
+	return /* @__PURE__ */ a(c.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
 }
-const v = i(({ className: e, inset: t, variant: o = "default", children: a, ...s }, u) => /* @__PURE__ */ n(
-  r.Item,
-  {
-    ref: u,
-    "data-slot": "dropdown-menu-item",
-    "data-inset": t,
-    "data-variant": o,
-    className: d(
-      "focus:bg-accent-background focus:text-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-background-hover dark:data-[variant=destructive]:focus:bg-destructive-background-hover data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:text-destructive-foreground data-[variant=destructive]:hover:bg-destructive-background-hover dark:data-[variant=destructive]:hover:bg-destructive-background-hover [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm p-2 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-      e
-    ),
-    ...s,
-    children: a
-  }
-));
-v.displayName = "DropdownMenuItem";
-const x = i(({ className: e, children: t, checked: o, ...a }, s) => /* @__PURE__ */ c(
-  r.CheckboxItem,
-  {
-    ref: s,
-    "data-slot": "dropdown-menu-checkbox-item",
-    className: d(
-      "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-      e
-    ),
-    checked: o,
-    ...a,
-    children: [
-      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.CheckboxItemIndicator, { children: /* @__PURE__ */ n(l, { className: "size-4 text-foreground" }) }) }),
-      t
-    ]
-  }
-));
-x.displayName = "DropdownMenuCheckboxItem";
-function T({
-  ...e
-}) {
-  return /* @__PURE__ */ n(
-    r.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...e
-    }
-  );
+var v = n(({ className: t, children: n, ...i }, s) => /* @__PURE__ */ o(c.RadioItem, {
+	ref: s,
+	"data-slot": "dropdown-menu-radio-item",
+	className: e(l({ inset: !0 }), t),
+	...i,
+	children: [/* @__PURE__ */ a("span", {
+		className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ a(c.RadioItemIndicator, { children: /* @__PURE__ */ a(r, { className: "size-4 text-foreground" }) })
+	}), n]
+})), y = n(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ a(c.GroupLabel, {
+	ref: i,
+	"data-slot": "dropdown-menu-label",
+	"data-inset": n,
+	className: e("-mx-1 -mt-1 mb-1 px-3 pt-2 text-sm leading-4.5 border-b border-border font-medium data-inset:pl-8 text-muted-foreground", t),
+	...r
+})), b = n(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
+	ref: r,
+	"data-slot": "dropdown-menu-header",
+	className: e("-mx-1 -mt-1 mb-1 flex flex-row items-center gap-2 border-b border-border p-3 pointer-events-none", t),
+	...n
+})), x = n(({ className: t, ...n }, r) => /* @__PURE__ */ a(c.Separator, {
+	ref: r,
+	"data-slot": "dropdown-menu-separator",
+	className: e("bg-border -mx-1 my-1 h-px", t),
+	...n
+})), S = n(({ className: t, ...n }, r) => /* @__PURE__ */ a("span", {
+	ref: r,
+	"data-slot": "dropdown-menu-shortcut",
+	className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+	...n
+}));
+function C({ ...e }) {
+	return /* @__PURE__ */ a(c.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
 }
-const w = i(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ c(
-  r.RadioItem,
-  {
-    ref: a,
-    "data-slot": "dropdown-menu-radio-item",
-    className: d(
-      "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-      e
-    ),
-    ...o,
-    children: [
-      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.RadioItemIndicator, { children: /* @__PURE__ */ n(l, { className: "size-4 text-foreground" }) }) }),
-      t
-    ]
-  }
-));
-w.displayName = "DropdownMenuRadioItem";
-const h = i(({ className: e, inset: t, ...o }, a) => /* @__PURE__ */ n(
-  r.GroupLabel,
-  {
-    ref: a,
-    "data-slot": "dropdown-menu-label",
-    "data-inset": t,
-    className: d(
-      "-mx-1 -mt-1 mb-1 px-2 py-1.5 text-sm border-b border-border font-medium data-inset:pl-8 text-foreground dark:text-foreground",
-      e
-    ),
-    ...o
-  }
-));
-h.displayName = "DropdownMenuLabel";
-const M = i(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: o,
-      "data-slot": "dropdown-menu-header",
-      className: d(
-        "-mx-1 -mt-1 mb-1 flex flex-row items-center gap-2 border-b border-border px-2 py-2 pointer-events-none",
-        e
-      ),
-      ...t
-    }
-  )
-);
-M.displayName = "DropdownMenuHeader";
-const D = i(({ className: e, ...t }, o) => /* @__PURE__ */ n(
-  r.Separator,
-  {
-    ref: o,
-    "data-slot": "dropdown-menu-separator",
-    className: d("bg-border -mx-1 my-1 h-px", e),
-    ...t
-  }
-));
-D.displayName = "DropdownMenuSeparator";
-const N = i(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
-    "span",
-    {
-      ref: o,
-      "data-slot": "dropdown-menu-shortcut",
-      className: d(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        e
-      ),
-      ...t
-    }
-  )
-);
-N.displayName = "DropdownMenuShortcut";
-function j({
-  ...e
-}) {
-  return /* @__PURE__ */ n(r.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...e });
+var w = n(({ className: t, inset: n, children: r, ...s }, l) => /* @__PURE__ */ o(c.SubmenuTrigger, {
+	ref: l,
+	"data-slot": "dropdown-menu-sub-trigger",
+	"data-inset": n,
+	className: e("focus:bg-accent-background focus:text-foreground data-open:bg-accent-background data-open:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex min-h-9 cursor-default items-center gap-2 rounded-md px-2 text-sm leading-4.5 font-medium outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+	...s,
+	children: [r, /* @__PURE__ */ a(i, { className: "ml-auto size-4" })]
+}));
+function T({ align: t = "start", alignOffset: n = -3, side: r = "right", sideOffset: i = 0, className: o, ...s }) {
+	return /* @__PURE__ */ a(p, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: e("min-w-32 w-auto", o),
+		align: t,
+		alignOffset: n,
+		side: r,
+		sideOffset: i,
+		...s
+	});
 }
-const k = i(({ className: e, inset: t, children: o, ...a }, s) => /* @__PURE__ */ c(
-  r.SubmenuTrigger,
-  {
-    ref: s,
-    "data-slot": "dropdown-menu-sub-trigger",
-    "data-inset": t,
-    className: d(
-      "focus:bg-accent-background focus:text-foreground data-open:bg-accent-background data-open:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-      e
-    ),
-    ...a,
-    children: [
-      o,
-      /* @__PURE__ */ n(m, { className: "ml-auto size-4" })
-    ]
-  }
-));
-k.displayName = "DropdownMenuSubTrigger";
-function H({
-  align: e = "start",
-  alignOffset: t = -3,
-  side: o = "right",
-  sideOffset: a = 0,
-  className: s,
-  ...u
-}) {
-  return /* @__PURE__ */ n(
-    b,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: d("min-w-32 w-auto", s),
-      align: e,
-      alignOffset: t,
-      side: o,
-      sideOffset: a,
-      ...u
-    }
-  );
-}
-const y = i(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: o,
-      "data-slot": "dropdown-menu-section-label",
-      className: d(
-        "px-2 py-1 text-sm text-muted-foreground dark:text-muted-foreground",
-        e
-      ),
-      ...t
-    }
-  )
-);
-y.displayName = "DropdownMenuSectionLabel";
-export {
-  G as DropdownMenu,
-  x as DropdownMenuCheckboxItem,
-  b as DropdownMenuContent,
-  P as DropdownMenuGroup,
-  M as DropdownMenuHeader,
-  v as DropdownMenuItem,
-  h as DropdownMenuLabel,
-  f as DropdownMenuPortal,
-  T as DropdownMenuRadioGroup,
-  w as DropdownMenuRadioItem,
-  y as DropdownMenuSectionLabel,
-  D as DropdownMenuSeparator,
-  N as DropdownMenuShortcut,
-  j as DropdownMenuSub,
-  H as DropdownMenuSubContent,
-  k as DropdownMenuSubTrigger,
-  L as DropdownMenuTrigger
-};
+var E = n(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
+	ref: r,
+	"data-slot": "dropdown-menu-section-label",
+	className: e("px-3 pt-2 pb-0 text-sm font-medium text-muted-foreground", t),
+	...n
+}));
+//#endregion
+export { u as DropdownMenu, g as DropdownMenuCheckboxItem, p as DropdownMenuContent, m as DropdownMenuGroup, b as DropdownMenuHeader, h as DropdownMenuItem, y as DropdownMenuLabel, d as DropdownMenuPortal, _ as DropdownMenuRadioGroup, v as DropdownMenuRadioItem, E as DropdownMenuSectionLabel, x as DropdownMenuSeparator, S as DropdownMenuShortcut, C as DropdownMenuSub, T as DropdownMenuSubContent, w as DropdownMenuSubTrigger, f as DropdownMenuTrigger };

package/dist/components/ui/core/empty-state/empty-state.context.js

@@ -1,8 +1,5 @@
-import { createContext as t, useContext as e } from "react";
-const o = t({
-  variant: "compact"
-}), n = () => e(o);
-export {
-  o as EmptyStateContext,
-  n as useEmptyState
-};
+import { createContext as e, useContext as t } from "react";
+//#region libs/aura/src/components/ui/core/empty-state/empty-state.context.tsx
+var n = e({ variant: "compact" }), r = () => t(n);
+//#endregion
+export { n as EmptyStateContext, r as useEmptyState };

package/dist/components/ui/core/empty-state/empty-state.js

@@ -1,139 +1,87 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as g, useMemo as d } from "react";
-import { IconQuestionMark as u, IconMessageDots as p, IconZoomQuestion as f, IconSearchOff as x, IconLock as y, IconPlus as k, IconAlertOctagon as v } from "@tabler/icons-react";
-import { cn as s } from "../../../../lib/utils.js";
-import { EmptyStateContext as h, useEmptyState as m } from "./empty-state.context.js";
-const w = {
-  "error-generic": "[background-image:var(--gradient-fall)]",
-  "new-object": "[background-image:var(--gradient-spring)]",
-  "no-access": "[background-image:var(--gradient-fall)]",
-  "no-results": "[background-image:var(--gradient-spring)]",
-  "not-found": "[background-image:var(--gradient-spring)]",
-  "new-chat": "[background-image:var(--gradient-summer)]",
-  unknown: "[background-image:var(--gradient-spring)]"
-}, b = {
-  "error-generic": /* @__PURE__ */ t(v, {}),
-  "new-object": /* @__PURE__ */ t(k, {}),
-  "no-access": /* @__PURE__ */ t(y, {}),
-  "no-results": /* @__PURE__ */ t(x, {}),
-  "not-found": /* @__PURE__ */ t(f, {}),
-  "new-chat": /* @__PURE__ */ t(p, {}),
-  unknown: /* @__PURE__ */ t(u, {})
-}, S = g(
-  ({ className: n, variant: e = "compact", type: a, children: o, ...i }, r) => {
-    const c = e === "full", l = d(() => ({ variant: e, type: a }), [e, a]);
-    return /* @__PURE__ */ t(h.Provider, { value: l, children: /* @__PURE__ */ t(
-      "div",
-      {
-        ref: r,
-        "data-slot": "empty-state",
-        "data-variant": e,
-        className: s(
-          "flex min-w-0 flex-col items-center text-center text-foreground",
-          c ? "gap-8 p-10" : "gap-2",
-          !c && "w-full max-w-100",
-          n
-        ),
-        ...i,
-        children: o
-      }
-    ) });
-  }
-);
-S.displayName = "EmptyState";
-const E = g(
-  ({ className: n, children: e, ...a }, o) => {
-    const { variant: i, type: r } = m(), c = i === "full", l = e ?? (r ? b[r] : null);
-    return c ? /* @__PURE__ */ t(
-      "div",
-      {
-        ref: o,
-        "data-slot": "empty-state-icon",
-        className: s(
-          "flex size-20 shrink-0 items-center justify-center rounded-2xl p-5 text-foreground [&_svg]:size-10 [&_svg]:stroke-[1.75]",
-          r && w[r],
-          n
-        ),
-        ...a,
-        children: l
-      }
-    ) : /* @__PURE__ */ t(
-      "div",
-      {
-        ref: o,
-        "data-slot": "empty-state-icon",
-        className: s(
-          "flex size-6 shrink-0 items-center justify-center text-muted-foreground [&_svg]:size-6 [&_svg]:stroke-[1.75]",
-          n
-        ),
-        ...a,
-        children: l
-      }
-    );
-  }
-);
-E.displayName = "EmptyStateIcon";
-function A({
-  className: n,
-  as: e = "h2",
-  ...a
-}) {
-  const { variant: o } = m();
-  return /* @__PURE__ */ t(
-    e,
-    {
-      "data-slot": "empty-state-title",
-      className: s(
-        "max-w-100 break-words font-medium text-foreground",
-        o === "full" ? "text-xl leading-6 tracking-tightest" : "text-base leading-5 tracking-tighter",
-        n
-      ),
-      ...a
-    }
-  );
+import { cn as e } from "../../../../lib/utils.js";
+import { EmptyStateContext as t, useEmptyState as n } from "./empty-state.context.js";
+import { forwardRef as r, useMemo as i } from "react";
+import { IconAlertOctagon as a, IconLock as o, IconMessageDots as s, IconPlus as c, IconQuestionMark as l, IconSearchOff as u, IconZoomQuestion as d } from "@tabler/icons-react";
+import { jsx as f } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/empty-state/empty-state.tsx
+var p = {
+	"error-generic": "[background-image:var(--gradient-fall)]",
+	"new-object": "[background-image:var(--gradient-spring)]",
+	"no-access": "[background-image:var(--gradient-fall)]",
+	"no-results": "[background-image:var(--gradient-spring)]",
+	"not-found": "[background-image:var(--gradient-spring)]",
+	"new-chat": "[background-image:var(--gradient-summer)]",
+	unknown: "[background-image:var(--gradient-spring)]"
+}, m = {
+	"error-generic": /* @__PURE__ */ f(a, {}),
+	"new-object": /* @__PURE__ */ f(c, {}),
+	"no-access": /* @__PURE__ */ f(o, {}),
+	"no-results": /* @__PURE__ */ f(u, {}),
+	"not-found": /* @__PURE__ */ f(d, {}),
+	"new-chat": /* @__PURE__ */ f(s, {}),
+	unknown: /* @__PURE__ */ f(l, {})
+}, h = r(({ className: n, variant: r = "compact", type: a, children: o, ...s }, c) => {
+	let l = r === "full", u = i(() => ({
+		variant: r,
+		type: a
+	}), [r, a]);
+	return /* @__PURE__ */ f(t.Provider, {
+		value: u,
+		children: /* @__PURE__ */ f("div", {
+			ref: c,
+			"data-slot": "empty-state",
+			"data-variant": r,
+			className: e("flex min-w-0 flex-col items-center text-center text-foreground", l ? "gap-8 p-10" : "gap-2", !l && "w-full max-w-100", n),
+			...s,
+			children: o
+		})
+	});
+});
+h.displayName = "EmptyState";
+var g = r(({ className: t, children: r, ...i }, a) => {
+	let { variant: o, type: s } = n(), c = o === "full", l = r ?? (s ? m[s] : null);
+	return c ? /* @__PURE__ */ f("div", {
+		ref: a,
+		"data-slot": "empty-state-icon",
+		className: e("flex size-20 shrink-0 items-center justify-center rounded-2xl p-5 text-foreground [&_svg]:size-10 [&_svg]:stroke-[1.75]", s && p[s], t),
+		...i,
+		children: l
+	}) : /* @__PURE__ */ f("div", {
+		ref: a,
+		"data-slot": "empty-state-icon",
+		className: e("flex size-6 shrink-0 items-center justify-center text-muted-foreground [&_svg]:size-6 [&_svg]:stroke-[1.75]", t),
+		...i,
+		children: l
+	});
+});
+g.displayName = "EmptyStateIcon";
+function _({ className: t, as: r = "h2", ...i }) {
+	let { variant: a } = n();
+	return /* @__PURE__ */ f(r, {
+		"data-slot": "empty-state-title",
+		className: e("max-w-100 break-words font-medium text-foreground", a === "full" ? "text-xl leading-6 tracking-tightest" : "text-base leading-5 tracking-tighter", t),
+		...i
+	});
 }
-const I = g(
-  ({ className: n, ...e }, a) => {
-    const { variant: o } = m();
-    return /* @__PURE__ */ t(
-      "p",
-      {
-        ref: a,
-        "data-slot": "empty-state-description",
-        className: s(
-          "max-w-100 break-words text-muted-foreground",
-          o === "full" ? "text-lg leading-6 tracking-tightest" : "text-sm leading-4.5 tracking-tight",
-          n
-        ),
-        ...e
-      }
-    );
-  }
-);
-I.displayName = "EmptyStateDescription";
-const N = g(
-  ({ className: n, ...e }, a) => {
-    const { variant: o } = m();
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: a,
-        "data-slot": "empty-state-actions",
-        className: s(
-          "flex flex-col items-center",
-          o === "compact" ? "gap-2" : "gap-4",
-          n
-        ),
-        ...e
-      }
-    );
-  }
-);
-N.displayName = "EmptyStateActions";
-export {
-  S as EmptyState,
-  N as EmptyStateActions,
-  I as EmptyStateDescription,
-  E as EmptyStateIcon,
-  A as EmptyStateTitle
-};
+var v = r(({ className: t, ...r }, i) => {
+	let { variant: a } = n();
+	return /* @__PURE__ */ f("p", {
+		ref: i,
+		"data-slot": "empty-state-description",
+		className: e("max-w-100 break-words text-muted-foreground", a === "full" ? "text-lg leading-6 tracking-tightest" : "text-sm leading-4.5 tracking-tight", t),
+		...r
+	});
+});
+v.displayName = "EmptyStateDescription";
+var y = r(({ className: t, ...r }, i) => {
+	let { variant: a } = n();
+	return /* @__PURE__ */ f("div", {
+		ref: i,
+		"data-slot": "empty-state-actions",
+		className: e("flex flex-col items-center", a === "compact" ? "gap-2" : "gap-4", t),
+		...r
+	});
+});
+y.displayName = "EmptyStateActions";
+//#endregion
+export { h as EmptyState, y as EmptyStateActions, v as EmptyStateDescription, g as EmptyStateIcon, _ as EmptyStateTitle };