saha-ui 1.13.3 → 1.15.0

package/bin/cli.js

@@ -802,8 +802,8 @@ const inject = (f, tailwindInfo) => {
       // Add @source to the @import line
       const updatedContent = cur.replace(
         /@import\s+["']tailwindcss["'];?/,
-        `@import "tailwindcss" 
-         @source "${sahaUISourcePath}";`
+        `@import "tailwindcss";
+        @source "${sahaUISourcePath}";`
       );
       wr(f, updatedContent);
       console.log(`\n✅ Added @source "${sahaUISourcePath}" to Tailwind v4 import`);

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

@@ -70,6 +70,12 @@ export interface AccordionTriggerProps {
      * Custom icon to display (default: ChevronDown)
      */
     icon?: ReactNode;
+    /**
+     * When true, the AccordionTrigger will render its child element and merge props
+     * Useful for composition with other components
+     * @default false
+     */
+    asChild?: boolean;
 }
 export interface AccordionContentProps {
     /**

package/dist/components/Accordion/Accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,YAAY,GACZ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,CAAC;AAEZ,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEjC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,YAAY,GACZ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,CAAC;AAEZ,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEjC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EAEtB,MAAM,mBAAmB,CAAC;AAwD3B,eAAO,MAAM,SAAS,uFAiFrB,CAAC;AAIF,eAAO,MAAM,aAAa,2FAsBxB,CAAC;AAIH,eAAO,MAAM,gBAAgB,iGA6C3B,CAAC;AAIH,eAAO,MAAM,gBAAgB,8FAsB3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EAEtB,MAAM,mBAAmB,CAAC;AAwD3B,eAAO,MAAM,SAAS,uFAiFrB,CAAC;AAIF,eAAO,MAAM,aAAa,2FAsBxB,CAAC;AAIH,eAAO,MAAM,gBAAgB,iGAqD3B,CAAC;AAIH,eAAO,MAAM,gBAAgB,8FAsB3B,CAAC"}

package/dist/components/Accordion/index.js

@@ -1,52 +1,53 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import m, { createContext as f, useEffect as N, useContext as g } from "react";
+import { jsx as r, jsxs as g, Fragment as N } from "react/jsx-runtime";
+import m, { createContext as v, useEffect as V, useContext as A } from "react";
 import { cn as s } from "../../lib/utils.js";
-import { ChevronDown as V } from "lucide-react";
-import { createValidator as I, isValidBoolean as E, commonValidators as R } from "../../lib/validation.js";
-import { accordionVariants as T, accordionItemVariants as k, accordionHeaderVariants as O, accordionContentVariants as j } from "./Accordion.styles.js";
-import { useAccordion as P } from "../../hooks/useAccordion.js";
-const v = f(
+import { ChevronDown as I } from "lucide-react";
+import { Slot as E } from "../../lib/Slot.js";
+import { createValidator as R, isValidBoolean as T, commonValidators as k } from "../../lib/validation.js";
+import { accordionVariants as O, accordionItemVariants as j, accordionHeaderVariants as P, accordionContentVariants as _ } from "./Accordion.styles.js";
+import { useAccordion as B } from "../../hooks/useAccordion.js";
+const x = v(
   void 0
-), A = () => {
-  const o = g(v);
+), y = () => {
+  const o = A(x);
   if (!o)
     throw new Error(
       "Accordion components must be used within an Accordion component"
     );
   return o;
-}, x = f(void 0), y = () => {
-  const o = g(x);
+}, h = v(void 0), C = () => {
+  const o = A(h);
   if (!o)
     throw new Error(
       "AccordionTrigger and AccordionContent must be used within an AccordionItem component"
     );
   return o;
-}, _ = m.forwardRef(
+}, D = m.forwardRef(
   ({
     type: o = "single",
     value: d,
-    defaultValue: a,
-    onValueChange: t,
-    variant: i = "default",
-    className: e,
-    collapsible: c = !1,
+    defaultValue: i,
+    onValueChange: e,
+    variant: c = "default",
+    className: a,
+    collapsible: t = !1,
     children: n
   }, u) => {
     const {
-      value: h,
-      handleValueChange: C,
+      value: p,
+      handleValueChange: f,
       type: w,
       collapsible: b
-    } = P({
+    } = B({
       type: o,
       value: d,
-      defaultValue: a,
-      onValueChange: t,
-      collapsible: c
+      defaultValue: i,
+      onValueChange: e,
+      collapsible: t
     });
-    return N(() => {
-      const l = I("Accordion");
-      l.validateEnum("type", o, ["single", "multiple"]), l.validateEnum("variant", i, [
+    return V(() => {
+      const l = R("Accordion");
+      l.validateEnum("type", o, ["single", "multiple"]), l.validateEnum("variant", c, [
         "default",
         "controlled",
         "allopen",
@@ -55,17 +56,17 @@ const v = f(
         "glass"
       ]), l.validateType(
         "collapsible",
-        c,
+        t,
         "boolean",
-        E
-      ), n || l.warn("Accordion should have AccordionItem children"), R.className(l, e);
-    }, [o, i, c, n, e]), /* @__PURE__ */ r(
-      v.Provider,
+        T
+      ), n || l.warn("Accordion should have AccordionItem children"), k.className(l, a);
+    }, [o, c, t, n, a]), /* @__PURE__ */ r(
+      x.Provider,
       {
         value: {
-          value: h,
-          onValueChange: C,
-          variant: i,
+          value: p,
+          onValueChange: f,
+          variant: c,
           type: w,
           collapsible: b
         },
@@ -73,7 +74,7 @@ const v = f(
           "div",
           {
             ref: u,
-            className: s(T({ variant: i }), e),
+            className: s(O({ variant: c }), a),
             children: n
           }
         )
@@ -81,74 +82,74 @@ const v = f(
     );
   }
 );
-_.displayName = "Accordion";
-const B = m.forwardRef(({ value: o, className: d, disabled: a = !1, children: t }, i) => {
-  const { value: e, type: c } = A(), n = c === "multiple" ? Array.isArray(e) && e.includes(o) : e === o;
-  return /* @__PURE__ */ r(x.Provider, { value: { isOpen: n, disabled: a, value: o }, children: /* @__PURE__ */ r(
+D.displayName = "Accordion";
+const F = m.forwardRef(({ value: o, className: d, disabled: i = !1, children: e }, c) => {
+  const { value: a, type: t } = y(), n = t === "multiple" ? Array.isArray(a) && a.includes(o) : a === o;
+  return /* @__PURE__ */ r(h.Provider, { value: { isOpen: n, disabled: i, value: o }, children: /* @__PURE__ */ r(
     "div",
     {
-      ref: i,
-      className: s(k({ isOpen: n, disabled: a }), d),
+      ref: c,
+      className: s(j({ isOpen: n, disabled: i }), d),
       "data-state": n ? "open" : "closed",
-      children: t
+      children: e
     }
   ) });
 });
-B.displayName = "AccordionItem";
-const D = m.forwardRef(({ children: o, className: d, icon: a }, t) => {
-  const { onValueChange: i } = A(), { isOpen: e, disabled: c, value: n } = y(), u = () => {
-    c || i(n);
+F.displayName = "AccordionItem";
+const H = m.forwardRef(({ children: o, className: d, icon: i, asChild: e = !1 }, c) => {
+  const { onValueChange: a } = y(), { isOpen: t, disabled: n, value: u } = C(), p = () => {
+    n || a(u);
   };
-  return /* @__PURE__ */ p(
-    "button",
+  return /* @__PURE__ */ r(
+    e ? E : "button",
     {
-      ref: t,
+      ref: c,
       type: "button",
-      className: s(O({ isOpen: e }), d),
-      onClick: u,
-      "aria-expanded": e,
-      disabled: c,
-      children: [
+      className: s(P({ isOpen: t }), d),
+      onClick: p,
+      "aria-expanded": t,
+      disabled: n,
+      children: e ? o : /* @__PURE__ */ g(N, { children: [
         /* @__PURE__ */ r("h3", { className: "text-base font-semibold text-foreground tracking-wide flex-1 text-left", children: o }),
-        /* @__PURE__ */ p("div", { className: "relative", children: [
+        /* @__PURE__ */ g("div", { className: "relative", children: [
           /* @__PURE__ */ r(
             "div",
             {
               className: s(
                 "absolute -inset-2 bg-gradient-to-r from-primary/20 via-secondary/20 to-accent/20 rounded-full blur-md opacity-0 transition-opacity duration-300",
-                e && "opacity-100"
+                t && "opacity-100"
               )
             }
           ),
-          a || /* @__PURE__ */ r(
-            V,
+          i || /* @__PURE__ */ r(
+            I,
             {
               className: s(
                 "relative h-5 w-5 transition-all duration-500 ease-out",
-                e ? "rotate-180 text-primary" : "rotate-0 text-muted-foreground group-hover:text-foreground"
+                t ? "rotate-180 text-primary" : "rotate-0 text-muted-foreground group-hover:text-foreground"
               )
             }
           )
         ] })
-      ]
+      ] })
     }
   );
 });
-D.displayName = "AccordionTrigger";
-const H = m.forwardRef(({ children: o, className: d }, a) => {
-  const { isOpen: t } = y();
+H.displayName = "AccordionTrigger";
+const S = m.forwardRef(({ children: o, className: d }, i) => {
+  const { isOpen: e } = C();
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: a,
-      className: s(j({ isOpen: t }), d),
-      "data-state": t ? "open" : "closed",
+      ref: i,
+      className: s(_({ isOpen: e }), d),
+      "data-state": e ? "open" : "closed",
       children: /* @__PURE__ */ r(
         "div",
         {
           className: s(
             "text-muted-foreground leading-relaxed transition-all duration-300",
-            t ? "translate-y-0 opacity-100" : "translate-y-2 opacity-0"
+            e ? "translate-y-0 opacity-100" : "translate-y-2 opacity-0"
           ),
           children: o
         }
@@ -156,10 +157,10 @@ const H = m.forwardRef(({ children: o, className: d }, a) => {
     }
   );
 });
-H.displayName = "AccordionContent";
+S.displayName = "AccordionContent";
 export {
-  _ as Accordion,
-  H as AccordionContent,
-  B as AccordionItem,
-  D as AccordionTrigger
+  D as Accordion,
+  S as AccordionContent,
+  F as AccordionItem,
+  H as AccordionTrigger
 };

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

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

package/dist/components/Alert/Alert.styles.js

@@ -9,7 +9,7 @@ const t = e(
         "left-accent": "border-l-4 bg-opacity-10 backdrop-blur-sm shadow-md shadow-current/10 before:absolute before:left-0 before:inset-y-0 before:w-1 before:bg-gradient-to-b before:from-transparent before:via-current before:to-transparent after:absolute after:left-0 after:top-0 after:bottom-0 after:w-0.5 after:bg-current/50 after:blur-sm hover:shadow-lg hover:shadow-current/20",
         "top-accent": "border-t-4 bg-opacity-10 backdrop-blur-sm shadow-md shadow-current/10 before:absolute before:top-0 before:inset-x-0 before:h-1 before:bg-gradient-to-r before:from-transparent before:via-current before:to-transparent after:absolute after:top-0 after:left-0 after:right-0 after:h-0.5 after:bg-current/50 after:blur-sm hover:shadow-lg hover:shadow-current/20",
         outline: "bg-card/50 backdrop-blur-sm border-2 border-current/30 shadow-md shadow-current/10 hover:border-current/50 hover:shadow-lg hover:shadow-current/25 hover:bg-card/70",
-        glass: "bg-background/30 backdrop-blur-xl border border-white/10 shadow-2xl shadow-current/20 before:absolute before:inset-0 before:bg-gradient-to-br before:from-white/5 before:to-transparent hover:border-white/20 hover:shadow-current/30"
+        glass: "bg-white/10 dark:bg-black/10 backdrop-blur-xl border border-white/20 shadow-2xl shadow-black/10 before:absolute before:inset-0 before:bg-gradient-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-500 after:absolute after:inset-0 after:bg-[radial-gradient(circle_at_50%_0%,rgba(255,255,255,0.1),transparent_50%)] after:opacity-0 hover:after:opacity-100 after:transition-opacity after:duration-700 hover:border-white/30 hover:shadow-current/30"
       },
       status: {
         info: "",

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,WAAW,6GA6NhB,CAAC;AAIF,eAAe,WAAW,CAAC;AAG3B,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,WAAW,6GA+NhB,CAAC;AAIF,eAAe,WAAW,CAAC;AAG3B,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/AspectRatio/index.js

@@ -1,14 +1,14 @@
-import { jsxs as Z, jsx as y } from "react/jsx-runtime";
-import { forwardRef as $, useEffect as j } from "react";
+import { jsxs as $, jsx as g } from "react/jsx-runtime";
+import { forwardRef as Z, useEffect as j } from "react";
 import { cn as v } from "../../lib/utils.js";
-import { createValidator as B, isValidBoolean as h, isValidNumber as b, isValidFunction as g, commonValidators as M } from "../../lib/validation.js";
+import { createValidator as B, isValidBoolean as h, isValidNumber as y, isValidFunction as b, commonValidators as M } from "../../lib/validation.js";
 import { overlayVariants as q, aspectRatioVariants as F } from "./AspectRatio.styles.js";
 import { useAspectRatio as L } from "../../hooks/useAspectRatio.js";
-const _ = $(
+const _ = Z(
   ({
     children: f,
-    ratio: a = "16/9",
-    customRatio: i,
+    ratio: i = "16/9",
+    customRatio: a,
     variant: o = "default",
     rounded: u = "md",
     overlay: m = !1,
@@ -22,22 +22,22 @@ const _ = $(
     className: c,
     contentClassName: w,
     ...R
-  }, T) => {
+  }, V) => {
     const {
-      paddingBottom: V,
+      paddingBottom: T,
       safeZoomScale: E,
       contentRef: x,
       handleMouseEnter: A,
       handleMouseLeave: N
     } = L({
-      ratio: a,
-      customRatio: i,
+      ratio: i,
+      customRatio: a,
       zoomOnHover: s,
       zoomScale: t
     });
     return j(() => {
       const e = B("AspectRatio");
-      e.validateEnum("ratio", a, [
+      e.validateEnum("ratio", i, [
         "1/1",
         "4/3",
         "16/9",
@@ -72,31 +72,28 @@ const _ = $(
         s,
         "boolean",
         h
-      ), e.validateType("lazy", p, "boolean", h), a === "custom" ? i ? e.validateType(
-        "customRatio",
-        i,
-        "number",
-        b
+      ), e.validateType("lazy", p, "boolean", h), i === "custom" ? a ? typeof a == "number" || typeof a == "string" || e.error(
+        `"customRatio" must be a number or string. Received: ${typeof a}`
       ) : e.error(
         '"customRatio" prop is required when ratio is set to "custom"'
-      ) : i !== void 0 && e.warn(
-        `"customRatio" prop is ignored when ratio is "${a}". Only use customRatio when ratio="custom".`
-      ), t !== void 0 && (e.validateType("zoomScale", t, "number", b), b(t) && (t < 1 || t > 2) && e.warn(
+      ) : a !== void 0 && e.warn(
+        `"customRatio" prop is ignored when ratio is "${i}". Only use customRatio when ratio="custom".`
+      ), t !== void 0 && (e.validateType("zoomScale", t, "number", y), y(t) && (t < 1 || t > 2) && e.warn(
         `"zoomScale" should be between 1.0 and 2.0. Received: ${t}. Value will be clamped.`
-      )), l && e.validateType("onClick", l, "function", g), n && e.validateType(
+      )), l && e.validateType("onClick", l, "function", b), n && e.validateType(
         "onMouseEnter",
         n,
         "function",
-        g
+        b
       ), d && e.validateType(
         "onMouseLeave",
         d,
         "function",
-        g
+        b
       ), f || e.warn("AspectRatio should have children content"), M.className(e, c);
     }, [
-      a,
       i,
+      a,
       o,
       u,
       m,
@@ -109,18 +106,18 @@ const _ = $(
       d,
       f,
       c
-    ]), /* @__PURE__ */ Z(
+    ]), /* @__PURE__ */ $(
       "div",
       {
-        ref: T,
+        ref: V,
         className: v(F({ variant: o, rounded: u }), c),
-        style: { paddingBottom: V },
+        style: { paddingBottom: T },
         onClick: l,
         onMouseEnter: n,
         onMouseLeave: d,
         ...R,
         children: [
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ g(
             "div",
             {
               ref: x,
@@ -141,7 +138,7 @@ const _ = $(
               children: f
             }
           ),
-          m && /* @__PURE__ */ y(
+          m && /* @__PURE__ */ g(
             "div",
             {
               className: v(

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" | "glass" | "primary" | "success" | "warning" | "filled" | "ghost" | "outlined" | null | undefined;
+    variant?: "error" | "default" | "filled" | "glass" | "primary" | "success" | "warning" | "ghost" | "outlined" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     focused?: boolean | null | undefined;
     error?: boolean | null | undefined;
@@ -12,7 +12,7 @@ declare const inputVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const dropdownVariants: (props?: ({
-    variant?: "error" | "default" | "glass" | "primary" | "success" | "warning" | "filled" | "ghost" | "outlined" | null | undefined;
+    variant?: "error" | "default" | "filled" | "glass" | "primary" | "success" | "warning" | "ghost" | "outlined" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const optionVariants: (props?: ({
     size?: "sm" | "md" | "lg" | 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;;8EAoBrB,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;;;;;8EA6BnB,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

@@ -18,7 +18,7 @@ const a = r("relative w-full", {
         filled: "bg-muted border border-transparent rounded-lg",
         outlined: "bg-transparent border-2 border-border rounded-lg",
         ghost: "bg-transparent border border-transparent rounded-lg hover:bg-muted/50",
-        glass: "bg-background/50 backdrop-blur-xl border border-border/30 rounded-lg",
+        glass: "bg-white/10 dark:bg-black/10 backdrop-blur-xl border border-white/20 rounded-lg shadow-2xl shadow-black/10",
         primary: "bg-primary/10 border border-primary rounded-lg",
         success: "bg-success/10 border border-success rounded-lg",
         warning: "bg-warning/10 border border-warning rounded-lg",
@@ -61,7 +61,7 @@ const a = r("relative w-full", {
         variant: "glass",
         focused: !0,
         error: !1,
-        className: "border-primary/50 ring-2 ring-primary/20"
+        className: "border-white/30 ring-2 ring-primary/20"
       }
     ],
     defaultVariants: {
@@ -99,7 +99,7 @@ const a = r("relative w-full", {
         filled: "bg-card",
         outlined: "bg-card",
         ghost: "bg-card",
-        glass: "bg-card/95 backdrop-blur-xl",
+        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",

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

@@ -9,12 +9,22 @@ export declare const AutocompleteInput: React.ForwardRefExoticComponent<Autocomp
 export interface AutocompleteDropdownProps {
     children?: React.ReactNode;
     className?: string;
+    /**
+     * When true, will render its child element and merge props
+     * @default false
+     */
+    asChild?: boolean;
 }
 export declare const AutocompleteDropdown: React.ForwardRefExoticComponent<AutocompleteDropdownProps & React.RefAttributes<HTMLDivElement>>;
 export interface AutocompleteOptionProps {
     option: AutocompleteOptionType;
     index: number;
     children?: React.ReactNode;
+    /**
+     * When true, will render its child element and merge props
+     * @default false
+     */
+    asChild?: boolean;
 }
 export declare const AutocompleteOption: React.ForwardRefExoticComponent<AutocompleteOptionProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

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;AAEf,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,IAAI,sBAAsB,EAG7C,MAAM,sBAAsB,CAAC;AAuF9B,eAAO,MAAM,YAAY,0FA8mBxB,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;CACpB;AAED,eAAO,MAAM,oBAAoB,kGAgB/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;CAC5B;AAED,eAAO,MAAM,kBAAkB,gGAsD7B,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;AAsF9B,eAAO,MAAM,YAAY,0FA8mBxB,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"}