@kopexa/theme 1.5.2 → 1.5.3

package/dist/chunk-XCLEKBCJ.mjs

@@ -0,0 +1,17 @@
+// src/components/avatar-group.ts
+import { tv } from "tailwind-variants";
+var avatarGroup = tv({
+  slots: {
+    base: "flex items-center justify-center h-auto w-max",
+    count: "hover:-translate-x-0"
+  },
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
+
+export {
+  avatarGroup
+};

package/dist/{chunk-Q5DCJR2X.mjs → chunk-Z56OSRTC.mjs}

@@ -114,6 +114,19 @@ var avatar = tv({
       true: {
         root: "opacity-50"
       }
+    },
+    isInGroup: {
+      true: {
+        root: [
+          "-ms-2 hover:-translate-x-3 rtl:hover:translate-x-3 transition-transform",
+          "focus-visible:-translate-x-3 rtl:focus-visible:translate-x-3"
+        ]
+      }
+    },
+    isInGridGroup: {
+      true: {
+        root: "m-0 hover:translate-x-0"
+      }
     }
   },
   defaultVariants: {

package/dist/components/avatar-group.d.mts

@@ -0,0 +1,29 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarGroup: tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, {
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroup>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, avatarGroup };

package/dist/components/avatar-group.d.ts

@@ -0,0 +1,29 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarGroup: tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, {
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroup>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, avatarGroup };

package/dist/components/avatar-group.js

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/avatar-group.ts
+var avatar_group_exports = {};
+__export(avatar_group_exports, {
+  avatarGroup: () => avatarGroup
+});
+module.exports = __toCommonJS(avatar_group_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var avatarGroup = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "flex items-center justify-center h-auto w-max",
+    count: "hover:-translate-x-0"
+  },
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  avatarGroup
+});

package/dist/components/avatar-group.mjs

@@ -0,0 +1,6 @@
+import {
+  avatarGroup
+} from "../chunk-XCLEKBCJ.mjs";
+export {
+  avatarGroup
+};

package/dist/components/avatar.d.mts

@@ -60,6 +60,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -125,6 +135,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -190,6 +210,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];

package/dist/components/avatar.d.ts

@@ -60,6 +60,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -125,6 +135,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -190,6 +210,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];

package/dist/components/avatar.js

