@schandlergarcia/sf-web-components 1.2.18 → 1.3.1

package/src/components/library/ui/{UIButton.jsx → UIButton.tsx}

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 const VARIANT_CLASSES = {
   primary:
@@ -10,36 +10,39 @@ const VARIANT_CLASSES = {
   outline:
     "bg-transparent text-slate-900 hover:bg-slate-50 dark:text-slate-50 dark:hover:bg-slate-900 border-slate-200 dark:border-slate-800",
   ghost:
-    "bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent"
-};
+    "bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent",
+  link: "text-brand-600 underline-offset-4 hover:underline dark:text-brand-400 border-transparent"
+} as const;
 
 const SIZE_CLASSES = {
   sm: "h-8 px-3 text-sm",
   md: "h-10 px-4 text-sm",
   lg: "h-12 px-5 text-base",
   icon: "h-10 w-10 p-0"
-};
+} as const;
+
+export interface UIButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: keyof typeof VARIANT_CLASSES;
+  size?: keyof typeof SIZE_CLASSES;
+  fullWidth?: boolean;
+}
 
 export default function UIButton({
   variant = "primary",
   size = "md",
   fullWidth = false,
   disabled = false,
-  onClick = () => {},
-  children,
-  style = undefined,
   className = "",
+  children,
   ...rest
-}) {
-  const variantClass = VARIANT_CLASSES[variant] ?? VARIANT_CLASSES.primary;
-  const sizeClass = SIZE_CLASSES[size] ?? SIZE_CLASSES.md;
+}: UIButtonProps) {
+  const variantClass = VARIANT_CLASSES[variant];
+  const sizeClass = SIZE_CLASSES[size];
 
   return (
     <button
       type="button"
-      onClick={onClick}
       disabled={disabled}
-      style={style}
       className={[
         "inline-flex items-center justify-center gap-2 rounded-lg border font-medium shadow-sm transition",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950",
@@ -57,5 +60,3 @@ export default function UIButton({
     </button>
   );
 }
-
-