@mindlogic-ai/logician-ui 5.0.0-alpha.12 → 5.0.0-alpha.13

package/README.md

@@ -93,6 +93,7 @@ function App() {
 - **Pagination** - Page navigation component
 - **Menu** - Dropdown and context menus
 - **Tabs** - Tab navigation component
+- **NavList** - Side navigation and filter rails (links or filters, not tabs)
 
 #### Feedback
 

package/dist/components/NavList/NavList.d.ts

@@ -0,0 +1,34 @@
+export declare const NavList: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").HTMLChakraProps<"ul">, "children"> & {
+    children?: import("react").ReactNode;
+    orientation?: import("./NavList.types").NavListResponsiveOrientation;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    isCollapsed?: boolean;
+} & import("react").RefAttributes<HTMLUListElement>> & {
+    Item: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").HTMLChakraProps<"a">, "asChild" | "aria-current" | "children" | "onClick"> & {
+        children?: import("react").ReactNode;
+        href?: string;
+        asChild?: boolean;
+        onClick?: import("react").MouseEventHandler<HTMLElement>;
+        isCurrent?: boolean;
+        isDisabled?: boolean;
+        leadingVisual?: import("react").ReactNode;
+        trailingVisual?: import("react").ReactNode;
+        trailingAction?: import("react").ReactNode;
+        trailingActionVisibility?: import("./NavList.types").NavListTrailingActionVisibility;
+        tooltip?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLElement>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").HTMLChakraProps<"li">, "title" | "children"> & {
+        children?: import("react").ReactNode;
+        title?: import("react").ReactNode;
+        isCollapsible?: boolean;
+        isOpen?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (isOpen: boolean) => void;
+    } & import("react").RefAttributes<HTMLLIElement>>;
+    Skeleton: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").HTMLChakraProps<"ul">, "children"> & {
+        count?: number;
+        orientation?: import("./NavList.types").NavListResponsiveOrientation;
+    } & import("react").RefAttributes<HTMLUListElement>>;
+};
+//# sourceMappingURL=NavList.d.ts.map

package/dist/components/NavList/NavList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../src/components/NavList/NavList.tsx"],"names":[],"mappings":"AA2JA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIlB,CAAC"}

package/dist/components/NavList/NavList.js

