@orion-ds/react 4.6.5 → 4.7.0

package/dist/index53 3.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 "./index92.mjs";
+import i from "./index168.mjs";
+import { Button as O } from "./index14.mjs";
+import { Dropdown as G } from "./index35.mjs";
+import { Collapsible as A } from "./index24.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/index53.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),s=require("./index16.cjs");function m({onLoad:r,onError:i,showLoadingState:h=!1,loadingComponent:u,children:d}){const[g,t]=l.useState(!1),[f,F]=l.useState(!1);return l.useEffect(()=>{if(typeof document>"u"||f)return;const c=document.head;if(c.querySelector('link[href*="fonts.googleapis.com"]')){F(!0),t(!0),r?.();return}try{s.FONT_PRECONNECT_URLS.forEach((a,y)=>{const n=document.createElement("link");n.rel="preconnect",n.href=a,y===1&&(n.crossOrigin="anonymous"),n.setAttribute("data-orion-fonts","preconnect"),c.appendChild(n)});const e=document.createElement("link");e.rel="stylesheet",e.href=s.GOOGLE_FONTS_URL,e.setAttribute("data-orion-fonts","stylesheet"),e.onload=async()=>{try{await s.waitForFonts([...s.ALL_FONTS]),t(!0),r?.()}catch{t(!0),r?.()}},e.onerror=()=>{const a=new Error("Failed to load Google Fonts");console.error("[Orion] Failed to load fonts from Google Fonts"),i?.(a),t(!0)},c.appendChild(e),F(!0)}catch(e){console.error("[Orion] Error injecting font links:",e),i?.(e instanceof Error?e:new Error("Font injection failed")),t(!0)}},[f,r,i]),h&&!g?u?o.jsx(o.Fragment,{children:u}):null:d?o.jsx(o.Fragment,{children:d}):null}m.displayName="FontLoader";exports.FontLoader=m;

package/dist/index53.mjs

@@ -0,0 +1,47 @@
+import { jsx as d, Fragment as u } from "react/jsx-runtime";
+import { useState as m, useEffect as y } from "react";
+import { FONT_PRECONNECT_URLS as E, GOOGLE_FONTS_URL as O, waitForFonts as g, ALL_FONTS as L } from "./index16.mjs";
+function k({
+  onLoad: n,
+  onError: o,
+  showLoadingState: p = !1,
+  loadingComponent: c,
+  children: a
+}) {
+  const [F, t] = m(!1), [l, f] = m(!1);
+  return y(() => {
+    if (typeof document > "u" || l) return;
+    const s = document.head;
+    if (s.querySelector(
+      'link[href*="fonts.googleapis.com"]'
+    )) {
+      f(!0), t(!0), n?.();
+      return;
+    }
+    try {
+      E.forEach((i, h) => {
+        const r = document.createElement("link");
+        r.rel = "preconnect", r.href = i, h === 1 && (r.crossOrigin = "anonymous"), r.setAttribute("data-orion-fonts", "preconnect"), s.appendChild(r);
+      });
+      const e = document.createElement("link");
+      e.rel = "stylesheet", e.href = O, e.setAttribute("data-orion-fonts", "stylesheet"), e.onload = async () => {
+        try {
+          await g([...L]), t(!0), n?.();
+        } catch {
+          t(!0), n?.();
+        }
+      }, e.onerror = () => {
+        const i = new Error("Failed to load Google Fonts");
+        console.error("[Orion] Failed to load fonts from Google Fonts"), o?.(i), t(!0);
+      }, s.appendChild(e), f(!0);
+    } catch (e) {
+      console.error("[Orion] Error injecting font links:", e), o?.(
+        e instanceof Error ? e : new Error("Font injection failed")
+      ), t(!0);
+    }
+  }, [l, n, o]), p && !F ? c ? /* @__PURE__ */ d(u, { children: c }) : null : a ? /* @__PURE__ */ d(u, { children: a }) : null;
+}
+k.displayName = "FontLoader";
+export {
+  k as FontLoader
+};

