@bitrix24/b24ui-nuxt 0.1.1

package/.nuxt/b24ui/advice.ts

@@ -0,0 +1,52 @@
+const angle = [
+  "top",
+  "bottom"
+] as const
+
+export default {
+  "slots": {
+    "root": "flex items-end",
+    "descriptionWrapper": [
+      "relative"
+    ],
+    "descriptionBorder": [
+      "fill-blue-500 dark:fill-blue-300"
+    ],
+    "descriptionBg": [
+      "fill-white dark:fill-base-900"
+    ],
+    "descriptionAngle": [
+      "absolute",
+      "w-[14px] h-[12px]"
+    ],
+    "description": [
+      "grow",
+      "w-11/12 py-3 px-md2 ms-2",
+      "rounded-[23px]",
+      "font-b24-secondary text-md leading-md font-normal",
+      "border-1",
+      "border-blue-500 bg-white text-base-950",
+      "dark:border-blue-300 dark:bg-base-900 dark:text-base-200"
+    ],
+    "leading": "me-1.5 ms-2",
+    "leadingIcon": "shrink-0 size-[42px]",
+    "leadingAvatar": "shrink-0",
+    "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

@@ -0,0 +1,118 @@
+const color = [
+  "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 rounded-3xs flex",
+    "wrapper": "min-w-0 flex-1 flex flex-col gap-1 font-b24-primary font-normal",
+    "title": "font-bold",
+    "description": "",
+    "icon": "shrink-0 size-6",
+    "avatar": "shrink-0",
+    "avatarSize": "",
+    "actions": "flex flex-wrap gap-1.5 shrink-0",
+    "close": "p-0.5"
+  },
+  "variants": {
+    "color": {
+      "default": {
+        "root": [
+          "text-base-950 bg-base-200",
+          "dark:text-base-950 dark:bg-base-200"
+        ],
+        "close": "text-base-800 dark:text-base-800 hover:text-base-950 dark:hover:text-base-950"
+      },
+      "danger": {
+        "root": [
+          "text-red-700 bg-red-200",
+          "dark:text-red-700 dark:bg-red-300"
+        ],
+        "close": "text-red-700 dark:text-red-700 hover:text-red-800 dark:hover:text-red-800"
+      },
+      "success": {
+        "root": [
+          "text-green-780 bg-green-200",
+          "dark:text-green-780 dark:bg-green-300"
+        ],
+        "close": "text-green-780 dark:text-green-780 hover:text-green-800 dark:hover:text-green-800"
+      },
+      "warning": {
+        "root": [
+          "text-orange-700 bg-orange-200",
+          "dark:text-orange-750 dark:bg-orange-300"
+        ],
+        "close": "text-orange-700 dark:text-orange-750 hover:text-orange-800 dark:hover:text-orange-800"
+      },
+      "primary": {
+        "root": [
+          "text-blue-700 bg-blue-200",
+          "dark:text-blue-700 dark:bg-blue-300"
+        ],
+        "close": "text-blue-700 dark:text-blue-700 hover:text-blue-800 dark:hover:text-blue-800"
+      },
+      "secondary": {
+        "root": [
+          "text-cyan-700 bg-cyan-150",
+          "dark:text-cyan-750 dark:bg-cyan-300"
+        ],
+        "close": "text-cyan-700 dark:text-cyan-750 hover:text-cyan-800 dark:hover:text-cyan-800"
+      },
+      "collab": {
+        "root": [
+          "text-collab-700 bg-collab-200",
+          "dark:text-collab-700 dark:bg-collab-300"
+        ],
+        "close": "text-collab-700 dark:text-collab-700 hover:text-collab-800 dark:hover:text-collab-800"
+      },
+      "ai": {
+        "root": [
+          "text-ai-700 bg-ai-200",
+          "dark:text-ai-700 dark:bg-ai-300"
+        ],
+        "close": "text-ai-700 dark:text-ai-700 hover:text-ai-800 dark:hover:text-ai-800"
+      }
+    },
+    "size": {
+      "sm": {
+        "root": "py-xs ps-sm pe-xs gap-2",
+        "title": "text-sm leading-normal",
+        "description": "text-sm leading-normal",
+        "avatarSize": "md"
+      },
+      "md": {
+        "root": "py-md ps-md pe-xs gap-2.5",
+        "title": "text-md leading-none",
+        "description": "text-md leading-[17px]",
+        "avatarSize": "xl"
+      }
+    },
+    "multiline": {
+      "true": {
+        "root": "items-start",
+        "actions": "items-start mt-2"
+      },
+      "false": {
+        "root": "items-center",
+        "actions": "items-center"
+      }
+    }
+  },
+  "compoundVariants": [],
+  "defaultVariants": {
+    "color": "default" as typeof color[number],
+    "size": "md" as typeof size[number]
+  }
+}

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

@@ -0,0 +1,52 @@
+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 ring-white dark:ring-base-700 last:me-0"
+  },
+  "variants": {
+    "size": {
+      "3xs": {
+        "base": "ring -me-0.5"
+      },
+      "2xs": {
+        "base": "ring -me-0.5"
+      },
+      "xs": {
+        "base": "ring -me-0.5"
+      },
+      "sm": {
+        "base": "ring -me-1.5"
+      },
+      "md": {
+        "base": "ring-2 -me-1.5"
+      },
+      "lg": {
+        "base": "ring-2 -me-1.5"
+      },
+      "xl": {
+        "base": "ring-3 -me-2"
+      },
+      "2xl": {
+        "base": "ring-3 -me-2"
+      },
+      "3xl": {
+        "base": "ring-3 -me-2"
+      }
+    }
+  },
+  "defaultVariants": {
+    "size": "md" as typeof size[number]
+  }
+}