@@ -0,0 +1,113 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var NavList_styles = require('./NavList.styles.js');
+var NavListContext = require('./NavListContext.js');
+var NavListGroup = require('./NavListGroup.js');
+var NavListItem = require('./NavListItem.js');
+var NavListSkeleton = require('./NavListSkeleton.js');
+
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+/**
+ * Bring the current row into a sideways-scrolling list's visible range, by
+ * moving that list's own `scrollLeft` only — never `scrollIntoView`, which
+ * also scrolls the page and every scrolling ancestor. A no-op when the list
+ * does not scroll sideways (a vertical rail) or the row is already in view.
+ */
+const revealCurrentHorizontally = (list, current) => {
+    if (list.scrollWidth <= list.clientWidth)
+        return;
+    const listBox = list.getBoundingClientRect();
+    const rowBox = (current.closest('li') ?? current).getBoundingClientRect();
+    // Inside a closed group the row has no box; there is nothing to show.
+    if (rowBox.width === 0)
+        return;
+    if (rowBox.left < listBox.left) {
+        list.scrollLeft -= listBox.left - rowBox.left;
+    }
+    else if (rowBox.right > listBox.right) {
+        list.scrollLeft += rowBox.right - listBox.right;
+    }
+};
+/**
+ * A vertical list of rows for side navigation and in-page filter rails.
+ *
+ * Not tabs: there is no tablist, no `aria-selected` and no roving tabindex.
+ * Every row is its own link or button in the tab order, and the current one
+ * says so with `aria-current`.
+ *
+ * Named (`aria-label` / `aria-labelledby`), it is a `<nav>` landmark around
+ * the list; unnamed, it is just the list. A landmark should have a name once a
+ * page has more than one `nav`, and a list inside the app sidebar is already
+ * inside one — so the name is what decides whether this is a landmark of its
+ * own, rather than a flag the caller has to remember next to it.
+ *
+ * The ref and every other prop land on the `<ul>` either way — it is the flex
+ * and scroll container, so `gap`, `onScroll` and `ref.current.scrollLeft` mean
+ * the same thing whether or not the list is named.
+ */
+const NavListRoot = React.forwardRef(({ orientation = 'vertical', isCollapsed = false, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rest }, ref) => {
+    const isLandmark = ariaLabel != null || ariaLabelledBy != null;
+    // A collapsed rail is a column of icons; it has no sideways form.
+    const axis = isCollapsed ? 'vertical' : orientation;
+    const listRef = React.useRef(null);
+    const mergedRef = React.useMemo(() => react.mergeRefs(ref, listRef), [ref]);
+    // Reveal the current row when it CHANGES (a row reports it from its own
+    // effect, so this works even when only that row re-rendered) and when the
+    // list is resized — a strip that just laid down at a breakpoint. Not on
+    // every render: a re-render must not snap back a strip the user scrolled.
+    const lastRevealed = React.useRef(null);
+    const reveal = React.useCallback((force = false) => {
+        const list = listRef.current;
+        const current = list?.querySelector('[data-current]');
+        if (!list || !current)
+            return;
+        if (!force && current === lastRevealed.current)
+            return;
+        lastRevealed.current = current;
+        revealCurrentHorizontally(list, current);
+    }, []);
+    React.useEffect(() => {
+        const list = listRef.current;
+        reveal();
+        if (!list || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => reveal(true));
+        observer.observe(list);
+        return () => observer.disconnect();
+    }, [reveal]);
+    // Layout never reads this: rows, groups and the list inherit `direction`
+    // in CSS, so a right-to-left server render is right on its first paint.
+    // Only the rows' TOOLTIPS need it in JS — zag stamps `dir` on their
+    // portalled content from Ark's locale, and a popper placement is
+    // physical — and a tooltip only opens after hydration, when this is known.
+    const [tooltipDir, setTooltipDir] = React.useState('ltr');
+    useIsomorphicLayoutEffect(() => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        const next = getComputedStyle(list).direction === 'rtl' ? 'rtl' : 'ltr';
+        if (next !== tooltipDir)
+            setTooltipDir(next);
+    });
+    const context = React.useMemo(() => ({
+        orientation: axis,
+        isCollapsed,
+        tooltipDir,
+        revealCurrent: reveal,
+    }), [axis, isCollapsed, tooltipDir, reveal]);
+    const list = (jsxRuntime.jsx(react.chakra.ul, { ref: mergedRef, ...NavList_styles.listStyles(axis), overflowX: NavList_styles.byOrientation(axis, 'visible', 'auto'), overflowY: NavList_styles.byOrientation(axis, 'visible', 'hidden'), ...rest, children: children }));
+    return (jsxRuntime.jsx(NavListContext.NavListContext.Provider, { value: context, children: isLandmark ? (jsxRuntime.jsx(react.chakra.nav, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, minW: 0, children: list })) : (list) }));
+});
+NavListRoot.displayName = 'NavList';
+const NavList = Object.assign(NavListRoot, {
+    Item: NavListItem.NavListItem,
+    Group: NavListGroup.NavListGroup,
+    Skeleton: NavListSkeleton.NavListSkeleton,
+});
+
+exports.NavList = NavList;
+//# sourceMappingURL=NavList.js.map

package/dist/components/NavList/NavList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.js","sources":["../../../src/components/NavList/NavList.tsx"],"sourcesContent":[null],"names":["useEffect","useLayoutEffect","forwardRef","useRef","useMemo","mergeRefs","useCallback","useState","_jsx","chakra","listStyles","byOrientation","NavListContext","NavListItem","NavListGroup","NavListSkeleton"],"mappings":"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"}

package/dist/components/NavList/NavList.mjs