package/dist/index54 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("./index180.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;

package/dist/index54 3.mjs

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

package/dist/index54.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),$=require("lucide-react"),e=require("./index218.cjs"),m=r.forwardRef(({label:t,helpText:d,children:o,columns:l=1,className:s,...n},i)=>{const u=[e.default.group,e.default[`columns-${l}`],s].filter(Boolean).join(" ");return a.jsxs("div",{ref:i,className:u,...n,children:[t&&a.jsx("div",{className:e.default.groupLabel,children:t}),a.jsx("div",{className:e.default.groupFields,children:o}),d&&a.jsx("div",{className:e.default.groupHelp,children:d})]})});m.displayName="FormSection.Group";const j=r.forwardRef(({children:t,align:d="end",className:o,...l},s)=>{const n=[e.default.actions,e.default[`align-${d}`],o].filter(Boolean).join(" ");return a.jsx("div",{ref:s,className:n,...l,children:t})});j.displayName="FormSection.Actions";const N=r.forwardRef(({title:t,description:d,children:o,actions:l,collapsible:s=!1,defaultCollapsed:n=!1,divider:i=!1,variant:u="default",icon:f,disabled:h=!1,className:x,...p},v)=>{const[c,S]=r.useState(n),g=[e.default.formSection,e.default[`variant-${u}`],i&&e.default.divider,h&&e.default.disabled,s&&e.default.collapsible,c&&e.default.collapsed,x].filter(Boolean).join(" "),F=()=>{s&&S(!c)},y=s?"button":"div",R=s?{type:"button",onClick:F,"aria-expanded":!c}:{},C=t||f||s;return a.jsxs("div",{ref:v,className:g,...p,children:[C&&a.jsxs(y,{className:e.default.header,...R,children:[a.jsxs("div",{className:e.default.headerContent,children:[f&&a.jsx("span",{className:e.default.icon,children:f}),(t||d)&&a.jsxs("div",{className:e.default.headerText,children:[t&&a.jsx("h3",{className:e.default.title,children:t}),d&&a.jsx("p",{className:e.default.description,children:d})]})]}),s&&a.jsx($.ChevronDown,{size:20,className:`${e.default.collapseIcon} ${c?e.default.iconCollapsed:""}`})]}),(!s||!c)&&a.jsxs("div",{className:e.default.content,children:[a.jsx("div",{className:e.default.fields,children:o}),l&&a.jsx("div",{className:e.default.actionsWrapper,children:l})]})]})});N.displayName="FormSection";const q=Object.assign(N,{Group:m,Actions:j});exports.FormSection=q;

package/dist/index54.mjs

@@ -0,0 +1,84 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as p, useState as B } from "react";
+import { ChevronDown as H } from "lucide-react";
+import e from "./index218.mjs";
+const h = p(
+  ({ label: o, helpText: n, children: i, columns: r = 1, className: s, ...d }, t) => {
+    const m = [e.group, e[`columns-${r}`], s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: t, className: m, ...d, children: [
+      o && /* @__PURE__ */ a("div", { className: e.groupLabel, children: o }),
+      /* @__PURE__ */ a("div", { className: e.groupFields, children: i }),
+      n && /* @__PURE__ */ a("div", { className: e.groupHelp, children: n })
+    ] });
+  }
+);
+h.displayName = "FormSection.Group";
+const f = p(
+  ({ children: o, align: n = "end", className: i, ...r }, s) => {
+    const d = [e.actions, e[`align-${n}`], i].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { ref: s, className: d, ...r, children: o });
+  }
+);
+f.displayName = "FormSection.Actions";
+const u = p(
+  ({
+    title: o,
+    description: n,
+    children: i,
+    actions: r,
+    collapsible: s = !1,
+    defaultCollapsed: d = !1,
+    divider: t = !1,
+    variant: m = "default",
+    icon: N,
+    disabled: v = !1,
+    className: g,
+    ...S
+  }, F) => {
+    const [l, j] = B(d), y = [
+      e.formSection,
+      e[`variant-${m}`],
+      t && e.divider,
+      v && e.disabled,
+      s && e.collapsible,
+      l && e.collapsed,
+      g
+    ].filter(Boolean).join(" "), C = () => {
+      s && j(!l);
+    }, $ = s ? "button" : "div", x = s ? {
+      type: "button",
+      onClick: C,
+      "aria-expanded": !l
+    } : {};
+    return /* @__PURE__ */ c("div", { ref: F, className: y, ...S, children: [
+      (o || N || s) && /* @__PURE__ */ c($, { className: e.header, ...x, children: [
+        /* @__PURE__ */ c("div", { className: e.headerContent, children: [
+          N && /* @__PURE__ */ a("span", { className: e.icon, children: N }),
+          (o || n) && /* @__PURE__ */ c("div", { className: e.headerText, children: [
+            o && /* @__PURE__ */ a("h3", { className: e.title, children: o }),
+            n && /* @__PURE__ */ a("p", { className: e.description, children: n })
+          ] })
+        ] }),
+        s && /* @__PURE__ */ a(
+          H,
+          {
+            size: 20,
+            className: `${e.collapseIcon} ${l ? e.iconCollapsed : ""}`
+          }
+        )
+      ] }),
+      (!s || !l) && /* @__PURE__ */ c("div", { className: e.content, children: [
+        /* @__PURE__ */ a("div", { className: e.fields, children: i }),
+        r && /* @__PURE__ */ a("div", { className: e.actionsWrapper, children: r })
+      ] })
+    ] });
+  }
+);
+u.displayName = "FormSection";
+const z = Object.assign(u, {
+  Group: h,
+  Actions: f
+});
+export {
+  z as FormSection
+};

