@gram-ai/elements 1.27.3 → 1.27.5

package/dist/{index-CUitXazZ.js → index-D93pV0_o.js}

@@ -3005,18 +3005,18 @@ const gI = [
     {
       className: ie(
         // after:hidden prevents assistant-ui from showing its default code block loading indicator
-        "border-border w-full overflow-hidden border after:hidden @sm:max-w-md @md:max-w-lg @lg:max-w-xl @xl:max-w-2xl",
+        "w-full overflow-hidden border border-border after:hidden @sm:max-w-md @md:max-w-lg @lg:max-w-xl @xl:max-w-2xl",
         n("lg"),
         t
       ),
       children: [
-        /* @__PURE__ */ oe("div", { className: "border-border bg-muted/50 flex h-8 items-center gap-2 border-b px-3", children: [
+        /* @__PURE__ */ oe("div", { className: "flex h-8 items-center gap-2 border-b border-border bg-muted/50 px-3", children: [
           /* @__PURE__ */ oe("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ _("div", { className: "size-3 rounded-full bg-[#FF5F57]" }),
             /* @__PURE__ */ _("div", { className: "size-3 rounded-full bg-[#FEBC2E]" }),
             /* @__PURE__ */ _("div", { className: "size-3 rounded-full bg-[#28C840]" })
           ] }),
-          r && /* @__PURE__ */ _("span", { className: "text-muted-foreground flex-1 text-center text-xs font-medium", children: r })
+          r && /* @__PURE__ */ _("span", { className: "flex-1 text-center text-xs font-medium text-muted-foreground", children: r })
         ] }),
         e
       ]
@@ -3029,9 +3029,9 @@ const gI = [
   "div",
   {
     className: ie(
-      "bg-background relative flex min-h-[400px] items-center justify-center"
+      "relative flex min-h-[400px] items-center justify-center bg-background"
     ),
-    children: /* @__PURE__ */ _("span", { className: "shimmer text-muted-foreground text-sm", children: e })
+    children: /* @__PURE__ */ _("span", { className: "shimmer text-sm text-muted-foreground", children: e })
   }
 ) });
 var cu, Zm;
@@ -23632,7 +23632,7 @@ var ev = function(t, r, n, i) {
 const uV = ({ active: e, payload: t }) => {
   if (!e || !t || t.length === 0) return null;
   const r = t[0]?.value;
-  return /* @__PURE__ */ _("div", { className: "bg-background text-foreground border-border rounded-md border px-2 py-1 text-xs shadow-sm", children: typeof r == "number" ? r.toLocaleString() : r });
+  return /* @__PURE__ */ _("div", { className: "rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm", children: typeof r == "number" ? r.toLocaleString() : r });
 }, aS = [
   "var(--chart-1)",
   "var(--chart-2)",
@@ -23649,7 +23649,7 @@ const uV = ({ active: e, payload: t }) => {
 }) => {
   const o = r === "horizontal";
   return /* @__PURE__ */ oe("div", { className: ie("flex flex-col gap-2", a), children: [
-    e && /* @__PURE__ */ _("h3", { className: "text-foreground text-sm font-medium", children: e }),
+    e && /* @__PURE__ */ _("h3", { className: "text-sm font-medium text-foreground", children: e }),
     /* @__PURE__ */ _("div", { className: "h-[250px] w-full", children: /* @__PURE__ */ _(bn, { width: "100%", height: "100%", children: /* @__PURE__ */ oe(
       aV,
       {
@@ -23731,7 +23731,7 @@ const uV = ({ active: e, payload: t }) => {
       }
     ) }) })
   ] });
-}, fV = ({ active: e, payload: t }) => !e || !t || t.length === 0 ? null : /* @__PURE__ */ _("div", { className: "bg-background text-foreground border-border rounded-md border px-2 py-1.5 text-xs shadow-sm", children: t.map((r, n) => /* @__PURE__ */ oe("div", { className: "flex items-center gap-2", children: [
+}, fV = ({ active: e, payload: t }) => !e || !t || t.length === 0 ? null : /* @__PURE__ */ _("div", { className: "rounded-md border border-border bg-background px-2 py-1.5 text-xs text-foreground shadow-sm", children: t.map((r, n) => /* @__PURE__ */ oe("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ _(
     "span",
     {
@@ -23762,7 +23762,7 @@ const uV = ({ active: e, payload: t }) => {
 }) => {
   const c = Mr(() => r && r.length > 0 ? r : t.length === 0 ? [] : Object.keys(t[0]).filter((l) => l !== "label"), [t, r]);
   return /* @__PURE__ */ oe("div", { className: ie("flex flex-col gap-2", s), children: [
-    e && /* @__PURE__ */ _("h3", { className: "text-foreground text-sm font-medium", children: e }),
+    e && /* @__PURE__ */ _("h3", { className: "text-sm font-medium text-foreground", children: e }),
     /* @__PURE__ */ _("div", { className: "h-[250px] w-full", children: /* @__PURE__ */ _(bn, { width: "100%", height: "100%", children: /* @__PURE__ */ oe(
       iV,
       {
@@ -23818,7 +23818,7 @@ const uV = ({ active: e, payload: t }) => {
       }
     ) }) })
   ] });
-}, pV = ({ active: e, payload: t }) => !e || !t || t.length === 0 ? null : /* @__PURE__ */ _("div", { className: "bg-background text-foreground border-border rounded-md border px-2 py-1.5 text-xs shadow-sm", children: t.map((r, n) => /* @__PURE__ */ oe("div", { className: "flex items-center gap-2", children: [
+}, pV = ({ active: e, payload: t }) => !e || !t || t.length === 0 ? null : /* @__PURE__ */ _("div", { className: "rounded-md border border-border bg-background px-2 py-1.5 text-xs text-foreground shadow-sm", children: t.map((r, n) => /* @__PURE__ */ oe("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ _(
     "span",
     {
@@ -23848,7 +23848,7 @@ const uV = ({ active: e, payload: t }) => {
 }) => {
   const s = Mr(() => r && r.length > 0 ? r : t.length === 0 ? [] : Object.keys(t[0]).filter((u) => u !== "label"), [t, r]);
   return /* @__PURE__ */ oe("div", { className: ie("flex flex-col gap-2", o), children: [
-    e && /* @__PURE__ */ _("h3", { className: "text-foreground text-sm font-medium", children: e }),
+    e && /* @__PURE__ */ _("h3", { className: "text-sm font-medium text-foreground", children: e }),
     /* @__PURE__ */ _("div", { className: "h-[250px] w-full", children: /* @__PURE__ */ _(bn, { width: "100%", height: "100%", children: /* @__PURE__ */ oe(
       cV,
       {
@@ -23907,7 +23907,7 @@ const uV = ({ active: e, payload: t }) => {
 }, vV = ({ active: e, payload: t }) => {
   if (!e || !t || t.length === 0) return null;
   const r = t[0];
-  return /* @__PURE__ */ _("div", { className: "bg-background text-foreground border-border rounded-md border px-2 py-1 text-xs shadow-sm", children: /* @__PURE__ */ _("span", { className: "font-medium", children: typeof r?.value == "number" ? r.value.toLocaleString() : r?.value }) });
+  return /* @__PURE__ */ _("div", { className: "rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm", children: /* @__PURE__ */ _("span", { className: "font-medium", children: typeof r?.value == "number" ? r.value.toLocaleString() : r?.value }) });
 }, sS = [
   "var(--chart-1)",
   "var(--chart-2)",
@@ -23927,7 +23927,7 @@ const uV = ({ active: e, payload: t }) => {
     color: o.color
   }));
   return /* @__PURE__ */ oe("div", { className: ie("flex flex-col gap-2", i), children: [
-    e && /* @__PURE__ */ _("h3", { className: "text-foreground text-sm font-medium", children: e }),
+    e && /* @__PURE__ */ _("h3", { className: "text-sm font-medium text-foreground", children: e }),
     /* @__PURE__ */ _("div", { className: "h-[320px] w-full", children: /* @__PURE__ */ _(bn, { width: "100%", height: "100%", children: /* @__PURE__ */ oe(
       Y1,
       {
@@ -23992,7 +23992,7 @@ const uV = ({ active: e, payload: t }) => {
 }, yV = ({ active: e, payload: t }) => {
   if (!e || !t || t.length === 0) return null;
   const r = t[0];
-  return /* @__PURE__ */ _("div", { className: "bg-background text-foreground border-border rounded-md border px-2 py-1 text-xs shadow-sm", children: /* @__PURE__ */ _("span", { className: "font-medium", children: typeof r?.value == "number" ? r.value.toLocaleString() : r?.value }) });
+  return /* @__PURE__ */ _("div", { className: "rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm", children: /* @__PURE__ */ _("span", { className: "font-medium", children: typeof r?.value == "number" ? r.value.toLocaleString() : r?.value }) });
 }, cS = [
   "var(--chart-1)",
   "var(--chart-2)",
@@ -24014,7 +24014,7 @@ const uV = ({ active: e, payload: t }) => {
     color: c.color
   }));
   return /* @__PURE__ */ oe("div", { className: ie("flex flex-col gap-2", o), children: [
-    e && /* @__PURE__ */ _("h3", { className: "text-foreground text-sm font-medium", children: e }),
+    e && /* @__PURE__ */ _("h3", { className: "text-sm font-medium text-foreground", children: e }),
     /* @__PURE__ */ oe("div", { className: "relative h-[320px] w-full", children: [
       /* @__PURE__ */ _(bn, { width: "100%", height: "100%", children: /* @__PURE__ */ oe(
         Y1,
@@ -24077,15 +24077,15 @@ const uV = ({ active: e, payload: t }) => {
         }
       ) }),
       (i !== void 0 || a !== void 0) && /* @__PURE__ */ oe("div", { className: "pointer-events-none absolute inset-x-0 top-[45%] flex -translate-y-1/2 flex-col items-center", children: [
-        a !== void 0 && /* @__PURE__ */ _("span", { className: "text-foreground text-2xl font-bold", children: a }),
-        i && /* @__PURE__ */ _("span", { className: "text-muted-foreground text-xs", children: i })
+        a !== void 0 && /* @__PURE__ */ _("span", { className: "text-2xl font-bold text-foreground", children: a }),
+        i && /* @__PURE__ */ _("span", { className: "text-xs text-muted-foreground", children: i })
       ] })
     ] })
   ] });
 }, bV = ({ active: e, payload: t }) => {
   if (!e || !t || t.length === 0) return null;
   const r = t[0]?.payload;
-  return /* @__PURE__ */ oe("div", { className: "bg-background text-foreground border-border rounded-md border px-2 py-1.5 text-xs shadow-sm", children: [
+  return /* @__PURE__ */ oe("div", { className: "rounded-md border border-border bg-background px-2 py-1.5 text-xs text-foreground shadow-sm", children: [
     r?.label && /* @__PURE__ */ _("div", { className: "font-medium", children: r.label }),
     /* @__PURE__ */ oe("div", { children: [
       "x: ",
@@ -24112,7 +24112,7 @@ const uV = ({ active: e, payload: t }) => {
 }) => {
   const o = t.some((s) => s.size !== void 0);
   return /* @__PURE__ */ oe("div", { className: ie("flex flex-col gap-2", a), children: [
-    e && /* @__PURE__ */ _("h3", { className: "text-foreground text-sm font-medium", children: e }),
+    e && /* @__PURE__ */ _("h3", { className: "text-sm font-medium text-foreground", children: e }),
     /* @__PURE__ */ _("div", { className: "h-[250px] w-full", children: /* @__PURE__ */ _(bn, { width: "100%", height: "100%", children: /* @__PURE__ */ oe(
       sV,
       {
@@ -24169,7 +24169,7 @@ const uV = ({ active: e, payload: t }) => {
 }, wV = ({ active: e, payload: t }) => {
   if (!e || !t || t.length === 0) return null;
   const r = t[0];
-  return /* @__PURE__ */ _("div", { className: "bg-background text-foreground border-border rounded-md border px-2 py-1 text-xs shadow-sm", children: /* @__PURE__ */ _("span", { className: "font-medium", children: typeof r?.value == "number" ? r.value.toLocaleString() : r?.value }) });
+  return /* @__PURE__ */ _("div", { className: "rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm", children: /* @__PURE__ */ _("span", { className: "font-medium", children: typeof r?.value == "number" ? r.value.toLocaleString() : r?.value }) });
 }, lS = [
   "var(--chart-1)",
   "var(--chart-2)",
@@ -24184,7 +24184,7 @@ const uV = ({ active: e, payload: t }) => {
 }) => {
   const i = t.map((a) => ({ subject: a.label, value: a.value }));
   return /* @__PURE__ */ oe("div", { className: ie("flex flex-col gap-2", n), children: [
-    e && /* @__PURE__ */ _("h3", { className: "text-foreground text-sm font-medium", children: e }),
+    e && /* @__PURE__ */ _("h3", { className: "text-sm font-medium text-foreground", children: e }),
     /* @__PURE__ */ _("div", { className: "h-[250px] w-full", children: /* @__PURE__ */ _(bn, { width: "100%", height: "100%", children: /* @__PURE__ */ oe(
       oV,
       {
@@ -24251,7 +24251,7 @@ const AV = {
 };
 function _V(e) {
   const t = AV[e.type];
-  return t ? /* @__PURE__ */ _(t, { ...e.props ?? {} }) : /* @__PURE__ */ oe("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
+  return t ? /* @__PURE__ */ _(t, { ...e.props ?? {} }) : /* @__PURE__ */ oe("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
     /* @__PURE__ */ _(dA, { className: "size-4" }),
     /* @__PURE__ */ oe("span", { children: [
       "Unknown chart type: ",
@@ -24270,7 +24270,7 @@ const PV = ({ code: e }) => {
       return null;
     }
   }, [e]), n = Mr(() => SV(), []);
-  return r ? /* @__PURE__ */ _(Uo, { children: /* @__PURE__ */ _("div", { className: ie("bg-card w-full", t("p-lg")), children: _V(r) }) }) : /* @__PURE__ */ _(wI, { text: n });
+  return r ? /* @__PURE__ */ _(Uo, { children: /* @__PURE__ */ _("div", { className: ie("w-full bg-card", t("p-lg")), children: _V(r) }) }) : /* @__PURE__ */ _(wI, { text: n });
 }, EV = {
   language: "chart",
   prompt: `WHEN TO USE CHARTS:
@@ -29071,13 +29071,13 @@ function p4({
     {
       "data-slot": "accordion-trigger",
       className: ie(
-        "text-foreground focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium text-foreground transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
         e
       ),
       ...r,
       children: [
         t,
-        /* @__PURE__ */ _(vv, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ _(vv, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })
       ]
     }
   ) });
@@ -29091,7 +29091,7 @@ function h4({
     l5,
     {
       "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       ...r,
       children: /* @__PURE__ */ _("div", { className: ie("pt-0 pb-4", e), children: t })
     }
@@ -29177,7 +29177,7 @@ function g4({
     {
       "data-slot": "alert-description",
       className: ie(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        "col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed",
         e
       ),
       ...t
@@ -29224,7 +29224,7 @@ function w4({
     {
       "data-slot": "avatar-fallback",
       className: ie(
-        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
         e
       ),
       ...t
@@ -29328,7 +29328,7 @@ function _4({
     {
       "data-slot": "checkbox",
       className: ie(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary",
         e
       ),
       ...t,
@@ -29445,9 +29445,9 @@ function D4({ className: e, type: t, ...r }) {
       type: t,
       "data-slot": "input",
       className: ie(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
         e
       ),
       ...r
@@ -29490,7 +29490,7 @@ function L4({
       g6,
       {
         "data-slot": "progress",
-        className: "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        className: "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
         value: t,
         max: n,
         ...i,
@@ -29498,7 +29498,7 @@ function L4({
           b6,
           {
             "data-slot": "progress-indicator",
-            className: "bg-primary h-full w-full flex-1 transition-all",
+            className: "h-full w-full flex-1 bg-primary transition-all",
             style: { transform: `translateX(-${100 - a}%)` }
           }
         )
@@ -29528,7 +29528,7 @@ function F4({
       "data-slot": "select-trigger",
       "data-size": t,
       className: ie(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         e
       ),
       ...n,
@@ -29551,7 +29551,7 @@ function z4({
     {
       "data-slot": "select-content",
       className: ie(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         e
       ),
@@ -29585,7 +29585,7 @@ function W4({
     {
       "data-slot": "select-item",
       className: ie(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         e
       ),
       ...r,
@@ -29650,7 +29650,7 @@ function HS({
       decorative: r,
       orientation: t,
       className: ie(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         e
       ),
       ...n
@@ -29662,7 +29662,7 @@ function K4({ className: e, ...t }) {
     "div",
     {
       "data-slot": "skeleton",
-      className: ie("bg-accent animate-pulse rounded-md", e),
+      className: ie("animate-pulse rounded-md bg-accent", e),
       ...t
     }
   );
@@ -29710,7 +29710,7 @@ function KS({ className: e, ...t }) {
     {
       "data-slot": "table-row",
       className: ie(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
         e
       ),
       ...t
@@ -29723,7 +29723,7 @@ function X4({ className: e, ...t }) {
     {
       "data-slot": "table-head",
       className: ie(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         e
       ),
       ...t
@@ -29800,10 +29800,10 @@ function tY({
     {
       "data-slot": "tabs-trigger",
       className: ie(
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
-        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
         e
       ),
       ...t
@@ -29918,7 +29918,7 @@ function oY({
         children: l ? "Loading..." : e
       }
     ),
-    h && /* @__PURE__ */ _("span", { className: "text-destructive text-xs", children: h })
+    h && /* @__PURE__ */ _("span", { className: "text-xs text-destructive", children: h })
   ] });
 }
 function sY({
@@ -29956,12 +29956,12 @@ function lY({
     {
       "data-slot": "card-wrapper",
       className: ie(
-        "bg-card text-card-foreground flex flex-col gap-6 p-6",
+        "flex flex-col gap-6 bg-card p-6 text-card-foreground",
         t
       ),
       ...n,
       children: [
-        e && /* @__PURE__ */ _("div", { className: "text-foreground text-lg leading-none font-semibold", children: e }),
+        e && /* @__PURE__ */ _("div", { className: "text-lg leading-none font-semibold text-foreground", children: e }),
         /* @__PURE__ */ _("div", { className: "flex flex-col gap-6", children: r })
       ]
     }
@@ -30041,7 +30041,7 @@ function vY({
 }
 function mY({ items: e, ordered: t = !1, className: r }) {
   const n = ie(
-    "text-foreground space-y-1 pl-4",
+    "space-y-1 pl-4 text-foreground",
     t ? "list-decimal" : "list-disc",
     r
   );
@@ -30080,8 +30080,8 @@ function gY({
       className: ie("flex flex-col", n),
       ...i,
       children: [
-        /* @__PURE__ */ _("span", { className: "text-muted-foreground text-sm", children: e }),
-        /* @__PURE__ */ _("span", { className: "text-foreground text-2xl font-semibold", children: yY(t, r) })
+        /* @__PURE__ */ _("span", { className: "text-sm text-muted-foreground", children: e }),
+        /* @__PURE__ */ _("span", { className: "text-2xl font-semibold text-foreground", children: yY(t, r) })
       ]
     }
   );
@@ -30225,7 +30225,7 @@ const CY = {
 function hC(e, t) {
   const r = CY[e.type];
   if (!r)
-    return /* @__PURE__ */ oe("div", { className: "text-muted-foreground text-xs", children: [
+    return /* @__PURE__ */ oe("div", { className: "text-xs text-muted-foreground", children: [
       "Unknown component: ",
       e.type
     ] }, t);
@@ -30238,7 +30238,7 @@ const IY = ({ content: e, className: t }) => {
     "div",
     {
       className: ie(
-        "text-muted-foreground flex items-center gap-2 text-sm",
+        "flex items-center gap-2 text-sm text-muted-foreground",
         r("p-md"),
         t
       ),
@@ -30327,7 +30327,7 @@ const RY = () => {
     "span",
     {
       className: ie(
-        "shimmer text-muted-foreground text-sm transition-opacity duration-200",
+        "shimmer text-sm text-muted-foreground transition-opacity duration-200",
         r ? "opacity-100" : "opacity-0"
       ),
       children: pv[e]
@@ -30344,7 +30344,7 @@ const RY = () => {
       return null;
     }
   }, [e]);
-  return t ? /* @__PURE__ */ _(Uo, { children: /* @__PURE__ */ _("div", { className: "p-4", children: /* @__PURE__ */ _(IY, { content: t }) }) }) : /* @__PURE__ */ _(Uo, { children: /* @__PURE__ */ _("div", { className: "bg-background flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ _(RY, {}) }) });
+  return t ? /* @__PURE__ */ _(Uo, { children: /* @__PURE__ */ _("div", { className: "p-4", children: /* @__PURE__ */ _(IY, { content: t }) }) }) : /* @__PURE__ */ _(Uo, { children: /* @__PURE__ */ _("div", { className: "flex min-h-[400px] items-center justify-center bg-background", children: /* @__PURE__ */ _(RY, {}) }) });
 }, MY = {
   language: "ui",
   prompt: `Render structured data as visual UI using \`\`\`ui code blocks with valid JSON.
@@ -30423,4 +30423,4 @@ export {
   vr as y,
   Ne as z
 };
-//# sourceMappingURL=index-CUitXazZ.js.map
+//# sourceMappingURL=index-D93pV0_o.js.map