@bitrix24/b24ui-nuxt 2.0.7 → 2.0.8

package/dist/meta.d.mts

@@ -72446,7 +72446,7 @@ var B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "Li_qMbCbqVfEYjDt9Y8M9yUJIBlkut8m8_nybGJLA1I"
+      "hash": "bDOluW3EIgFlO6spiuqNkUSXYTrphrkPEpv0JnNHVDo"
     }
   },
   "B24Range": {

package/dist/meta.mjs

@@ -72446,7 +72446,7 @@ const B24UIMeta = {
       ],
       "events": [],
       "exposed": [],
-      "hash": "Li_qMbCbqVfEYjDt9Y8M9yUJIBlkut8m8_nybGJLA1I"
+      "hash": "bDOluW3EIgFlO6spiuqNkUSXYTrphrkPEpv0JnNHVDo"
     }
   },
   "B24Range": {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
   "configKey": "b24ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir } from '@nuxt/kit';
-import { d as defaultOptions, v as version, n as name, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CPlfZAfR.mjs';
+import { d as defaultOptions, v as version, n as name, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CEMVb5Ee.mjs';
 import 'node:url';
 import 'node:fs/promises';
 import 'pathe';

package/dist/runtime/components/RadioGroup.d.vue.ts

@@ -1,7 +1,7 @@
 import type { RadioGroupRootProps, RadioGroupRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/radio-group';
-import type { AcceptableValue, GetItemKeys, GetModelValue } from '../types/utils';
+import type { AcceptableValue, GetItemKeys, GetModelValue, GetModelValueEmits } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type RadioGroup = ComponentConfig<typeof theme, AppConfig, 'radioGroup'>;
 export type RadioGroupValue = AcceptableValue;
@@ -66,9 +66,9 @@ export interface RadioGroupProps<T extends RadioGroupItem[] = RadioGroupItem[],
     class?: any;
     b24ui?: RadioGroup['slots'];
 }
-export type RadioGroupEmits = RadioGroupRootEmits & {
+export type RadioGroupEmits<T extends RadioGroupItem[] = RadioGroupItem[], VK extends GetItemKeys<T> = 'value'> = Omit<RadioGroupRootEmits, 'update:modelValue'> & {
     change: [event: Event];
-};
+} & GetModelValueEmits<T, VK, false>;
 type NormalizeItem<T extends RadioGroupItem> = Exclude<T & {
     id: string;
 }, RadioGroupValue>;
@@ -84,12 +84,12 @@ export interface RadioGroupSlots<T extends RadioGroupItem[] = RadioGroupItem[]>
 declare const __VLS_export: <T extends RadioGroupItem[], VK extends GetItemKeys<T> = "value">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<RadioGroupProps<T, VK> & {
         onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => any) | undefined;
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
     slots: RadioGroupSlots<T>;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/RadioGroup.vue

@@ -31,7 +31,7 @@ const props = defineProps({
   name: { type: String, required: false },
   required: { type: Boolean, required: false }
 });
-const emits = defineEmits(["update:modelValue", "change"]);
+const emits = defineEmits(["change", "update:modelValue"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "loop", "required"), emits);

package/dist/runtime/components/RadioGroup.vue.d.ts

@@ -1,7 +1,7 @@
 import type { RadioGroupRootProps, RadioGroupRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/radio-group';
-import type { AcceptableValue, GetItemKeys, GetModelValue } from '../types/utils';
+import type { AcceptableValue, GetItemKeys, GetModelValue, GetModelValueEmits } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type RadioGroup = ComponentConfig<typeof theme, AppConfig, 'radioGroup'>;
 export type RadioGroupValue = AcceptableValue;
@@ -66,9 +66,9 @@ export interface RadioGroupProps<T extends RadioGroupItem[] = RadioGroupItem[],
     class?: any;
     b24ui?: RadioGroup['slots'];
 }
-export type RadioGroupEmits = RadioGroupRootEmits & {
+export type RadioGroupEmits<T extends RadioGroupItem[] = RadioGroupItem[], VK extends GetItemKeys<T> = 'value'> = Omit<RadioGroupRootEmits, 'update:modelValue'> & {
     change: [event: Event];
-};
+} & GetModelValueEmits<T, VK, false>;
 type NormalizeItem<T extends RadioGroupItem> = Exclude<T & {
     id: string;
 }, RadioGroupValue>;
@@ -84,12 +84,12 @@ export interface RadioGroupSlots<T extends RadioGroupItem[] = RadioGroupItem[]>
 declare const __VLS_export: <T extends RadioGroupItem[], VK extends GetItemKeys<T> = "value">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<RadioGroupProps<T, VK> & {
         onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => any) | undefined;
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
     slots: RadioGroupSlots<T>;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/shared/{b24ui-nuxt.CPlfZAfR.mjs → b24ui-nuxt.CEMVb5Ee.mjs}

@@ -4,11 +4,11 @@ import { join } from 'pathe';
 import { globSync } from 'tinyglobby';
 import { kebabCase, camelCase, pascalCase } from 'scule';
 import { genExport } from 'knitwork';
-import { addTypeTemplate, addTemplate, updateTemplates, hasNuxtModule, logger } from '@nuxt/kit';
+import { hasNuxtModule, addTypeTemplate, addTemplate, updateTemplates, logger } from '@nuxt/kit';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.0.7";
+const version = "2.0.8";
 
 const getDefaultUiConfig = () => ({});
 const defaultOptions = {
@@ -10142,7 +10142,9 @@ function getTemplates(options, uiConfig, nuxt, resolve) {
     }
     return sources || '@source "./b24ui";';
   }
-  if (!!nuxt && (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content))) {
+  const forNuxt = !!nuxt && (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content));
+  const forVue = !nuxt && options.mdc;
+  if (forNuxt || forVue) {
     hasProse = true;
     const path = "prose";
     writeThemeTemplate(themeProse, path);

package/dist/unplugin.mjs

@@ -3,7 +3,9 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CPlfZAfR.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CEMVb5Ee.mjs';
+import fs from 'node:fs';
+import path from 'node:path';
 import MagicString from 'magic-string';
 import { genSafeVariableName } from 'knitwork';
 import { resolvePathSync } from 'mlly';
@@ -17,9 +19,35 @@ import '@nuxt/kit';
 function TemplatePlugin(options, appConfig) {
   const templates = getTemplates(options, appConfig.b24ui);
   const templateKeys = new Set(templates.map((t) => `#build/${t.filename}`));
+  async function writeTemplates(root) {
+    const map = {};
+    const dir = path.join(root, "node_modules", ".b24ui-nuxt");
+    for (const template of templates) {
+      if (!template.write || !template.filename) {
+        continue;
+      }
+      const filePath = path.join(dir, template.filename);
+      if (!fs.existsSync(path.dirname(filePath))) {
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+      }
+      fs.writeFileSync(filePath, await template.getContents({}));
+      map[`#build/${template.filename}`] = filePath;
+    }
+    return map;
+  }
   return {
     name: "bitrix24:b24ui:templates",
     enforce: "pre",
+    vite: {
+      async config(config) {
+        const alias = await writeTemplates(config.root || process.cwd());
+        return {
+          resolve: {
+            alias
+          }
+        };
+      }
+    },
     resolveId(id) {
       if (templateKeys.has(id + ".ts")) {
         return id.replace("#build/", "virtual:bitrix24-ui-templates/") + ".ts";

package/dist/vite.mjs

@@ -4,12 +4,14 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.CPlfZAfR.mjs';
+import './shared/b24ui-nuxt.CEMVb5Ee.mjs';
 import 'node:fs/promises';
 import 'tinyglobby';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';
+import 'node:fs';
+import 'node:path';
 import 'magic-string';
 import 'mlly';
 import 'unplugin-vue-components';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -80,10 +80,6 @@
       ]
     }
   },
-  "imports": {
-    "#build/b24ui/*": "./.nuxt/b24ui/*.ts",
-    "#build/b24ui.css": "./.nuxt/b24ui.css"
-  },
   "bin": {
     "bitrix24-ui": "./cli/index.mjs"
   },
@@ -93,8 +89,6 @@
     "README.md",
     "README-AI.md",
     "LICENSE",
-    ".nuxt/b24ui",
-    ".nuxt/b24ui.css",
     "dist",
     "cli",
     "vue-plugin.d.ts"
@@ -203,7 +197,6 @@
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "debug": "4.3.7",
     "typescript": "5.8.3",
-    "unimport": "4.1.1",
     "unplugin": "^2.3.10"
   },
   "keywords": [

package/.nuxt/b24ui/accordion.ts

@@ -1,20 +0,0 @@
-export default {
-  "slots": {
-    "root": "w-full",
-    "item": "text-(--b24ui-typography-label-color) border-b border-(--ui-color-divider-vibrant-accent-more) last:border-b-0",
-    "header": "flex",
-    "trigger": "min-w-0 group flex-1 flex items-center gap-1.5 py-[12px] font-(--ui-font-weight-medium) text-(length:--ui-font-size-sm) leading-[20px] focus-visible:outline-(--ui-color-accent-soft-element-blue) cursor-pointer",
-    "content": "motion-safe:data-[state=open]:animate-[accordion-down_200ms_ease-out] motion-safe:data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none",
-    "body": "text-(length:--ui-font-size-sm) pb-[12px]",
-    "leadingIcon": "shrink-0 size-[20px]",
-    "trailingIcon": "shrink-0 size-[20px] ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
-    "label": "text-start break-words"
-  },
-  "variants": {
-    "disabled": {
-      "true": {
-        "trigger": "cursor-not-allowed opacity-75"
-      }
-    }
-  }
-}

package/.nuxt/b24ui/advice.ts

@@ -1,36 +0,0 @@
-const angle = [
-  "top",
-  "bottom"
-] as const
-
-export default {
-  "slots": {
-    "root": "light style-outline-accent-1 flex items-end",
-    "descriptionWrapper": "relative",
-    "descriptionBorder": "fill-(--b24ui-border-color)",
-    "descriptionBg": "fill-(--b24ui-background) dark:fill-(--ui-color-base-6)",
-    "descriptionAngle": "absolute w-[14px] h-[12px]",
-    "description": "grow w-11/12 py-3 px-md2 ms-2 rounded-[23px] font-[family-name:var(--ui-font-family-secondary)] text-(length:--ui-font-size-md)/(--ui-font-line-height-md) font-(--ui-font-weight-normal) border-1 border-(--b24ui-border-color) bg-(--b24ui-background) text-(--b24ui-color) dark:bg-(--ui-color-base-6)",
-    "leading": "me-1.5 ms-2 font-(--ui-font-weight-medium) text-(--ui-color-design-plain-content-icon-secondary)",
-    "leadingIcon": "shrink-0 size-[42px]",
-    "leadingAvatar": "shrink-0",
-    "leadingAvatarIcon": "text-(--b24ui-typography-label-color) bg-(--ui-color-base-8)",
-    "leadingAvatarSize": "lg"
-  },
-  "variants": {
-    "angle": {
-      "top": {
-        "root": "items-start",
-        "leading": "mt-0.5",
-        "descriptionAngle": "start-[0.8px] top-[9px] scale-x-100 -scale-y-100 rtl:-scale-x-100"
-      },
-      "bottom": {
-        "root": "items-end",
-        "descriptionAngle": "start-[0.8px] bottom-[9px] rtl:-scale-x-100"
-      }
-    }
-  },
-  "defaultVariants": {
-    "angle": "bottom" as typeof angle[number]
-  }
-}

package/.nuxt/b24ui/alert.ts

@@ -1,176 +0,0 @@
-const color = [
-  "air-primary",
-  "air-primary-success",
-  "air-primary-alert",
-  "air-primary-copilot",
-  "air-primary-warning",
-  "air-secondary",
-  "air-secondary-alert",
-  "air-secondary-accent",
-  "air-secondary-accent-1",
-  "air-secondary-accent-2",
-  "air-tertiary",
-  "default",
-  "danger",
-  "success",
-  "warning",
-  "primary",
-  "secondary",
-  "collab",
-  "ai"
-] as const
-
-const size = [
-  "sm",
-  "md"
-] as const
-
-export default {
-  "slots": {
-    "root": "relative overflow-hidden w-full flex text-(--b24ui-color) bg-(--b24ui-background) border-(--b24ui-border-color) border-(length:--b24ui-border-width) rounded-(--ui-border-radius-md)",
-    "wrapper": "min-w-0 flex-1 flex flex-col font-[family-name:var(--ui-font-family-primary)]",
-    "title": "font-(--ui-font-weight-bold)",
-    "description": "",
-    "icon": "shrink-0 size-6",
-    "avatar": "shrink-0",
-    "avatarSize": "",
-    "actions": "flex flex-wrap gap-1.5 shrink-0",
-    "close": "p-0 [--ui-btn-color:var(--b24ui-color)] hover:bg-(--ui-color-base-white-fixed)/10 focus-visible:bg-(--ui-color-base-white-fixed)/10 -me-1.5 lg:me-0"
-  },
-  "variants": {
-    "color": {
-      "air-primary": {
-        "root": "style-filled"
-      },
-      "air-primary-success": {
-        "root": "style-filled-success"
-      },
-      "air-primary-alert": {
-        "root": "style-filled-alert"
-      },
-      "air-primary-copilot": {
-        "root": "style-filled-copilot"
-      },
-      "air-primary-warning": {
-        "root": "style-filled-warning"
-      },
-      "air-secondary": {
-        "root": "style-tinted"
-      },
-      "air-secondary-alert": {
-        "root": "style-tinted-alert"
-      },
-      "air-secondary-accent": {
-        "root": "style-outline"
-      },
-      "air-secondary-accent-1": {
-        "root": "style-outline-accent-1"
-      },
-      "air-secondary-accent-2": {
-        "root": "style-outline-accent-2"
-      },
-      "air-tertiary": {
-        "root": "style-outline-no-accent"
-      },
-      "default": {
-        "root": "style-old-default"
-      },
-      "danger": {
-        "root": "style-old-danger"
-      },
-      "success": {
-        "root": "style-old-success"
-      },
-      "warning": {
-        "root": "style-old-warning"
-      },
-      "primary": {
-        "root": "style-old-primary"
-      },
-      "secondary": {
-        "root": "style-old-secondary"
-      },
-      "collab": {
-        "root": "style-old-collab"
-      },
-      "ai": {
-        "root": "style-old-ai"
-      }
-    },
-    "size": {
-      "sm": {
-        "root": "py-xs ps-sm pe-xs gap-2",
-        "title": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)",
-        "description": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)",
-        "avatarSize": "md"
-      },
-      "md": {
-        "root": "py-md ps-md pe-xs gap-2.5",
-        "title": "text-(length:--ui-font-size-md)/(--ui-font-line-height-reset)",
-        "description": "text-(length:--ui-font-size-md)/(--ui-font-line-height-3xs)",
-        "avatarSize": "xl"
-      }
-    },
-    "orientation": {
-      "horizontal": {
-        "root": "items-center",
-        "actions": "items-center"
-      },
-      "vertical": {
-        "root": "items-start",
-        "actions": "items-start mt-2"
-      }
-    },
-    "title": {
-      "true": {
-        "description": "mt-1"
-      }
-    },
-    "inverted": {
-      "true": "",
-      "false": ""
-    }
-  },
-  "compoundVariants": [
-    {
-      "inverted": true,
-      "color": "air-primary" as typeof color[number],
-      "class": {
-        "root": "style-filled-inverted"
-      }
-    },
-    {
-      "inverted": true,
-      "color": "air-primary-success" as typeof color[number],
-      "class": {
-        "root": "style-filled-success-inverted"
-      }
-    },
-    {
-      "inverted": true,
-      "color": "air-primary-alert" as typeof color[number],
-      "class": {
-        "root": "style-filled-alert-inverted"
-      }
-    },
-    {
-      "inverted": true,
-      "color": "air-primary-copilot" as typeof color[number],
-      "class": {
-        "root": "style-filled-copilot-inverted"
-      }
-    },
-    {
-      "inverted": true,
-      "color": "air-primary-warning" as typeof color[number],
-      "class": {
-        "root": "style-filled-warning-inverted"
-      }
-    }
-  ],
-  "defaultVariants": {
-    "color": "air-secondary-accent" as typeof color[number],
-    "size": "md" as typeof size[number],
-    "inverted": false
-  }
-}

package/.nuxt/b24ui/avatar-group.ts

@@ -1,52 +0,0 @@
-const size = [
-  "3xs",
-  "2xs",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl"
-] as const
-
-export default {
-  "slots": {
-    "root": "inline-flex justify-end",
-    "base": "relative rounded-full last:me-0"
-  },
-  "variants": {
-    "size": {
-      "3xs": {
-        "base": "-me-0.5"
-      },
-      "2xs": {
-        "base": "-me-0.5"
-      },
-      "xs": {
-        "base": "-me-0.5"
-      },
-      "sm": {
-        "base": "-me-1.5"
-      },
-      "md": {
-        "base": "-me-1.5"
-      },
-      "lg": {
-        "base": "-me-1.5"
-      },
-      "xl": {
-        "base": "-me-2"
-      },
-      "2xl": {
-        "base": "-me-2"
-      },
-      "3xl": {
-        "base": "-me-2"
-      }
-    }
-  },
-  "defaultVariants": {
-    "size": "md" as typeof size[number]
-  }
-}

package/.nuxt/b24ui/avatar.ts

@@ -1,63 +0,0 @@
-const size = [
-  "3xs",
-  "2xs",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl"
-] as const
-
-export default {
-  "slots": {
-    "root": "air-secondary-accent inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle bg-(--ui-color-base-8) ring ring-(--ui-color-base-7)",
-    "image": "h-full w-full rounded-[inherit] object-cover",
-    "fallback": "font-(--ui-font-weight-medium) text-(--ui-color-design-plain-content-icon-secondary) truncate",
-    "icon": "text-(--ui-color-design-plain-content-icon-secondary) shrink-0"
-  },
-  "variants": {
-    "size": {
-      "3xs": {
-        "root": "size-[10px] text-4xs font-(--ui-font-weight-regular)",
-        "icon": "size-[10px]"
-      },
-      "2xs": {
-        "root": "size-[20px] text-(length:--ui-font-size-4xs)/(--ui-font-line-height-reset) font-(--ui-font-weight-regular)",
-        "icon": "size-[18px]"
-      },
-      "xs": {
-        "root": "size-[24px] text-(length:--ui-font-size-3xs)/(--ui-font-line-height-reset) font-(--ui-font-weight-regular)",
-        "icon": "size-[22px]"
-      },
-      "sm": {
-        "root": "size-[28px] text-(length:--ui-font-size-xs)/(--ui-font-line-height-reset)",
-        "icon": "size-[26px]"
-      },
-      "md": {
-        "root": "size-[32px] text-(length:--ui-font-size-sm)/(--ui-font-line-height-reset)",
-        "icon": "size-[28px]"
-      },
-      "lg": {
-        "root": "size-[42px] text-(length:--ui-font-size-2xl)/(--ui-font-line-height-reset)",
-        "icon": "size-[38px]"
-      },
-      "xl": {
-        "root": "ring-2 size-[48px] text-(length:--ui-font-size-2xl)/(--ui-font-line-height-reset)",
-        "icon": "size-[44px]"
-      },
-      "2xl": {
-        "root": "ring-2 size-[60px] text-(length:--ui-font-size-5xl)/(--ui-font-line-height-reset)",
-        "icon": "size-[56px]"
-      },
-      "3xl": {
-        "root": "ring-2 size-[94px] text-[34px]/(--ui-font-line-height-reset)",
-        "icon": "size-[90px]"
-      }
-    }
-  },
-  "defaultVariants": {
-    "size": "md" as typeof size[number]
-  }
-}