@almadar/ui 2.24.4 → 2.25.0

package/dist/components/index.cjs

@@ -232,15 +232,15 @@ Icon.displayName = "Icon";
 var variantStyles = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -590,14 +590,16 @@ var Checkbox = React88__namespace.default.forwardRef(
 Checkbox.displayName = "Checkbox";
 var variantStyles2 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/components/index.js

@@ -202,15 +202,15 @@ Icon.displayName = "Icon";
 var variantStyles = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -560,14 +560,16 @@ var Checkbox = React88__default.forwardRef(
 Checkbox.displayName = "Checkbox";
 var variantStyles2 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/docs/index.cjs

@@ -3041,15 +3041,15 @@ Icon.displayName = "Icon";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3176,14 +3176,16 @@ var Button = React4__default.default.forwardRef(
 Button.displayName = "Button";
 var variantStyles3 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/docs/index.js

@@ -3017,15 +3017,15 @@ Icon.displayName = "Icon";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3152,14 +3152,16 @@ var Button = React4.forwardRef(
 Button.displayName = "Button";
 var variantStyles3 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/marketing/index.cjs

@@ -3041,15 +3041,15 @@ Icon.displayName = "Icon";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3240,14 +3240,16 @@ var Badge = React5__default.default.forwardRef(
 Badge.displayName = "Badge";
 var variantStyles4 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/marketing/index.js

@@ -3017,15 +3017,15 @@ Icon.displayName = "Icon";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3216,14 +3216,16 @@ var Badge = React5.forwardRef(
 Badge.displayName = "Badge";
 var variantStyles4 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/providers/index.cjs

@@ -908,15 +908,15 @@ Typography.displayName = "Typography";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -1330,14 +1330,16 @@ var Checkbox = React110__namespace.default.forwardRef(
 Checkbox.displayName = "Checkbox";
 var variantStyles4 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/providers/index.js

@@ -878,15 +878,15 @@ Typography.displayName = "Typography";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -1300,14 +1300,16 @@ var Checkbox = React110__default.forwardRef(
 Checkbox.displayName = "Checkbox";
 var variantStyles4 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/runtime/index.cjs

@@ -2614,15 +2614,15 @@ Drawer.displayName = "Drawer";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3132,14 +3132,16 @@ var Checkbox = React114__namespace.default.forwardRef(
 Checkbox.displayName = "Checkbox";
 var variantStyles4 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/dist/runtime/index.js

@@ -2584,15 +2584,15 @@ Drawer.displayName = "Drawer";
 var variantStyles2 = {
   primary: [
     "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
-    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "border-none",
     "shadow-[var(--shadow-sm)]",
     "hover:bg-[var(--color-primary-hover)] hover:shadow-[var(--shadow-hover)]",
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-transparent text-[var(--color-accent)]",
-    "border-[length:var(--border-width)] border-[var(--color-accent)]",
-    "hover:bg-[var(--color-accent)] hover:text-white",
+    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+    "border-none",
+    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3102,14 +3102,16 @@ var Checkbox = React114__default.forwardRef(
 Checkbox.displayName = "Checkbox";
 var variantStyles4 = {
   default: [
-    "bg-[var(--color-card)] border-none",
+    "bg-[var(--color-card)]",
+    "border-[length:var(--border-width)] border-[var(--color-border)]",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),
   bordered: [
     "bg-[var(--color-card)]",
     "border-[length:var(--border-width)] border-[var(--color-border)]",
-    "shadow-none",
+    "shadow-[var(--shadow-sm)]",
     "transition-all duration-[var(--transition-normal)]",
     "hover:shadow-[var(--shadow-hover)] hover:-translate-y-0.5"
   ].join(" "),

package/package.json

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