@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Modal/Modal.types.d.ts

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+
+/**
+ * Modal sizes
+ */
+export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+/**
+ * Modal component props
+ *
+ * @example
+ * ```tsx
+ * <Modal open={isOpen} onClose={() => setIsOpen(false)}>
+ *   <Modal.Header>Title</Modal.Header>
+ *   <Modal.Body>Content</Modal.Body>
+ *   <Modal.Footer>
+ *     <Button onClick={handleSave}>Save</Button>
+ *   </Modal.Footer>
+ * </Modal>
+ * ```
+ */
+export interface ModalProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal size
+     * @default 'md'
+     */
+    size?: ModalSize;
+    /**
+     * Close on backdrop click
+     * @default true
+     */
+    closeOnBackdrop?: boolean;
+    /**
+     * Close on Escape key
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Show close button
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Modal content
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Modal Header props
+ */
+export interface ModalHeaderProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * Modal Body props
+ */
+export interface ModalBodyProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * Modal Footer props
+ */
+export interface ModalFooterProps {
+    children?: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=Modal.types.d.ts.map

package/dist/components/Modal/Modal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,20 @@
+/**
+ * Modal Component - Dialogs and confirmation windows.
+ *
+ * @example
+ * ```tsx
+ * import { Modal, Button } from '@orion-ds/react';
+ *
+ * <Modal isOpen={isOpen} onClose={() => setIsOpen(false)} size="md">
+ *   <Modal.Header>Confirm Action</Modal.Header>
+ *   <Modal.Body>Are you sure you want to proceed?</Modal.Body>
+ *   <Modal.Footer>
+ *     <Button variant="ghost" onClick={() => setIsOpen(false)}>Cancel</Button>
+ *     <Button variant="primary">Confirm</Button>
+ *   </Modal.Footer>
+ * </Modal>
+ * ```
+ */
+export { Modal } from './Modal';
+export type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalSize, } from './Modal.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,MAAM,eAAe,CAAC"}

