@bitrix24/b24ui-nuxt 0.4.0 → 0.4.2

package/dist/shared/{b24ui-nuxt.BT9wxrhm.cjs → b24ui-nuxt.Bt28CeAD.cjs}

@@ -715,7 +715,7 @@ const badge = {
   }
 };
 
-const safeList = [
+const safeList$1 = [
   "h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
   "w-[28px] h-[28px]",
   "size-lg animate-spin stroke-2",
@@ -733,13 +733,14 @@ const button = {
     ],
     baseLine: [
       "inline-flex items-center"
+      // justify-center
     ].join(" "),
     label: "truncate",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
     leadingAvatarSize: "",
     trailingIcon: "shrink-0",
-    safeList
+    safeList: safeList$1
   },
   variants: {
     ...buttonGroupVariant,
@@ -890,6 +891,14 @@ const button = {
     normalCase: {
       true: "font-semibold normal-case",
       false: "font-bold uppercase"
+    },
+    active: {
+      true: {
+        base: ""
+      },
+      false: {
+        base: ""
+      }
     }
   },
   compoundVariants: [
@@ -1608,6 +1617,78 @@ const countdown = {
   }
 };
 
+const descriptionList = {
+  slots: {
+    root: "w-full shrink-0",
+    legend: "font-semibold text-black dark:text-base-150",
+    text: "text-base-500 dark:text-base-400",
+    container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
+    labelWrapper: [
+      "col-start-1 border-t first:border-none sm:border-t",
+      "flex flex-nowrap flex-row items-center justify-start gap-1.5",
+      "border-base-950/5 text-base-500 sm:border-base-950/5",
+      "dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
+    ].join(" "),
+    icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
+    avatar: "shrink-0",
+    avatarSize: "",
+    label: "",
+    descriptionWrapper: [
+      "sm:border-t sm:[&:nth-child(2)]:border-none",
+      "text-base-900 sm:border-base-950/5",
+      "dark:text-base-150 dark:sm:border-white/5"
+    ].join(" "),
+    description: "",
+    actions: "flex flex-wrap gap-1.5 shrink-0",
+    footer: "border-t border-base-950/5 dark:border-white/5"
+  },
+  variants: {
+    size: {
+      sm: {
+        legend: "text-md",
+        text: "mt-1 max-w-2/3 text-sm",
+        container: "mt-2.5 text-md",
+        labelWrapper: "pt-3 sm:py-3",
+        avatarSize: "xs",
+        label: "",
+        descriptionWrapper: "pb-3 pt-1 sm:py-3",
+        description: "",
+        footer: "mt-2 p-2"
+      },
+      md: {
+        legend: "text-xl",
+        text: "mt-2 max-w-2/3 text-lg leading-5",
+        container: "mt-3 text-lg",
+        labelWrapper: "pt-3 sm:py-3",
+        avatarSize: "xs",
+        label: "",
+        descriptionWrapper: "pb-3 pt-1 sm:py-3",
+        description: "",
+        footer: "mt-4 p-4"
+      }
+    },
+    orientation: {
+      horizontal: {
+        descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
+        actions: "items-center"
+      },
+      vertical: {
+        descriptionWrapper: "",
+        actions: "items-start mt-2.5"
+      }
+    },
+    title: {
+      true: {
+        description: "mt-1"
+      }
+    }
+  },
+  compoundVariants: [],
+  defaultVariants: {
+    size: "md"
+  }
+};
+
 const dropdownMenu = {
   slots: {
     content: [
@@ -3270,10 +3351,21 @@ const modal = {
     close: "absolute top-2 end-1.5 p-0.5"
   },
   variants: {
+    overlayBlur: {
+      auto: {
+        overlay: "motion-safe:backdrop-blur-sm"
+      },
+      on: {
+        overlay: "backdrop-blur-sm"
+      },
+      off: {
+        overlay: ""
+      }
+    },
     transition: {
       true: {
-        overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
-        content: "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
+        overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]",
+        content: "motion-safe:data-[state=open]:animate-[scale-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_200ms_ease-in]"
       }
     },
     fullscreen: {
@@ -3296,7 +3388,8 @@ const modal = {
     }
   },
   defaultVariants: {
-    scrollbarThin: true
+    scrollbarThin: true,
+    overlayBlur: "auto"
   }
 };
 
@@ -4096,6 +4189,9 @@ const skeleton = {
   base: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800"
 };
 
+const safeList = [
+  "group-hover:rounded-full group-hover:border-1 group-hover:border-current"
+].join(" ");
 const slideover = {
   slots: {
     overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
@@ -4118,9 +4214,21 @@ const slideover = {
     footer: "bg-white dark:bg-base-950 flex items-center justify-center gap-3 py-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20 shadow-top-md p-2 pr-(--scrollbar-width)",
     title: "font-b24-system font-light text-4.5xl leading-none text-base-900 dark:text-base-150",
     description: "mt-2 mb-1 text-base-500 dark:text-base-400 text-sm",
-    close: "absolute"
+    close: "absolute",
+    safeList
   },
   variants: {
+    overlayBlur: {
+      auto: {
+        overlay: "motion-safe:backdrop-blur-sm"
+      },
+      on: {
+        overlay: "backdrop-blur-sm"
+      },
+      off: {
+        overlay: ""
+      }
+    },
     side: {
       top: {
         content: "inset-x-0 top-0 max-h-full"
@@ -4137,7 +4245,7 @@ const slideover = {
     },
     transition: {
       true: {
-        overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"
+        overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]"
       }
     },
     scrollbarThin: {
@@ -4183,34 +4291,35 @@ const slideover = {
       transition: true,
       side: "top",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
       }
     },
     {
       transition: true,
       side: "right",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
       }
     },
     {
       transition: true,
       side: "bottom",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
       }
     },
     {
       transition: true,
       side: "left",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
       }
     }
   ],
   defaultVariants: {
     side: "right",
-    scrollbarThin: true
+    scrollbarThin: true,
+    overlayBlur: "auto"
   }
 };
 
@@ -5177,6 +5286,7 @@ const theme = {
   chip: chip,
   container: container,
   countdown: countdown,
+  descriptionList: descriptionList,
   dropdownMenu: dropdownMenu,
   form: form,
   formField: formField,
@@ -5202,6 +5312,233 @@ const theme = {
   tooltip: tooltip
 };
 
+const h1 = {
+  slots: {
+    base: [
+      "mb-2",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height)",
+      "text-h1"
+    ].join(" "),
+    link: "inline-flex items-center gap-2"
+  }
+};
+
+const h2 = {
+  slots: {
+    base: [
+      "relative mb-2",
+      "[&>a>code]:text-xl/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h2"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-1 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const h3 = {
+  slots: {
+    base: [
+      "relative mb-2",
+      "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h3"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const h4 = {
+  slots: {
+    base: [
+      "relative mb-2",
+      "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h4"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const h5 = {
+  slots: {
+    base: [
+      "relative mb-2",
+      "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h5"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const h6 = {
+  slots: {
+    base: [
+      "relative mb-2",
+      "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h6"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const p = {
+  slots: {
+    base: [
+      "mb-2",
+      "leading-relaxed",
+      "text-pretty"
+    ].join(" ")
+  }
+};
+
+const blockquote = {
+  slots: {
+    base: "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
+  }
+};
+
+const strong = {
+  slots: {
+    base: ""
+  }
+};
+
+const em = {
+  slots: {
+    base: ""
+  }
+};
+
+const ol = {
+  slots: {
+    base: [
+      "list-decimal",
+      "ps-2 mb-2 ms-3",
+      "marker:text-base-master dark:marker:text-base-150"
+    ].join(" ")
+  }
+};
+
+const ul = {
+  slots: {
+    base: [
+      "list-disc",
+      "ps-2 mb-2 ms-3",
+      "marker:text-base-master dark:marker:text-base-150"
+    ].join(" ")
+  }
+};
+
+const li = {
+  slots: {
+    base: [
+      "my-1.5 ps-1.5",
+      "leading-relaxed",
+      "[&>ul]:my-0 [&>ol]:my-0"
+    ].join(" ")
+  }
+};
+
+const hr = {
+  slots: {
+    base: [
+      "my-4",
+      "border-t border-base-master/10 dark:border-base-100/20"
+    ].join(" ")
+  }
+};
+
+const themeProse = {
+  __proto__: null,
+  blockquote: blockquote,
+  em: em,
+  h1: h1,
+  h2: h2,
+  h3: h3,
+  h4: h4,
+  h5: h5,
+  h6: h6,
+  hr: hr,
+  li: li,
+  ol: ol,
+  p: p,
+  strong: strong,
+  ul: ul
+};
+
 const variantTable = "[&>table]";
 const variantHeadTr = "[&>table>thead>tr]";
 const variantBodyTr = "[&>table>tbody>tr]";
@@ -5287,86 +5624,9 @@ const tableWrapper = {
   }
 };
 
-const themeProse = {
-  __proto__: null,
-  tableWrapper: tableWrapper
-};
-
-const descriptionList = {
-  slots: {
-    root: "w-full shrink-0",
-    legend: "font-semibold text-black dark:text-base-150",
-    text: "text-base-500 dark:text-base-400",
-    container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
-    labelWrapper: [
-      "col-start-1 border-t first:border-none sm:border-t",
-      "flex flex-nowrap flex-row items-center justify-start gap-1.5",
-      "border-base-950/5 text-base-500 sm:border-base-950/5",
-      "dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
-    ].join(" "),
-    icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
-    avatar: "shrink-0",
-    avatarSize: "",
-    label: "",
-    descriptionWrapper: [
-      "sm:border-t sm:[&:nth-child(2)]:border-none",
-      "text-base-900 sm:border-base-950/5",
-      "dark:text-base-150 dark:sm:border-white/5"
-    ].join(" "),
-    description: "",
-    actions: "flex flex-wrap gap-1.5 shrink-0",
-    footer: "border-t border-base-950/5 dark:border-white/5"
-  },
-  variants: {
-    size: {
-      sm: {
-        legend: "text-md",
-        text: "mt-1 max-w-2/3 text-sm",
-        container: "mt-2.5 text-md",
-        labelWrapper: "pt-3 sm:py-3",
-        avatarSize: "xs",
-        label: "",
-        descriptionWrapper: "pb-3 pt-1 sm:py-3",
-        description: "",
-        footer: "mt-2 p-2"
-      },
-      md: {
-        legend: "text-xl",
-        text: "mt-2 max-w-2/3 text-lg leading-5",
-        container: "mt-3 text-lg",
-        labelWrapper: "pt-3 sm:py-3",
-        avatarSize: "xs",
-        label: "",
-        descriptionWrapper: "pb-3 pt-1 sm:py-3",
-        description: "",
-        footer: "mt-4 p-4"
-      }
-    },
-    orientation: {
-      horizontal: {
-        descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
-        actions: "items-center"
-      },
-      vertical: {
-        descriptionWrapper: "",
-        actions: "items-start mt-2.5"
-      }
-    },
-    title: {
-      true: {
-        description: "mt-1"
-      }
-    }
-  },
-  compoundVariants: [],
-  defaultVariants: {
-    size: "md"
-  }
-};
-
 const themeContent = {
   __proto__: null,
-  descriptionList: descriptionList
+  tableWrapper: tableWrapper
 };
 
 function replaceBrackets(value) {