@@ -0,0 +1,111 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useMemo, useCallback, useEffect, useState, useLayoutEffect } from 'react';
+import { mergeRefs, chakra } from '@chakra-ui/react';
+import { byOrientation, listStyles } from './NavList.styles.mjs';
+import { NavListContext } from './NavListContext.mjs';
+import { NavListGroup } from './NavListGroup.mjs';
+import { NavListItem } from './NavListItem.mjs';
+import { NavListSkeleton } from './NavListSkeleton.mjs';
+
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+/**
+ * Bring the current row into a sideways-scrolling list's visible range, by
+ * moving that list's own `scrollLeft` only — never `scrollIntoView`, which
+ * also scrolls the page and every scrolling ancestor. A no-op when the list
+ * does not scroll sideways (a vertical rail) or the row is already in view.
+ */
+const revealCurrentHorizontally = (list, current) => {
+    if (list.scrollWidth <= list.clientWidth)
+        return;
+    const listBox = list.getBoundingClientRect();
+    const rowBox = (current.closest('li') ?? current).getBoundingClientRect();
+    // Inside a closed group the row has no box; there is nothing to show.
+    if (rowBox.width === 0)
+        return;
+    if (rowBox.left < listBox.left) {
+        list.scrollLeft -= listBox.left - rowBox.left;
+    }
+    else if (rowBox.right > listBox.right) {
+        list.scrollLeft += rowBox.right - listBox.right;
+    }
+};
+/**
+ * A vertical list of rows for side navigation and in-page filter rails.
+ *
+ * Not tabs: there is no tablist, no `aria-selected` and no roving tabindex.
+ * Every row is its own link or button in the tab order, and the current one
+ * says so with `aria-current`.
+ *
+ * Named (`aria-label` / `aria-labelledby`), it is a `<nav>` landmark around
+ * the list; unnamed, it is just the list. A landmark should have a name once a
+ * page has more than one `nav`, and a list inside the app sidebar is already
+ * inside one — so the name is what decides whether this is a landmark of its
+ * own, rather than a flag the caller has to remember next to it.
+ *
+ * The ref and every other prop land on the `<ul>` either way — it is the flex
+ * and scroll container, so `gap`, `onScroll` and `ref.current.scrollLeft` mean
+ * the same thing whether or not the list is named.
+ */
+const NavListRoot = forwardRef(({ orientation = 'vertical', isCollapsed = false, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rest }, ref) => {
+    const isLandmark = ariaLabel != null || ariaLabelledBy != null;
+    // A collapsed rail is a column of icons; it has no sideways form.
+    const axis = isCollapsed ? 'vertical' : orientation;
+    const listRef = useRef(null);
+    const mergedRef = useMemo(() => mergeRefs(ref, listRef), [ref]);
+    // Reveal the current row when it CHANGES (a row reports it from its own
+    // effect, so this works even when only that row re-rendered) and when the
+    // list is resized — a strip that just laid down at a breakpoint. Not on
+    // every render: a re-render must not snap back a strip the user scrolled.
+    const lastRevealed = useRef(null);
+    const reveal = useCallback((force = false) => {
+        const list = listRef.current;
+        const current = list?.querySelector('[data-current]');
+        if (!list || !current)
+            return;
+        if (!force && current === lastRevealed.current)
+            return;
+        lastRevealed.current = current;
+        revealCurrentHorizontally(list, current);
+    }, []);
+    useEffect(() => {
+        const list = listRef.current;
+        reveal();
+        if (!list || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => reveal(true));
+        observer.observe(list);
+        return () => observer.disconnect();
+    }, [reveal]);
+    // Layout never reads this: rows, groups and the list inherit `direction`
+    // in CSS, so a right-to-left server render is right on its first paint.
+    // Only the rows' TOOLTIPS need it in JS — zag stamps `dir` on their
+    // portalled content from Ark's locale, and a popper placement is
+    // physical — and a tooltip only opens after hydration, when this is known.
+    const [tooltipDir, setTooltipDir] = useState('ltr');
+    useIsomorphicLayoutEffect(() => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        const next = getComputedStyle(list).direction === 'rtl' ? 'rtl' : 'ltr';
+        if (next !== tooltipDir)
+            setTooltipDir(next);
+    });
+    const context = useMemo(() => ({
+        orientation: axis,
+        isCollapsed,
+        tooltipDir,
+        revealCurrent: reveal,
+    }), [axis, isCollapsed, tooltipDir, reveal]);
+    const list = (jsx(chakra.ul, { ref: mergedRef, ...listStyles(axis), overflowX: byOrientation(axis, 'visible', 'auto'), overflowY: byOrientation(axis, 'visible', 'hidden'), ...rest, children: children }));
+    return (jsx(NavListContext.Provider, { value: context, children: isLandmark ? (jsx(chakra.nav, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, minW: 0, children: list })) : (list) }));
+});
+NavListRoot.displayName = 'NavList';
+const NavList = Object.assign(NavListRoot, {
+    Item: NavListItem,
+    Group: NavListGroup,
+    Skeleton: NavListSkeleton,
+});
+
+export { NavList };
+//# sourceMappingURL=NavList.mjs.map