package/dist/components/NavTree/NavTree.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),d=require("lucide-react"),z=require("../../hooks/useLocalStorage.cjs"),s=require("./NavTree.module.css.cjs"),S=require("../Button/Button.cjs"),B=require("../Dropdown/Dropdown.cjs"),y=require("../Collapsible/Collapsible.cjs"),A=N.createContext(void 0);function R(){const n=N.useContext(A);if(!n)throw new Error("useNavTreeContext must be used within NavTree");return n}const k=N.forwardRef(({sections:n,activeNodeId:h,onNodeClick:f,actions:p,persistKey:m="orion-nav-tree",header:r,footer:u,width:l=240,className:a,headless:c=!1},i)=>{const j=N.useMemo(()=>n.filter(t=>t.defaultExpanded!==!1).map(t=>t.id),[n]),[x,C]=z.useLocalStorage(`${m}-sections`,j),[v,b]=z.useLocalStorage(`${m}-nodes`,[]),I={activeNodeId:h,openSectionIds:x,openNodeIds:v,toggleSection:t=>{C(g=>g.includes(t)?g.filter($=>$!==t):[...g,t])},toggleNode:t=>{b(g=>g.includes(t)?g.filter($=>$!==t):[...g,t])},isOpen:t=>t.startsWith("section-")?x.includes(t.replace("section-","")):v.includes(t),onNodeClick:f,actionConfig:p},w={width:typeof l=="number"?`${l}px`:l},O=c?n.flatMap(t=>t.nodes):[],M=c?O.length===0:n.length===0,q=c?"No nodes":"No sections";return e.jsxs("div",{ref:i,className:`${s.default.navTree} ${a||""}`,style:w,role:"tree",children:[r&&e.jsx("div",{className:s.default.header,children:r}),e.jsx("div",{className:s.default.treeContent,children:e.jsx(A.Provider,{value:I,children:M?e.jsx("div",{className:s.default.empty,children:q}):c?O.map(t=>e.jsx(T,{node:t,depth:0,sectionId:""},t.id)):n.map(t=>e.jsx(P,{section:t},t.id))})}),u&&e.jsx("div",{className:s.default.footer,children:u})]})});k.displayName="NavTree";function P({section:n}){const{isOpen:h,toggleSection:f,actionConfig:p}=R(),m=`section-${n.id}`,r=h(m),u=n.variant??"node",l=i=>{i.stopPropagation(),p?.onAdd?.(null,n.id)},a=u==="node"?s.default.sectionTitleNode:s.default.sectionTitle,c=`${s.default.sectionHeader} ${u==="node"?s.default.sectionHeaderNode:""}`.trim();return e.jsx("div",{className:s.default.section,role:"group",children:e.jsxs(y.Collapsible,{open:r,onOpenChange:()=>f(n.id),disabled:n.nodes.length===0,children:[e.jsx(y.Collapsible.Trigger,{asChild:!0,children:e.jsxs("div",{className:c,children:[n.icon?e.jsxs("div",{className:s.default.iconSlot,children:[e.jsx("span",{className:s.default.slotIcon,children:n.icon}),n.nodes.length>0&&e.jsx("div",{className:`${s.default.slotChevron} ${r?s.default.slotChevronOpen:""}`,children:e.jsx(d.ChevronRight,{size:16})})]}):n.nodes.length>0&&e.jsx(d.ChevronRight,{size:12,className:`${s.default.sectionChevron} ${r?s.default.sectionChevronOpen:""}`}),e.jsx("span",{className:a,children:n.title}),n.badge!==void 0&&e.jsx("span",{className:s.default.sectionBadge,children:n.badge}),e.jsx("div",{className:s.default.sectionActions,children:e.jsx(S.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(d.Plus,{size:12}),onClick:l,"aria-label":`Agregar página en ${n.title}`,title:`Agregar página en ${n.title}`})})]})}),e.jsx(y.Collapsible.Content,{children:e.jsx("div",{className:s.default.sectionBody,children:n.nodes.map(i=>e.jsx(T,{node:i,depth:0,sectionId:n.id},i.id))})})]})})}function T({node:n,depth:h,sectionId:f}){const{activeNodeId:p,isOpen:m,toggleNode:r,onNodeClick:u,actionConfig:l}=R(),a=n.type==="folder",c=a&&n.children&&n.children.length>0,i=m(n.id),j=p===n.id,x=()=>{a?r(n.id):u&&u(n)},C=o=>{o.stopPropagation(),l?.onAdd?.(a?n.id:null,f)},v=[{id:"rename",label:"Renombrar",icon:e.jsx(d.Pencil,{size:14}),onClick:()=>l?.onRename?.(n.id)},{id:"duplicate",label:"Duplicar",icon:e.jsx(d.Copy,{size:14}),onClick:()=>l?.onDuplicate?.(n.id)},{id:"move",label:"Mover a…",icon:e.jsx(d.FolderSymlink,{size:14}),onClick:()=>l?.onMove?.(n.id)},{id:"delete",label:"Eliminar",icon:e.jsx(d.Trash2,{size:14}),danger:!0,onClick:()=>l?.onDelete?.(n.id)}];if(l?.getCustomActions){const o=l.getCustomActions(n);v.push(...o)}const b={paddingLeft:`calc(var(--spacing-2) * ${h+1})`};return e.jsxs("div",{className:s.default.node,role:"treeitem","aria-expanded":a&&i,children:[e.jsxs("div",{className:`${s.default.nodeRow} ${j?s.default.nodeRowActive:""} ${h>0?s.default.nodeNested:""}`,onClick:x,style:b,tabIndex:0,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),x())},children:[n.icon?a?e.jsxs("div",{className:s.default.iconSlot,children:[e.jsx("span",{className:s.default.slotIcon,children:n.icon}),c&&e.jsx("div",{className:`${s.default.slotChevron} ${i?s.default.slotChevronOpen:""}`,children:e.jsx(d.ChevronRight,{size:16})})]}):e.jsx("div",{className:s.default.iconSlot,children:e.jsx("span",{className:s.default.slotIcon,children:n.icon})}):a?e.jsx(d.ChevronRight,{size:12,className:`${s.default.nodeChevron} ${i?s.default.nodeChevronOpen:""}`}):e.jsx("div",{className:s.default.nodeChevronHidden}),e.jsx("span",{className:s.default.nodeLabel,children:n.label}),n.badge!==void 0&&e.jsx("span",{className:s.default.nodeBadge,children:n.badge}),e.jsxs("div",{className:s.default.nodeActions,children:[e.jsx(S.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(d.Plus,{size:14}),onClick:C,"aria-label":`Agregar página en ${n.label}`,title:`Agregar página en ${n.label}`}),e.jsx(B.Dropdown,{trigger:e.jsx(S.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(d.MoreHorizontal,{size:14}),"aria-label":"Más acciones",title:"Más acciones"}),items:v,placement:"bottom-end",minWidth:160})]})]}),a&&i&&c&&e.jsx("div",{className:s.default.nodeChildren,children:n.children.map(o=>e.jsx(T,{node:o,depth:h+1,sectionId:f},o.id))})]})}exports.NavTree=k;

package/dist/components/NavTree/NavTree.d.ts

