@orion-ds/react 4.6.5 → 4.7.0

package/dist/index64.mjs

@@ -0,0 +1,72 @@
+import { jsx as l, jsxs as B } from "react/jsx-runtime";
+import { useEffect as n } from "react";
+import t from "./index208.mjs";
+const s = ({
+  open: e,
+  onClose: o,
+  size: a = "md",
+  closeOnBackdrop: u = !0,
+  closeOnEscape: d = !0,
+  showCloseButton: y = !0,
+  children: f,
+  className: v
+}) => {
+  if (n(() => {
+    if (!e || !d) return;
+    const r = (b) => {
+      b.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [e, d, o]), n(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [e]), !e) return null;
+  const N = [t.modal, t[a], v].filter(Boolean).join(" "), p = (r) => {
+    u && r.target === r.currentTarget && o();
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: t.backdrop,
+      onClick: p,
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ B("div", { className: N, children: [
+        y && /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: t.closeButton,
+            onClick: o,
+            "aria-label": "Close modal",
+            style: {
+              position: "absolute",
+              top: "var(--spacing-4)",
+              right: "var(--spacing-4)"
+            },
+            children: "×"
+          }
+        ),
+        f
+      ] })
+    }
+  );
+}, i = ({ className: e, children: o }) => {
+  const a = [t.header, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: a, children: o });
+}, c = ({ className: e, children: o }) => {
+  const a = [t.body, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: a, children: o });
+}, m = ({ className: e, children: o }) => {
+  const a = [t.footer, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: a, children: o });
+};
+s.Header = i;
+s.Body = c;
+s.Footer = m;
+s.displayName = "Modal";
+i.displayName = "Modal.Header";
+c.displayName = "Modal.Body";
+m.displayName = "Modal.Footer";
+export {
+  s as Modal
+};

package/dist/index65 3.mjs

