@moduix/react 2.4.0 → 2.5.0

package/dist/components/angle-slider/AngleSlider_module.css

@@ -47,12 +47,12 @@
 
   @media (hover: hover) {
     .control-TKuxcQ:not([data-disabled], [data-readonly]):hover {
-      background-color: var(--moduix-angle-slider-track-bg-hover, color-mix(in oklab, var(--moduix-color-muted) 92%, var(--moduix-color-foreground)));
+      background-color: var(--moduix-angle-slider-track-bg-hover, var(--moduix-angle-slider-track-bg, var(--moduix-color-muted)));
     }
   }
 
   .control-TKuxcQ:not([data-disabled], [data-readonly]):active {
-    background-color: var(--moduix-angle-slider-track-bg-active, color-mix(in oklab, var(--moduix-color-muted) 84%, var(--moduix-color-foreground)));
+    background-color: var(--moduix-angle-slider-track-bg-active, var(--moduix-angle-slider-track-bg, var(--moduix-color-muted)));
   }
 
   .control-TKuxcQ:after {

package/dist/components/sidebar/Sidebar.d.ts

@@ -4,7 +4,6 @@ import { Tooltip } from '../tooltip';
 type SidebarSide = 'left' | 'right';
 type SidebarRootProps = Omit<ComponentProps<typeof Splitter.Root>, 'orientation' | 'panels'> & {
     panelId?: string;
-    panels?: ComponentProps<typeof Splitter.Root>['panels'];
     side?: SidebarSide;
 };
 type SidebarPanelProps = Omit<ComponentProps<typeof Splitter.Panel>, 'id'>;

package/dist/components/sidebar/Sidebar.js

@@ -53,7 +53,7 @@ function toggleSidebarPanel(splitter, panelId) {
     if (splitter.isPanelCollapsed(panelId)) return void splitter.expandPanel(panelId);
     splitter.collapsePanel(panelId);
 }
-const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, panels, defaultSize, panelId = 'sidebar', side = 'left', ...props }, ref) {
+const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, defaultSize, panelId = 'sidebar', side = 'left', ...props }, ref) {
     return /*#__PURE__*/ jsx(SidebarConfigContext.Provider, {
         value: {
             panelId,
@@ -62,7 +62,7 @@ const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, panel
         children: /*#__PURE__*/ jsx(Splitter.Root, {
             ...props,
             ref: ref,
-            panels: panels ?? getDefaultPanels(side, panelId),
+            panels: getDefaultPanels(side, panelId),
             defaultSize: defaultSize ?? getDefaultSidebarSize(side),
             orientation: "horizontal",
             "data-side": side,
@@ -118,7 +118,7 @@ const Sidebar_SidebarResizeTrigger = /*#__PURE__*/ forwardRef(function({ childre
         "data-side": side,
         "data-slot": "sidebar-resize-trigger",
         className: clsx(Sidebar_module.resizeTrigger, normalizeClassName(className)),
-        children: void 0 === children ? null : children
+        children: children
     });
 });
 const Sidebar_SidebarTrigger = /*#__PURE__*/ forwardRef(function({ className, children, onClick, type = 'button', 'aria-label': ariaLabel = 'Toggle sidebar', ...props }, ref) {
@@ -302,7 +302,7 @@ const Sidebar_SidebarMenuSubItem = /*#__PURE__*/ forwardRef(function({ className
         ...props
     });
 });
-const Sidebar_SidebarMenuSubButton = /*#__PURE__*/ forwardRef(function({ active = false, className, 'aria-current': ariaCurrent, ...props }, ref) {
+const Sidebar_SidebarMenuSubButton = /*#__PURE__*/ forwardRef(function({ active = false, children, className, 'aria-current': ariaCurrent, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.a, {
         ref: ref,
         "aria-current": ariaCurrent ?? (active ? 'page' : void 0),
@@ -311,7 +311,11 @@ const Sidebar_SidebarMenuSubButton = /*#__PURE__*/ forwardRef(function({ active
         "data-slot": "sidebar-menu-sub-button",
         "data-active": active ? '' : void 0,
         className: clsx(Sidebar_module.menuSubButton, normalizeClassName(className)),
-        ...props
+        ...props,
+        children: 'string' == typeof children ? /*#__PURE__*/ jsx("span", {
+            "data-slot": "sidebar-menu-sub-label",
+            children: children
+        }) : children
     });
 });
 const Sidebar_SidebarTooltip = function({ children, content, openDelay = 200, closeDelay = 0, positioning, ...props }) {

package/dist/components/sidebar/Sidebar_module.css

@@ -299,6 +299,8 @@
     appearance: none;
     font: inherit;
     text-align: start;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     cursor: pointer;
     transition: background-color var(--moduix-sidebar-transition, var(--moduix-transition-default)),
       border-color var(--moduix-sidebar-transition, var(--moduix-transition-default)),
@@ -308,6 +310,7 @@
     align-items: center;
     text-decoration: none;
     display: flex;
+    overflow: hidden;
   }
 
   :is(.menuButton-OAl6eQ, .menuSubButton-MjeEfX) > svg {
@@ -444,6 +447,23 @@
         var(--moduix-sidebar-menu-button-padding-x, var(--moduix-spacing-2)) * 2);
   }
 
+  :is(.menuItem-ktGhRk:has(.menuAction-_BDfHY) .menuButton-OAl6eQ, .menuItem-ktGhRk:has(.menuBadge-GKf4u4) .menuButton-OAl6eQ) > [data-slot="sidebar-menu-sub-label"] {
+    text-overflow: ellipsis;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .menuItem-ktGhRk:has(.menuAction-_BDfHY):has(.menuBadge-GKf4u4) .menuButton-OAl6eQ {
+    padding-inline-end: calc(var(--moduix-sidebar-menu-action-size, var(--moduix-size-xs)) +
+          var(--moduix-sidebar-menu-badge-min-width, 1.5rem) +
+          var(--moduix-sidebar-menu-button-padding-x, var(--moduix-spacing-2)) * 3);
+  }
+
+  .menuItem-ktGhRk:has(.menuAction-_BDfHY):has(.menuBadge-GKf4u4) .menuAction-_BDfHY {
+    inset-inline-end: calc(var(--moduix-sidebar-menu-badge-min-width, 1.5rem) +
+          var(--moduix-sidebar-menu-button-padding-x, var(--moduix-spacing-2)) * 2);
+  }
+
   :is(.panel-l44YAX[data-state="collapsed"] .menuItem-ktGhRk:has(.menuAction-_BDfHY) .menuButton-OAl6eQ, .panel-l44YAX[data-state="collapsed"] .menuItem-ktGhRk:has(.menuBadge-GKf4u4) .menuButton-OAl6eQ) {
     padding-inline-end: 0;
   }

package/dist/components/toc/Toc.d.ts

@@ -0,0 +1,23 @@
+import { Toc as TocPrimitive, type UseTocProps } from '@ark-ui/react/toc';
+import type { ComponentProps } from 'react';
+declare const useToc: ({ autoScroll, ...props }: UseTocProps) => import("@ark-ui/react/toc").UseTocReturn;
+declare const useTocContext: () => import("@ark-ui/react/toc").UseTocContext;
+type TocRailProps = ComponentProps<'svg'> & {
+    depth: number;
+    previousDepth?: number;
+    nextDepth?: number;
+};
+declare const Toc: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: TocPrimitive.ContextProps) => import("react").ReactNode;
+    Content: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.ContentProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Nav: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.NavProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    List: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.ListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.ItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<TocPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Rail: import("react").ForwardRefExoticComponent<Omit<TocRailProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};
+export { Toc, useToc, useTocContext };

package/dist/components/toc/Toc.js

@@ -0,0 +1,144 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toc, useToc, useTocContext } from "@ark-ui/react/toc";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Toc_module from "./Toc.module.js";
+const railBaseOffset = 0;
+const railStep = 12;
+const railBridge = 6;
+const maxRailLevel = 2;
+const getRailOffset = (depth)=>railBaseOffset + Math.min(Math.max(depth - 2, 0), maxRailLevel) * railStep;
+const Toc_useToc = ({ autoScroll = false, ...props })=>useToc({
+        autoScroll,
+        ...props
+    });
+const Toc_useTocContext = useTocContext;
+const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Root, {
+        ref: ref,
+        autoScroll: autoScroll,
+        "data-slot": "toc-root",
+        className: clsx(Toc_module.root, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, value, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.RootProvider, {
+        ref: ref,
+        value: value,
+        "data-slot": "toc-root-provider",
+        className: clsx(Toc_module.root, normalizeClassName(className)),
+        style: {
+            ...value.getRootProps().style,
+            ...style
+        },
+        ...props
+    });
+});
+const Toc_TocContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Content, {
+        ref: ref,
+        "data-slot": "toc-content",
+        className: clsx(Toc_module.content, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocNav = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Nav, {
+        ref: ref,
+        "data-slot": "toc-nav",
+        className: clsx(Toc_module.nav, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Title, {
+        ref: ref,
+        "data-slot": "toc-title",
+        className: clsx(Toc_module.title, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.List, {
+        ref: ref,
+        "data-slot": "toc-list",
+        className: clsx(Toc_module.list, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Item, {
+        ref: ref,
+        "data-slot": "toc-item",
+        className: clsx(Toc_module.item, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Link, {
+        ref: ref,
+        "data-slot": "toc-link",
+        className: clsx(Toc_module.link, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Indicator, {
+        ref: ref,
+        "data-slot": "toc-indicator",
+        className: clsx(Toc_module.indicator, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDepth = depth, previousDepth = depth, style, ...props }, ref) {
+    const lineOffset = getRailOffset(depth);
+    const previousLineOffset = getRailOffset(previousDepth);
+    const nextLineOffset = getRailOffset(nextDepth);
+    const hasTurn = previousLineOffset !== lineOffset;
+    const width = Math.max(previousLineOffset, lineOffset, nextLineOffset) + 2;
+    return /*#__PURE__*/ jsxs("svg", {
+        ref: ref,
+        "aria-hidden": "true",
+        "data-slot": "toc-rail",
+        className: clsx(Toc_module.rail, normalizeClassName(className)),
+        style: {
+            width,
+            height: lineOffset === nextLineOffset ? `calc(100% + ${railBridge}px + var(--moduix-table-of-contents-list-gap, var(--moduix-spacing-0-5)))` : '100%',
+            ...style
+        },
+        ...props,
+        children: [
+            hasTurn && /*#__PURE__*/ jsx("path", {
+                d: `M ${previousLineOffset + 0.5} 0 C ${previousLineOffset + 0.5} 8 ${lineOffset + 0.5} 4 ${lineOffset + 0.5} ${2 * railBridge}`,
+                fill: "none",
+                vectorEffect: "non-scaling-stroke",
+                stroke: "currentColor"
+            }),
+            /*#__PURE__*/ jsx("line", {
+                x1: lineOffset + 0.5,
+                y1: hasTurn ? 2 * railBridge : railBridge,
+                x2: lineOffset + 0.5,
+                y2: "100%",
+                vectorEffect: "non-scaling-stroke",
+                stroke: "currentColor"
+            })
+        ]
+    });
+});
+const Toc_Toc = Object.assign(Toc_TocRoot, {
+    Root: Toc_TocRoot,
+    RootProvider: Toc_TocRootProvider,
+    Context: Toc.Context,
+    Content: Toc_TocContent,
+    Nav: Toc_TocNav,
+    Title: Toc_TocTitle,
+    List: Toc_TocList,
+    Item: Toc_TocItem,
+    Link: Toc_TocLink,
+    Indicator: Toc_TocIndicator,
+    Rail: Toc_TocRail
+});
+export { Toc_Toc as Toc, Toc_useToc as useToc, Toc_useTocContext as useTocContext };

package/dist/components/toc/Toc.module.js

@@ -0,0 +1,13 @@
+import "./Toc_module.css";
+const Toc_module = {
+    root: "root-VBggED",
+    content: "content-AHeziM",
+    nav: "nav-q0EDqs",
+    title: "title-RjjR4J",
+    list: "list-KZD4Qg",
+    indicator: "indicator-Zeit8l",
+    item: "item-xFlCTb",
+    link: "link-L4LQA0",
+    rail: "rail-BwE9eo"
+};
+export default Toc_module;

package/dist/components/toc/Toc_module.css

@@ -0,0 +1,184 @@
+@layer moduix.components {
+  .root-VBggED {
+    box-sizing: border-box;
+    grid-template-columns: minmax(0, 1fr) minmax(var(--moduix-table-of-contents-nav-min-width, 12rem),
+        var(--moduix-table-of-contents-nav-width, 16rem));
+    gap: var(--moduix-table-of-contents-gap, var(--moduix-spacing-6));
+    width: 100%;
+    min-width: 0;
+    color: var(--moduix-table-of-contents-color, var(--moduix-color-foreground));
+    --_moduix-toc-indicator-top: var(--top);
+    --_moduix-toc-indicator-height: var(--height);
+    display: grid;
+  }
+
+  @media (max-width: 48rem) {
+    .root-VBggED {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  .content-AHeziM {
+    scroll-behavior: smooth;
+    min-width: 0;
+  }
+
+  .content-AHeziM:has( ~ .nav-q0EDqs[data-placement="left"]) {
+    grid-area: 1 / 2;
+  }
+
+  .nav-q0EDqs {
+    top: var(--moduix-table-of-contents-nav-top, var(--moduix-spacing-4));
+    max-height: var(--moduix-table-of-contents-nav-max-height, calc(100dvh - 2rem));
+    padding: var(--moduix-table-of-contents-nav-padding, var(--moduix-spacing-4));
+    border: var(--moduix-table-of-contents-nav-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-table-of-contents-nav-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-table-of-contents-nav-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-table-of-contents-nav-bg, var(--moduix-color-card));
+    align-self: start;
+    position: sticky;
+    overflow: auto;
+  }
+
+  .nav-q0EDqs[data-placement="left"] {
+    grid-area: 1 / 1;
+  }
+
+  .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) {
+    grid-template-columns: minmax(var(--moduix-table-of-contents-nav-min-width, 12rem),
+        var(--moduix-table-of-contents-nav-width, 16rem)) minmax(0, 1fr);
+  }
+
+  @media (max-width: 48rem) {
+    .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) .nav-q0EDqs[data-placement="left"] {
+      grid-area: auto;
+    }
+
+    .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) .content-AHeziM:has( ~ .nav-q0EDqs[data-placement="left"]) {
+      grid-area: auto;
+    }
+  }
+
+  .title-RjjR4J {
+    margin: 0 0 var(--moduix-table-of-contents-title-margin-bottom, var(--moduix-spacing-2));
+    color: var(--moduix-table-of-contents-title-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-table-of-contents-title-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-table-of-contents-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-table-of-contents-title-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .list-KZD4Qg {
+    gap: var(--moduix-table-of-contents-list-gap, var(--moduix-spacing-0-5));
+    margin: 0;
+    padding-block: 0;
+    padding-inline-start: var(--moduix-table-of-contents-list-padding-start, var(--moduix-spacing-1));
+    list-style: none;
+    display: grid;
+    position: relative;
+  }
+
+  .list-KZD4Qg:has(.indicator-Zeit8l):before {
+    top: var(--moduix-spacing-0-5);
+    bottom: var(--moduix-spacing-0-5);
+    width: var(--moduix-table-of-contents-indicator-width, var(--moduix-border-width-md));
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-table-of-contents-indicator-track-bg, var(--moduix-color-border));
+    content: "";
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: 0;
+  }
+
+  .item-xFlCTb {
+    min-width: 0;
+  }
+
+  .link-L4LQA0 {
+    min-width: 0;
+    padding-block: var(--moduix-table-of-contents-link-padding-y, var(--moduix-spacing-1));
+    border-radius: var(--moduix-table-of-contents-link-radius, var(--moduix-radius-sm));
+    color: var(--moduix-table-of-contents-link-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-table-of-contents-link-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-table-of-contents-link-line-height, var(--moduix-line-height-text-sm));
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    transition: color var(--moduix-transition-default);
+    outline: none;
+    padding-inline-start: calc(var(--moduix-table-of-contents-link-padding-x, var(--moduix-spacing-1)) +
+        var(--moduix-table-of-contents-indicator-width, var(--moduix-border-width-md)) +
+        var(--moduix-spacing-2) +
+        max(0px,
+          calc((var(--depth) - 2) *
+              var(--moduix-table-of-contents-link-indent, var(--moduix-spacing-2)))));
+    padding-inline-end: var(--moduix-table-of-contents-link-padding-x, var(--moduix-spacing-1));
+    text-decoration: none;
+    display: block;
+    position: relative;
+    overflow: hidden;
+  }
+
+  @media (hover: hover) {
+    .link-L4LQA0:hover {
+      color: var(--moduix-table-of-contents-link-color-hover, var(--moduix-color-foreground));
+    }
+  }
+
+  .link-L4LQA0:focus-visible {
+    box-shadow: 0 0 0
+        var(--moduix-table-of-contents-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        var(--moduix-table-of-contents-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .link-L4LQA0[data-active] {
+    color: var(--moduix-table-of-contents-link-color-active, var(--moduix-color-foreground));
+    font-weight: var(--moduix-table-of-contents-link-font-weight-active, var(--moduix-weight-medium));
+  }
+
+  .link-L4LQA0[data-active] .rail-BwE9eo {
+    color: var(--moduix-table-of-contents-indicator-bg, var(--moduix-color-muted-foreground));
+    opacity: .7;
+    translate: 0 var(--moduix-spacing-0-5);
+  }
+
+  .link-L4LQA0:has(.rail-BwE9eo) {
+    overflow: visible;
+  }
+
+  .indicator-Zeit8l {
+    z-index: 1;
+    top: calc(var(--_moduix-toc-indicator-top) + var(--moduix-spacing-0-5));
+    width: var(--moduix-table-of-contents-indicator-width, var(--moduix-border-width-md));
+    height: calc(var(--_moduix-toc-indicator-height) - var(--moduix-spacing-1));
+    border-radius: var(--moduix-table-of-contents-indicator-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-table-of-contents-indicator-bg, var(--moduix-color-muted-foreground));
+    opacity: .7;
+    pointer-events: none;
+    transition: top var(--moduix-transition-default),
+      height var(--moduix-transition-default);
+    inset-inline-start: 0;
+  }
+
+  .rail-BwE9eo {
+    top: calc(-1 * var(--moduix-spacing-1-5));
+    color: var(--moduix-table-of-contents-rail-color, var(--moduix-color-border));
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: 0;
+    overflow: visible;
+  }
+
+  .rail-BwE9eo :is(line, path) {
+    stroke-width: var(--moduix-border-width-sm);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .content-AHeziM {
+      scroll-behavior: auto;
+    }
+
+    .indicator-Zeit8l {
+      transition: none;
+    }
+  }
+}
+

package/dist/components/toc/index.d.ts

@@ -0,0 +1 @@
+export { Toc, useToc, useTocContext } from './Toc.js';

package/dist/components/toc/index.js

@@ -0,0 +1 @@
+export { Toc, useToc, useTocContext } from "./Toc.js";