@cognite/aura 0.3.1 → 0.3.3

package/dist/components/ui/core/input-group/input-group.js

@@ -1,173 +1,76 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { cva as l } from "class-variance-authority";
-import { cn as n } from "../../../../lib/utils.js";
-import { Button as g } from "../button/button.js";
-import { Input as c } from "../input/input.js";
-import { Textarea as b } from "../textarea/textarea.js";
-const h = s(
-  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: r,
-      "data-slot": "input-group",
-      role: "group",
-      className: n(
-        "group/input-group bg-muted-background border border-transparent relative flex w-full items-stretch rounded-lg shadow-none transition-[color,box-shadow,border-color,background-color] outline-none",
-        "hover:border-border-emphasized",
-        "h-9 min-w-0 has-[>textarea]:h-auto",
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-start]]:[&>input]:rounded-l-none has-[>[data-align=inline-start]]:[&>textarea]:rounded-l-none",
-        "has-[>[data-align=inline-end]]:[&>input]:rounded-r-none has-[>[data-align=inline-end]]:[&>textarea]:rounded-r-none",
-        "[&>input]:pr-2 [&>textarea]:pr-2",
-        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
-        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-        "has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:bg-background has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:shadow-focus-ring has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:border-transparent",
-        "has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:shadow-focus-ring-destructive has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:border-transparent",
-        "has-[[data-slot=input-group-control]:read-only]:border-transparent has-[[data-slot=input-group-control]:read-only]:shadow-none",
-        "hover:has-[[data-slot=input-group-control]:read-only]:border-transparent hover:has-[[data-slot=input-group-control]:read-only]:bg-accent-background hover:has-[[data-slot=input-group-control]:read-only]:text-muted-foreground",
-        t
-      ),
-      ...o
-    }
-  )
-);
-h.displayName = "InputGroup";
-const u = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors group-hover/input-group:group-has-[[data-slot=input-group-control]:enabled:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:enabled:focus-visible:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:enabled:not(:placeholder-shown):not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control][aria-invalid=true]:enabled:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:read-only:enabled]/input-group:[&>svg]:text-muted-foreground group-has-[[data-slot=input-group-control]:disabled]/input-group:[&>svg]:text-disabled-foreground", d = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors", v = l(
-  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-2 text-xs font-normal select-none [&>kbd]:rounded-sm",
-  {
-    variants: {
-      align: {
-        "inline-start": n(
-          "order-first min-h-0 rounded-l-lg pl-2",
-          u
-        ),
-        "inline-end": n(
-          "order-last min-h-0 rounded-r-lg pr-2 has-[>button]:pr-1 has-[kbd]:pr-1 has-[[class*=stepper]]:pr-1",
-          d
-        ),
-        "block-start": n(
-          "order-first w-full justify-start px-2 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
-          u
-        ),
-        "block-end": n(
-          "order-last w-full justify-start px-2 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5",
-          d
-        )
-      }
-    },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-), f = s(({ className: t, align: o = "inline-start", ...r }, i) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: i,
-    role: "group",
-    "data-slot": "input-group-addon",
-    "data-align": o,
-    className: n(v({ align: o }), t),
-    onClick: (a) => {
-      a.target instanceof HTMLElement && a.target.closest("button") || a.target instanceof Node && !a.currentTarget.contains(a.target) || a.currentTarget.parentElement?.querySelector('[data-slot="input-group-control"]')?.focus();
-    },
-    ...r
-  }
-));
-f.displayName = "InputGroupAddon";
-const m = l("text-sm shadow-none flex gap-2 items-center", {
-  variants: {
-    size: {
-      xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-      sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-      "icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
-      "icon-sm": "size-7 p-0 has-[>svg]:p-0"
-    }
-  },
-  defaultVariants: {
-    size: "xs"
-  }
-}), x = s(
-  ({ className: t, type: o = "button", variant: r = "ghost", size: i = "xs", ...a }, p) => /* @__PURE__ */ e(
-    g,
-    {
-      ref: p,
-      type: o,
-      "data-size": i,
-      variant: r,
-      className: n(m({ size: i }), t),
-      ...a
-    }
-  )
-);
-x.displayName = "InputGroupButton";
-const y = s(
-  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
-    "span",
-    {
-      ref: r,
-      "data-slot": "input-group-text",
-      className: n(
-        "text-muted-foreground flex items-center gap-2 text-xs leading-[14px] tracking-[-0.00833em] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-muted-foreground",
-        t
-      ),
-      ...o
-    }
-  )
-);
-y.displayName = "InputGroupText";
-const k = s(
-  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
-    c,
-    {
-      ref: r,
-      "data-slot": "input-group-control",
-      className: n(
-        "min-h-0 h-full min-w-0 flex-1 rounded-lg border-0 shadow-none hover:text-muted-foreground",
-        "tracking-[-0.04em]",
-        "focus-visible:not(:read-only):bg-background focus-visible:shadow-none focus-visible:border-transparent",
-        "read-only:focus-visible:bg-muted-background",
-        "aria-invalid:shadow-none aria-invalid:border-transparent",
-        "aria-invalid:[&:not(:placeholder-shown)]:border-transparent",
-        "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent",
-        "read-only:aria-invalid:focus-visible:bg-muted-background",
-        "hover:border-0",
-        t
-      ),
-      ...o
-    }
-  )
-);
-k.displayName = "InputGroupInput";
-const w = s(
-  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
-    b,
-    {
-      ref: r,
-      "data-slot": "input-group-control",
-      className: n(
-        "min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none",
-        "tracking-[-0.04em]",
-        "hover:border-0 hover:bg-transparent hover:text-muted-foreground",
-        "filled:border-transparent",
-        "focus-visible:shadow-none focus-visible:border-transparent",
-        "read-only:focus-visible:bg-muted-background",
-        "aria-invalid:shadow-none aria-invalid:border-transparent",
-        "aria-invalid:[&:not(:placeholder-shown)]:border-transparent",
-        "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent",
-        "read-only:aria-invalid:focus-visible:bg-muted-background",
-        "read-only:text-muted-foreground [&:read-only:not(:placeholder-shown)]:text-muted-foreground",
-        t
-      ),
-      ...o
-    }
-  )
-);
-w.displayName = "InputGroupTextarea";
-export {
-  h as InputGroup,
-  f as InputGroupAddon,
-  x as InputGroupButton,
-  k as InputGroupInput,
-  y as InputGroupText,
-  w as InputGroupTextarea
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { Input as n } from "../input/input.js";
+import { Textarea as r } from "../textarea/textarea.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+//#region libs/aura/src/components/ui/core/input-group/input-group.tsx
+var s = i(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
+	ref: r,
+	"data-slot": "input-group",
+	role: "group",
+	className: e("group/input-group bg-muted-background border border-transparent relative flex w-full items-stretch rounded-lg shadow-none transition-[color,box-shadow,border-color,background-color] outline-none", "hover:border-border-emphasized", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-start]]:[&>input]:rounded-l-none has-[>[data-align=inline-start]]:[&>textarea]:rounded-l-none", "has-[>[data-align=inline-end]]:[&>input]:rounded-r-none has-[>[data-align=inline-end]]:[&>textarea]:rounded-r-none", "[&>input]:pr-2 [&>textarea]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:bg-background has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:shadow-focus-ring has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:border-transparent", "has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:shadow-focus-ring-destructive has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:border-transparent", "has-[[data-slot=input-group-control]:read-only]:border-transparent has-[[data-slot=input-group-control]:read-only]:shadow-none", "hover:has-[[data-slot=input-group-control]:read-only]:border-transparent hover:has-[[data-slot=input-group-control]:read-only]:bg-accent-background hover:has-[[data-slot=input-group-control]:read-only]:text-muted-foreground", t),
+	...n
+}));
+s.displayName = "InputGroup";
+var c = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors group-hover/input-group:group-has-[[data-slot=input-group-control]:enabled:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:enabled:focus-visible:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:enabled:not(:placeholder-shown):not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control][aria-invalid=true]:enabled:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:read-only:enabled]/input-group:[&>svg]:text-muted-foreground group-has-[[data-slot=input-group-control]:disabled]/input-group:[&>svg]:text-disabled-foreground", l = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors", u = o("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-2 text-xs font-normal select-none [&>kbd]:rounded-sm", {
+	variants: { align: {
+		"inline-start": e("order-first min-h-0 rounded-l-lg pl-2", c),
+		"inline-end": e("order-last min-h-0 rounded-r-lg pr-2 has-[>button]:pr-1 has-[kbd]:pr-1 has-[[class*=stepper]]:pr-1", l),
+		"block-start": e("order-first w-full justify-start px-2 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5", c),
+		"block-end": e("order-last w-full justify-start px-2 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5", l)
+	} },
+	defaultVariants: { align: "inline-start" }
+}), d = i(({ className: t, align: n = "inline-start", ...r }, i) => /* @__PURE__ */ a("div", {
+	ref: i,
+	role: "group",
+	"data-slot": "input-group-addon",
+	"data-align": n,
+	className: e(u({ align: n }), t),
+	onClick: (e) => {
+		e.target instanceof HTMLElement && e.target.closest("button") || e.target instanceof Node && !e.currentTarget.contains(e.target) || e.currentTarget.parentElement?.querySelector("[data-slot=\"input-group-control\"]")?.focus();
+	},
+	...r
+}));
+d.displayName = "InputGroupAddon";
+var f = o("text-sm shadow-none flex gap-2 items-center", {
+	variants: { size: {
+		xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+		sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+		"icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
+		"icon-sm": "size-7 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+}), p = i(({ className: n, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }, c) => /* @__PURE__ */ a(t, {
+	ref: c,
+	type: r,
+	"data-size": o,
+	variant: i,
+	className: e(f({ size: o }), n),
+	...s
+}));
+p.displayName = "InputGroupButton";
+var m = i(({ className: t, ...n }, r) => /* @__PURE__ */ a("span", {
+	ref: r,
+	"data-slot": "input-group-text",
+	className: e("text-muted-foreground flex items-center gap-2 text-xs leading-[14px] tracking-[-0.00833em] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-muted-foreground", t),
+	...n
+}));
+m.displayName = "InputGroupText";
+var h = i(({ className: t, ...r }, i) => /* @__PURE__ */ a(n, {
+	ref: i,
+	"data-slot": "input-group-control",
+	className: e("min-h-0 h-full min-w-0 flex-1 rounded-lg border-0 shadow-none hover:text-muted-foreground", "tracking-[-0.04em]", "focus-visible:not(:read-only):bg-background focus-visible:shadow-none focus-visible:border-transparent", "read-only:focus-visible:bg-muted-background", "aria-invalid:shadow-none aria-invalid:border-transparent", "aria-invalid:[&:not(:placeholder-shown)]:border-transparent", "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent", "read-only:aria-invalid:focus-visible:bg-muted-background", "hover:border-0", t),
+	...r
+}));
+h.displayName = "InputGroupInput";
+var g = i(({ className: t, ...n }, i) => /* @__PURE__ */ a(r, {
+	ref: i,
+	"data-slot": "input-group-control",
+	className: e("min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none", "tracking-[-0.04em]", "hover:border-0 hover:bg-transparent hover:text-muted-foreground", "filled:border-transparent", "focus-visible:shadow-none focus-visible:border-transparent", "read-only:focus-visible:bg-muted-background", "aria-invalid:shadow-none aria-invalid:border-transparent", "aria-invalid:[&:not(:placeholder-shown)]:border-transparent", "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent", "read-only:aria-invalid:focus-visible:bg-muted-background", "read-only:text-muted-foreground [&:read-only:not(:placeholder-shown)]:text-muted-foreground", t),
+	...n
+}));
+g.displayName = "InputGroupTextarea";
+//#endregion
+export { s as InputGroup, d as InputGroupAddon, p as InputGroupButton, h as InputGroupInput, m as InputGroupText, g as InputGroupTextarea };

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

@@ -1,36 +1,20 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { cn as d } from "../../../../lib/utils.js";
-const i = n(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ a(
-    "kbd",
-    {
-      ref: o,
-      "data-slot": "kbd",
-      className: d(
-        "bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-disabled-background aria-disabled:text-disabled-foreground aria-disabled:opacity-100",
-        "[&_svg:not([class*='size-'])]:size-3",
-        "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
-        t
-      ),
-      ...e
-    }
-  )
-);
-i.displayName = "Kbd";
-const r = n(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ a(
-    "span",
-    {
-      ref: o,
-      "data-slot": "kbd-group",
-      className: d("inline-flex items-center gap-1", t),
-      ...e
-    }
-  )
-);
-r.displayName = "KbdGroup";
-export {
-  i as Kbd,
-  r as KbdGroup
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/kbd/kbd.tsx
+var r = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("kbd", {
+	ref: i,
+	"data-slot": "kbd",
+	className: e("bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-disabled-background aria-disabled:text-disabled-foreground aria-disabled:opacity-100", "[&_svg:not([class*='size-'])]:size-3", "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10", t),
+	...r
+}));
+r.displayName = "Kbd";
+var i = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("span", {
+	ref: i,
+	"data-slot": "kbd-group",
+	className: e("inline-flex items-center gap-1", t),
+	...r
+}));
+i.displayName = "KbdGroup";
+//#endregion
+export { r as Kbd, i as KbdGroup };

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