@@ -0,0 +1,153 @@
+import { jsxs as b, jsx as i, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as h, useState as j } from "react";
+import { ChevronRight as k, ChevronLeft as B, ChevronDown as T } from "lucide-react";
+import a from "./index166.mjs";
+const $ = h(
+  ({ className: e, ...r }, s) => /* @__PURE__ */ i(
+    "hr",
+    {
+      ref: s,
+      className: `${a.divider} ${e || ""}`,
+      ...r
+    }
+  )
+);
+$.displayName = "Sidebar.Divider";
+const f = h(
+  ({ item: e, active: r = !1, collapsed: s = !1, depth: n = 0, className: d, ...c }, t) => {
+    const [m, v] = j(!1), l = e.children && e.children.length > 0, N = [
+      a.item,
+      r && a.itemActive,
+      e.disabled && a.itemDisabled,
+      n > 0 && a.itemNested,
+      d
+    ].filter(Boolean).join(" "), p = (o) => {
+      l && (o.preventDefault(), v(!m)), e.onClick && !e.disabled && e.onClick();
+    }, g = /* @__PURE__ */ b(C, { children: [
+      e.icon && /* @__PURE__ */ i("span", { className: a.itemIcon, children: e.icon }),
+      !s && /* @__PURE__ */ b(C, { children: [
+        /* @__PURE__ */ i("span", { className: a.itemLabel, children: e.label }),
+        e.badge && /* @__PURE__ */ i("span", { className: a.itemBadge, children: e.badge }),
+        l && /* @__PURE__ */ i(
+          T,
+          {
+            size: 16,
+            className: `${a.itemChevron} ${m ? a.chevronExpanded : ""}`
+          }
+        )
+      ] })
+    ] }), u = e.href && !l ? "a" : "button", S = e.href && !l ? { href: e.href } : { type: "button", onClick: p };
+    return /* @__PURE__ */ b("li", { className: a.itemWrapper, children: [
+      /* @__PURE__ */ i(
+        u,
+        {
+          ref: t,
+          className: N,
+          "aria-current": r ? "page" : void 0,
+          "aria-disabled": e.disabled,
+          title: s ? e.label : void 0,
+          style: {
+            paddingLeft: !s && n > 0 ? `calc(var(--spacing-3) + ${n * 12}px)` : void 0
+          },
+          ...S,
+          ...c,
+          children: g
+        }
+      ),
+      l && m && !s && /* @__PURE__ */ i("ul", { className: a.subItems, children: e.children.map((o) => /* @__PURE__ */ i(
+        f,
+        {
+          item: o,
+          active: !1,
+          collapsed: s,
+          depth: n + 1
+        },
+        o.id
+      )) })
+    ] });
+  }
+);
+f.displayName = "Sidebar.Item";
+const y = h(
+  ({ section: e, activeItem: r, collapsed: s = !1, className: n, ...d }, c) => /* @__PURE__ */ b(
+    "div",
+    {
+      ref: c,
+      className: `${a.section} ${n || ""}`,
+      ...d,
+      children: [
+        e.title && !s && /* @__PURE__ */ i("div", { className: a.sectionTitle, children: e.title }),
+        /* @__PURE__ */ i("ul", { className: a.sectionItems, children: e.items.map((t) => /* @__PURE__ */ i(
+          f,
+          {
+            item: t,
+            active: r === t.id,
+            collapsed: s
+          },
+          t.id
+        )) })
+      ]
+    }
+  )
+);
+y.displayName = "Sidebar.Section";
+const D = h(
+  ({
+    sections: e,
+    activeItem: r,
+    collapsed: s = !1,
+    onCollapsedChange: n,
+    header: d,
+    footer: c,
+    variant: t = "default",
+    width: m = 240,
+    collapsedWidth: v = 64,
+    className: l,
+    style: N,
+    ...p
+  }, g) => {
+    const u = [
+      a.sidebar,
+      a[`variant-${t}`],
+      s && a.collapsed,
+      l
+    ].filter(Boolean).join(" "), S = {
+      ...N,
+      "--sidebar-width": `${s ? v : m}px`
+    }, o = () => {
+      n && n(!s);
+    };
+    return /* @__PURE__ */ b("nav", { ref: g, className: u, style: S, ...p, children: [
+      d && /* @__PURE__ */ i("div", { className: a.header, children: d }),
+      /* @__PURE__ */ i("div", { className: a.content, children: e.map((x, I) => /* @__PURE__ */ i(
+        y,
+        {
+          section: x,
+          activeItem: r,
+          collapsed: s
+        },
+        x.title || I
+      )) }),
+      c && /* @__PURE__ */ i("div", { className: a.footer, children: c }),
+      n && /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: a.collapseToggle,
+          onClick: o,
+          "aria-label": s ? "Expand sidebar" : "Collapse sidebar",
+          children: s ? /* @__PURE__ */ i(k, { size: 16 }) : /* @__PURE__ */ i(B, { size: 16 })
+        }
+      )
+    ] });
+  }
+);
+D.displayName = "Sidebar";
+const R = Object.assign(D, {
+  Item: f,
+  Section: y,
+  Divider: $
+});
+export {
+  R as Sidebar
+};

