@bitrix24/b24ui-nuxt 2.0.7 → 2.0.8

package/.nuxt/b24ui/button.ts

@@ -1,350 +0,0 @@
-const color = [
-  "air-primary",
-  "air-primary-success",
-  "air-primary-alert",
-  "air-primary-copilot",
-  "air-secondary",
-  "air-secondary-alert",
-  "air-secondary-accent",
-  "air-secondary-accent-1",
-  "air-secondary-accent-2",
-  "air-secondary-no-accent",
-  "air-tertiary",
-  "air-tertiary-accent",
-  "air-tertiary-no-accent",
-  "air-selection",
-  "air-boost",
-  "default",
-  "danger",
-  "success",
-  "warning",
-  "primary",
-  "secondary",
-  "collab",
-  "ai",
-  "link"
-] as const
-
-const depth = [
-  "light",
-  "normal",
-  "dark"
-] as const
-
-const size = [
-  "xss",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl"
-] as const
-
-export default {
-  "slots": {
-    "base": "ui-btn font-[family-name:var(--ui-font-family-primary)] select-none cursor-pointer inline-flex items-center relative outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-30 aria-disabled:opacity-30 transition duration-0 ease-linear border-(length:--ui-btn-border-width) text-(--ui-btn-color) bg-(--ui-btn-background) border-(--ui-btn-border-color) hover:text-(--ui-btn-color-hover) hover:bg-(--ui-btn-background-hover) hover:border-(--ui-btn-border-color-hover) focus:text-(--ui-btn-color-hover) focus:bg-(--ui-btn-background-hover) focus:border-(--ui-btn-border-color-hover) active:text-(--ui-btn-color-active) active:bg-(--ui-btn-background-active) active:border-(--ui-btn-border-color-active) disabled:bg-(--ui-btn-background) disabled:border-(--ui-btn-border-color) aria-disabled:bg-(--ui-btn-background) aria-disabled:border-(--ui-btn-border-color) focus-visible:outline-(--ui-btn-background) ring-(--ui-btn-background-hover) focus:outline-none focus-visible:ring-(--ui-btn-background-hover) h-(--ui-btn-height) text-(length:--ui-btn-font-size) leading-(--ui-btn-height) font-(--ui-btn-font-weight)",
-    "baseLoading": "h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
-    "baseLoadingWaitIcon": "text-(--ui-btn-color) size-[calc(var(--ui-btn-wait-icon-size)_+_7px)]",
-    "baseLoadingClockIcon": "text-(--ui-btn-color) size-[calc(var(--ui-btn-wait-icon-size)_+_7px)]",
-    "baseLoadingSpinnerIcon": "text-(--ui-btn-color) size-(--ui-btn-wait-icon-size) animate-spin stroke-2",
-    "baseLine": "w-full inline-flex items-center justify-center gap-(--ui-btn-icon-space) ps-(--ui-btn-padding-left) pe-(--ui-btn-padding-right)",
-    "label": "h-(--ui-btn-height) max-w-full inline-flex items-center tracking-(--ui-btn-letter-spacing) overflow-visible text-clip mt-(--ui-btn-title-compensation)",
-    "labelInner": "truncate inline-block max-w-full mt-(--ui-btn-title-compensation)",
-    "leadingIcon": "text-(--ui-btn-color) shrink-0 size-(--ui-btn-icon-size)",
-    "leadingAvatar": "shrink-0 me-[4px]",
-    "leadingAvatarSize": "",
-    "trailingIcon": "text-(--ui-btn-color) shrink-0 size-(--ui-btn-icon-size) mt-(--ui-btn-title-compensation)",
-    "safeList": "invisible"
-  },
-  "variants": {
-    "fieldGroup": {
-      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-field-group]/items:not-only:first:rounded-e-none group-[.is-field-group]/items:not-only:last:rounded-s-none group-[.is-field-group]/items:not-last:not-first:rounded-none group-[.is-field-group]/items:not-only:first:border-e-0 group-[.is-field-group]/items:not-only:not-first:border-s-0 focus-visible:z-[1]",
-      "vertical": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
-    },
-    "noSplit": {
-      "false": "group-[.is-field-group]/items:not-only:not-first:after:content-[''] group-[.is-field-group]/items:not-only:not-first:after:absolute group-[.is-field-group]/items:not-only:not-first:after:top-[7px] group-[.is-field-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-field-group]/items:not-only:not-first:after:left-0 group-[.is-field-group]/items:not-only:not-first:after:w-px group-[.is-field-group]/items:not-only:not-first:after:bg-current/30"
-    },
-    "color": {
-      "air-primary": "--style-filled",
-      "air-primary-success": "--style-filled-success",
-      "air-primary-alert": "--style-filled-alert",
-      "air-primary-copilot": "--style-filled-copilot",
-      "air-secondary": "--style-tinted",
-      "air-secondary-alert": "--style-tinted-alert",
-      "air-secondary-accent": "--style-outline",
-      "air-secondary-accent-1": "--style-outline-accent-1",
-      "air-secondary-accent-2": "--style-outline-accent-2",
-      "air-secondary-no-accent": "--style-outline-no-accent",
-      "air-tertiary": "--style-plain",
-      "air-tertiary-accent": "--style-plain-accent",
-      "air-tertiary-no-accent": "--style-plain-no-accent",
-      "air-selection": "--style-selection",
-      "air-boost": {
-        "base": "--style-filled-boost bg-transparent hover:bg-transparent focus:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent from-0% via-58.65% to-100% bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] from-(--ui-color-design-filled-boost-bg-gradient-1) via-(--ui-color-design-filled-boost-bg-gradient-2) to-(--ui-color-design-filled-boost-bg-gradient-3) hover:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] hover:from-(--hover-color-1) via-(--hover-color-2) hover:via-58.65% hover:to-(--hover-color-3) focus:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] focus:from-(--hover-color-1) via-(--hover-color-2) focus:via-58.65% to-(--hover-color-3) active:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] active:from-(--active-color-1) via-(--active-color-2) active:via-58.65% to-(--active-color-3) disabled:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] disabled:from-(--ui-color-design-filled-boost-bg-gradient-1) via-(--ui-color-design-filled-boost-bg-gradient-2) to-(--ui-color-design-filled-boost-bg-gradient-3) aria-disabled:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] aria-disabled:from-(--ui-color-design-filled-boost-bg-gradient-1) aria-disabled:via-(--ui-color-design-filled-boost-bg-gradient-2) aria-disabled:to-(--ui-color-design-filled-boost-bg-gradient-3)"
-      },
-      "default": "",
-      "danger": "",
-      "success": "",
-      "warning": "",
-      "primary": "",
-      "secondary": "",
-      "collab": "",
-      "ai": "",
-      "link": ""
-    },
-    "depth": {
-      "light": "",
-      "normal": "",
-      "dark": ""
-    },
-    "size": {
-      "xss": {
-        "base": "ui-btn-xss",
-        "leadingAvatarSize": "2xs"
-      },
-      "xs": {
-        "base": "ui-btn-xs",
-        "leadingAvatarSize": "2xs"
-      },
-      "sm": {
-        "base": "ui-btn-sm",
-        "leadingAvatarSize": "xs"
-      },
-      "md": {
-        "base": "ui-btn-md",
-        "leadingAvatarSize": "xs"
-      },
-      "lg": {
-        "base": "ui-btn-lg",
-        "leadingAvatarSize": "md"
-      },
-      "xl": {
-        "base": "ui-btn-xl",
-        "leadingAvatarSize": "md"
-      }
-    },
-    "block": {
-      "true": {
-        "base": "w-full"
-      }
-    },
-    "rounded": {
-      "true": "rounded-(--ui-border-radius-lg)",
-      "false": "rounded-(--ui-btn-radius)"
-    },
-    "leading": {
-      "true": ""
-    },
-    "active": {
-      "true": {
-        "base": ""
-      },
-      "false": {
-        "base": ""
-      }
-    },
-    "useLabel": {
-      "true": "",
-      "false": {
-        "baseLine": "ps-[4px] pe-[4px]",
-        "leadingAvatar": "me-0"
-      }
-    },
-    "useDropdown": {
-      "true": ""
-    },
-    "useWait": {
-      "true": ""
-    },
-    "useClock": {
-      "true": ""
-    },
-    "loading": {
-      "true": ""
-    },
-    "normalCase": {
-      "true": "normal-case",
-      "false": "uppercase"
-    },
-    "isAir": {
-      "true": "--air",
-      "false": ""
-    }
-  },
-  "compoundVariants": [
-    {
-      "color": "default" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-default-light"
-    },
-    {
-      "color": "default" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-default"
-    },
-    {
-      "color": "default" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-default-dark"
-    },
-    {
-      "color": "danger" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-danger-light"
-    },
-    {
-      "color": "danger" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-danger"
-    },
-    {
-      "color": "danger" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-danger-dark"
-    },
-    {
-      "color": "success" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-success-light"
-    },
-    {
-      "color": "success" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-success"
-    },
-    {
-      "color": "success" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-success-dark"
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-warning-light"
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-warning"
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-warning-dark"
-    },
-    {
-      "color": "primary" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-primary-light"
-    },
-    {
-      "color": "primary" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-primary"
-    },
-    {
-      "color": "primary" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-primary-dark"
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-secondary-light"
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-secondary"
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-secondary-dark"
-    },
-    {
-      "color": "collab" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-collab-light"
-    },
-    {
-      "color": "collab" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-collab"
-    },
-    {
-      "color": "collab" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-collab-dark"
-    },
-    {
-      "color": "ai" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-ai-light"
-    },
-    {
-      "color": "ai" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-ai"
-    },
-    {
-      "color": "ai" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-ai-dark"
-    },
-    {
-      "color": "link" as typeof color[number],
-      "depth": "light" as typeof depth[number],
-      "class": "--style-link-light"
-    },
-    {
-      "color": "link" as typeof color[number],
-      "depth": "normal" as typeof depth[number],
-      "class": "--style-link"
-    },
-    {
-      "color": "link" as typeof color[number],
-      "depth": "dark" as typeof depth[number],
-      "class": "--style-link-dark"
-    },
-    {
-      "leading": true,
-      "useLabel": true,
-      "useDropdown": false,
-      "class": {
-        "baseLine": "ps-[calc(var(--ui-btn-padding-left)_-_var(--ui-btn-icon-compensation))]"
-      }
-    },
-    {
-      "leading": false,
-      "useLabel": true,
-      "useDropdown": true,
-      "class": {
-        "baseLine": "pe-[calc(var(--ui-btn-padding-right)_-_var(--ui-btn-icon-compensation))]"
-      }
-    },
-    {
-      "leading": true,
-      "useLabel": true,
-      "useDropdown": true,
-      "class": {
-        "baseLine": "ps-[calc(var(--ui-btn-padding-left)_-_var(--ui-btn-icon-compensation))] pe-[calc(var(--ui-btn-padding-right)_-_var(--ui-btn-icon-compensation))]"
-      }
-    },
-    {
-      "leading": true,
-      "useLabel": false,
-      "useDropdown": false,
-      "class": {
-        "base": "w-(--ui-btn-height)"
-      }
-    }
-  ],
-  "defaultVariants": {
-    "size": "md" as typeof size[number],
-    "color": "air-secondary-no-accent" as typeof color[number],
-    "depth": "normal" as typeof depth[number],
-    "normalCase": true,
-    "isAir": true
-  }
-}