package/dist/components/NavList/NavList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.mjs","sources":["../../../src/components/NavList/NavList.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;AAkBA,MAAM,yBAAyB,GAC7B,OAAO,MAAM,KAAK,WAAW,GAAG,SAAS,GAAG,eAAe;AAE7D;;;;;AAKG;AACH,MAAM,yBAAyB,GAAG,CAChC,IAAsB,EACtB,OAAgB,KACd;AACF,IAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW;QAAE;AAC1C,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAC5C,IAAA,MAAM,MAAM,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,EAAE,qBAAqB,EAAE;;AAEzE,IAAA,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;QAAE;IACxB,IAAI,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE;QAC9B,IAAI,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;IAC/C;SAAO,IAAI,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE;QACvC,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK;IACjD;AACF,CAAC;AAED;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EACE,WAAW,GAAG,UAAU,EACxB,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,IAAI,EACR,EACD,GAAG,KACD;IACF,MAAM,UAAU,GAAG,SAAS,IAAI,IAAI,IAAI,cAAc,IAAI,IAAI;;IAE9D,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW;AACnD,IAAA,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;;;;;AAM/D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;IACjD,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAK,GAAG,KAAK,KAAI;AAC3C,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;QAC5B,MAAM,OAAO,GAAG,IAAI,EAAE,aAAa,CAAC,gBAAgB,CAAC;AACrD,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO;YAAE;AACvB,QAAA,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,YAAY,CAAC,OAAO;YAAE;AAChD,QAAA,YAAY,CAAC,OAAO,GAAG,OAAO;AAC9B,QAAA,yBAAyB,CAAC,IAAI,EAAE,OAAO,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC;IACN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,QAAA,MAAM,EAAE;AACR,QAAA,IAAI,CAAC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE;AACpD,QAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AACtB,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;;;;;;IAOZ,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,KAAK,CAAC;IAClE,yBAAyB,CAAC,MAAK;AAC7B,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,IAAI;YAAE;AACX,QAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;QACvE,IAAI,IAAI,KAAK,UAAU;YAAE,aAAa,CAAC,IAAI,CAAC;AAC9C,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,OAAO,CACrB,OAAO;AACL,QAAA,WAAW,EAAE,IAAI;QACjB,WAAW;QACX,UAAU;AACV,QAAA,aAAa,EAAE,MAAM;KACtB,CAAC,EACF,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,CACxC;IAED,MAAM,IAAI,IACRA,GAAA,CAAC,MAAM,CAAC,EAAE,IACR,GAAG,EAAE,SAAS,EAAA,GACV,UAAU,CAAC,IAAI,CAAC,EACpB,SAAS,EAAE,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,EACjD,SAAS,EAAE,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAA,GAC/C,IAAI,YAEP,QAAQ,EAAA,CACC,CACb;AAED,IAAA,QACEA,GAAA,CAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,UAAU,IACTA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAAA,YAAA,EACG,SAAS,qBACJ,cAAc,EAC/B,IAAI,EAAE,CAAC,YAEN,IAAI,EAAA,CACM,KAEb,IAAI,CACL,EAAA,CACuB;AAE9B,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;MAEtB,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,QAAQ,EAAE,eAAe;AAC1B,CAAA;;;;"}

package/dist/components/NavList/NavList.styles.d.ts