package/dist/index65 4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),S=require("lucide-react"),s=require("./index166.cjs"),y=u.forwardRef(({className:e,...d},i)=>a.jsx("hr",{ref:i,className:`${s.default.divider} ${e||""}`,...d}));y.displayName="Sidebar.Divider";const b=u.forwardRef(({item:e,active:d=!1,collapsed:i=!1,depth:t=0,className:r,...c},l)=>{const[f,h]=u.useState(!1),n=e.children&&e.children.length>0,m=[s.default.item,d&&s.default.itemActive,e.disabled&&s.default.itemDisabled,t>0&&s.default.itemNested,r].filter(Boolean).join(" "),x=o=>{n&&(o.preventDefault(),h(!f)),e.onClick&&!e.disabled&&e.onClick()},j=a.jsxs(a.Fragment,{children:[e.icon&&a.jsx("span",{className:s.default.itemIcon,children:e.icon}),!i&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:s.default.itemLabel,children:e.label}),e.badge&&a.jsx("span",{className:s.default.itemBadge,children:e.badge}),n&&a.jsx(S.ChevronDown,{size:16,className:`${s.default.itemChevron} ${f?s.default.chevronExpanded:""}`})]})]}),v=e.href&&!n?"a":"button",N=e.href&&!n?{href:e.href}:{type:"button",onClick:x};return a.jsxs("li",{className:s.default.itemWrapper,children:[a.jsx(v,{ref:l,className:m,"aria-current":d?"page":void 0,"aria-disabled":e.disabled,title:i?e.label:void 0,style:{paddingLeft:!i&&t>0?`calc(var(--spacing-3) + ${t*12}px)`:void 0},...N,...c,children:j}),n&&f&&!i&&a.jsx("ul",{className:s.default.subItems,children:e.children.map(o=>a.jsx(b,{item:o,active:!1,collapsed:i,depth:t+1},o.id))})]})});b.displayName="Sidebar.Item";const g=u.forwardRef(({section:e,activeItem:d,collapsed:i=!1,className:t,...r},c)=>a.jsxs("div",{ref:c,className:`${s.default.section} ${t||""}`,...r,children:[e.title&&!i&&a.jsx("div",{className:s.default.sectionTitle,children:e.title}),a.jsx("ul",{className:s.default.sectionItems,children:e.items.map(l=>a.jsx(b,{item:l,active:d===l.id,collapsed:i},l.id))})]}));g.displayName="Sidebar.Section";const C=u.forwardRef(({sections:e,activeItem:d,collapsed:i=!1,onCollapsedChange:t,header:r,footer:c,variant:l="default",width:f=240,collapsedWidth:h=64,className:n,style:m,...x},j)=>{const v=[s.default.sidebar,s.default[`variant-${l}`],i&&s.default.collapsed,n].filter(Boolean).join(" "),N={...m,"--sidebar-width":`${i?h:f}px`},o=()=>{t&&t(!i)};return a.jsxs("nav",{ref:j,className:v,style:N,...x,children:[r&&a.jsx("div",{className:s.default.header,children:r}),a.jsx("div",{className:s.default.content,children:e.map((p,$)=>a.jsx(g,{section:p,activeItem:d,collapsed:i},p.title||$))}),c&&a.jsx("div",{className:s.default.footer,children:c}),t&&a.jsx("button",{type:"button",className:s.default.collapseToggle,onClick:o,"aria-label":i?"Expand sidebar":"Collapse sidebar",children:i?a.jsx(S.ChevronRight,{size:16}):a.jsx(S.ChevronLeft,{size:16})})]})});C.displayName="Sidebar";const R=Object.assign(C,{Item:b,Section:g,Divider:y});exports.Sidebar=R;