@@ -0,0 +1,7 @@
+import { NavTreeProps } from './NavTree.types';
+
+/**
+ * Notion-style navigation tree component
+ */
+export declare const NavTree: import('react').ForwardRefExoticComponent<NavTreeProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NavTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavTree.d.ts","sourceRoot":"","sources":["../../../src/components/NavTree/NavTree.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAwBzB;;GAEG;AACH,eAAO,MAAM,OAAO,yGAiHnB,CAAC"}

package/dist/components/NavTree/NavTree.mjs

@@ -0,0 +1,273 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { forwardRef as B, useMemo as E, createContext as H, useContext as L } from "react";
+import { ChevronRight as f, Plus as T, MoreHorizontal as j, Pencil as F, Copy as W, FolderSymlink as V, Trash2 as q } from "lucide-react";
+import { useLocalStorage as x } from "../../hooks/useLocalStorage.mjs";
+import i from "./NavTree.module.css.mjs";
+import { Button as O } from "../Button/Button.mjs";
+import { Dropdown as G } from "../Dropdown/Dropdown.mjs";
+import { Collapsible as A } from "../Collapsible/Collapsible.mjs";
+const I = H(
+  void 0
+);
+function w() {
+  const e = L(I);
+  if (!e)
+    throw new Error("useNavTreeContext must be used within NavTree");
+  return e;
+}
+const J = B(
+  ({
+    sections: e,
+    activeNodeId: p,
+    onNodeClick: g,
+    actions: N,
+    persistKey: v = "orion-nav-tree",
+    header: r,
+    footer: d,
+    width: t = 240,
+    className: s,
+    headless: c = !1
+  }, l) => {
+    const $ = E(
+      () => e.filter((o) => o.defaultExpanded !== !1).map((o) => o.id),
+      [e]
+    ), [u, b] = x(
+      `${v}-sections`,
+      $
+    ), [C, y] = x(
+      `${v}-nodes`,
+      []
+    ), R = {
+      activeNodeId: p,
+      openSectionIds: u,
+      openNodeIds: C,
+      toggleSection: (o) => {
+        b(
+          (h) => h.includes(o) ? h.filter((z) => z !== o) : [...h, o]
+        );
+      },
+      toggleNode: (o) => {
+        y(
+          (h) => h.includes(o) ? h.filter((z) => z !== o) : [...h, o]
+        );
+      },
+      isOpen: (o) => o.startsWith("section-") ? u.includes(o.replace("section-", "")) : C.includes(o),
+      onNodeClick: g,
+      actionConfig: N
+    }, M = {
+      width: typeof t == "number" ? `${t}px` : t
+    }, k = c ? e.flatMap((o) => o.nodes) : [], D = c ? k.length === 0 : e.length === 0, P = c ? "No nodes" : "No sections";
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: l,
+        className: `${i.navTree} ${s || ""}`,
+        style: M,
+        role: "tree",
+        children: [
+          r && /* @__PURE__ */ n("div", { className: i.header, children: r }),
+          /* @__PURE__ */ n("div", { className: i.treeContent, children: /* @__PURE__ */ n(I.Provider, { value: R, children: D ? /* @__PURE__ */ n("div", { className: i.empty, children: P }) : c ? (
+            // Headless mode: render root nodes directly without section headers
+            k.map((o) => /* @__PURE__ */ n(
+              S,
+              {
+                node: o,
+                depth: 0,
+                sectionId: ""
+              },
+              o.id
+            ))
+          ) : (
+            // Normal mode: render sections with collapsible headers
+            e.map((o) => /* @__PURE__ */ n(K, { section: o }, o.id))
+          ) }) }),
+          d && /* @__PURE__ */ n("div", { className: i.footer, children: d })
+        ]
+      }
+    );
+  }
+);
+J.displayName = "NavTree";
+function K({ section: e }) {
+  const { isOpen: p, toggleSection: g, actionConfig: N } = w(), v = `section-${e.id}`, r = p(v), d = e.variant ?? "node", t = (l) => {
+    l.stopPropagation(), N?.onAdd?.(null, e.id);
+  }, s = d === "node" ? i.sectionTitleNode : i.sectionTitle, c = `${i.sectionHeader} ${d === "node" ? i.sectionHeaderNode : ""}`.trim();
+  return /* @__PURE__ */ n("div", { className: i.section, role: "group", children: /* @__PURE__ */ m(
+    A,
+    {
+      open: r,
+      onOpenChange: () => g(e.id),
+      disabled: e.nodes.length === 0,
+      children: [
+        /* @__PURE__ */ n(A.Trigger, { asChild: !0, children: /* @__PURE__ */ m("div", { className: c, children: [
+          e.icon ? /* @__PURE__ */ m("div", { className: i.iconSlot, children: [
+            /* @__PURE__ */ n("span", { className: i.slotIcon, children: e.icon }),
+            e.nodes.length > 0 && /* @__PURE__ */ n(
+              "div",
+              {
+                className: `${i.slotChevron} ${r ? i.slotChevronOpen : ""}`,
+                children: /* @__PURE__ */ n(f, { size: 16 })
+              }
+            )
+          ] }) : e.nodes.length > 0 && /* @__PURE__ */ n(
+            f,
+            {
+              size: 12,
+              className: `${i.sectionChevron} ${r ? i.sectionChevronOpen : ""}`
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: s, children: e.title }),
+          e.badge !== void 0 && /* @__PURE__ */ n("span", { className: i.sectionBadge, children: e.badge }),
+          /* @__PURE__ */ n("div", { className: i.sectionActions, children: /* @__PURE__ */ n(
+            O,
+            {
+              variant: "ghost",
+              size: "sm",
+              iconOnly: !0,
+              icon: /* @__PURE__ */ n(T, { size: 12 }),
+              onClick: t,
+              "aria-label": `Agregar página en ${e.title}`,
+              title: `Agregar página en ${e.title}`
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ n(A.Content, { children: /* @__PURE__ */ n("div", { className: i.sectionBody, children: e.nodes.map((l) => /* @__PURE__ */ n(
+          S,
+          {
+            node: l,
+            depth: 0,
+            sectionId: e.id
+          },
+          l.id
+        )) }) })
+      ]
+    }
+  ) });
+}
+function S({ node: e, depth: p, sectionId: g }) {
+  const { activeNodeId: N, isOpen: v, toggleNode: r, onNodeClick: d, actionConfig: t } = w(), s = e.type === "folder", c = s && e.children && e.children.length > 0, l = v(e.id), $ = N === e.id, u = () => {
+    s ? r(e.id) : d && d(e);
+  }, b = (a) => {
+    a.stopPropagation(), t?.onAdd?.(s ? e.id : null, g);
+  }, C = [
+    {
+      id: "rename",
+      label: "Renombrar",
+      icon: /* @__PURE__ */ n(F, { size: 14 }),
+      onClick: () => t?.onRename?.(e.id)
+    },
+    {
+      id: "duplicate",
+      label: "Duplicar",
+      icon: /* @__PURE__ */ n(W, { size: 14 }),
+      onClick: () => t?.onDuplicate?.(e.id)
+    },
+    {
+      id: "move",
+      label: "Mover a…",
+      icon: /* @__PURE__ */ n(V, { size: 14 }),
+      onClick: () => t?.onMove?.(e.id)
+    },
+    {
+      id: "delete",
+      label: "Eliminar",
+      icon: /* @__PURE__ */ n(q, { size: 14 }),
+      danger: !0,
+      onClick: () => t?.onDelete?.(e.id)
+    }
+  ];
+  if (t?.getCustomActions) {
+    const a = t.getCustomActions(e);
+    C.push(...a);
+  }
+  const y = {
+    paddingLeft: `calc(var(--spacing-2) * ${p + 1})`
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: i.node,
+      role: "treeitem",
+      "aria-expanded": s && l,
+      children: [
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: `${i.nodeRow} ${$ ? i.nodeRowActive : ""} ${p > 0 ? i.nodeNested : ""}`,
+            onClick: u,
+            style: y,
+            tabIndex: 0,
+            onKeyDown: (a) => {
+              (a.key === "Enter" || a.key === " ") && (a.preventDefault(), u());
+            },
+            children: [
+              e.icon ? s ? /* @__PURE__ */ m("div", { className: i.iconSlot, children: [
+                /* @__PURE__ */ n("span", { className: i.slotIcon, children: e.icon }),
+                c && /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: `${i.slotChevron} ${l ? i.slotChevronOpen : ""}`,
+                    children: /* @__PURE__ */ n(f, { size: 16 })
+                  }
+                )
+              ] }) : /* @__PURE__ */ n("div", { className: i.iconSlot, children: /* @__PURE__ */ n("span", { className: i.slotIcon, children: e.icon }) }) : s ? /* @__PURE__ */ n(
+                f,
+                {
+                  size: 12,
+                  className: `${i.nodeChevron} ${l ? i.nodeChevronOpen : ""}`
+                }
+              ) : /* @__PURE__ */ n("div", { className: i.nodeChevronHidden }),
+              /* @__PURE__ */ n("span", { className: i.nodeLabel, children: e.label }),
+              e.badge !== void 0 && /* @__PURE__ */ n("span", { className: i.nodeBadge, children: e.badge }),
+              /* @__PURE__ */ m("div", { className: i.nodeActions, children: [
+                /* @__PURE__ */ n(
+                  O,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    iconOnly: !0,
+                    icon: /* @__PURE__ */ n(T, { size: 14 }),
+                    onClick: b,
+                    "aria-label": `Agregar página en ${e.label}`,
+                    title: `Agregar página en ${e.label}`
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  G,
+                  {
+                    trigger: /* @__PURE__ */ n(
+                      O,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        iconOnly: !0,
+                        icon: /* @__PURE__ */ n(j, { size: 14 }),
+                        "aria-label": "Más acciones",
+                        title: "Más acciones"
+                      }
+                    ),
+                    items: C,
+                    placement: "bottom-end",
+                    minWidth: 160
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        s && l && c && /* @__PURE__ */ n("div", { className: i.nodeChildren, children: e.children.map((a) => /* @__PURE__ */ n(
+          S,
+          {
+            node: a,
+            depth: p + 1,
+            sectionId: g
+          },
+          a.id
+        )) })
+      ]
+    }
+  );
+}
+export {
+  J as NavTree
+};

package/dist/components/NavTree/NavTree.module.css

@@ -0,0 +1 @@
+._navTree_jffsm_12{width:100%;height:100%;background:var(--surface-base);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary)}._header_jffsm_29{flex-shrink:0;padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-base)}._footer_jffsm_36{flex-shrink:0;padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._treeContent_jffsm_47{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2)}._treeContent_jffsm_47::-webkit-scrollbar{width:4px}._treeContent_jffsm_47::-webkit-scrollbar-track{background:transparent}._treeContent_jffsm_47::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}._treeContent_jffsm_47::-webkit-scrollbar-thumb:hover{background:var(--border-interactive)}._section_jffsm_76{margin-bottom:var(--spacing-1)}._sectionHeader_jffsm_81{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);cursor:pointer;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}._sectionHeader_jffsm_81:hover{background:var(--surface-subtle);color:var(--text-primary)}._sectionHeaderNode_jffsm_101{padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-2)}._sectionChevron_jffsm_106{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;width:20px;height:20px}._sectionChevronOpen_jffsm_118{transform:rotate(90deg)}._sectionTitle_jffsm_123{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}._sectionTitleNode_jffsm_137{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}._sectionBody_jffsm_149{display:flex;flex-direction:column}._sectionActions_jffsm_155{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:var(--spacing-05);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;padding-left:var(--spacing-8);background:linear-gradient(to right,transparent,var(--surface-base) 40%)}._sectionHeader_jffsm_81:hover ._sectionActions_jffsm_155,._sectionHeader_jffsm_81:focus-within ._sectionActions_jffsm_155{opacity:1;pointer-events:auto;background:linear-gradient(to right,transparent,var(--surface-subtle) 40%)}._node_jffsm_183{position:relative}._nodeRow_jffsm_188{display:flex;align-items:center;gap:var(--spacing-2);min-height:var(--spacing-8);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) 0;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration);-webkit-user-select:none;user-select:none;position:relative}._nodeRow_jffsm_188:hover{background:var(--surface-subtle);color:var(--text-primary)}._nodeRowActive_jffsm_209{background:var(--color-brand-soft)}._nodeRowActive_jffsm_209:hover{background:var(--color-brand-soft-hover)}._nodeRowActive_jffsm_209 ._nodeLabel_jffsm_217{color:var(--text-brand);font-weight:var(--font-weight-medium)}._nodeRowActive_jffsm_209 ._nodeIcon_jffsm_222,._nodeRowActive_jffsm_209 ._nodeChevron_jffsm_223{color:var(--text-brand)}._nodeChevron_jffsm_223{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;width:20px;height:20px}._nodeChevronOpen_jffsm_239{transform:rotate(90deg)}._nodeChevronHidden_jffsm_244{width:20px;flex-shrink:0;opacity:0;pointer-events:none}._nodeIcon_jffsm_222{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary);width:20px;height:20px}._nodeLabel_jffsm_217{flex:1;font-size:var(--font-size-14);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;-webkit-user-select:none;user-select:none}._nodeActions_jffsm_278{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:var(--spacing-05);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;padding-left:var(--spacing-8);background:linear-gradient(to right,transparent,var(--surface-base) 40%)}._nodeRow_jffsm_188:hover ._nodeActions_jffsm_278,._nodeRow_jffsm_188:focus-within ._nodeActions_jffsm_278{opacity:1;pointer-events:auto;background:linear-gradient(to right,transparent,var(--surface-subtle) 40%)}._nodeRowActive_jffsm_209 ._nodeActions_jffsm_278{background:linear-gradient(to right,transparent,var(--color-brand-soft) 40%)}._nodeChildren_jffsm_316{display:flex;flex-direction:column;position:relative;border-left:1px solid var(--border-subtle);margin-left:var(--spacing-3)}._nodeNested_jffsm_326 ._nodeLabel_jffsm_217{font-size:var(--font-size-13)}._iconSlot_jffsm_335{position:relative;width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._slotIcon_jffsm_346{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);opacity:1}._slotChevron_jffsm_357{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:opacity var(--transition-fast),transform var(--transition-fast);opacity:0}._slotChevronOpen_jffsm_371{transform:rotate(90deg)}._sectionHeader_jffsm_81:has(._slotChevron_jffsm_357):hover ._slotIcon_jffsm_346,._nodeRow_jffsm_188:has(._slotChevron_jffsm_357):hover ._slotIcon_jffsm_346{opacity:0}._sectionHeader_jffsm_81:has(._slotChevron_jffsm_357):hover ._slotChevron_jffsm_357,._nodeRow_jffsm_188:has(._slotChevron_jffsm_357):hover ._slotChevron_jffsm_357{opacity:1}._sectionIcon_jffsm_388{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;width:16px;height:16px}._sectionIconNode_jffsm_399{display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;width:20px;height:20px}._sectionBadge_jffsm_410{font-size:var(--font-size-11);font-family:var(--font-secondary);color:var(--text-tertiary);background:var(--surface-layer);border-radius:var(--radius-full);padding:0 var(--spacing-1);min-width:18px;text-align:center;flex-shrink:0;margin-right:auto;margin-left:var(--spacing-2)}._nodeBadge_jffsm_425{font-size:var(--font-size-11);font-family:var(--font-secondary);color:var(--text-tertiary);background:var(--surface-layer);border-radius:var(--radius-full);padding:0 var(--spacing-1);min-width:18px;text-align:center;flex-shrink:0;margin-left:auto}._empty_jffsm_442{padding:var(--spacing-4) var(--spacing-3);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-12)}._nodeRow_jffsm_188:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}._sectionHeader_jffsm_81:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}