@@ -1,43 +1,26 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { cn as s } from "../../../../lib/utils.js";
-const n = i(
-  ({ className: t, children: r, required: a = !1, ...d }, l) => /* @__PURE__ */ o(
-    "label",
-    {
-      ref: l,
-      "data-slot": "label",
-      className: s(
-        "flex items-center text-muted-foreground dark:text-muted-foreground text-sm font-medium leading-4.5 pb-2 select-none group-data-[disabled=true]:disabled-foreground group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50",
-        t
-      ),
-      ...d,
-      children: [
-        r,
-        a ? /* @__PURE__ */ e(
-          "span",
-          {
-            "data-slot": "label-required-indicator",
-            className: "inline-block shrink-0 self-start pt-0.5",
-            children: /* @__PURE__ */ e(
-              "svg",
-              {
-                "aria-hidden": "true",
-                width: "5",
-                height: "8",
-                viewBox: "0 0 5 8",
-                fill: "currentColor",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ e("path", { d: "M2.01082 7.19387L2.09648 5.29125L0.491434 6.32372L0 5.46709L1.70424 4.59693L0 3.72678L0.491434 2.87015L2.09648 3.90261L2.01082 2H2.98918L2.90352 3.90261L4.50857 2.87015L5 3.72678L3.29576 4.59693L5 5.46709L4.50857 6.32372L2.90352 5.29125L2.98918 7.19387H2.01082Z" })
-              }
-            )
-          }
-        ) : null
-      ]
-    }
-  )
-);
-n.displayName = "Label";
-export {
-  n as Label
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/label/label.tsx
+var i = t(({ className: t, children: i, required: a = !1, ...o }, s) => /* @__PURE__ */ r("label", {
+	ref: s,
+	"data-slot": "label",
+	className: e("flex items-center text-muted-foreground dark:text-muted-foreground text-sm font-medium leading-4.5 pb-2 select-none group-data-[disabled=true]:disabled-foreground group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50", t),
+	...o,
+	children: [i, a ? /* @__PURE__ */ n("span", {
+		"data-slot": "label-required-indicator",
+		className: "inline-block shrink-0 self-start pt-0.5",
+		children: /* @__PURE__ */ n("svg", {
+			"aria-hidden": "true",
+			width: "5",
+			height: "8",
+			viewBox: "0 0 5 8",
+			fill: "currentColor",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ n("path", { d: "M2.01082 7.19387L2.09648 5.29125L0.491434 6.32372L0 5.46709L1.70424 4.59693L0 3.72678L0.491434 2.87015L2.09648 3.90261L2.01082 2H2.98918L2.90352 3.90261L4.50857 2.87015L5 3.72678L3.29576 4.59693L5 5.46709L4.50857 6.32372L2.90352 5.29125L2.98918 7.19387H2.01082Z" })
+		})
+	}) : null]
+}));
+i.displayName = "Label";
+//#endregion
+export { i as Label };

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

@@ -1,118 +1,81 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { cn as s } from "../../../../lib/utils.js";
-const n = ({
-  size: e = 16,
-  className: r,
-  strokeClassName: t
-}) => /* @__PURE__ */ l(
-  "svg",
-  {
-    "aria-hidden": "true",
-    focusable: "false",
-    className: s("overflow-visible", t, r),
-    height: e,
-    viewBox: "0 0 167 216",
-    width: e,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ a(
-        "rect",
-        {
-          className: "aura-loader-rect aura-loader-rect-1",
-          "data-slot": "loader-rect",
-          x: "10",
-          y: "10",
-          width: "98",
-          height: "196",
-          rx: "49",
-          fill: "transparent",
-          stroke: "currentColor",
-          strokeWidth: "20",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "rect",
-        {
-          className: "aura-loader-rect aura-loader-rect-2",
-          "data-slot": "loader-rect",
-          x: "59",
-          y: "10",
-          width: "98",
-          height: "196",
-          rx: "49",
-          fill: "transparent",
-          stroke: "currentColor",
-          strokeWidth: "20",
-          strokeLinecap: "round"
-        }
-      )
-    ]
-  }
-), x = (e) => e.variant === "page", g = h((e, r) => {
-  const t = e.className, i = e.role ?? "status", o = e["aria-label"] ?? "Loading";
-  if (!x(e)) {
-    const {
-      size: u = 16,
-      variant: b,
-      className: k,
-      role: L,
-      "aria-label": y,
-      ...f
-    } = e;
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: r,
-        "data-slot": "loader",
-        role: i,
-        "aria-label": o,
-        className: s("inline-flex items-center justify-center", t),
-        ...f,
-        children: /* @__PURE__ */ a(n, { size: u, strokeClassName: "text-current" })
-      }
-    );
-  }
-  const {
-    variant: N,
-    className: v,
-    role: w,
-    "aria-label": p,
-    header: d,
-    description: c,
-    ...m
-  } = e;
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ref: r,
-      "data-slot": "loader",
-      role: i,
-      "aria-label": o,
-      className: s(
-        "text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2",
-        t
-      ),
-      ...m,
-      children: [
-        /* @__PURE__ */ a(
-          n,
-          {
-            size: 112,
-            className: "size-28",
-            strokeClassName: "text-current"
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-center justify-center gap-1 text-center", children: [
-          /* @__PURE__ */ a("p", { className: "text-lg font-medium leading-6 tracking-tightest text-foreground", children: d }),
-          c && /* @__PURE__ */ a("p", { className: "w-full text-sm leading-[18px] tracking-tight text-secondary-foreground", children: c })
-        ] })
-      ]
-    }
-  );
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/loader/loader.tsx
+var i = ({ size: t = 16, className: i, strokeClassName: a }) => /* @__PURE__ */ r("svg", {
+	"aria-hidden": "true",
+	focusable: "false",
+	className: e("overflow-visible", a, i),
+	height: t,
+	viewBox: "0 0 167 216",
+	width: t,
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [/* @__PURE__ */ n("rect", {
+		className: "aura-loader-rect aura-loader-rect-1",
+		"data-slot": "loader-rect",
+		x: "10",
+		y: "10",
+		width: "98",
+		height: "196",
+		rx: "49",
+		fill: "transparent",
+		stroke: "currentColor",
+		strokeWidth: "20",
+		strokeLinecap: "round"
+	}), /* @__PURE__ */ n("rect", {
+		className: "aura-loader-rect aura-loader-rect-2",
+		"data-slot": "loader-rect",
+		x: "59",
+		y: "10",
+		width: "98",
+		height: "196",
+		rx: "49",
+		fill: "transparent",
+		stroke: "currentColor",
+		strokeWidth: "20",
+		strokeLinecap: "round"
+	})]
+}), a = (e) => e.variant === "page", o = t((t, o) => {
+	let s = t.className, c = t.role ?? "status", l = t["aria-label"] ?? "Loading";
+	if (!a(t)) {
+		let { size: r = 16, variant: a, className: u, role: d, "aria-label": f, ...p } = t;
+		return /* @__PURE__ */ n("div", {
+			ref: o,
+			"data-slot": "loader",
+			role: c,
+			"aria-label": l,
+			className: e("inline-flex items-center justify-center", s),
+			...p,
+			children: /* @__PURE__ */ n(i, {
+				size: r,
+				strokeClassName: "text-current"
+			})
+		});
+	}
+	let { variant: u, className: d, role: f, "aria-label": p, header: m, description: h, ...g } = t;
+	return /* @__PURE__ */ r("div", {
+		ref: o,
+		"data-slot": "loader",
+		role: c,
+		"aria-label": l,
+		className: e("text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2", s),
+		...g,
+		children: [/* @__PURE__ */ n(i, {
+			size: 112,
+			className: "size-28",
+			strokeClassName: "text-current"
+		}), /* @__PURE__ */ r("div", {
+			className: "flex w-full flex-col items-center justify-center gap-1 text-center",
+			children: [/* @__PURE__ */ n("p", {
+				className: "text-lg font-medium leading-6 tracking-tightest text-foreground",
+				children: m
+			}), h && /* @__PURE__ */ n("p", {
+				className: "w-full text-sm leading-[18px] tracking-tight text-secondary-foreground",
+				children: h
+			})]
+		})]
+	});
 });