@@ -0,0 +1,90 @@
+import type { NavListResponsiveOrientation } from './NavList.types';
+/**
+ * The tokens a row paints, exported so the usage page's token table reads what
+ * the component renders.
+ *
+ * **The current row is a PLACE, not a value** — the same rule as `TAB_RAMP`
+ * and the app's nav rail (`NavigationLinkButton.utils.tsx` in factchat-nextjs).
+ * It is carried by ink, weight and a neutral fill, never by the brand hue: a
+ * rail that spends colour on "you are here" is what stops a success or error
+ * colour from registering when it appears.
+ *
+ * `bg.emphasized` rather than `bg.muted` for the fill, because rails sit on the
+ * sidebar wash and the fill has to separate from THAT: in light `bg.muted` is
+ * only OKLab dE 0.027 from the wash, under the threshold where two flat areas
+ * read as different, and `bg.emphasized` is 0.052 (measured in that file).
+ * Hover uses the same fill, so the current row does not change under the
+ * pointer and a hovered row previews exactly what selecting it looks like.
+ *
+ * `currentLabel` is `fg.emphasized`, which the theme aliases to `fg.default`
+ * today — so on the stock theme the current row is told apart by WEIGHT and
+ * FILL, not by a second ink. The role is still named separately so a theme
+ * that splits the two (and the app's nav rail, which reads the same pair)
+ * moves the current label without touching the rest.
+ *
+ * **Pressed is one step past hover**, on every row, current ones included —
+ * otherwise a press on the row you are already on gives no sign it landed.
+ * No `bg.*` role is darker than `bg.emphasized` in light (it is the top of
+ * the `layer.1` ladder), so the step is `border.default`: the next neutral in
+ * both modes (light `#D8D2CA` after `#E5DFD9`, dark `#48443E` after
+ * `#3F3B34`), the same fill the BottomSheet handle uses. Under
+ * `prefers-contrast: more` that token turns into a 3:1 stroke grey and the
+ * label would drop to 2.8:1, so high contrast takes `border.strong`, which
+ * high contrast leaves alone. `NavList.test.tsx` checks every pair.
+ */
+export declare const NAV_LIST_RAMP: {
+    readonly label: "fg.default";
+    readonly currentLabel: "fg.emphasized";
+    readonly currentFill: "bg.emphasized";
+    readonly hoverFill: "bg.emphasized";
+    readonly pressedFill: "border.default";
+    readonly pressedFillMoreContrast: "border.strong";
+    readonly trailing: "fg.muted";
+    readonly groupTitle: "fg.muted";
+};
+/** The pressed fill, with its high-contrast swap. */
+export declare const pressedFill: {
+    readonly bg: "border.default";
+    readonly _moreContrast: {
+        readonly bg: "border.strong";
+    };
+};
+/**
+ * Chakra's `_rtl`/`_ltr` and `:dir()` read `dir` ATTRIBUTES, and zag stamps
+ * `dir="ltr"` on every part it renders (tooltip triggers — the rows — and the
+ * collapsible group) from Ark's locale, before any effect can measure the
+ * page. An author `direction` beats the UA rule that maps the attribute, so
+ * every stamped element takes the direction it inherits instead: the server
+ * render lays an RTL rail out right to left on its first paint.
+ */
+export declare const inheritDirection: {
+    readonly direction: "inherit";
+};
+/**
+ * A locale whose direction is `dir`: the inherited one when it already
+ * agrees, so a Korean app keeps formatting in Korean, otherwise a stand-in.
+ * Ark has no other way to set the `dir` zag stamps (its hooks omit the prop).
+ */
+export declare const localeFor: (inherited: {
+    locale: string;
+    dir: "ltr" | "rtl";
+}, dir: "ltr" | "rtl") => string;
+/**
+ * Map an orientation (or a per-breakpoint object of them) to a style value per
+ * breakpoint, so the axis switch is CSS rather than a `useBreakpointValue`
+ * that renders the wrong axis on the server.
+ */
+export declare const byOrientation: <T>(orientation: NavListResponsiveOrientation, vertical: T, horizontal: T) => T | Record<string, T>;
+/** The list box shared by the root list and every group's list. */
+export declare const listStyles: (orientation: NavListResponsiveOrientation) => {
+    readonly listStyleType: "none";
+    readonly m: 0;
+    readonly p: 0;
+    readonly display: "flex";
+    readonly gap: 0.5;
+    readonly minW: 0;
+    readonly flexDirection: "row" | "column" | Record<string, "row" | "column">;
+    readonly alignItems: "center" | "stretch" | Record<string, "center" | "stretch">;
+    readonly flexWrap: "nowrap";
+};
+//# sourceMappingURL=NavList.styles.d.ts.map

package/dist/components/NavList/NavList.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.styles.d.ts","sourceRoot":"","sources":["../../../src/components/NavList/NavList.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,4BAA4B,EAC7B,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC;AAEX,qDAAqD;AACrD,eAAO,MAAM,WAAW;;;;;CAGd,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;;CAAoC,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,SAAS,GACpB,WAAW;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAA;CAAE,EACjD,KAAK,KAAK,GAAG,KAAK,WAEuD,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAC7B,aAAa,4BAA4B,EACzC,UAAU,CAAC,EACX,YAAY,CAAC,KACZ,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAYtB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,UAAU,GAAI,aAAa,4BAA4B;;;;;;;;;;CAavD,CAAC"}

package/dist/components/NavList/NavList.styles.js