@@ -195,6 +195,19 @@ var avatar = (0, import_tailwind_variants.tv)({
       true: {
         root: "opacity-50"
       }
+    },
+    isInGroup: {
+      true: {
+        root: [
+          "-ms-2 hover:-translate-x-3 rtl:hover:translate-x-3 transition-transform",
+          "focus-visible:-translate-x-3 rtl:focus-visible:translate-x-3"
+        ]
+      }
+    },
+    isInGridGroup: {
+      true: {
+        root: "m-0 hover:translate-x-0"
+      }
     }
   },
   defaultVariants: {

package/dist/components/avatar.mjs

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "../chunk-Q5DCJR2X.mjs";
+} from "../chunk-Z56OSRTC.mjs";
 import "../chunk-25L2JS6A.mjs";
 import "../chunk-67PPUTSS.mjs";
 export {

package/dist/components/index.d.mts

@@ -1,5 +1,6 @@
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.mjs';
+export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.mjs';
 export { ButtonVariantProps, button } from './button.mjs';
 export { CalendarVariantProps, calendar } from './calendar.mjs';
 export { CardSlots, CardVariantProps, card } from './card.mjs';

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.js';
+export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.js';
 export { ButtonVariantProps, button } from './button.js';
 export { CalendarVariantProps, calendar } from './calendar.js';
 export { CardSlots, CardVariantProps, card } from './card.js';

package/dist/components/index.js

@@ -22,6 +22,7 @@ var components_exports = {};
 __export(components_exports, {
   alertDialog: () => alertDialog,
   avatar: () => avatar,
+  avatarGroup: () => avatarGroup,
   button: () => button,
   calendar: () => calendar,
   card: () => card,
@@ -229,6 +230,19 @@ var avatar = (0, import_tailwind_variants2.tv)({
       true: {
         root: "opacity-50"
       }
+    },
+    isInGroup: {
+      true: {
+        root: [
+          "-ms-2 hover:-translate-x-3 rtl:hover:translate-x-3 transition-transform",
+          "focus-visible:-translate-x-3 rtl:focus-visible:translate-x-3"
+        ]
+      }
+    },
+    isInGridGroup: {
+      true: {
+        root: "m-0 hover:translate-x-0"
+      }
     }
   },
   defaultVariants: {
@@ -282,9 +296,23 @@ var avatar = (0, import_tailwind_variants2.tv)({
   ]
 });
 
-// src/components/button.ts
+// src/components/avatar-group.ts
 var import_tailwind_variants3 = require("tailwind-variants");
-var button = (0, import_tailwind_variants3.tv)({
+var avatarGroup = (0, import_tailwind_variants3.tv)({
+  slots: {
+    base: "flex items-center justify-center h-auto w-max",
+    count: "hover:-translate-x-0"
+  },
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
+
+// src/components/button.ts
+var import_tailwind_variants4 = require("tailwind-variants");
+var button = (0, import_tailwind_variants4.tv)({
   base: [
     "group relative inline-flex items-center justify-center select-none",
     "box-border appearance-none",
@@ -431,8 +459,8 @@ var button = (0, import_tailwind_variants3.tv)({
 });
 
 // src/components/calendar.ts
-var import_tailwind_variants4 = require("tailwind-variants");
-var calendar = (0, import_tailwind_variants4.tv)({
+var import_tailwind_variants5 = require("tailwind-variants");
+var calendar = (0, import_tailwind_variants5.tv)({
   slots: {
     base: [
       "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -484,8 +512,8 @@ var calendar = (0, import_tailwind_variants4.tv)({
 });
 
 // src/components/card.ts
-var import_tailwind_variants5 = require("tailwind-variants");
-var card = (0, import_tailwind_variants5.tv)({
+var import_tailwind_variants6 = require("tailwind-variants");
+var card = (0, import_tailwind_variants6.tv)({
   slots: {
     root: [
       "flex flex-col relative overflow-hidden h-auto outline-hidden text-card-foreground bg-card box-border",
@@ -603,8 +631,8 @@ var card = (0, import_tailwind_variants5.tv)({
 });
 
 // src/components/chip.ts
-var import_tailwind_variants6 = require("tailwind-variants");
-var chip = (0, import_tailwind_variants6.tv)({
+var import_tailwind_variants7 = require("tailwind-variants");
+var chip = (0, import_tailwind_variants7.tv)({
   slots: {
     root: [
       "relative",
@@ -920,8 +948,8 @@ var chip = (0, import_tailwind_variants6.tv)({
 });
 
 // src/components/command.ts
-var import_tailwind_variants7 = require("tailwind-variants");
-var command = (0, import_tailwind_variants7.tv)({
+var import_tailwind_variants8 = require("tailwind-variants");
+var command = (0, import_tailwind_variants8.tv)({
   slots: {
     root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
     inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -940,8 +968,8 @@ var command = (0, import_tailwind_variants7.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants8 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants8.tv)({
+var import_tailwind_variants9 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants9.tv)({
   slots: {
     overlay: ["fixed inset-0 z-50 bg-black/25"],
     content: [
@@ -1032,8 +1060,8 @@ var dialog = (0, import_tailwind_variants8.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants9 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants9.tv)({
+var import_tailwind_variants10 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants10.tv)({
   slots: {
     overlay: dialog.slots.overlay,
     content: [
@@ -1113,8 +1141,8 @@ var drawer = (0, import_tailwind_variants9.tv)({
 });
 
 // src/components/dropdown-menu.ts
-var import_tailwind_variants10 = require("tailwind-variants");
-var dropdownMenu = (0, import_tailwind_variants10.tv)({
+var import_tailwind_variants11 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants11.tv)({
   slots: {
     root: "",
     content: "min-w-56 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -1134,14 +1162,14 @@ var dropdownMenu = (0, import_tailwind_variants10.tv)({
 });
 
 // src/components/input.ts
-var import_tailwind_variants11 = require("tailwind-variants");
-var passwordInput = (0, import_tailwind_variants11.tv)({
+var import_tailwind_variants12 = require("tailwind-variants");
+var passwordInput = (0, import_tailwind_variants12.tv)({
   slots: {
     button: "focus:outline-hidden",
     icon: "pointer-events-none text-muted-foreground"
   }
 });
-var input = (0, import_tailwind_variants11.tv)({
+var input = (0, import_tailwind_variants12.tv)({
   base: [],
   slots: {
     inputWrapper: [
@@ -1222,8 +1250,8 @@ var input = (0, import_tailwind_variants11.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants12 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants12.tv)({
+var import_tailwind_variants13 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants13.tv)({
   slots: {
     root: "",
     wrapper: "flex mx-auto flex-wrap",
@@ -1320,8 +1348,8 @@ var pageLayout = (0, import_tailwind_variants12.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants13 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants13.tv)({
+var import_tailwind_variants14 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants14.tv)({
   slots: {
     content: [
       "bg-popover text-popover-foreground z-50 w-72",
@@ -1332,8 +1360,8 @@ var popover = (0, import_tailwind_variants13.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants14 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants14.tv)({
+var import_tailwind_variants15 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants15.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -1450,8 +1478,8 @@ var spinner = (0, import_tailwind_variants14.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants15 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants15.tv)({
+var import_tailwind_variants16 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants16.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -1465,6 +1493,7 @@ var tooltip = (0, import_tailwind_variants15.tv)({
 0 && (module.exports = {
   alertDialog,
   avatar,
+  avatarGroup,
   button,
   calendar,
   card,

package/dist/components/index.mjs

@@ -1,7 +1,13 @@
-import "../chunk-PWBTAIYS.mjs";
+import "../chunk-5EDS3TJU.mjs";
+import {
+  spinner
+} from "../chunk-4UDOCFU5.mjs";
 import {
   tooltip
 } from "../chunk-SVCFD7RR.mjs";
+import {
+  command
+} from "../chunk-YPHFKGNI.mjs";
 import {
   drawer
 } from "../chunk-UI2M2MFB.mjs";
@@ -21,15 +27,15 @@ import {
 import {
   popover
 } from "../chunk-J35D7RWA.mjs";
-import {
-  spinner
-} from "../chunk-4UDOCFU5.mjs";
 import {
   alertDialog
 } from "../chunk-CPEP2RO4.mjs";
+import {
+  avatarGroup
+} from "../chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "../chunk-Q5DCJR2X.mjs";
+} from "../chunk-Z56OSRTC.mjs";
 import {
   button
 } from "../chunk-BIRJNNEY.mjs";
@@ -44,12 +50,10 @@ import {
   chip
 } from "../chunk-32L6KXLV.mjs";
 import "../chunk-67PPUTSS.mjs";
-import {
-  command
-} from "../chunk-YPHFKGNI.mjs";
 export {
   alertDialog,
   avatar,
+  avatarGroup,
   button,
   calendar,
   card,

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.mjs';
+export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.mjs';
 export { ButtonVariantProps, button } from './components/button.mjs';
 export { CalendarVariantProps, calendar } from './components/calendar.mjs';
 export { CardSlots, CardVariantProps, card } from './components/card.mjs';

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.js';
+export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.js';
 export { ButtonVariantProps, button } from './components/button.js';
 export { CalendarVariantProps, calendar } from './components/calendar.js';
 export { CardSlots, CardVariantProps, card } from './components/card.js';

package/dist/index.js

@@ -22,6 +22,7 @@ var index_exports = {};
 __export(index_exports, {
   alertDialog: () => alertDialog,
   avatar: () => avatar,
+  avatarGroup: () => avatarGroup,
   button: () => button,
   calendar: () => calendar,
   card: () => card,
@@ -229,6 +230,19 @@ var avatar = (0, import_tailwind_variants2.tv)({
       true: {
         root: "opacity-50"
       }
+    },
+    isInGroup: {
+      true: {
+        root: [
+          "-ms-2 hover:-translate-x-3 rtl:hover:translate-x-3 transition-transform",
+          "focus-visible:-translate-x-3 rtl:focus-visible:translate-x-3"
+        ]
+      }
+    },
+    isInGridGroup: {
+      true: {
+        root: "m-0 hover:translate-x-0"
+      }
     }
   },
   defaultVariants: {
@@ -282,9 +296,23 @@ var avatar = (0, import_tailwind_variants2.tv)({
   ]
 });
 
-// src/components/button.ts
+// src/components/avatar-group.ts
 var import_tailwind_variants3 = require("tailwind-variants");
-var button = (0, import_tailwind_variants3.tv)({
+var avatarGroup = (0, import_tailwind_variants3.tv)({
+  slots: {
+    base: "flex items-center justify-center h-auto w-max",
+    count: "hover:-translate-x-0"
+  },
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
+
+// src/components/button.ts
+var import_tailwind_variants4 = require("tailwind-variants");
+var button = (0, import_tailwind_variants4.tv)({
   base: [
     "group relative inline-flex items-center justify-center select-none",
     "box-border appearance-none",
@@ -431,8 +459,8 @@ var button = (0, import_tailwind_variants3.tv)({
 });
 
 // src/components/calendar.ts
-var import_tailwind_variants4 = require("tailwind-variants");
-var calendar = (0, import_tailwind_variants4.tv)({
+var import_tailwind_variants5 = require("tailwind-variants");
+var calendar = (0, import_tailwind_variants5.tv)({
   slots: {
     base: [
       "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -484,8 +512,8 @@ var calendar = (0, import_tailwind_variants4.tv)({
 });
 
 // src/components/card.ts
-var import_tailwind_variants5 = require("tailwind-variants");
-var card = (0, import_tailwind_variants5.tv)({
+var import_tailwind_variants6 = require("tailwind-variants");
+var card = (0, import_tailwind_variants6.tv)({
   slots: {
     root: [
       "flex flex-col relative overflow-hidden h-auto outline-hidden text-card-foreground bg-card box-border",
@@ -603,8 +631,8 @@ var card = (0, import_tailwind_variants5.tv)({
 });
 
 // src/components/chip.ts
-var import_tailwind_variants6 = require("tailwind-variants");
-var chip = (0, import_tailwind_variants6.tv)({
+var import_tailwind_variants7 = require("tailwind-variants");
+var chip = (0, import_tailwind_variants7.tv)({
   slots: {
     root: [
       "relative",
@@ -920,8 +948,8 @@ var chip = (0, import_tailwind_variants6.tv)({
 });
 
 // src/components/command.ts
-var import_tailwind_variants7 = require("tailwind-variants");
-var command = (0, import_tailwind_variants7.tv)({
+var import_tailwind_variants8 = require("tailwind-variants");
+var command = (0, import_tailwind_variants8.tv)({
   slots: {
     root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
     inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -940,8 +968,8 @@ var command = (0, import_tailwind_variants7.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants8 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants8.tv)({
+var import_tailwind_variants9 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants9.tv)({
   slots: {
     overlay: ["fixed inset-0 z-50 bg-black/25"],
     content: [
@@ -1032,8 +1060,8 @@ var dialog = (0, import_tailwind_variants8.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants9 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants9.tv)({
+var import_tailwind_variants10 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants10.tv)({
   slots: {
     overlay: dialog.slots.overlay,
     content: [
@@ -1113,8 +1141,8 @@ var drawer = (0, import_tailwind_variants9.tv)({
 });
 
 // src/components/dropdown-menu.ts
-var import_tailwind_variants10 = require("tailwind-variants");
-var dropdownMenu = (0, import_tailwind_variants10.tv)({
+var import_tailwind_variants11 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants11.tv)({
   slots: {
     root: "",
     content: "min-w-56 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -1134,14 +1162,14 @@ var dropdownMenu = (0, import_tailwind_variants10.tv)({
 });
 
 // src/components/input.ts
-var import_tailwind_variants11 = require("tailwind-variants");
-var passwordInput = (0, import_tailwind_variants11.tv)({
+var import_tailwind_variants12 = require("tailwind-variants");
+var passwordInput = (0, import_tailwind_variants12.tv)({
   slots: {
     button: "focus:outline-hidden",
     icon: "pointer-events-none text-muted-foreground"
   }
 });
-var input = (0, import_tailwind_variants11.tv)({
+var input = (0, import_tailwind_variants12.tv)({
   base: [],
   slots: {
     inputWrapper: [
@@ -1222,8 +1250,8 @@ var input = (0, import_tailwind_variants11.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants12 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants12.tv)({
+var import_tailwind_variants13 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants13.tv)({
   slots: {
     root: "",
     wrapper: "flex mx-auto flex-wrap",
@@ -1320,8 +1348,8 @@ var pageLayout = (0, import_tailwind_variants12.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants13 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants13.tv)({
+var import_tailwind_variants14 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants14.tv)({
   slots: {
     content: [
       "bg-popover text-popover-foreground z-50 w-72",
@@ -1332,8 +1360,8 @@ var popover = (0, import_tailwind_variants13.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants14 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants14.tv)({
+var import_tailwind_variants15 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants15.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -1450,8 +1478,8 @@ var spinner = (0, import_tailwind_variants14.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants15 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants15.tv)({
+var import_tailwind_variants16 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants16.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -1465,6 +1493,7 @@ var tooltip = (0, import_tailwind_variants15.tv)({
 0 && (module.exports = {
   alertDialog,
   avatar,
+  avatarGroup,
   button,
   calendar,
   card,

package/dist/index.mjs

@@ -1,8 +1,14 @@
 import "./chunk-XSN6P5JL.mjs";
-import "./chunk-PWBTAIYS.mjs";
+import "./chunk-5EDS3TJU.mjs";
+import {
+  spinner
+} from "./chunk-4UDOCFU5.mjs";
 import {
   tooltip
 } from "./chunk-SVCFD7RR.mjs";
+import {
+  command
+} from "./chunk-YPHFKGNI.mjs";
 import {
   drawer
 } from "./chunk-UI2M2MFB.mjs";
@@ -22,15 +28,15 @@ import {
 import {
   popover
 } from "./chunk-J35D7RWA.mjs";
-import {
-  spinner
-} from "./chunk-4UDOCFU5.mjs";
 import {
   alertDialog
 } from "./chunk-CPEP2RO4.mjs";
+import {
+  avatarGroup
+} from "./chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "./chunk-Q5DCJR2X.mjs";
+} from "./chunk-Z56OSRTC.mjs";
 import {
   button
 } from "./chunk-BIRJNNEY.mjs";
@@ -45,12 +51,10 @@ import {
   chip
 } from "./chunk-32L6KXLV.mjs";
 import "./chunk-67PPUTSS.mjs";
-import {
-  command
-} from "./chunk-YPHFKGNI.mjs";
 export {
   alertDialog,
   avatar,
+  avatarGroup,
   button,
   calendar,
   card,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -45,7 +45,7 @@
     "tailwind-merge": "3.3.1",
     "tailwind-variants": "1.0.0",
     "tw-animate-css": "^1.3.5",
-    "@kopexa/shared-utils": "1.1.3"
+    "@kopexa/shared-utils": "1.1.4"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"