package/dist/components/NavTree/NavTree.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_navTree_jffsm_12",o="_header_jffsm_29",n="_footer_jffsm_36",t="_treeContent_jffsm_47",s="_section_jffsm_76",d="_sectionHeader_jffsm_81",c="_sectionHeaderNode_jffsm_101",_="_sectionChevron_jffsm_106",i="_sectionChevronOpen_jffsm_118",f="_sectionTitle_jffsm_123",r="_sectionTitleNode_jffsm_137",l="_sectionBody_jffsm_149",v="_sectionActions_jffsm_155",h="_node_jffsm_183",C="_nodeRow_jffsm_188",m="_nodeRowActive_jffsm_209",a="_nodeLabel_jffsm_217",j="_nodeChevron_jffsm_223",p="_nodeChevronOpen_jffsm_239",O="_nodeChevronHidden_jffsm_244",T="_nodeActions_jffsm_278",A="_nodeChildren_jffsm_316",B="_nodeNested_jffsm_326",H="_iconSlot_jffsm_335",N="_slotIcon_jffsm_346",g="_slotChevron_jffsm_357",y="_slotChevronOpen_jffsm_371",w="_sectionBadge_jffsm_410",R="_nodeBadge_jffsm_425",u="_empty_jffsm_442",b={navTree:e,header:o,footer:n,treeContent:t,section:s,sectionHeader:d,sectionHeaderNode:c,sectionChevron:_,sectionChevronOpen:i,sectionTitle:f,sectionTitleNode:r,sectionBody:l,sectionActions:v,node:h,nodeRow:C,nodeRowActive:m,nodeLabel:a,nodeChevron:j,nodeChevronOpen:p,nodeChevronHidden:O,nodeActions:T,nodeChildren:A,nodeNested:B,iconSlot:H,slotIcon:N,slotChevron:g,slotChevronOpen:y,sectionBadge:w,nodeBadge:R,empty:u};exports.default=b;exports.empty=u;exports.footer=n;exports.header=o;exports.iconSlot=H;exports.navTree=e;exports.node=h;exports.nodeActions=T;exports.nodeBadge=R;exports.nodeChevron=j;exports.nodeChevronHidden=O;exports.nodeChevronOpen=p;exports.nodeChildren=A;exports.nodeLabel=a;exports.nodeNested=B;exports.nodeRow=C;exports.nodeRowActive=m;exports.section=s;exports.sectionActions=v;exports.sectionBadge=w;exports.sectionBody=l;exports.sectionChevron=_;exports.sectionChevronOpen=i;exports.sectionHeader=d;exports.sectionHeaderNode=c;exports.sectionTitle=f;exports.sectionTitleNode=r;exports.slotChevron=g;exports.slotChevronOpen=y;exports.slotIcon=N;exports.treeContent=t;