@@ -0,0 +1,104 @@
+"use client";
+'use strict';
+
+/**
+ * The tokens a row paints, exported so the usage page's token table reads what
+ * the component renders.
+ *
+ * **The current row is a PLACE, not a value** — the same rule as `TAB_RAMP`
+ * and the app's nav rail (`NavigationLinkButton.utils.tsx` in factchat-nextjs).
+ * It is carried by ink, weight and a neutral fill, never by the brand hue: a
+ * rail that spends colour on "you are here" is what stops a success or error
+ * colour from registering when it appears.
+ *
+ * `bg.emphasized` rather than `bg.muted` for the fill, because rails sit on the
+ * sidebar wash and the fill has to separate from THAT: in light `bg.muted` is
+ * only OKLab dE 0.027 from the wash, under the threshold where two flat areas
+ * read as different, and `bg.emphasized` is 0.052 (measured in that file).
+ * Hover uses the same fill, so the current row does not change under the
+ * pointer and a hovered row previews exactly what selecting it looks like.
+ *
+ * `currentLabel` is `fg.emphasized`, which the theme aliases to `fg.default`
+ * today — so on the stock theme the current row is told apart by WEIGHT and
+ * FILL, not by a second ink. The role is still named separately so a theme
+ * that splits the two (and the app's nav rail, which reads the same pair)
+ * moves the current label without touching the rest.
+ *
+ * **Pressed is one step past hover**, on every row, current ones included —
+ * otherwise a press on the row you are already on gives no sign it landed.
+ * No `bg.*` role is darker than `bg.emphasized` in light (it is the top of
+ * the `layer.1` ladder), so the step is `border.default`: the next neutral in
+ * both modes (light `#D8D2CA` after `#E5DFD9`, dark `#48443E` after
+ * `#3F3B34`), the same fill the BottomSheet handle uses. Under
+ * `prefers-contrast: more` that token turns into a 3:1 stroke grey and the
+ * label would drop to 2.8:1, so high contrast takes `border.strong`, which
+ * high contrast leaves alone. `NavList.test.tsx` checks every pair.
+ */
+const NAV_LIST_RAMP = {
+    label: 'fg.default',
+    currentLabel: 'fg.emphasized',
+    currentFill: 'bg.emphasized',
+    hoverFill: 'bg.emphasized',
+    pressedFill: 'border.default',
+    pressedFillMoreContrast: 'border.strong',
+    trailing: 'fg.muted',
+    groupTitle: 'fg.muted',
+};
+/** The pressed fill, with its high-contrast swap. */
+const pressedFill = {
+    bg: NAV_LIST_RAMP.pressedFill,
+    _moreContrast: { bg: NAV_LIST_RAMP.pressedFillMoreContrast },
+};
+/**
+ * Chakra's `_rtl`/`_ltr` and `:dir()` read `dir` ATTRIBUTES, and zag stamps
+ * `dir="ltr"` on every part it renders (tooltip triggers — the rows — and the
+ * collapsible group) from Ark's locale, before any effect can measure the
+ * page. An author `direction` beats the UA rule that maps the attribute, so
+ * every stamped element takes the direction it inherits instead: the server
+ * render lays an RTL rail out right to left on its first paint.
+ */
+const inheritDirection = { direction: 'inherit' };
+/**
+ * A locale whose direction is `dir`: the inherited one when it already
+ * agrees, so a Korean app keeps formatting in Korean, otherwise a stand-in.
+ * Ark has no other way to set the `dir` zag stamps (its hooks omit the prop).
+ */
+const localeFor = (inherited, dir) => inherited.dir === dir ? inherited.locale : dir === 'rtl' ? 'ar' : 'en-US';
+/**
+ * Map an orientation (or a per-breakpoint object of them) to a style value per
+ * breakpoint, so the axis switch is CSS rather than a `useBreakpointValue`
+ * that renders the wrong axis on the server.
+ */
+const byOrientation = (orientation, vertical, horizontal) => {
+    const pick = (o) => o === 'horizontal' ? horizontal : vertical;
+    if (typeof orientation === 'string')
+        return pick(orientation);
+    // A breakpoint object with no `base` still starts vertical — the default —
+    // instead of leaving the smallest screens with no axis at all.
+    return Object.fromEntries(Object.entries({ base: 'vertical', ...orientation }).map(([bp, o]) => [
+        bp,
+        pick(o),
+    ]));
+};
+/** The list box shared by the root list and every group's list. */
+const listStyles = (orientation) => ({
+    listStyleType: 'none',
+    m: 0,
+    p: 0,
+    display: 'flex',
+    gap: 0.5,
+    minW: 0,
+    flexDirection: byOrientation(orientation, 'column', 'row'),
+    alignItems: byOrientation(orientation, 'stretch', 'center'),
+    // A row never wraps: a strip that grows to three lines as items are added
+    // eats the content it navigates. The root scrolls sideways instead.
+    flexWrap: 'nowrap',
+});
+
+exports.NAV_LIST_RAMP = NAV_LIST_RAMP;
+exports.byOrientation = byOrientation;
+exports.inheritDirection = inheritDirection;
+exports.listStyles = listStyles;
+exports.localeFor = localeFor;
+exports.pressedFill = pressedFill;
+//# sourceMappingURL=NavList.styles.js.map

