@opengovsg/oui-theme 0.0.29 → 0.0.31

package/dist/{chunk-MSHUB6BD.js → chunk-Z2MG2ZKM.js}

@@ -3,7 +3,7 @@
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -13,7 +13,7 @@ var checkboxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
     box: _chunkZIQLHX3Ujs.cn.call(void 0, 
       "flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition",
-      _chunk5DZEJPPYjs.racFocusRing.base
+      _chunkQ2IC5MPBjs.racFocusRing.base
     ),
     base: "group relative flex items-stretch transition",
     icon: "h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]"
@@ -40,10 +40,10 @@ var checkboxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     },
     isFocusVisible: {
       true: {
-        box: _chunk5DZEJPPYjs.racFocusRing.variants.isFocusVisible.true
+        box: _chunkQ2IC5MPBjs.racFocusRing.variants.isFocusVisible.true
       },
       false: {
-        box: _chunk5DZEJPPYjs.racFocusRing.variants.isFocusVisible.false
+        box: _chunkQ2IC5MPBjs.racFocusRing.variants.isFocusVisible.false
       }
     },
     isDisabled: {
@@ -112,4 +112,4 @@ var checkboxGroupStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.checkboxStyles = checkboxStyles; exports.checkboxGroupStyles = checkboxGroupStyles;
-//# sourceMappingURL=chunk-MSHUB6BD.js.map
+//# sourceMappingURL=chunk-Z2MG2ZKM.js.map

package/dist/{chunk-MSHUB6BD.js.map → chunk-Z2MG2ZKM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MSHUB6BD.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MSHUB6BD.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n  slots: {\n    box: cn(\n      \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n      racFocusRing.base,\n    ),\n    base: \"group relative flex items-stretch transition\",\n    icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n  },\n  variants: {\n    color: {\n      default: {\n        base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        box: \"mt-0.5 h-4 w-4\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      sm: {\n        box: \"h-5 w-5\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-4 px-1 py-2.5\",\n        box: \"h-6 w-6\",\n      },\n    },\n    isFocusVisible: {\n      true: {\n        box: racFocusRing.variants.isFocusVisible.true,\n      },\n      false: {\n        box: racFocusRing.variants.isFocusVisible.false,\n      },\n    },\n    isDisabled: {\n      false: {\n        base: \"text-gray-800 dark:text-zinc-200\",\n      },\n      true: {\n        base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n        box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n      },\n    },\n    isSelected: {\n      false: {\n        box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n      },\n      true: {\n        box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n      },\n    },\n    isInvalid: {\n      true: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      color: \"default\",\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n      },\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n      },\n    },\n    {\n      isInvalid: true,\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    color: \"default\",\n  },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n  base: \"flex w-full flex-col\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n  },\n})\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Z2MG2ZKM.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Z2MG2ZKM.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n  slots: {\n    box: cn(\n      \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n      racFocusRing.base,\n    ),\n    base: \"group relative flex items-stretch transition\",\n    icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n  },\n  variants: {\n    color: {\n      default: {\n        base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        box: \"mt-0.5 h-4 w-4\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      sm: {\n        box: \"h-5 w-5\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-4 px-1 py-2.5\",\n        box: \"h-6 w-6\",\n      },\n    },\n    isFocusVisible: {\n      true: {\n        box: racFocusRing.variants.isFocusVisible.true,\n      },\n      false: {\n        box: racFocusRing.variants.isFocusVisible.false,\n      },\n    },\n    isDisabled: {\n      false: {\n        base: \"text-gray-800 dark:text-zinc-200\",\n      },\n      true: {\n        base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n        box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n      },\n    },\n    isSelected: {\n      false: {\n        box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n      },\n      true: {\n        box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n      },\n    },\n    isInvalid: {\n      true: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      color: \"default\",\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n      },\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n      },\n    },\n    {\n      isInvalid: true,\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    color: \"default\",\n  },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n  base: \"flex w-full flex-col\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n  },\n})\n"]}

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 };

package/dist/components/avatar.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk7K3RA7VNjs = require('../chunk-7K3RA7VN.js');
+require('../chunk-Q2IC5MPB.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+
+exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles;
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

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

package/dist/components/avatar.mjs

@@ -0,0 +1,12 @@
+import {
+  avatarGroupStyles,
+  avatarStyles
+} from "../chunk-KO7ZN4FG.mjs";
+import "../chunk-5T7MRJOK.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  avatarGroupStyles,
+  avatarStyles
+};
+//# sourceMappingURL=avatar.mjs.map

package/dist/components/avatar.mjs.map

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

package/dist/components/badge.js

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkOIVEXSCXjs = require('../chunk-OIVEXSCX.js');
+var _chunkQ3HLBDZTjs = require('../chunk-Q3HLBDZT.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-5DZEJPPY.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles;
+exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles;
 //# sourceMappingURL=badge.js.map

package/dist/components/badge.mjs

@@ -1,14 +1,14 @@
 import {
   badgeCloseButtonStyles,
   badgeStyles
-} from "../chunk-XZCZKYVQ.mjs";
+} from "../chunk-J43XXSXH.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-K3WA7SIJ.mjs";
+import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/button.js

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMZ3OLOEQjs = require('../chunk-MZ3OLOEQ.js');
+var _chunkIM7PWGRYjs = require('../chunk-IM7PWGRY.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-5DZEJPPY.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles;
+exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles;
 //# sourceMappingURL=button.js.map

package/dist/components/button.mjs

@@ -1,13 +1,13 @@
 import {
   buttonStyles
-} from "../chunk-4LDBVLGI.mjs";
+} from "../chunk-2PBPSPDX.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-K3WA7SIJ.mjs";
+import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/calendar.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTXUEDK3Ejs = require('../chunk-TXUEDK3E.js');
+var _chunkO3YULW5Ejs = require('../chunk-O3YULW5E.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-5DZEJPPY.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles;
+exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles;
 //# sourceMappingURL=calendar.js.map

package/dist/components/calendar.mjs

@@ -1,12 +1,12 @@
 import {
   calendarStyles
-} from "../chunk-XIP622RV.mjs";
+} from "../chunk-UIQSZVDJ.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-K3WA7SIJ.mjs";
+import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/checkbox.js

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkMSHUB6BDjs = require('../chunk-MSHUB6BD.js');
+var _chunkZ2MG2ZKMjs = require('../chunk-Z2MG2ZKM.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-5DZEJPPY.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles;
+exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles;
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.mjs

@@ -1,13 +1,13 @@
 import {
   checkboxGroupStyles,
   checkboxStyles
-} from "../chunk-FV6XIBBV.mjs";
+} from "../chunk-PXQEYRFL.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-K3WA7SIJ.mjs";
+import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {