ssovee-os-web-ui 0.1.12 → 0.1.13

package/dist/index.cjs

@@ -224,11 +224,14 @@ var Input = React20__namespace.default.forwardRef(
         ),
         rightIcon && !showSubmitButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-neutral-400", children: rightIcon }),
         showSubmitButton && /* @__PURE__ */ jsxRuntime.jsx(
-          react.ArrowCircleRightIcon,
+          "button",
           {
-            size: 20,
+            type: "button",
             onClick: onSubmit,
-            className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-neutral-300 cursor-pointer hover:text-neutral-400 transition-colors"
+            disabled: props.disabled || props.readOnly || !onSubmit,
+            className: "absolute right-3 top-1/2 -translate-y-1/2 text-neutral-300 transition-colors hover:text-neutral-400 disabled:cursor-not-allowed disabled:opacity-50",
+            "aria-label": "Submit input",
+            children: /* @__PURE__ */ jsxRuntime.jsx(react.ArrowCircleRightIcon, { size: 20 })
           }
         )
       ] }),
@@ -389,6 +392,7 @@ var Checkbox = React20__namespace.default.forwardRef(
     indeterminate = false,
     checked,
     onChange,
+    disabled,
     ...props
   }, ref) => {
     const baseClasses = "transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer rounded-[6px]";
@@ -419,6 +423,7 @@ var Checkbox = React20__namespace.default.forwardRef(
               ),
               defaultChecked: checked,
               onChange,
+              disabled,
               ...props
             }
           ),
@@ -431,7 +436,16 @@ var Checkbox = React20__namespace.default.forwardRef(
             }
           ) })
         ] }),
-        label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm text-neutral-400 cursor-pointer select-none", children: label })
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            className: cn(
+              "text-sm text-neutral-400 select-none",
+              disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+            ),
+            children: label
+          }
+        )
       ] }),
       (error || helperText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 ml-6", children: [
         error && /* @__PURE__ */ jsxRuntime.jsx(Typography_default, { variant: "p", className: "text-xs text-red-500", children: error }),
@@ -518,7 +532,18 @@ var Toggle = React20__namespace.default.forwardRef(
             )
           }
         ),
-        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-neutral-500 cursor-pointer select-none", onClick: handleClick, children: label })
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "text-sm text-neutral-500 select-none",
+              disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+            ),
+            onClick: disabled ? void 0 : handleClick,
+            "aria-disabled": disabled,
+            children: label
+          }
+        )
       ] }),
       helperText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 ml-12", children: /* @__PURE__ */ jsxRuntime.jsx(Typography_default, { variant: "p", className: "text-xs text-neutral-400", children: helperText }) })
     ] });
@@ -574,7 +599,15 @@ var Dropdown = ({
     lg: "h-12 px-4 text-lg"
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: dropdownRef, className: "", children: [
-    trigger ? /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: handleToggle, className: "cursor-pointer", children: trigger }) : /* @__PURE__ */ jsxRuntime.jsxs(
+    trigger ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: handleToggle,
+        className: cn(disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
+        "aria-disabled": disabled,
+        children: trigger
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         onClick: handleToggle,
@@ -1800,6 +1833,7 @@ var Radio = React20__namespace.default.forwardRef(
     variant = "default",
     error,
     helperText,
+    disabled,
     ...props
   }, ref) => {
     const baseClasses = "transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer rounded-[6px]";
@@ -1828,12 +1862,22 @@ var Radio = React20__namespace.default.forwardRef(
                 error && "border-red-500 focus:border-red-500 focus:ring-red-500/50",
                 className
               ),
+              disabled,
               ...props
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/2 h-1/2 bg-white rounded-full opacity-0 checked:opacity-100" }) })
         ] }),
-        label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm text-neutral-400 cursor-pointer select-none", children: label })
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            className: cn(
+              "text-sm text-neutral-400 select-none",
+              disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+            ),
+            children: label
+          }
+        )
       ] }),
       (error || helperText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 ml-6", children: [
         error && /* @__PURE__ */ jsxRuntime.jsx(Typography_default, { variant: "p", className: "text-xs text-red-500", children: error }),
@@ -1945,17 +1989,22 @@ var TableFooter = React20__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-t border-surface-1 group hover:bg-surface-4 hover:text-neutral-500 cursor-pointer",
-      className
-    ),
-    ...props
-  }
-));
+var TableRow = React20__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
+  const isInteractive = typeof onClick === "function";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      ref,
+      onClick,
+      className: cn(
+        "border-t border-surface-1 group hover:bg-surface-4 hover:text-neutral-500",
+        isInteractive ? "cursor-pointer" : "cursor-default",
+        className
+      ),
+      ...props
+    }
+  );
+});
 TableRow.displayName = "TableRow";
 var TableHead = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",