ui-arreya-components 0.0.14 → 0.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-arreya-components",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "types": "dist/index.d.ts",
   "exports": {

package/src/components/feature/header.tsx

@@ -66,9 +66,10 @@ export function Header({ title, breadcrumbItems = [], showHomeLink = true, class
           </Breadcrumb>
         )}
 
-        {title && <h1 className="text-2xl font-bold tracking-tight">{title}</h1>}
-
-        {children}
+        <div className="flex items-center justify-between">
+          {title && <h1 className="text-2xl font-bold tracking-tight">{title}</h1>}
+          {children && <div className="flex items-center">{children}</div>}
+        </div>
       </div>
     </header>
   )

package/src/components/ui/input.tsx

@@ -8,7 +8,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
       <input
         type={type}
         className={cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-9 w-full rounded-md border focus:border-[--primary] border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         )}
         ref={ref}

package/src/index.css

@@ -2501,6 +2501,10 @@ h1, h2, h3, h4 {
   background-color: hsl(var(--sidebar-border));
 }
 
+.focus\:border-\[--primary\]:focus{
+  border-color: var(--primary);
+}
+
 .focus\:bg-accent:focus{
   background-color: var(--accent);
 }
@@ -2575,6 +2579,10 @@ h1, h2, h3, h4 {
   --tw-ring-offset-color: var(--background);
 }
 
+.active\:border-\[--primary\]:active{
+  border-color: var(--primary);
+}
+
 .active\:bg-sidebar-accent:active{
   background-color: hsl(var(--sidebar-accent));
 }