myoperator-mcp 0.2.50 → 0.2.52

package/dist/index.js

@@ -21,7 +21,8 @@ const accordionVariants = cva("w-full", {
   variants: {
     variant: {
       default: "",
-      bordered: "border border-semantic-border-layout rounded-lg divide-y divide-semantic-border-layout",
+      bordered:
+        "border border-semantic-border-layout rounded-lg divide-y divide-semantic-border-layout",
     },
   },
   defaultVariants: {
@@ -367,11 +368,16 @@ const alertVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-semantic-bg-ui border-semantic-border-layout [&>svg]:text-semantic-text-primary",
-        success: "bg-semantic-success-surface border-semantic-success-border [&>svg]:text-semantic-success-primary",
-        error: "bg-semantic-error-surface border-semantic-error-border [&>svg]:text-semantic-error-primary",
-        destructive: "bg-semantic-error-surface border-semantic-error-border [&>svg]:text-semantic-error-primary",
-        warning: "bg-semantic-warning-surface border-semantic-warning-border [&>svg]:text-semantic-warning-primary",
+        default:
+          "bg-semantic-bg-ui border-semantic-border-layout [&>svg]:text-semantic-text-primary",
+        success:
+          "bg-semantic-success-surface border-semantic-success-border [&>svg]:text-semantic-success-primary",
+        error:
+          "bg-semantic-error-surface border-semantic-error-border [&>svg]:text-semantic-error-primary",
+        destructive:
+          "bg-semantic-error-surface border-semantic-error-border [&>svg]:text-semantic-error-primary",
+        warning:
+          "bg-semantic-warning-surface border-semantic-warning-border [&>svg]:text-semantic-warning-primary",
         info: "bg-semantic-info-surface border-semantic-info-border [&>svg]:text-semantic-info-primary",
       },
     },
@@ -505,10 +511,12 @@ const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
                   className={cn(
                     "rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2",
                     variant === "default" && "focus:ring-semantic-text-primary",
-                    variant === "success" && "focus:ring-semantic-success-primary",
+                    variant === "success" &&
+                      "focus:ring-semantic-success-primary",
                     (variant === "error" || variant === "destructive") &&
                       "focus:ring-semantic-error-primary",
-                    variant === "warning" && "focus:ring-semantic-warning-primary",
+                    variant === "warning" &&
+                      "focus:ring-semantic-warning-primary",
                     variant === "info" && "focus:ring-semantic-info-primary"
                   )}
                   aria-label="Close alert"
@@ -576,7 +584,8 @@ const badgeVariants = cva(
         primary: "bg-semantic-bg-ui text-semantic-text-primary",
         // shadcn-style variants (new)
         secondary: "bg-semantic-bg-ui text-semantic-text-primary",
-        outline: "border border-semantic-border-layout bg-transparent text-semantic-text-primary",
+        outline:
+          "border border-semantic-border-layout bg-transparent text-semantic-text-primary",
         destructive: "bg-semantic-error-surface text-semantic-error-primary",
       },
       size: {
@@ -680,13 +689,18 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-semantic-primary text-semantic-text-inverted hover:bg-semantic-primary-hover",
-        primary: "bg-semantic-primary text-semantic-text-inverted hover:bg-semantic-primary-hover",
-        destructive: "bg-semantic-error-primary text-semantic-text-inverted hover:bg-semantic-error-hover",
+        default:
+          "bg-semantic-primary text-semantic-text-inverted hover:bg-semantic-primary-hover",
+        primary:
+          "bg-semantic-primary text-semantic-text-inverted hover:bg-semantic-primary-hover",
+        destructive:
+          "bg-semantic-error-primary text-semantic-text-inverted hover:bg-semantic-error-hover",
         outline:
           "border border-semantic-border-primary bg-transparent text-semantic-text-secondary hover:bg-semantic-primary-surface",
-        secondary: "bg-semantic-primary-surface text-semantic-text-secondary hover:bg-semantic-bg-hover",
-        ghost: "text-semantic-text-muted hover:bg-semantic-bg-ui hover:text-semantic-text-primary",
+        secondary:
+          "bg-semantic-primary-surface text-semantic-text-secondary hover:bg-semantic-bg-hover",
+        ghost:
+          "text-semantic-text-muted hover:bg-semantic-bg-ui hover:text-semantic-text-primary",
         link: "text-semantic-text-secondary underline-offset-4 hover:underline",
         dashed:
           "border border-dashed border-semantic-bg-hover bg-transparent text-semantic-text-muted hover:border-semantic-border-primary hover:text-semantic-text-secondary hover:bg-[var(--color-neutral-50)]",
@@ -1250,7 +1264,8 @@ const DeleteConfirmationModal = React.forwardRef<
           <DialogHeader>
             <DialogTitle>{title || defaultTitle}</DialogTitle>
             <DialogDescription className={description ? undefined : "sr-only"}>
-              {description || "Delete confirmation dialog - this action cannot be undone"}
+              {description ||
+                "Delete confirmation dialog - this action cannot be undone"}
             </DialogDescription>
           </DialogHeader>
           <div className="grid gap-2 py-4">
@@ -1340,7 +1355,8 @@ const dialogContentVariants = cva(
 );
 
 export interface DialogContentProps
-  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,
+  extends
+    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,
     VariantProps<typeof dialogContentVariants> {
   /** Hide the default close button in the top-right corner */
   hideCloseButton?: boolean;
@@ -1959,10 +1975,15 @@ const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(
         {label && (
           <label
             htmlFor={selectId}
-            className={cn("text-sm font-medium text-semantic-text-primary", labelClassName)}
+            className={cn(
+              "text-xs font-normal text-semantic-text-muted",
+              labelClassName
+            )}
           >
             {label}
-            {required && <span className="text-semantic-error-primary ml-0.5">*</span>}
+            {required && (
+              <span className="text-semantic-error-primary ml-0.5">*</span>
+            )}
           </label>
         )}
 
@@ -1987,7 +2008,9 @@ const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(
         >
           <div className="flex-1 flex flex-wrap gap-1">
             {selectedValues.length === 0 ? (
-              <span className="text-semantic-text-placeholder">{placeholder}</span>
+              <span className="text-semantic-text-placeholder">
+                {placeholder}
+              </span>
             ) : (
               selectedLabels.map((label, index) => (
                 <span
@@ -2134,7 +2157,10 @@ const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(
         {(error || helperText) && (
           <div className="flex justify-between items-start gap-2">
             {error ? (
-              <span id={errorId} className="text-xs text-semantic-error-primary">
+              <span
+                id={errorId}
+                className="text-xs text-semantic-error-primary"
+              >
                 {error}
               </span>
             ) : helperText ? (
@@ -2312,7 +2338,9 @@ const PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(
 
     // Render actions for desktop (all inline)
     const renderDesktopActions = () => (
-      <div className="hidden sm:flex items-center gap-2 ml-6">{actionsArray}</div>
+      <div className="hidden sm:flex items-center gap-2 ml-6">
+        {actionsArray}
+      </div>
     );
 
     // Render expandable actions (for mobile and vertical layout)
@@ -2423,7 +2451,7 @@ const PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(
               )}
             </div>
             {description && (
-              <p className="m-0 text-sm text-semantic-text-primary font-normal mt-1 line-clamp-2">
+              <p className="m-0 text-sm text-semantic-text-secondary font-normal mt-1 line-clamp-2">
                 {description}
               </p>
             )}
@@ -2606,10 +2634,15 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
         {label && (
           <label
             htmlFor={selectId}
-            className={cn("text-sm font-medium text-semantic-text-primary", labelClassName)}
+            className={cn(
+              "text-xs font-normal text-semantic-text-muted",
+              labelClassName
+            )}
           >
             {label}
-            {required && <span className="text-semantic-error-primary ml-0.5">*</span>}
+            {required && (
+              <span className="text-semantic-error-primary ml-0.5">*</span>
+            )}
           </label>
         )}
 
@@ -2698,7 +2731,10 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
         {(error || helperText) && (
           <div className="flex justify-between items-start gap-2">
             {error ? (
-              <span id={errorId} className="text-xs text-semantic-error-primary">
+              <span
+                id={errorId}
+                className="text-xs text-semantic-error-primary"
+              >
                 {error}
               </span>
             ) : helperText ? (
@@ -2849,7 +2885,10 @@ const SelectLabel = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.Label
     ref={ref}
-    className={cn("px-4 py-1.5 text-xs font-medium text-semantic-text-muted", className)}
+    className={cn(
+      "px-4 py-1.5 text-xs font-medium text-semantic-text-muted",
+      className
+    )}
     {...props}
   />
 ));
@@ -3212,7 +3251,10 @@ const TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(
           </span>
         )}
         {infoTooltip && (
-          <span className="text-[var(--color-neutral-400)] cursor-help" title={infoTooltip}>
+          <span
+            className="text-[var(--color-neutral-400)] cursor-help"
+            title={infoTooltip}
+          >
             \u24D8
           </span>
         )}
@@ -3296,7 +3338,10 @@ export interface TableEmptyProps {
 
 const TableEmpty = ({ colSpan, children }: TableEmptyProps) => (
   <TableRow>
-    <TableCell colSpan={colSpan} className="text-center py-8 text-semantic-text-muted">
+    <TableCell
+      colSpan={colSpan}
+      className="text-center py-8 text-semantic-text-muted"
+    >
       {children || "No data available"}
     </TableCell>
   </TableRow>
@@ -3673,10 +3718,15 @@ const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
         {label && (
           <label
             htmlFor={inputId}
-            className={cn("text-sm font-medium text-semantic-text-primary", labelClassName)}
+            className={cn(
+              "text-xs font-normal text-semantic-text-muted",
+              labelClassName
+            )}
           >
             {label}
-            {required && <span className="text-semantic-error-primary ml-0.5">*</span>}
+            {required && (
+              <span className="text-semantic-error-primary ml-0.5">*</span>
+            )}
           </label>
         )}
 
@@ -3725,7 +3775,10 @@ const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
         {(error || helperText || (showCount && maxLength)) && (
           <div className="flex justify-between items-start gap-2">
             {error ? (
-              <span id={errorId} className="text-xs text-semantic-error-primary">
+              <span
+                id={errorId}
+                className="text-xs text-semantic-error-primary"
+              >
                 {error}
               </span>
             ) : helperText ? (
@@ -3739,7 +3792,9 @@ const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
               <span
                 className={cn(
                   "text-xs",
-                  charCount > maxLength ? "text-semantic-error-primary" : "text-semantic-text-muted"
+                  charCount > maxLength
+                    ? "text-semantic-error-primary"
+                    : "text-semantic-text-muted"
                 )}
               >
                 {charCount}/{maxLength}
@@ -3784,10 +3839,14 @@ const toastVariants = cva(
   {
     variants: {
       variant: {
-        default: "border-semantic-border-layout bg-semantic-bg-primary text-semantic-text-primary",
-        success: "border-semantic-success-border bg-semantic-success-surface text-semantic-success-hover",
-        error: "border-semantic-error-border bg-semantic-error-surface text-semantic-error-hover",
-        warning: "border-semantic-warning-border bg-semantic-warning-surface text-semantic-warning-hover",
+        default:
+          "border-semantic-border-layout bg-semantic-bg-primary text-semantic-text-primary",
+        success:
+          "border-semantic-success-border bg-semantic-success-surface text-semantic-success-hover",
+        error:
+          "border-semantic-error-border bg-semantic-error-surface text-semantic-error-hover",
+        warning:
+          "border-semantic-warning-border bg-semantic-warning-surface text-semantic-warning-hover",
         info: "border-semantic-info-border bg-semantic-info-surface text-semantic-info-hover",
       },
     },
@@ -3881,7 +3940,6 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 
- 
 export {
   type ToastProps,
   type ToastActionElement,
@@ -4126,11 +4184,23 @@ function Toaster() {
 
   return (
     <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, variant, ...props }) {
+      {toasts.map(function ({
+        id,
+        title,
+        description,
+        action,
+        variant,
+        ...props
+      }) {
         const Icon = variant ? variantIcons[variant] : null;
 
         return (
-          <Toast key={id} variant={variant} className={variant ?? undefined} {...props}>
+          <Toast
+            key={id}
+            variant={variant}
+            className={variant ?? undefined}
+            {...props}
+          >
             <div className="flex gap-3">
               {Icon && (
                 <Icon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.50",
+  "version": "0.2.52",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",