neatkit 0.11.0 → 0.12.0

package/dist/{Table-GeoE4h-u.js → Table-B2G8CHJ9.js}

@@ -1,10 +1,11 @@
 "use client";
-import { jsx as a, jsxs as E } from "react/jsx-runtime";
-import { createContext as z, forwardRef as g, Children as B, isValidElement as L, Fragment as j, cloneElement as w, createElement as M, useRef as N, useContext as V, useState as x, useEffect as Y, useCallback as X } from "react";
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { createContext as z, forwardRef as g, Children as L, isValidElement as j, Fragment as A, cloneElement as x, createElement as M, useRef as y, useContext as V, useState as E, useEffect as Y, useCallback as X } from "react";
 import { a as $ } from "./reference-CXMr27nM.js";
-import { B as q } from "./Button-LmEHdRkW.js";
-import { T as G } from "./Tooltip-CpyROf6x.js";
-const v = z("body"), A = g(function(l, e) {
+import { S as q } from "./Surface-vEFsZC12.js";
+import { B as G } from "./Button-B0E-M8mp.js";
+import { T as J } from "./Tooltip-CpyROf6x.js";
+const T = z("body"), I = g(function(l, e) {
   const {
     align: t = "left",
     children: i,
@@ -26,17 +27,17 @@ const v = z("body"), A = g(function(l, e) {
     }
   );
 });
-function I(n) {
-  for (const l of B.toArray(n)) {
-    if (L(l) && l.type === j) {
-      if (I(l.props.children)) return !0;
+function H(n) {
+  for (const l of L.toArray(n)) {
+    if (j(l) && l.type === A) {
+      if (H(l.props.children)) return !0;
       continue;
     }
     return !0;
   }
   return !1;
 }
-const J = g(
+const Q = g(
   function(l, e) {
     const {
       children: t,
@@ -44,7 +45,7 @@ const J = g(
       emptyColumnCount: r = 1,
       emptyMessage: c,
       ...f
-    } = l, s = !I(t), b = Number.isFinite(r) ? Math.max(1, Math.floor(r)) : 1;
+    } = l, s = !H(t), m = Number.isFinite(r) ? Math.max(1, Math.floor(r)) : 1;
     return /* @__PURE__ */ a(
       "tbody",
       {
@@ -55,22 +56,22 @@ const J = g(
           "td",
           {
             className: "nk-table__cell nk-table__empty-cell",
-            colSpan: b,
+            colSpan: m,
             children: /* @__PURE__ */ a("div", { className: "nk-table__empty-content", children: c })
           }
-        ) }) : /* @__PURE__ */ a(v.Provider, { value: "body", children: t })
+        ) }) : /* @__PURE__ */ a(T.Provider, { value: "body", children: t })
       }
     );
   }
 );
-function Q(n, l, e) {
+function U(n, l, e) {
   return n === void 0 ? l : e ? e(n) : n instanceof Date ? Number.isNaN(n.getTime()) ? "Invalid Date" : n.toISOString().slice(0, 10) : typeof n == "boolean" ? n ? "Yes" : "No" : n;
 }
-function U(n) {
+function W(n) {
   if (typeof n == "number" || typeof n == "string")
     return String(n);
 }
-const H = g(
+const D = g(
   function(l, e) {
     const {
       align: t = "left",
@@ -79,10 +80,10 @@ const H = g(
       format: c,
       title: f,
       truncate: s,
-      value: b,
+      value: m,
       ...h
-    } = l, { rowTrigger: o, ...d } = h, p = Q(b, i, c), u = s === void 0 ? void 0 : { maxWidth: s }, k = f ?? (s === void 0 ? void 0 : U(p));
-    return /* @__PURE__ */ E(
+    } = l, { rowTrigger: o, ...d } = h, p = U(m, i, c), u = s === void 0 ? void 0 : { maxWidth: s }, k = f ?? (s === void 0 ? void 0 : W(p));
+    return /* @__PURE__ */ B(
       "td",
       {
         ...d,
@@ -120,7 +121,7 @@ const H = g(
       }
     );
   }
-), W = g(
+), Z = g(
   function(l, e) {
     const { children: t, className: i, ...r } = l;
     return /* @__PURE__ */ a(
@@ -129,11 +130,11 @@ const H = g(
         ...r,
         ref: e,
         className: ["nk-table__foot", i].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ a(v.Provider, { value: "foot", children: t })
+        children: /* @__PURE__ */ a(T.Provider, { value: "foot", children: t })
       }
     );
   }
-), Z = g(
+), ee = g(
   function(l, e) {
     const { children: t, className: i, ...r } = l;
     return /* @__PURE__ */ a(
@@ -142,11 +143,11 @@ const H = g(
         ...r,
         ref: e,
         className: ["nk-table__head", i].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ a(v.Provider, { value: "head", children: t })
+        children: /* @__PURE__ */ a(T.Provider, { value: "head", children: t })
       }
     );
   }
-), ee = [
+), te = [
   "a[href]",
   "audio[controls]",
   "button",
@@ -158,7 +159,7 @@ const H = g(
   "textarea",
   "video[controls]",
   "[contenteditable]:not([contenteditable='false'])"
-].join(","), te = /* @__PURE__ */ new Set([
+].join(","), ne = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "combobox",
@@ -185,26 +186,26 @@ const H = g(
   "treegrid",
   "treeitem"
 ]);
-function ne(n, l) {
+function le(n, l) {
   var t;
   let e = n;
   for (; e && e !== l; ) {
-    if (e.matches(ee) || (((t = e.getAttribute("role")) == null ? void 0 : t.split(/\s+/)) ?? []).some((r) => te.has(r)))
+    if (e.matches(te) || (((t = e.getAttribute("role")) == null ? void 0 : t.split(/\s+/)) ?? []).some((r) => ne.has(r)))
       return !0;
     e = e.parentElement;
   }
   return !1;
 }
-function le(n, l) {
+function oe(n, l) {
   let e = !1;
   function t(r) {
-    return B.map(r, (c) => L(c) ? c.type === j ? w(
+    return L.map(r, (c) => j(c) ? c.type === A ? x(
       c,
       void 0,
       t(
         c.props.children
       )
-    ) : !e && c.type === H ? (e = !0, w(
+    ) : !e && c.type === D ? (e = !0, x(
       c,
       { rowTrigger: l }
     )) : c : c);
@@ -212,15 +213,15 @@ function le(n, l) {
   const i = t(n);
   return { attached: e, content: i };
 }
-function oe(n) {
+function re(n) {
   const {
     "aria-label": l,
     icon: e,
     label: t,
     ...i
   } = n;
-  return /* @__PURE__ */ a(G, { content: t, children: /* @__PURE__ */ a(
-    q,
+  return /* @__PURE__ */ a(J, { content: t, children: /* @__PURE__ */ a(
+    G,
     {
       ...i,
       "aria-label": l ?? t,
@@ -232,7 +233,7 @@ function oe(n) {
     }
   ) });
 }
-function re(n) {
+function ae(n) {
   const { actions: l } = n;
   function e(t) {
     t.stopPropagation();
@@ -243,14 +244,14 @@ function re(n) {
       className: "nk-table__cell nk-table__action-cell",
       "data-align": "right",
       onClick: e,
-      children: l.length > 0 ? /* @__PURE__ */ a("span", { className: "nk-table__action-list", children: l.map((t) => /* @__PURE__ */ M(oe, { ...t, key: t.label })) }) : null
+      children: l.length > 0 ? /* @__PURE__ */ a("span", { className: "nk-table__action-list", children: l.map((t) => /* @__PURE__ */ M(re, { ...t, key: t.label })) }) : null
     }
   );
 }
-const ae = g(function(l, e) {
+const ie = g(function(l, e) {
   const { children: t, className: i, ...r } = l;
   return /* @__PURE__ */ a(
-    A,
+    I,
     {
       ...r,
       ref: e,
@@ -259,7 +260,7 @@ const ae = g(function(l, e) {
       children: t ?? /* @__PURE__ */ a("span", { className: "nk-table__visually-hidden", children: "Row actions" })
     }
   );
-}), ie = g(
+}), ce = g(
   function(l, e) {
     const {
       "aria-label": t,
@@ -268,70 +269,70 @@ const ae = g(function(l, e) {
       className: c,
       download: f,
       href: s,
-      hrefLang: b,
+      hrefLang: m,
       onClick: h,
       onNavigate: o,
       rel: d,
       target: p,
       ...u
-    } = l, k = N(null), D = V(v), T = s !== void 0 || h !== void 0, y = (t == null ? void 0 : t.trim()) || (s !== void 0 ? "Open row" : "Activate row");
-    function R(m) {
-      k.current = m;
+    } = l, k = y(null), C = V(T), N = s !== void 0 || h !== void 0, R = (t == null ? void 0 : t.trim()) || (s !== void 0 ? "Open row" : "Activate row");
+    function S(b) {
+      k.current = b;
     }
-    let C;
-    s !== void 0 ? C = {
-      ariaLabel: y,
+    let _;
+    s !== void 0 ? _ = {
+      ariaLabel: R,
       kind: "link",
       linkProperties: {
         download: f,
         href: s,
-        hrefLang: b,
+        hrefLang: m,
         onNavigate: o,
         rel: d,
         target: p
       },
-      reference: R
-    } : h !== void 0 && (C = {
-      ariaLabel: y,
+      reference: S
+    } : h !== void 0 && (_ = {
+      ariaLabel: R,
       kind: "button",
       onClick: h,
-      reference: R
+      reference: S
     });
-    const K = C ? le(r, C) : { content: r };
-    function O(m) {
-      if (m.defaultPrevented) return;
-      const P = m.target;
-      if (!(P instanceof Element) || ne(P, m.currentTarget)) return;
-      const _ = k.current;
-      if (!_) return;
-      const S = _.ownerDocument.defaultView;
-      if (!S) {
-        _.click();
+    const K = _ ? oe(r, _) : { content: r };
+    function O(b) {
+      if (b.defaultPrevented) return;
+      const P = b.target;
+      if (!(P instanceof Element) || le(P, b.currentTarget)) return;
+      const v = k.current;
+      if (!v) return;
+      const w = v.ownerDocument.defaultView;
+      if (!w) {
+        v.click();
         return;
       }
-      _.dispatchEvent(new S.MouseEvent("click", {
-        altKey: m.altKey,
+      v.dispatchEvent(new w.MouseEvent("click", {
+        altKey: b.altKey,
         bubbles: !0,
-        button: m.button,
-        buttons: m.buttons,
+        button: b.button,
+        buttons: b.buttons,
         cancelable: !0,
-        clientX: m.clientX,
-        clientY: m.clientY,
-        ctrlKey: m.ctrlKey,
-        metaKey: m.metaKey,
-        shiftKey: m.shiftKey
+        clientX: b.clientX,
+        clientY: b.clientY,
+        ctrlKey: b.ctrlKey,
+        metaKey: b.metaKey,
+        shiftKey: b.shiftKey
       }));
     }
-    const F = D === "head" ? /* @__PURE__ */ a(ae, {}) : /* @__PURE__ */ a(re, { actions: i ?? [] });
-    return /* @__PURE__ */ E(
+    const F = C === "head" ? /* @__PURE__ */ a(ie, {}) : /* @__PURE__ */ a(ae, { actions: i ?? [] });
+    return /* @__PURE__ */ B(
       "tr",
       {
         ...u,
         ref: e,
-        "aria-label": T ? void 0 : t,
+        "aria-label": N ? void 0 : t,
         className: ["nk-table__row", c].filter(Boolean).join(" "),
-        "data-interactive": T || void 0,
-        onClick: T ? O : void 0,
+        "data-interactive": N || void 0,
+        onClick: N ? O : void 0,
         children: [
           K.content,
           F
@@ -340,21 +341,21 @@ const ae = g(function(l, e) {
     );
   }
 );
-function ce() {
-  const n = N(null), l = N(null), [e, t] = x(!1), [i, r] = x(!1);
+function se() {
+  const n = y(null), l = y(null), [e, t] = E(!1), [i, r] = E(!1);
   Y(() => {
     const f = n.current, s = l.current;
     if (!f || !s) return;
-    const b = f, h = s;
+    const m = f, h = s;
     function o() {
-      const k = b.scrollWidth > b.clientWidth;
+      const k = m.scrollWidth > m.clientWidth;
       t(k), k || r(!1);
     }
     o();
-    const d = b.ownerDocument.defaultView;
+    const d = m.ownerDocument.defaultView;
     d == null || d.addEventListener("resize", o);
     const p = d == null ? void 0 : d.ResizeObserver, u = p ? new p(o) : void 0;
-    return u == null || u.observe(b), u == null || u.observe(h), () => {
+    return u == null || u.observe(m), u == null || u.observe(h), () => {
       d == null || d.removeEventListener("resize", o), u == null || u.disconnect();
     };
   }, []);
@@ -369,40 +370,42 @@ function ce() {
     handleScroll: c
   };
 }
-const se = g(function(l, e) {
+const de = g(function(l, e) {
   const {
     "aria-label": t,
     children: i,
     className: r,
     containerClassName: c,
-    ...f
+    frame: f = "outline",
+    ...s
   } = l, {
-    containerReference: s,
-    contentReference: b,
-    isScrollable: h,
-    isScrolled: o,
-    handleScroll: d
-  } = ce(), p = t ? `${t} scroll area` : "Scrollable table", u = X(
-    (k) => {
-      b.current = k, $(e, k);
+    containerReference: m,
+    contentReference: h,
+    isScrollable: o,
+    isScrolled: d,
+    handleScroll: p
+  } = se(), u = t ? `${t} scroll area` : "Scrollable table", k = X(
+    (C) => {
+      h.current = C, $(e, C);
     },
-    [b, e]
+    [h, e]
   );
   return /* @__PURE__ */ a(
-    "div",
+    q,
     {
-      ref: s,
-      "aria-label": h ? p : void 0,
+      ref: m,
+      "aria-label": o ? u : void 0,
       className: ["nk-table", c].filter(Boolean).join(" "),
-      "data-scrolled": o || void 0,
-      onScroll: d,
-      role: h ? "region" : void 0,
-      tabIndex: h ? 0 : void 0,
+      "data-frame": f,
+      "data-scrolled": d || void 0,
+      onScroll: p,
+      role: o ? "region" : void 0,
+      tabIndex: o ? 0 : void 0,
       children: /* @__PURE__ */ a(
         "table",
         {
-          ...f,
-          ref: u,
+          ...s,
+          ref: k,
           "aria-label": t,
           className: ["nk-table__element", r].filter(Boolean).join(" "),
           children: i
@@ -410,14 +413,14 @@ const se = g(function(l, e) {
       )
     }
   );
-}), he = Object.assign(se, {
-  Body: J,
-  Cell: H,
-  Foot: W,
-  HeaderCell: A,
-  Head: Z,
-  Row: ie
+}), ke = Object.assign(de, {
+  Body: Q,
+  Cell: D,
+  Foot: Z,
+  HeaderCell: I,
+  Head: ee,
+  Row: ce
 });
 export {
-  he as T
+  ke as T
 };

package/dist/Table-Z8Q6XRkc.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const a=require("react/jsx-runtime"),o=require("react"),A=require("./reference-C2guRuR0.cjs"),I=require("./Surface-BttJYSDt.cjs"),H=require("./Button-6oWs-pyF.cjs"),D=require("./Tooltip-DDPh_YFO.cjs"),v=o.createContext("body"),w=o.forwardRef(function(r,e){const{align:t="left",children:s,className:i,scope:c="col",sticky:b=!1,...d}=r;return a.jsx("th",{...d,ref:e,className:["nk-table__header-cell",i].filter(Boolean).join(" "),"data-align":t,"data-sticky":b||void 0,scope:c,children:s})});function S(n){for(const r of o.Children.toArray(n)){if(o.isValidElement(r)&&r.type===o.Fragment){if(S(r.props.children))return!0;continue}return!0}return!1}const K=o.forwardRef(function(r,e){const{children:t,className:s,emptyColumnCount:i=1,emptyMessage:c,...b}=r,d=!S(t),h=Number.isFinite(i)?Math.max(1,Math.floor(i)):1;return a.jsx("tbody",{...b,ref:e,className:["nk-table__body",s].filter(Boolean).join(" "),children:d&&c!==void 0?a.jsx("tr",{className:"nk-table__row",children:a.jsx("td",{className:"nk-table__cell nk-table__empty-cell",colSpan:h,children:a.jsx("div",{className:"nk-table__empty-content",children:c})})}):a.jsx(v.Provider,{value:"body",children:t})})});function O(n,r,e){return n===void 0?r:e?e(n):n instanceof Date?Number.isNaN(n.getTime())?"Invalid Date":n.toISOString().slice(0,10):typeof n=="boolean"?n?"Yes":"No":n}function F(n){if(typeof n=="number"||typeof n=="string")return String(n)}const P=o.forwardRef(function(r,e){const{align:t="left",children:s,className:i,format:c,title:b,truncate:d,value:h,...p}=r,{rowTrigger:l,...u}=p,k=O(h,s,c),f=d===void 0?void 0:{maxWidth:d},g=b??(d===void 0?void 0:F(k));return a.jsxs("td",{...u,ref:e,className:["nk-table__cell",i].filter(Boolean).join(" "),"data-align":t,title:g,children:[(l==null?void 0:l.kind)==="link"&&l.linkProperties?a.jsx("a",{ref:l.reference,"aria-label":l.ariaLabel,className:"nk-table__row-trigger",download:l.linkProperties.download,href:l.linkProperties.href,hrefLang:l.linkProperties.hrefLang,onClick:l.linkProperties.onNavigate,rel:l.linkProperties.rel,target:l.linkProperties.target}):null,(l==null?void 0:l.kind)==="button"?a.jsx("button",{ref:l.reference,"aria-label":l.ariaLabel,className:"nk-table__row-trigger",onClick:l.onClick,type:"button"}):null,d!==void 0?a.jsx("span",{className:"nk-table__truncated-content",style:f,children:k}):k]})}),q=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx("tfoot",{...i,ref:e,className:["nk-table__foot",s].filter(Boolean).join(" "),children:a.jsx(v.Provider,{value:"foot",children:t})})}),z=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx("thead",{...i,ref:e,className:["nk-table__head",s].filter(Boolean).join(" "),children:a.jsx(v.Provider,{value:"head",children:t})})}),V=["a[href]","audio[controls]","button","iframe","input","label","select","summary","textarea","video[controls]","[contenteditable]:not([contenteditable='false'])"].join(","),M=new Set(["button","checkbox","combobox","grid","link","listbox","menu","menubar","menuitem","menuitemcheckbox","menuitemradio","option","radio","radiogroup","scrollbar","searchbox","slider","spinbutton","switch","tab","tablist","textbox","tree","treegrid","treeitem"]);function Y(n,r){var t;let e=n;for(;e&&e!==r;){if(e.matches(V)||(((t=e.getAttribute("role"))==null?void 0:t.split(/\s+/))??[]).some(i=>M.has(i)))return!0;e=e.parentElement}return!1}function X(n,r){let e=!1;function t(i){return o.Children.map(i,c=>o.isValidElement(c)?c.type===o.Fragment?o.cloneElement(c,void 0,t(c.props.children)):!e&&c.type===P?(e=!0,o.cloneElement(c,{rowTrigger:r})):c:c)}const s=t(n);return{attached:e,content:s}}function $(n){const{"aria-label":r,icon:e,label:t,...s}=n;return a.jsx(D.Tooltip2,{content:t,children:a.jsx(H.Button,{...s,"aria-label":r??t,className:"nk-table__action",icon:e,shape:"rectangle",type:"button",variant:"ghost"})})}function G(n){const{actions:r}=n;function e(t){t.stopPropagation()}return a.jsx("td",{className:"nk-table__cell nk-table__action-cell","data-align":"right",onClick:e,children:r.length>0?a.jsx("span",{className:"nk-table__action-list",children:r.map(t=>o.createElement($,{...t,key:t.label}))}):null})}const J=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx(w,{...i,ref:e,align:"right",className:["nk-table__action-header-cell",s].filter(Boolean).join(" "),children:t??a.jsx("span",{className:"nk-table__visually-hidden",children:"Row actions"})})}),Q=o.forwardRef(function(r,e){const{"aria-label":t,actions:s,children:i,className:c,download:b,href:d,hrefLang:h,onClick:p,onNavigate:l,rel:u,target:k,...f}=r,g=o.useRef(null),C=o.useContext(v),T=d!==void 0||p!==void 0,N=(t==null?void 0:t.trim())||(d!==void 0?"Open row":"Activate row");function j(m){g.current=m}let _;d!==void 0?_={ariaLabel:N,kind:"link",linkProperties:{download:b,href:d,hrefLang:h,onNavigate:l,rel:u,target:k},reference:j}:p!==void 0&&(_={ariaLabel:N,kind:"button",onClick:p,reference:j});const E=_?X(i,_):{content:i};function B(m){if(m.defaultPrevented)return;const y=m.target;if(!(y instanceof Element)||Y(y,m.currentTarget))return;const x=g.current;if(!x)return;const R=x.ownerDocument.defaultView;if(!R){x.click();return}x.dispatchEvent(new R.MouseEvent("click",{altKey:m.altKey,bubbles:!0,button:m.button,buttons:m.buttons,cancelable:!0,clientX:m.clientX,clientY:m.clientY,ctrlKey:m.ctrlKey,metaKey:m.metaKey,shiftKey:m.shiftKey}))}const L=C==="head"?a.jsx(J,{}):a.jsx(G,{actions:s??[]});return a.jsxs("tr",{...f,ref:e,"aria-label":T?void 0:t,className:["nk-table__row",c].filter(Boolean).join(" "),"data-interactive":T||void 0,onClick:T?B:void 0,children:[E.content,L]})});function U(){const n=o.useRef(null),r=o.useRef(null),[e,t]=o.useState(!1),[s,i]=o.useState(!1);o.useEffect(()=>{const b=n.current,d=r.current;if(!b||!d)return;const h=b,p=d;function l(){const g=h.scrollWidth>h.clientWidth;t(g),g||i(!1)}l();const u=h.ownerDocument.defaultView;u==null||u.addEventListener("resize",l);const k=u==null?void 0:u.ResizeObserver,f=k?new k(l):void 0;return f==null||f.observe(h),f==null||f.observe(p),()=>{u==null||u.removeEventListener("resize",l),f==null||f.disconnect()}},[]);function c(b){i(e&&b.currentTarget.scrollLeft>1)}return{containerReference:n,contentReference:r,isScrollable:e,isScrolled:s,handleScroll:c}}const W=o.forwardRef(function(r,e){const{"aria-label":t,children:s,className:i,containerClassName:c,frame:b="outline",...d}=r,{containerReference:h,contentReference:p,isScrollable:l,isScrolled:u,handleScroll:k}=U(),f=t?`${t} scroll area`:"Scrollable table",g=o.useCallback(C=>{p.current=C,A.assignElementReference(e,C)},[p,e]);return a.jsx(I.Surface,{ref:h,"aria-label":l?f:void 0,className:["nk-table",c].filter(Boolean).join(" "),"data-frame":b,"data-scrolled":u||void 0,onScroll:k,role:l?"region":void 0,tabIndex:l?0:void 0,children:a.jsx("table",{...d,ref:g,"aria-label":t,className:["nk-table__element",i].filter(Boolean).join(" "),children:s})})}),Z=Object.assign(W,{Body:K,Cell:P,Foot:q,HeaderCell:w,Head:z,Row:Q});exports.Table=Z;

package/dist/Table.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Table-Bjw9lUKS.cjs");exports.default=e.Table;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Table-Z8Q6XRkc.cjs");exports.default=e.Table;

package/dist/Table.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as a } from "./Table-GeoE4h-u.js";
+import { T as a } from "./Table-B2G8CHJ9.js";
 export {
   a as default
 };

package/dist/components/Card/Card.d.ts

@@ -1,40 +1,39 @@
 import { type HTMLAttributes, type ReactNode } from "react";
+import CardBody from "./components/CardBody";
+import CardFooter from "./components/CardFooter";
+import CardHeader from "./components/CardHeader";
 import "./styles/card.css";
-/** A type representing the optional labels displayed in a Card header. */
-export type CardHeader = {
-    /** The primary label displayed in the Card header. */
-    title: string;
-    /** The secondary label displayed after the primary label. */
-    subtitle?: string;
-};
-/** A type representing the internal spacing applied by a Card. */
+export type { CardBodyProps } from "./components/CardBody";
+export type { CardFooterProps } from "./components/CardFooter";
+export type { CardHeaderProps } from "./components/CardHeader";
+/** A type representing the internal spacing applied to a Card region. */
 export type CardSpacing = "none" | "standard";
+/** A type representing the complete compound Card component. */
+type CardComponent = typeof CardRoot & {
+    /** The content region carrying optional internal spacing. */
+    Body: typeof CardBody;
+    /** The region separated from preceding Card content by a border. */
+    Footer: typeof CardFooter;
+    /** The region separated from following Card content by a border. */
+    Header: typeof CardHeader;
+};
 /** A type representing properties for the Card component. */
 export type CardProps = HTMLAttributes<HTMLDivElement> & {
-    /** The content displayed inside the Card. */
+    /** The regions composing the Card surface. */
     children: ReactNode;
-    /** The optional fixed-format labels displayed above the Card content. */
-    header?: CardHeader;
-    /** The internal spacing applied to the Card content region. */
-    spacing?: CardSpacing;
 };
 /**
  * Renders a bordered surface for grouping related content.
  *
- * A header moves spacing into a private content region beneath its labels.
- * Spacing can be removed for custom full-bleed layouts.
- *
- * @param props - The properties that configure the Card.
+ * @param props - The native properties that configure the Card surface.
  * @param forwardedReference - The reference assigned to the Card element.
  *
  * @returns The rendered Card surface.
  */
-declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    /** The content displayed inside the Card. */
+declare const CardRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The regions composing the Card surface. */
     children: ReactNode;
-    /** The optional fixed-format labels displayed above the Card content. */
-    header?: CardHeader;
-    /** The internal spacing applied to the Card content region. */
-    spacing?: CardSpacing;
 } & import("react").RefAttributes<HTMLDivElement>>;
+/** The compound Card component and its structural regions. */
+declare const Card: CardComponent;
 export default Card;

package/dist/components/Card/components/CardBody.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { CardSpacing } from "../Card";
+/** A type representing properties for the Card.Body component. */
+export type CardBodyProps = HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered in the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the body content. */
+    spacing?: CardSpacing;
+};
+/**
+ * Renders the optionally spaced content region of a Card.
+ *
+ * @param props - The properties that configure the Card body.
+ * @param forwardedReference - The reference assigned to the body element.
+ *
+ * @returns The rendered Card body.
+ */
+declare const CardBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered in the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the body content. */
+    spacing?: CardSpacing;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default CardBody;

package/dist/components/Card/components/CardFooter.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { CardSpacing } from "../Card";
+/** A type representing properties for the Card.Footer component. */
+export type CardFooterProps = HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered after the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the footer content. */
+    spacing?: CardSpacing;
+};
+/**
+ * Renders a Card region separated from preceding content by a border.
+ *
+ * @param props - The native properties that configure the Card footer.
+ * @param forwardedReference - The reference assigned to the footer element.
+ *
+ * @returns The rendered Card footer.
+ */
+declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered after the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the footer content. */
+    spacing?: CardSpacing;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default CardFooter;

package/dist/components/Card/components/CardHeader.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { CardSpacing } from "../Card";
+/** A type representing properties for the Card.Header component. */
+export type CardHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered before the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the header content. */
+    spacing?: CardSpacing;
+};
+/**
+ * Renders a Card region separated from following content by a border.
+ *
+ * @param props - The native properties that configure the Card header.
+ * @param forwardedReference - The reference assigned to the header element.
+ *
+ * @returns The rendered Card header.
+ */
+declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered before the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the header content. */
+    spacing?: CardSpacing;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default CardHeader;

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

@@ -1,2 +1,2 @@
 export { default } from "./Card";
-export type { CardHeader, CardProps, CardSpacing, } from "./Card";
+export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CardSpacing, } from "./Card";