package/dist/index55 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),d=require("lucide-react"),s=require("./index145.cjs"),T={info:e.jsx(d.Info,{size:18}),success:e.jsx(d.CheckCircle,{size:18}),warning:e.jsx(d.AlertTriangle,{size:18}),error:e.jsx(d.XCircle,{size:18}),default:e.jsx(d.Bell,{size:18})},p=({notification:l,onMarkAsRead:r,onDismiss:u})=>{const m=l.icon||T[l.type||"default"],t=l.href||l.onClick,c=()=>{l.onClick&&l.onClick(),!l.read&&r&&r(l.id)},h=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default.itemLeft,children:l.avatar?e.jsx("img",{src:l.avatar,alt:"",className:s.default.itemAvatar}):e.jsx("div",{className:`${s.default.itemIcon} ${s.default[`icon-${l.type||"default"}`]}`,children:m})}),e.jsxs("div",{className:s.default.itemContent,children:[e.jsxs("div",{className:s.default.itemHeader,children:[e.jsx("span",{className:s.default.itemTitle,children:l.title}),!l.read&&e.jsx("span",{className:s.default.unreadDot})]}),l.message&&e.jsx("p",{className:s.default.itemMessage,children:l.message}),e.jsx("span",{className:s.default.itemTime,children:l.relativeTime||l.timestamp})]}),e.jsxs("div",{className:s.default.itemActions,children:[!l.read&&r&&e.jsx("button",{type:"button",className:s.default.itemAction,onClick:n=>{n.stopPropagation(),r(l.id)},title:"Mark as read",children:e.jsx(d.Check,{size:14})}),u&&e.jsx("button",{type:"button",className:s.default.itemAction,onClick:n=>{n.stopPropagation(),u(l.id)},title:"Dismiss",children:e.jsx(d.X,{size:14})})]})]});return l.href?e.jsx("a",{href:l.href,className:`${s.default.item} ${l.read?s.default.itemRead:""}`,onClick:c,children:h}):e.jsx("div",{className:`${s.default.item} ${l.read?s.default.itemRead:""} ${t?s.default.itemClickable:""}`,onClick:t?c:void 0,role:t?"button":void 0,tabIndex:t?0:void 0,children:h})},v=f.forwardRef(({notifications:l,onMarkAsRead:r,onMarkAllAsRead:u,onDismiss:m,onClearAll:t,onViewAll:c,title:h="Notifications",emptyMessage:n="No notifications",loading:C=!1,maxHeight:b="400px",groupByCategory:x=!1,showUnreadCount:g=!0,className:k,...y},z)=>{const N=f.useMemo(()=>l.filter(a=>!a.read).length,[l]),o=f.useMemo(()=>{if(!x)return null;const a={};return l.forEach(j=>{const i=j.category||"Other";a[i]||(a[i]=[]),a[i].push(j)}),a},[l,x]),$=[s.default.notificationCenter,k].filter(Boolean).join(" ");return e.jsxs("div",{ref:z,className:$,...y,children:[e.jsxs("div",{className:s.default.header,children:[e.jsxs("div",{className:s.default.headerTitle,children:[e.jsx("span",{children:h}),g&&N>0&&e.jsx("span",{className:s.default.badge,children:N})]}),e.jsx("div",{className:s.default.headerActions,children:u&&N>0&&e.jsx("button",{type:"button",className:s.default.headerAction,onClick:u,children:"Mark all as read"})})]}),e.jsx("div",{className:s.default.content,style:{maxHeight:b},children:C?e.jsx("div",{className:s.default.loading,children:e.jsx("div",{className:s.default.spinner})}):l.length===0?e.jsxs("div",{className:s.default.empty,children:[e.jsx(d.Bell,{size:32}),e.jsx("span",{children:n})]}):x&&o?Object.entries(o).map(([a,j])=>e.jsxs("div",{className:s.default.group,children:[e.jsx("div",{className:s.default.groupTitle,children:a}),j.map(i=>e.jsx(p,{notification:i,onMarkAsRead:r,onDismiss:m},i.id))]},a)):l.map(a=>e.jsx(p,{notification:a,onMarkAsRead:r,onDismiss:m},a.id))}),(c||t)&&l.length>0&&e.jsxs("div",{className:s.default.footer,children:[t&&e.jsx("button",{type:"button",className:s.default.footerAction,onClick:t,children:"Clear all"}),c&&e.jsx("button",{type:"button",className:s.default.footerActionPrimary,onClick:c,children:"View all notifications"})]})]})});v.displayName="NotificationCenter";exports.NotificationCenter=v;