sonance-brand-mcp 1.3.114 → 1.3.116

package/dist/assets/components/alert.tsx

@@ -26,7 +26,7 @@ const alertVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "sm",
+      size: "xs",
     },
   }
 );
@@ -64,7 +64,7 @@ interface AlertProps
 }
 
 export const Alert = forwardRef<HTMLDivElement, AlertProps>(
-  ({ className, variant = "default", size = "sm", title, children, dismissible, onClose, state, ...props }, ref) => {
+  ({ className, variant = "default", size = "xs", title, children, dismissible, onClose, state, ...props }, ref) => {
     const Icon = iconMap[variant || "default"];
     const showCloseButton = dismissible || onClose;
 

package/dist/assets/components/avatar.tsx

@@ -23,7 +23,7 @@ const avatarVariants = cva(
       },
     },
     defaultVariants: {
-      size: "md",
+      size: "sm",
       shape: "circle",
     },
   }
@@ -120,7 +120,7 @@ interface AvatarGroupProps {
   className?: string;
 }
 
-function AvatarGroup({ children, max, size = "md", className }: AvatarGroupProps) {
+function AvatarGroup({ children, max, size = "sm", className }: AvatarGroupProps) {
   const avatars = Array.isArray(children) ? children : [children];
   const displayAvatars = max ? avatars.slice(0, max) : avatars;
   const excess = max ? Math.max(0, avatars.length - max) : 0;

package/dist/assets/components/badge.tsx

@@ -31,7 +31,7 @@ const badgeVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "sm",
+      size: "xs",
     },
   }
 );
@@ -70,7 +70,7 @@ interface ChipProps extends BadgeProps {
   onClose?: () => void;
 }
 
-export function Chip({ className, variant, size = "sm", onClose, children, ...props }: ChipProps) {
+export function Chip({ className, variant, size = "xs", onClose, children, ...props }: ChipProps) {
   return (
     <span
       id="chip-span"

package/dist/assets/components/button.tsx

@@ -36,7 +36,7 @@ const buttonVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "sm",
+      size: "xs",
     },
   }
 );

package/dist/assets/components/card.tsx

@@ -30,7 +30,7 @@ const cardVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "compact",
     },
   }
 );

package/dist/assets/components/checkbox.tsx

@@ -19,7 +19,7 @@ const checkboxVariants = cva(
       },
     },
     defaultVariants: {
-      size: "sm",
+      size: "xs",
     },
   }
 );
@@ -56,7 +56,7 @@ const getStateStyles = (state?: CheckboxState) => {
 };
 
 export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
