@bitrix24/b24ui-nuxt 0.6.8 → 0.7.1

package/.nuxt/b24ui/accordion.ts

@@ -0,0 +1,20 @@
+export default {
+  "slots": {
+    "root": "w-full",
+    "item": "border-b border-default last:border-b-0",
+    "header": "flex",
+    "trigger": "group flex-1 flex items-center gap-1.5 font-medium text-sm py-3 focus-visible:outline-primary min-w-0 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-sm pb-3",
+    "leadingIcon": "shrink-0 size-5",
+    "trailingIcon": "shrink-0 size-5 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,15 +1,9 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/advice"
-
 const angle = [
   "top",
   "bottom"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "flex items-end",
     "descriptionWrapper": "relative",
@@ -38,6 +32,4 @@ const theme = {
   "defaultVariants": {
     "angle": "bottom" as typeof angle[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/alert.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/alert"
-
 const color = [
   "default",
   "danger",
@@ -16,16 +14,7 @@ const size = [
   "md"
 ] as const
 
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative overflow-hidden w-full rounded-3xs flex",
     "wrapper": "min-w-0 flex-1 flex flex-col font-b24-primary font-normal",
@@ -131,6 +120,4 @@ const theme = {
     "color": "default" as typeof color[number],
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

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

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/avatar-group"
-
 const size = [
   "3xs",
   "2xs",
@@ -12,11 +10,7 @@ const size = [
   "3xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "inline-flex justify-end",
     "base": "relative rounded-full ring-white dark:ring-base-700 last:me-0"
@@ -55,6 +49,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/avatar.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/avatar"
-
 const size = [
   "3xs",
   "2xs",
@@ -12,13 +10,9 @@ const size = [
   "3xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+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",
+    "root": "inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle bg-base-100 dark:bg-base-900",
     "image": "h-full w-full rounded-[inherit] object-cover",
     "fallback": "font-medium text-base-500 dark:text-base-600 truncate",
     "icon": "text-base-500 shrink-0 dark:text-base-600"
@@ -66,6 +60,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/badge.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/badge"
-
 const buttonGroup = [
   "horizontal",
   "vertical"
@@ -30,11 +28,7 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+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",
@@ -46,8 +40,8 @@ const theme = {
   },
   "variants": {
     "buttonGroup": {
-      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0",
-      "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"
+      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-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-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
@@ -67,7 +61,7 @@ const theme = {
       "false": "bg-transparent"
     },
     "leading": {
-      "true": "ps-2xs"
+      "true": "ps-1"
     },
     "color": {
       "default": "",
@@ -123,6 +117,9 @@ const theme = {
         "leadingAvatarSize": "xs",
         "trailingIcon": "size-[26px]"
       }
+    },
+    "square": {
+      "true": ""
     }
   },
   "compoundVariants": [
@@ -246,6 +243,46 @@ const theme = {
       "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"
     },
+    {
+      "size": "xs" as typeof size[number],
+      "square": true,
+      "class": {
+        "base": "p-0 ps-0 pe-0",
+        "wrapper": "p-0.5 gap-0"
+      }
+    },
+    {
+      "size": "sm" as typeof size[number],
+      "square": true,
+      "class": {
+        "base": "p-0 ps-0 pe-0",
+        "wrapper": "p-1 gap-0"
+      }
+    },
+    {
+      "size": "md" as typeof size[number],
+      "square": true,
+      "class": {
+        "base": "p-0 ps-0 pe-0",
+        "wrapper": "p-1 gap-0"
+      }
+    },
+    {
+      "size": "lg" as typeof size[number],
+      "square": true,
+      "class": {
+        "base": "p-0 ps-0 pe-0",
+        "wrapper": "p-1 gap-0"
+      }
+    },
+    {
+      "size": "xl" as typeof size[number],
+      "square": true,
+      "class": {
+        "base": "p-0 ps-0 pe-0",
+        "wrapper": "p-1 gap-0"
+      }
+    },
     {
       "useLink": true,
       "useFill": false,
@@ -273,6 +310,4 @@ const theme = {
     "size": "md" as typeof size[number],
     "useFill": false
   }
-}
-
-export default result as typeof theme
+}

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

@@ -1,22 +1,4 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/button-group"
-
-const size = [
-  "xs",
-  "sm",
-  "md",
-  "lg"
-] as const
-
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "base": "relative",
   "variants": {
     "size": {
@@ -30,6 +12,4 @@ const theme = {
       "vertical": "flex flex-col -space-y-px"
     }
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/button.ts

@@ -1,10 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/button"
-
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "default",
   "danger",
@@ -30,11 +23,7 @@ const size = [
   "lg"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "base": [
       "select-none cursor-pointer inline-flex items-center",
@@ -53,8 +42,8 @@ const theme = {
   },
   "variants": {
     "buttonGroup": {
-      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0",
-      "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"
+      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-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-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
@@ -361,6 +350,4 @@ const theme = {
     "color": "default" as typeof color[number],
     "depth": "normal" as typeof depth[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/calendar.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/calendar"
-
 const color = [
   "default",
   "danger",
@@ -18,18 +16,14 @@ const size = [
   "lg"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "font-b24-system w-full",
     "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": "text-center font-semibold truncate mx-auto",
     "grid": "w-full border-collapse select-none space-y-1 focus:outline-none",
-    "gridRow": "grid grid-cols-7",
+    "gridRow": "grid grid-cols-7 place-items-center",
     "gridWeekDaysRow": "mb-1 grid w-full grid-cols-7",
     "gridBody": "grid",
     "headCell": "font-normal text-base-500 dark:text-base-500",
@@ -95,6 +89,4 @@ const theme = {
     "size": "md" as typeof size[number],
     "color": "primary" as typeof color[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/checkbox.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/checkbox"
-
 const color = [
   "default",
   "danger",
@@ -11,6 +9,17 @@ const color = [
   "ai"
 ] as const
 
+const variant = [
+  "list",
+  "card"
+] as const
+
+const indicator = [
+  "start",
+  "end",
+  "hidden"
+] as const
+
 const size = [
   "xs",
   "sm",
@@ -18,14 +27,11 @@ const size = [
   "lg"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative flex items-start",
     "base": "cursor-pointer shrink-0 flex items-center justify-center rounded-2xs text-white dark:text-base-150 ring ring-inset ring-base-300 dark:ring-base-700 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
+    "indicator": "flex items-center justify-center size-full text-base-master dark:text-base-400" as typeof indicator[number],
     "container": "flex items-center",
     "wrapper": "font-b24-primary ms-2",
     "icon": "shrink-0 size-full",
@@ -43,6 +49,28 @@ const theme = {
       "collab": "focus-visible:outline-collab-500 dark:focus-visible:outline-collab-600",
       "ai": "focus-visible:outline-ai-500 dark:focus-visible:outline-ai-600"
     },
+    "variant": {
+      "list": {
+        "root": ""
+      },
+      "card": {
+        "root": "border border-muted rounded-lg"
+      }
+    },
+    "indicator": {
+      "start": {
+        "root": "flex-row",
+        "wrapper": "ms-2"
+      },
+      "end": {
+        "root": "flex-row-reverse",
+        "wrapper": "me-2"
+      },
+      "hidden": {
+        "base": "sr-only",
+        "wrapper": "text-center"
+      }
+    },
     "size": {
       "xs": {
         "base": "size-3",
@@ -86,51 +114,87 @@ const theme = {
     }
   },
   "compoundVariants": [
+    {
+      "size": "xs" as typeof size[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "root": "p-2.5"
+      }
+    },
+    {
+      "size": "sm" as typeof size[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "root": "p-3"
+      }
+    },
+    {
+      "size": "md" as typeof size[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "root": "p-3.5"
+      }
+    },
+    {
+      "size": "lg" as typeof size[number],
+      "variant": "card" as typeof variant[number],
+      "class": {
+        "root": "p-4"
+      }
+    },
     {
       "color": "default" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-base-900 bg-base-900 dark:ring-base-350 dark:bg-base-350 dark:text-base-800"
     },
     {
       "color": "danger" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-red-500 bg-red-500 dark:ring-red-600 dark:bg-red-600 dark:text-red-250"
     },
     {
       "color": "success" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-green-500 bg-green-500 dark:ring-green-600 dark:bg-green-600 dark:text-green-250"
     },
     {
       "color": "warning" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-orange-500 bg-orange-500 dark:ring-orange-600 dark:bg-orange-600 dark:text-orange-250"
     },
     {
       "color": "primary" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-blue-500 bg-blue-500 dark:ring-blue-600 dark:bg-blue-600 dark:text-blue-250"
     },
     {
       "color": "secondary" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-cyan-350 bg-cyan-350 dark:ring-cyan-500 dark:bg-cyan-500"
     },
     {
       "color": "collab" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-collab-500 bg-collab-500 dark:ring-collab-600 dark:bg-collab-600 dark:text-collab-250"
     },
     {
       "color": "ai" as typeof color[number],
+      "variant": "list" as typeof variant[number],
       "checked": true,
       "class": "ring-2 ring-ai-500 bg-ai-500 dark:ring-ai-600 dark:bg-ai-600 dark:text-ai-250"
     }
   ],
   "defaultVariants": {
     "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number]
+    "color": "primary" as typeof color[number],
+    "variant": "list" as typeof variant[number],
+    "indicator": "start" as typeof indicator[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/chip.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/chip"
-
 const color = [
   "default",
   "danger",
@@ -31,11 +29,7 @@ const position = [
   "bottom-left"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative inline-flex items-center justify-center shrink-0",
     "base": "select-none rounded-sm flex items-center justify-center p-1 text-white leading-none font-semibold font-b24-secondary whitespace-nowrap"
@@ -208,6 +202,4 @@ const theme = {
     "color": "danger" as typeof color[number],
     "position": "top-right" as typeof position[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/collapsible.ts

@@ -1,14 +1,6 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/collapsible"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "",
     "content": "motion-safe:data-[state=open]:animate-[collapsible-down_200ms_ease-out] motion-safe:data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/container.ts

@@ -1,11 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/container"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "base": "w-full max-w-[80rem] mx-auto px-5"
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/countdown.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/countdown"
-
 const size = [
   "xs",
   "sm",
@@ -8,11 +6,7 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "base": "relative flex flex-row flex-nowrap items-center justify-between text-base-500 dark:text-base-600",
     "label": "",
@@ -92,6 +86,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/description-list.ts

@@ -1,20 +1,9 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/description-list"
-
 const size = [
   "sm",
   "md"
 ] as const
 
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "w-full shrink-0",
     "legend": "font-semibold text-black dark:text-base-150",
@@ -75,6 +64,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/b24ui/dropdown-menu.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/b24ui/b24ui/src/theme/dropdown-menu"
-
 const color = [
   "default",
   "danger",
@@ -18,13 +16,10 @@ const size = [
   "lg"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "colorMode": true
-}) : template
-
-const theme = {
+export default {
   "slots": {
-    "content": "min-w-32 bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-y-auto motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin) divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1 pointer-events-auto",
+    "content": "min-w-32 bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin) flex flex-col pointer-events-auto",
+    "viewport": "relative divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1 overflow-y-auto flex-1",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
     "group": "p-1 isolate",
     "label": "w-full flex items-center font-semibold text-base-900 dark:text-base-200",
@@ -238,6 +233,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}