@exxatdesignux/ui 0.2.18 → 0.3.0

package/template/components/ask-leo-sidebar.tsx

@@ -267,6 +267,10 @@ export function AskLeoSidebar() {
     <aside
       aria-label="Ask Leo — AI assistant"
       data-state={open ? "open" : "closed"}
+      // Cursor IDE browser preview injects `data-cursor-ref` here before
+      // hydration — see commentary in NestedSecondaryPanelShell. Suppression
+      // is scoped to this element's own attributes only.
+      suppressHydrationWarning
       className={cn(
         "flex flex-col overflow-hidden",
         isMobile
@@ -277,7 +281,7 @@ export function AskLeoSidebar() {
           : cn(
               "transition-[width,margin,opacity] duration-200 ease-linear",
               open
-                ? "relative w-64 md:w-80 shrink-0 self-start m-2 mx-2 min-h-0 h-[min(calc(100dvh-2rem),800px)] overflow-hidden rounded-xl border border-sidebar-border/80 shadow-[0_18px_48px_-16px_rgba(15,23,42,0.2),0_8px_20px_-10px_rgba(15,23,42,0.12)] ring-1 ring-sidebar-border dark:shadow-[0_22px_56px_-12px_rgba(0,0,0,0.5),0_10px_28px_-12px_rgba(0,0,0,0.35)] md:sticky md:top-2 md:ml-0 md:h-[calc(100dvh-1.25rem)]"
+                ? "relative w-64 md:w-80 shrink-0 self-start m-2 mx-2 min-h-0 h-[min(calc(100dvh-2rem),800px)] overflow-hidden rounded-xl border border-sidebar-border/80 shadow-[0_18px_48px_-16px_rgba(15,23,42,0.2),0_8px_20px_-10px_rgba(15,23,42,0.12)] ring-1 ring-sidebar-border dark:shadow-[0_22px_56px_-12px_rgba(0,0,0,0.5),0_10px_28px_-12px_rgba(0,0,0,0.35)] md:sticky md:top-2 md:ms-0 md:h-[calc(100dvh-1.25rem)]"
                 : "h-0 min-h-0 shrink overflow-hidden border-0 p-0 m-0 min-w-0 w-0 max-w-0 opacity-0 pointer-events-none",
             )
       )}

package/template/components/brand-color-picker.tsx

@@ -194,7 +194,7 @@ export function BrandColorPicker({
               <p className="truncate text-xs font-medium text-foreground">
                 {matchedAnchor?.familyLabel ?? "Custom color"}
               </p>
-              <p className="truncate font-mono text-[10px] uppercase text-muted-foreground">
+              <p className="truncate font-mono text-[11px] uppercase text-muted-foreground">
                 {matchedAnchor?.hex ?? value?.trim() ?? "—"}
               </p>
             </div>
@@ -287,7 +287,7 @@ export function BrandColorPicker({
                   </span>
                   <span
                     className={cn(
-                      "max-w-full truncate text-[10px] leading-none text-muted-foreground",
+                      "max-w-full truncate text-[11px] leading-none text-muted-foreground",
                       selected && "text-foreground",
                     )}
                   >

package/template/components/charts-overview.tsx

@@ -1145,7 +1145,7 @@ function DonutChartContent({ data = donutDataAll }: { data?: typeof donutDataAll
               <div key={d.name} className="flex items-center gap-1.5">
                 <span className="h-2.5 w-2.5 rounded-full shrink-0" style={{ background: d.fill }} />
                 <span className="text-muted-foreground">{donutCfg[d.name]?.label}</span>
-                <span className="ml-auto font-medium tabular-nums">
+                <span className="ms-auto font-medium tabular-nums">
                   {Math.round(d.value / total * 100)}%
                 </span>
               </div>