@opengovsg/oui-theme 0.0.0-snapshot-20251203100754 → 0.0.0-snapshot-20260126025301

package/dist/chunk-ZHF7YN5L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3\",\n        text: \"group-selected:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: {\n        base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-full\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n    searchField:\n      \"group border-base-divider-strong flex items-center gap-2 border-b\",\n    searchIcon: \"text-base-content-subtle shrink-0\",\n    searchInput:\n      \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2.5\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\n        searchField: \"px-4 py-2.5\",\n        searchIcon: \"size-5\",\n        searchInput: \"prose-body-1\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aACE;AAAA,IACF,YAAY;AAAA,IACZ,aACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/components/accordion.d.mts

@@ -0,0 +1,128 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const accordionStyles: tailwind_variants.TVReturnType<{
+    isExpanded: {
+        true: {
+            indicator: string;
+        };
+    };
+    color: {
+        main: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+        md: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    heading: string;
+    title: string;
+    startContentWrapper: string;
+    endContentWrapper: string;
+    trigger: string[];
+    indicator: string;
+    panel: string;
+    content: string;
+}, undefined, {
+    isExpanded: {
+        true: {
+            indicator: string;
+        };
+    };
+    color: {
+        main: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+        md: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    heading: string;
+    title: string;
+    startContentWrapper: string;
+    endContentWrapper: string;
+    trigger: string[];
+    indicator: string;
+    panel: string;
+    content: string;
+}, tailwind_variants.TVReturnType<{
+    isExpanded: {
+        true: {
+            indicator: string;
+        };
+    };
+    color: {
+        main: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+        md: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    heading: string;
+    title: string;
+    startContentWrapper: string;
+    endContentWrapper: string;
+    trigger: string[];
+    indicator: string;
+    panel: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+type AccordionVariantProps = VariantProps<typeof accordionStyles>;
+type AccordionSlots = keyof ReturnType<typeof accordionStyles>;
+
+export { type AccordionSlots, type AccordionVariantProps, accordionStyles };

package/dist/components/accordion.d.ts

@@ -0,0 +1,128 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const accordionStyles: tailwind_variants.TVReturnType<{
+    isExpanded: {
+        true: {
+            indicator: string;
+        };
+    };
+    color: {
+        main: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+        md: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    heading: string;
+    title: string;
+    startContentWrapper: string;
+    endContentWrapper: string;
+    trigger: string[];
+    indicator: string;
+    panel: string;
+    content: string;
+}, undefined, {
+    isExpanded: {
+        true: {
+            indicator: string;
+        };
+    };
+    color: {
+        main: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+        md: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    heading: string;
+    title: string;
+    startContentWrapper: string;
+    endContentWrapper: string;
+    trigger: string[];
+    indicator: string;
+    panel: string;
+    content: string;
+}, tailwind_variants.TVReturnType<{
+    isExpanded: {
+        true: {
+            indicator: string;
+        };
+    };
+    color: {
+        main: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+        md: {
+            title: string;
+            trigger: string;
+            indicator: string;
+            content: string;
+            startContentWrapper: string;
+            endContentWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    heading: string;
+    title: string;
+    startContentWrapper: string;
+    endContentWrapper: string;
+    trigger: string[];
+    indicator: string;
+    panel: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+type AccordionVariantProps = VariantProps<typeof accordionStyles>;
+type AccordionSlots = keyof ReturnType<typeof accordionStyles>;
+
+export { type AccordionSlots, type AccordionVariantProps, accordionStyles };

package/dist/components/accordion.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5NJVFKDAjs = require('../chunk-5NJVFKDA.js');
+require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
+require('../chunk-Q2IC5MPB.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+exports.accordionStyles = _chunk5NJVFKDAjs.accordionStyles;
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/accordion.js"],"names":[],"mappings":"AAAA;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,2DAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/accordion.js"}

package/dist/components/accordion.mjs

@@ -0,0 +1,15 @@
+import {
+  accordionStyles
+} from "../chunk-VYWGI5GL.mjs";
+import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-5T7MRJOK.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  accordionStyles
+};
+//# sourceMappingURL=accordion.mjs.map

package/dist/components/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/avatar.d.mts

@@ -0,0 +1,204 @@
+import * as tailwind_merge from 'tailwind-merge';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarStyles: tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], {
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], unknown, unknown, undefined>>;
+type AvatarVariantProps = VariantProps<typeof avatarStyles>;
+type AvatarSlots = keyof ReturnType<typeof avatarStyles>;
+declare const avatarGroupStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    counter: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroupStyles>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupStyles>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, type AvatarSlots, type AvatarVariantProps, avatarGroupStyles, avatarStyles };

package/dist/components/avatar.d.ts

@@ -0,0 +1,204 @@
+import * as tailwind_merge from 'tailwind-merge';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarStyles: tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], {
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], unknown, unknown, undefined>>;
+type AvatarVariantProps = VariantProps<typeof avatarStyles>;
+type AvatarSlots = keyof ReturnType<typeof avatarStyles>;
+declare const avatarGroupStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    counter: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroupStyles>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupStyles>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, type AvatarSlots, type AvatarVariantProps, avatarGroupStyles, avatarStyles };