@bitrix24/b24ui-nuxt 2.2.1 → 2.4.0

package/dist/shared/{b24ui-nuxt.C-CS9MBp.mjs → b24ui-nuxt.DstlkmYO.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.2.1";
+const version = "2.4.0";
 
 function getDefaultConfig(theme) {
   return {
@@ -22,6 +22,7 @@ function getDefaultConfig(theme) {
 }
 const defaultOptions = {
   colorMode: true,
+  colorModeInitialValue: "light",
   colorModeTypeLight: "light",
   version,
   mdc: true,
@@ -1307,9 +1308,10 @@ const calendar = {
     gridBody: "grid",
     headCell: [
       "font-(--ui-font-weight-normal)",
-      "text-(--ui-color-design-plain-na-content)"
+      "text-(--ui-color-design-plain-na-content-secondary)"
       // text-base-500
     ].join(" "),
+    headCellWeek: "text-(--ui-color-design-plain-na-content-secondary)",
     cell: "relative text-center cursor-pointer aria-disabled:cursor-not-allowed",
     cellTrigger: [
       "m-0.5 relative",
@@ -1333,6 +1335,11 @@ const calendar = {
       "data-unavailable:pointer-events-none",
       "data-today:font-(--ui-font-weight-semi-bold)",
       "transition"
+    ].join(" "),
+    cellWeek: [
+      "relative",
+      "text-center",
+      "text-(--ui-color-design-plain-na-content-secondary)"
     ].join(" ")
   },
   variants: {
@@ -1356,28 +1363,42 @@ const calendar = {
       xs: {
         heading: "text-(length:--ui-font-size-md)",
         cell: "text-(length:--ui-font-size-sm)",
-        headCell: "text-[10px]",
+        cellWeek: "text-(length:--ui-font-size-4xs)",
+        headCell: "text-(length:--ui-font-size-4xs)",
+        headCellWeek: "text-(length:--ui-font-size-4xs)",
         cellTrigger: "size-[28px]",
         body: "space-y-2 pt-2"
       },
       sm: {
         heading: "text-(length:--ui-font-size-md)",
-        headCell: "text-(length:--ui-font-size-sm)",
+        headCell: "text-(length:--ui-font-size-3xs)",
+        headCellWeek: "text-(length:--ui-font-size-3xs)",
+        cellWeek: "text-(length:--ui-font-size-3xs)",
         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)",
+        headCell: "text-(length:--ui-font-size-xs)",
+        headCellWeek: "text-(length:--ui-font-size-xs)",
+        cellWeek: "text-(length:--ui-font-size-xs)",
         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)",
+        headCell: "text-(length:--ui-font-size-xs)",
+        headCellWeek: "text-(length:--ui-font-size-xs)",
+        cellWeek: "text-(length:--ui-font-size-xs)",
         cell: "text-(length:--ui-font-size-lg)",
         cellTrigger: "size-[36px] text-(length:--ui-font-size-lg)"
       }
+    },
+    weekNumbers: {
+      true: {
+        gridRow: "grid-cols-8",
+        gridWeekDaysRow: "grid-cols-8 [&>*:first-child]:col-start-2"
+      }
     }
   },
   defaultVariants: {
@@ -1786,7 +1807,8 @@ const chatPrompt = {
     header: "flex items-center gap-[8px]",
     body: "py-[4px] items-start",
     footer: "flex items-center justify-end gap-[8px]",
-    base: "pt-[1px] pb-[0px] text-(length:--ui-font-size-lg)/(--ui-font-line-height-2xs)"
+    base: "pt-[1px] pb-[0px]"
+    // text-(length:--ui-font-size-lg)/(--ui-font-line-height-2xs)
   },
   variants: {
     variant: {
@@ -2404,7 +2426,7 @@ const commandPalette = {
       "min-h-0 min-w-0",
       "divide-y divide-(--ui-color-design-tinted-na-stroke)"
     ].join(" "),
-    input: "ps-[40px] pe-[44px]",
+    input: "",
     close: "",
     back: "p-0",
     content: "relative overflow-hidden flex flex-col",
@@ -2419,23 +2441,15 @@ const commandPalette = {
     ].join(" "),
     group: "p-1 isolate",
     empty: [
-      "py-6",
       "text-center",
-      "text-(length:--ui-font-size-sm)",
       "text-(--b24ui-typography-description-color)"
     ].join(" "),
-    label: [
-      "p-[6px]",
-      "text-(length:--ui-font-size-xs)",
-      "text-(--b24ui-typography-label-color)"
-    ].join(" "),
+    label: "text-(--b24ui-typography-label-color)",
     item: [
       "group",
       "relative",
       "w-full",
-      "flex items-center gap-[6px]",
-      "p-[6px]",
-      "text-(length:--ui-font-size-sm)",
+      "flex items-center",
       "select-none",
       "outline-none",
       "before:absolute",
@@ -2445,21 +2459,21 @@ const commandPalette = {
       "data-disabled:cursor-not-allowed",
       "data-disabled:opacity-30"
     ].join(" "),
-    itemLeadingIcon: "shrink-0 size-[20px]",
+    itemLeadingIcon: "shrink-0",
     itemLeadingAvatar: "shrink-0",
-    itemLeadingAvatarSize: "2xs",
-    itemLeadingChip: "shrink-0 size-[20px]",
-    itemLeadingChipSize: "md",
-    itemTrailing: "ms-auto inline-flex gap-[6px] items-center",
-    itemTrailingIcon: "shrink-0 size-[20px] text-(--ui-color-accent-main-primary)",
+    itemLeadingAvatarSize: "",
+    itemLeadingChip: "shrink-0",
+    itemLeadingChipSize: "",
+    itemTrailing: "ms-auto inline-flex items-center",
+    itemTrailingIcon: "shrink-0 text-(--ui-color-accent-main-primary)",
     itemTrailingHighlightedIcon: [
-      "shrink-0 size-[20px]",
+      "shrink-0",
       "text-(--b24ui-typography-label-color)",
       "hidden",
       "group-data-highlighted:inline-flex"
     ].join(" "),
-    itemTrailingKbds: "hidden lg:inline-flex items-center shrink-0 gap-0.5",
-    itemTrailingKbdsSize: "md",
+    itemTrailingKbds: "hidden lg:inline-flex items-center shrink-0",
+    itemTrailingKbdsSize: "",
     itemWrapper: "flex-1 flex flex-col text-start min-w-0 overflow-hidden",
     itemLabel: "truncate space-x-1 text-(--b24ui-typography-label-color)",
     itemDescription: "truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
@@ -2477,6 +2491,104 @@ const commandPalette = {
         // divide-y divide-(--ui-color-design-tinted-na-stroke)
       }
     },
+    size: {
+      xss: {
+        input: "ps-[20px] pe-[20px]",
+        // [&>input]:h-10
+        empty: "py-3 text-(length:--ui-font-size-4xs)",
+        label: "p-1 text-[10px]/3 gap-1",
+        item: "p-1 text-(length:--ui-font-size-4xs) gap-1",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      xs: {
+        input: "ps-[22px] pe-[22px]",
+        // [&>input]:h-10
+        empty: "py-3 text-(length:--ui-font-size-xs)",
+        label: "p-1 text-[10px]/3 gap-1",
+        item: "p-1 text-(length:--ui-font-size-xs) gap-1",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      sm: {
+        input: "ps-[28px] pe-[28px]",
+        // [&>input]:h-11
+        empty: "py-4 text-(length:--ui-font-size-sm)",
+        label: "p-1.5 text-[10px]/3 gap-1.5",
+        item: "p-1.5 text-(length:--ui-font-size-sm) gap-1.5",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1.5",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      md: {
+        input: "ps-[40px] pe-[44px]",
+        // [&>input]:h-12
+        empty: "py-6 text-(length:--ui-font-size-sm)",
+        label: "p-[6px] text-(length:--ui-font-size-xs) gap-[6px]",
+        item: "p-[6px] text-(length:--ui-font-size-md) gap-[6px]",
+        itemLeadingIcon: "size-[20px]",
+        itemLeadingAvatarSize: "2xs",
+        itemLeadingChip: "size-[20px]",
+        itemLeadingChipSize: "md",
+        itemTrailing: "gap-[6px]",
+        itemTrailingIcon: "size-[20px]",
+        itemTrailingHighlightedIcon: "size-[20px]",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "md"
+      },
+      lg: {
+        input: "ps-[40px] pe-[44px]",
+        // [&>input]:h-13
+        empty: "py-7 :text-(length:--ui-font-size-sm)",
+        label: "p-2 text-(length:--ui-font-size-lg) gap-2",
+        item: "p-2 text-(length:--ui-font-size-lg) gap-2",
+        itemLeadingIcon: "size-5",
+        itemLeadingAvatarSize: "2xs",
+        itemLeadingChip: "size-5",
+        itemLeadingChipSize: "md",
+        itemTrailing: "gap-2",
+        itemTrailingIcon: "size-5",
+        itemTrailingHighlightedIcon: "size-5",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "md"
+      },
+      xl: {
+        input: "ps-[40px] pe-[44px]",
+        // [&>input]:h-14
+        empty: "py-8 text-(length:--ui-font-size-lg)",
+        label: "p-2 text-(length:--ui-font-size-2xl) gap-2",
+        item: "p-2 text-(length:--ui-font-size-2xl) gap-2",
+        itemLeadingIcon: "size-6",
+        itemLeadingAvatarSize: "xs",
+        itemLeadingChip: "size-6",
+        itemLeadingChipSize: "lg",
+        itemTrailing: "gap-2",
+        itemTrailingIcon: "size-6",
+        itemTrailingHighlightedIcon: "size-6",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "lg"
+      }
+    },
     active: {
       true: {
         item: "text-(--b24ui-typography-label-color) before:bg-(--ui-color-base-8)",
@@ -2501,6 +2613,9 @@ const commandPalette = {
         itemLeadingIcon: "animate-spin"
       }
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -2733,8 +2848,51 @@ const countdown = {
 };
 
 const dashboardGroup = {
-  base: ""
-  // 'fixed inset-0 flex overflow-hidden'
+  base: "fixed inset-0 flex overflow-hidden"
+};
+
+const dashboardNavbar = {
+  slots: {
+    root: "h-(--b24ui-header-height) shrink-0 flex items-center justify-between border-b border-(--ui-color-divider-default) px-4 sm:px-6 gap-1.5",
+    left: "flex items-center gap-1.5 min-w-0",
+    icon: "shrink-0 size-5 self-center me-1.5",
+    title: "flex items-center gap-1.5 font-(--ui-font-weight-semi-bold) text-(--b24ui-typography-label-color) truncate",
+    center: "hidden lg:flex",
+    right: "flex items-center shrink-0 gap-1.5",
+    toggle: ""
+  },
+  variants: {
+    toggleSide: {
+      left: {
+        toggle: ""
+      },
+      right: {
+        toggle: ""
+      }
+    }
+  }
+};
+
+const dashboardPanel = {
+  slots: {
+    root: "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-(--ui-color-divider-default) shrink-0",
+    body: "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6 scrollbar-thin",
+    handle: ""
+  },
+  variants: {
+    size: {
+      true: {
+        root: "w-full lg:w-(--width)"
+      },
+      false: {
+        root: "flex-1"
+      }
+    }
+  }
+};
+
+const dashboardResizeHandle = {
+  base: "hidden lg:block touch-none select-none cursor-ew-resize relative before:absolute before:inset-y-0 before:-left-1.5 before:-right-1.5 before:z-1"
 };
 
 const dashboardSearch = {
@@ -2747,7 +2905,18 @@ const dashboardSearch = {
       false: {
         modal: "sm:max-w-[768px] h-full sm:h-[436px]"
       }
+    },
+    size: {
+      xss: {},
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -2769,6 +2938,72 @@ const dashboardSearchButton = {
   }
 };
 
+const dashboardSidebar = {
+  slots: {
+    root: "relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0",
+    header: "h-(--b24ui-header-height) shrink-0 flex items-center gap-1.5 px-4",
+    body: "flex flex-col gap-4 flex-1 overflow-y-auto py-2 scrollbar-thin scrollbar-transparent",
+    footer: "shrink-0 flex items-center gap-1.5 px-4 py-2",
+    toggle: "",
+    handle: "",
+    content: "lg:hidden",
+    overlay: "lg:hidden"
+  },
+  variants: {
+    menu: {
+      true: {
+        header: "sm:px-6",
+        body: "sm:px-6",
+        footer: "sm:px-6"
+      }
+    },
+    side: {
+      left: {
+        root: "border-e border-(--ui-color-divider-default)"
+      },
+      right: {
+        root: ""
+      }
+    },
+    toggleSide: {
+      left: {
+        toggle: ""
+      },
+      right: {
+        toggle: "ms-auto"
+      }
+    }
+  }
+};
+
+const dashboardSidebarCollapse = {
+  base: "hidden lg:flex",
+  variants: {
+    side: {
+      left: "",
+      right: ""
+    }
+  }
+};
+
+const dashboardSidebarToggle = {
+  base: "lg:hidden",
+  variants: {
+    side: {
+      left: "",
+      right: ""
+    }
+  }
+};
+
+const dashboardToolbar = {
+  slots: {
+    root: "shrink-0 flex items-center justify-between border-b border-(--ui-color-divider-default) px-4 sm:px-6 gap-1.5 overflow-x-auto min-h-[49px]",
+    left: "flex items-center gap-1.5",
+    right: "flex items-center gap-1.5"
+  }
+};
+
 const descriptionList = {
   slots: {
     root: "w-full shrink-0",
@@ -2851,6 +3086,166 @@ const descriptionList = {
   }
 };
 
+const drawer = {
+  slots: {
+    overlay: "fixed inset-0",
+    content: [
+      "fixed",
+      "base-mode",
+      "bg-(--ui-color-bg-content-primary)",
+      "flex",
+      "focus:outline-none",
+      "ring ring-(--ui-color-divider-default)"
+    ].join(" "),
+    handle: "shrink-0 !bg-(--ui-color-divider-default) transition-opacity",
+    container: "w-full flex flex-col gap-4 p-4 overflow-y-auto",
+    header: "",
+    title: [
+      "font-[family-name:var(--ui-font-family-primary)]",
+      "text-(--b24ui-typography-label-color)",
+      "font-(--ui-font-weight-medium)",
+      "mb-0",
+      "text-[calc(var(--ui-font-size-2xl)+2px)]/(--ui-font-size-2xl)"
+    ].join(" "),
+    description: [
+      "mt-1",
+      "text-(--b24ui-typography-description-color)",
+      "text-(length:--ui-font-size-sm)"
+    ].join(" "),
+    body: "flex-1",
+    footer: "flex flex-col gap-1.5"
+  },
+  variants: {
+    overlayBlur: {
+      auto: { overlay: "motion-safe:backdrop-blur-[2px]" },
+      on: { overlay: "backdrop-blur-[2px]" },
+      off: { overlay: "" }
+    },
+    scrollbarThin: {
+      true: {
+        body: "scrollbar-thin"
+      }
+    },
+    overlay: {
+      true: {
+        overlay: "bg-[#003366]/20"
+      }
+    },
+    direction: {
+      top: {
+        content: "mb-24 flex-col-reverse",
+        handle: "mb-4"
+      },
+      right: {
+        content: "flex-row",
+        handle: "!ml-4"
+      },
+      bottom: {
+        content: "mt-24 flex-col",
+        handle: "mt-4"
+      },
+      left: {
+        content: "flex-row-reverse",
+        handle: "!mr-4"
+      }
+    },
+    inset: {
+      true: {
+        content: "rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]"
+      }
+    },
+    snapPoints: {
+      true: ""
+    }
+  },
+  compoundVariants: [
+    {
+      direction: ["top", "bottom"],
+      class: {
+        content: "h-auto max-h-[96%]",
+        handle: "!w-12 !h-1.5 mx-auto"
+      }
+    },
+    {
+      direction: ["top", "bottom"],
+      snapPoints: true,
+      class: {
+        content: "h-full"
+      }
+    },
+    {
+      direction: ["right", "left"],
+      class: {
+        content: "w-auto max-w-[calc(100%-2rem)]",
+        handle: "!h-12 !w-1.5 mt-auto mb-auto"
+      }
+    },
+    {
+      direction: ["right", "left"],
+      snapPoints: true,
+      class: {
+        content: "w-full"
+      }
+    },
+    {
+      direction: "top",
+      inset: true,
+      class: {
+        content: "inset-x-4 top-4"
+      }
+    },
+    {
+      direction: "top",
+      inset: false,
+      class: {
+        content: "inset-x-0 top-0 rounded-b-lg"
+      }
+    },
+    {
+      direction: "bottom",
+      inset: true,
+      class: {
+        content: "inset-x-4 bottom-4"
+      }
+    },
+    {
+      direction: "bottom",
+      inset: false,
+      class: {
+        content: "inset-x-0 bottom-0 rounded-t-lg"
+      }
+    },
+    {
+      direction: "left",
+      inset: true,
+      class: {
+        content: "inset-y-4 left-4"
+      }
+    },
+    {
+      direction: "left",
+      inset: false,
+      class: {
+        content: "inset-y-0 left-0 rounded-r-lg"
+      }
+    },
+    {
+      direction: "right",
+      inset: true,
+      class: {
+        content: "inset-y-4 right-4"
+      }
+    },
+    {
+      direction: "right",
+      inset: false,
+      class: {
+        content: "inset-y-0 right-0 rounded-l-lg"
+      }
+    }
+  ]
+};
+
 const dropdownMenu = {
   slots: {
     content: [
@@ -3041,25 +3436,27 @@ const editor = {
     base: [
       "text-(--b24ui-typography-label-color)",
       "w-full outline-none *:my-5 *:first:mt-0 *:last:mb-0 sm:px-8 selection:bg-(--ui-color-design-selection-bg)",
-      // Placeholder
-      "[&_:is(p,h1,h2,h3,h4).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4).is-empty]:before:text-(--b24ui-typography-description-color) [&_:is(p,h1,h2,h3,h4).is-empty]:before:float-left [&_:is(p,h1,h2,h3,h4).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4).is-empty]:before:pointer-events-none",
-      "[&_li_.is-empty]:before:content-none",
       // Paragraph
       "[&_p]:leading-7",
       // Links
       "[&_a]:text-(--ui-color-accent-main-primary) [&_a]:border-b [&_a]:border-transparent [&_a]:hover:border-(--ui-color-accent-main-primary) [&_a]:font-(--ui-font-weight-medium)",
       "[&_a]:transition-colors",
+      // Code inside links
+      "[&_a>code]:border-dashed [&_a:hover>code]:border-(--ui-color-accent-soft-element-blue) [&_a:hover>code]:text-(--ui-color-accent-main-primary)",
+      "[&_a>code]:transition-colors",
       // Mentions
       "[&_.mention]:text-(--ui-color-accent-main-primary) [&_.mention]:font-(--ui-font-weight-medium)",
       // Headings - shared styles
-      "[&_:is(h1,h2,h3,h4)]:text-(--b24ui-typography-label-color) [&_:is(h1,h2,h3,h4)]:font-(--ui-font-weight-bold)",
+      "[&_:is(h1,h2,h3,h4,h5,h6)]:text-(--b24ui-typography-label-color) [&_:is(h1,h2,h3,h4,h5,h6)]:font-(--ui-font-weight-bold)",
       // Headings - unique styles
       "[&_h1]:text-3xl",
       "[&_h2]:text-2xl",
       "[&_h3]:text-xl",
       "[&_h4]:text-lg",
+      "[&_h5]:text-md",
+      "[&_h6]:text-md",
       // Code inside headings
-      "[&_:is(h1,h2,h3,h4)>code]:border-dashed [&_:is(h1,h2,h3,h4)>code]:font-(--ui-font-weight-bold)",
+      "[&_:is(h1,h2,h3,h4,h5,h6)>code]:border-dashed [&_:is(h1,h2,h3,h4,h5,h6)>code]:font-(--ui-font-weight-bold)",
       "[&_h2>code]:text-xl/6",
       "[&_h3>code]:text-lg/5",
       // Blockquote & HR
@@ -3081,6 +3478,19 @@ const editor = {
       // Selected nodes
       "[&_.ProseMirror-selectednode:not(img):not(pre):not([data-node-view-wrapper])]:bg-(--ui-color-design-selection-bg)"
     ].join(" ")
+  },
+  variants: {
+    placeholderMode: {
+      firstLine: {
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:text-(--b24ui-typography-description-color) [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:pointer-events-none"
+      },
+      everyLine: {
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:text-(--b24ui-typography-description-color) [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:pointer-events-none"
+      }
+    }
+  },
+  defaultVariants: {
+    placeholderMode: "everyLine"
   }
 };
 
@@ -3116,27 +3526,25 @@ const editorSuggestionMenu = {
     // p-1 isolate
     label: [
       "w-full h-(--popup-window-delimiter-section-height)",
-      "px-[18px] mt-(--menu-item-block-stack-space)",
+      "mt-(--menu-item-block-stack-space)",
       "flex flex-row rtl:flex-row-reverse items-center",
       "select-none outline-none whitespace-nowrap",
       "text-start",
-      "text-(length:--ui-size-sm)",
       "text-(--b24ui-typography-legend-color)",
       "font-(--ui-font-weight-normal)",
       "after:ms-[10px] after:block after:flex-1 after:min-w-[15px] after:h-px after:bg-(--ui-color-divider-vibrant-default)"
     ].join(" "),
     item: [
       "group",
-      "w-full h-[36px]",
+      "w-full ",
       // min-w-[195px]
-      "px-[18px] mt-(--menu-item-block-stack-space)",
+      "mt-(--menu-item-block-stack-space)",
       "relative",
       "flex flex-row rtl:flex-row-reverse items-center",
       "select-none outline-none whitespace-nowrap",
       "cursor-pointer",
       "data-disabled:cursor-not-allowed data-disabled:opacity-30",
       "text-start",
-      "text-(length:--ui-font-size-md)",
       "text-(--b24ui-typography-legend-color) hover:text-(--b24ui-typography-label-color)",
       "data-highlighted:text-(--b24ui-typography-label-color)",
       "data-[state=open]:text-(--b24ui-typography-label-color)",
@@ -3147,17 +3555,14 @@ const editorSuggestionMenu = {
     ].join(" "),
     itemLeadingIcon: [
       "shrink-0",
-      "size-[18px]",
       "text-(--ui-color-design-plain-content-icon-secondary)",
       "group-data-highlighted:text-(--ui-color-accent-main-primary)",
       "group-data-[state=open]:text-(--ui-color-accent-main-primary)",
       "group-data-[state=checked]:text-(--ui-color-accent-main-primary)",
       "transition-colors"
     ].join(" "),
-    itemLeadingAvatar: "shrink-0 size-[16px] me-[8px]",
-    // @memo 18-2px
-    itemLeadingAvatarSize: "2xs",
-    // @memo this wrong
+    itemLeadingAvatar: "shrink-0",
+    itemLeadingAvatarSize: "",
     itemWrapper: "ms-[4px] flex-1 flex flex-col text-start min-w-0",
     itemLabel: [
       "max-w-[240px] truncate -mt-px",
@@ -3167,6 +3572,53 @@ const editorSuggestionMenu = {
     itemLabelExternalIcon: "inline-block size-[16px] text-(--ui-color-design-plain-content-icon-secondary)"
   },
   variants: {
+    size: {
+      xss: {
+        label: "px-[14px] text-(length:--ui-font-size-4xs)/[normal] gap-[14px]",
+        item: "px-[14px] :text-(length:--ui-font-size-4xs)/[normal] gap-[14px]",
+        itemLeadingIcon: "size-4 text-(length:--ui-font-size-sm)/[normal]",
+        itemLeadingAvatarSize: "3xs"
+      },
+      xs: {
+        label: "px-[14px] text-(length:--ui-font-size-4xs)/[normal] gap-[14px]",
+        item: "px-[14px] :text-(length:--ui-font-size-xs)/[normal] gap-[14px]",
+        itemLeadingIcon: "size-4 text-(length:--ui-font-size-sm)/[normal]",
+        itemLeadingAvatarSize: "3xs"
+      },
+      sm: {
+        label: "px-[18px] text-(length:--ui-font-size-xs)/[normal] gap-[18px]",
+        item: "px-[18px] :text-(length:--ui-font-size-xs)/[normal] gap-[18px]",
+        itemLeadingIcon: "size-4 text-(length:--ui-font-size-sm)/[normal]",
+        itemLeadingAvatarSize: "3xs"
+      },
+      md: {
+        label: "px-[18px] text-(length:--ui-font-size-sm)/[normal] gap-[18px]",
+        item: "h-[36px] px-[18px] text-(length:--ui-font-size-sm)/[normal] gap-[18px]",
+        itemLeadingIcon: "size-[18px] text-(length:--ui-font-size-lg)/[normal]",
+        itemLeadingAvatar: "size-[16px] me-[8px]",
+        // @memo 18-2px
+        itemLeadingAvatarSize: "2xs"
+        // @memo this wrong
+      },
+      lg: {
+        label: "px-[20px] :text-(length:--ui-font-size-sm)/[normal] gap-[20px]",
+        item: "px-[20px] text-(length:--ui-font-size-sm)/[normal] gap-[20px]",
+        itemLeadingIcon: "size-[18px] text-(length:--ui-font-size-lg)/[normal]",
+        itemLeadingAvatar: "size-[16px] me-[8px]",
+        // @memo 18-2px
+        itemLeadingAvatarSize: "2xs"
+        // @memo this wrong
+      },
+      xl: {
+        label: "px-[20px] text-(length:--ui-font-size-sm)/[normal] gap-[20px]",
+        item: "px-[20px] text-(length:--ui-font-size-lg)/[normal] gap-[20px]",
+        itemLeadingIcon: "size-[20px] text-(length:--ui-font-size-2xl)/[normal]",
+        itemLeadingAvatar: "size-[16px] me-[8px]",
+        // @memo 18-2px
+        itemLeadingAvatarSize: "xs"
+        // @memo this wrong
+      }
+    },
     active: {
       true: {
         item: [
@@ -3181,6 +3633,9 @@ const editorSuggestionMenu = {
       },
       false: {}
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -3566,6 +4021,47 @@ const fileUpload = {
   }
 };
 
+const footer = {
+  slots: {
+    root: "",
+    top: "py-8 lg:py-12",
+    bottom: "py-8 lg:py-12",
+    container: "py-8 lg:py-4 lg:flex lg:items-center lg:justify-between lg:gap-x-3",
+    left: "flex items-center justify-center lg:justify-start lg:flex-1 gap-x-1.5 mt-3 lg:mt-0 lg:order-1",
+    center: "mt-3 lg:mt-0 lg:order-2 flex items-center justify-center",
+    right: "lg:flex-1 flex items-center justify-center lg:justify-end gap-x-1.5 lg:order-3"
+  }
+};
+
+const footerColumns = {
+  slots: {
+    root: "xl:grid xl:grid-cols-3 xl:gap-8",
+    left: "mb-10 xl:mb-0",
+    center: "flex flex-col lg:grid grid-flow-col auto-cols-fr gap-8 xl:col-span-2",
+    right: "mt-10 xl:mt-0",
+    label: "text-(length:--ui-font-size-lg)/[normal] font-(--ui-font-weight-semi-bold)",
+    list: "mt-6 space-y-4",
+    item: "relative",
+    link: "group text-sm flex items-center gap-1.5 focus-visible:outline-primary",
+    linkLeadingIcon: "size-5 shrink-0",
+    linkLabel: "truncate",
+    linkLabelExternalIcon: "inline-block size-[14px] text-(--ui-color-design-plain-content-icon-secondary)"
+  },
+  variants: {
+    active: {
+      true: {
+        link: "text-primary font-medium"
+      },
+      false: {
+        link: [
+          "text-(--b24ui-typography-description-color) hover:text-(--b24ui-typography-label-color)",
+          "transition-colors"
+        ].join(" ")
+      }
+    }
+  }
+};
+
 const form = {
   base: ""
 };
@@ -3641,6 +4137,32 @@ const formField = {
   }
 };
 
+const header = {
+  slots: {
+    root: "bg-(--ui-color-bg-content-primary)/75 backdrop-blur border-b border-(--ui-color-divider-default) h-(--b24ui-header-height) sticky top-0 z-50",
+    container: "flex items-center justify-between gap-3 h-full",
+    left: "lg:flex-1 flex items-center gap-1.5",
+    center: "hidden lg:flex",
+    right: "flex items-center justify-end lg:flex-1 gap-1.5",
+    title: "shrink-0 font-bold text-xl text-(--b24ui-typography-label-color) flex items-end gap-1.5",
+    toggle: "lg:hidden",
+    content: "lg:hidden",
+    overlay: "lg:hidden",
+    header: "px-4 sm:px-6 h-(--b24ui-header-height) shrink-0 flex items-center justify-between gap-3",
+    body: "p-4 sm:p-6 overflow-y-auto"
+  },
+  variants: {
+    toggleSide: {
+      left: {
+        toggle: "-ms-1.5"
+      },
+      right: {
+        toggle: "-me-1.5"
+      }
+    }
+  }
+};
+
 const input = {
   slots: {
     root: "isolate relative inline-flex items-center",
@@ -3772,6 +4294,9 @@ const input = {
     trailing: { true: "" },
     loading: { true: "" },
     highlight: { true: "ring ring-inset ring-(--b24ui-border-color)" },
+    fixed: {
+      false: ""
+    },
     type: {
       file: [
         "file:me-1.5",
@@ -3996,6 +4521,33 @@ const input = {
       size: "xss",
       rounded: false,
       class: "rounded-[5px]"
+    },
+    // endregion ////
+    // region fixed ////
+    {
+      fixed: false,
+      size: "xss",
+      class: "md:text-(length:--ui-font-size-4xs)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "xs",
+      class: "md:text-(length:--ui-font-size-xs)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "sm",
+      class: "md:text-(length:--ui-font-size-sm)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "md",
+      class: "md:text-(length:--ui-font-size-lg)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "lg",
+      class: "md:text-(length:--ui-font-size-lg)/[normal]"
     }
     // endregion ////
   ],
@@ -4097,8 +4649,10 @@ const inputMenu = () => {
         "group",
         "absolute inset-y-0 end-0 flex items-center",
         "disabled:cursor-not-allowed",
-        "disabled:opacity-30"
+        "disabled:opacity-30",
+        "focus:outline-none"
       ].join(" "),
+      trailingClear: "p-0",
       content: [
         "base-mode",
         // w-(--reka-combobox-trigger-width)
@@ -4568,6 +5122,9 @@ const inputNumber = () => {
       highlight: {
         true: ""
       },
+      fixed: {
+        false: ""
+      },
       increment: {
         false: ""
       },
@@ -4873,6 +5430,33 @@ const inputNumber = () => {
         size: "xss",
         rounded: false,
         class: "rounded-[5px]"
+      },
+      // endregion ////
+      // region fixed ////
+      {
+        fixed: false,
+        size: "xss",
+        class: "md:text-(length:--ui-font-size-4xs)/[normal]"
+      },
+      {
+        fixed: false,
+        size: "xs",
+        class: "md:text-(length:--ui-font-size-xs)/[normal]"
+      },
+      {
+        fixed: false,
+        size: "sm",
+        class: "md:text-(length:--ui-font-size-sm)/[normal]"
+      },
+      {
+        fixed: false,
+        size: "md",
+        class: "md:text-(length:--ui-font-size-lg)/[normal]"
+      },
+      {
+        fixed: false,
+        size: "lg",
+        class: "md:text-(length:--ui-font-size-lg)/[normal]"
       }
       // endregion ////
     ],
@@ -5203,6 +5787,10 @@ const link = (options) => ({
   ]
 });
 
+const main = {
+  base: "min-h-[calc(100vh-var(--b24ui-header-height))]"
+};
+
 const modal = {
   slots: {
     overlay: "fixed inset-0",
@@ -5341,6 +5929,7 @@ const navigationMenu = {
     linkLeadingIcon: "shrink-0 size-[26px]",
     linkLeadingAvatar: "shrink-0",
     linkLeadingAvatarSize: "xs",
+    linkLeadingChipSize: "sm",
     linkLeadingHint: [
       "inline-flex m-0 absolute -top-[5px] left-[8px]",
       "text-(length:--ui-font-size-4xs)",
@@ -5534,6 +6123,7 @@ const navigationMenu = {
       class: {
         childList: "grid px-0 py-(--menu-popup-padding)",
         linkLabel: "hidden",
+        linkLabelExternalIcon: "hidden",
         linkTrailing: "hidden"
       }
     },
@@ -5583,6 +6173,54 @@ const navigationMenu = {
   defaultVariants: {}
 };
 
+const page = {
+  slots: {
+    root: "flex flex-col lg:grid lg:grid-cols-10 lg:gap-10",
+    left: "lg:col-span-2",
+    center: "lg:col-span-8",
+    right: "lg:col-span-2 order-first lg:order-last"
+  },
+  variants: {
+    left: {
+      true: ""
+    },
+    right: {
+      true: ""
+    }
+  },
+  compoundVariants: [
+    {
+      left: true,
+      right: true,
+      class: {
+        center: "lg:col-span-6"
+      }
+    },
+    {
+      left: false,
+      right: false,
+      class: {
+        center: "lg:col-span-10"
+      }
+    }
+  ]
+};
+
+const pageAside = {
+  slots: {
+    root: "hidden overflow-y-auto lg:block lg:max-h-[calc(100vh-var(--b24ui-header-height))] lg:sticky lg:top-(--b24ui-header-height)",
+    container: "relative",
+    top: "sticky -top-8 -mt-8 pointer-events-none z-[1]",
+    topHeader: "h-8 bg-(--ui-color-bg-content-primary) -mx-4 px-4",
+    topBody: "bg-(--ui-color-bg-content-primary) relative pointer-events-auto flex flex-col -mx-4 px-4",
+    topFooter: "h-8 bg-gradient-to-b from-(--ui-color-bg-content-primary) -mx-4 px-4"
+  }
+};
+
+const pageBody = {
+  base: "mt-8 pb-24 space-y-12"
+};
+
 const pageCard = {
   slots: {
     root: "relative flex rounded-lg",
@@ -5593,8 +6231,8 @@ const pageCard = {
     footer: "pt-4 mt-auto",
     leading: "inline-flex items-center mb-2.5",
     leadingIcon: "size-5 shrink-0",
-    title: "text-2xl text-pretty font-(--ui-font-weight-semi-bold)",
-    description: "text-lg text-pretty"
+    title: "text-(length:--ui-font-size-2xl)/[normal] text-pretty font-(--ui-font-weight-semi-bold)",
+    description: "text-(length:--ui-font-size-lg)/[normal] text-pretty"
   },
   variants: {
     orientation: {
@@ -6129,10 +6767,61 @@ const pageColumns = {
   base: "relative column-1 md:columns-2 lg:columns-3 gap-8 space-y-8 *:break-inside-avoid-column *:will-change-transform"
 };
 
+const pageFeature = {
+  slots: {
+    root: "relative rounded-sm",
+    wrapper: "",
+    leading: "inline-flex items-center justify-center",
+    leadingIcon: "size-5 shrink-0 text-(--ui-color-accent-main-primary)",
+    title: "text-(length:--ui-font-size-md) text-pretty font-(--ui-font-weight-semi-bold) text-(--b24ui-typography-legend-color)",
+    description: "text-(length:--ui-font-size-sm) text-pretty text-(--b24ui-typography-description-color)"
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "flex items-start gap-2.5",
+        leading: "p-0.5"
+      },
+      vertical: {
+        leading: "mb-2.5"
+      }
+    },
+    to: {
+      true: {
+        root: "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-color-accent-soft-element-blue) transition"
+      }
+    },
+    title: {
+      true: {
+        description: "mt-1"
+      }
+    }
+  }
+};
+
 const pageGrid = {
   base: "relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"
 };
 
+const pageHeader = {
+  slots: {
+    root: "relative border-b border-(--ui-color-divider-default) py-8",
+    container: "",
+    wrapper: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4",
+    headline: "mb-2.5 text-(length:--ui-font-size-sm) font-(--ui-font-weight-semi-bold) text-(--ui-color-accent-main-primary) flex items-center gap-1.5",
+    title: "text-(length:--ui-font-size-3xl) sm:text-(length:--ui-font-size-4xl) text-pretty font-(--ui-font-weight-bold) text-(--b24ui-typography-label-color)",
+    description: "text-(length:--ui-font-size-lg) text-pretty text-(--b24ui-typography-description-color)",
+    links: "flex flex-wrap items-center gap-1.5"
+  },
+  variants: {
+    title: {
+      true: {
+        description: "mt-4"
+      }
+    }
+  }
+};
+
 const pageLinks = {
   slots: {
     root: "flex flex-col gap-[12px]",
@@ -6187,6 +6876,82 @@ const pageList = {
   }
 };
 
+const pageSection = {
+  slots: {
+    root: "relative isolate",
+    container: "flex flex-col lg:grid py-16 sm:py-24 lg:py-32 gap-8 sm:gap-16",
+    wrapper: "",
+    header: "",
+    leading: "flex items-center mb-6",
+    leadingIcon: "size-10 shrink-0 text-(--ui-color-accent-main-primary)",
+    headline: "mb-3",
+    title: "text-(length:--ui-font-size-3xl) sm:text-(length:--ui-font-size-4xl) lg:text-(length:--ui-font-size-5xl) text-pretty tracking-tight font-(--ui-font-weight-bold) text-(--b24ui-typography-label-color)",
+    description: "text-(length:--ui-font-size-md) sm:text-(length:--ui-font-size-lg) text-(--b24ui-typography-description-color)",
+    body: "mt-8",
+    features: "grid",
+    footer: "mt-8",
+    links: "flex flex-wrap gap-x-6 gap-y-3"
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        container: "lg:grid-cols-2 lg:items-center",
+        description: "text-pretty",
+        features: "gap-4"
+      },
+      vertical: {
+        container: "",
+        headline: "justify-center",
+        leading: "justify-center",
+        title: "text-center",
+        description: "text-center text-balance",
+        links: "justify-center",
+        features: "sm:grid-cols-2 lg:grid-cols-3 gap-8"
+      }
+    },
+    reverse: {
+      true: {
+        wrapper: "order-last"
+      }
+    },
+    headline: {
+      true: {
+        headline: "font-(--ui-font-weight-semi-bold) text-(--ui-color-accent-main-primary) flex items-center gap-1.5"
+      }
+    },
+    title: {
+      true: {
+        description: "mt-6"
+      }
+    },
+    description: {
+      true: ""
+    },
+    body: {
+      true: ""
+    }
+  },
+  compoundVariants: [{
+    orientation: "vertical",
+    title: true,
+    class: {
+      body: "mt-16"
+    }
+  }, {
+    orientation: "vertical",
+    description: true,
+    class: {
+      body: "mt-16"
+    }
+  }, {
+    orientation: "vertical",
+    body: true,
+    class: {
+      footer: "mt-16"
+    }
+  }]
+};
+
 const pagination = {
   slots: {
     root: "",
@@ -6278,7 +7043,10 @@ const pinInput = () => ({
         "border-b-(--ui-color-design-outline-stroke)"
       ].join(" ")
     },
-    highlight: { true: "ring ring-inset ring-(--b24ui-border-color)" }
+    highlight: { true: "ring ring-inset ring-(--b24ui-border-color)" },
+    fixed: {
+      false: ""
+    }
   },
   compoundVariants: [
     // region ring for focus and highlight ////
@@ -6343,6 +7111,33 @@ const pinInput = () => ({
           "ring-0"
         ].join(" ")
       }
+    },
+    // endregion ////
+    // region fixed ////
+    {
+      fixed: false,
+      size: "xss",
+      class: "md:text-(length:--ui-font-size-4xs)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "xs",
+      class: "md:text-(length:--ui-font-size-xs)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "sm",
+      class: "md:text-(length:--ui-font-size-sm)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "md",
+      class: "md:text-(length:--ui-font-size-lg)/[normal]"
+    },
+    {
+      fixed: false,
+      size: "lg",
+      class: "md:text-(length:--ui-font-size-lg)/[normal]"
     }
     // endregion ////
   ],
@@ -7298,7 +8093,8 @@ const selectMenu = () => {
         content,
         "origin-(--reka-combobox-content-transform-origin) "
         // w-(--reka-combobox-trigger-width)
-      ]
+      ],
+      trailingClear: "p-0"
     },
     variants: {
       virtualize: {
@@ -7451,9 +8247,9 @@ const skeleton = {
   },
   variants: {
     accent: {
-      default: "bg-(--ui-color-g-glass-grey-bg-1)",
-      accent: "bg-(--ui-color-g-glass-grey-bg-2)",
-      less: "bg-(--ui-color-g-glass-grey-bg-3)"
+      default: "bg-(--ui-color-g-glass-grey-bg-1) edge-dark:bg-(--ui-color-g-glass-grey-bg-3)",
+      accent: "bg-(--ui-color-g-glass-grey-bg-3) light:bg-(--ui-color-g-glass-grey-bg-2) edge-dark:bg-(--ui-color-g-glass-grey-bg-1)",
+      less: "bg-(--ui-color-tech-push) dark:bg-(--ui-color-g-content-grey-3)"
     }
   },
   defaultVariants: {
@@ -8515,10 +9311,6 @@ const textarea = {
       "collab": { base: "style-old-collab" },
       "ai": { base: "style-old-ai" }
     },
-    /**
-     * @memo now get from Badge
-     */
-    // tagColor: {},
     rounded: {
       true: "rounded-(--ui-border-radius-3xl)",
       false: "rounded-(--ui-border-radius-sm)"
@@ -8537,6 +9329,9 @@ const textarea = {
     leading: { true: "" },
     trailing: { true: "" },
     loading: { true: "" },
+    fixed: {
+      false: ""
+    },
     highlight: { true: "ring ring-inset ring-(--b24ui-border-color)" }
   },
   compoundVariants: [
@@ -8890,7 +9685,7 @@ const toast = {
 const toaster = {
   slots: {
     viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-[384px] z-[100] data-[expanded=true]:h-(--height) focus:outline-none mr-(--scrollbar-width)",
-    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
+    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[state=open]:data-[pulsing=odd]:animate-[toast-pulse-a_300ms_ease-out] data-[state=open]:data-[pulsing=even]:animate-[toast-pulse-b_300ms_ease-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   variants: {
     position: {
@@ -8929,7 +9724,7 @@ const toaster = {
       ],
       class: {
         viewport: "top-4",
-        base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
+        base: "top-0 data-[state=open]:animate-[toast-slide-in-from-top_200ms_ease-in-out]"
       }
     },
     {
@@ -8940,7 +9735,7 @@ const toaster = {
       ],
       class: {
         viewport: "bottom-4",
-        base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
+        base: "bottom-0 data-[state=open]:animate-[toast-slide-in-from-bottom_200ms_ease-in-out]"
       }
     },
     {
@@ -9509,9 +10304,17 @@ const theme = {
   contextMenu: contextMenu,
   countdown: countdown,
   dashboardGroup: dashboardGroup,
+  dashboardNavbar: dashboardNavbar,
+  dashboardPanel: dashboardPanel,
+  dashboardResizeHandle: dashboardResizeHandle,
   dashboardSearch: dashboardSearch,
   dashboardSearchButton: dashboardSearchButton,
+  dashboardSidebar: dashboardSidebar,
+  dashboardSidebarCollapse: dashboardSidebarCollapse,
+  dashboardSidebarToggle: dashboardSidebarToggle,
+  dashboardToolbar: dashboardToolbar,
   descriptionList: descriptionList,
+  drawer: drawer,
   dropdownMenu: dropdownMenu,
   editor: editor,
   editorDragHandle: editorDragHandle,
@@ -9523,8 +10326,11 @@ const theme = {
   error: error,
   fieldGroup: fieldGroup$1,
   fileUpload: fileUpload,
+  footer: footer,
+  footerColumns: footerColumns,
   form: form,
   formField: formField,
+  header: header,
   input: input,
   inputDate: inputDate,
   inputMenu: inputMenu,
@@ -9533,17 +10339,24 @@ const theme = {
   inputTime: inputTime,
   kbd: kbd$1,
   link: link,
+  main: main,
   modal: modal,
   navbar: navbar,
   navbarDivider: navbarDivider,
   navbarSection: navbarSection,
   navbarSpacer: navbarSpacer,
   navigationMenu: navigationMenu,
+  page: page,
+  pageAside: pageAside,
+  pageBody: pageBody,
   pageCard: pageCard,
   pageColumns: pageColumns,
+  pageFeature: pageFeature,
   pageGrid: pageGrid,
+  pageHeader: pageHeader,
   pageLinks: pageLinks,
   pageList: pageList,
+  pageSection: pageSection,
   pagination: pagination,
   pinInput: pinInput,
   popover: popover,
@@ -9966,7 +10779,7 @@ const card = {
       "transition-colors"
     ].join(" "),
     icon: "size-6 mb-2 block text-(--b24ui-icon)",
-    title: "text-(--b24ui-color) font-semibold",
+    title: "text-(--b24ui-color) font-(--ui-font-weight-semi-bold)",
     description: "text-[15px] text-(--b24ui-color) [&_p]:text-(--b24ui-color) *:first:mt-0 *:last:mb-0 *:my-1",
     externalIcon: [
       "size-4",
@@ -10363,6 +11176,16 @@ const tr = {
 const th = {
   slots: {
     base: ""
+  },
+  variants: {
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    align: "left"
   }
 };
 
@@ -10374,6 +11197,16 @@ const td = {
       "[&_ul]:my-0 [&_ol]:my-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5",
       "[&_li]:leading-6 [&_li]:my-0.5"
     ].join(" ")
+  },
+  variants: {
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    align: "left"
   }
 };
 
@@ -10503,7 +11336,18 @@ const contentSearch = {
       false: {
         modal: "sm:max-w-[768px] h-full sm:h-[436px]"
       }
+    },
+    size: {
+      xss: {},
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };