feat(ui): добавить плотные контролы для viewer

packages/ui-react/src/Button.tsx

@@ -3,7 +3,7 @@ import { createAccentVariables, type RgbTuple } from "@nodedc/ui-core";
 import { cn } from "./cn.js";
 
 export type ButtonVariant = "primary" | "secondary" | "ghost" | "danger" | "accent";
-export type ButtonSize = "default" | "compact";
+export type ButtonSize = "default" | "compact" | "dense";
 export type ButtonShape = "default" | "pill" | "rounded";
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {

packages/ui-react/src/SegmentedControl.tsx

@@ -8,10 +8,13 @@ export interface SegmentedItem<T extends string> {
   disabled?: boolean;
 }
 
+export type SegmentedControlSize = "default" | "dense";
+
 export interface SegmentedControlProps<T extends string> {
   value: T;
   items: Array<SegmentedItem<T>>;
   label: string;
+  size?: SegmentedControlSize;
   className?: string;
   onChange: (value: T) => void;
 }
@@ -20,11 +23,17 @@ export function SegmentedControl<T extends string>({
   value,
   items,
   label,
+  size = "default",
   className,
   onChange,
 }: SegmentedControlProps<T>) {
   return (
-    <div className={cn("nodedc-segmented", className)} role="tablist" aria-label={label}>
+    <div
+      className={cn("nodedc-segmented", className)}
+      role="tablist"
+      aria-label={label}
+      data-size={size === "default" ? undefined : size}
+    >
       {items.map((item) => (
         <button
           key={item.value}
@@ -43,4 +52,3 @@ export function SegmentedControl<T extends string>({
     </div>
   );
 }
-