package/dist/components/NavTree/NavTree.module.css.mjs

@@ -0,0 +1,65 @@
+const e = "_navTree_jffsm_12", o = "_header_jffsm_29", n = "_footer_jffsm_36", s = "_treeContent_jffsm_47", t = "_section_jffsm_76", _ = "_sectionHeader_jffsm_81", c = "_sectionHeaderNode_jffsm_101", d = "_sectionChevron_jffsm_106", f = "_sectionChevronOpen_jffsm_118", i = "_sectionTitle_jffsm_123", r = "_sectionTitleNode_jffsm_137", m = "_sectionBody_jffsm_149", j = "_sectionActions_jffsm_155", h = "_node_jffsm_183", v = "_nodeRow_jffsm_188", C = "_nodeRowActive_jffsm_209", l = "_nodeLabel_jffsm_217", a = "_nodeChevron_jffsm_223", p = "_nodeChevronOpen_jffsm_239", A = "_nodeChevronHidden_jffsm_244", B = "_nodeActions_jffsm_278", H = "_nodeChildren_jffsm_316", N = "_nodeNested_jffsm_326", O = "_iconSlot_jffsm_335", T = "_slotIcon_jffsm_346", y = "_slotChevron_jffsm_357", g = "_slotChevronOpen_jffsm_371", w = "_sectionBadge_jffsm_410", R = "_nodeBadge_jffsm_425", b = "_empty_jffsm_442", I = {
+  navTree: e,
+  header: o,
+  footer: n,
+  treeContent: s,
+  section: t,
+  sectionHeader: _,
+  sectionHeaderNode: c,
+  sectionChevron: d,
+  sectionChevronOpen: f,
+  sectionTitle: i,
+  sectionTitleNode: r,
+  sectionBody: m,
+  sectionActions: j,
+  node: h,
+  nodeRow: v,
+  nodeRowActive: C,
+  nodeLabel: l,
+  nodeChevron: a,
+  nodeChevronOpen: p,
+  nodeChevronHidden: A,
+  nodeActions: B,
+  nodeChildren: H,
+  nodeNested: N,
+  iconSlot: O,
+  slotIcon: T,
+  slotChevron: y,
+  slotChevronOpen: g,
+  sectionBadge: w,
+  nodeBadge: R,
+  empty: b
+};
+export {
+  I as default,
+  b as empty,
+  n as footer,
+  o as header,
+  O as iconSlot,
+  e as navTree,
+  h as node,
+  B as nodeActions,
+  R as nodeBadge,
+  a as nodeChevron,
+  A as nodeChevronHidden,
+  p as nodeChevronOpen,
+  H as nodeChildren,
+  l as nodeLabel,
+  N as nodeNested,
+  v as nodeRow,
+  C as nodeRowActive,
+  t as section,
+  j as sectionActions,
+  w as sectionBadge,
+  m as sectionBody,
+  d as sectionChevron,
+  f as sectionChevronOpen,
+  _ as sectionHeader,
+  c as sectionHeaderNode,
+  i as sectionTitle,
+  r as sectionTitleNode,
+  y as slotChevron,
+  g as slotChevronOpen,
+  T as slotIcon,
+  s as treeContent
+};