package/dist/components/NavList/NavList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.styles.js","sources":["../../../src/components/NavList/NavList.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,uBAAuB,EAAE,eAAe;AACxC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,UAAU,EAAE,UAAU;;AAGxB;AACO,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,aAAa,CAAC,WAAW;AAC7B,IAAA,aAAa,EAAE,EAAE,EAAE,EAAE,aAAa,CAAC,uBAAuB,EAAE;;AAG9D;;;;;;;AAOG;MACU,gBAAgB,GAAG,EAAE,SAAS,EAAE,SAAS;AAEtD;;;;AAIG;AACI,MAAM,SAAS,GAAG,CACvB,SAAiD,EACjD,GAAkB,KAElB,SAAS,CAAC,GAAG,KAAK,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,GAAG,KAAK,KAAK,GAAG,IAAI,GAAG;AAEpE;;;;AAIG;AACI,MAAM,aAAa,GAAG,CAC3B,WAAyC,EACzC,QAAW,EACX,UAAa,KACY;AACzB,IAAA,MAAM,IAAI,GAAG,CAAC,CAAqB,KACjC,CAAC,KAAK,YAAY,GAAG,UAAU,GAAG,QAAQ;IAC5C,IAAI,OAAO,WAAW,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC;;;AAG7D,IAAA,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK;QACpE,EAAE;QACF,IAAI,CAAC,CAAuB,CAAC;AAC9B,KAAA,CAAC,CACH;AACH;AAEA;MACa,UAAU,GAAG,CAAC,WAAyC,MACjE;AACC,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,aAAa,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC;IAC1D,UAAU,EAAE,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;;;AAG3D,IAAA,QAAQ,EAAE,QAAQ;AACnB,CAAA;;;;;;;;;"}

package/dist/components/NavList/NavList.styles.mjs

@@ -0,0 +1,97 @@
+"use client";
+/**
+ * The tokens a row paints, exported so the usage page's token table reads what
+ * the component renders.
+ *
+ * **The current row is a PLACE, not a value** — the same rule as `TAB_RAMP`
+ * and the app's nav rail (`NavigationLinkButton.utils.tsx` in factchat-nextjs).
+ * It is carried by ink, weight and a neutral fill, never by the brand hue: a
+ * rail that spends colour on "you are here" is what stops a success or error
+ * colour from registering when it appears.
+ *
+ * `bg.emphasized` rather than `bg.muted` for the fill, because rails sit on the
+ * sidebar wash and the fill has to separate from THAT: in light `bg.muted` is
+ * only OKLab dE 0.027 from the wash, under the threshold where two flat areas
+ * read as different, and `bg.emphasized` is 0.052 (measured in that file).
+ * Hover uses the same fill, so the current row does not change under the
+ * pointer and a hovered row previews exactly what selecting it looks like.
+ *
+ * `currentLabel` is `fg.emphasized`, which the theme aliases to `fg.default`
+ * today — so on the stock theme the current row is told apart by WEIGHT and
+ * FILL, not by a second ink. The role is still named separately so a theme
+ * that splits the two (and the app's nav rail, which reads the same pair)
+ * moves the current label without touching the rest.
+ *
+ * **Pressed is one step past hover**, on every row, current ones included —
+ * otherwise a press on the row you are already on gives no sign it landed.
+ * No `bg.*` role is darker than `bg.emphasized` in light (it is the top of
+ * the `layer.1` ladder), so the step is `border.default`: the next neutral in
+ * both modes (light `#D8D2CA` after `#E5DFD9`, dark `#48443E` after
+ * `#3F3B34`), the same fill the BottomSheet handle uses. Under
+ * `prefers-contrast: more` that token turns into a 3:1 stroke grey and the
+ * label would drop to 2.8:1, so high contrast takes `border.strong`, which
+ * high contrast leaves alone. `NavList.test.tsx` checks every pair.
+ */
+const NAV_LIST_RAMP = {
+    label: 'fg.default',
+    currentLabel: 'fg.emphasized',
+    currentFill: 'bg.emphasized',
+    hoverFill: 'bg.emphasized',
+    pressedFill: 'border.default',
+    pressedFillMoreContrast: 'border.strong',
+    trailing: 'fg.muted',
+    groupTitle: 'fg.muted',
+};
+/** The pressed fill, with its high-contrast swap. */
+const pressedFill = {
+    bg: NAV_LIST_RAMP.pressedFill,
+    _moreContrast: { bg: NAV_LIST_RAMP.pressedFillMoreContrast },
+};
+/**
+ * Chakra's `_rtl`/`_ltr` and `:dir()` read `dir` ATTRIBUTES, and zag stamps
+ * `dir="ltr"` on every part it renders (tooltip triggers — the rows — and the
+ * collapsible group) from Ark's locale, before any effect can measure the
+ * page. An author `direction` beats the UA rule that maps the attribute, so
+ * every stamped element takes the direction it inherits instead: the server
+ * render lays an RTL rail out right to left on its first paint.
+ */
+const inheritDirection = { direction: 'inherit' };
+/**
+ * A locale whose direction is `dir`: the inherited one when it already
+ * agrees, so a Korean app keeps formatting in Korean, otherwise a stand-in.
+ * Ark has no other way to set the `dir` zag stamps (its hooks omit the prop).
+ */
+const localeFor = (inherited, dir) => inherited.dir === dir ? inherited.locale : dir === 'rtl' ? 'ar' : 'en-US';
+/**
+ * Map an orientation (or a per-breakpoint object of them) to a style value per
+ * breakpoint, so the axis switch is CSS rather than a `useBreakpointValue`
+ * that renders the wrong axis on the server.
+ */
+const byOrientation = (orientation, vertical, horizontal) => {
+    const pick = (o) => o === 'horizontal' ? horizontal : vertical;
+    if (typeof orientation === 'string')
+        return pick(orientation);
+    // A breakpoint object with no `base` still starts vertical — the default —
+    // instead of leaving the smallest screens with no axis at all.
+    return Object.fromEntries(Object.entries({ base: 'vertical', ...orientation }).map(([bp, o]) => [
+        bp,
+        pick(o),
+    ]));
+};
+/** The list box shared by the root list and every group's list. */
+const listStyles = (orientation) => ({
+    listStyleType: 'none',
+    m: 0,
+    p: 0,
+    display: 'flex',
+    gap: 0.5,
+    minW: 0,
+    flexDirection: byOrientation(orientation, 'column', 'row'),
+    alignItems: byOrientation(orientation, 'stretch', 'center'),
+    // A row never wraps: a strip that grows to three lines as items are added
+    // eats the content it navigates. The root scrolls sideways instead.
+    flexWrap: 'nowrap',
+});
+
+export { NAV_LIST_RAMP, byOrientation, inheritDirection, listStyles, localeFor, pressedFill };
+//# sourceMappingURL=NavList.styles.mjs.map

