@blimu/react 1.1.0 → 1.1.4

package/dist/index.js

@@ -1,38 +1,38 @@
-import { RedirectToSignIn as o } from "./components/redirect-to-sign-in.js";
-import { UserButton as m } from "./components/user-button/user-button.js";
-import { UserAvatar as p } from "./components/user-avatar.js";
-import { SignInButton as f } from "./components/sign-in-button.js";
-import { MembersList as s } from "./components/members-list.js";
-import { useBlimu as n } from "./providers/blimu/blimu.hook.js";
-import { useAuth as h, useUser as b } from "./hooks/use-auth.js";
-import { useClient as A } from "./hooks/use-client.js";
-import { useMembers as B } from "./hooks/use-members.js";
-import { BlimuProvider as U } from "./providers/blimu/blimu.provider.js";
-import { AuthStateGuards as S } from "./types/index.js";
-import { BlimuRuntimeClientWrapper as c } from "./client/runtime-client.js";
-import { decodePublishableKey as C, getAuthApiUrl as I, getAuthDomainFromPublishableKey as K } from "./utils/publishable-key.js";
-import { blimuPlugin as R } from "./tailwind.plugin.js";
-import { ThemeProvider as F } from "./providers/theme/theme.provider.js";
-import { useTheme as L } from "./providers/theme/theme.hook.js";
+import { MembersList } from "./components/members-list.js";
+import { RedirectToSignIn } from "./components/redirect-to-sign-in.js";
+import { SignInButton } from "./components/sign-in-button.js";
+import { UserAvatar } from "./components/user-avatar.js";
+import { UserButton } from "./components/user-button/user-button.js";
+import { useBlimu } from "./providers/blimu/blimu.hook.js";
+import { useAuth, useUser } from "./hooks/use-auth.js";
+import { useClient } from "./hooks/use-client.js";
+import { useMembers } from "./hooks/use-members.js";
+import { BlimuProvider } from "./providers/blimu/blimu.provider.js";
+import { AuthStateGuards } from "./types/index.js";
+import { BlimuRuntimeClientWrapper } from "./client/runtime-client.js";
+import { decodePublishableKey, getAuthApiUrl, getAuthDomainFromPublishableKey } from "./utils/publishable-key.js";
+import { blimuPlugin } from "./tailwind.js";
+import { ThemeProvider } from "./providers/theme/theme.provider.js";
+import { useTheme } from "./providers/theme/theme.hook.js";
 export {
-  S as AuthStateGuards,
-  U as BlimuProvider,
-  c as BlimuRuntimeClientWrapper,
-  s as MembersList,
-  o as RedirectToSignIn,
-  f as SignInButton,
-  F as ThemeProvider,
-  p as UserAvatar,
-  m as UserButton,
-  R as blimuPlugin,
-  C as decodePublishableKey,
-  I as getAuthApiUrl,
-  K as getAuthDomainFromPublishableKey,
-  h as useAuth,
-  n as useBlimu,
-  A as useClient,
-  B as useMembers,
-  L as useTheme,
-  b as useUser
+  AuthStateGuards,
+  BlimuProvider,
+  BlimuRuntimeClientWrapper,
+  MembersList,
+  RedirectToSignIn,
+  SignInButton,
+  ThemeProvider,
+  UserAvatar,
+  UserButton,
+  blimuPlugin,
+  decodePublishableKey,
+  getAuthApiUrl,
+  getAuthDomainFromPublishableKey,
+  useAuth,
+  useBlimu,
+  useClient,
+  useMembers,
+  useTheme,
+  useUser
 };
 //# sourceMappingURL=index.js.map

package/dist/lib/utils.cjs