-  ({ className, label, description, id, state, disabled, checked, defaultChecked, onChange, onCheckedChange, style, size = "sm", ...props }, ref) => {
+  ({ className, label, description, id, state, disabled, checked, defaultChecked, onChange, onCheckedChange, style, size = "xs", ...props }, ref) => {
     const uniqueId = useId();
     const inputId = id || `checkbox-${uniqueId}`;
     const isDisabled = disabled || state === "disabled";

package/dist/assets/components/dialog.tsx

@@ -20,7 +20,7 @@ interface DialogProps {
   size?: "compact" | "default" | "spacious";
 }
 
-export function Dialog({ open, onClose, children, size = "default" }: DialogProps) {
+export function Dialog({ open, onClose, children, size = "compact" }: DialogProps) {
   // Close on escape
   useEffect(() => {
     const handleEscape = (e: KeyboardEvent) => {

package/dist/assets/components/input.tsx

@@ -24,7 +24,7 @@ const inputVariants = cva(
       },
     },
     defaultVariants: {
-      size: "sm",
+      size: "xs",
       inputVariant: "default",
     },
   }

package/dist/assets/components/kbd.tsx

@@ -34,7 +34,7 @@ const kbdVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "md",
+      size: "sm",
     },
   }
 );

package/dist/assets/components/number-input.tsx

@@ -209,7 +209,7 @@ interface StepperProps extends Omit<NumberInputProps, "hideControls"> {
   size?: "sm" | "md" | "lg";
 }
 
-export function Stepper({ size = "md", className, ...props }: StepperProps) {
+export function Stepper({ size = "sm", className, ...props }: StepperProps) {
   const sizeClasses = {
     sm: "h-8 text-sm",
     md: "h-10 text-base",

package/dist/assets/components/pagination.tsx

@@ -19,7 +19,7 @@ const paginationButtonVariants = cva(
       },
     },
     defaultVariants: {
-      size: "sm",
+      size: "xs",
     },
   }
 );
@@ -38,7 +38,7 @@ const getButtonStateStyles = (state?: PaginationButtonState) => {
   return stateMap[state] || "";
 };
 
-const PaginationSizeContext = createContext<"xs" | "sm" | "md" | "lg">("sm");
+const PaginationSizeContext = createContext<"xs" | "sm" | "md" | "lg">("xs");
 
 const ellipsisSizes = {
   xs: "h-6 w-6 text-[10px]",
@@ -112,7 +112,7 @@ export function Pagination({
   siblingCount = 1,
   showFirstLast = true,
   className,
-  size = "sm",
+  size = "xs",
 }: PaginationProps) {
   const pages = generatePaginationRange(currentPage, totalPages, siblingCount);
 
@@ -233,7 +233,7 @@ export function CompactPagination({
   totalPages,
   onPageChange,
   className,
-  size = "sm",
+  size = "xs",
 }: CompactPaginationProps) {
   return (
     <PaginationSizeContext.Provider value={size}>

package/dist/assets/components/popover.tsx

@@ -9,7 +9,7 @@ type PopoverPosition = "top" | "bottom" | "left" | "right";
 type PopoverSize = "compact" | "default" | "spacious";
 type PopoverVariant = "default" | "glass";
 
-const PopoverContext = createContext<{ size: PopoverSize }>({ size: "default" });
+const PopoverContext = createContext<{ size: PopoverSize }>({ size: "compact" });
 
 const popoverVariants = cva(
   "fixed z-50 min-w-[200px] border shadow-xl animate-in fade-in zoom-in-95 duration-150",
@@ -28,7 +28,7 @@ const popoverVariants = cva(
       },
     },
     defaultVariants: {
-      size: "default",
+      size: "compact",
       popoverVariant: "default",
     },
   }
@@ -59,7 +59,7 @@ export function Popover({
   position = "bottom",
   triggerOn = "click",
   className,
-  size = "default",
+  size = "compact",
   popoverVariant = "default",
 }: PopoverProps) {
   const [isOpen, setIsOpen] = useState(false);
@@ -180,7 +180,7 @@ export function Popover({
   };
 
   return (
-    <PopoverContext.Provider value={{ size: size ?? "default" }}>
+    <PopoverContext.Provider value={{ size: size ?? "compact" }}>
       <div data-sonance-name="popover"
         ref={containerRef}
         className="relative inline-block"

package/dist/assets/components/progress.tsx

@@ -13,7 +13,7 @@ interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 export const Progress = forwardRef<HTMLDivElement, ProgressProps>(
-  ({ className, value = 0, max = 100, label, showValue = false, size = "md", ...props }, ref) => {
+  ({ className, value = 0, max = 100, label, showValue = false, size = "sm", ...props }, ref) => {
     const percentage = Math.min(100, Math.max(0, (value / max) * 100));
 
     const heightClasses = {
@@ -79,7 +79,7 @@ const circularSizeMap = {
 export function CircularProgress({
   value = 0,
   max = 100,
-  size = "md",
+  size = "sm",
   strokeWidth = 4,
   showValue = false,
   className,

package/dist/assets/components/select.tsx

@@ -27,7 +27,7 @@ const selectTriggerVariants = cva(
       },
     },
     defaultVariants: {
-      size: "sm",
+      size: "xs",
       selectVariant: "default",
     },
   }
@@ -237,7 +237,7 @@ interface NativeSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectEl
 }
 
 export const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(
-  ({ className, label, error, options, state, disabled, size = "sm", ...props }, ref) => {
+  ({ className, label, error, options, state, disabled, size = "xs", ...props }, ref) => {
     const isDisabled = disabled || state === "disabled";
     const hasError = error || state === "error";
 

package/dist/assets/components/spinner.tsx

@@ -6,7 +6,7 @@ interface SpinnerProps {
   label?: string;
 }
 
-export function Spinner({ size = "md", className, label }: SpinnerProps) {
+export function Spinner({ size = "sm", className, label }: SpinnerProps) {
   const sizeClasses = {
     sm: "h-4 w-4 border-2",
     md: "h-6 w-6 border-2",
@@ -38,7 +38,7 @@ interface DotsSpinnerProps {
   className?: string;
 }
 
-export function DotsSpinner({ size = "md", className }: DotsSpinnerProps) {
+export function DotsSpinner({ size = "sm", className }: DotsSpinnerProps) {
   const dotSizes = {
     sm: "h-1.5 w-1.5",
     md: "h-2 w-2",

package/dist/assets/components/switch.tsx

@@ -18,7 +18,7 @@ const switchTrackVariants = cva(
       },
     },
     defaultVariants: {
-      size: "sm",
+      size: "xs",
     },
   }
 );
@@ -53,7 +53,7 @@ const getTrackStateStyles = (state?: SwitchState) => {
 };
 
 export const Switch = forwardRef<HTMLInputElement, SwitchProps>(
-  ({ className, label, description, id, state, disabled, checked, defaultChecked, onChange, style, size = "sm", ...props }, ref) => {
+  ({ className, label, description, id, state, disabled, checked, defaultChecked, onChange, style, size = "xs", ...props }, ref) => {
     const uniqueId = useId();
     const inputId = id || `switch-${uniqueId}`;
     const isDisabled = disabled || state === "disabled";

package/dist/assets/components/tabs.tsx

@@ -18,7 +18,7 @@ const tabsTriggerVariants = cva(
       },
     },
     defaultVariants: {
-      size: "sm",
+      size: "xs",
     },
   }
 );
@@ -61,7 +61,7 @@ export function Tabs({
   onValueChange,
   className,
   children,
-  size = "sm",
+  size = "xs",
 }: TabsProps) {
   const [internalValue, setInternalValue] = useState(defaultValue);
   const value = controlledValue ?? internalValue;

package/dist/assets/components/tooltip.tsx

@@ -31,7 +31,7 @@ const tooltipContentVariants = cva(
       },
     },
     defaultVariants: {
-      size: "sm",
+      size: "xs",
       tooltipVariant: "default",
     },
   }

package/dist/index.js

@@ -60,7 +60,18 @@ function runInstaller() {
             console.log("  📄 Found existing Claude config");
         }
         catch {
-            console.log("  ⚠️  Could not parse existing config, creating new one");
+            console.log("");
+            console.log("  ❌ Error: Could not parse existing Claude config");
+            console.log("");
+            console.log("  Your config file may have invalid JSON (trailing commas, comments, etc.)");
+            console.log(`  Please fix the file manually: ${configPath}`);
+            console.log("");
+            console.log("  Common issues:");
+            console.log("    - Trailing commas after the last item in objects/arrays");
+            console.log("    - Comments (// or /* */) which are not valid JSON");
+            console.log("    - Missing quotes around keys");
+            console.log("");
+            process.exit(1);
         }
     }
     else {
@@ -136,7 +147,18 @@ function runClaudeCodeInstaller() {
             console.log("  📄 Found existing .mcp.json");
         }
         catch {
-            console.log("  ⚠️  Could not parse existing .mcp.json, creating new one");
+            console.log("");
+            console.log("  ❌ Error: Could not parse existing .mcp.json");
+            console.log("");
+            console.log("  Your config file may have invalid JSON (trailing commas, comments, etc.)");
+            console.log(`  Please fix the file manually: ${configPath}`);
+            console.log("");
+            console.log("  Common issues:");
+            console.log("    - Trailing commas after the last item in objects/arrays");
+            console.log("    - Comments (// or /* */) which are not valid JSON");
+            console.log("    - Missing quotes around keys");
+            console.log("");
+            process.exit(1);
         }
     }
     else {
@@ -214,7 +236,18 @@ function runCursorInstaller() {
             console.log("  📄 Found existing .cursor/mcp.json");
         }
         catch {
-            console.log("  ⚠️  Could not parse existing mcp.json, creating new one");
+            console.log("");
+            console.log("  ❌ Error: Could not parse existing .cursor/mcp.json");
+            console.log("");
+            console.log("  Your config file may have invalid JSON (trailing commas, comments, etc.)");
+            console.log(`  Please fix the file manually: ${configPath}`);
+            console.log("");
+            console.log("  Common issues:");
+            console.log("    - Trailing commas after the last item in objects/arrays");
+            console.log("    - Comments (// or /* */) which are not valid JSON");
+            console.log("    - Missing quotes around keys");
+            console.log("");
+            process.exit(1);
         }
     }
     else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonance-brand-mcp",
-  "version": "1.3.114",
+  "version": "1.3.116",
   "description": "MCP Server for Sonance Brand Guidelines and Component Library - gives Claude instant access to brand colors, typography, and UI components.",
   "main": "dist/index.js",
   "type": "module",