@openorgus/react 0.2.7 → 0.2.8

package/dist/openorgus-react.es.js

@@ -23,8 +23,8 @@ var Do = (e, r, t) => r in e ? Bo(e, r, { enumerable: !0, configurable: !0, writ
 var Fe = (e, r, t) => Do(e, typeof r != "symbol" ? r + "" : r, t);
 import { jsxs as l, jsx as a, Fragment as Le } from "react/jsx-runtime";
 import * as Q from "react";
-import Wt, { useEffect as Ee, useState as B, useRef as Pe, forwardRef as Wo, useContext as Uo, isValidElement as Er, cloneElement as Mr, Children as Fo, useMemo as yt, Component as Vo, useId as Ho, useLayoutEffect as Yo, startTransition as Go } from "react";
-import { Loader2 as Be, MousePointer2 as $a, XCircle as qo, AlertTriangle as Ko, CheckCircle as Xo, Info as ys, Bell as xs, Mail as Va, Home as vs, ChevronRight as at, User as Yr, X as Xe, ChevronDown as ar, Minus as Vt, Check as nt, Calendar as Jo, ChevronLeft as kt, Plus as mt, PenTool as Qo, Eraser as ws, ArrowUp as Ha, Delete as ks, Smile as nr, AlertCircle as Zo, UploadCloud as ei, File as Ns, CheckCircle2 as ti, Menu as $s, Search as Yt, MoreVertical as Cs, Heart as ri, MapPin as Ss, Settings as Ya, LogOut as ai, Copy as xt, Save as ni, Printer as Ts, Share2 as _r, AreaChart as si, TrendingUp as oi, LineChart as ii, BarChart3 as li, PieChart as ci, Star as di, Filter as Es, Trash2 as sr, ArrowDown as ui, ArrowUpDown as hi, MoreHorizontal as mi, ChevronsLeft as pi, ChevronsRight as gi, FolderOpen as fi, Folder as bi, Image as Ms, Film as As, ShoppingBag as yi, ArrowRight as zs, ShieldCheck as xi, Edit as vi, Bold as Is, Italic as Rs, Underline as wi, Inbox as ki, Camera as Ni, Zap as Qt, ZapOff as $i, SwitchCamera as Ci, Layers as Si, Navigation as Ti, Bot as Ei, Send as Mi, Terminal as Ai, Sparkles as Et, Code2 as zi, Maximize2 as Ii, Download as Gr, RotateCcw as Ri, Wand2 as Oi, AlignLeft as ji, Video as _i, Play as Pr, Globe as tr, MicOff as Pi, StopCircle as Li, Mic as Os, Pencil as Bi, Undo as Di, Redo as Wi, Wifi as Ui, Smartphone as js, MonitorSmartphone as Fi, SlidersHorizontal as Ga, Grid3X3 as _s, List as Ps, ExternalLink as Vi, Pause as Hi, VolumeX as Yi, Volume2 as Gi, Maximize as qi, Tv as Ki, Monitor as mn, Tablet as Xi, Tag as Ji, Circle as pn, Ghost as Qi, Droplet as Zi, Snowflake as el, Clock as tl, Target as rl, Gamepad2 as al } from "lucide-react";
+import Wt, { useEffect as Ee, useState as B, useRef as Pe, forwardRef as Wo, useContext as Uo, isValidElement as Er, cloneElement as Mr, Children as Fo, useMemo as yt, Component as Vo, useId as Ho, useLayoutEffect as Go, startTransition as Yo } from "react";
+import { Loader2 as Be, MousePointer2 as $a, XCircle as qo, AlertTriangle as Ko, CheckCircle as Xo, Info as ys, Bell as xs, Mail as Va, Home as vs, ChevronRight as at, User as Gr, X as Xe, ChevronDown as ar, Minus as Vt, Check as nt, Calendar as Jo, ChevronLeft as kt, Plus as mt, PenTool as Qo, Eraser as ws, ArrowUp as Ha, Delete as ks, Smile as nr, AlertCircle as Zo, UploadCloud as ei, File as Ns, CheckCircle2 as ti, Menu as $s, Search as Gt, MoreVertical as Cs, Heart as ri, MapPin as Ss, Settings as Ga, LogOut as ai, Copy as xt, Save as ni, Printer as Ts, Share2 as _r, AreaChart as si, TrendingUp as oi, LineChart as ii, BarChart3 as li, PieChart as ci, Star as di, Filter as Es, Trash2 as sr, ArrowDown as ui, ArrowUpDown as hi, MoreHorizontal as mi, ChevronsLeft as pi, ChevronsRight as gi, FolderOpen as fi, Folder as bi, Image as Ms, Film as As, ShoppingBag as yi, ArrowRight as zs, ShieldCheck as xi, Edit as vi, Bold as Is, Italic as Rs, Underline as wi, Inbox as ki, Camera as Ni, Zap as Qt, ZapOff as $i, SwitchCamera as Ci, Layers as Si, Navigation as Ti, Bot as Ei, Send as Mi, Terminal as Ai, Sparkles as Et, Code2 as zi, Maximize2 as Ii, Download as Yr, RotateCcw as Ri, Wand2 as Oi, AlignLeft as ji, Video as _i, Play as Pr, Globe as tr, MicOff as Pi, StopCircle as Li, Mic as Os, Pencil as Bi, Undo as Di, Redo as Wi, Wifi as Ui, Smartphone as js, MonitorSmartphone as Fi, SlidersHorizontal as Ya, Grid3X3 as _s, List as Ps, ExternalLink as Vi, Pause as Hi, VolumeX as Gi, Volume2 as Yi, Maximize as qi, Tv as Ki, Monitor as mn, Tablet as Xi, Tag as Ji, Circle as pn, Ghost as Qi, Droplet as Zi, Snowflake as el, Clock as tl, Target as rl, Gamepad2 as al } from "lucide-react";
 import { ResponsiveContainer as qt, AreaChart as gn, CartesianGrid as xr, XAxis as vr, YAxis as wr, Tooltip as Kt, Area as kr, Line as Nr, ReferenceLine as nl, LineChart as sl, BarChart as ol, Bar as fn, PieChart as il, Pie as ll, Cell as cl } from "recharts";
 import { config as dl, library as Ls } from "@fortawesome/fontawesome-svg-core";
 import { fas as or } from "@fortawesome/free-solid-svg-icons";
@@ -140,9 +140,14 @@ const Nl = {
     cursor: m ? "not-allowed" : "pointer",
     fontSize: g === "SM" ? "12px" : g === "LG" ? "18px" : "14px",
     fontWeight: 500,
+    fontFamily: o.activeFont || 'Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial',
     display: "flex",
     alignItems: "center",
+    justifyContent: "center",
     gap: "8px",
+    lineHeight: "1",
+    minHeight: g === "SM" ? "32px" : g === "LG" ? "48px" : "40px",
+    boxSizing: "border-box",
     transition: "all 0.2s",
     userSelect: "none"
   };
@@ -181,10 +186,10 @@ const Nl = {
   isActive: !1,
   isTouched: !1,
   text: ""
-}, Y = {
+}, G = {
   primaryColor: "blue",
   baseRadius: 4
-}, G = {
+}, Y = {
   width: "auto",
   height: "auto",
   paddingX: 0,
@@ -313,8 +318,8 @@ const ae = (e = {}) => {
 }), fm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -351,8 +356,8 @@ const ae = (e = {}) => {
 }, bm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -373,8 +378,8 @@ const ae = (e = {}) => {
 }, ym = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -410,8 +415,8 @@ const ae = (e = {}) => {
 }, xm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -453,8 +458,8 @@ const ae = (e = {}) => {
 }, vm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -478,8 +483,8 @@ const ae = (e = {}) => {
 }, wm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -521,8 +526,8 @@ const ae = (e = {}) => {
 }, km = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -545,7 +550,7 @@ ${i.size === "SM" ? "px-2 py-0.5 text-xs" : i.size === "LG" ? "px-4 py-1.5 text-
         i.variant === "soft" && /* @__PURE__ */ a("div", { className: `
                     rounded-full flex items-center justify-center overflow-hidden bg-white/20 text-current
                     ${i.size === "SM" ? "w-4 h-4 -ml-1 text-[8px]" : i.size === "LG" ? "w-6 h-6 -ml-1.5" : "w-5 h-5 -ml-1 text-[10px]"}
-                 `, children: /* @__PURE__ */ a(Yr, { size: i.size === "SM" ? 10 : 14 }) }),
+                 `, children: /* @__PURE__ */ a(Gr, { size: i.size === "SM" ? 10 : 14 }) }),
         /* @__PURE__ */ a("span", { className: "font-medium", children: i.text || "Chip Label" }),
         !i.isDisabled && /* @__PURE__ */ a(
           "button",
@@ -580,8 +585,8 @@ ${i.size === "SM" ? "w-3 h-3" : "w-4 h-4"} flex items-center justify-center
 }, Nm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -622,8 +627,8 @@ ${i.size === "SM" ? "w-3 h-3" : "w-4 h-4"} flex items-center justify-center
 }, $m = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -696,8 +701,8 @@ ${i.size === "SM" ? "w-3 h-3" : "w-4 h-4"} flex items-center justify-center
 }, Cm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -721,8 +726,8 @@ ${i.isHovered ? "underline" : ""}
 }, Sm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -744,8 +749,8 @@ ${i.isHovered ? "underline" : ""}
 }, Tm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -790,8 +795,8 @@ ${i.isHovered ? "underline" : ""}
 }, Em = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -822,8 +827,8 @@ ${i.isHovered ? "underline" : ""}
 }, Mm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -874,8 +879,8 @@ ${i.isHovered ? "underline" : ""}
 }, Am = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -919,8 +924,8 @@ ${i.isHovered ? "underline" : ""}
 }, zm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -948,8 +953,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
 }, Im = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -977,8 +982,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
 }, Rm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1048,8 +1053,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
 }, Om = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1133,8 +1138,8 @@ ${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
 }, jm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1275,8 +1280,8 @@ ${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
 }, Pm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1305,8 +1310,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
 }, Lm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1349,8 +1354,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
 }, Bm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1407,8 +1412,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
 }, Dm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1472,8 +1477,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
 }, Wm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1718,8 +1723,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Um = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1766,8 +1771,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Fm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1834,8 +1839,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Vm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1881,8 +1886,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Hm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1912,7 +1917,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
         e === "MUI" && /* @__PURE__ */ l(Le, { children: [
-          /* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(Yt, { size: 24 }) }),
+          /* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(Gt, { size: 24 }) }),
           /* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(xs, { size: 24 }) }),
           /* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(Cs, { size: 24 }) })
         ] }),
@@ -1925,11 +1930,11 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, jl = () => /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "3" }),
   /* @__PURE__ */ a("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
-] }), Ym = ({
+] }), Gm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -1957,7 +1962,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
               { label: "Home", icon: vs },
               { label: "Favorites", icon: ri },
               { label: "Nearby", icon: Ss },
-              { label: "Profile", icon: Yr }
+              { label: "Profile", icon: Gr }
             ].map((g, f) => {
               const b = i === f;
               return /* @__PURE__ */ l(
@@ -2006,11 +2011,11 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
       ]
     }
   );
-}, Gm = ({
+}, Ym = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2053,8 +2058,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
                 ${b ? `bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 shadow-lg ${ae(t)} p-1` : ""}
             `,
         children: /* @__PURE__ */ a("div", { className: `${f ? "space-y-0.5" : ""}`, children: [
-          { label: "Profile", icon: Yr, shortcut: "⌘P" },
-          { label: "Settings", icon: Ya, shortcut: "⌘S" },
+          { label: "Profile", icon: Gr, shortcut: "⌘P" },
+          { label: "Settings", icon: Ga, shortcut: "⌘S" },
           { label: "Logout", icon: ai, shortcut: "", danger: !0 }
         ].map((u, x) => /* @__PURE__ */ l(
           "button",
@@ -2093,8 +2098,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, qm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2156,8 +2161,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Km = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2201,8 +2206,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Xm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2322,8 +2327,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Jm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2345,8 +2350,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Qm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2384,8 +2389,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, Zm = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2470,8 +2475,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, ep = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2588,8 +2593,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, tp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2781,8 +2786,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, rp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -2846,8 +2851,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 })), ap = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -3209,8 +3214,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 ], np = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -3387,8 +3392,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 ], op = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -3416,7 +3421,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2 sm:gap-3 flex-1 w-full sm:w-auto min-w-0", children: [
         /* @__PURE__ */ a("button", { className: `p-2 sm:p-2.5 rounded-lg transition-all hover:scale-105 flex-shrink-0 ${k ? "bg-white shadow-sm border border-gray-200 dark:border-gray-700 hover:shadow-md" : "bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700"}`, children: /* @__PURE__ */ a(Es, { size: 16, className: "sm:w-[18px] sm:h-[18px] text-gray-600 dark:text-gray-300" }) }),
         /* @__PURE__ */ l("div", { className: "relative flex-1 min-w-0 sm:flex-initial sm:min-w-[200px] sm:max-w-[280px]", children: [
-          /* @__PURE__ */ a(Yt, { size: 16, className: "absolute left-2.5 sm:left-3.5 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 sm:w-[18px] sm:h-[18px]" }),
+          /* @__PURE__ */ a(Gt, { size: 16, className: "absolute left-2.5 sm:left-3.5 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 sm:w-[18px] sm:h-[18px]" }),
           /* @__PURE__ */ a(
             "input",
             {
@@ -3592,8 +3597,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 ] }), ip = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -3666,8 +3671,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 ], lp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -3728,8 +3733,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
 }, cp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -3861,14 +3866,14 @@ function Lr() {
     return e;
   }, Lr.apply(null, arguments);
 }
-function Yl(e) {
+function Gl(e) {
   if (e.sheet)
     return e.sheet;
   for (var r = 0; r < document.styleSheets.length; r++)
     if (document.styleSheets[r].ownerNode === e)
       return document.styleSheets[r];
 }
-function Gl(e) {
+function Yl(e) {
   var r = document.createElement("style");
   return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
 }
@@ -3884,10 +3889,10 @@ var ql = /* @__PURE__ */ function() {
   return r.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, r.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Gl(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Yl(this));
     var s = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var o = Yl(s);
+      var o = Gl(s);
       try {
         o.insertRule(n, o.cssRules.length);
       } catch {
@@ -3935,7 +3940,7 @@ function Cr(e, r) {
 function tc(e, r) {
   return e.map(r).join("");
 }
-var Kr = 1, Ht = 1, Fs = 0, Ye = 0, _e = 0, Gt = "";
+var Kr = 1, Ht = 1, Fs = 0, Ge = 0, _e = 0, Yt = "";
 function Xr(e, r, t, n, s, o, p) {
   return { value: e, root: r, parent: t, type: n, props: s, children: o, line: Kr, column: Ht, length: p, return: "" };
 }
@@ -3946,19 +3951,19 @@ function rc() {
   return _e;
 }
 function ac() {
-  return _e = Ye > 0 ? Ue(Gt, --Ye) : 0, Ht--, _e === 10 && (Ht = 1, Kr--), _e;
+  return _e = Ge > 0 ? Ue(Yt, --Ge) : 0, Ht--, _e === 10 && (Ht = 1, Kr--), _e;
 }
 function qe() {
-  return _e = Ye < Fs ? Ue(Gt, Ye++) : 0, Ht++, _e === 10 && (Ht = 1, Kr++), _e;
+  return _e = Ge < Fs ? Ue(Yt, Ge++) : 0, Ht++, _e === 10 && (Ht = 1, Kr++), _e;
 }
 function dt() {
-  return Ue(Gt, Ye);
+  return Ue(Yt, Ge);
 }
 function Ar() {
-  return Ye;
+  return Ge;
 }
 function pr(e, r) {
-  return dr(Gt, e, r);
+  return dr(Yt, e, r);
 }
 function ur(e) {
   switch (e) {
@@ -3993,13 +3998,13 @@ function ur(e) {
   return 0;
 }
 function Vs(e) {
-  return Kr = Ht = 1, Fs = it(Gt = e), Ye = 0, [];
+  return Kr = Ht = 1, Fs = it(Yt = e), Ge = 0, [];
 }
 function Hs(e) {
-  return Gt = "", e;
+  return Yt = "", e;
 }
 function zr(e) {
-  return Us(pr(Ye - 1, Ta(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Us(pr(Ge - 1, Ta(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function nc(e) {
   for (; (_e = dt()) && _e < 33; )
@@ -4015,7 +4020,7 @@ function Ta(e) {
   for (; qe(); )
     switch (_e) {
       case e:
-        return Ye;
+        return Ge;
       case 34:
       case 39:
         e !== 34 && e !== 39 && Ta(_e);
@@ -4027,18 +4032,18 @@ function Ta(e) {
         qe();
         break;
     }
-  return Ye;
+  return Ge;
 }
 function oc(e, r) {
   for (; qe() && e + _e !== 57; )
     if (e + _e === 84 && dt() === 47)
       break;
-  return "/*" + pr(r, Ye - 1) + "*" + qr(e === 47 ? e : qe());
+  return "/*" + pr(r, Ge - 1) + "*" + qr(e === 47 ? e : qe());
 }
 function ic(e) {
   for (; !ur(dt()); )
     qe();
-  return pr(e, Ye);
+  return pr(e, Ge);
 }
 function lc(e) {
   return Hs(Ir("", null, null, null, [""], e = Vs(e), 0, [0], e));
@@ -4178,7 +4183,7 @@ function hc(e) {
     r.root || (r = r.return) && e(r);
   };
 }
-function Ys(e) {
+function Gs(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
@@ -4187,13 +4192,13 @@ function Ys(e) {
 var mc = function(r, t, n) {
   for (var s = 0, o = 0; s = o, o = dt(), s === 38 && o === 12 && (t[n] = 1), !ur(o); )
     qe();
-  return pr(r, Ye);
+  return pr(r, Ge);
 }, pc = function(r, t) {
   var n = -1, s = 44;
   do
     switch (ur(s)) {
       case 0:
-        s === 38 && dt() === 12 && (t[n] = 1), r[n] += mc(Ye - 1, t, n);
+        s === 38 && dt() === 12 && (t[n] = 1), r[n] += mc(Ge - 1, t, n);
         break;
       case 2:
         r[n] += zr(s);
@@ -4231,7 +4236,7 @@ var mc = function(r, t, n) {
     t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function Gs(e, r) {
+function Ys(e, r) {
   switch (Zl(e, r)) {
     case 5103:
       return me + "print-" + e + e;
@@ -4316,7 +4321,7 @@ function Gs(e, r) {
         case 102:
           return pe(e, /(.+:)(.+)-([^]+)/, "$1" + me + "$2-$3$1" + Br + (Ue(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         case 115:
-          return ~Sa(e, "stretch") ? Gs(pe(e, "stretch", "fill-available"), r) + e : e;
+          return ~Sa(e, "stretch") ? Ys(pe(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     case 4949:
@@ -4345,7 +4350,7 @@ function Gs(e, r) {
 var yc = function(r, t, n, s) {
   if (r.length > -1 && !r.return) switch (r.type) {
     case Xa:
-      r.return = Gs(r.value, r.length);
+      r.return = Ys(r.value, r.length);
       break;
     case Ws:
       return Ut([Jt(r, {
@@ -4707,7 +4712,7 @@ var Mc = {
   return r.charCodeAt(1) === 45;
 }, Cn = function(r) {
   return r != null && typeof r != "boolean";
-}, ma = /* @__PURE__ */ Ys(function(e) {
+}, ma = /* @__PURE__ */ Gs(function(e) {
   return Qs(e) ? e : e.replace(Ac, "-$&").toLowerCase();
 }), Sn = function(r, t) {
   switch (r) {
@@ -4901,7 +4906,7 @@ function gr() {
     }
   };
 }
-var Bc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Dc = /* @__PURE__ */ Ys(
+var Bc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Dc = /* @__PURE__ */ Gs(
   function(e) {
     return Bc.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -5122,7 +5127,7 @@ var za = { exports: {} }, Sr = { exports: {} }, be = {};
  * LICENSE file in the root directory of this source tree.
  */
 var zn;
-function Yc() {
+function Gc() {
   if (zn) return be;
   zn = 1;
   var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
@@ -5197,7 +5202,7 @@ var ye = {};
  * LICENSE file in the root directory of this source tree.
  */
 var In;
-function Gc() {
+function Yc() {
   return In || (In = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
     function S(O) {
@@ -5281,7 +5286,7 @@ function Gc() {
 }
 var Rn;
 function ro() {
-  return Rn || (Rn = 1, process.env.NODE_ENV === "production" ? Sr.exports = Yc() : Sr.exports = Gc()), Sr.exports;
+  return Rn || (Rn = 1, process.env.NODE_ENV === "production" ? Sr.exports = Gc() : Sr.exports = Yc()), Sr.exports;
 }
 /*
 object-assign
@@ -6193,15 +6198,15 @@ const md = {
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Yn = {
+}, Gn = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
 }, gd = hd((e) => {
   if (e.length > 2)
-    if (Yn[e])
-      e = Yn[e];
+    if (Gn[e])
+      e = Gn[e];
     else
       return [e];
   const [r, t] = e.split(""), n = md[r], s = pd[t] || "";
@@ -6370,12 +6375,12 @@ const Dd = Oe({
   transform: Ft
 });
 ra(Dd, Wd, Ud);
-function Ge(e) {
+function Ye(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
 const Fd = Oe({
   prop: "width",
-  transform: Ge
+  transform: Ye
 }), nn = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const r = (t) => {
@@ -6386,7 +6391,7 @@ const Fd = Oe({
       } : {
         maxWidth: n
       } : {
-        maxWidth: Ge(t)
+        maxWidth: Ye(t)
       };
     };
     return pt(e, e.maxWidth, r);
@@ -6396,31 +6401,31 @@ const Fd = Oe({
 nn.filterProps = ["maxWidth"];
 const Vd = Oe({
   prop: "minWidth",
-  transform: Ge
+  transform: Ye
 }), Hd = Oe({
   prop: "height",
-  transform: Ge
-}), Yd = Oe({
-  prop: "maxHeight",
-  transform: Ge
+  transform: Ye
 }), Gd = Oe({
+  prop: "maxHeight",
+  transform: Ye
+}), Yd = Oe({
   prop: "minHeight",
-  transform: Ge
+  transform: Ye
 });
 Oe({
   prop: "size",
   cssProperty: "width",
-  transform: Ge
+  transform: Ye
 });
 Oe({
   prop: "size",
   cssProperty: "height",
-  transform: Ge
+  transform: Ye
 });
 const qd = Oe({
   prop: "boxSizing"
 });
-ra(Fd, nn, Vd, Hd, Yd, Gd, qd);
+ra(Fd, nn, Vd, Hd, Gd, Yd, qd);
 const yr = {
   // borders
   border: {
@@ -6666,22 +6671,22 @@ const yr = {
   },
   // sizing
   width: {
-    transform: Ge
+    transform: Ye
   },
   maxWidth: {
     style: nn
   },
   minWidth: {
-    transform: Ge
+    transform: Ye
   },
   height: {
-    transform: Ge
+    transform: Ye
   },
   maxHeight: {
-    transform: Ge
+    transform: Ye
   },
   minHeight: {
-    transform: Ge
+    transform: Ye
   },
   boxSizing: {},
   // typography
@@ -6885,8 +6890,8 @@ function co(e) {
     sx: o
   };
 }
-const Gn = (e) => e, a0 = () => {
-  let e = Gn;
+const Yn = (e) => e, a0 = () => {
+  let e = Yn;
   return {
     configure(r) {
       e = r;
@@ -6895,7 +6900,7 @@ const Gn = (e) => e, a0 = () => {
       return e(r);
     },
     reset() {
-      e = Gn;
+      e = Yn;
     }
   };
 }, uo = a0();
@@ -7908,7 +7913,7 @@ const F0 = 0.2, V0 = 0.14, H0 = 0.12;
 function Me(...e) {
   return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${F0})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${V0})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${H0})`].join(",");
 }
-const Y0 = ["none", Me(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Me(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), Me(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), Me(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), Me(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), Me(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), Me(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), Me(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), Me(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), Me(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), Me(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), Me(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), Me(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), Me(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), Me(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), Me(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), Me(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), Me(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), Me(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), Me(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), Me(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), Me(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), Me(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), Me(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], G0 = {
+const G0 = ["none", Me(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Me(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), Me(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), Me(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), Me(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), Me(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), Me(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), Me(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), Me(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), Me(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), Me(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), Me(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), Me(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), Me(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), Me(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), Me(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), Me(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), Me(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), Me(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), Me(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), Me(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), Me(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), Me(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), Me(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Y0 = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -7942,7 +7947,7 @@ function K0(e) {
 }
 function X0(e) {
   const r = {
-    ...G0,
+    ...Y0,
     ...e.easing
   }, t = {
     ...q0,
@@ -8058,7 +8063,7 @@ function _a(e = {}, ...r) {
     mixins: D0(g.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Y0.slice(),
+    shadows: G0.slice(),
     typography: U0(h, d),
     transitions: X0(p),
     zIndex: {
@@ -9375,7 +9380,7 @@ const Je = bt("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     transform: scale(1);
     opacity: 0.3;
   }
-`, Yu = gr`
+`, Gu = gr`
   0% {
     opacity: 1;
   }
@@ -9383,7 +9388,7 @@ const Je = bt("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
   100% {
     opacity: 0;
   }
-`, Gu = gr`
+`, Yu = gr`
   0% {
     transform: scale(1);
   }
@@ -9442,7 +9447,7 @@ const Je = bt("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
 
   & .${Je.childLeaving} {
     opacity: 0;
-    animation-name: ${Yu};
+    animation-name: ${Gu};
     animation-duration: ${Wa}ms;
     animation-timing-function: ${({
   theme: e
@@ -9454,7 +9459,7 @@ const Je = bt("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     /* @noflip */
     left: 0px;
     top: 0;
-    animation-name: ${Gu};
+    animation-name: ${Yu};
     animation-duration: 2500ms;
     animation-timing-function: ${({
   theme: e
@@ -11165,8 +11170,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, dp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -11395,8 +11400,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 ] })), up = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -11820,8 +11825,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, mp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -11855,8 +11860,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, pp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -11971,8 +11976,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, gp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12045,8 +12050,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
               /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: [
                 { label: "Inbox", icon: ki },
                 { label: "Sent", icon: Va },
-                { label: "Profile", icon: Yr },
-                { label: "Settings", icon: Ya }
+                { label: "Profile", icon: Gr },
+                { label: "Settings", icon: Ga }
               ].map((b) => /* @__PURE__ */ l(
                 "button",
                 {
@@ -12067,8 +12072,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, fp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12226,8 +12231,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, bp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12323,8 +12328,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, yp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12380,7 +12385,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
                       className: "flex-1 bg-transparent border-none focus:ring-0 text-sm"
                     }
                   ),
-                  /* @__PURE__ */ a(Yt, { size: 20, className: "text-gray-500" })
+                  /* @__PURE__ */ a(Gt, { size: 20, className: "text-gray-500" })
                 ]
               }
             ),
@@ -12439,8 +12444,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
 }, xp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12559,8 +12564,8 @@ const UserProfile = ({ name, role }) => {
 export default UserProfile;`, vp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12673,8 +12678,8 @@ export default UserProfile;`, vp = ({
 ], wp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12766,7 +12771,7 @@ export default UserProfile;`, vp = ({
       /* @__PURE__ */ a("img", { src: S, alt: `Generated ${k}`, className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" }),
       /* @__PURE__ */ l("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors flex items-center justify-center opacity-0 group-hover:opacity-100 gap-2", children: [
         /* @__PURE__ */ a("button", { className: "p-2 bg-white/20 backdrop-blur-md rounded-full text-white hover:bg-white/40", children: /* @__PURE__ */ a(Ii, { size: 18 }) }),
-        /* @__PURE__ */ a("button", { className: "p-2 bg-white/20 backdrop-blur-md rounded-full text-white hover:bg-white/40", children: /* @__PURE__ */ a(Gr, { size: 18 }) })
+        /* @__PURE__ */ a("button", { className: "p-2 bg-white/20 backdrop-blur-md rounded-full text-white hover:bg-white/40", children: /* @__PURE__ */ a(Yr, { size: 18 }) })
       ] })
     ] }, k)) }) : /* @__PURE__ */ l("div", { className: "h-full flex flex-col items-center justify-center text-gray-400", children: [
       /* @__PURE__ */ a(Ms, { size: 64, className: "mb-4 opacity-20" }),
@@ -12776,8 +12781,8 @@ export default UserProfile;`, vp = ({
 }, kp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12868,8 +12873,8 @@ export default UserProfile;`, vp = ({
 }, Np = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -12993,7 +12998,7 @@ export default UserProfile;`, vp = ({
       ),
       /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 group-hover:bg-black/40 transition-colors", children: /* @__PURE__ */ a("button", { className: "w-16 h-16 flex items-center justify-center rounded-full bg-white/20 backdrop-blur-md text-white border border-white/30 hover:scale-110 transition-transform", children: /* @__PURE__ */ a(Pr, { size: 32, fill: "currentColor", className: "ml-1" }) }) }),
       /* @__PURE__ */ l("div", { className: "absolute bottom-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-        /* @__PURE__ */ a("button", { className: "p-2 bg-black/60 text-white rounded-full hover:bg-black/80", children: /* @__PURE__ */ a(Gr, { size: 18 }) }),
+        /* @__PURE__ */ a("button", { className: "p-2 bg-black/60 text-white rounded-full hover:bg-black/80", children: /* @__PURE__ */ a(Yr, { size: 18 }) }),
         /* @__PURE__ */ a("button", { className: "p-2 bg-black/60 text-white rounded-full hover:bg-black/80", children: /* @__PURE__ */ a(_r, { size: 18 }) })
       ] })
     ] }) : /* @__PURE__ */ l("div", { className: "text-center text-gray-500", children: [
@@ -13004,8 +13009,8 @@ export default UserProfile;`, vp = ({
 }, $p = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13076,8 +13081,8 @@ export default UserProfile;`, vp = ({
 }, Cp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13119,8 +13124,8 @@ export default UserProfile;`, vp = ({
 }, Sp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13182,8 +13187,8 @@ export default UserProfile;`, vp = ({
 }, Tp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13362,7 +13367,7 @@ export default UserProfile;`, vp = ({
             onClick: V,
             className: "p-2 sm:p-2.5 text-gray-600 dark:text-gray-400 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 dark:hover:text-blue-400 rounded-md transition-all flex-shrink-0",
             title: "Download",
-            children: /* @__PURE__ */ a(Gr, { size: 18, className: "sm:w-5 sm:h-5" })
+            children: /* @__PURE__ */ a(Yr, { size: 18, className: "sm:w-5 sm:h-5" })
           }
         )
       ] })
@@ -13412,8 +13417,8 @@ export default UserProfile;`, vp = ({
 }, Ep = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13453,8 +13458,8 @@ export default UserProfile;`, vp = ({
 }, Mp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13536,8 +13541,8 @@ export default UserProfile;`, vp = ({
 }, Ap = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13846,15 +13851,15 @@ ${JSON.stringify(d, null, 2)}` }) })
   { name: "Palette", emoji: "🎨", keywords: ["art", "palette"], categories: ["Activities"] },
   { name: "Microphone", emoji: "🎤", keywords: ["mic", "audio"], categories: ["Activities"] },
   { name: "Headphones", emoji: "🎧", keywords: ["music", "audio"], categories: ["Activities"] }
-], Hh = ["All", "Smileys", "Hands", "Objects", "Activities", "Food", "Nature", "Travel", "Symbols"], Yh = {
+], Hh = ["All", "Smileys", "Hands", "Objects", "Activities", "Food", "Nature", "Travel", "Symbols"], Gh = {
   auto: 'system-ui, -apple-system, "Segoe UI Emoji", "Noto Color Emoji", "Apple Color Emoji"',
   ios: '"Apple Color Emoji", "Helvetica Neue", Arial, sans-serif',
   android: '"Noto Color Emoji", "Noto Color Emoji UI", "Segoe UI Emoji", sans-serif'
 }, zp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -13885,7 +13890,7 @@ ${JSON.stringify(d, null, 2)}` }) })
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ l("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
         /* @__PURE__ */ l("div", { className: "relative w-full sm:w-96", children: [
-          /* @__PURE__ */ a(Yt, { className: "absolute left-3 top-2.5 h-4 w-4 text-gray-400" }),
+          /* @__PURE__ */ a(Gt, { className: "absolute left-3 top-2.5 h-4 w-4 text-gray-400" }),
           /* @__PURE__ */ a(
             "input",
             {
@@ -13918,7 +13923,7 @@ ${JSON.stringify(d, null, 2)}` }) })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2 overflow-x-auto pb-1", children: [
         /* @__PURE__ */ l("div", { className: "flex items-center gap-1 text-xs font-semibold text-gray-500 dark:text-gray-400", children: [
-          /* @__PURE__ */ a(Ga, { size: 14 }),
+          /* @__PURE__ */ a(Ya, { size: 14 }),
           /* @__PURE__ */ a("span", { children: "Categories" })
         ] }),
         Hh.map((x) => /* @__PURE__ */ a(
@@ -13936,7 +13941,7 @@ ${JSON.stringify(d, null, 2)}` }) })
       "div",
       {
         className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3",
-        style: { fontFamily: Yh[h] },
+        style: { fontFamily: Gh[h] },
         children: [
           u.map((x) => /* @__PURE__ */ l(
             "div",
@@ -13958,7 +13963,7 @@ ${JSON.stringify(d, null, 2)}` }) })
       }
     )
   ] });
-}, Gh = (e) => {
+}, Yh = (e) => {
   e.duration;
   const r = 60;
   let t = "";
@@ -14022,7 +14027,7 @@ ${JSON.stringify(d, null, 2)}` }) })
   }
   return t;
 }, Oo = (e, r = "custom-animation") => {
-  const t = Gh(e);
+  const t = Yh(e);
   return e.duration, `
     @keyframes ${r} {
       ${t}
@@ -14057,8 +14062,8 @@ ${JSON.stringify(d, null, 2)}` }) })
   fallback: s
 }) => {
   const [o, p] = B(!1), [d, i] = B(!1);
-  Ho(), Yo(() => {
-    Go(() => {
+  Ho(), Go(() => {
+    Yo(() => {
       requestAnimationFrame(() => {
         p(!0);
       });
@@ -14099,8 +14104,8 @@ class Kh extends Vo {
 const Xh = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   icon: s,
   size: o,
   fallback: p,
@@ -14181,8 +14186,8 @@ const Jh = () => {
 }, Ip = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -14292,7 +14297,7 @@ ${U.join(`
             onClick: () => k(!S),
             className: `p-2 rounded-lg transition-colors ${S ? "bg-blue-600 text-white" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400"}`,
             title: "Toggle Controls",
-            children: /* @__PURE__ */ a(Ga, { size: 20 })
+            children: /* @__PURE__ */ a(Ya, { size: 20 })
           }
         )
       ] }),
@@ -14355,7 +14360,7 @@ ${U.join(`
       ] }),
       /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row gap-4", children: [
         /* @__PURE__ */ l("div", { className: "flex-1 relative", children: [
-          /* @__PURE__ */ a(Yt, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400", size: 18 }),
+          /* @__PURE__ */ a(Gt, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400", size: 18 }),
           /* @__PURE__ */ a(
             "input",
             {
@@ -14793,8 +14798,8 @@ ${U.join(`
 }, Rp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -14927,7 +14932,7 @@ ${U.join(`
             onClick: () => z(!I),
             className: `p-2 rounded-lg transition-colors ${I ? "bg-blue-600 text-white" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400"}`,
             title: "Toggle Controls",
-            children: /* @__PURE__ */ a(Ga, { size: 20 })
+            children: /* @__PURE__ */ a(Ya, { size: 20 })
           }
         )
       ] }),
@@ -14967,7 +14972,7 @@ ${U.join(`
       ] }),
       /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row gap-4", children: [
         /* @__PURE__ */ l("div", { className: "flex-1 relative", children: [
-          /* @__PURE__ */ a(Yt, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400", size: 18 }),
+          /* @__PURE__ */ a(Gt, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400", size: 18 }),
           /* @__PURE__ */ a(
             "input",
             {
@@ -15194,7 +15199,7 @@ ${U.join(`
                     },
                     className: "p-2 rounded-md bg-white dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 shadow-sm transition-colors",
                     title: "Download SVG",
-                    children: /* @__PURE__ */ a(Gr, { size: 14 })
+                    children: /* @__PURE__ */ a(Yr, { size: 14 })
                   }
                 )
               ] }),
@@ -15297,8 +15302,8 @@ ${U.join(`
 }, Op = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -15354,7 +15359,7 @@ ${U.join(`
               /* @__PURE__ */ l("div", { className: "flex items-center gap-4 text-white", children: [
                 /* @__PURE__ */ a("button", { onClick: S, className: `hover:scale-110 transition-transform ${I ? "text-gray-900 dark:text-white" : ""}`, children: m ? /* @__PURE__ */ a(Hi, { size: T ? 28 : 24, fill: T ? "currentColor" : "none" }) : /* @__PURE__ */ a(Pr, { size: T ? 28 : 24, fill: T ? "currentColor" : "none" }) }),
                 /* @__PURE__ */ l("div", { className: `flex items-center gap-2 group/vol ${I ? "text-gray-600 dark:text-gray-400" : ""}`, children: [
-                  /* @__PURE__ */ a("button", { onClick: k, children: g ? /* @__PURE__ */ a(Yi, { size: 20 }) : /* @__PURE__ */ a(Gi, { size: 20 }) }),
+                  /* @__PURE__ */ a("button", { onClick: k, children: g ? /* @__PURE__ */ a(Gi, { size: 20 }) : /* @__PURE__ */ a(Yi, { size: 20 }) }),
                   /* @__PURE__ */ a("div", { className: "w-0 overflow-hidden group-hover/vol:w-20 transition-all duration-300", children: /* @__PURE__ */ a("div", { className: "w-20 h-1 bg-white/30 rounded-full ml-2 relative", children: /* @__PURE__ */ a("div", { className: "absolute left-0 top-0 bottom-0 bg-white rounded-full", style: { width: "60%" } }) }) })
                 ] }),
                 /* @__PURE__ */ a("span", { className: `text-xs font-medium font-mono ${I ? "text-gray-500" : "opacity-80"}`, children: "02:14 / 08:30" }),
@@ -15370,7 +15375,7 @@ ${U.join(`
                 ] }),
                 I && /* @__PURE__ */ a("div", { className: "flex-1" }),
                 /* @__PURE__ */ l("div", { className: `flex items-center gap-3 ${I ? "text-gray-600 dark:text-gray-400" : ""}`, children: [
-                  /* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(Ya, { size: 20 }) }),
+                  /* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(Ga, { size: 20 }) }),
                   /* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(qi, { size: 20 }) })
                 ] })
               ] })
@@ -15491,8 +15496,8 @@ ${U.join(`
 }, jp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -15701,8 +15706,8 @@ ${U.join(`
 ], _p = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -15878,8 +15883,8 @@ ${U.join(`
 }, Pp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -16245,8 +16250,8 @@ class am {
 const Lp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -16486,8 +16491,8 @@ const Lp = ({
 }, Bp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -16528,8 +16533,8 @@ const Lp = ({
 }, Dp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -16573,8 +16578,8 @@ const Lp = ({
 }, Wp = ({
   designSystem: e = "Custom",
   componentProps: r = {},
-  globalConfig: t = Y,
-  granularStyles: n = G,
+  globalConfig: t = G,
+  granularStyles: n = Y,
   children: s,
   className: o,
   style: p,
@@ -16641,7 +16646,7 @@ export {
   bm as Avatar,
   Qm as Backdrop,
   ym as Badge,
-  Ym as BottomNavigation,
+  Gm as BottomNavigation,
   xm as Box,
   vm as Breadcrumbs,
   gm as Button,
@@ -16674,7 +16679,7 @@ export {
   Sm as List,
   Bp as MagnetLines,
   yp as Map,
-  Gm as Menu,
+  Ym as Menu,
   ep as Modal,
   jm as NumberField,
   cp as OrderSummary,