@estiva-app/ui 0.50.4 → 0.51.0

package/dist/CollapsibleSection.d.ts

@@ -39,6 +39,12 @@ export interface CollapsibleSectionProps {
      * its title, past the chevron (`SectionHeader`'s `look`).
      */
     look?: 'heading' | 'row';
+    /**
+     * With the `heading` look: the rows start under the title, past the
+     * chevron — a folder in a sidebar, its files lightly indented under its
+     * name (Katerina, 2 October). The `row` look always indents.
+     */
+    indent?: boolean;
     /** The rows. */
     children: ReactNode;
     /** On the section's box: `mt-2` between groups, `shrink-0` in a scrolling column. */
@@ -46,5 +52,5 @@ export interface CollapsibleSectionProps {
     /** On the box the rows sit in: the gap between them. */
     contentClassName?: string;
 }
-export declare function CollapsibleSection({ title, defaultOpen, open: openProp, onOpenChange, storageKey, trailing, actions, showActions, look, children, className, contentClassName }: CollapsibleSectionProps): import("react").JSX.Element;
+export declare function CollapsibleSection({ title, defaultOpen, open: openProp, onOpenChange, storageKey, trailing, actions, showActions, look, indent, children, className, contentClassName }: CollapsibleSectionProps): import("react").JSX.Element;
 //# sourceMappingURL=CollapsibleSection.d.ts.map

package/dist/CollapsibleSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleSection.d.ts","sourceRoot":"","sources":["../src/CollapsibleSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IACxB,gBAAgB;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAwBD,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,WAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,IAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,uBAAuB,+BA0B3N"}
+{"version":3,"file":"CollapsibleSection.d.ts","sourceRoot":"","sources":["../src/CollapsibleSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gBAAgB;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAwBD,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,WAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,IAAgB,EAAE,MAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,uBAAuB,+BA2B3O"}

package/dist/NavItem.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 /**
  * One row of a sidebar: a label, an optional count, an active state
  * (Ship's NavItem, 2026-09-02, verbatim).
@@ -15,8 +15,19 @@ import type { ComponentPropsWithoutRef, ReactNode } from 'react';
  * menu is open, in the count's place — the count steps aside rather than
  * sitting under it. The ⋮ is beside the link, not inside it (a button inside
  * an anchor is not a button), and follows it in the Tab order.
+ *
+ * `children` are rows under this one (Katerina, 2 October: Leaf's folder
+ * tree). The row stays a link; while it is pointed at or focused its icon
+ * gives way to an arrow that folds the rows, in the icon's own place — so a
+ * row with rows under it is as wide as one without. The arrow is beside the
+ * link, like the ⋮. The rows slide as `CollapsibleSection`'s do, indented
+ * past the icon so their icons start under this row's label.
+ *
+ * `hint` is shown only while the row is pointed at or focused, left of the
+ * count — a neutral `Chip`, typically. It takes its own room while it shows,
+ * so the label ends with "…" before it instead of running under it.
  */
-export interface NavItemProps extends Omit<ComponentPropsWithoutRef<'a'>, 'href'> {
+export interface NavItemProps extends Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'children'> {
     label: string;
     href: string;
     /** `0` or absent renders no counter. */
@@ -30,7 +41,16 @@ export interface NavItemProps extends Omit<ComponentPropsWithoutRef<'a'>, 'href'
     menu?: ReactNode;
     /** The ⋮'s accessible name and tooltip. Default "More options for {label}". */
     menuLabel?: string;
+    /** Shown only while the row is pointed at or focused, left of the count: a neutral `Chip`, typically. */
+    hint?: ReactNode;
+    /** Rows under this one, folding under it: `NavItem`s. While the row is pointed at or focused, its icon becomes the arrow. */
+    children?: ReactNode;
+    /** With `children`: open unless told otherwise. */
+    defaultOpen?: boolean;
+    /** With `children`: the caller owns the state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     className?: string;
 }
-export declare function NavItem({ label, href, count, countLabel, active, icon, menu, menuLabel, className, ...props }: NavItemProps): import("react").JSX.Element;
+export declare function NavItem({ label, href, count, countLabel, active, icon, menu, menuLabel, hint, children, defaultOpen, open: openProp, onOpenChange, className, ...props }: NavItemProps): import("react").JSX.Element;
 //# sourceMappingURL=NavItem.d.ts.map

package/dist/NavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../src/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQhE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAC/E,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4GAA4G;IAC5G,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAc,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAiEnI"}
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../src/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAStF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC5F,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4GAA4G;IAC5G,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yGAAyG;IACzG,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6HAA6H;IAC7H,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,MAAc,EACd,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,WAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,+BA8Hd"}

package/dist/NavTree.d.ts

@@ -0,0 +1,49 @@
+import type { MouseEvent, ReactNode } from 'react';
+/** One row of the tree, and the rows under it. */
+export interface NavTreeNode {
+    id: string;
+    label: string;
+    href: string;
+    /** 16px, stroke 1.5. */
+    icon?: ReactNode;
+    /** `0` or absent renders no counter. */
+    count?: number;
+    /** What the count counts, for the tooltip. */
+    countLabel?: string;
+    /** Shown only while the row is pointed at or focused, left of the count: a neutral `Chip`, typically. */
+    hint?: ReactNode;
+    /** The row's "More options" menu: `MenuItem`s. */
+    menu?: ReactNode;
+    /** Rows under this one. Their row folds them; open unless `defaultOpen` says otherwise. */
+    children?: NavTreeNode[];
+    defaultOpen?: boolean;
+}
+/** A group heading over its rows: the top of the tree. */
+export interface NavTreeGroup {
+    id: string;
+    title: string;
+    nodes: NavTreeNode[];
+}
+export interface NavTreeProps {
+    /** The quiet label over the groups. Absent, none is drawn. */
+    title?: string;
+    /** `null` while the first read is on its way: a skeleton in the rows' place. */
+    groups: NavTreeGroup[] | null;
+    /** The row that is current: `active`, and its group starts open. */
+    selected?: string;
+    /** A row was clicked. A router app prevents the default and navigates. */
+    onSelect?: (node: NavTreeNode, event: MouseEvent<HTMLAnchorElement>) => void;
+    /** What to say when there are no groups. The words are the caller's. */
+    emptyMessage: string;
+    /** Remember each group open or closed in this browser, under this key and the group's id. The app prefixes it. */
+    storageKey?: string;
+}
+/**
+ * A sidebar's tree, from one nested list (Katerina, 2 October: Leaf's folder
+ * tree): a quiet label, then each group as the standard heading folding its
+ * rows, lightly indented under its title; rows under rows to any depth, each
+ * row a link whose icon becomes the arrow that folds what is under it. Only
+ * the group that holds the current row starts open.
+ */
+export declare function NavTree({ title, groups, selected, onSelect, emptyMessage, storageKey }: NavTreeProps): import("react").JSX.Element;
+//# sourceMappingURL=NavTree.d.ts.map

package/dist/NavTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTree.d.ts","sourceRoot":"","sources":["../src/NavTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOlD,kDAAkD;AAClD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yGAAyG;IACzG,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,0DAA0D;AAC1D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC5E,wEAAwE;IACxE,YAAY,EAAE,MAAM,CAAA;IACpB,kHAAkH;IAClH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA2BD;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,YAAY,+BA8BpG"}

package/dist/SectionLabel.d.ts

@@ -16,16 +16,22 @@ import type { ReactNode } from 'react';
  * long label short with an ellipsis where its row has no room, as a date line in
  * a narrow panel must.
  *
+ * `folds` is the title of a group that opens and closes: in Leaf it keeps
+ * Ship's type rather than taking Signal's micro-label, so a folder reads as
+ * a name (Katerina, 2 October). Every other Leaf label keeps Signal's.
+ *
  * Deliberately NOT the same thing as Property's stacked field label (the
  * 9px `menu`-token one): they were merged for a day and unmerged by
  * Katerina's ruling (2026-09-01) — a section title and a field label are
  * different voices, at different sizes, on purpose.
  */
-export declare function SectionLabel({ children, tone, truncate, className, }: {
+export declare function SectionLabel({ children, tone, truncate, folds, className, }: {
     children: ReactNode;
     tone?: 'primary' | 'secondary' | 'muted';
     /** Cut a long label short with an ellipsis instead of letting it wrap or spill. */
     truncate?: boolean;
+    /** The title of a group that opens and closes. In Leaf, Ship's type instead of the micro-label. */
+    folds?: boolean;
     className?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=SectionLabel.d.ts.map

package/dist/SectionLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../src/SectionLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAgB,EAChB,QAAgB,EAChB,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;IACxC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAeA"}
+{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../src/SectionLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAgB,EAChB,QAAgB,EAChB,KAAa,EACb,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;IACxC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mGAAmG;IACnG,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAgBA"}

package/dist/eslint/index.js

@@ -1521,7 +1521,7 @@ var noFieldOutsideAForm = {
 };
 
 // src/eslint/no-native-title.ts
-var PARTS_WITH_A_TITLE = ["CollapsibleSection", "ConfirmDialog", "ContainerHeader", "DialogShell", "ListColumn", "Panel", "SectionHeader"];
+var PARTS_WITH_A_TITLE = ["CollapsibleSection", "ConfirmDialog", "ContainerHeader", "DialogShell", "ListColumn", "NavTree", "Panel", "SectionHeader"];
 var child4 = (node, key) => node[key];
 var nameOf5 = (node) => node?.type === "JSXIdentifier" || node?.type === "Identifier" ? node.name : void 0;
 var noNativeTitle = {