package/dist/index65.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("./index103.cjs"),s=require("./index189.cjs"),S=require("./index26.cjs"),B=require("./index47.cjs"),y=require("./index36.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/index65.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 "./index103.mjs";
+import i from "./index189.mjs";
+import { Button as O } from "./index26.mjs";
+import { Dropdown as G } from "./index47.mjs";
+import { Collapsible as A } from "./index36.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/index66 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),e=require("./index147.cjs"),m=x.forwardRef(({variant:a="text",animation:f="pulse",width:t,height:l,lines:n=1,borderRadius:o,className:p,style:y,...u},i)=>{const d=[e.default.skeleton,e.default[a],e.default[f],p].filter(Boolean).join(" "),r={width:typeof t=="number"?`${t}px`:t,height:typeof l=="number"?`${l}px`:l,borderRadius:typeof o=="number"?`${o}px`:o,...y};return a==="text"&&n>1?s.jsx("div",{ref:i,className:e.default.lines,...u,children:Array.from({length:n}).map((S,c)=>s.jsx("div",{className:d,style:{...r,width:c===n-1?"80%":r.width},"aria-hidden":"true"},c))}):s.jsx("div",{ref:i,className:d,style:r,"aria-hidden":"true",...u})});m.displayName="Skeleton";exports.Skeleton=m;

package/dist/index66 2.mjs

@@ -0,0 +1,54 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import e from "./index147.mjs";
+const x = u(
+  ({
+    variant: n = "text",
+    animation: y = "pulse",
+    width: t,
+    height: o,
+    lines: r = 1,
+    borderRadius: l,
+    className: c,
+    style: d,
+    ...a
+  }, i) => {
+    const p = [
+      e.skeleton,
+      e[n],
+      e[y],
+      c
+    ].filter(Boolean).join(" "), s = {
+      width: typeof t == "number" ? `${t}px` : t,
+      height: typeof o == "number" ? `${o}px` : o,
+      borderRadius: typeof l == "number" ? `${l}px` : l,
+      ...d
+    };
+    return n === "text" && r > 1 ? /* @__PURE__ */ m("div", { ref: i, className: e.lines, ...a, children: Array.from({ length: r }).map((N, f) => /* @__PURE__ */ m(
+      "div",
+      {
+        className: p,
+        style: {
+          ...s,
+          // Last line is shorter for visual variety
+          width: f === r - 1 ? "80%" : s.width
+        },
+        "aria-hidden": "true"
+      },
+      f
+    )) }) : /* @__PURE__ */ m(
+      "div",
+      {
+        ref: i,
+        className: p,
+        style: s,
+        "aria-hidden": "true",
+        ...a
+      }
+    );
+  }
+);
+x.displayName = "Skeleton";
+export {
+  x as Skeleton
+};

package/dist/index66.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("./index169.cjs"),d=({children:e,href:l,className:t})=>{const s=[a.default.brand,t].filter(Boolean).join(" ");return l?n.jsx("a",{href:l,className:s,children:e}):n.jsx("div",{className:s,children:e})};d.displayName="Navbar.Brand";const u=({children:e,className:l,...t})=>{const s=[a.default.nav,l].filter(Boolean).join(" ");return n.jsx("nav",{className:s,...t,children:e})};u.displayName="Navbar.Nav";const N=({children:e,href:l,active:t=!1,className:s,onClick:r,...i})=>{const c=[a.default.link,t&&a.default.active,s].filter(Boolean).join(" ");return n.jsx("a",{href:l,className:c,"aria-current":t?"page":void 0,onClick:r,...i,children:e})};N.displayName="Navbar.Link";const v=({children:e,className:l,...t})=>{const s=[a.default.actions,l].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:e})};v.displayName="Navbar.Actions";const f=({isOpen:e,onToggle:l,className:t})=>{const s=[a.default.toggle,e&&a.default.toggleOpen,t].filter(Boolean).join(" ");return n.jsx("button",{type:"button",className:s,onClick:l,"aria-expanded":e,"aria-label":e?"Close menu":"Open menu",children:n.jsxs("span",{className:a.default.toggleIcon,children:[n.jsx("span",{className:a.default.toggleLine}),n.jsx("span",{className:a.default.toggleLine}),n.jsx("span",{className:a.default.toggleLine})]})})};f.displayName="Navbar.Toggle";const p=({children:e,isOpen:l,className:t,...s})=>{const r=[a.default.collapse,l&&a.default.collapseOpen,t].filter(Boolean).join(" ");return n.jsx("div",{className:r,...s,children:e})};p.displayName="Navbar.Collapse";const b=({children:e,className:l,...t})=>{const s=[a.default.collapseActions,l].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:e})};b.displayName="Navbar.CollapseActions";const o=({children:e,height:l="md",variant:t="solid",colorScheme:s="auto",sticky:r=!1,bordered:i=!0,className:c,...m})=>{const g=[a.default.navbar,a.default[l],a.default[t],s!=="auto"&&a.default[`scheme${s.charAt(0).toUpperCase()+s.slice(1)}`],r&&a.default.sticky,i&&a.default.bordered,c].filter(Boolean).join(" ");return n.jsx("header",{className:g,...m,children:e})};o.Brand=d;o.Nav=u;o.Link=N;o.Actions=v;o.Toggle=f;o.Collapse=p;o.CollapseActions=b;o.displayName="Navbar";exports.Navbar=o;