package/.nuxt/b24ui/calendar.ts

@@ -1,112 +0,0 @@
-const color = [
-  "air-primary",
-  "air-primary-success",
-  "air-primary-alert",
-  "air-primary-copilot",
-  "air-primary-warning",
-  "default",
-  "danger",
-  "success",
-  "warning",
-  "primary",
-  "secondary",
-  "collab",
-  "ai"
-] as const
-
-const size = [
-  "xs",
-  "sm",
-  "md",
-  "lg"
-] as const
-
-export default {
-  "slots": {
-    "root": "font-[family-name:var(--ui-font-family-primary)]",
-    "header": "flex items-center justify-between",
-    "body": "flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0",
-    "heading": "mx-auto text-center font-(--ui-font-weight-semi-bold) text-(--b24ui-typography-legend-color) truncate",
-    "grid": "w-full border-collapse select-none space-y-1 focus:outline-none",
-    "gridRow": "grid grid-cols-7 place-items-center",
-    "gridWeekDaysRow": "mb-1 grid w-full grid-cols-7",
-    "gridBody": "grid",
-    "headCell": "font-(--ui-font-weight-normal) text-(--ui-color-design-plain-na-content)",
-    "cell": "relative text-center cursor-pointer aria-disabled:cursor-not-allowed",
-    "cellTrigger": "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none text-(--b24ui-typography-label-color) data-disabled:text-(--ui-color-design-plain-na-content-secondary) data-unavailable:text-(--ui-color-design-plain-na-content-secondary) data-outside-view:text-(--ui-color-design-plain-na-content-secondary) data-[selected]:text-(--b24ui-color) focus-visible:ring-(--b24ui-background-hover) data-[selected]:bg-(--b24ui-background) data-today:not-data-[selected]:text-(--b24ui-background) data-[highlighted]:bg-(--b24ui-background) data-[highlighted]:text-(--b24ui-color) hover:not-data-[disabled]:not-data-[selected]:bg-(--b24ui-background) hover:not-data-[disabled]:not-data-[selected]:text-(--b24ui-color) data-unavailable:line-through data-unavailable:pointer-events-none data-today:font-(--ui-font-weight-semi-bold) transition"
-  },
-  "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"
-      },
-      "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": {
-      "xs": {
-        "heading": "text-(length:--ui-font-size-md)",
-        "cell": "text-(length:--ui-font-size-sm)",
-        "headCell": "text-[10px]",
-        "cellTrigger": "size-[28px]",
-        "body": "space-y-2 pt-2"
-      },
-      "sm": {
-        "heading": "text-(length:--ui-font-size-md)",
-        "headCell": "text-(length:--ui-font-size-sm)",
-        "cell": "text-(length:--ui-font-size-sm)",
-        "cellTrigger": "size-[28px]"
-      },
-      "md": {
-        "heading": "text-(length:--ui-font-size-lg)",
-        "headCell": "text-(length:--ui-font-size-md)",
-        "cell": "text-(length:--ui-font-size-md)",
-        "cellTrigger": "size-[32px]"
-      },
-      "lg": {
-        "heading": "text-(length:--ui-font-size-2xl)",
-        "headCell": "text-(length:--ui-font-size-lg)",
-        "cell": "text-(length:--ui-font-size-lg)",
-        "cellTrigger": "size-[36px] text-(length:--ui-font-size-lg)"
-      }
-    }
-  },
-  "defaultVariants": {
-    "size": "md" as typeof size[number],
-    "color": "air-primary" as typeof color[number]
-  }
-}