package/dist/components/NavList/NavList.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.styles.mjs","sources":["../../../src/components/NavList/NavList.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,uBAAuB,EAAE,eAAe;AACxC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,UAAU,EAAE,UAAU;;AAGxB;AACO,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,aAAa,CAAC,WAAW;AAC7B,IAAA,aAAa,EAAE,EAAE,EAAE,EAAE,aAAa,CAAC,uBAAuB,EAAE;;AAG9D;;;;;;;AAOG;MACU,gBAAgB,GAAG,EAAE,SAAS,EAAE,SAAS;AAEtD;;;;AAIG;AACI,MAAM,SAAS,GAAG,CACvB,SAAiD,EACjD,GAAkB,KAElB,SAAS,CAAC,GAAG,KAAK,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,GAAG,KAAK,KAAK,GAAG,IAAI,GAAG;AAEpE;;;;AAIG;AACI,MAAM,aAAa,GAAG,CAC3B,WAAyC,EACzC,QAAW,EACX,UAAa,KACY;AACzB,IAAA,MAAM,IAAI,GAAG,CAAC,CAAqB,KACjC,CAAC,KAAK,YAAY,GAAG,UAAU,GAAG,QAAQ;IAC5C,IAAI,OAAO,WAAW,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC;;;AAG7D,IAAA,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK;QACpE,EAAE;QACF,IAAI,CAAC,CAAuB,CAAC;AAC9B,KAAA,CAAC,CACH;AACH;AAEA;MACa,UAAU,GAAG,CAAC,WAAyC,MACjE;AACC,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,aAAa,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC;IAC1D,UAAU,EAAE,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;;;AAG3D,IAAA,QAAQ,EAAE,QAAQ;AACnB,CAAA;;;;"}

package/dist/components/NavList/NavList.translations.json.js

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var nav_list_opens_new_window = {
+	ko: "새 창 열림",
+	en: "opens in a new window",
+	zh: "在新窗口中打开",
+	ja: "新しいウィンドウで開く",
+	es: "se abre en una ventana nueva"
+};
+var NavListTranslations = {
+	nav_list_opens_new_window: nav_list_opens_new_window
+};
+
+exports.default = NavListTranslations;
+exports.nav_list_opens_new_window = nav_list_opens_new_window;
+//# sourceMappingURL=NavList.translations.json.js.map

package/dist/components/NavList/NavList.translations.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.translations.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/NavList/NavList.translations.json.mjs

@@ -0,0 +1,14 @@
+"use client";
+var nav_list_opens_new_window = {
+	ko: "새 창 열림",
+	en: "opens in a new window",
+	zh: "在新窗口中打开",
+	ja: "新しいウィンドウで開く",
+	es: "se abre en una ventana nueva"
+};
+var NavListTranslations = {
+	nav_list_opens_new_window: nav_list_opens_new_window
+};
+
+export { NavListTranslations as default, nav_list_opens_new_window };
+//# sourceMappingURL=NavList.translations.json.mjs.map

package/dist/components/NavList/NavList.translations.json.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.translations.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}