@ngrok/mantle 0.77.0 → 0.79.0

package/dist/cx-IiQEAKf5.js

@@ -0,0 +1 @@
+import{n as e}from"./clsx-Dj3RWZ2l.js";const t=(e,t)=>{let n=e.length,r=t.length,i=Array(n+r);for(let t=0;t<n;t++)i[t]=e[t];for(let e=0;e<r;e++)i[n+e]=t[e];return i},n=(e,t)=>({classGroupId:e,validator:t}),r=(e=new Map,t=null,n)=>({nextPart:e,validators:t,classGroupId:n}),i=[],a=e=>{let n=c(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:a}=e;return{getClassGroupId:e=>{if(e[0]===`[`&&e[e.length-1]===`]`)return s(e);let t=e.split(`-`),r=+(t[0]===``&&t.length>1);return o(t,r,n)},getConflictingClassGroupIds:(e,n)=>{if(n){let n=a[e],o=r[e];return n?o?t(o,n):n:o||i}return r[e]||i}}},o=(e,t,n)=>{if(e.length-t===0)return n.classGroupId;let r=e[t],i=n.nextPart.get(r);if(i){let n=o(e,t+1,i);if(n)return n}let a=n.validators;if(a===null)return;let s=t===0?e.join(`-`):e.slice(t).join(`-`),c=a.length;for(let e=0;e<c;e++){let t=a[e];if(t.validator(s))return t.classGroupId}},s=e=>{let t=e.slice(1,-1),n=t.indexOf(`:`);if(n===-1)return;let r=t.slice(0,n);return r?`arbitrary..`+r:void 0},c=e=>{let{theme:t,classGroups:n}=e;return l(n,t)},l=(e,t)=>{let n=r();for(let r in e){let i=e[r];u(i,n,r,t)}return n},u=(e,t,n,r)=>{let i=e.length;for(let a=0;a<i;a++){let i=e[a];d(i,t,n,r)}},d=(e,t,n,r)=>{if(typeof e==`string`){f(e,t,n);return}if(typeof e==`function`){p(e,t,n,r);return}m(e,t,n,r)},f=(e,t,n)=>{let r=e===``?t:h(t,e);r.classGroupId=n},p=(e,t,r,i)=>{if(g(e)){u(e(i),t,r,i);return}t.validators===null&&(t.validators=[]),t.validators.push(n(r,e))},m=(e,t,n,r)=>{let i=Object.entries(e),a=i.length;for(let e=0;e<a;e++){let[a,o]=i[e];u(o,h(t,a),n,r)}},h=(e,t)=>{let n=e,i=t.split(`-`),a=i.length;for(let e=0;e<a;e++){let t=i[e],a=n.nextPart.get(t);a||(a=r(),n.nextPart.set(t,a)),n=a}return n},g=e=>`isThemeGetter`in e&&e.isThemeGetter===!0,ee=(e,t,n,r)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:void 0}),te=e=>{let t=[],n=0,r=0,i=0,a,o=e.length;for(let s=0;s<o;s++){let o=e.charCodeAt(s);if(n===0&&r===0){if(o===58){t.push(e.slice(i,s)),i=s+1;continue}if(o===47){a=s;continue}}o===91?n++:o===93?n--:o===40?r++:o===41&&r--}let s=t.length===0?e:e.slice(i),c=s,l=!1,u=s.length-1;s.charCodeAt(u)===33?(c=s.slice(0,-1),l=!0):s.charCodeAt(0)===33&&(c=s.slice(1),l=!0);let d=a&&a>i?a-i:void 0;return ee(t,l,c,d)},ne=e=>{let t=new Set(e.orderSensitiveModifiers);return e=>{let n=[],r=[];for(let i=0;i<e.length;i++){let a=e[i],o=a[0]===`[`,s=t.has(a);if(o||s){if(r.length>0){r.sort();for(let e=0;e<r.length;e++)n.push(r[e]);r=[]}n.push(a)}else r.push(a)}if(r.length>0){r.sort();for(let e=0;e<r.length;e++)n.push(r[e])}return n}},_={isExternal:!0,classId:-1,conflictIds:[]},v=e=>{let t=ne(e),n=re(e),{getClassGroupId:r,getConflictingClassGroupIds:i}=a(e),o=Object.create(null),s=Object.create(null),c=0,l=new Int32Array(256),u=0,d=new Uint8Array(64),f=!1,p=e=>{let t=[],n=e.length,r=-1;f=!1;for(let i=0;i<n;i++){let n=e.charCodeAt(i);n===32?r!==-1&&(t.push(e.slice(r,i)),r=-1):n>=9&&n<=13?(f=!0,r!==-1&&(t.push(e.slice(r,i)),r=-1)):r===-1&&(r=i)}return r!==-1&&t.push(e.slice(r)),t},m=new Map,h=0,g=e=>{let t=m.get(e);if(t===void 0&&(t=h++,m.set(e,t),t>=l.length)){let e=new Int32Array(l.length*2);e.set(l),l=e}return t},ee=e=>{let{isExternal:a,modifiers:o,hasImportantModifier:s,baseClassName:c,maybePostfixModifierPosition:l}=te(e);if(a)return _;let u=!!l,d;if(u){let e=c.substring(0,l);d=r(e);let t=d&&n[d]?r(c):void 0;t&&t!==d&&(d=t,u=!1)}else d=r(c);if(!d){if(!u||(d=r(c),!d))return _;u=!1}let f=o.length===0?``:o.length===1?o[0]:t(o).join(`:`),p=s?f+`!`:f,m=i(d,u),h=[];for(let e=0;e<m.length;e++)h.push(g(p+m[e]));return{isExternal:!1,classId:g(p+d),conflictIds:h}},v=e=>{let t=o[e];return t===void 0?(t=s[e],t===void 0&&(t=ee(e)),o[e]=t,++c>4096&&(c=0,s=o,o=Object.create(null)),t):t};return{parseClassName:te,sortModifiers:t,postfixLookupClassGroupIds:n,getClassGroupId:r,getConflictingClassGroupIds:i,getClassDescriptor:v,mergeClassList:e=>{let t=p(e),n=t.length;if(n===1)return t[0];h>16384&&(m.clear(),h=0,o=Object.create(null),s=Object.create(null),c=0),u=u+1|0,u===0&&(u=1);let r=u;if(n>d.length){let e=d.length;for(;e<n;)e*=2;d=new Uint8Array(e)}let i=!1,a=0;for(let e=n-1;e>=0;--e){let n=t[e];a+=n.length;let o=v(n);if(o.isExternal){d[e]=1;continue}let s=o.classId;if(l[s]===r){d[e]=0,i=!0;continue}l[s]=r;let c=o.conflictIds;for(let e=0;e<c.length;e++)l[c[e]]=r;d[e]=1}if(!i&&!f&&e.length===a+n-1)return e;let g=``;for(let e=0;e<n;e++)d[e]===1&&(g&&(g+=` `),g+=t[e]);return g}}},re=e=>{let t=Object.create(null),n=e.postfixLookupClassGroups;if(n)for(let e=0;e<n.length;e++)t[n[e]]=!0;return t},ie=(...e)=>{let t=0,n,r,i=``;for(;t<e.length;)(n=e[t++])&&(r=y(n))&&(i&&(i+=` `),i+=r);return i},y=e=>{if(typeof e==`string`)return e;let t,n=``;for(let r=0;r<e.length;r++)e[r]&&(t=y(e[r]))&&(n&&(n+=` `),n+=t);return n},b=e=>{let t,n,r=Object.create(null),i=Object.create(null),a=0,o=r=>(t=v(e()),n=t.mergeClassList,c.mergeString=s,s(r)),s=e=>{let t=r[e];return t===void 0?(t=i[e],t===void 0&&(t=n(e)),r[e]=t,++a>500&&(a=0,i=r,r=Object.create(null)),t):t},c=(...e)=>c.mergeString(ie(...e));return c.mergeString=o,c},ae=[],x=e=>{let t=t=>t[e]||ae;return t.isThemeGetter=!0,t},S=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,C=/^\((?:(\w[\w-]*):)?(.+)\)$/i,oe=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,w=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,T=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,E=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,D=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,se=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,O=Number,k=Number.isNaN,ce=Number.isInteger,A=e=>oe.test(e),j=e=>!!e&&!k(O(e)),M=e=>!!e&&ce(O(e)),le=e=>e.endsWith(`%`)&&j(e.slice(0,-1)),N=e=>w.test(e),ue=()=>!0,de=e=>T.test(e)&&!E.test(e),P=()=>!1,F=e=>D.test(e),I=e=>se.test(e),fe=e=>!L(e)&&!B(e),pe=e=>e.startsWith(`@container`)&&(e[10]===`/`&&e[11]!==void 0||e[11]===`s`&&e[16]!==void 0&&e.startsWith(`-size/`,10)||e[11]===`n`&&e[18]!==void 0&&e.startsWith(`-normal/`,10)),me=e=>U(e,q,P),L=e=>S.test(e),R=e=>U(e,J,de),he=e=>U(e,Y,j),ge=e=>U(e,Z,ue),_e=e=>U(e,X,P),ve=e=>U(e,G,P),ye=e=>U(e,K,I),z=e=>U(e,Te,F),B=e=>C.test(e),V=e=>W(e,J),be=e=>W(e,X),xe=e=>W(e,G),Se=e=>W(e,q),Ce=e=>W(e,K),H=e=>W(e,Te,!0),we=e=>W(e,Z,!0),U=(e,t,n)=>{let r=S.exec(e);return r?r[1]?t(r[1]):n(r[2]):!1},W=(e,t,n=!1)=>{let r=C.exec(e);return r?r[1]?t(r[1]):n:!1},G=e=>e===`position`||e===`percentage`,K=e=>e===`image`||e===`url`,q=e=>e===`length`||e===`size`||e===`bg-size`,J=e=>e===`length`,Y=e=>e===`number`,X=e=>e===`family-name`,Z=e=>e===`number`||e===`weight`,Te=e=>e===`shadow`,Q=b(()=>{let e=x(`color`),t=x(`font`),n=x(`text`),r=x(`font-weight`),i=x(`tracking`),a=x(`leading`),o=x(`breakpoint`),s=x(`container`),c=x(`spacing`),l=x(`radius`),u=x(`shadow`),d=x(`inset-shadow`),f=x(`text-shadow`),p=x(`drop-shadow`),m=x(`blur`),h=x(`perspective`),g=x(`aspect`),ee=x(`ease`),te=x(`animate`),ne=()=>[`auto`,`avoid`,`all`,`avoid-page`,`page`,`left`,`right`,`column`],_=()=>[`center`,`top`,`bottom`,`left`,`right`,`top-left`,`left-top`,`top-right`,`right-top`,`bottom-right`,`right-bottom`,`bottom-left`,`left-bottom`],v=()=>[..._(),B,L],re=()=>[`auto`,`hidden`,`clip`,`visible`,`scroll`],ie=()=>[`auto`,`contain`,`none`],y=()=>[B,L,c],b=()=>[A,`full`,`auto`,...y()],ae=()=>[M,`none`,`subgrid`,B,L],S=()=>[`auto`,{span:[`full`,M,B,L]},M,B,L],C=()=>[M,`auto`,B,L],oe=()=>[`auto`,`min`,`max`,`fr`,B,L],w=()=>[`start`,`end`,`center`,`between`,`around`,`evenly`,`stretch`,`baseline`,`center-safe`,`end-safe`],T=()=>[`start`,`end`,`center`,`stretch`,`center-safe`,`end-safe`],E=()=>[`auto`,...y()],D=()=>[A,`auto`,`full`,`dvw`,`dvh`,`lvw`,`lvh`,`svw`,`svh`,`min`,`max`,`fit`,...y()],se=()=>[A,`screen`,`full`,`dvw`,`lvw`,`svw`,`min`,`max`,`fit`,...y()],O=()=>[A,`screen`,`full`,`lh`,`dvh`,`lvh`,`svh`,`min`,`max`,`fit`,...y()],k=()=>[e,B,L],ce=()=>[..._(),xe,ve,{position:[B,L]}],de=()=>[`no-repeat`,{repeat:[``,`x`,`y`,`space`,`round`]}],P=()=>[`auto`,`cover`,`contain`,Se,me,{size:[B,L]}],F=()=>[le,V,R],I=()=>[``,`none`,`full`,l,B,L],U=()=>[``,j,V,R],W=()=>[`solid`,`dashed`,`dotted`,`double`],G=()=>[`normal`,`multiply`,`screen`,`overlay`,`darken`,`lighten`,`color-dodge`,`color-burn`,`hard-light`,`soft-light`,`difference`,`exclusion`,`hue`,`saturation`,`color`,`luminosity`],K=()=>[j,le,xe,ve],q=()=>[``,`none`,m,B,L],J=()=>[`none`,j,B,L],Y=()=>[`none`,j,B,L],X=()=>[j,B,L],Z=()=>[A,`full`,...y()];return{theme:{animate:[`spin`,`ping`,`pulse`,`bounce`],aspect:[`video`],blur:[N],breakpoint:[N],color:[ue],container:[N],"drop-shadow":[N],ease:[`in`,`out`,`in-out`],font:[fe],"font-weight":[`thin`,`extralight`,`light`,`normal`,`medium`,`semibold`,`bold`,`extrabold`,`black`],"inset-shadow":[N],leading:[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`],perspective:[`dramatic`,`near`,`normal`,`midrange`,`distant`,`none`],radius:[N],shadow:[N],spacing:[`px`,j,`em`],text:[N],"text-shadow":[N],tracking:[`tighter`,`tight`,`normal`,`wide`,`wider`,`widest`]},classGroups:{aspect:[{aspect:[`auto`,`square`,A,L,B,g]}],container:[`container`],"container-type":[{"@container":[``,`normal`,`size`,B,L]}],"container-named":[pe],columns:[{columns:[j,L,B,s]}],"break-after":[{"break-after":ne()}],"break-before":[{"break-before":ne()}],"break-inside":[{"break-inside":[`auto`,`avoid`,`avoid-page`,`avoid-column`]}],"box-decoration":[{"box-decoration":[`slice`,`clone`]}],box:[{box:[`border`,`content`]}],display:[`block`,`inline-block`,`inline`,`flex`,`inline-flex`,`table`,`inline-table`,`table-caption`,`table-cell`,`table-column`,`table-column-group`,`table-footer-group`,`table-header-group`,`table-row-group`,`table-row`,`flow-root`,`grid`,`inline-grid`,`contents`,`list-item`,`hidden`],sr:[`sr-only`,`not-sr-only`],float:[{float:[`right`,`left`,`none`,`start`,`end`]}],clear:[{clear:[`left`,`right`,`both`,`none`,`start`,`end`]}],isolation:[`isolate`,`isolation-auto`],"object-fit":[{object:[`contain`,`cover`,`fill`,`none`,`scale-down`]}],"object-position":[{object:v()}],overflow:[{overflow:re()}],"overflow-x":[{"overflow-x":re()}],"overflow-y":[{"overflow-y":re()}],overscroll:[{overscroll:ie()}],"overscroll-x":[{"overscroll-x":ie()}],"overscroll-y":[{"overscroll-y":ie()}],position:[`static`,`fixed`,`absolute`,`relative`,`sticky`],inset:[{inset:b()}],"inset-x":[{"inset-x":b()}],"inset-y":[{"inset-y":b()}],start:[{"inset-s":b(),start:b()}],end:[{"inset-e":b(),end:b()}],"inset-bs":[{"inset-bs":b()}],"inset-be":[{"inset-be":b()}],top:[{top:b()}],right:[{right:b()}],bottom:[{bottom:b()}],left:[{left:b()}],visibility:[`visible`,`invisible`,`collapse`],z:[{z:[M,`auto`,B,L]}],basis:[{basis:[A,`full`,`auto`,s,...y()]}],"flex-direction":[{flex:[`row`,`row-reverse`,`col`,`col-reverse`]}],"flex-wrap":[{flex:[`nowrap`,`wrap`,`wrap-reverse`]}],flex:[{flex:[j,A,`auto`,`initial`,`none`,L]}],grow:[{grow:[``,j,B,L]}],shrink:[{shrink:[``,j,B,L]}],order:[{order:[M,`first`,`last`,`none`,B,L]}],"grid-cols":[{"grid-cols":ae()}],"col-start-end":[{col:S()}],"col-start":[{"col-start":C()}],"col-end":[{"col-end":C()}],"grid-rows":[{"grid-rows":ae()}],"row-start-end":[{row:S()}],"row-start":[{"row-start":C()}],"row-end":[{"row-end":C()}],"grid-flow":[{"grid-flow":[`row`,`col`,`dense`,`row-dense`,`col-dense`]}],"auto-cols":[{"auto-cols":oe()}],"auto-rows":[{"auto-rows":oe()}],gap:[{gap:y()}],"gap-x":[{"gap-x":y()}],"gap-y":[{"gap-y":y()}],"justify-content":[{justify:[...w(),`normal`]}],"justify-items":[{"justify-items":[...T(),`normal`]}],"justify-self":[{"justify-self":[`auto`,...T()]}],"align-content":[{content:[`normal`,...w()]}],"align-items":[{items:[...T(),{baseline:[``,`last`]}]}],"align-self":[{self:[`auto`,...T(),{baseline:[``,`last`]}]}],"place-content":[{"place-content":w()}],"place-items":[{"place-items":[...T(),`baseline`]}],"place-self":[{"place-self":[`auto`,...T()]}],p:[{p:y()}],px:[{px:y()}],py:[{py:y()}],ps:[{ps:y()}],pe:[{pe:y()}],pbs:[{pbs:y()}],pbe:[{pbe:y()}],pt:[{pt:y()}],pr:[{pr:y()}],pb:[{pb:y()}],pl:[{pl:y()}],m:[{m:E()}],mx:[{mx:E()}],my:[{my:E()}],ms:[{ms:E()}],me:[{me:E()}],mbs:[{mbs:E()}],mbe:[{mbe:E()}],mt:[{mt:E()}],mr:[{mr:E()}],mb:[{mb:E()}],ml:[{ml:E()}],"space-x":[{"space-x":y()}],"space-x-reverse":[`space-x-reverse`],"space-y":[{"space-y":y()}],"space-y-reverse":[`space-y-reverse`],size:[{size:D()}],"inline-size":[{inline:[`auto`,...se()]}],"min-inline-size":[{"min-inline":[`auto`,...se()]}],"max-inline-size":[{"max-inline":[`none`,...se()]}],"block-size":[{block:[`auto`,...O()]}],"min-block-size":[{"min-block":[`auto`,...O()]}],"max-block-size":[{"max-block":[`none`,...O()]}],w:[{w:[s,`screen`,...D()]}],"min-w":[{"min-w":[s,`screen`,`none`,...D()]}],"max-w":[{"max-w":[s,`screen`,`none`,`prose`,{screen:[o]},...D()]}],h:[{h:[`screen`,`lh`,...D()]}],"min-h":[{"min-h":[`screen`,`lh`,`none`,...D()]}],"max-h":[{"max-h":[`screen`,`lh`,...D()]}],"font-size":[{text:[`base`,n,V,R]},`text-mono`,`text-size-inherit`],"font-smoothing":[`antialiased`,`subpixel-antialiased`],"font-style":[`italic`,`not-italic`],"font-weight":[{font:[r,we,ge]}],"font-stretch":[{"font-stretch":[`ultra-condensed`,`extra-condensed`,`condensed`,`semi-condensed`,`normal`,`semi-expanded`,`expanded`,`extra-expanded`,`ultra-expanded`,le,L]}],"font-family":[{font:[be,_e,t]}],"font-features":[{"font-features":[L]}],"fvn-normal":[`normal-nums`],"fvn-ordinal":[`ordinal`],"fvn-slashed-zero":[`slashed-zero`],"fvn-figure":[`lining-nums`,`oldstyle-nums`],"fvn-spacing":[`proportional-nums`,`tabular-nums`],"fvn-fraction":[`diagonal-fractions`,`stacked-fractions`],tracking:[{tracking:[i,B,L]}],"line-clamp":[{"line-clamp":[j,`none`,B,he]}],leading:[{leading:[a,...y()]}],"list-image":[{"list-image":[`none`,B,L]}],"list-style-position":[{list:[`inside`,`outside`]}],"list-style-type":[{list:[`disc`,`decimal`,`none`,B,L]}],"text-alignment":[{text:[`left`,`center`,`right`,`justify`,`start`,`end`]}],"placeholder-color":[{placeholder:k()}],"text-color":[{text:k()}],"text-decoration":[`underline`,`overline`,`line-through`,`no-underline`],"text-decoration-style":[{decoration:[...W(),`wavy`]}],"text-decoration-thickness":[{decoration:[j,`from-font`,`auto`,B,R]}],"text-decoration-color":[{decoration:k()}],"underline-offset":[{"underline-offset":[j,`auto`,B,L]}],"text-transform":[`uppercase`,`lowercase`,`capitalize`,`normal-case`],"text-overflow":[`truncate`,`text-ellipsis`,`text-clip`],"text-wrap":[{text:[`wrap`,`nowrap`,`balance`,`pretty`]}],indent:[{indent:y()}],"tab-size":[{tab:[M,B,L]}],"vertical-align":[{align:[`baseline`,`top`,`middle`,`bottom`,`text-top`,`text-bottom`,`sub`,`super`,B,L]}],whitespace:[{whitespace:[`normal`,`nowrap`,`pre`,`pre-line`,`pre-wrap`,`break-spaces`]}],break:[{break:[`normal`,`words`,`all`,`keep`]}],wrap:[{wrap:[`break-word`,`anywhere`,`normal`]}],hyphens:[{hyphens:[`none`,`manual`,`auto`]}],content:[{content:[`none`,B,L]}],"bg-attachment":[{bg:[`fixed`,`local`,`scroll`]}],"bg-clip":[{"bg-clip":[`border`,`padding`,`content`,`text`]}],"bg-origin":[{"bg-origin":[`border`,`padding`,`content`]}],"bg-position":[{bg:ce()}],"bg-repeat":[{bg:de()}],"bg-size":[{bg:P()}],"bg-image":[{bg:[`none`,{linear:[{to:[`t`,`tr`,`r`,`br`,`b`,`bl`,`l`,`tl`]},M,B,L],radial:[``,B,L],conic:[M,B,L]},Ce,ye]}],"bg-color":[{bg:k()}],"gradient-from-pos":[{from:F()}],"gradient-via-pos":[{via:F()}],"gradient-to-pos":[{to:F()}],"gradient-from":[{from:k()}],"gradient-via":[{via:k()}],"gradient-to":[{to:k()}],rounded:[{rounded:I()}],"rounded-s":[{"rounded-s":I()}],"rounded-e":[{"rounded-e":I()}],"rounded-t":[{"rounded-t":I()}],"rounded-r":[{"rounded-r":I()}],"rounded-b":[{"rounded-b":I()}],"rounded-l":[{"rounded-l":I()}],"rounded-ss":[{"rounded-ss":I()}],"rounded-se":[{"rounded-se":I()}],"rounded-ee":[{"rounded-ee":I()}],"rounded-es":[{"rounded-es":I()}],"rounded-tl":[{"rounded-tl":I()}],"rounded-tr":[{"rounded-tr":I()}],"rounded-br":[{"rounded-br":I()}],"rounded-bl":[{"rounded-bl":I()}],"border-w":[{border:U()}],"border-w-x":[{"border-x":U()}],"border-w-y":[{"border-y":U()}],"border-w-s":[{"border-s":U()}],"border-w-e":[{"border-e":U()}],"border-w-bs":[{"border-bs":U()}],"border-w-be":[{"border-be":U()}],"border-w-t":[{"border-t":U()}],"border-w-r":[{"border-r":U()}],"border-w-b":[{"border-b":U()}],"border-w-l":[{"border-l":U()}],"divide-x":[{"divide-x":U()}],"divide-x-reverse":[`divide-x-reverse`],"divide-y":[{"divide-y":U()}],"divide-y-reverse":[`divide-y-reverse`],"border-style":[{border:[...W(),`hidden`,`none`]}],"divide-style":[{divide:[...W(),`hidden`,`none`]}],"border-color":[{border:k()}],"border-color-x":[{"border-x":k()}],"border-color-y":[{"border-y":k()}],"border-color-s":[{"border-s":k()}],"border-color-e":[{"border-e":k()}],"border-color-bs":[{"border-bs":k()}],"border-color-be":[{"border-be":k()}],"border-color-t":[{"border-t":k()}],"border-color-r":[{"border-r":k()}],"border-color-b":[{"border-b":k()}],"border-color-l":[{"border-l":k()}],"divide-color":[{divide:k()}],"outline-style":[{outline:[...W(),`none`,`hidden`]}],"outline-offset":[{"outline-offset":[j,B,L]}],"outline-w":[{outline:[``,j,V,R]}],"outline-color":[{outline:k()}],shadow:[{shadow:[``,`none`,u,H,z]}],"shadow-color":[{shadow:k()}],"inset-shadow":[{"inset-shadow":[`none`,d,H,z]}],"inset-shadow-color":[{"inset-shadow":k()}],"ring-w":[{ring:U()}],"ring-w-inset":[`ring-inset`],"ring-color":[{ring:k()}],"ring-offset-w":[{"ring-offset":[j,R]}],"ring-offset-color":[{"ring-offset":k()}],"inset-ring-w":[{"inset-ring":U()}],"inset-ring-color":[{"inset-ring":k()}],"text-shadow":[{"text-shadow":[`none`,f,H,z]}],"text-shadow-color":[{"text-shadow":k()}],opacity:[{opacity:[j,B,L]}],"mix-blend":[{"mix-blend":[...G(),`plus-darker`,`plus-lighter`]}],"bg-blend":[{"bg-blend":G()}],"mask-clip":[{"mask-clip":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]},`mask-no-clip`],"mask-composite":[{mask:[`add`,`subtract`,`intersect`,`exclude`]}],"mask-image-linear-pos":[{"mask-linear":[j]}],"mask-image-linear-from-pos":[{"mask-linear-from":K()}],"mask-image-linear-to-pos":[{"mask-linear-to":K()}],"mask-image-linear-from-color":[{"mask-linear-from":k()}],"mask-image-linear-to-color":[{"mask-linear-to":k()}],"mask-image-t-from-pos":[{"mask-t-from":K()}],"mask-image-t-to-pos":[{"mask-t-to":K()}],"mask-image-t-from-color":[{"mask-t-from":k()}],"mask-image-t-to-color":[{"mask-t-to":k()}],"mask-image-r-from-pos":[{"mask-r-from":K()}],"mask-image-r-to-pos":[{"mask-r-to":K()}],"mask-image-r-from-color":[{"mask-r-from":k()}],"mask-image-r-to-color":[{"mask-r-to":k()}],"mask-image-b-from-pos":[{"mask-b-from":K()}],"mask-image-b-to-pos":[{"mask-b-to":K()}],"mask-image-b-from-color":[{"mask-b-from":k()}],"mask-image-b-to-color":[{"mask-b-to":k()}],"mask-image-l-from-pos":[{"mask-l-from":K()}],"mask-image-l-to-pos":[{"mask-l-to":K()}],"mask-image-l-from-color":[{"mask-l-from":k()}],"mask-image-l-to-color":[{"mask-l-to":k()}],"mask-image-x-from-pos":[{"mask-x-from":K()}],"mask-image-x-to-pos":[{"mask-x-to":K()}],"mask-image-x-from-color":[{"mask-x-from":k()}],"mask-image-x-to-color":[{"mask-x-to":k()}],"mask-image-y-from-pos":[{"mask-y-from":K()}],"mask-image-y-to-pos":[{"mask-y-to":K()}],"mask-image-y-from-color":[{"mask-y-from":k()}],"mask-image-y-to-color":[{"mask-y-to":k()}],"mask-image-radial":[{"mask-radial":[B,L]}],"mask-image-radial-from-pos":[{"mask-radial-from":K()}],"mask-image-radial-to-pos":[{"mask-radial-to":K()}],"mask-image-radial-from-color":[{"mask-radial-from":k()}],"mask-image-radial-to-color":[{"mask-radial-to":k()}],"mask-image-radial-shape":[{"mask-radial":[`circle`,`ellipse`]}],"mask-image-radial-size":[{"mask-radial":[{closest:[`side`,`corner`],farthest:[`side`,`corner`]}]}],"mask-image-radial-pos":[{"mask-radial-at":_()}],"mask-image-conic-pos":[{"mask-conic":[j]}],"mask-image-conic-from-pos":[{"mask-conic-from":K()}],"mask-image-conic-to-pos":[{"mask-conic-to":K()}],"mask-image-conic-from-color":[{"mask-conic-from":k()}],"mask-image-conic-to-color":[{"mask-conic-to":k()}],"mask-mode":[{mask:[`alpha`,`luminance`,`match`]}],"mask-origin":[{"mask-origin":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]}],"mask-position":[{mask:ce()}],"mask-repeat":[{mask:de()}],"mask-size":[{mask:P()}],"mask-type":[{"mask-type":[`alpha`,`luminance`]}],"mask-image":[{mask:[`none`,B,L]}],filter:[{filter:[``,`none`,B,L]}],blur:[{blur:q()}],brightness:[{brightness:[j,B,L]}],contrast:[{contrast:[j,B,L]}],"drop-shadow":[{"drop-shadow":[``,`none`,p,H,z]}],"drop-shadow-color":[{"drop-shadow":k()}],grayscale:[{grayscale:[``,j,B,L]}],"hue-rotate":[{"hue-rotate":[j,B,L]}],invert:[{invert:[``,j,B,L]}],saturate:[{saturate:[j,B,L]}],sepia:[{sepia:[``,j,B,L]}],"backdrop-filter":[{"backdrop-filter":[``,`none`,B,L]}],"backdrop-blur":[{"backdrop-blur":q()}],"backdrop-brightness":[{"backdrop-brightness":[j,B,L]}],"backdrop-contrast":[{"backdrop-contrast":[j,B,L]}],"backdrop-grayscale":[{"backdrop-grayscale":[``,j,B,L]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[j,B,L]}],"backdrop-invert":[{"backdrop-invert":[``,j,B,L]}],"backdrop-opacity":[{"backdrop-opacity":[j,B,L]}],"backdrop-saturate":[{"backdrop-saturate":[j,B,L]}],"backdrop-sepia":[{"backdrop-sepia":[``,j,B,L]}],"border-collapse":[{border:[`collapse`,`separate`]}],"border-spacing":[{"border-spacing":y()}],"border-spacing-x":[{"border-spacing-x":y()}],"border-spacing-y":[{"border-spacing-y":y()}],"table-layout":[{table:[`auto`,`fixed`]}],caption:[{caption:[`top`,`bottom`]}],transition:[{transition:[``,`all`,`colors`,`opacity`,`shadow`,`transform`,`none`,B,L]}],"transition-behavior":[{transition:[`normal`,`discrete`]}],duration:[{duration:[j,`initial`,B,L]}],ease:[{ease:[`linear`,`initial`,ee,B,L]}],delay:[{delay:[j,B,L]}],animate:[{animate:[`none`,te,B,L]}],backface:[{backface:[`hidden`,`visible`]}],perspective:[{perspective:[h,B,L]}],"perspective-origin":[{"perspective-origin":v()}],rotate:[{rotate:J()}],"rotate-x":[{"rotate-x":J()}],"rotate-y":[{"rotate-y":J()}],"rotate-z":[{"rotate-z":J()}],scale:[{scale:Y()}],"scale-x":[{"scale-x":Y()}],"scale-y":[{"scale-y":Y()}],"scale-z":[{"scale-z":Y()}],"scale-3d":[`scale-3d`],skew:[{skew:X()}],"skew-x":[{"skew-x":X()}],"skew-y":[{"skew-y":X()}],transform:[{transform:[B,L,``,`none`,`gpu`,`cpu`]}],"transform-origin":[{origin:v()}],"transform-style":[{transform:[`3d`,`flat`]}],translate:[{translate:Z()}],"translate-x":[{"translate-x":Z()}],"translate-y":[{"translate-y":Z()}],"translate-z":[{"translate-z":Z()}],"translate-none":[`translate-none`],zoom:[{zoom:[M,B,L]}],accent:[{accent:k()}],appearance:[{appearance:[`none`,`auto`]}],"caret-color":[{caret:k()}],"color-scheme":[{scheme:[`normal`,`dark`,`light`,`light-dark`,`only-dark`,`only-light`]}],cursor:[{cursor:[`auto`,`default`,`pointer`,`wait`,`text`,`move`,`help`,`not-allowed`,`none`,`context-menu`,`progress`,`cell`,`crosshair`,`vertical-text`,`alias`,`copy`,`no-drop`,`grab`,`grabbing`,`all-scroll`,`col-resize`,`row-resize`,`n-resize`,`e-resize`,`s-resize`,`w-resize`,`ne-resize`,`nw-resize`,`se-resize`,`sw-resize`,`ew-resize`,`ns-resize`,`nesw-resize`,`nwse-resize`,`zoom-in`,`zoom-out`,B,L]}],"field-sizing":[{"field-sizing":[`fixed`,`content`]}],"pointer-events":[{"pointer-events":[`auto`,`none`]}],resize:[{resize:[`none`,``,`y`,`x`]}],"scroll-behavior":[{scroll:[`auto`,`smooth`]}],"scrollbar-thumb-color":[{"scrollbar-thumb":k()}],"scrollbar-track-color":[{"scrollbar-track":k()}],"scrollbar-gutter":[{"scrollbar-gutter":[`auto`,`stable`,`both`]}],"scrollbar-w":[{scrollbar:[`auto`,`thin`,`none`]}],"scroll-m":[{"scroll-m":y()}],"scroll-mx":[{"scroll-mx":y()}],"scroll-my":[{"scroll-my":y()}],"scroll-ms":[{"scroll-ms":y()}],"scroll-me":[{"scroll-me":y()}],"scroll-mbs":[{"scroll-mbs":y()}],"scroll-mbe":[{"scroll-mbe":y()}],"scroll-mt":[{"scroll-mt":y()}],"scroll-mr":[{"scroll-mr":y()}],"scroll-mb":[{"scroll-mb":y()}],"scroll-ml":[{"scroll-ml":y()}],"scroll-p":[{"scroll-p":y()}],"scroll-px":[{"scroll-px":y()}],"scroll-py":[{"scroll-py":y()}],"scroll-ps":[{"scroll-ps":y()}],"scroll-pe":[{"scroll-pe":y()}],"scroll-pbs":[{"scroll-pbs":y()}],"scroll-pbe":[{"scroll-pbe":y()}],"scroll-pt":[{"scroll-pt":y()}],"scroll-pr":[{"scroll-pr":y()}],"scroll-pb":[{"scroll-pb":y()}],"scroll-pl":[{"scroll-pl":y()}],"snap-align":[{snap:[`start`,`end`,`center`,`align-none`]}],"snap-stop":[{snap:[`normal`,`always`]}],"snap-type":[{snap:[`none`,`x`,`y`,`both`]}],"snap-strictness":[{snap:[`mandatory`,`proximity`]}],touch:[{touch:[`auto`,`none`,`manipulation`]}],"touch-x":[{"touch-pan":[`x`,`left`,`right`]}],"touch-y":[{"touch-pan":[`y`,`up`,`down`]}],"touch-pz":[`touch-pinch-zoom`],select:[{select:[`none`,`text`,`all`,`auto`]}],"will-change":[{"will-change":[`auto`,`scroll`,`contents`,`transform`,B,L]}],fill:[{fill:[`none`,...k()]}],"stroke-w":[{stroke:[j,V,R,he]}],stroke:[{stroke:[`none`,...k()]}],"forced-color-adjust":[{"forced-color-adjust":[`auto`,`none`]}]},conflictingClassGroups:{"container-named":[`container-type`],overflow:[`overflow-x`,`overflow-y`],overscroll:[`overscroll-x`,`overscroll-y`],inset:[`inset-x`,`inset-y`,`inset-bs`,`inset-be`,`start`,`end`,`top`,`right`,`bottom`,`left`],"inset-x":[`right`,`left`],"inset-y":[`top`,`bottom`],flex:[`basis`,`grow`,`shrink`],gap:[`gap-x`,`gap-y`],p:[`px`,`py`,`ps`,`pe`,`pbs`,`pbe`,`pt`,`pr`,`pb`,`pl`],px:[`pr`,`pl`],py:[`pt`,`pb`],m:[`mx`,`my`,`ms`,`me`,`mbs`,`mbe`,`mt`,`mr`,`mb`,`ml`],mx:[`mr`,`ml`],my:[`mt`,`mb`],size:[`w`,`h`],"font-size":[`leading`],"fvn-normal":[`fvn-ordinal`,`fvn-slashed-zero`,`fvn-figure`,`fvn-spacing`,`fvn-fraction`],"fvn-ordinal":[`fvn-normal`],"fvn-slashed-zero":[`fvn-normal`],"fvn-figure":[`fvn-normal`],"fvn-spacing":[`fvn-normal`],"fvn-fraction":[`fvn-normal`],"line-clamp":[`display`,`overflow`],rounded:[`rounded-s`,`rounded-e`,`rounded-t`,`rounded-r`,`rounded-b`,`rounded-l`,`rounded-ss`,`rounded-se`,`rounded-ee`,`rounded-es`,`rounded-tl`,`rounded-tr`,`rounded-br`,`rounded-bl`],"rounded-s":[`rounded-ss`,`rounded-es`],"rounded-e":[`rounded-se`,`rounded-ee`],"rounded-t":[`rounded-tl`,`rounded-tr`],"rounded-r":[`rounded-tr`,`rounded-br`],"rounded-b":[`rounded-br`,`rounded-bl`],"rounded-l":[`rounded-tl`,`rounded-bl`],"border-spacing":[`border-spacing-x`,`border-spacing-y`],"border-w":[`border-w-x`,`border-w-y`,`border-w-s`,`border-w-e`,`border-w-bs`,`border-w-be`,`border-w-t`,`border-w-r`,`border-w-b`,`border-w-l`],"border-w-x":[`border-w-r`,`border-w-l`],"border-w-y":[`border-w-t`,`border-w-b`],"border-color":[`border-color-x`,`border-color-y`,`border-color-s`,`border-color-e`,`border-color-bs`,`border-color-be`,`border-color-t`,`border-color-r`,`border-color-b`,`border-color-l`],"border-color-x":[`border-color-r`,`border-color-l`],"border-color-y":[`border-color-t`,`border-color-b`],translate:[`translate-x`,`translate-y`,`translate-none`],"translate-none":[`translate`,`translate-x`,`translate-y`,`translate-z`],"scroll-m":[`scroll-mx`,`scroll-my`,`scroll-ms`,`scroll-me`,`scroll-mbs`,`scroll-mbe`,`scroll-mt`,`scroll-mr`,`scroll-mb`,`scroll-ml`],"scroll-mx":[`scroll-mr`,`scroll-ml`],"scroll-my":[`scroll-mt`,`scroll-mb`],"scroll-p":[`scroll-px`,`scroll-py`,`scroll-ps`,`scroll-pe`,`scroll-pbs`,`scroll-pbe`,`scroll-pt`,`scroll-pr`,`scroll-pb`,`scroll-pl`],"scroll-px":[`scroll-pr`,`scroll-pl`],"scroll-py":[`scroll-pt`,`scroll-pb`],touch:[`touch-x`,`touch-y`,`touch-pz`],"touch-x":[`touch`],"touch-y":[`touch`],"touch-pz":[`touch`]},conflictingClassGroupModifiers:{"font-size":[`leading`]},postfixLookupClassGroups:[`container-type`],orderSensitiveModifiers:[`*`,`**`,`after`,`backdrop`,`before`,`details-content`,`file`,`first-letter`,`first-line`,`marker`,`placeholder`,`selection`]}}),Ee=new WeakMap,De=(t,n)=>{let r=n.length,i=!0;for(let e=0;e<r;e++){let t=n[e];if(t&&typeof t!=`string`){i=!1;break}}if(i){let e=Ee.get(t);if(e!==void 0)for(let t=0;t<e.length;t++){let i=e[t],a=i.values,o=!0;for(let e=0;e<r;e++)if(a[e]!==n[e]){o=!1;break}if(o)return i.result}}let a=t[0];for(let i=0;i<r;i++){let r=n[i];r&&(a+=typeof r==`string`?r:e(r)),a+=t[i+1]}let o=Q.mergeString(a);if(i){let e=Ee.get(t);e===void 0&&(e=[],Ee.set(t,e)),e.length>=8&&e.shift(),e.push({values:n,result:o})}return o},Oe=e=>Array.isArray(e)&&`raw`in e,ke=(()=>{let e=Error();return!(`line`in e)&&!(`lineNumber`in e)})();let $=new Map,Ae=new Map,je=0;const Me=t=>{let n=``,r=!1,i=0,a=!0;for(let e of t)if(e){if(typeof e!=`string`){a=!1;break}r||=(n=e,!0),i+=1}if(!a)return Q.mergeString(e(t));if(!r)return``;if(i===1)return Q.mergeString(n);let o=$.get(n)??Ae.get(n);if(o!=null)for(let e of o){if(e.rest.length!==i-1)continue;let n=0,r=!1,a=!0;for(let i of t)if(i){if(!r){r=!0;continue}if(i!==e.rest[n]){a=!1;break}n+=1}if(a)return e.result}let s=n,c=!1,l=[];for(let e of t)if(!(!e||typeof e!=`string`)){if(!c){c=!0;continue}s+=` `+e,l.push(e)}let u=Q.mergeString(s),d=$.get(n);return d??(d=[],$.set(n,d)),d.length>=64&&d.shift(),d.push({rest:l,result:u}),je+=1,je>500&&(je=0,Ae=$,$=new Map),u},Ne=(t,...n)=>{if(Oe(t))return De(t,n);if(n.length===0)return Q.mergeString(e(t));let r=[t,...n];return ke?Me(r):Q.mergeString(e(r))};export{Ne as t};

package/dist/cx.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./clsx-DUGZgXfJ.js";export{t as clsx,e as cx};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./clsx-DUGZgXfJ.js";export{t as clsx,e as cx};

package/dist/data-slot-CChfb_cv.d.ts

@@ -0,0 +1,17 @@
+//#region src/utils/data-slot.d.ts
+/**
+ * The incoming `data-slot` chain a part receives when an ancestor composes it
+ * via `asChild` — mantle's `Slot` forwards the ancestor chain so parts can
+ * concatenate it ahead of their own slot name instead of clobbering it.
+ */
+type WithDataSlot = {
+  /**
+   * The `data-slot` chain accumulated by ancestor `asChild` composition.
+   * Parts merge it ancestors-first with their own slot name via
+   * `joinDataSlot`, so the rendered attribute reads in DOM order — outermost
+   * ancestor through to the rendered element.
+   */
+  "data-slot"?: string;
+};
+//#endregion
+export { WithDataSlot as t };

package/dist/data-table.d.ts

@@ -1,11 +1,11 @@
-import { t as Button } from "./button-mfYak6Rx.js";
-import { t as IconButton } from "./icon-button-D7hs6bX2.js";
-import { s as SortingMode } from "./direction-CcTY0FmA.js";
-import { t as Table$1 } from "./table-BWD9IlIN.js";
+import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
+import { n as ButtonAppearance, t as Button } from "./button-DcXOWUYo.js";
+import { n as IconButtonAppearance, t as IconButton } from "./icon-button-B7uEj1qq.js";
+import { s as SortingMode } from "./direction-BjU0bPST.js";
+import { t as Table$1 } from "./table-CwFHXC-G.js";
 import { ComponentProps, ReactNode } from "react";
 import { HeaderContext, Row, Table } from "@tanstack/react-table";
 export * from "@tanstack/react-table";
-
 //#region src/components/data-table/types.d.ts
 declare const sortDirections: readonly ["asc", "desc", "unsorted"];
 type SortDirection = (typeof sortDirections)[number];
@@ -24,7 +24,7 @@ type DataTableProps<TData> = ComponentProps<typeof Table$1.Root> & {
  * any sorting / filtering / pagination state — the wrapper components read
  * from it.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableroot
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableroot
  *
  * @example
  * ```tsx
@@ -62,15 +62,21 @@ type DataTableProps<TData> = ComponentProps<typeof Table$1.Root> & {
  * }
  * ```
  */
-declare function Root<TData>({
-  children,
-  table,
-  ...props
-}: DataTableProps<TData>): import("react").JSX.Element;
-declare namespace Root {
-  var displayName: string;
-}
-type DataTableHeaderSortButtonProps<TData, TValue> = Omit<ComponentProps<typeof Button>, "icon"> & Pick<HeaderContext<TData, TValue>, "column"> & ({
+declare function Root<TData>({ children, table, ...props }: DataTableProps<TData>): import("react").JSX.Element;
+type DataTableHeaderSortButtonProps<TData, TValue> = Omit<ComponentProps<typeof Button>, "appearance" | "icon" | "intent"> & Pick<HeaderContext<TData, TValue>, "column"> & {
+  /**
+   * The visual style of the sort button. Optional — the header sort button's
+   * design is a ghost button, so the wrapper defaults it.
+   * @default "ghost"
+   */
+  appearance?: ButtonAppearance;
+  /**
+   * The tone of the sort button. Optional — the header sort button's design
+   * is neutral-toned, so the wrapper defaults it.
+   * @default "neutral"
+   */
+  intent?: ButtonIntent;
+} & ({
   /**
    * Disable sorting for this column.
    * It will prevent the sorting direction from being toggled and any icon
@@ -110,7 +116,7 @@ type DataTableHeaderSortButtonProps<TData, TValue> = Omit<ComponentProps<typeof
  * For right-aligned numeric columns, pass `className="justify-end"` and
  * `iconPlacement="start"` so the sort icon stays paired with the label.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableheadersortbutton
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableheadersortbutton
  *
  * @example
  * ```tsx
@@ -127,27 +133,14 @@ type DataTableHeaderSortButtonProps<TData, TValue> = Omit<ComponentProps<typeof
  * });
  * ```
  */
-declare function HeaderSortButton<TData, TValue>({
-  children,
-  className,
-  column,
-  disableSorting,
-  iconPlacement,
-  sortingMode,
-  sortIcon: propSortIcon,
-  onClick,
-  ...props
-}: DataTableHeaderSortButtonProps<TData, TValue>): import("react").JSX.Element;
-declare namespace HeaderSortButton {
-  var displayName: string;
-}
+declare function HeaderSortButton<TData, TValue>({ appearance, children, className, column, disableSorting, iconPlacement, intent, sortingMode, sortIcon: propSortIcon, onClick, ...props }: DataTableHeaderSortButtonProps<TData, TValue>): import("react").JSX.Element;
 type DataTableHeaderProps = ComponentProps<typeof Table$1.Header>;
 /**
  * A `<th>` optimized for header actions. Wrap each column's header content in
  * this; for sortable columns, nest a `DataTable.HeaderSortButton` inside.
  * Non-sortable columns can render plain text.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableheader
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableheader
  *
  * @example
  * ```tsx
@@ -164,21 +157,14 @@ type DataTableHeaderProps = ComponentProps<typeof Table$1.Header>;
  * });
  * ```
  */
-declare function Header({
-  children,
-  className,
-  ...props
-}: DataTableHeaderProps): import("react").JSX.Element;
-declare namespace Header {
-  var displayName: string;
-}
+declare function Header({ children, className, ...props }: DataTableHeaderProps): import("react").JSX.Element;
 type DataTableHeadProps = Omit<ComponentProps<typeof Table$1.Head>, "children">;
 /**
  * The `<thead>` container that renders column headers automatically from
  * `table.getHeaderGroups()`. Does not accept children — headers come from each
  * column's `header` definition on the TanStack Table column config.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatablehead
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatablehead
  *
  * @example
  * ```tsx
@@ -196,9 +182,6 @@ type DataTableHeadProps = Omit<ComponentProps<typeof Table$1.Head>, "children">;
  * ```
  */
 declare function Head<TData>(props: DataTableHeadProps): import("react").JSX.Element;
-declare namespace Head {
-  var displayName: string;
-}
 type DataTableRowProps<TData> = Omit<ComponentProps<typeof Table$1.Row>, "children"> & {
   row: Row<TData>;
   /**
@@ -228,7 +211,7 @@ type DataTableRowProps<TData> = Omit<ComponentProps<typeof Table$1.Row>, "childr
  * holding the returned content. Pair it with a `DataTable.RowExpandButton` toggle
  * and configure the table for expansion (`getExpandedRowModel`, `getRowCanExpand`).
  *
- * @see https://mantle.ngrok.com/components/data-table#datatablerow
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatablerow
  *
  * @example
  * Clickable row navigating to a detail page:
@@ -265,15 +248,7 @@ type DataTableRowProps<TData> = Omit<ComponentProps<typeof Table$1.Row>, "childr
  * ))}
  * ```
  */
-declare function Row$1<TData>({
-  className,
-  renderExpanded,
-  row,
-  ...props
-}: DataTableRowProps<TData>): import("react").JSX.Element;
-declare namespace Row$1 {
-  var displayName: string;
-}
+declare function Row$1<TData>({ className, renderExpanded, row, ...props }: DataTableRowProps<TData>): import("react").JSX.Element;
 type DataTableEmptyRowProps = ComponentProps<typeof Table$1.Row>;
 /**
  * An empty-state row that spans every column. Render this as the `else` branch
@@ -284,8 +259,8 @@ type DataTableEmptyRowProps = ComponentProps<typeof Table$1.Row>;
  * Host an `Empty` for a real empty state, and branch on whether a filter is
  * active so the user sees the right message (and a way out when filtered):
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableemptyrow
- * @see https://mantle.ngrok.com/components/empty
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableemptyrow
+ * @see https://mantle.ngrok.com/components/feedback/empty
  *
  * @example
  * ```tsx
@@ -313,7 +288,7 @@ type DataTableEmptyRowProps = ComponentProps<typeof Table$1.Row>;
  *           <Button
  *             type="button"
  *             appearance="outlined"
- *             priority="neutral"
+ *             intent="neutral"
  *             onClick={() => table.setGlobalFilter("")}
  *           >
  *             Clear filters
@@ -332,13 +307,7 @@ type DataTableEmptyRowProps = ComponentProps<typeof Table$1.Row>;
  * </DataTable.Body>
  * ```
  */
-declare function EmptyRow<TData>({
-  children,
-  ...props
-}: DataTableEmptyRowProps): import("react").JSX.Element;
-declare namespace EmptyRow {
-  var displayName: string;
-}
+declare function EmptyRow<TData>({ children, ...props }: DataTableEmptyRowProps): import("react").JSX.Element;
 type DataTableActionCellProps = ComponentProps<typeof Table$1.Cell>;
 /**
  * A sticky-right `<td>` for per-row action buttons (typically an `IconButton`
@@ -348,7 +317,7 @@ type DataTableActionCellProps = ComponentProps<typeof Table$1.Cell>;
  * on this cell so clicks on action controls don't bubble and fire the row
  * handler.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableactioncell
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableactioncell
  *
  * @example
  * ```tsx
@@ -363,21 +332,14 @@ type DataTableActionCellProps = ComponentProps<typeof Table$1.Cell>;
  * });
  * ```
  */
-declare function ActionCell({
-  children,
-  className,
-  ...props
-}: DataTableActionCellProps): import("react").JSX.Element;
-declare namespace ActionCell {
-  var displayName: string;
-}
+declare function ActionCell({ children, className, ...props }: DataTableActionCellProps): import("react").JSX.Element;
 type DataTableActionHeaderProps = ComponentProps<typeof Table$1.Header>;
 /**
  * A sticky header cell that pairs with `DataTable.ActionCell`. Use this as the
  * header for the action column so the pinned column visually aligns across the
  * header and every body row when the table scrolls horizontally.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableactionheader
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableactionheader
  *
  * @example
  * ```tsx
@@ -388,14 +350,7 @@ type DataTableActionHeaderProps = ComponentProps<typeof Table$1.Header>;
  * })
  * ```
  */
-declare function ActionHeader({
-  children,
-  className,
-  ...props
-}: DataTableActionHeaderProps): import("react").JSX.Element;
-declare namespace ActionHeader {
-  var displayName: string;
-}
+declare function ActionHeader({ children, className, ...props }: DataTableActionHeaderProps): import("react").JSX.Element;
 /**
  * Compute the stable DOM `id` for a row's expanded detail row. Shared by
  * `DataTable.RowExpandButton` (as its `aria-controls` target) and
@@ -432,7 +387,7 @@ type DataTableExpandHeaderProps = Omit<ComponentProps<typeof Table$1.Header>, "c
  * column is announced to assistive tech while staying visually empty; pass
  * `children` to render an "expand all" control instead.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableexpandheader
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableexpandheader
  *
  * @example
  * ```tsx
@@ -447,15 +402,20 @@ type DataTableExpandHeaderProps = Omit<ComponentProps<typeof Table$1.Header>, "c
  * });
  * ```
  */
-declare function ExpandHeader({
-  children,
-  className,
-  ...props
-}: DataTableExpandHeaderProps): import("react").JSX.Element;
-declare namespace ExpandHeader {
-  var displayName: string;
-}
-type DataTableRowExpandButtonProps<TData> = Omit<ComponentProps<typeof IconButton>, "aria-controls" | "aria-expanded" | "icon" | "label"> & {
+declare function ExpandHeader({ children, className, ...props }: DataTableExpandHeaderProps): import("react").JSX.Element;
+type DataTableRowExpandButtonProps<TData> = Omit<ComponentProps<typeof IconButton>, "appearance" | "aria-controls" | "aria-expanded" | "icon" | "intent" | "label"> & {
+  /**
+   * The visual style of the expand toggle. Optional — the row expand button's
+   * design is a ghost button, so the wrapper defaults it.
+   * @default "ghost"
+   */
+  appearance?: IconButtonAppearance;
+  /**
+   * The tone of the expand toggle. Optional — the row expand button's design
+   * is neutral-toned, so the wrapper defaults it.
+   * @default "neutral"
+   */
+  intent?: ButtonIntent;
   /**
    * The TanStack Table row this button toggles. The table must be configured for
    * expansion (`getExpandedRowModel`, plus `getRowCanExpand: () => true` for
@@ -491,7 +451,7 @@ type DataTableRowExpandButtonProps<TData> = Omit<ComponentProps<typeof IconButto
  * pass `onClick` to run side effects before the toggle (call
  * `event.preventDefault()` to veto it).
  *
- * @see https://mantle.ngrok.com/components/data-table#datatablerowexpandbutton
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatablerowexpandbutton
  *
  * @example
  * ```tsx
@@ -506,27 +466,16 @@ type DataTableRowExpandButtonProps<TData> = Omit<ComponentProps<typeof IconButto
  * });
  * ```
  */
-declare function RowExpandButton<TData>({
-  appearance,
-  className,
-  collapseIcon,
-  expandIcon,
-  label,
-  onClick,
-  row,
-  size,
-  ...props
-}: DataTableRowExpandButtonProps<TData>): import("react").JSX.Element | null;
-declare namespace RowExpandButton {
-  var displayName: string;
-}
+declare function RowExpandButton<TData>({ appearance, className, collapseIcon, expandIcon, intent, label, onClick, row, size, ...props }: DataTableRowExpandButtonProps<TData>): import("react").JSX.Element | null;
 type DataTableExpandedRowProps<TData> = Omit<ComponentProps<typeof Table$1.Row>, "children"> & {
-  /** The row whose detail panel this displays. */row: Row<TData>;
+  /** The row whose detail panel this displays. */
+  row: Row<TData>;
   /**
    * Override the cell's `colSpan`. Defaults to the row's visible-cell count so
    * the panel spans every visible column (visibility- and pinning-aware).
    */
-  colSpan?: number; /** The detail content rendered inside the full-width panel. */
+  colSpan?: number;
+  /** The detail content rendered inside the full-width panel. */
   children: ReactNode;
 };
 /**
@@ -546,7 +495,7 @@ type DataTableExpandedRowProps<TData> = Omit<ComponentProps<typeof Table$1.Row>,
  * the parent data row reacts to hover). Exposes `data-expanded-content` for
  * styling hooks.
  *
- * @see https://mantle.ngrok.com/components/data-table#datatableexpandedrow
+ * @see https://mantle.ngrok.com/components/data-display/data-table#datatableexpandedrow
  *
  * @example
  * Render the row's underlying object as JSON (a common detail-panel use case).
@@ -574,16 +523,7 @@ type DataTableExpandedRowProps<TData> = Omit<ComponentProps<typeof Table$1.Row>,
  * ))}
  * ```
  */
-declare function ExpandedRow<TData>({
-  children,
-  className,
-  colSpan,
-  row,
-  ...props
-}: DataTableExpandedRowProps<TData>): import("react").JSX.Element;
-declare namespace ExpandedRow {
-  var displayName: string;
-}
+declare function ExpandedRow<TData>({ children, className, colSpan, row, ...props }: DataTableExpandedRowProps<TData>): import("react").JSX.Element;
 /**
  * Use `DataTable` for INTERACTIVE tabular data — sorting, filtering, pagination,
  * row selection, and server-side or client-side data. Built on TanStack Table;
@@ -597,7 +537,7 @@ declare namespace ExpandedRow {
  * For STATIC, layout-driven tables (read-only data dumps, simple key/value
  * displays, plain markup tables with no interactivity), use `Table` instead.
  *
- * @see https://mantle.ngrok.com/components/data-table
+ * @see https://mantle.ngrok.com/components/data-display/data-table
  *
  * @example
  * Composition:
@@ -779,7 +719,7 @@ declare namespace ExpandedRow {
  *                   <Button
  *                     type="button"
  *                     appearance="outlined"
- *                     priority="neutral"
+ *                     intent="neutral"
  *                     onClick={() => setGlobalFilter("")}
  *                   >
  *                     Clear filters
@@ -827,7 +767,7 @@ declare namespace ExpandedRow {
  * ```tsx
  * import { DataTable, createColumnHelper } from "@ngrok/mantle/data-table";
  * import { DropdownMenu } from "@ngrok/mantle/dropdown-menu";
- * import { IconButton } from "@ngrok/mantle/icon-button";
+ * import { IconButton } from "@ngrok/mantle/button";
  * import { DotsThreeVerticalIcon } from "@phosphor-icons/react/DotsThreeVertical";
  *
  * const columnHelper = createColumnHelper<Payment>();
@@ -841,7 +781,7 @@ declare namespace ExpandedRow {
  *       <DataTable.ActionCell onClick={(event) => event.stopPropagation()}>
  *         <DropdownMenu.Root>
  *           <DropdownMenu.Trigger asChild>
- *             <IconButton type="button" label="Actions" icon={<DotsThreeVerticalIcon />} />
+ *             <IconButton type="button" appearance="outlined" intent="neutral" label="Actions" icon={<DotsThreeVerticalIcon />} />
  *           </DropdownMenu.Trigger>
  *           <DropdownMenu.Content align="end">
  *             <DropdownMenu.Item onSelect={() => copy(props.row.original.id)}>
@@ -908,7 +848,7 @@ declare const DataTable: {
    * from `@ngrok/mantle/data-table`) via the `table` prop — every other
    * `DataTable.*` part reads from it through context.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableroot
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableroot
    *
    * @example
    * ```tsx
@@ -933,7 +873,7 @@ declare const DataTable: {
    * If the row has `onClick`, stop propagation on this cell so clicks on action
    * controls don't bubble up and fire the row handler.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableactioncell
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableactioncell
    *
    * @example
    * ```tsx
@@ -954,7 +894,7 @@ declare const DataTable: {
    * action column aligned across the header and body when scrolling horizontally.
    * Use as the `header` for a `columnHelper.display` action column.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableactionheader
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableactionheader
    *
    * @example
    * ```tsx
@@ -975,7 +915,7 @@ declare const DataTable: {
    * `Table.Cell`. Every cell rendered by a column's `cell` function should
    * be wrapped in this — a raw `<td>` skips mantle typography and padding.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatablecell
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatablecell
    *
    * @example
    * ```tsx
@@ -992,7 +932,7 @@ declare const DataTable: {
    * `DataTable.Row`, with a `DataTable.EmptyRow` fallback when there is
    * no data.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatablebody
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatablebody
    *
    * @example
    * ```tsx
@@ -1013,8 +953,8 @@ declare const DataTable: {
    * every column and `Empty.Root` centers itself, so no `<td>` or centering
    * markup is needed.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableemptyrow
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableemptyrow
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -1036,7 +976,7 @@ declare const DataTable: {
    * `table.getHeaderGroups()`. Does not accept children — headers come from
    * each column's `header` definition.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatablehead
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatablehead
    *
    * @example
    * ```tsx
@@ -1051,7 +991,7 @@ declare const DataTable: {
    * A `<th>` optimized for header actions. Wrap each column's header content
    * in this; for sortable columns, nest a `DataTable.HeaderSortButton` inside.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableheader
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableheader
    *
    * @example
    * ```tsx
@@ -1077,7 +1017,7 @@ declare const DataTable: {
    * Pass `className="justify-end"` and `iconPlacement="start"` for
    * right-aligned numeric columns so the sort icon stays paired with the label.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableheadersortbutton
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableheadersortbutton
    *
    * @example
    * ```tsx
@@ -1107,7 +1047,7 @@ declare const DataTable: {
    * renders a sibling `DataTable.ExpandedRow` (only while expanded) holding the
    * returned content. Pair with `DataTable.RowExpandButton`.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatablerow
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatablerow
    *
    * @example
    * ```tsx
@@ -1135,7 +1075,7 @@ declare const DataTable: {
    * `DataTable.ActionHeader`. Renders a screen-reader-only label by default so
    * the column is announced while staying visually empty.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableexpandheader
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableexpandheader
    *
    * @example
    * ```tsx
@@ -1159,7 +1099,7 @@ declare const DataTable: {
    * a row-level `onClick`, and renders nothing when `row.getCanExpand()` is
    * false.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatablerowexpandbutton
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatablerowexpandbutton
    *
    * @example
    * ```tsx
@@ -1177,7 +1117,7 @@ declare const DataTable: {
    * and sits on an opaque card surface so it coexists with a sticky action
    * column.
    *
-   * @see https://mantle.ngrok.com/components/data-table#datatableexpandedrow
+   * @see https://mantle.ngrok.com/components/data-display/data-table#datatableexpandedrow
    *
    * @example
    * ```tsx

package/dist/data-table.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./icon-button-DiX9iZ9n.js";import{t as n}from"./button-C9GW9nAr.js";import{i as r}from"./direction-Wa9W2F61.js";import{t as i}from"./sort-BPX2Fk9t.js";import{t as a}from"./table-CAitdL78.js";import{Fragment as o,createContext as s,forwardRef as c,useContext as l,useMemo as u}from"react";import d from"tiny-invariant";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{flexRender as h}from"@tanstack/react-table";import{MinusIcon as g}from"@phosphor-icons/react/Minus";import{PlusIcon as _}from"@phosphor-icons/react/Plus";export*from"@tanstack/react-table";const v=[`unsorted`,`asc`,`desc`],y=[`unsorted`,`desc`,`asc`];function b(e,t){return x(t===`alphanumeric`?v:y,e)??`unsorted`}function x(e,t,n){if(e.length===0)return n;let r=e.findIndex(e=>e===t);if(r===-1)return n;let i=(r+1)%e.length;return e.at(i)??n}const S=s(null);function C(){let e=l(S);return d(e,`useDataTableContext should only be used within a DataTable child component`),e}function w({children:e,table:t,...n}){let r=u(()=>({table:t}),[t]);return p(S.Provider,{value:r,children:p(a.Root,{"data-slot":`data-table`,...n,children:p(a.Element,{children:e})})})}function T({children:t,className:i,column:a,disableSorting:o=!1,iconPlacement:s=`end`,sortingMode:c,sortIcon:l,onClick:u,...d}){let f=a.getIsSorted(),h=!o&&a.getCanSort(),g=h&&typeof f==`string`?f:`unsorted`,_=l?.(g)??p(V,{mode:c,direction:g});return m(n,{appearance:`ghost`,"data-slot":`data-table-header-sort-button`,className:e(`flex justify-start w-full h-full rounded-none not-disabled:active:scale-none text-muted`,i),"data-sort-direction":g,"data-table-header-action":!0,icon:_,iconPlacement:s,onClick:e=>{u?.(e),!e.defaultPrevented&&(!h||o||c===void 0||H(a,c))},priority:`neutral`,type:`button`,...d,children:[h&&g!==`unsorted`&&m(`span`,{className:`sr-only`,children:[`Column sorted in`,` `,c===`alphanumeric`?g===`asc`?`ascending`:`descending`:r(g),` `,`order`]}),t]})}function E({children:t,className:n,...r}){return p(a.Header,{"data-slot":`data-table-header`,className:e(`has-data-table-header-action:px-0`,n),...r,children:t})}const D=c((e,t)=>p(a.Body,{ref:t,"data-slot":`data-table-body`,...e}));D.displayName=`DataTableBody`;function O(e){let{table:t}=C();return p(a.Head,{"data-slot":`data-table-head`,...e,children:t.getHeaderGroups().map(e=>p(a.Row,{children:e.headers.map(e=>p(o,{children:e.isPlaceholder?p(a.Header,{},e.id):h(e.column.columnDef.header,e.getContext())},e.id))},e.id))})}function k({className:t,renderExpanded:n,row:r,...i}){let s=p(a.Row,{"data-slot":`data-table-row`,"data-expanded":r.getIsExpanded()||void 0,className:e(i.onClick&&`cursor-pointer`,t),...i,children:r.getVisibleCells().map(e=>p(o,{children:h(e.column.columnDef.cell,e.getContext())},e.id))});return n==null?s:m(f,{children:[s,r.getIsExpanded()&&p(z,{row:r,children:n(r)})]})}function A({children:e,...t}){let{table:n}=C(),r=n.getAllColumns().length;return p(a.Row,{"data-slot":`data-table-empty-row`,...t,children:p(a.Cell,{colSpan:r,children:e})})}function j(){return p(`span`,{"aria-hidden":!0,className:e(`pointer-events-none absolute -inset-y-px -left-1.5 w-1.5`,`opacity-0 transition-opacity group-data-sticky-active/table:opacity-100`,`shadow-[1px_0_0_0_var(--border-color-card-muted)]`,`bg-linear-to-l to-transparent`,`from-[color-mix(in_oklab,var(--shadow-color)_var(--shadow-second-opacity),transparent)]`)})}function M({children:t,className:n,...r}){return m(a.Cell,{"data-mantle-table-sticky-right":!0,"data-slot":`data-table-action-cell`,className:e(`sticky z-10 right-0 text-end align-middle bg-inherit p-2`,n),...r,children:[p(j,{}),t]})}function N({children:t,className:n,...r}){let{table:i}=C(),o=i.getRowModel().rows.length>0;return m(a.Header,{...o?{"data-mantle-table-sticky-right":!0}:{},"data-slot":`data-table-action-header`,className:e(o&&`sticky z-10 right-0 bg-inherit`,n),...r,children:[o&&p(j,{}),t]})}function P(e){return`data-table-expanded-row-${encodeURIComponent(e.id)}`}function F({children:t,className:n,...r}){return p(a.Header,{"data-slot":`data-table-expand-header`,className:e(`w-9 px-0 text-center`,n),...r,children:t??p(`span`,{className:`sr-only`,children:`Row details`})})}const I=p(_,{weight:`bold`,className:`size-3.5`}),L=p(g,{weight:`bold`,className:`size-3.5`});function R({appearance:n=`ghost`,className:r,collapseIcon:i=L,expandIcon:a=I,label:o,onClick:s,row:c,size:l=`sm`,...u}){if(!c.getCanExpand())return null;let d=c.getIsExpanded(),f=c.getToggleExpandedHandler();return p(t,{type:`button`,"data-slot":`data-table-row-expand-button`,appearance:n,size:l,className:e(`rounded`,r),"aria-expanded":d,"aria-controls":d?P(c):void 0,icon:d?i:a,label:`${d?`Hide`:`Show`} details for ${o}`,onClick:e=>{e.stopPropagation(),s?.(e),!e.defaultPrevented&&f()},...u})}function z({children:t,className:n,colSpan:r,row:i,...o}){return p(a.Row,{"data-slot":`data-table-expanded-row`,"data-expanded-content":!0,className:e(`[&>td]:border-t-0`,n),...o,children:p(a.Cell,{id:P(i),colSpan:r??i.getVisibleCells().length,className:`bg-card font-sans text-body`,children:t})})}w.displayName=`DataTable`,M.displayName=`DataTableActionCell`,N.displayName=`DataTableActionHeader`,D.displayName=`DataTableBody`,A.displayName=`DataTableEmptyRow`,F.displayName=`DataTableExpandHeader`,z.displayName=`DataTableExpandedRow`,O.displayName=`DataTableHead`,E.displayName=`DataTableHeader`,T.displayName=`DataTableHeaderSortButton`,k.displayName=`DataTableRow`,R.displayName=`DataTableRowExpandButton`;const B={Root:w,ActionCell:M,ActionHeader:N,Cell:a.Cell,Body:D,EmptyRow:A,Head:O,Header:E,HeaderSortButton:T,Row:k,ExpandHeader:F,RowExpandButton:R,ExpandedRow:z};function V({direction:e,mode:t,...n}){return e===`unsorted`||!t||!e?p(`svg`,{"aria-hidden":!0,...n}):p(i,{mode:t,direction:e,...n})}function H(e,t){if(!e.getCanSort())return;let n=e.getIsSorted();switch(b(typeof n==`string`?n:`unsorted`,t)){case`unsorted`:e.clearSorting();return;case`asc`:e.toggleSorting(!1);return;case`desc`:e.toggleSorting(!0);return;default:return}}export{B as DataTable,P as expandedRowId};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-button-DV2-GZHf.js";import{t as n}from"./button-ClC60Nzg.js";import{i as r}from"./direction-Wa9W2F61.js";import{t as i}from"./sort-BPX2Fk9t.js";import{t as a}from"./table-CPH2md2-.js";import{Fragment as o,createContext as s,forwardRef as c,useContext as l,useMemo as u}from"react";import d from"tiny-invariant";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{flexRender as h}from"@tanstack/react-table";import{MinusIcon as g}from"@phosphor-icons/react/Minus";import{PlusIcon as _}from"@phosphor-icons/react/Plus";export*from"@tanstack/react-table";const v=[`unsorted`,`asc`,`desc`],y=[`unsorted`,`desc`,`asc`];function b(e,t){return x(t===`alphanumeric`?v:y,e)??`unsorted`}function x(e,t,n){if(e.length===0)return n;let r=e.findIndex(e=>e===t);if(r===-1)return n;let i=(r+1)%e.length;return e.at(i)??n}const S=s(null);function C(){let e=l(S);return d(e,`useDataTableContext should only be used within a DataTable child component`),e}function w({children:e,table:t,...n}){let r=u(()=>({table:t}),[t]);return p(S.Provider,{value:r,children:p(a.Root,{"data-slot":`data-table`,...n,children:p(a.Element,{children:e})})})}function T({appearance:t=`ghost`,children:i,className:a,column:o,disableSorting:s=!1,iconPlacement:c=`end`,intent:l=`neutral`,sortingMode:u,sortIcon:d,onClick:f,...h}){let g=o.getIsSorted(),_=!s&&o.getCanSort(),v=_&&typeof g==`string`?g:`unsorted`,y=d?.(v)??p(V,{mode:u,direction:v});return m(n,{appearance:t,"data-slot":`data-table-header-sort-button`,className:e(`flex justify-start w-full h-full rounded-none not-disabled:active:scale-none`,t===`ghost`&&l===`neutral`&&`text-muted`,a),"data-sort-direction":v,"data-table-header-action":!0,icon:y,iconPlacement:c,onClick:e=>{f?.(e),!e.defaultPrevented&&(!_||s||u===void 0||H(o,u))},intent:l,type:`button`,...h,children:[_&&v!==`unsorted`&&m(`span`,{className:`sr-only`,children:[`Column sorted in`,` `,u===`alphanumeric`?v===`asc`?`ascending`:`descending`:r(v),` `,`order`]}),i]})}function E({children:t,className:n,...r}){return p(a.Header,{"data-slot":`data-table-header`,className:e(`has-data-table-header-action:px-0`,n),...r,children:t})}const D=c((e,t)=>p(a.Body,{ref:t,"data-slot":`data-table-body`,...e}));D.displayName=`DataTableBody`;function O(e){let{table:t}=C();return p(a.Head,{"data-slot":`data-table-head`,...e,children:t.getHeaderGroups().map(e=>p(a.Row,{children:e.headers.map(e=>p(o,{children:e.isPlaceholder?p(a.Header,{},e.id):h(e.column.columnDef.header,e.getContext())},e.id))},e.id))})}function k({className:t,renderExpanded:n,row:r,...i}){let s=p(a.Row,{"data-slot":`data-table-row`,"data-expanded":r.getIsExpanded()||void 0,className:e(i.onClick&&`cursor-pointer`,t),...i,children:r.getVisibleCells().map(e=>p(o,{children:h(e.column.columnDef.cell,e.getContext())},e.id))});return n==null?s:m(f,{children:[s,r.getIsExpanded()&&p(z,{row:r,children:n(r)})]})}function A({children:e,...t}){let{table:n}=C(),r=n.getAllColumns().length;return p(a.Row,{"data-slot":`data-table-empty-row`,...t,children:p(a.Cell,{colSpan:r,children:e})})}function j(){return p(`span`,{"aria-hidden":!0,className:e(`pointer-events-none absolute -inset-y-px -left-1.5 w-1.5`,`opacity-0 transition-opacity group-data-sticky-active/table:opacity-100`,`shadow-[1px_0_0_0_var(--border-color-card-muted)]`,`bg-linear-to-l to-transparent`,`from-[color-mix(in_oklab,var(--shadow-color)_var(--shadow-second-opacity),transparent)]`)})}function M({children:t,className:n,...r}){return m(a.Cell,{"data-mantle-table-sticky-right":!0,"data-slot":`data-table-action-cell`,className:e(`sticky z-10 right-0 text-end align-middle bg-inherit p-2`,n),...r,children:[p(j,{}),t]})}function N({children:t,className:n,...r}){let{table:i}=C(),o=i.getRowModel().rows.length>0;return m(a.Header,{...o?{"data-mantle-table-sticky-right":!0}:{},"data-slot":`data-table-action-header`,className:e(o&&`sticky z-10 right-0 bg-inherit`,n),...r,children:[o&&p(j,{}),t]})}function P(e){return`data-table-expanded-row-${encodeURIComponent(e.id)}`}function F({children:t,className:n,...r}){return p(a.Header,{"data-slot":`data-table-expand-header`,className:e(`w-9 px-0 text-center`,n),...r,children:t??p(`span`,{className:`sr-only`,children:`Row details`})})}const I=p(_,{weight:`bold`,className:`size-3.5`}),L=p(g,{weight:`bold`,className:`size-3.5`});function R({appearance:n=`ghost`,className:r,collapseIcon:i=L,expandIcon:a=I,intent:o=`neutral`,label:s,onClick:c,row:l,size:u=`sm`,...d}){if(!l.getCanExpand())return null;let f=l.getIsExpanded(),m=l.getToggleExpandedHandler();return p(t,{type:`button`,"data-slot":`data-table-row-expand-button`,appearance:n,intent:o,size:u,className:e(`rounded`,r),"aria-expanded":f,"aria-controls":f?P(l):void 0,icon:f?i:a,label:`${f?`Hide`:`Show`} details for ${s}`,onClick:e=>{e.stopPropagation(),c?.(e),!e.defaultPrevented&&m()},...d})}function z({children:t,className:n,colSpan:r,row:i,...o}){return p(a.Row,{"data-slot":`data-table-expanded-row`,"data-expanded-content":!0,className:e(`[&>td]:border-t-0`,n),...o,children:p(a.Cell,{id:P(i),colSpan:r??i.getVisibleCells().length,className:`bg-card font-sans text-body`,children:t})})}w.displayName=`DataTable`,M.displayName=`DataTableActionCell`,N.displayName=`DataTableActionHeader`,D.displayName=`DataTableBody`,A.displayName=`DataTableEmptyRow`,F.displayName=`DataTableExpandHeader`,z.displayName=`DataTableExpandedRow`,O.displayName=`DataTableHead`,E.displayName=`DataTableHeader`,T.displayName=`DataTableHeaderSortButton`,k.displayName=`DataTableRow`,R.displayName=`DataTableRowExpandButton`;const B={Root:w,ActionCell:M,ActionHeader:N,Cell:a.Cell,Body:D,EmptyRow:A,Head:O,Header:E,HeaderSortButton:T,Row:k,ExpandHeader:F,RowExpandButton:R,ExpandedRow:z};function V({direction:e,mode:t,...n}){return e===`unsorted`||!t||!e?p(`svg`,{"aria-hidden":!0,...n}):p(i,{mode:t,direction:e,...n})}function H(e,t){if(!e.getCanSort())return;let n=e.getIsSorted();switch(b(typeof n==`string`?n:`unsorted`,t)){case`unsorted`:e.clearSorting();return;case`asc`:e.toggleSorting(!1);return;case`desc`:e.toggleSorting(!0);return;default:return}}export{B as DataTable,P as expandedRowId};