package/.nuxt/b24ui/avatar.ts

@@ -0,0 +1,63 @@
+const size = [
+  "3xs",
+  "2xs",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl"
+] as const
+
+export default {
+  "slots": {
+    "root": "inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-base-100 dark:bg-base-900",
+    "image": "h-full w-full rounded-[inherit] object-cover data-[error]:hidden",
+    "fallback": "font-medium text-base-500 dark:text-base-600 truncate",
+    "icon": "text-base-500 shrink-0 dark:text-base-600"
+  },
+  "variants": {
+    "size": {
+      "3xs": {
+        "root": "size-xs2 text-4xs font-regular",
+        "icon": "size-xs2"
+      },
+      "2xs": {
+        "root": "size-5 text-4xs font-regular",
+        "icon": "size-5"
+      },
+      "xs": {
+        "root": "size-6 text-3xs font-regular",
+        "icon": "size-6"
+      },
+      "sm": {
+        "root": "size-7 text-xs",
+        "icon": "size-7"
+      },
+      "md": {
+        "root": "size-8 text-sm",
+        "icon": "size-8"
+      },
+      "lg": {
+        "root": "size-[42px] text-2xl",
+        "icon": "size-[42px]"
+      },
+      "xl": {
+        "root": "size-12 text-2xl",
+        "icon": "size-12"
+      },
+      "2xl": {
+        "root": "size-[60px] text-5xl",
+        "icon": "size-[60px]"
+      },
+      "3xl": {
+        "root": "size-[94px] text-[34px]",
+        "icon": "size-[94px]"
+      }
+    }
+  },
+  "defaultVariants": {
+    "size": "md" as typeof size[number]
+  }
+}

package/.nuxt/b24ui/badge.ts

