@almadar/ui 2.27.0 → 2.27.2

package/dist/components/index.cjs

@@ -245,7 +245,8 @@ var variantStyles = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [
@@ -15426,18 +15427,14 @@ var InstallBox = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
-        className: cn(
-          "bg-foreground",
-          "rounded-md",
-          "border-[length:var(--border-width)] border-border"
-        ),
+        className: "bg-surface rounded-md border-[length:var(--border-width)] border-border",
         padding: "md",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "md", align: "center", children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Typography,
             {
               variant: "body2",
-              className: "font-mono flex-1 min-w-0 text-background select-all",
+              className: "font-mono flex-1 min-w-0 select-all",
               truncate: true,
               children: command
             }
@@ -15446,10 +15443,12 @@ var InstallBox = ({
             Button,
             {
               variant: "ghost",
-              size: "md",
+              size: "sm",
+              leftIcon: copied ? "check" : "copy",
               onClick: handleCopy,
-              className: "flex-shrink-0 text-background hover:text-background",
-              children: copied ? "Copied!" : "Copy"
+              className: "flex-shrink-0",
+              "aria-label": copied ? "Copied" : "Copy to clipboard",
+              children: copied ? "Copied" : "Copy"
             }
           )
         ] })

package/dist/components/index.js

@@ -215,7 +215,8 @@ var variantStyles = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [
@@ -15396,18 +15397,14 @@ var InstallBox = ({
     /* @__PURE__ */ jsx(
       Box,
       {
-        className: cn(
-          "bg-foreground",
-          "rounded-md",
-          "border-[length:var(--border-width)] border-border"
-        ),
+        className: "bg-surface rounded-md border-[length:var(--border-width)] border-border",
         padding: "md",
-        children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "center", children: [
+        children: /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
             Typography,
             {
               variant: "body2",
-              className: "font-mono flex-1 min-w-0 text-background select-all",
+              className: "font-mono flex-1 min-w-0 select-all",
               truncate: true,
               children: command
             }
@@ -15416,10 +15413,12 @@ var InstallBox = ({
             Button,
             {
               variant: "ghost",
-              size: "md",
+              size: "sm",
+              leftIcon: copied ? "check" : "copy",
               onClick: handleCopy,
-              className: "flex-shrink-0 text-background hover:text-background",
-              children: copied ? "Copied!" : "Copy"
+              className: "flex-shrink-0",
+              "aria-label": copied ? "Copied" : "Copy to clipboard",
+              children: copied ? "Copied" : "Copy"
             }
           )
         ] })

package/dist/docs/index.cjs

@@ -3054,7 +3054,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [

package/dist/docs/index.js

@@ -3030,7 +3030,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [

package/dist/marketing/index.cjs

@@ -3054,7 +3054,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [
@@ -3531,18 +3532,14 @@ var InstallBox = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
-        className: cn(
-          "bg-foreground",
-          "rounded-md",
-          "border-[length:var(--border-width)] border-border"
-        ),
+        className: "bg-surface rounded-md border-[length:var(--border-width)] border-border",
         padding: "md",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "md", align: "center", children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Typography,
             {
               variant: "body2",
-              className: "font-mono flex-1 min-w-0 text-background select-all",
+              className: "font-mono flex-1 min-w-0 select-all",
               truncate: true,
               children: command
             }
@@ -3551,10 +3548,12 @@ var InstallBox = ({
             Button,
             {
               variant: "ghost",
-              size: "md",
+              size: "sm",
+              leftIcon: copied ? "check" : "copy",
               onClick: handleCopy,
-              className: "flex-shrink-0 text-background hover:text-background",
-              children: copied ? "Copied!" : "Copy"
+              className: "flex-shrink-0",
+              "aria-label": copied ? "Copied" : "Copy to clipboard",
+              children: copied ? "Copied" : "Copy"
             }
           )
         ] })

package/dist/marketing/index.js

@@ -3030,7 +3030,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [
@@ -3507,18 +3508,14 @@ var InstallBox = ({
     /* @__PURE__ */ jsx(
       Box,
       {
-        className: cn(
-          "bg-foreground",
-          "rounded-md",
-          "border-[length:var(--border-width)] border-border"
-        ),
+        className: "bg-surface rounded-md border-[length:var(--border-width)] border-border",
         padding: "md",
-        children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "center", children: [
+        children: /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
             Typography,
             {
               variant: "body2",
-              className: "font-mono flex-1 min-w-0 text-background select-all",
+              className: "font-mono flex-1 min-w-0 select-all",
               truncate: true,
               children: command
             }
@@ -3527,10 +3524,12 @@ var InstallBox = ({
             Button,
             {
               variant: "ghost",
-              size: "md",
+              size: "sm",
+              leftIcon: copied ? "check" : "copy",
               onClick: handleCopy,
-              className: "flex-shrink-0 text-background hover:text-background",
-              children: copied ? "Copied!" : "Copy"
+              className: "flex-shrink-0",
+              "aria-label": copied ? "Copied" : "Copy to clipboard",
+              children: copied ? "Copied" : "Copy"
             }
           )
         ] })

package/dist/providers/index.cjs

@@ -921,7 +921,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [

package/dist/providers/index.js

@@ -891,7 +891,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [

package/dist/runtime/index.cjs

@@ -2656,7 +2656,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [

package/dist/runtime/index.js

@@ -2626,7 +2626,8 @@ var variantStyles2 = {
   ].join(" "),
   ghost: [
     "bg-transparent text-muted-foreground",
-    "hover:text-foreground hover:bg-muted",
+    "border border-transparent",
+    "hover:text-foreground hover:bg-muted hover:border-border",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   danger: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.27.0",
+  "version": "2.27.2",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",