package/.nuxt/b24ui/card.ts

@@ -1,180 +0,0 @@
-const variant = [
-  "filled",
-  "filled-success",
-  "filled-alert",
-  "filled-warning",
-  "filled-copilot",
-  "filled-no-accent",
-  "filled-black",
-  "tinted",
-  "tinted-alt",
-  "tinted-accent-1",
-  "tinted-success",
-  "tinted-alert",
-  "tinted-warning",
-  "tinted-no-accent",
-  "outline",
-  "outline-alt",
-  "outline-accent",
-  "outline-accent-2",
-  "outline-success",
-  "outline-alert",
-  "outline-warning",
-  "outline-copilot",
-  "outline-no-accent",
-  "plain",
-  "plain-accent",
-  "plain-no-accent",
-  "selection"
-] as const
-
-export default {
-  "slots": {
-    "root": "overflow-hidden rounded-(--ui-border-radius-md)",
-    "header": "p-[24px] sm:px-[22px] sm:py-[15px]",
-    "body": "p-[24px] sm:px-[22px] sm:py-[15px]",
-    "footer": "p-[24px] sm:px-[22px] sm:py-[15px]"
-  },
-  "variants": {
-    "variant": {
-      "filled": {
-        "root": "bg-(--ui-color-design-filled-bg) border border-(--ui-color-design-filled-stroke) border-(length:--ui-design-filled-stroke-weight) text-(--ui-color-design-filled-content)",
-        "header": "border-b border-(--ui-color-design-filled-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-filled-content-divider) border-t-1"
-      },
-      "filled-success": {
-        "root": "bg-(--ui-color-design-filled-success-bg) border border-(--ui-color-design-filled-success-stroke) border-(length:--ui-design-filled-success-stroke-weight) text-(--ui-color-design-filled-success-content)",
-        "header": "border-b border-(--ui-color-design-filled-success-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-filled-success-content-divider) border-t-1"
-      },
-      "filled-alert": {
-        "root": "bg-(--ui-color-design-filled-alert-bg) border border-(--ui-color-design-filled-alert-stroke) border-(length:--ui-design-filled-alert-stroke-weight) text-(--ui-color-design-filled-alert-content)",
-        "header": "border-b border-(--ui-color-design-filled-alert-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-filled-alert-content-divider) border-t-1"
-      },
-      "filled-warning": {
-        "root": "bg-(--ui-color-design-filled-warning-bg) border border-(--ui-color-design-filled-warning-stroke) border-(length:--ui-design-filled-warning-stroke-weight) text-(--ui-color-design-filled-warning-content)",
-        "header": "border-b border-(--ui-color-design-filled-warning-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-filled-warning-content-divider) border-t-1"
-      },
-      "filled-copilot": {
-        "root": "bg-(--ui-color-design-filled-copilot-bg) border border-(--ui-color-design-filled-copilot-stroke) border-(length:--ui-design-filled-copilot-stroke-weight) text-(--ui-color-design-filled-copilot-content)",
-        "header": "border-b border-(--ui-color-design-filled-copilot-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-filled-copilot-content-divider) border-t-1"
-      },
-      "filled-no-accent": {
-        "root": "bg-(--ui-color-design-filled-na-bg) border border-(--ui-color-design-filled-na-stroke) border-(length:--ui-design-filled-na-stroke-weight) text-(--ui-color-design-filled-na-content)",
-        "header": "border-b border-(--ui-color-design-filled-na-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-filled-na-content-divider) border-t-1"
-      },
-      "filled-black": {
-        "root": "bg-(--ui-color-design-filled-black-bg) border border-(--ui-color-design-filled-black-stroke) border-(length:--ui-design-filled-black-stroke-weight) text-(--ui-color-design-filled-black-content)",
-        "header": "border-b border-(--ui-color-design-filled-black-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-filled-black-content-divider) border-t-1"
-      },
-      "tinted": {
-        "root": "bg-(--ui-color-design-tinted-bg) border border-(--ui-color-design-tinted-stroke) border-(length:--ui-design-tinted-stroke-weight) text-(--ui-color-design-tinted-content)",
-        "header": "border-b border-(--ui-color-design-tinted-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-tinted-content-divider) border-t-1"
-      },
-      "tinted-alt": {
-        "root": "bg-(--ui-color-design-tinted-bg-alt) border border-(--ui-color-design-tinted-stroke) border-(length:--ui-design-tinted-stroke-weight) text-(--ui-color-design-tinted-content)",
-        "header": "border-b border-(--ui-color-design-tinted-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-tinted-content-divider) border-t-1"
-      },
-      "tinted-accent-1": {
-        "root": "bg-(--ui-color-design-tinted-a1-bg) border border-(--ui-color-design-tinted-a1-stroke) border-(length:--ui-design-tinted-a1-stroke-weight) text-(--ui-color-design-tinted-a1-content)",
-        "header": "border-b border-(--ui-color-design-tinted-a1-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-tinted-a1-content-divider) border-t-1"
-      },
-      "tinted-success": {
-        "root": "bg-(--ui-color-design-tinted-success-bg) border border-(--ui-color-design-tinted-success-stroke) border-(length:--ui-design-tinted-success-stroke-weight) text-(--ui-color-design-tinted-success-content)",
-        "header": "border-b border-(--ui-color-design-tinted-success-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-tinted-success-content-divider) border-t-1"
-      },
-      "tinted-alert": {
-        "root": "bg-(--ui-color-design-tinted-alert-bg) border border-(--ui-color-design-tinted-alert-stroke) border-(length:--ui-design-tinted-alert-stroke-weight) text-(--ui-color-design-tinted-alert-content)",
-        "header": "border-b border-(--ui-color-design-tinted-alert-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-tinted-alert-content-divider) border-t-1"
-      },
-      "tinted-warning": {
-        "root": "bg-(--ui-color-design-tinted-warning-bg) border border-(--ui-color-design-tinted-warning-stroke) border-(length:--ui-design-tinted-warning-stroke-weight) text-(--ui-color-design-tinted-warning-content)",
-        "header": "border-b border-(--ui-color-design-tinted-warning-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-tinted-warning-content-divider) border-t-1"
-      },
-      "tinted-no-accent": {
-        "root": "bg-(--ui-color-design-tinted-na-bg) border border-(--ui-color-design-tinted-na-stroke) border-(length:--ui-design-tinted-na-stroke-weight) text-(--ui-color-design-tinted-na-content)",
-        "header": "border-b border-(--ui-color-design-tinted-na-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-tinted-na-content-divider) border-t-1"
-      },
-      "outline": {
-        "root": "bg-(--ui-color-design-outline-bg) border border-(--ui-color-design-outline-stroke) border-(length:--ui-design-outline-stroke-weight) text-(--ui-color-design-outline-content)",
-        "header": "border-b border-(--ui-color-design-outline-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-content-divider) border-t-1"
-      },
-      "outline-alt": {
-        "root": "bg-(--ui-color-design-outline-bg-alt) border border-(--ui-color-design-outline-content-divider) border-(length:--ui-design-outline-stroke-weight-alt) text-(--ui-color-design-outline-content)",
-        "header": "border-b border-(--ui-color-design-outline-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-content-divider) border-t-1"
-      },
-      "outline-accent": {
-        "root": "bg-(--ui-color-design-outline-a1-bg) border border-(--ui-color-design-outline-a1-stroke) border-(length:--ui-design-outline-a1-stroke-weight) text-(--ui-color-design-outline-a1-content)",
-        "header": "border-b border-(--ui-color-design-outline-a1-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-a1-content-divider) border-t-1"
-      },
-      "outline-accent-2": {
-        "root": "bg-(--ui-color-design-outline-a2-bg) border border-(--ui-color-design-outline-a2-stroke) border-(length:--ui-design-outline-a2-stroke-weight) text-(--ui-color-design-outline-a2-content)",
-        "header": "border-b border-(--ui-color-design-outline-a2-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-a2-content-divider) border-t-1"
-      },
-      "outline-success": {
-        "root": "bg-(--ui-color-design-outline-success-bg) border border-(--ui-color-design-outline-success-stroke) border-(length:--ui-design-outline-success-stroke-weight) text-(--ui-color-design-outline-success-content)",
-        "header": "border-b border-(--ui-color-design-outline-success-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-success-content-divider) border-t-1"
-      },
-      "outline-alert": {
-        "root": "bg-(--ui-color-design-outline-alert-bg) border border-(--ui-color-design-outline-alert-stroke) border-(length:--ui-design-outline-alert-stroke-weight) text-(--ui-color-design-outline-alert-content)",
-        "header": "border-b border-(--ui-color-design-outline-alert-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-alert-content-divider) border-t-1"
-      },
-      "outline-warning": {
-        "root": "bg-(--ui-color-design-outline-warning-bg) border border-(--ui-color-design-outline-warning-stroke) border-(length:--ui-design-outline-warning-stroke-weight) text-(--ui-color-design-outline-warning-content)",
-        "header": "border-b border-(--ui-color-design-outline-warning-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-warning-content-divider) border-t-1"
-      },
-      "outline-copilot": {
-        "root": "bg-(--ui-color-design-outline-copilot-bg) border border-(--ui-color-design-outline-copilot-stroke) border-(length:--ui-design-outline-copilot-stroke-weight) text-(--ui-color-design-outline-copilot-content)",
-        "header": "border-b border-(--ui-color-design-outline-copilot-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-copilot-content-divider) border-t-1"
-      },
-      "outline-no-accent": {
-        "root": "bg-(--ui-color-design-outline-na-bg) border border-(--ui-color-design-outline-na-stroke) border-(length:--ui-design-outline-na-stroke-weight) text-(--ui-color-design-outline-na-content)",
-        "header": "border-b border-(--ui-color-design-outline-na-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-outline-na-content-divider) border-t-1"
-      },
-      "plain": {
-        "root": "bg-(--ui-color-design-plain-bg) border border-(--ui-color-design-plain-stroke) border-(length:--ui-design-plain-stroke-weight) text-(--ui-color-design-plain-content)",
-        "header": "border-b border-(--ui-color-design-plain-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-plain-content-divider) border-t-1"
-      },
-      "plain-accent": {
-        "root": "bg-(--ui-color-design-plain-a-bg) border border-(--ui-color-design-plain-a-stroke) border-(length:--ui-design-plain-a-stroke-weight) text-(--ui-color-design-plain-a-content)",
-        "header": "border-b border-(--ui-color-design-plain-a-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-plain-a-content-divider) border-t-1"
-      },
-      "plain-no-accent": {
-        "root": "bg-(--ui-color-design-plain-na-bg) border border-(--ui-color-design-plain-na-stroke) border-(length:--ui-design-plain-na-stroke-weight) text-(--ui-color-design-plain-na-content)",
-        "header": "border-b border-(--ui-color-design-plain-na-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-plain-na-content-divider) border-t-1"
-      },
-      "selection": {
-        "root": "bg-(--ui-color-design-selection-bg) border border-(--ui-color-design-selection-stroke) border-(length:--ui-design-selection-stroke-weight) text-(--ui-color-design-selection-content)",
-        "header": "border-b border-(--ui-color-design-selection-content-divider) border-b-1",
-        "footer": "border-t border-(--ui-color-design-selection-content-divider) border-t-1"
-      }
-    }
-  },
-  "defaultVariants": {
-    "variant": "outline" as typeof variant[number]
-  }
-}