package/dist/components/NavTree/NavTree.types.d.ts

@@ -0,0 +1,140 @@
+import { ReactNode } from 'react';
+import { DropdownItem } from '../../components/Dropdown';
+
+/**
+ * Node type discriminator
+ */
+export type NavTreeNodeType = "page" | "folder";
+/**
+ * Section header visual variant
+ */
+export type NavTreeSectionVariant = "node" | "label";
+/**
+ * A node in the navigation tree (page or folder)
+ *
+ * @example
+ * ```tsx
+ * const node: NavTreeNode = {
+ *   id: 'getting-started',
+ *   type: 'page',
+ *   label: 'Getting Started',
+ *   icon: <Rocket size={16} />,
+ *   href: '/docs/getting-started'
+ * };
+ *
+ * const folder: NavTreeNode = {
+ *   id: 'components',
+ *   type: 'folder',
+ *   label: 'Components',
+ *   icon: <Package size={16} />,
+ *   children: [pageNode1, pageNode2]
+ * };
+ * ```
+ */
+export interface NavTreeNode {
+    /** Unique identifier within the section */
+    id: string;
+    /** Node type: 'page' (leaf) or 'folder' (container) */
+    type: NavTreeNodeType;
+    /** Display label */
+    label: string;
+    /** Optional Lucide icon (16px recommended) */
+    icon?: ReactNode;
+    /** Optional navigation href (for pages) */
+    href?: string;
+    /** Optional badge or counter (e.g., unread count, item count) */
+    badge?: number | string;
+    /** Child nodes (folders only, but not enforced) */
+    children?: NavTreeNode[];
+}
+/**
+ * A top-level collapsible section containing nodes
+ *
+ * @example
+ * ```tsx
+ * const section: NavTreeSection = {
+ *   id: 'essentials',
+ *   title: 'Lo esencial',
+ *   defaultExpanded: true,
+ *   nodes: [
+ *     { id: 'home', type: 'page', label: 'Home', href: '/' },
+ *     { id: 'docs', type: 'folder', label: 'Documentation', children: [...] }
+ *   ]
+ * };
+ * ```
+ */
+export interface NavTreeSection {
+    /** Unique section identifier */
+    id: string;
+    /** Section title (displayed in header) */
+    title: string;
+    /** Section header visual variant (default: 'node') */
+    variant?: NavTreeSectionVariant;
+    /** Optional icon displayed next to section title */
+    icon?: ReactNode;
+    /** Optional badge or counter displayed on section header */
+    badge?: number | string;
+    /** Root-level nodes in this section */
+    nodes: NavTreeNode[];
+    /** Whether section is expanded by default (default: true) */
+    defaultExpanded?: boolean;
+}
+/**
+ * Action configuration callbacks for tree mutations
+ */
+export interface NavTreeActionConfig {
+    /** Add new node: parentId is null for root, sectionId identifies the section */
+    onAdd?: (parentId: string | null, sectionId: string) => void;
+    /** Rename a node */
+    onRename?: (nodeId: string) => void;
+    /** Duplicate a node */
+    onDuplicate?: (nodeId: string) => void;
+    /** Move a node to a different location */
+    onMove?: (nodeId: string) => void;
+    /** Delete a node */
+    onDelete?: (nodeId: string) => void;
+    /** Get custom dropdown actions (merged with standard ones) */
+    getCustomActions?: (node: NavTreeNode) => DropdownItem[];
+}
+/**
+ * Root props for the NavTree component
+ */
+export interface NavTreeProps {
+    /** Array of collapsible sections */
+    sections: NavTreeSection[];
+    /** ID of the currently active node (highlighted) */
+    activeNodeId?: string;
+    /** Callback when a node row is clicked (for page navigation) */
+    onNodeClick?: (node: NavTreeNode) => void;
+    /** Action callbacks for tree mutations */
+    actions?: NavTreeActionConfig;
+    /** localStorage key prefix (default: 'orion-nav-tree') */
+    persistKey?: string;
+    /** Header slot (e.g. workspace logo/switcher) */
+    header?: ReactNode;
+    /** Footer slot (e.g. UserMenu) */
+    footer?: ReactNode;
+    /** Sidebar width - number (pixels), or string (e.g. "20%", "clamp(200px, 25vw, 320px)") (default: 240) */
+    width?: number | string;
+    /** Additional CSS class */
+    className?: string;
+    /** Render nodes directly without section headers (default: false) */
+    headless?: boolean;
+}
+/**
+ * Internal context value shared across NavTree components
+ * (not exported publicly)
+ */
+export interface NavTreeContextValue {
+    activeNodeId?: string;
+    openSectionIds: string[];
+    openNodeIds: string[];
+    toggleSection: (id: string) => void;
+    toggleNode: (id: string) => void;
+    isOpen: (id: string) => boolean;
+    onNodeClick?: (node: NavTreeNode) => void;
+    onNodeAdd?: (parentId: string | null, sectionId: string) => void;
+    actionConfig?: NavTreeActionConfig;
+    depth?: number;
+}
+//# sourceMappingURL=NavTree.types.d.ts.map

package/dist/components/NavTree/NavTree.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTree.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavTree/NavTree.types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+/**
+ * @orion/react NavTree Section
+ *
+ * Notion-style hierarchical navigation sidebar with collapsible sections,
+ * folders, pages, and context menu actions.
+ *
+ * @example
+ * ```tsx
+ * import { NavTree } from '@orion-ds/react/sections';
+ *
+ * <NavTree
+ *   sections={[
+ *     {
+ *       id: 'main',
+ *       title: 'Navigation',
+ *       nodes: [
+ *         { id: 'home', type: 'page', label: 'Home', href: '/' }
+ *       ]
+ *     }
+ *   ]}
+ *   onNodeClick={(node) => navigate(node.href!)}
+ * />
+ * ```
+ */
+export { NavTree } from './NavTree';
+export type { NavTreeProps, NavTreeNode, NavTreeNodeType, NavTreeSection, NavTreeSectionVariant, NavTreeActionConfig, NavTreeContextValue, } from './NavTree.types';
+//# sourceMappingURL=index.d.ts.map