@alquimia-ai/ui 1.1.0 → 1.2.0

package/dist/components/atoms/index.js

@@ -447,7 +447,7 @@ function Skeleton({
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
-      className: cn("animate-pulse rounded-md bg-muted", className),
+      className: cn("animate-pulse rounded-md bg-muted text-muted-foreground", className, "alq--skeleton"),
       ...props
     }
   );
@@ -545,7 +545,7 @@ var DrawerContent = React7.forwardRef(({ className, children, ...props }, ref) =
     {
       ref,
       className: cn(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-border bg-background text-foreground alq--drawer-content",
         className
       ),
       ...props,
@@ -563,7 +563,7 @@ var DrawerHeader = ({
 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   "div",
   {
-    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header"),
     ...props
   }
 );
@@ -574,7 +574,7 @@ var DrawerFooter = ({
 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   "div",
   {
-    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer"),
     ...props
   }
 );
@@ -585,7 +585,8 @@ var DrawerTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ref,
     className: cn(
       "text-lg font-semibold leading-none tracking-tight",
-      className
+      className,
+      "alq--drawer-title"
     ),
     ...props
   }
@@ -595,7 +596,7 @@ var DrawerDescription = React7.forwardRef(({ className, ...props }, ref) => /* @
   import_vaul.Drawer.Description,
   {
     ref,
-    className: cn("text-sm text-muted-foreground", className),
+    className: cn("text-sm text-muted-foreground", className, "alq--drawer-description"),
     ...props
   }
 ));
@@ -869,18 +870,18 @@ var Table = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   "table",
   {
     ref,
-    className: cn("w-full caption-bottom text-sm", className, "alq--table"),
+    className: cn("w-full caption-bottom text-sm text-foreground bg-background", className, "alq--table"),
     ...props
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { ref, className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header"), ...props }));
 TableHeader.displayName = "TableHeader";
 var TableBody = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   "tbody",
   {
     ref,
-    className: cn("[&_tr:last-child]:border-0", className),
+    className: cn("[&_tr:last-child]:border-0 [&_tr]:border-b border-border", className, "alq--table-body"),
     ...props
   }
 ));
@@ -890,8 +891,9 @@ var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
+      "border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className,
+      "alq--table-footer"
     ),
     ...props
   }
@@ -1183,7 +1185,8 @@ var DialogContent = React19.forwardRef(({ className, children, ...props }, ref)
       ref,
       className: cn(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
+        className,
+        "alq--dialog-content"
       ),
       ...props,
       children: [
@@ -1204,8 +1207,9 @@ var DialogHeader = ({
   "div",
   {
     className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
+      "flex flex-col space-y-1.5 text-center sm:text-left text-foreground",
+      className,
+      "alq--dialog-header"
     ),
     ...props
   }
@@ -1230,8 +1234,9 @@ var DialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
+      "text-lg font-semibold leading-none tracking-tight text-foreground",
+      className,
+      "alq--dialog-title"
     ),
     ...props
   }