@@ -0,0 +1,256 @@
+const color = [
+  "default",
+  "danger",
+  "success",
+  "warning",
+  "primary",
+  "secondary",
+  "collab",
+  "ai"
+] as const
+
+const depth = [
+  "light",
+  "normal",
+  "dark"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
+export default {
+  "slots": {
+    "base": [
+      "select-none font-b24-secondary font-normal",
+      "inline-flex items-center",
+      "transition-all duration-200 ease-linear",
+      "px-2 leading-normal rounded-md"
+    ],
+    "wrapper": "inline-flex items-center",
+    "label": "max-w-full whitespace-nowrap text-ellipsis",
+    "leadingIcon": "shrink-0",
+    "leadingAvatar": "shrink-0",
+    "leadingAvatarSize": "",
+    "trailingIcon": "shrink-0 cursor-pointer  hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
+  },
+  "variants": {
+    "useLink": {
+      "true": {
+        "base": "cursor-pointer",
+        "wrapper": "group",
+        "label": "group-hover:underline group-hover:decoration-dashed"
+      }
+    },
+    "useClose": {
+      "true": "pe-2xs"
+    },
+    "useFill": {
+      "true": "",
+      "false": "bg-transparent"
+    },
+    "leading": {
+      "true": "ps-2xs"
+    },
+    "color": {
+      "default": "",
+      "danger": "",
+      "success": "",
+      "warning": "",
+      "primary": "",
+      "secondary": "",
+      "collab": "",
+      "ai": ""
+    },
+    "depth": {
+      "light": "font-normal",
+      "normal": "font-bold",
+      "dark": "font-bold"
+    },
+    "size": {
+      "xs": {
+        "base": "text-5xs gap-0.5",
+        "wrapper": "h-[14px] gap-0.5",
+        "label": "underline-offset-1",
+        "leadingIcon": "size-sm",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-sm "
+      },
+      "sm": {
+        "base": "text-4xs gap-1",
+        "wrapper": "h-[16px] gap-1",
+        "label": "underline-offset-1",
+        "leadingIcon": "size-sm2",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-sm2"
+      },
+      "md": {
+        "base": "text-3xs gap-1",
+        "wrapper": "h-[17px] gap-1",
+        "label": "underline-offset-1",
+        "leadingIcon": "size-[15px]",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-[15px]"
+      },
+      "lg": {
+        "base": "text-xs gap-1 rounded-lg",
+        "wrapper": "h-[24px] gap-1",
+        "leadingIcon": "size-[22px]",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-[22px]"
+      },
+      "xl": {
+        "base": "text-md gap-1 rounded-xl",
+        "wrapper": "h-[31px] gap-1",
+        "leadingIcon": "size-[26px]",
+        "leadingAvatarSize": "xs",
+        "trailingIcon": "size-[26px]"
+      }
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "default" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-base-900 bg-base-100 ring-base-100 dark:text-base-900 dark:bg-base-150 dark:ring-base-150"
+    },
+    {
+      "color": "default" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-base-800 bg-base-150 ring-base-150 dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
+    },
+    {
+      "color": "default" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-base-500 ring-base-500 dark:text-base-50 dark:bg-base-600 dark:ring-base-600"
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-red-800 bg-red-500/17 ring-red-500/17 dark:text-red-900 dark:bg-red-300 dark:ring-red-300"
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-red-800 bg-red-250 ring-red-250 dark:text-red-800 dark:bg-red-350 dark:ring-red-350"
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-red-500 ring-red-500 dark:text-red-250 dark:bg-red-600 dark:ring-red-600"
+    },
+    {
+      "color": "success" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-green-800 bg-green-500/17 ring-green-500/17 dark:text-green-900 dark:bg-green-300 dark:ring-green-300"
+    },
+    {
+      "color": "success" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-green-800 bg-green-300 ring-green-300 dark:text-green-800 dark:bg-green-330 dark:ring-green-330"
+    },
+    {
+      "color": "success" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-green-500 ring-green-500 dark:text-green-250 dark:bg-green-600 dark:ring-green-600"
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-orange-800 bg-orange-250 ring-orange-300 dark:text-orange-900 dark:bg-orange-300 dark:ring-orange-300"
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-orange-800 bg-orange-300 ring-orange-300 dark:text-orange-800 dark:bg-orange-400 dark:ring-orange-400"
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-orange-500 ring-orange-500 dark:text-orange-250 dark:bg-orange-600 dark:ring-orange-600"
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-blue-800 bg-blue-500/17 ring-blue-500/17 dark:text-blue-900 dark:bg-blue-300 dark:ring-blue-300"
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-blue-700 bg-blue-250 ring-blue-250 dark:text-blue-700 dark:bg-blue-300 dark:ring-blue-300"
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-blue-500 ring-blue-500 dark:text-blue-250 dark:bg-blue-600 dark:ring-blue-600"
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-base-master bg-blue-320 ring-blue-320 dark:text-base-master dark:bg-blue-400 dark:ring-blue-400"
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-cyan-350 ring-cyan-350 dark:text-cyan-100 dark:bg-cyan-400 dark:ring-cyan-400"
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-cyan-500 ring-cyan-500 dark:text-cyan-250 dark:bg-cyan-600 dark:ring-cyan-600"
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-collab-800 bg-collab-500/17 ring-collab-500/17 dark:text-collab-900 dark:bg-collab-300 dark:ring-collab-300"
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-collab-800 bg-collab-300 ring-collab-300 dark:text-collab-800 dark:bg-collab-300 dark:ring-collab-300"
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-collab-500 ring-collab-500 dark:text-collab-250 dark:bg-collab-600 dark:ring-collab-600"
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "depth": "light" as typeof depth[number],
+      "class": "ring ring-inset text-ai-500 bg-white ring-ai-10 dark:text-ai-500 dark:bg-ai-50 dark:ring-ai-50"
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "depth": "normal" as typeof depth[number],
+      "class": "ring ring-inset text-ai-500 bg-ai-150 ring-ai-150 dark:text-ai-600 dark:bg-ai-200 dark:ring-ai-200"
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "depth": "dark" as typeof depth[number],
+      "class": "ring ring-inset text-white bg-ai-330 ring-ai-330 dark:text-ai-100 dark:bg-ai-400 dark:ring-ai-400"
+    },
+    {
+      "useLink": true,
+      "useFill": false,
+      "class": ""
+    },
+    {
+      "useFill": false,
+      "class": "text-base-800 dark:text-base-250 bg-transparent dark:bg-transparent"
+    },
+    {
+      "useClose": true,
+      "class": ""
+    }
+  ],
+  "defaultVariants": {
+    "color": "default" as typeof color[number],
+    "depth": "normal" as typeof depth[number],
+    "size": "md" as typeof size[number],
+    "useFill": false
+  }
+}

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

@@ -0,0 +1,27 @@
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg"
+] as const
+
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
+export default {
+  "base": "relative",
+  "variants": {
+    "size": {
+      "xs": "",
+      "sm": "",
+      "md": "",
+      "lg": ""
+    },
+    "orientation": {
+      "horizontal": "inline-flex -space-x-px",
+      "vertical": "flex flex-col -space-y-px"
+    }
+  }
+}