-g.displayName = "Loader";
-export {
-  g as Loader
-};
+o.displayName = "Loader";
+//#endregion
+export { o as Loader };

package/dist/components/ui/core/message/message-response-default-streamdown-controls.js

@@ -1,13 +1,13 @@
-const e = {
-  code: !1,
-  table: !1,
-  mermaid: {
-    copy: !0,
-    download: !0,
-    fullscreen: !1,
-    panZoom: !0
-  }
-};
-export {
-  e as MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS
+//#region libs/aura/src/components/ui/core/message/message-response-default-streamdown-controls.ts
+var e = {
+	code: !1,
+	table: !1,
+	mermaid: {
+		copy: !0,
+		download: !0,
+		fullscreen: !1,
+		panZoom: !0
+	}
 };
+//#endregion
+export { e as MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS };

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

@@ -1,4 +1,4 @@
-import { ComponentProps, HTMLAttributes, MemoExoticComponent, ReactNode } from 'react';
+import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { Streamdown } from 'streamdown';
 import { FileUIPart, UIMessage } from '../../../../lib/ai/types';
@@ -42,7 +42,7 @@ declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps
 type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
 declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => ReactNode;
 type MessageResponseProps = ComponentProps<typeof Streamdown>;
-declare const MessageResponse: MemoExoticComponent<({ className, components, plugins, controls, ...props }: MessageResponseProps) => JSX.Element>;
+declare const MessageResponse: ({ className, components, plugins, controls, ...props }: MessageResponseProps) => JSX.Element;
 type MessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {
     data: FileUIPart;
     className?: string;