saha-ui 1.19.0 → 1.21.0

package/dist/components/Accordion/Accordion.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const accordionVariants: (props?: ({
-    variant?: "toggle" | "default" | "controlled" | "allopen" | "firstopen" | "glass" | null | undefined;
+    variant?: "toggle" | "default" | "glass" | "controlled" | "allopen" | "firstopen" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const accordionItemVariants: (props?: ({
     isOpen?: boolean | null | undefined;

package/dist/components/Affix/Affix.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const affixVariants: (props?: ({
     affixed?: boolean | null | undefined;
-    position?: "none" | "bottom" | "top" | null | undefined;
+    position?: "none" | "top" | "bottom" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const affixPlaceholderVariants: (props?: ({
     visible?: boolean | null | undefined;

package/dist/components/Alert/Alert.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const alertVariants: (props?: ({
-    variant?: "solid" | "glass" | "subtle" | "left-accent" | "top-accent" | "outline" | null | undefined;
+    variant?: "glass" | "solid" | "subtle" | "left-accent" | "top-accent" | "outline" | null | undefined;
     status?: "success" | "danger" | "warning" | "info" | null | undefined;
     rounded?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/AppBar/AppBar.styles.d.ts

@@ -1,7 +1,7 @@
 export declare const appBarVariants: (props?: ({
     position?: "fixed" | "absolute" | "static" | "sticky" | null | undefined;
-    variant?: "transparent" | "default" | "elevated" | "outlined" | null | undefined;
-    color?: "transparent" | "default" | "primary" | "secondary" | null | undefined;
+    variant?: "default" | "transparent" | "elevated" | "outlined" | null | undefined;
+    color?: "primary" | "secondary" | "default" | "transparent" | null | undefined;
     elevation?: 0 | 3 | 2 | 1 | 4 | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     blur?: boolean | null | undefined;

package/dist/components/AspectRatio/AspectRatio.styles.d.ts

@@ -1,12 +1,12 @@
 declare const aspectRatioVariants: (props?: ({
-    variant?: "default" | "gradient" | "bordered" | "glass" | "glass-strong" | null | undefined;
-    rounded?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "full" | null | undefined;
+    variant?: "default" | "glass" | "gradient" | "bordered" | "glass-strong" | null | undefined;
+    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Overlay gradient variants
  */
 declare const overlayVariants: (props?: ({
-    position?: "center" | "left" | "right" | "bottom" | "top" | null | undefined;
+    position?: "top" | "left" | "center" | "right" | "bottom" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export { aspectRatioVariants, overlayVariants };
 //# sourceMappingURL=AspectRatio.styles.d.ts.map

package/dist/components/Autocomplete/Autocomplete.styles.d.ts

@@ -2,7 +2,7 @@ declare const containerVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const inputWrapperVariants: (props?: ({
-    variant?: "error" | "default" | "filled" | "glass" | "success" | "warning" | "outlined" | "primary" | "ghost" | null | undefined;
+    variant?: "error" | "primary" | "success" | "warning" | "default" | "glass" | "filled" | "outlined" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     focused?: boolean | null | undefined;
     error?: boolean | null | undefined;
@@ -12,9 +12,10 @@ declare const inputVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const dropdownVariants: (props?: ({
-    variant?: "error" | "default" | "filled" | "glass" | "success" | "warning" | "outlined" | "primary" | "ghost" | null | undefined;
+    variant?: "error" | "primary" | "success" | "warning" | "default" | "glass" | "filled" | "outlined" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const optionVariants: (props?: ({
+    variant?: "error" | "primary" | "success" | "warning" | "default" | "glass" | "filled" | "outlined" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     highlighted?: boolean | null | undefined;
     selected?: boolean | null | undefined;

package/dist/components/Autocomplete/Autocomplete.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,iBAAiB;;8EAUrB,CAAC;AAEH,QAAA,MAAM,oBAAoB;;;;;8EAgEzB,CAAC;AAEF,QAAA,MAAM,aAAa;;;8EAmBlB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;8EAqBrB,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;8EA6BnB,CAAC;AAEF,QAAA,MAAM,aAAa;;;8EAgBjB,CAAC;AACH,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,CAAC"}
+{"version":3,"file":"Autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,iBAAiB;;8EAUrB,CAAC;AAEH,QAAA,MAAM,oBAAoB;;;;;8EAgEzB,CAAC;AAEF,QAAA,MAAM,aAAa;;;8EAmBlB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;8EAqBrB,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;8EA2KnB,CAAC;AAEF,QAAA,MAAM,aAAa;;;8EAgBjB,CAAC;AACH,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,CAAC"}

package/dist/components/Autocomplete/Autocomplete.styles.js

@@ -71,7 +71,7 @@ const a = r("relative w-full", {
       error: !1
     }
   }
-), d = r(
+), s = r(
   "flex-1 bg-transparent outline-none placeholder:text-muted-foreground",
   {
     variants: {
@@ -90,38 +90,49 @@ const a = r("relative w-full", {
       disabled: !1
     }
   }
-), s = r(
-  "absolute z-50 w-full mt-1 bg-card border border-border rounded-lg shadow-2xl overflow-hidden",
+), d = r(
+  "absolute z-50 w-full mt-1 rounded-lg shadow-2xl overflow-hidden",
   {
     variants: {
       variant: {
-        default: "bg-card",
-        filled: "bg-card",
-        outlined: "bg-card",
-        ghost: "bg-card",
+        default: "bg-card border border-border",
+        filled: "bg-card border border-border",
+        outlined: "bg-card border border-border",
+        ghost: "bg-card border border-border",
         glass: "bg-white/10 dark:bg-black/10 backdrop-blur-xl border border-white/20 shadow-2xl shadow-black/10",
-        primary: "bg-card",
-        success: "bg-card",
-        warning: "bg-card",
-        error: "bg-card"
+        primary: "bg-card border border-primary/40",
+        success: "bg-card border border-success/40",
+        warning: "bg-card border border-warning/40",
+        error: "bg-card border border-danger/40"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), o = r(
+), i = r(
   "flex items-center gap-3 px-3 py-2 cursor-pointer transition-colors duration-150",
   {
     variants: {
+      variant: {
+        default: "",
+        filled: "",
+        outlined: "",
+        ghost: "",
+        glass: "",
+        primary: "",
+        success: "",
+        warning: "",
+        error: ""
+      },
       size: {
         sm: "px-2 py-1.5 text-xs",
         md: "px-3 py-2 text-sm",
         lg: "px-4 py-2.5 text-base"
       },
       highlighted: {
-        true: "bg-primary/10 text-primary",
-        false: "text-foreground hover:bg-muted"
+        true: "",
+        false: ""
       },
       selected: {
         true: "font-medium",
@@ -132,14 +143,139 @@ const a = r("relative w-full", {
         false: ""
       }
     },
+    compoundVariants: [
+      // Default behavior: highlighted uses primary tone
+      {
+        variant: "default",
+        highlighted: !0,
+        className: "bg-primary/10 text-primary"
+      },
+      {
+        variant: "default",
+        highlighted: !1,
+        className: "text-foreground hover:bg-muted"
+      },
+      // Primary
+      {
+        variant: "primary",
+        highlighted: !0,
+        className: "bg-primary/10 text-primary"
+      },
+      {
+        variant: "primary",
+        highlighted: !1,
+        className: "text-foreground hover:bg-primary/6"
+      },
+      {
+        variant: "primary",
+        selected: !0,
+        className: "text-primary bg-primary/10 font-medium"
+      },
+      // Success
+      {
+        variant: "success",
+        highlighted: !0,
+        className: "bg-success/10 text-success"
+      },
+      {
+        variant: "success",
+        highlighted: !1,
+        className: "text-foreground hover:bg-success/6"
+      },
+      {
+        variant: "success",
+        selected: !0,
+        className: "text-success bg-success/10 font-medium"
+      },
+      // Warning
+      {
+        variant: "warning",
+        highlighted: !0,
+        className: "bg-warning/10 text-warning"
+      },
+      {
+        variant: "warning",
+        highlighted: !1,
+        className: "text-foreground hover:bg-warning/6"
+      },
+      {
+        variant: "warning",
+        selected: !0,
+        className: "text-warning bg-warning/10 font-medium"
+      },
+      // Error
+      {
+        variant: "error",
+        highlighted: !0,
+        className: "bg-danger/10 text-danger"
+      },
+      {
+        variant: "error",
+        highlighted: !1,
+        className: "text-foreground hover:bg-danger/6"
+      },
+      {
+        variant: "error",
+        selected: !0,
+        className: "text-danger bg-danger/10 font-medium"
+      },
+      // Glass / ghost / filled / outlined keep subtle hover
+      {
+        variant: "glass",
+        highlighted: !0,
+        className: "bg-white/8 text-foreground"
+      },
+      {
+        variant: "glass",
+        highlighted: !1,
+        className: "text-foreground hover:bg-white/5"
+      },
+      {
+        variant: "ghost",
+        highlighted: !0,
+        className: "bg-muted/10 text-foreground"
+      },
+      {
+        variant: "ghost",
+        highlighted: !1,
+        className: "text-foreground hover:bg-muted/6"
+      },
+      {
+        variant: "filled",
+        highlighted: !0,
+        className: "bg-muted/20 text-foreground"
+      },
+      {
+        variant: "filled",
+        highlighted: !1,
+        className: "text-foreground hover:bg-muted/6"
+      },
+      {
+        variant: "outlined",
+        highlighted: !0,
+        className: "bg-muted/10 text-foreground"
+      },
+      {
+        variant: "outlined",
+        highlighted: !1,
+        className: "text-foreground hover:bg-muted/6"
+      },
+      // Ensure selected has font weight and variant color where appropriate
+      {
+        variant: "default",
+        selected: !0,
+        className: "text-primary font-medium"
+      }
+    ],
     defaultVariants: {
+      variant: "default",
       size: "md",
       highlighted: !1,
       selected: !1,
       disabled: !1
     }
   }
-), n = r("block mb-1.5 font-medium text-foreground", {
+), o = r("block mb-1.5 font-medium text-foreground", {
   variants: {
     size: {
       sm: "text-xs",
@@ -158,9 +294,9 @@ const a = r("relative w-full", {
 });
 export {
   a as containerVariants,
-  s as dropdownVariants,
-  d as inputVariants,
+  d as dropdownVariants,
+  s as inputVariants,
   t as inputWrapperVariants,
-  n as labelVariants,
-  o as optionVariants
+  o as labelVariants,
+  i as optionVariants
 };

package/dist/components/Autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,IAAI,sBAAsB,EAG7C,MAAM,sBAAsB,CAAC;AAgF9B,eAAO,MAAM,YAAY,0FAsfxB,CAAC;AAMF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,iGA+D5B,CAAC;AAIH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,kGAkB/B,CAAC;AAIH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,sBAAsB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,gGA8D7B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,IAAI,sBAAsB,EAG7C,MAAM,sBAAsB,CAAC;AAqG9B,eAAO,MAAM,YAAY,0FAwgBxB,CAAC;AAMF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,iGA+D5B,CAAC;AAIH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,kGA0C/B,CAAC;AAIH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,sBAAsB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,gGA+E7B,CAAC"}