@@ -1,2 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../node_modules/clsx/dist/clsx.cjs"),t=require("../node_modules/tailwind-merge/dist/bundle-mjs.cjs");function n(...e){return t.twMerge(r.clsx(e))}exports.cn=n;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("../node_modules/clsx/dist/clsx.cjs");
+const bundleMjs = require("../node_modules/tailwind-merge/dist/bundle-mjs.cjs");
+function cn(...inputs) {
+  return bundleMjs.twMerge(clsx.clsx(inputs));
+}
+exports.cn = cn;
 //# sourceMappingURL=utils.cjs.map

package/dist/lib/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":"sMAOO,SAASA,KAAMC,EAAsB,CAC1C,OAAOC,EAAAA,QAAQC,OAAKF,CAAM,CAAC,CAC7B"}
+{"version":3,"file":"utils.cjs","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["twMerge","clsx"],"mappings":";;;;AAOO,SAAS,MAAM,QAAsB;AAC1C,SAAOA,UAAAA,QAAQC,UAAK,MAAM,CAAC;AAC7B;;"}

package/dist/lib/utils.js

@@ -1,9 +1,9 @@
-import { clsx as o } from "../node_modules/clsx/dist/clsx.js";
-import { twMerge as t } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
-function n(...r) {
-  return t(o(r));
+import { clsx } from "../node_modules/clsx/dist/clsx.js";
+import { twMerge } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
 }
 export {
-  n as cn
+  cn
 };
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAOO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
+{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":[],"mappings":";;AAOO,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;"}

package/dist/lib/variants.cjs

@@ -1,2 +1,47 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/class-variance-authority/dist/index.cjs"),i=e.cva("inline-flex items-center justify-center rounded-blimu transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-blimu-primary text-blimu-primary-foreground hover:bg-blimu-primary/90",outline:"border border-blimu-input bg-blimu-background hover:bg-blimu-accent hover:text-blimu-accent-foreground",ghost:"hover:bg-blimu-accent hover:text-blimu-accent-foreground",destructive:"bg-blimu-destructive text-blimu-destructive-foreground hover:bg-blimu-destructive/90"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-blimu-md px-3",lg:"h-11 rounded-blimu-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),t=e.cva("relative flex shrink-0 overflow-hidden rounded-full",{variants:{size:{default:"h-10 w-10",sm:"h-8 w-8",lg:"h-12 w-12",xl:"h-16 w-16"}},defaultVariants:{size:"default"}});exports.avatarVariants=t;exports.buttonVariants=i;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../node_modules/class-variance-authority/dist/index.cjs");
+const buttonVariants = index.cva(
+  // Base styles
+  "inline-flex items-center justify-center rounded-blimu transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-blimu-primary text-blimu-primary-foreground hover:bg-blimu-primary/90",
+        outline: "border border-blimu-input bg-blimu-background hover:bg-blimu-accent hover:text-blimu-accent-foreground",
+        ghost: "hover:bg-blimu-accent hover:text-blimu-accent-foreground",
+        destructive: "bg-blimu-destructive text-blimu-destructive-foreground hover:bg-blimu-destructive/90"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-blimu-md px-3",
+        lg: "h-11 rounded-blimu-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const avatarVariants = index.cva(
+  // Base styles
+  "relative flex shrink-0 overflow-hidden rounded-full",
+  {
+    variants: {
+      size: {
+        default: "h-10 w-10",
+        sm: "h-8 w-8",
+        lg: "h-12 w-12",
+        xl: "h-16 w-16"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+exports.avatarVariants = avatarVariants;
+exports.buttonVariants = buttonVariants;
 //# sourceMappingURL=variants.cjs.map

package/dist/lib/variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"variants.cjs","sources":["../../src/lib/variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Button variant styles using CVA\n *\n * @example\n * ```tsx\n * import { buttonVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <button className={cn(buttonVariants({ variant: 'default', size: 'lg' }))}>\n *   Click me\n * </button>\n * ```\n */\nexport const buttonVariants = cva(\n  // Base styles\n  'inline-flex items-center justify-center rounded-blimu transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-blimu-primary text-blimu-primary-foreground hover:bg-blimu-primary/90',\n        outline:\n          'border border-blimu-input bg-blimu-background hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        destructive:\n          'bg-blimu-destructive text-blimu-destructive-foreground hover:bg-blimu-destructive/90',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-blimu-md px-3',\n        lg: 'h-11 rounded-blimu-md px-8',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n\n/**\n * Avatar variant styles using CVA\n *\n * @example\n * ```tsx\n * import { avatarVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <div className={cn(avatarVariants({ size: 'lg' }))}>\n *   <img src=\"...\" alt=\"...\" />\n * </div>\n * ```\n */\nexport const avatarVariants = cva(\n  // Base styles\n  'relative flex shrink-0 overflow-hidden rounded-full',\n  {\n    variants: {\n      size: {\n        default: 'h-10 w-10',\n        sm: 'h-8 w-8',\n        lg: 'h-12 w-12',\n        xl: 'h-16 w-16',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\n"],"names":["buttonVariants","cva","avatarVariants"],"mappings":"2JAeaA,EAAiBC,EAAAA,IAE5B,gRACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,2EACT,QACE,yGACF,MAAO,2DACP,YACE,sFAAA,EAEJ,KAAM,CACJ,QAAS,iBACT,GAAI,4BACJ,GAAI,6BACJ,KAAM,WAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAiBaC,EAAiBD,EAAAA,IAE5B,sDACA,CACE,SAAU,CACR,KAAM,CACJ,QAAS,YACT,GAAI,UACJ,GAAI,YACJ,GAAI,WAAA,CACN,EAEF,gBAAiB,CACf,KAAM,SAAA,CACR,CAEJ"}
+{"version":3,"file":"variants.cjs","sources":["../../src/lib/variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Button variant styles using CVA\n *\n * @example\n * ```tsx\n * import { buttonVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <button className={cn(buttonVariants({ variant: 'default', size: 'lg' }))}>\n *   Click me\n * </button>\n * ```\n */\nexport const buttonVariants = cva(\n  // Base styles\n  'inline-flex items-center justify-center rounded-blimu transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-blimu-primary text-blimu-primary-foreground hover:bg-blimu-primary/90',\n        outline:\n          'border border-blimu-input bg-blimu-background hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        destructive:\n          'bg-blimu-destructive text-blimu-destructive-foreground hover:bg-blimu-destructive/90',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-blimu-md px-3',\n        lg: 'h-11 rounded-blimu-md px-8',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n\n/**\n * Avatar variant styles using CVA\n *\n * @example\n * ```tsx\n * import { avatarVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <div className={cn(avatarVariants({ size: 'lg' }))}>\n *   <img src=\"...\" alt=\"...\" />\n * </div>\n * ```\n */\nexport const avatarVariants = cva(\n  // Base styles\n  'relative flex shrink-0 overflow-hidden rounded-full',\n  {\n    variants: {\n      size: {\n        default: 'h-10 w-10',\n        sm: 'h-8 w-8',\n        lg: 'h-12 w-12',\n        xl: 'h-16 w-16',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\n"],"names":["cva"],"mappings":";;;AAeO,MAAM,iBAAiBA,MAAAA;AAAAA;AAAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,QACF,OAAO;AAAA,QACP,aACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAiBO,MAAM,iBAAiBA,MAAAA;AAAAA;AAAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;;;"}

package/dist/lib/variants.d.ts

@@ -13,7 +13,7 @@ import { type VariantProps } from 'class-variance-authority';
  * ```
  */
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "ghost" | "destructive" | null | undefined;
+    variant?: "destructive" | "default" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "lg" | "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/lib/variants.js

@@ -1,5 +1,5 @@
-import { cva as e } from "../node_modules/class-variance-authority/dist/index.js";
-const r = e(
+import { cva } from "../node_modules/class-variance-authority/dist/index.js";
+const buttonVariants = cva(
   // Base styles
   "inline-flex items-center justify-center rounded-blimu transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50",
   {
@@ -22,7 +22,8 @@ const r = e(
       size: "default"
     }
   }
-), t = e(
+);
+const avatarVariants = cva(
   // Base styles
   "relative flex shrink-0 overflow-hidden rounded-full",
   {
@@ -40,7 +41,7 @@ const r = e(
   }
 );
 export {
-  t as avatarVariants,
-  r as buttonVariants
+  avatarVariants,
+  buttonVariants
 };
 //# sourceMappingURL=variants.js.map

package/dist/lib/variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sources":["../../src/lib/variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Button variant styles using CVA\n *\n * @example\n * ```tsx\n * import { buttonVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <button className={cn(buttonVariants({ variant: 'default', size: 'lg' }))}>\n *   Click me\n * </button>\n * ```\n */\nexport const buttonVariants = cva(\n  // Base styles\n  'inline-flex items-center justify-center rounded-blimu transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-blimu-primary text-blimu-primary-foreground hover:bg-blimu-primary/90',\n        outline:\n          'border border-blimu-input bg-blimu-background hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        destructive:\n          'bg-blimu-destructive text-blimu-destructive-foreground hover:bg-blimu-destructive/90',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-blimu-md px-3',\n        lg: 'h-11 rounded-blimu-md px-8',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n\n/**\n * Avatar variant styles using CVA\n *\n * @example\n * ```tsx\n * import { avatarVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <div className={cn(avatarVariants({ size: 'lg' }))}>\n *   <img src=\"...\" alt=\"...\" />\n * </div>\n * ```\n */\nexport const avatarVariants = cva(\n  // Base styles\n  'relative flex shrink-0 overflow-hidden rounded-full',\n  {\n    variants: {\n      size: {\n        default: 'h-10 w-10',\n        sm: 'h-8 w-8',\n        lg: 'h-12 w-12',\n        xl: 'h-16 w-16',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\n"],"names":["buttonVariants","cva","avatarVariants"],"mappings":";AAeO,MAAMA,IAAiBC;AAAA;AAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,QACF,OAAO;AAAA,QACP,aACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAiBaC,IAAiBD;AAAA;AAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
+{"version":3,"file":"variants.js","sources":["../../src/lib/variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Button variant styles using CVA\n *\n * @example\n * ```tsx\n * import { buttonVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <button className={cn(buttonVariants({ variant: 'default', size: 'lg' }))}>\n *   Click me\n * </button>\n * ```\n */\nexport const buttonVariants = cva(\n  // Base styles\n  'inline-flex items-center justify-center rounded-blimu transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-blimu-primary text-blimu-primary-foreground hover:bg-blimu-primary/90',\n        outline:\n          'border border-blimu-input bg-blimu-background hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n        destructive:\n          'bg-blimu-destructive text-blimu-destructive-foreground hover:bg-blimu-destructive/90',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-blimu-md px-3',\n        lg: 'h-11 rounded-blimu-md px-8',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n\n/**\n * Avatar variant styles using CVA\n *\n * @example\n * ```tsx\n * import { avatarVariants } from '@blimu/react/lib/variants';\n * import { cn } from '@blimu/react/lib/utils';\n *\n * <div className={cn(avatarVariants({ size: 'lg' }))}>\n *   <img src=\"...\" alt=\"...\" />\n * </div>\n * ```\n */\nexport const avatarVariants = cva(\n  // Base styles\n  'relative flex shrink-0 overflow-hidden rounded-full',\n  {\n    variants: {\n      size: {\n        default: 'h-10 w-10',\n        sm: 'h-8 w-8',\n        lg: 'h-12 w-12',\n        xl: 'h-16 w-16',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\n"],"names":[],"mappings":";AAeO,MAAM,iBAAiB;AAAA;AAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,QACF,OAAO;AAAA,QACP,aACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAiBO,MAAM,iBAAiB;AAAA;AAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}