@ngrok/mantle 0.85.2 → 0.86.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/agent.json +1 -1
- package/dist/alert-center.d.ts +13 -0
- package/dist/alert-center.js +1 -1
- package/dist/area-chart.d.ts +21 -0
- package/dist/area-chart.js +1 -1
- package/dist/bar-chart.d.ts +21 -0
- package/dist/bar-chart.js +1 -1
- package/dist/breadcrumb.d.ts +11 -0
- package/dist/{chart-2rorgvW0.js → chart-aZLMj4xx.js} +1 -1
- package/dist/command.d.ts +1 -1
- package/dist/data-table.d.ts +56 -0
- package/dist/data-table.js +1 -1
- package/dist/dropdown-menu-BSOdApBD.d.ts +1 -0
- package/dist/dropdown-menu-Bir-GKUs.js +1 -0
- package/dist/{dropdown-menu-BYapTV0f.d.ts → dropdown-menu-DhwzMnoH.d.ts} +147 -4
- package/dist/dropdown-menu.d.ts +2 -2
- package/dist/dropdown-menu.js +1 -1
- package/dist/line-chart.d.ts +21 -0
- package/dist/line-chart.js +1 -1
- package/dist/llms.txt +1 -1
- package/dist/multi-select.d.ts +43 -0
- package/dist/multi-select.js +1 -1
- package/dist/pagination.d.ts +1 -1
- package/dist/pagination.js +1 -1
- package/dist/scatter-plot.d.ts +21 -0
- package/dist/scatter-plot.js +1 -1
- package/dist/{select-CKAiBEGt.d.ts → select-DMlziWUZ.d.ts} +54 -1
- package/dist/select-DX72zQN2.js +1 -0
- package/dist/select.d.ts +1 -1
- package/dist/select.js +1 -1
- package/dist/selectable-list.d.ts +52 -0
- package/dist/selectable-list.js +1 -1
- package/dist/sidebar.d.ts +28 -1
- package/dist/sidebar.js +1 -1
- package/dist/split-button.d.ts +1 -1
- package/dist/split-button.js +1 -1
- package/dist/tabs.d.ts +38 -0
- package/dist/tabs.js +1 -1
- package/dist/theme-switcher.d.ts +2 -2
- package/dist/theme-switcher.js +1 -1
- package/dist/toast.d.ts +34 -1
- package/dist/toast.js +1 -1
- package/dist/tooltip-CHgJAU6j.js +1 -0
- package/dist/{tooltip-DA41fxe5.d.ts → tooltip-CfsA_JPe.d.ts} +42 -6
- package/dist/tooltip.d.ts +1 -1
- package/dist/tooltip.js +1 -1
- package/package.json +3 -3
- package/dist/dropdown-menu-BkPBh_8y.d.ts +0 -1
- package/dist/dropdown-menu-WydWB9lo.js +0 -1
- package/dist/select-DCni0ZwA.js +0 -1
- package/dist/tooltip-DikKOzqN.js +0 -1
package/dist/data-table.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./button-Dij5vCQG.js";import{t as n}from"./button-pwkdtR3U.js";import{t as r}from"./icons-Bu-2boul.js";import{n as i}from"./sandboxed-on-click-BLvvSqOP.js";import{t as a}from"./table-Bje71vHb.js";import{c as o}from"react/compiler-runtime";import{Fragment as s,createContext as c,useContext as l}from"react";import u from"tiny-invariant";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{Subscribe as m,callMemoOrStaticFn as h,flexRender as g}from"@tanstack/react-table";import{MinusIcon as _}from"@phosphor-icons/react/Minus";import{PlusIcon as v}from"@phosphor-icons/react/Plus";import{column_getIsSorted as y,row_getIsExpanded as b,row_getVisibleCells as x,table_getVisibleLeafColumns as S}from"@tanstack/react-table/static-functions";export*from"@tanstack/react-table";const C=[`unsorted`,`asc`,`desc`],w=[`unsorted`,`desc`,`asc`];function T(e,t){return E(t===`alphanumeric`?C:w,e)??`unsorted`}function E(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 D=c(null);function O(){return l(D)?.table.options}function k(){let e=l(D);return u(e,`useDataTableContext should only be used within a DataTable child component`),e}function A(e){let t=o(14),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({children:n,table:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let s;t[4]===i?s=t[5]:(s={table:i},t[4]=i,t[5]=s);let c=s,l;t[6]===n?l=t[7]:(l=f(a.Element,{children:n}),t[6]=n,t[7]=l);let u;t[8]!==r||t[9]!==l?(u=f(a.Root,{"data-slot":`data-table`,...r,children:l}),t[8]=r,t[9]=l,t[10]=u):u=t[10];let d;return t[11]!==c||t[12]!==u?(d=f(D.Provider,{value:c,children:u}),t[11]=c,t[12]=u,t[13]=d):d=t[13],d}function j(n){let r=o(31),i,a,s,c,l,u,d,p,h,g,_;r[0]===n?(i=r[1],a=r[2],s=r[3],c=r[4],l=r[5],u=r[6],d=r[7],p=r[8],h=r[9],g=r[10],_=r[11]):({appearance:p,children:i,className:a,column:s,disableSorting:h,iconPlacement:g,intent:_,sortingMode:d,sortIcon:l,onClick:c,...u}=n,r[0]=n,r[1]=i,r[2]=a,r[3]=s,r[4]=c,r[5]=l,r[6]=u,r[7]=d,r[8]=p,r[9]=h,r[10]=g,r[11]=_);let v=p===void 0?`ghost`:p,y=h!==void 0&&h,b=g===void 0?`end`:g,x=_===void 0?`neutral`:_,S;r[12]!==v||r[13]!==i||r[14]!==a||r[15]!==s||r[16]!==y||r[17]!==b||r[18]!==x||r[19]!==c||r[20]!==l||r[21]!==u||r[22]!==d?(S=()=>{let n=s.getIsSorted(),r=!y&&s.getCanSort(),o=r&&typeof n==`string`?n:`unsorted`;if(!r)return f(`span`,{"data-slot":`data-table-header-sort-button`,"data-sort-direction":`unsorted`,className:e(`flex w-full items-center justify-start`,v===`ghost`&&x===`neutral`&&`text-muted`,a),...u,children:i});let p=l?.(o)??f(Q,{mode:d,direction:o});return f(t,{appearance:v,"data-slot":`data-table-header-sort-button`,className:e(`flex justify-start w-full h-full rounded-none not-disabled:active:scale-none`,v===`ghost`&&x===`neutral`&&`text-muted`,a),"data-sort-direction":o,"data-table-header-action":!0,icon:p,iconPlacement:b,onClick:e=>{c?.(e),!e.defaultPrevented&&d!==void 0&&$(s,d)},intent:x,type:`button`,...u,children:i})},r[12]=v,r[13]=i,r[14]=a,r[15]=s,r[16]=y,r[17]=b,r[18]=x,r[19]=c,r[20]=l,r[21]=u,r[22]=d,r[23]=S):S=r[23];let C=S,w=O(),T;r[24]!==s||r[25]!==w?(T=()=>({sorted:s.getIsSorted(),options:w}),r[24]=s,r[25]=w,r[26]=T):T=r[26];let E;return r[27]!==s.table.store||r[28]!==C||r[29]!==T?(E=f(m,{source:s.table.store,selector:T,children:C}),r[27]=s.table.store,r[28]=C,r[29]=T,r[30]=E):E=r[30],E}function M(e){if(e==null)return;let t=h(e,`getIsSorted`,y);if(t===`asc`)return`ascending`;if(t===`desc`)return`descending`}function N(t){let n=o(19),r,i,s,c;n[0]===t?(r=n[1],i=n[2],s=n[3],c=n[4]):({children:r,className:i,column:s,...c}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s,n[4]=c);let l;n[5]!==r||n[6]!==i||n[7]!==s||n[8]!==c?(l=()=>f(a.Header,{"aria-sort":M(s),"data-slot":`data-table-header`,className:e(`has-data-table-header-action:px-0`,i),...c,children:r}),n[5]=r,n[6]=i,n[7]=s,n[8]=c,n[9]=l):l=n[9];let u=l,d=O();if(s==null){let e;return n[10]===u?e=n[11]:(e=u(),n[10]=u,n[11]=e),e}let p;n[12]!==s||n[13]!==d?(p=()=>({ariaSort:M(s),options:d}),n[12]=s,n[13]=d,n[14]=p):p=n[14];let h;return n[15]!==s.table.store||n[16]!==u||n[17]!==p?(h=f(m,{source:s.table.store,selector:p,children:u}),n[15]=s.table.store,n[16]=u,n[17]=p,n[18]=h):h=n[18],h}const P=e=>{let t=o(2),n;return t[0]===e?n=t[1]:(n=f(a.Body,{"data-slot":`data-table-body`,...e}),t[0]=e,t[1]=n),n};function F(e){let t=o(5),{table:n}=k(),r;t[0]===n?r=t[1]:(r=n.getHeaderGroups().map(I),t[0]=n,t[1]=r);let i;return t[2]!==e||t[3]!==r?(i=f(a.Head,{"data-slot":`data-table-head`,...e,children:r}),t[2]=e,t[3]=r,t[4]=i):i=t[4],i}function I(e){return f(a.Row,{children:e.headers.map(L)},e.id)}function L(e){return f(s,{children:e.isPlaceholder?f(a.Header,{}):g(e.column.columnDef.header,e.getContext())},e.id)}function R(e){if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return!1;let t=e.currentTarget.ownerDocument.getSelection();return t==null||t.isCollapsed?!0:!e.currentTarget.contains(t.anchorNode)}function z(t){let n=o(9),r,i;if(n[0]!==t){let{className:o,onClick:s,renderExpanded:c,row:l,...u}=t;r=l,i=()=>{let t=h(r,`getIsExpanded`,b),n=h(r,`getVisibleCells`,x),i=f(a.Row,{"data-slot":`data-table-row`,"data-expanded":t||void 0,"data-clickable":s==null?void 0:``,className:e(s!=null&&`cursor-pointer`,o),onClick:s&&(e=>{R(e)&&s(e)}),...u,children:n.map(B)});return c==null?i:p(d,{children:[i,t&&f(X,{row:r,children:c(r)})]})},n[0]=t,n[1]=r,n[2]=i}else r=n[1],i=n[2];let s=i,c=O(),l;n[3]===c?l=n[4]:(l=e=>({state:e,options:c}),n[3]=c,n[4]=l);let u;return n[5]!==s||n[6]!==r.table.store||n[7]!==l?(u=f(m,{source:r.table.store,selector:l,children:s}),n[5]=s,n[6]=r.table.store,n[7]=l,n[8]=u):u=n[8],u}function B(e){return f(s,{children:g(e.column.columnDef.cell,e.getContext())},e.id)}function V(e){let t=o(11),n,r;t[0]===e?(n=t[1],r=t[2]):({children:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let{table:i}=k(),s;t[3]===i?s=t[4]:(s=h(i,`getVisibleLeafColumns`,S),t[3]=i,t[4]=s);let c=s.length,l;t[5]!==n||t[6]!==c?(l=f(a.Cell,{colSpan:c,children:n}),t[5]=n,t[6]=c,t[7]=l):l=t[7];let u;return t[8]!==r||t[9]!==l?(u=f(a.Row,{"data-slot":`data-table-empty-row`,...r,children:l}),t[8]=r,t[9]=l,t[10]=u):u=t[10],u}function H(){let t=o(1),n;return t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=f(`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)]`)}),t[0]=n):n=t[0],n}function U(t){let n=o(15),r,s,c,l;n[0]===t?(r=n[1],s=n[2],c=n[3],l=n[4]):({children:r,className:s,onClick:c,...l}=t,n[0]=t,n[1]=r,n[2]=s,n[3]=c,n[4]=l);let u;n[5]===c?u=n[6]:(u=i({allowClickEventDefault:!0,onClick:c}),n[5]=c,n[6]=u);let{onClick:d}=u,m;n[7]===s?m=n[8]:(m=e(`sticky z-10 right-0 text-end align-middle bg-inherit p-2`,s),n[7]=s,n[8]=m);let h;n[9]===Symbol.for(`react.memo_cache_sentinel`)?(h=f(H,{}),n[9]=h):h=n[9];let g;return n[10]!==r||n[11]!==l||n[12]!==d||n[13]!==m?(g=p(a.Cell,{"data-mantle-table-sticky-right":!0,"data-slot":`data-table-action-cell`,className:m,onClick:d,...l,children:[h,r]}),n[10]=r,n[11]=l,n[12]=d,n[13]=m,n[14]=g):g=n[14],g}function W(t){let n=o(21),r,i,s;n[0]===t?(r=n[1],i=n[2],s=n[3]):({children:r,className:i,...s}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s);let{table:c}=k(),l;n[4]===c?l=n[5]:(l=c.getRowModel(),n[4]=c,n[5]=l);let u=l.rows.length>0,d;n[6]===u?d=n[7]:(d=u?{"data-mantle-table-sticky-right":!0}:{},n[6]=u,n[7]=d);let m=u&&`sticky z-10 right-0 bg-inherit`,h;n[8]!==i||n[9]!==m?(h=e(m,i),n[8]=i,n[9]=m,n[10]=h):h=n[10];let g;n[11]===r?g=n[12]:(g=r??f(`span`,{className:`sr-only`,children:`Actions`}),n[11]=r,n[12]=g);let _;n[13]===u?_=n[14]:(_=u&&f(H,{}),n[13]=u,n[14]=_);let v;return n[15]!==s||n[16]!==d||n[17]!==h||n[18]!==g||n[19]!==_?(v=p(a.Header,{...d,"data-slot":`data-table-action-header`,className:h,...s,children:[g,_]}),n[15]=s,n[16]=d,n[17]=h,n[18]=g,n[19]=_,n[20]=v):v=n[20],v}function G(e){return`data-table-expanded-row-${encodeURIComponent(e.id)}`}function K(t){let n=o(12),r,i,s;n[0]===t?(r=n[1],i=n[2],s=n[3]):({children:r,className:i,...s}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s);let c;n[4]===i?c=n[5]:(c=e(`w-9 px-0 text-center`,i),n[4]=i,n[5]=c);let l;n[6]===r?l=n[7]:(l=r??f(`span`,{className:`sr-only`,children:`Row details`}),n[6]=r,n[7]=l);let u;return n[8]!==s||n[9]!==c||n[10]!==l?(u=f(a.Header,{"data-slot":`data-table-expand-header`,className:c,...s,children:l}),n[8]=s,n[9]=c,n[10]=l,n[11]=u):u=n[11],u}const q=f(v,{weight:`bold`,className:`size-3.5`}),J=f(_,{weight:`bold`,className:`size-3.5`});function Y(t){let r=o(29),i,a,s,c,l,u,d,p,h,g;r[0]===t?(i=r[1],a=r[2],s=r[3],c=r[4],l=r[5],u=r[6],d=r[7],p=r[8],h=r[9],g=r[10]):({appearance:u,className:i,collapseIcon:d,expandIcon:p,intent:h,label:a,onClick:s,row:l,size:g,...c}=t,r[0]=t,r[1]=i,r[2]=a,r[3]=s,r[4]=c,r[5]=l,r[6]=u,r[7]=d,r[8]=p,r[9]=h,r[10]=g);let _=u===void 0?`ghost`:u,v=d===void 0?J:d,y=p===void 0?q:p,b=h===void 0?`neutral`:h,x=g===void 0?`sm`:g,S;r[11]!==_||r[12]!==i||r[13]!==v||r[14]!==y||r[15]!==b||r[16]!==a||r[17]!==s||r[18]!==c||r[19]!==l||r[20]!==x?(S=()=>{if(!l.getCanExpand())return null;let t=l.getIsExpanded(),r=l.getToggleExpandedHandler();return f(n,{type:`button`,"data-slot":`data-table-row-expand-button`,appearance:_,intent:b,size:x,className:e(`rounded`,i),"aria-expanded":t,"aria-controls":t?G(l):void 0,icon:t?v:y,label:`${t?`Hide`:`Show`} details for ${a}`,onClick:e=>{e.stopPropagation(),s?.(e),!e.defaultPrevented&&r()},...c})},r[11]=_,r[12]=i,r[13]=v,r[14]=y,r[15]=b,r[16]=a,r[17]=s,r[18]=c,r[19]=l,r[20]=x,r[21]=S):S=r[21];let C=S,w=O(),T;r[22]!==w||r[23]!==l?(T=()=>({isExpanded:l.getIsExpanded(),options:w}),r[22]=w,r[23]=l,r[24]=T):T=r[24];let E;return r[25]!==C||r[26]!==l.table.store||r[27]!==T?(E=f(m,{source:l.table.store,selector:T,children:C}),r[25]=C,r[26]=l.table.store,r[27]=T,r[28]=E):E=r[28],E}function X(t){let n=o(23),r,i,s,c,l;n[0]===t?(r=n[1],i=n[2],s=n[3],c=n[4],l=n[5]):({children:r,className:i,colSpan:s,row:l,...c}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s,n[4]=c,n[5]=l);let u;n[6]===l?u=n[7]:(u=()=>h(l,`getVisibleCells`,x).length,n[6]=l,n[7]=u);let d=u,p;n[8]!==r||n[9]!==i||n[10]!==c||n[11]!==l?(p=t=>{let{numberOfColumns:n}=t;return f(a.Row,{"data-slot":`data-table-expanded-row`,"data-expanded-content":!0,className:e(`[&>td]:border-t-0`,i),...c,children:f(a.Cell,{id:G(l),colSpan:n,className:`bg-card font-sans text-body`,children:r})})},n[8]=r,n[9]=i,n[10]=c,n[11]=l,n[12]=p):p=n[12];let g=p,_=O();if(s!=null){let e;return n[13]!==s||n[14]!==g?(e=g({numberOfColumns:s}),n[13]=s,n[14]=g,n[15]=e):e=n[15],e}let v;n[16]!==d||n[17]!==_?(v=()=>({numberOfColumns:d(),options:_}),n[16]=d,n[17]=_,n[18]=v):v=n[18];let y;return n[19]!==g||n[20]!==l.table.store||n[21]!==v?(y=f(m,{source:l.table.store,selector:v,children:g}),n[19]=g,n[20]=l.table.store,n[21]=v,n[22]=y):y=n[22],y}const Z={Root:A,ActionCell:U,ActionHeader:W,Cell:a.Cell,Body:P,EmptyRow:V,Head:F,Header:N,HeaderSortButton:j,Row:z,ExpandHeader:K,RowExpandButton:Y,ExpandedRow:X};function Q(e){let t=o(10),n,i,a;if(t[0]===e?(n=t[1],i=t[2],a=t[3]):({direction:n,mode:i,...a}=e,t[0]=e,t[1]=n,t[2]=i,t[3]=a),n===`unsorted`||!i||!n){let e;return t[4]===a?e=t[5]:(e=f(`svg`,{"aria-hidden":!0,...a}),t[4]=a,t[5]=e),e}let s;return t[6]!==n||t[7]!==i||t[8]!==a?(s=f(r,{mode:i,direction:n,...a}),t[6]=n,t[7]=i,t[8]=a,t[9]=s):s=t[9],s}function $(e,t){if(!e.getCanSort())return;let n=e.getIsSorted();switch(T(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{Z as DataTable,G as expandedRowId};
|
|
1
|
+
import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./button-Dij5vCQG.js";import{t as n}from"./button-pwkdtR3U.js";import{t as r}from"./icons-Bu-2boul.js";import{n as i}from"./sandboxed-on-click-BLvvSqOP.js";import{t as a}from"./table-Bje71vHb.js";import{c as o}from"react/compiler-runtime";import{Fragment as s,createContext as c,useContext as l}from"react";import u from"tiny-invariant";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{Subscribe as m,callMemoOrStaticFn as h,flexRender as g}from"@tanstack/react-table";import{MinusIcon as _}from"@phosphor-icons/react/Minus";import{PlusIcon as v}from"@phosphor-icons/react/Plus";import{column_getIsSorted as y,row_getIsExpanded as b,row_getVisibleCells as x,table_getVisibleLeafColumns as S}from"@tanstack/react-table/static-functions";export*from"@tanstack/react-table";const C=[`unsorted`,`asc`,`desc`],w=[`unsorted`,`desc`,`asc`];function T(e,t){return E(t===`alphanumeric`?C:w,e)??`unsorted`}function E(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 D=c(null);function O(){return l(D)?.table.options}function k(){let e=l(D);return u(e,`useDataTableContext should only be used within a DataTable child component`),e}function A(e){let t=o(14),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({children:n,table:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let s;t[4]===i?s=t[5]:(s={table:i},t[4]=i,t[5]=s);let c=s,l;t[6]===n?l=t[7]:(l=f(a.Element,{children:n}),t[6]=n,t[7]=l);let u;t[8]!==r||t[9]!==l?(u=f(a.Root,{"data-slot":`data-table`,...r,children:l}),t[8]=r,t[9]=l,t[10]=u):u=t[10];let d;return t[11]!==c||t[12]!==u?(d=f(D.Provider,{value:c,children:u}),t[11]=c,t[12]=u,t[13]=d):d=t[13],d}function j(n){let r=o(31),i,a,s,c,l,u,d,p,h,g,_;r[0]===n?(i=r[1],a=r[2],s=r[3],c=r[4],l=r[5],u=r[6],d=r[7],p=r[8],h=r[9],g=r[10],_=r[11]):({appearance:p,children:i,className:a,column:s,disableSorting:h,iconPlacement:g,intent:_,sortingMode:d,sortIcon:l,onClick:c,...u}=n,r[0]=n,r[1]=i,r[2]=a,r[3]=s,r[4]=c,r[5]=l,r[6]=u,r[7]=d,r[8]=p,r[9]=h,r[10]=g,r[11]=_);let v=p===void 0?`ghost`:p,y=h!==void 0&&h,b=g===void 0?`end`:g,x=_===void 0?`neutral`:_,S;r[12]!==v||r[13]!==i||r[14]!==a||r[15]!==s||r[16]!==y||r[17]!==b||r[18]!==x||r[19]!==c||r[20]!==l||r[21]!==u||r[22]!==d?(S=()=>{let n=s.getIsSorted(),r=!y&&s.getCanSort(),o=r&&typeof n==`string`?n:`unsorted`;if(!r)return f(`span`,{"data-slot":`data-table-header-sort-button`,"data-sort-direction":`unsorted`,className:e(`flex w-full items-center justify-start`,v===`ghost`&&x===`neutral`&&`text-muted`,a),...u,children:i});let p=l?.(o)??f(Q,{mode:d,direction:o});return f(t,{appearance:v,"data-slot":`data-table-header-sort-button`,className:e(`flex justify-start w-full h-full rounded-none not-disabled:active:scale-none`,v===`ghost`&&x===`neutral`&&`text-muted`,a),"data-sort-direction":o,"data-table-header-action":!0,icon:p,iconPlacement:b,onClick:e=>{c?.(e),!e.defaultPrevented&&d!==void 0&&$(s,d)},intent:x,type:`button`,...u,children:i})},r[12]=v,r[13]=i,r[14]=a,r[15]=s,r[16]=y,r[17]=b,r[18]=x,r[19]=c,r[20]=l,r[21]=u,r[22]=d,r[23]=S):S=r[23];let C=S,w=O(),T;r[24]!==s||r[25]!==w?(T=()=>({sorted:s.getIsSorted(),options:w}),r[24]=s,r[25]=w,r[26]=T):T=r[26];let E;return r[27]!==s.table.store||r[28]!==C||r[29]!==T?(E=f(m,{source:s.table.store,selector:T,children:C}),r[27]=s.table.store,r[28]=C,r[29]=T,r[30]=E):E=r[30],E}function M(e){if(e==null)return;let t=h(e,`getIsSorted`,y);if(t===`asc`)return`ascending`;if(t===`desc`)return`descending`}function N(t){let n=o(19),r,i,s,c;n[0]===t?(r=n[1],i=n[2],s=n[3],c=n[4]):({children:r,className:i,column:s,...c}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s,n[4]=c);let l;n[5]!==r||n[6]!==i||n[7]!==s||n[8]!==c?(l=()=>f(a.Header,{"aria-sort":M(s),"data-slot":`data-table-header`,className:e(`has-data-table-header-action:px-0`,i),...c,children:r}),n[5]=r,n[6]=i,n[7]=s,n[8]=c,n[9]=l):l=n[9];let u=l,d=O();if(s==null){let e;return n[10]===u?e=n[11]:(e=u(),n[10]=u,n[11]=e),e}let p;n[12]!==s||n[13]!==d?(p=()=>({ariaSort:M(s),options:d}),n[12]=s,n[13]=d,n[14]=p):p=n[14];let h;return n[15]!==s.table.store||n[16]!==u||n[17]!==p?(h=f(m,{source:s.table.store,selector:p,children:u}),n[15]=s.table.store,n[16]=u,n[17]=p,n[18]=h):h=n[18],h}const P=e=>{let t=o(2),n;return t[0]===e?n=t[1]:(n=f(a.Body,{"data-slot":`data-table-body`,...e}),t[0]=e,t[1]=n),n};function F(e){let t=o(5),{table:n}=k(),r;t[0]===n?r=t[1]:(r=n.getHeaderGroups().map(I),t[0]=n,t[1]=r);let i;return t[2]!==e||t[3]!==r?(i=f(a.Head,{"data-slot":`data-table-head`,...e,children:r}),t[2]=e,t[3]=r,t[4]=i):i=t[4],i}function I(e){return f(a.Row,{children:e.headers.map(L)},e.id)}function L(e){return f(s,{children:e.isPlaceholder?f(a.Header,{}):g(e.column.columnDef.header,e.getContext())},e.id)}function R(e){if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return!1;let t=e.currentTarget.ownerDocument.getSelection();return t==null||t.isCollapsed?!0:!e.currentTarget.contains(t.anchorNode)}function z(t){let n=o(9),r,i;if(n[0]!==t){let{className:o,onClick:s,renderExpanded:c,row:l,...u}=t;r=l,i=()=>{let t=h(r,`getIsExpanded`,b),n=h(r,`getVisibleCells`,x),i=f(a.Row,{"data-slot":`data-table-row`,"data-expanded":t||void 0,"data-clickable":s==null?void 0:``,className:e(s!=null&&`cursor-pointer`,o),onClick:s&&(e=>{R(e)&&s(e)}),...u,children:n.map(B)});return c==null?i:p(d,{children:[i,t&&f(X,{row:r,children:c(r)})]})},n[0]=t,n[1]=r,n[2]=i}else r=n[1],i=n[2];let s=i,c=O(),l;n[3]===c?l=n[4]:(l=e=>({state:e,options:c}),n[3]=c,n[4]=l);let u;return n[5]!==s||n[6]!==r.table.store||n[7]!==l?(u=f(m,{source:r.table.store,selector:l,children:s}),n[5]=s,n[6]=r.table.store,n[7]=l,n[8]=u):u=n[8],u}function B(e){return f(s,{children:g(e.column.columnDef.cell,e.getContext())},e.id)}function V(e){let t=o(11),n,r;t[0]===e?(n=t[1],r=t[2]):({children:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let{table:i}=k(),s;t[3]===i?s=t[4]:(s=h(i,`getVisibleLeafColumns`,S),t[3]=i,t[4]=s);let c=s.length,l;t[5]!==n||t[6]!==c?(l=f(a.Cell,{colSpan:c,children:n}),t[5]=n,t[6]=c,t[7]=l):l=t[7];let u;return t[8]!==r||t[9]!==l?(u=f(a.Row,{"data-slot":`data-table-empty-row`,...r,children:l}),t[8]=r,t[9]=l,t[10]=u):u=t[10],u}function H(){let t=o(1),n;return t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=f(`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)]`)}),t[0]=n):n=t[0],n}function U(t){let n=o(17),r,s,c,l;n[0]===t?(r=n[1],s=n[2],c=n[3],l=n[4]):({children:r,className:s,onClick:c,...l}=t,n[0]=t,n[1]=r,n[2]=s,n[3]=c,n[4]=l);let u;n[5]===c?u=n[6]:(u=i({allowClickEventDefault:!0,onClick:c}),n[5]=c,n[6]=u);let{onClick:d}=u,m;n[7]===s?m=n[8]:(m=e(`sticky z-10 right-0 text-end align-middle bg-inherit p-2`,s),n[7]=s,n[8]=m);let h;n[9]===Symbol.for(`react.memo_cache_sentinel`)?(h=f(H,{}),n[9]=h):h=n[9];let g;n[10]===r?g=n[11]:(g=f(`span`,{"data-slot":`data-table-action-cell-label`,className:`contents`,children:r}),n[10]=r,n[11]=g);let _;return n[12]!==l||n[13]!==d||n[14]!==m||n[15]!==g?(_=p(a.Cell,{"data-mantle-table-sticky-right":!0,"data-slot":`data-table-action-cell`,className:m,onClick:d,...l,children:[h,g]}),n[12]=l,n[13]=d,n[14]=m,n[15]=g,n[16]=_):_=n[16],_}function W(t){let n=o(23),r,i,s;n[0]===t?(r=n[1],i=n[2],s=n[3]):({children:r,className:i,...s}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s);let{table:c}=k(),l;n[4]===c?l=n[5]:(l=c.getRowModel(),n[4]=c,n[5]=l);let u=l.rows.length>0,d;n[6]===u?d=n[7]:(d=u?{"data-mantle-table-sticky-right":!0}:{},n[6]=u,n[7]=d);let m=u&&`sticky z-10 right-0 bg-inherit`,h;n[8]!==i||n[9]!==m?(h=e(m,i),n[8]=i,n[9]=m,n[10]=h):h=n[10];let g;n[11]===r?g=n[12]:(g=r??f(`span`,{className:`sr-only`,children:`Actions`}),n[11]=r,n[12]=g);let _;n[13]===g?_=n[14]:(_=f(`span`,{"data-slot":`data-table-action-header-label`,className:`contents`,children:g}),n[13]=g,n[14]=_);let v;n[15]===u?v=n[16]:(v=u&&f(H,{}),n[15]=u,n[16]=v);let y;return n[17]!==s||n[18]!==d||n[19]!==h||n[20]!==_||n[21]!==v?(y=p(a.Header,{...d,"data-slot":`data-table-action-header`,className:h,...s,children:[_,v]}),n[17]=s,n[18]=d,n[19]=h,n[20]=_,n[21]=v,n[22]=y):y=n[22],y}function G(e){return`data-table-expanded-row-${encodeURIComponent(e.id)}`}function K(t){let n=o(12),r,i,s;n[0]===t?(r=n[1],i=n[2],s=n[3]):({children:r,className:i,...s}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s);let c;n[4]===i?c=n[5]:(c=e(`w-9 px-0 text-center`,i),n[4]=i,n[5]=c);let l;n[6]===r?l=n[7]:(l=r??f(`span`,{className:`sr-only`,children:`Row details`}),n[6]=r,n[7]=l);let u;return n[8]!==s||n[9]!==c||n[10]!==l?(u=f(a.Header,{"data-slot":`data-table-expand-header`,className:c,...s,children:l}),n[8]=s,n[9]=c,n[10]=l,n[11]=u):u=n[11],u}const q=f(v,{weight:`bold`,className:`size-3.5`}),J=f(_,{weight:`bold`,className:`size-3.5`});function Y(t){let r=o(29),i,a,s,c,l,u,d,p,h,g;r[0]===t?(i=r[1],a=r[2],s=r[3],c=r[4],l=r[5],u=r[6],d=r[7],p=r[8],h=r[9],g=r[10]):({appearance:u,className:i,collapseIcon:d,expandIcon:p,intent:h,label:a,onClick:s,row:l,size:g,...c}=t,r[0]=t,r[1]=i,r[2]=a,r[3]=s,r[4]=c,r[5]=l,r[6]=u,r[7]=d,r[8]=p,r[9]=h,r[10]=g);let _=u===void 0?`ghost`:u,v=d===void 0?J:d,y=p===void 0?q:p,b=h===void 0?`neutral`:h,x=g===void 0?`sm`:g,S;r[11]!==_||r[12]!==i||r[13]!==v||r[14]!==y||r[15]!==b||r[16]!==a||r[17]!==s||r[18]!==c||r[19]!==l||r[20]!==x?(S=()=>{if(!l.getCanExpand())return null;let t=l.getIsExpanded(),r=l.getToggleExpandedHandler();return f(n,{type:`button`,"data-slot":`data-table-row-expand-button`,appearance:_,intent:b,size:x,className:e(`rounded`,i),"aria-expanded":t,"aria-controls":t?G(l):void 0,icon:t?v:y,label:`${t?`Hide`:`Show`} details for ${a}`,onClick:e=>{e.stopPropagation(),s?.(e),!e.defaultPrevented&&r()},...c})},r[11]=_,r[12]=i,r[13]=v,r[14]=y,r[15]=b,r[16]=a,r[17]=s,r[18]=c,r[19]=l,r[20]=x,r[21]=S):S=r[21];let C=S,w=O(),T;r[22]!==w||r[23]!==l?(T=()=>({isExpanded:l.getIsExpanded(),options:w}),r[22]=w,r[23]=l,r[24]=T):T=r[24];let E;return r[25]!==C||r[26]!==l.table.store||r[27]!==T?(E=f(m,{source:l.table.store,selector:T,children:C}),r[25]=C,r[26]=l.table.store,r[27]=T,r[28]=E):E=r[28],E}function X(t){let n=o(23),r,i,s,c,l;n[0]===t?(r=n[1],i=n[2],s=n[3],c=n[4],l=n[5]):({children:r,className:i,colSpan:s,row:l,...c}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s,n[4]=c,n[5]=l);let u;n[6]===l?u=n[7]:(u=()=>h(l,`getVisibleCells`,x).length,n[6]=l,n[7]=u);let d=u,p;n[8]!==r||n[9]!==i||n[10]!==c||n[11]!==l?(p=t=>{let{numberOfColumns:n}=t;return f(a.Row,{"data-slot":`data-table-expanded-row`,"data-expanded-content":!0,className:e(`[&>td]:border-t-0`,i),...c,children:f(a.Cell,{id:G(l),colSpan:n,className:`bg-card font-sans text-body`,children:r})})},n[8]=r,n[9]=i,n[10]=c,n[11]=l,n[12]=p):p=n[12];let g=p,_=O();if(s!=null){let e;return n[13]!==s||n[14]!==g?(e=g({numberOfColumns:s}),n[13]=s,n[14]=g,n[15]=e):e=n[15],e}let v;n[16]!==d||n[17]!==_?(v=()=>({numberOfColumns:d(),options:_}),n[16]=d,n[17]=_,n[18]=v):v=n[18];let y;return n[19]!==g||n[20]!==l.table.store||n[21]!==v?(y=f(m,{source:l.table.store,selector:v,children:g}),n[19]=g,n[20]=l.table.store,n[21]=v,n[22]=y):y=n[22],y}const Z={Root:A,ActionCell:U,ActionHeader:W,Cell:a.Cell,Body:P,EmptyRow:V,Head:F,Header:N,HeaderSortButton:j,Row:z,ExpandHeader:K,RowExpandButton:Y,ExpandedRow:X};function Q(e){let t=o(10),n,i,a;if(t[0]===e?(n=t[1],i=t[2],a=t[3]):({direction:n,mode:i,...a}=e,t[0]=e,t[1]=n,t[2]=i,t[3]=a),n===`unsorted`||!i||!n){let e;return t[4]===a?e=t[5]:(e=f(`svg`,{"aria-hidden":!0,...a}),t[4]=a,t[5]=e),e}let s;return t[6]!==n||t[7]!==i||t[8]!==a?(s=f(r,{mode:i,direction:n,...a}),t[6]=n,t[7]=i,t[8]=a,t[9]=s):s=t[9],s}function $(e,t){if(!e.getCanSort())return;let n=e.getIsSorted();switch(T(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{Z as DataTable,G as expandedRowId};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./dropdown-menu-DhwzMnoH.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./icon-BT8FnkkJ.js";import{t as n}from"./data-slot-EM6s2WEU.js";import{r}from"./layer-container-R7aux3n8.js";import{n as i}from"./separator-D98be0gY.js";import{c as a}from"react/compiler-runtime";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{Slottable as c}from"@radix-ui/react-slot";import{CheckIcon as l}from"@phosphor-icons/react/Check";import{CaretRightIcon as u}from"@phosphor-icons/react/CaretRight";import*as d from"@radix-ui/react-dropdown-menu";const f=d.Root,p=e=>{let t=a(2),n;return t[0]===e?n=t[1]:(n=o(d.Trigger,{"data-slot":`dropdown-menu-trigger`,...e}),t[0]=e,t[1]=n),n},m=t=>{let n=a(8),r,i;n[0]===t?(r=n[1],i=n[2]):({className:r,...i}=t,n[0]=t,n[1]=r,n[2]=i);let s;n[3]===r?s=n[4]:(s=e(`space-y-px`,r),n[3]=r,n[4]=s);let c;return n[5]!==i||n[6]!==s?(c=o(d.Group,{"data-slot":`dropdown-menu-group`,className:s,...i}),n[5]=i,n[6]=s,n[7]=c):c=n[7],c},h=e=>{let t=a(6),n,i;t[0]===e?(n=t[1],i=t[2]):({container:n,...i}=e,t[0]=e,t[1]=n,t[2]=i);let s=r(),c=n??s,l;return t[3]!==i||t[4]!==c?(l=o(d.Portal,{container:c,...i}),t[3]=i,t[4]=c,t[5]=l):l=t[5],l},g={Root:f,CheckboxItem:n=>{let r=a(15),i,u,f,p;r[0]===n?(i=r[1],u=r[2],f=r[3],p=r[4]):({className:f,children:u,checked:i,...p}=n,r[0]=n,r[1]=i,r[2]=u,r[3]=f,r[4]=p);let m;r[5]===f?m=r[6]:(m=e(`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 pl-2 pr-9 text-sm font-normal outline-hidden`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>[data-slot=dropdown-menu-checkbox-item-label]>svg]:size-5 [&_svg]:shrink-0`,f),r[5]=f,r[6]=m);let h;r[7]===Symbol.for(`react.memo_cache_sentinel`)?(h=o(`span`,{className:`absolute right-2 flex items-center`,children:o(d.ItemIndicator,{children:o(t,{svg:o(l,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r[7]=h):h=r[7];let g;r[8]===u?g=r[9]:(g=o(c,{child:u,children:v}),r[8]=u,r[9]=g);let _;return r[10]!==i||r[11]!==p||r[12]!==m||r[13]!==g?(_=s(d.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:m,checked:i,...p,children:[h,g]}),r[10]=i,r[11]=p,r[12]=m,r[13]=g,r[14]=_):_=r[14],_},Content:t=>{let r=a(20),i,s,c,l,u,f;r[0]===t?(i=r[1],s=r[2],c=r[3],l=r[4],u=r[5],f=r[6]):({className:i,"data-slot":s,onClick:c,loop:u,width:f,...l}=t,r[0]=t,r[1]=i,r[2]=s,r[3]=c,r[4]=l,r[5]=u,r[6]=f);let p=u===void 0||u,m;r[7]===s?m=r[8]:(m=n(s,`dropdown-menu-content`),r[7]=s,r[8]=m);let g=f===`trigger`&&`w-(--radix-dropdown-menu-trigger-width)`,_;r[9]!==i||r[10]!==g?(_=e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl outline-hidden space-y-px font-sans`,`data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,g,i),r[9]=i,r[10]=g,r[11]=_):_=r[11];let v;r[12]===c?v=r[13]:(v=e=>{e.stopPropagation(),c?.(e)},r[12]=c,r[13]=v);let y;return r[14]!==p||r[15]!==l||r[16]!==m||r[17]!==_||r[18]!==v?(y=o(h,{children:o(d.Content,{"data-slot":m,className:_,loop:p,onClick:v,...l})}),r[14]=p,r[15]=l,r[16]=m,r[17]=_,r[18]=v,r[19]=y):y=r[19],y},Group:m,Item:t=>{let n=a(10),r,i,s;n[0]===t?(r=n[1],i=n[2],s=n[3]):({className:r,inset:i,...s}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s);let c=i&&`pl-8`,l;n[4]!==r||n[5]!==c?(l=e(`relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-strong text-sm font-normal outline-hidden transition-colors`,`data-highlighted:bg-active-menu-item`,`focus:bg-accent focus:text-accent-foreground`,`data-disabled:cursor-default data-disabled:opacity-50`,`[&>svg]:size-5 [&_svg]:shrink-0`,c,r),n[4]=r,n[5]=c,n[6]=l):l=n[6];let u;return n[7]!==s||n[8]!==l?(u=o(d.Item,{"data-slot":`dropdown-menu-item`,className:l,...s}),n[7]=s,n[8]=l,n[9]=u):u=n[9],u},Label:t=>{let n=a(10),r,i,s;n[0]===t?(r=n[1],i=n[2],s=n[3]):({className:r,inset:i,...s}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s);let c=i&&`pl-8`,l;n[4]!==r||n[5]!==c?(l=e(`px-2 py-1.5 text-sm font-medium`,c,r),n[4]=r,n[5]=c,n[6]=l):l=n[6];let u;return n[7]!==s||n[8]!==l?(u=o(d.Label,{"data-slot":`dropdown-menu-label`,className:l,...s}),n[7]=s,n[8]=l,n[9]=u):u=n[9],u},RadioGroup:t=>{let n=a(8),r,i;n[0]===t?(r=n[1],i=n[2]):({className:r,...i}=t,n[0]=t,n[1]=r,n[2]=i);let s;n[3]===r?s=n[4]:(s=e(`space-y-px`,r),n[3]=r,n[4]=s);let c;return n[5]!==i||n[6]!==s?(c=o(d.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,className:s,...i}),n[5]=i,n[6]=s,n[7]=c):c=n[7],c},RadioItem:n=>{let r=a(13),i,u,f;r[0]===n?(i=r[1],u=r[2],f=r[3]):({className:u,children:i,...f}=n,r[0]=n,r[1]=i,r[2]=u,r[3]=f);let p;r[4]===u?p=r[5]:(p=e(`group/dropdown-menu-radio-item`,`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 px-2 text-sm font-normal outline-none`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item aria-checked:pr-9`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>[data-slot=dropdown-menu-radio-item-label]>svg]:size-5 [&_svg]:shrink-0`,u),r[4]=u,r[5]=p);let m;r[6]===Symbol.for(`react.memo_cache_sentinel`)?(m=o(`span`,{className:`absolute right-2 items-center hidden group-aria-checked/dropdown-menu-radio-item:flex`,children:o(d.ItemIndicator,{children:o(t,{svg:o(l,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r[6]=m):m=r[6];let h;r[7]===i?h=r[8]:(h=o(c,{child:i,children:y}),r[7]=i,r[8]=h);let g;return r[9]!==f||r[10]!==p||r[11]!==h?(g=s(d.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:p,...f,children:[m,h]}),r[9]=f,r[10]=p,r[11]=h,r[12]=g):g=r[12],g},Separator:t=>{let n=a(8),r,s;n[0]===t?(r=n[1],s=n[2]):({className:r,...s}=t,n[0]=t,n[1]=r,n[2]=s);let c;n[3]===r?c=n[4]:(c=e(`-mx-1.25 my-1 w-auto`,r),n[3]=r,n[4]=c);let l;return n[5]!==s||n[6]!==c?(l=o(i,{"data-slot":`dropdown-menu-separator`,className:c,...s}),n[5]=s,n[6]=c,n[7]=l):l=n[7],l},Shortcut:t=>{let n=a(8),r,i;n[0]===t?(r=n[1],i=n[2]):({className:r,...i}=t,n[0]=t,n[1]=r,n[2]=i);let s;n[3]===r?s=n[4]:(s=e(`ml-auto text-xs tracking-widest opacity-60`,r),n[3]=r,n[4]=s);let c;return n[5]!==i||n[6]!==s?(c=o(`span`,{"data-slot":`dropdown-menu-shortcut`,className:s,...i,translate:`no`}),n[5]=i,n[6]=s,n[7]=c):c=n[7],c},Sub:d.Sub,SubContent:t=>{let n=a(10),r,i,s;n[0]===t?(r=n[1],i=n[2],s=n[3]):({className:r,loop:s,...i}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=s);let c=s===void 0||s,l;n[4]===r?l=n[5]:(l=e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl space-y-px font-sans`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,r),n[4]=r,n[5]=l);let u;return n[6]!==c||n[7]!==i||n[8]!==l?(u=o(h,{children:o(d.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:l,loop:c,...i})}),n[6]=c,n[7]=i,n[8]=l,n[9]=u):u=n[9],u},SubTrigger:n=>{let r=a(15),i,l,f,p;r[0]===n?(i=r[1],l=r[2],f=r[3],p=r[4]):({className:l,inset:f,children:i,...p}=n,r[0]=n,r[1]=i,r[2]=l,r[3]=f,r[4]=p);let m=f&&`pl-8`,h;r[5]!==l||r[6]!==m?(h=e(`focus:bg-accent data-state-open:bg-accent relative flex select-none items-center rounded-md py-1.5 pl-2 pr-9 text-sm outline-hidden`,`data-highlighted:bg-active-menu-item data-state-open:bg-active-menu-item`,`[&>[data-slot=dropdown-menu-sub-trigger-label]>svg]:size-5 [&_svg]:shrink-0`,m,l),r[5]=l,r[6]=m,r[7]=h):h=r[7];let g;r[8]===i?g=r[9]:(g=o(c,{child:i,children:_}),r[8]=i,r[9]=g);let v;r[10]===Symbol.for(`react.memo_cache_sentinel`)?(v=o(`span`,{className:`absolute right-2 flex items-center`,children:o(t,{svg:o(u,{weight:`bold`}),className:`size-4`})}),r[10]=v):v=r[10];let y;return r[11]!==p||r[12]!==h||r[13]!==g?(y=s(d.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:h,...p,children:[g,v]}),r[11]=p,r[12]=h,r[13]=g,r[14]=y):y=r[14],y},Trigger:p};function _(e){return o(`span`,{"data-slot":`dropdown-menu-sub-trigger-label`,className:`contents`,children:e})}function v(e){return o(`span`,{"data-slot":`dropdown-menu-checkbox-item-label`,className:`contents`,children:e})}function y(e){return o(`span`,{"data-slot":`dropdown-menu-radio-item-label`,className:`contents`,children:e})}export{g as t};
|
|
@@ -62,10 +62,38 @@ declare const Group: ({ className, ...props }: ComponentProps<typeof DropdownMen
|
|
|
62
62
|
* ```
|
|
63
63
|
*/
|
|
64
64
|
declare const RadioGroup: ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) => import("react").JSX.Element;
|
|
65
|
+
/**
|
|
66
|
+
* Props for `DropdownMenu.SubTrigger`.
|
|
67
|
+
*/
|
|
68
|
+
type DropdownMenuSubTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
69
|
+
inset?: boolean;
|
|
70
|
+
};
|
|
65
71
|
/**
|
|
66
72
|
* A trigger for a dropdown menu sub-menu. It opens the submenu on hover, or on
|
|
67
73
|
* ArrowRight or Enter.
|
|
68
74
|
*
|
|
75
|
+
* **Structure.** `children` render inside a
|
|
76
|
+
* `<span data-slot="dropdown-menu-sub-trigger-label">`. The caret is a permanent element
|
|
77
|
+
* sibling, so without the span a bare text label is never a lone child: a
|
|
78
|
+
* browser translation engine reparents that text node, and the removal React
|
|
79
|
+
* runs when the label changes shape or goes away throws. The span is
|
|
80
|
+
* `display: contents`, so an icon and its label stay flex items of the item and
|
|
81
|
+
* keep its `gap`. An icon you pass as a child is now a grandchild, so a
|
|
82
|
+
* `[&>svg]` class of your own no longer reaches it. Match the part's own
|
|
83
|
+
* variant instead — `[&>[data-slot=dropdown-menu-sub-trigger-label]>svg]:size-4`.
|
|
84
|
+
* A `[&_svg]` class or a class on the icon loses to the default, which is more
|
|
85
|
+
* specific.
|
|
86
|
+
*
|
|
87
|
+
* **`asChild`.** Radix clones your single child as the item element. The label
|
|
88
|
+
* span and the caret move inside it, so the guarantee above holds on both paths.
|
|
89
|
+
*
|
|
90
|
+
* **Data attributes:**
|
|
91
|
+
*
|
|
92
|
+
* | Data Attribute | Value | Description |
|
|
93
|
+
* | --- | --- | --- |
|
|
94
|
+
* | `data-slot` | `"dropdown-menu-sub-trigger"` | On the item element. |
|
|
95
|
+
* | `data-slot` | `"dropdown-menu-sub-trigger-label"` | On the `<span>` wrapping `children`. |
|
|
96
|
+
*
|
|
69
97
|
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubtrigger
|
|
70
98
|
*
|
|
71
99
|
* @example
|
|
@@ -84,9 +112,7 @@ declare const RadioGroup: ({ className, ...props }: ComponentProps<typeof Dropdo
|
|
|
84
112
|
* </DropdownMenu.Root>
|
|
85
113
|
* ```
|
|
86
114
|
*/
|
|
87
|
-
declare const SubTrigger: ({ className, inset, children, ...props }:
|
|
88
|
-
inset?: boolean;
|
|
89
|
-
}) => import("react").JSX.Element;
|
|
115
|
+
declare const SubTrigger: ({ className, inset, children, ...props }: DropdownMenuSubTriggerProps) => import("react").JSX.Element;
|
|
90
116
|
/**
|
|
91
117
|
* The content container for a dropdown menu sub-menu.
|
|
92
118
|
*
|
|
@@ -173,9 +199,35 @@ declare const Content: ({ className, "data-slot": dataSlot, onClick, loop, width
|
|
|
173
199
|
declare const Item: ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
174
200
|
inset?: boolean;
|
|
175
201
|
}) => import("react").JSX.Element;
|
|
202
|
+
/**
|
|
203
|
+
* Props for `DropdownMenu.CheckboxItem`.
|
|
204
|
+
*/
|
|
205
|
+
type DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
|
|
176
206
|
/**
|
|
177
207
|
* A menu item with a checkbox that can be controlled or uncontrolled.
|
|
178
208
|
*
|
|
209
|
+
* **Structure.** `children` render inside a
|
|
210
|
+
* `<span data-slot="dropdown-menu-checkbox-item-label">`. The check indicator is a permanent element
|
|
211
|
+
* sibling, so without the span a bare text label is never a lone child: a
|
|
212
|
+
* browser translation engine reparents that text node, and the removal React
|
|
213
|
+
* runs when the label changes shape or goes away throws. The span is
|
|
214
|
+
* `display: contents`, so an icon and its label stay flex items of the item and
|
|
215
|
+
* keep its `gap`. An icon you pass as a child is now a grandchild, so a
|
|
216
|
+
* `[&>svg]` class of your own no longer reaches it. Match the part's own
|
|
217
|
+
* variant instead — `[&>[data-slot=dropdown-menu-checkbox-item-label]>svg]:size-4`.
|
|
218
|
+
* A `[&_svg]` class or a class on the icon loses to the default, which is more
|
|
219
|
+
* specific.
|
|
220
|
+
*
|
|
221
|
+
* **`asChild`.** Radix clones your single child as the item element. The label
|
|
222
|
+
* span and the indicator move inside it, so the guarantee above holds on both paths.
|
|
223
|
+
*
|
|
224
|
+
* **Data attributes:**
|
|
225
|
+
*
|
|
226
|
+
* | Data Attribute | Value | Description |
|
|
227
|
+
* | --- | --- | --- |
|
|
228
|
+
* | `data-slot` | `"dropdown-menu-checkbox-item"` | On the item element. |
|
|
229
|
+
* | `data-slot` | `"dropdown-menu-checkbox-item-label"` | On the `<span>` wrapping `children`. |
|
|
230
|
+
*
|
|
179
231
|
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucheckboxitem
|
|
180
232
|
*
|
|
181
233
|
* @example
|
|
@@ -190,7 +242,10 @@ declare const Item: ({ className, inset, ...props }: ComponentProps<typeof Dropd
|
|
|
190
242
|
* </DropdownMenu.Root>
|
|
191
243
|
* ```
|
|
192
244
|
*/
|
|
193
|
-
declare const CheckboxItem: ({ className, children, checked, ...props }:
|
|
245
|
+
declare const CheckboxItem: ({ className, children, checked, ...props }: DropdownMenuCheckboxItemProps) => import("react").JSX.Element;
|
|
246
|
+
/**
|
|
247
|
+
* Props for `DropdownMenu.RadioItem`.
|
|
248
|
+
*/
|
|
194
249
|
type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
195
250
|
name?: string;
|
|
196
251
|
id?: string;
|
|
@@ -199,6 +254,28 @@ type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.Ra
|
|
|
199
254
|
* A menu item with a radio button that can be controlled or uncontrolled.
|
|
200
255
|
* Used within a RadioGroup to create a set of mutually exclusive options.
|
|
201
256
|
*
|
|
257
|
+
* **Structure.** `children` render inside a
|
|
258
|
+
* `<span data-slot="dropdown-menu-radio-item-label">`. The check indicator is a permanent element
|
|
259
|
+
* sibling, so without the span a bare text label is never a lone child: a
|
|
260
|
+
* browser translation engine reparents that text node, and the removal React
|
|
261
|
+
* runs when the label changes shape or goes away throws. The span is
|
|
262
|
+
* `display: contents`, so an icon and its label stay flex items of the item and
|
|
263
|
+
* keep its `gap`. An icon you pass as a child is now a grandchild, so a
|
|
264
|
+
* `[&>svg]` class of your own no longer reaches it. Match the part's own
|
|
265
|
+
* variant instead — `[&>[data-slot=dropdown-menu-radio-item-label]>svg]:size-4`.
|
|
266
|
+
* A `[&_svg]` class or a class on the icon loses to the default, which is more
|
|
267
|
+
* specific.
|
|
268
|
+
*
|
|
269
|
+
* **`asChild`.** Radix clones your single child as the item element. The label
|
|
270
|
+
* span and the indicator move inside it, so the guarantee above holds on both paths.
|
|
271
|
+
*
|
|
272
|
+
* **Data attributes:**
|
|
273
|
+
*
|
|
274
|
+
* | Data Attribute | Value | Description |
|
|
275
|
+
* | --- | --- | --- |
|
|
276
|
+
* | `data-slot` | `"dropdown-menu-radio-item"` | On the item element. |
|
|
277
|
+
* | `data-slot` | `"dropdown-menu-radio-item-label"` | On the `<span>` wrapping `children`. |
|
|
278
|
+
*
|
|
202
279
|
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradioitem
|
|
203
280
|
*
|
|
204
281
|
* @example
|
|
@@ -352,6 +429,28 @@ declare const DropdownMenu: {
|
|
|
352
429
|
/**
|
|
353
430
|
* A checkbox item in the dropdown menu that can be toggled on and off.
|
|
354
431
|
*
|
|
432
|
+
* **Structure.** `children` render inside a
|
|
433
|
+
* `<span data-slot="dropdown-menu-checkbox-item-label">`. The check indicator is a permanent element
|
|
434
|
+
* sibling, so without the span a bare text label is never a lone child: a
|
|
435
|
+
* browser translation engine reparents that text node, and the removal React
|
|
436
|
+
* runs when the label changes shape or goes away throws. The span is
|
|
437
|
+
* `display: contents`, so an icon and its label stay flex items of the item and
|
|
438
|
+
* keep its `gap`. An icon you pass as a child is now a grandchild, so a
|
|
439
|
+
* `[&>svg]` class of your own no longer reaches it. Match the part's own
|
|
440
|
+
* variant instead — `[&>[data-slot=dropdown-menu-checkbox-item-label]>svg]:size-4`.
|
|
441
|
+
* A `[&_svg]` class or a class on the icon loses to the default, which is more
|
|
442
|
+
* specific.
|
|
443
|
+
*
|
|
444
|
+
* **`asChild`.** Radix clones your single child as the item element. The label
|
|
445
|
+
* span and the indicator move inside it, so the guarantee above holds on both paths.
|
|
446
|
+
*
|
|
447
|
+
* **Data attributes:**
|
|
448
|
+
*
|
|
449
|
+
* | Data Attribute | Value | Description |
|
|
450
|
+
* | --- | --- | --- |
|
|
451
|
+
* | `data-slot` | `"dropdown-menu-checkbox-item"` | On the item element. |
|
|
452
|
+
* | `data-slot` | `"dropdown-menu-checkbox-item-label"` | On the `<span>` wrapping `children`. |
|
|
453
|
+
*
|
|
355
454
|
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucheckboxitem
|
|
356
455
|
*
|
|
357
456
|
* @example
|
|
@@ -472,6 +571,28 @@ declare const DropdownMenu: {
|
|
|
472
571
|
/**
|
|
473
572
|
* A radio item in the dropdown menu where only one item in the group can be selected.
|
|
474
573
|
*
|
|
574
|
+
* **Structure.** `children` render inside a
|
|
575
|
+
* `<span data-slot="dropdown-menu-radio-item-label">`. The check indicator is a permanent element
|
|
576
|
+
* sibling, so without the span a bare text label is never a lone child: a
|
|
577
|
+
* browser translation engine reparents that text node, and the removal React
|
|
578
|
+
* runs when the label changes shape or goes away throws. The span is
|
|
579
|
+
* `display: contents`, so an icon and its label stay flex items of the item and
|
|
580
|
+
* keep its `gap`. An icon you pass as a child is now a grandchild, so a
|
|
581
|
+
* `[&>svg]` class of your own no longer reaches it. Match the part's own
|
|
582
|
+
* variant instead — `[&>[data-slot=dropdown-menu-radio-item-label]>svg]:size-4`.
|
|
583
|
+
* A `[&_svg]` class or a class on the icon loses to the default, which is more
|
|
584
|
+
* specific.
|
|
585
|
+
*
|
|
586
|
+
* **`asChild`.** Radix clones your single child as the item element. The label
|
|
587
|
+
* span and the indicator move inside it, so the guarantee above holds on both paths.
|
|
588
|
+
*
|
|
589
|
+
* **Data attributes:**
|
|
590
|
+
*
|
|
591
|
+
* | Data Attribute | Value | Description |
|
|
592
|
+
* | --- | --- | --- |
|
|
593
|
+
* | `data-slot` | `"dropdown-menu-radio-item"` | On the item element. |
|
|
594
|
+
* | `data-slot` | `"dropdown-menu-radio-item-label"` | On the `<span>` wrapping `children`. |
|
|
595
|
+
*
|
|
475
596
|
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradioitem
|
|
476
597
|
*
|
|
477
598
|
* @example
|
|
@@ -582,6 +703,28 @@ declare const DropdownMenu: {
|
|
|
582
703
|
* A trigger for a dropdown menu sub-menu. It opens the submenu on hover, or on
|
|
583
704
|
* ArrowRight or Enter.
|
|
584
705
|
*
|
|
706
|
+
* **Structure.** `children` render inside a
|
|
707
|
+
* `<span data-slot="dropdown-menu-sub-trigger-label">`. The caret is a permanent element
|
|
708
|
+
* sibling, so without the span a bare text label is never a lone child: a
|
|
709
|
+
* browser translation engine reparents that text node, and the removal React
|
|
710
|
+
* runs when the label changes shape or goes away throws. The span is
|
|
711
|
+
* `display: contents`, so an icon and its label stay flex items of the item and
|
|
712
|
+
* keep its `gap`. An icon you pass as a child is now a grandchild, so a
|
|
713
|
+
* `[&>svg]` class of your own no longer reaches it. Match the part's own
|
|
714
|
+
* variant instead — `[&>[data-slot=dropdown-menu-sub-trigger-label]>svg]:size-4`.
|
|
715
|
+
* A `[&_svg]` class or a class on the icon loses to the default, which is more
|
|
716
|
+
* specific.
|
|
717
|
+
*
|
|
718
|
+
* **`asChild`.** Radix clones your single child as the item element. The label
|
|
719
|
+
* span and the caret move inside it, so the guarantee above holds on both paths.
|
|
720
|
+
*
|
|
721
|
+
* **Data attributes:**
|
|
722
|
+
*
|
|
723
|
+
* | Data Attribute | Value | Description |
|
|
724
|
+
* | --- | --- | --- |
|
|
725
|
+
* | `data-slot` | `"dropdown-menu-sub-trigger"` | On the item element. |
|
|
726
|
+
* | `data-slot` | `"dropdown-menu-sub-trigger-label"` | On the `<span>` wrapping `children`. |
|
|
727
|
+
*
|
|
585
728
|
* @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubtrigger
|
|
586
729
|
*
|
|
587
730
|
* @example
|
package/dist/dropdown-menu.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as DropdownMenu } from "./dropdown-menu-
|
|
2
|
-
import "./dropdown-menu-
|
|
1
|
+
import { t as DropdownMenu } from "./dropdown-menu-DhwzMnoH.js";
|
|
2
|
+
import "./dropdown-menu-BSOdApBD.js";
|
|
3
3
|
export { DropdownMenu };
|
package/dist/dropdown-menu.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./dropdown-menu-
|
|
1
|
+
import{t as e}from"./dropdown-menu-Bir-GKUs.js";export{e as DropdownMenu};
|
package/dist/line-chart.d.ts
CHANGED
|
@@ -240,6 +240,19 @@ declare const ReferenceLine: (props: LineChartReferenceLineProps) => null;
|
|
|
240
240
|
* is absent — compose it to format the label or values, append a footer, or
|
|
241
241
|
* replace the content entirely via the render-prop `children`.
|
|
242
242
|
*
|
|
243
|
+
* **Structure.** A `children` readout renders inside a
|
|
244
|
+
* `<div data-slot="line-chart-tooltip-label">`. When it goes away, React removes
|
|
245
|
+
* that div instead of your own text nodes: a browser translation engine
|
|
246
|
+
* reparents a text node, and a removal aimed at one throws. The div is
|
|
247
|
+
* `display: contents`, so it lays out nothing of its own. To style it as a box,
|
|
248
|
+
* set a display of your own on it first.
|
|
249
|
+
*
|
|
250
|
+
* **Data attributes:**
|
|
251
|
+
*
|
|
252
|
+
* | Data Attribute | Value | Description |
|
|
253
|
+
* | --- | --- | --- |
|
|
254
|
+
* | `data-slot` | `"line-chart-tooltip-label"` | On the `<div>` wrapping a `children` readout. The default readout has none. |
|
|
255
|
+
*
|
|
243
256
|
* @see https://mantle.ngrok.com/components/charts/line-chart#linecharttooltip
|
|
244
257
|
*
|
|
245
258
|
* @example
|
|
@@ -261,11 +274,19 @@ declare const Tooltip: (props: LineChartTooltipProps) => null;
|
|
|
261
274
|
* must never rely on color-matching alone. It renders nothing for a single
|
|
262
275
|
* series (the chart's title already names it).
|
|
263
276
|
*
|
|
277
|
+
* **Structure.** A `children` render prop renders inside a
|
|
278
|
+
* `<div data-slot="line-chart-legend-label">`. When it goes away, React removes
|
|
279
|
+
* that div instead of your own text nodes: a browser translation engine
|
|
280
|
+
* reparents a text node, and a removal aimed at one throws. The div is
|
|
281
|
+
* `display: contents`, so it lays out nothing of its own. To style it as a box,
|
|
282
|
+
* set a display of your own on it first.
|
|
283
|
+
*
|
|
264
284
|
* **Data attributes:**
|
|
265
285
|
*
|
|
266
286
|
* | Data Attribute | Value | Description |
|
|
267
287
|
* | --- | --- | --- |
|
|
268
288
|
* | `data-slot` | `"line-chart-legend"` | The legend list. `LineChart.Legend` renders it in flow below the plot. |
|
|
289
|
+
* | `data-slot` | `"line-chart-legend-label"` | On the `<div>` wrapping a `children` render prop. The default legend has none. |
|
|
269
290
|
* | `data-shape` | `"circle"` \| `"square"` \| `"triangle"` \| `"diamond"` \| `"triangle-down"` \| `"plus"` \| `"cross"` \| `"star"` | On the glyph riding each swatch's stroke, naming what its `LineChart.Line` wears — the `shape` it set, else the one paired to its series slot. The glyph clips itself to that shape, so target this only to restyle a key. |
|
|
270
291
|
*
|
|
271
292
|
* @see https://mantle.ngrok.com/components/charts/line-chart#linechartlegend
|
package/dist/line-chart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-
|
|
1
|
+
import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-aZLMj4xx.js";import{c as l}from"react/compiler-runtime";import{jsx as u}from"react/jsx-runtime";const d={Root:e=>{let t=l(2),n;return t[0]===e?n=t[1]:(n=u(o,{kind:`line`,componentName:`LineChart`,slotName:`line-chart`,...e}),t[0]=e,t[1]=n),n},Line:e=>a(`LineChart.Line`,`line`,e),Grid:e=>n(`LineChart.Grid`,e),XAxis:e=>t(`LineChart.XAxis`,e),YAxis:e=>r(`LineChart.YAxis`,e),ReferenceLine:t=>e(`LineChart.ReferenceLine`,t),Tooltip:e=>s(`LineChart.Tooltip`,e),Legend:e=>{let t=l(2),n;return t[0]===e?n=t[1]:(n=u(i,{partName:`LineChart.Legend`,slotName:`line-chart`,...e}),t[0]=e,t[1]=n),n},CopyButton:e=>{let t=l(2),n;return t[0]===e?n=t[1]:(n=u(c,{partName:`LineChart.CopyButton`,slotName:`line-chart`,...e}),t[0]=e,t[1]=n),n}};export{d as LineChart};
|
package/dist/llms.txt
CHANGED
package/dist/multi-select.d.ts
CHANGED
|
@@ -262,11 +262,34 @@ type MultiSelectContentProps = Omit<Primitive.ComboboxPopoverProps, "render"> &
|
|
|
262
262
|
* ```
|
|
263
263
|
*/
|
|
264
264
|
declare const Content: ({ asChild, backdrop, children, className, modal, portalElement, preventBodyScroll, ref, sameWidth, unmountOnHide, ...props }: MultiSelectContentProps) => import("react").JSX.Element;
|
|
265
|
+
/**
|
|
266
|
+
* Props for `MultiSelect.Item`.
|
|
267
|
+
*/
|
|
265
268
|
type MultiSelectItemProps = Omit<Primitive.ComboboxItemProps, "render"> & WithAsChild;
|
|
266
269
|
/**
|
|
267
270
|
* Renders a selectable item inside a `MultiSelect.Content` component.
|
|
268
271
|
* Items display a checkbox indicator when selected.
|
|
269
272
|
*
|
|
273
|
+
* **Structure.** `children` render inside a
|
|
274
|
+
* `<div data-slot="multi-select-item-label">`. The selected-state check is a
|
|
275
|
+
* permanent element sibling, so without the wrapper a bare text label is never a
|
|
276
|
+
* lone child: a browser translation engine reparents that text node, and the
|
|
277
|
+
* removal React runs when the label changes shape or goes away throws. The
|
|
278
|
+
* wrapper is a `<div>` because a custom option layout is often a `MediaObject`,
|
|
279
|
+
* whose root is a `<div>` that a `<span>` may not contain. It is
|
|
280
|
+
* `display: contents`, so a child of your own stays a flex item of the option
|
|
281
|
+
* and any `flex-1` on it still resolves.
|
|
282
|
+
*
|
|
283
|
+
* **`asChild`.** Your single child becomes the option element. The label div
|
|
284
|
+
* and the check move inside it, so the guarantee above holds on both paths.
|
|
285
|
+
*
|
|
286
|
+
* **Data attributes:**
|
|
287
|
+
*
|
|
288
|
+
* | Data Attribute | Value | Description |
|
|
289
|
+
* | --- | --- | --- |
|
|
290
|
+
* | `data-slot` | `"multi-select-item"` | On the option element. |
|
|
291
|
+
* | `data-slot` | `"multi-select-item-label"` | On the `<div>` wrapping `children`. |
|
|
292
|
+
*
|
|
270
293
|
* @see https://mantle.ngrok.com/components/forms/multi-select#multiselectitem
|
|
271
294
|
*
|
|
272
295
|
* @example
|
|
@@ -673,6 +696,26 @@ declare const MultiSelect: {
|
|
|
673
696
|
/**
|
|
674
697
|
* Renders a selectable item with a checkbox indicator inside a `MultiSelect.Content`.
|
|
675
698
|
*
|
|
699
|
+
* **Structure.** `children` render inside a
|
|
700
|
+
* `<div data-slot="multi-select-item-label">`. The selected-state check is a
|
|
701
|
+
* permanent element sibling, so without the wrapper a bare text label is never a
|
|
702
|
+
* lone child: a browser translation engine reparents that text node, and the
|
|
703
|
+
* removal React runs when the label changes shape or goes away throws. The
|
|
704
|
+
* wrapper is a `<div>` because a custom option layout is often a `MediaObject`,
|
|
705
|
+
* whose root is a `<div>` that a `<span>` may not contain. It is
|
|
706
|
+
* `display: contents`, so a child of your own stays a flex item of the option
|
|
707
|
+
* and any `flex-1` on it still resolves.
|
|
708
|
+
*
|
|
709
|
+
* **`asChild`.** Your single child becomes the option element. The label div
|
|
710
|
+
* and the check move inside it, so the guarantee above holds on both paths.
|
|
711
|
+
*
|
|
712
|
+
* **Data attributes:**
|
|
713
|
+
*
|
|
714
|
+
* | Data Attribute | Value | Description |
|
|
715
|
+
* | --- | --- | --- |
|
|
716
|
+
* | `data-slot` | `"multi-select-item"` | On the option element. |
|
|
717
|
+
* | `data-slot` | `"multi-select-item-label"` | On the `<div>` wrapping `children`. |
|
|
718
|
+
*
|
|
676
719
|
* @see https://mantle.ngrok.com/components/forms/multi-select#multiselectitem
|
|
677
720
|
*
|
|
678
721
|
* @example
|
package/dist/multi-select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{t}from"./compose-refs-sFdxsL7k.js";import{t as n}from"./cx-0HCjnNv1.js";import{t as r}from"./icon-BT8FnkkJ.js";import{t as i}from"./slot-BsvE2ntj.js";import{r as a}from"./layer-container-R7aux3n8.js";import{a as o,r as s}from"./field-Bpptk_9t.js";import{t as c}from"./field-B1wqeZr4.js";import{n as l}from"./separator-D98be0gY.js";import{t as u}from"./use-prefers-reduced-motion-Cj9tJ181.js";import{c as d}from"react/compiler-runtime";import{createContext as f,useContext as p,useEffect as m,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{XIcon as y}from"@phosphor-icons/react/X";import{CheckIcon as b}from"@phosphor-icons/react/Check";import*as x from"@ariakit/react";import{LockIcon as S}from"@phosphor-icons/react/Lock";const C=e=>Array.isArray(e)&&e.every(e=>typeof e==`string`),w=[],T=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),E=f({current:null}),D=f(w),O=f({onInputKeyDownRef:{current:void 0},inputRef:{current:null},setLockedValues:()=>{}}),k=e=>{let t=d(12),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({children:n,defaultSelectedValue:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?w:i,o=h(null),s=h(void 0),c=h(null),[l,u]=g(w),f;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(f={onInputKeyDownRef:s,inputRef:c,setLockedValues:u},t[4]=f):f=t[4];let p=f,m;t[5]!==n||t[6]!==a||t[7]!==r?(m=_(x.ComboboxProvider,{defaultSelectedValue:a,...r,children:n}),t[5]=n,t[6]=a,t[7]=r,t[8]=m):m=t[8];let v;return t[9]!==l||t[10]!==m?(v=_(E.Provider,{value:o,children:_(O.Provider,{value:p,children:_(D.Provider,{value:l,children:m})})}),t[9]=l,t[10]=m,t[11]=v):v=t[11],v},A=e=>{let r=d(31),i,a,c,l,u,f,m,h;r[0]===e?(i=r[1],a=r[2],c=r[3],l=r[4],u=r[5],f=r[6],m=r[7],h=r[8]):({"aria-invalid":i,className:l,children:c,onKeyDown:u,onMouseDown:f,ref:h,validation:a,...m}=e,r[0]=e,r[1]=i,r[2]=a,r[3]=c,r[4]=l,r[5]=u,r[6]=f,r[7]=m,r[8]=h);let g=p(E),{inputRef:v}=p(O),y=x.useComboboxContext(),b=o(),S=a??b,C;r[9]!==i||r[10]!==S?(C=s({"aria-invalid":i,validation:S}),r[9]=i,r[10]=S,r[11]=C):C=r[11];let{validation:w}=C,T;r[12]===l?T=r[13]:(T=n(`cursor-text select-none font-sans text-sm`,`border-form bg-form text-strong flex min-h-9 w-full flex-wrap items-center gap-1 rounded-md border px-3 py-1 has-[[data-slot=multi-select-tag]]:px-1`,`has-focus:outline-hidden has-focus-within:ring-4 has-aria-expanded:ring-4`,`has-focus-within:border-accent-600 has-focus-within:ring-focus-accent has-aria-expanded:border-accent-600 has-aria-expanded:ring-focus-accent`,`data-validation-success:border-success-600 data-validation-success:has-focus-within:border-success-600 data-validation-success:has-focus-within:ring-focus-success data-validation-success:has-aria-expanded:border-success-600 data-validation-success:has-aria-expanded:ring-focus-success`,`data-validation-warning:border-warning-600 data-validation-warning:has-focus-within:border-warning-600 data-validation-warning:has-focus-within:ring-focus-warning data-validation-warning:has-aria-expanded:border-warning-600 data-validation-warning:has-aria-expanded:ring-focus-warning`,`data-validation-error:border-danger-600 data-validation-error:has-focus-within:border-danger-600 data-validation-error:has-focus-within:ring-focus-danger data-validation-error:has-aria-expanded:border-danger-600 data-validation-error:has-aria-expanded:ring-focus-danger`,l),r[12]=l,r[13]=T);let D=w||void 0,k;r[14]!==u||r[15]!==y?(k=e=>{e.key===`Escape`&&y?.getState().open&&(e.preventDefault(),y.hide()),u?.(e)},r[14]=u,r[15]=y,r[16]=k):k=r[16];let A;r[17]!==v||r[18]!==f?(A=e=>{e.target instanceof HTMLElement&&!e.target.closest(`button, input, [data-slot='multi-select-tag']`)&&(e.preventDefault(),v.current?.focus()),f?.(e)},r[17]=v,r[18]=f,r[19]=A):A=r[19];let j;r[20]!==h||r[21]!==g?(j=t(g,h),r[20]=h,r[21]=g,r[22]=j):j=r[22];let M;return r[23]!==c||r[24]!==m||r[25]!==T||r[26]!==D||r[27]!==k||r[28]!==A||r[29]!==j?(M=_(`div`,{role:`presentation`,"data-slot":`multi-select-trigger`,className:T,"data-validation":D,onKeyDown:k,onMouseDown:A,ref:j,...m,children:c}),r[23]=c,r[24]=m,r[25]=T,r[26]=D,r[27]=k,r[28]=A,r[29]=j,r[30]=M):M=r[30],M},j=e=>{let i=d(43),a,o,s,c,l,u,f,p,m;i[0]===e?(a=i[1],o=i[2],s=i[3],c=i[4],l=i[5],u=i[6],f=i[7],p=i[8],m=i[9]):({className:a,value:m,onRemove:l,locked:p,onBlur:o,onFocus:s,onKeyDown:c,ref:f,...u}=e,i[0]=e,i[1]=a,i[2]=o,i[3]=s,i[4]=c,i[5]=l,i[6]=u,i[7]=f,i[8]=p,i[9]=m);let b=p!==void 0&&p,x=h(null),[C,w]=g(!1),T;i[10]===f?T=i[11]:(T=t(x,f),i[10]=f,i[11]=T);let E=C||void 0,D=b||void 0,O;i[12]===a?O=i[13]:(O=n(`cursor-default bg-neutral-500/10 border border-neutral-500/20 rounded-xs text-strong inline-flex items-center gap-1 pl-2 pr-0.5 py-0.5 text-sm font-normal`,`focus-visible:outline-hidden focus-visible:border-accent-600/50 focus-visible:ring-3 focus-visible:ring-focus-accent`,a),i[12]=a,i[13]=O);let k;i[14]===o?k=i[15]:(k=e=>{w(!1),o?.(e)},i[14]=o,i[15]=k);let A;i[16]===s?A=i[17]:(A=e=>{w(!0),s?.(e)},i[16]=s,i[17]=A);let j;i[18]!==b||i[19]!==c?(j=e=>{if(b&&(e.key===`Backspace`||e.key===`Delete`)){e.preventDefault(),P(e.currentTarget);return}c?.(e)},i[18]=b,i[19]=c,i[20]=j):j=i[20];let M=`Remove ${m}`,N=b||void 0,I;i[21]===Symbol.for(`react.memo_cache_sentinel`)?(I=n(`cursor-pointer text-strong/40 hover:bg-neutral-500/15 hover:text-strong rounded-xs p-0.5`,`aria-disabled:cursor-default aria-disabled:hover:bg-transparent aria-disabled:hover:text-strong/40`),i[21]=I):I=i[21];let L;i[22]!==b||i[23]!==l?(L=e=>{if(e.stopPropagation(),b){let e=x.current;e&&P(e);return}l?.()},i[22]=b,i[23]=l,i[24]=L):L=i[24];let R;i[25]===b?R=i[26]:(R=_(r,{svg:b?_(S,{}):_(y,{weight:`bold`}),className:`size-4`}),i[25]=b,i[26]=R);let z;i[27]!==N||i[28]!==L||i[29]!==R||i[30]!==M?(z=_(`button`,{type:`button`,"aria-label":M,tabIndex:-1,"aria-disabled":N,className:I,onClick:L,onMouseDown:F,children:R}),i[27]=N,i[28]=L,i[29]=R,i[30]=M,i[31]=z):z=i[31];let B;return i[32]!==u||i[33]!==z||i[34]!==T||i[35]!==E||i[36]!==D||i[37]!==O||i[38]!==k||i[39]!==A||i[40]!==j||i[41]!==m?(B=v(`span`,{ref:T,role:`listitem`,tabIndex:-1,"data-slot":`multi-select-tag`,"data-active":E,"data-locked":D,className:O,onBlur:k,onFocus:A,onKeyDown:j,...u,children:[m,z]}),i[32]=u,i[33]=z,i[34]=T,i[35]=E,i[36]=D,i[37]=O,i[38]=k,i[39]=A,i[40]=j,i[41]=m,i[42]=B):B=i[42],B},M=({render:e,...t})=>e(t),N={Root:k,Trigger:A,TagValues:t=>{let n=d(22),{"aria-label":r,children:i,lockedValues:a}=t,o=r===void 0?`Selected values`:r,s=a===void 0?w:a,c=x.useComboboxContext(),l=x.useStoreState(c,`selectedValue`),u;n[0]===l?u=n[1]:(u=C(l)?l:void 0,n[0]=l,n[1]=u);let f=u??w,g=h(f),v,y;n[2]===f?(v=n[3],y=n[4]):(v=()=>{g.current=f},y=[f],n[2]=f,n[3]=v,n[4]=y),e(v,y);let b;n[5]===s?b=n[6]:(b=new Set(s),n[5]=s,n[6]=b);let S=b,E=h(new Map),{onInputKeyDownRef:D,inputRef:k,setLockedValues:A}=p(O),N,F;n[7]!==s||n[8]!==A?(N=()=>{A(e=>T(e,s)?e:s)},F=[s,A],n[7]=s,n[8]=A,n[9]=N,n[10]=F):(N=n[9],F=n[10]),e(N,F);let I,L;n[11]===A?(I=n[12],L=n[13]):(L=()=>()=>{A(w)},I=[A],n[11]=A,n[12]=I,n[13]=L),e(L,I);let R;n[14]===Symbol.for(`react.memo_cache_sentinel`)?(R=new Set,n[14]=R):R=n[14];let z=h(R),B,V;n[15]===Symbol.for(`react.memo_cache_sentinel`)?(B=()=>()=>{z.current.forEach(cancelAnimationFrame)},V=[],n[15]=B,n[16]=V):(B=n[15],V=n[16]),m(B,V);let H=e=>{let t=requestAnimationFrame(()=>{z.current.delete(t),e()});z.current.add(t)},U;n[17]===c?U=n[18]:(U=e=>{if(c){let t=c.getState().selectedValue;if(!C(t))return;c.setSelectedValue(t.filter(t=>t!==e))}},n[17]=c,n[18]=U);let W=U,G=e=>{let t=g.current[e];if(t==null)return;let n=E.current.get(t);n&&(n.focus(),c?.show())},K=()=>{k.current?.focus()},q=(e,t)=>{let n=f[t];bb65:switch(e.key){case`ArrowLeft`:e.preventDefault(),t>0&&G(t-1);break bb65;case`ArrowRight`:e.preventDefault(),t<f.length-1?G(t+1):K();break bb65;case`Backspace`:case`Delete`:if(e.preventDefault(),n!=null){if(S.has(n)){let e=E.current.get(n);e&&P(e);break bb65}if(W(n),e.key===`Backspace`){if(t>0){let e=t-1;H(()=>G(e))}else H(()=>{g.current.length>0?G(0):K()})}else H(()=>{t<g.current.length?G(t):K()})}break bb65;case`ArrowUp`:case`ArrowDown`:e.preventDefault(),K(),k.current?.dispatchEvent(new KeyboardEvent(`keydown`,{key:e.key,bubbles:!0,cancelable:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,altKey:e.altKey}));break bb65;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&K()}},J=e=>{if(e.key===`ArrowLeft`&&e.currentTarget.selectionStart===0&&e.currentTarget.selectionEnd===0&&f.length>0){e.preventDefault(),G(f.length-1);return}if(e.key===`Backspace`&&e.currentTarget.value===``&&f.length>0){let e=f[f.length-1];if(e!=null){if(S.has(e)){let t=E.current.get(e);t&&P(t)}else W(e)}}};if(e(()=>(D.current=J,()=>{D.current=void 0})),f.length===0)return null;let Y=f.map((e,t)=>{let n={value:e,locked:S.has(e),onRemove:()=>{if(S.has(e)){let t=E.current.get(e);t&&P(t);return}W(e)},ref:t=>{t?E.current.set(e,t):E.current.delete(e)},onKeyDown:e=>q(e,t),onClick:()=>G(t)};return i?_(M,{render:i,...n},e):_(j,{...n},e)}),X;return n[19]!==o||n[20]!==Y?(X=_(`span`,{role:`list`,"aria-label":o,"data-slot":`multi-select-tag-list`,className:`contents`,children:Y}),n[19]=o,n[20]=Y,n[21]=X):X=n[21],X},Input:e=>{let r=d(39),i,a,o,s,l,u,f,m,h;r[0]===e?(i=r[1],a=r[2],o=r[3],s=r[4],l=r[5],u=r[6],f=r[7],m=r[8],h=r[9]):({className:i,onBlur:a,onChange:o,onFocus:s,onKeyDown:l,onValueChange:u,placeholder:f,ref:h,...m}=e,r[0]=e,r[1]=i,r[2]=a,r[3]=o,r[4]=s,r[5]=l,r[6]=u,r[7]=f,r[8]=m,r[9]=h);let g=x.useComboboxContext(),{onInputKeyDownRef:v,inputRef:y}=p(O),b=p(c),S=x.useStoreState(g,`selectedValue`),w=((C(S)?S:void 0)?.length??0)>0,T;r[10]===i?T=r[11]:(T=n(`pointer-coarse:text-base min-w-20 flex-1 select-text border-0 bg-transparent text-sm outline-hidden`,`placeholder:select-none placeholder:text-placeholder`,i),r[10]=i,r[11]=T);let E;r[12]!==o||r[13]!==u?(E=e=>{u?.(e.target.value),o?.(e)},r[12]=o,r[13]=u,r[14]=E):E=r[14];let D;r[15]!==v||r[16]!==l?(D=e=>{v.current?.(e),l?.(e)},r[15]=v,r[16]=l,r[17]=D):D=r[17];let k;r[18]!==a||r[19]!==g?(k=e=>{e.relatedTarget instanceof HTMLElement&&e.relatedTarget.closest(`[data-slot="multi-select-tag"]`)&&g?.show(),a?.(e)},r[18]=a,r[19]=g,r[20]=k):k=r[20];let A;r[21]!==s||r[22]!==g?(A=e=>{g?.show(),s?.(e)},r[21]=s,r[22]=g,r[23]=A):A=r[23];let j=w?void 0:f,M;r[24]!==y||r[25]!==h?(M=t(y,h),r[24]=y,r[25]=h,r[26]=M):M=r[26];let N;r[27]===b?N=r[28]:(N=b?{"aria-describedby":b[`aria-describedby`],"aria-errormessage":b[`aria-errormessage`],"aria-invalid":b[`aria-invalid`],id:b.id,name:b.name}:void 0,r[27]=b,r[28]=N);let P;return r[29]!==m||r[30]!==T||r[31]!==E||r[32]!==D||r[33]!==k||r[34]!==A||r[35]!==j||r[36]!==M||r[37]!==N?(P=_(x.Combobox,{autoSelect:!0,"data-slot":`multi-select-input`,className:T,onChange:E,onKeyDown:D,onBlur:k,onFocus:A,placeholder:j,ref:M,...m,...N}),r[29]=m,r[30]=T,r[31]=E,r[32]=D,r[33]=k,r[34]=A,r[35]=j,r[36]=M,r[37]=N,r[38]=P):P=r[38],P},Tag:j,Content:e=>{let t=d(36),r,i,o,s,c,l,u,f,m,h,g;t[0]===e?(r=t[1],i=t[2],o=t[3],s=t[4],c=t[5],l=t[6],u=t[7],f=t[8],m=t[9],h=t[10],g=t[11]):({asChild:u,backdrop:f,children:r,className:i,modal:m,portalElement:o,preventBodyScroll:s,ref:l,sameWidth:h,unmountOnHide:g,...c}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=o,t[4]=s,t[5]=c,t[6]=l,t[7]=u,t[8]=f,t[9]=m,t[10]=h,t[11]=g);let v=u!==void 0&&u,y=f!==void 0&&f,b=m===void 0||m,S=h===void 0||h,C=g===void 0||g,w=p(E),T=a(),D=T!=null,O;t[12]===w?O=t[13]:(O=()=>w.current?.getBoundingClientRect()??null,t[12]=w,t[13]=O);let k=O,A;t[14]!==T||t[15]!==o||t[16]!==w?(A=e=>typeof o==`function`?o(e):o??w.current?.closest(`[data-mantle-modal-content]`)??(T instanceof HTMLElement?T:null)??e.ownerDocument.body,t[14]=T,t[15]=o,t[16]=w,t[17]=A):A=t[17];let j=A,M;t[18]===w?M=t[19]:(M=e=>!(e.target instanceof Node&&w.current?.contains(e.target)),t[18]=w,t[19]=M);let N=M,P;t[20]===i?P=t[21]:(P=n(`border-popover bg-popover relative z-50 max-h-96 min-w-32 scrollbar overflow-y-scroll overflow-x-hidden overscroll-y-none rounded-md border shadow-md pt-1 pb-1 has-data-content-footer:pb-0 font-sans flex flex-col gap-px focus:outline-hidden`,i),t[20]=i,t[21]=P);let F=s??!D,L=v?I:void 0,R;return t[22]!==y||t[23]!==r||t[24]!==k||t[25]!==j||t[26]!==N||t[27]!==b||t[28]!==c||t[29]!==l||t[30]!==S||t[31]!==F||t[32]!==L||t[33]!==P||t[34]!==C?(R=_(x.ComboboxPopover,{"data-slot":`multi-select-content`,className:P,backdrop:y,getAnchorRect:k,gutter:4,hideOnInteractOutside:N,modal:b,portalElement:j,preventBodyScroll:F,ref:l,render:L,sameWidth:S,unmountOnHide:C,...c,children:r}),t[22]=y,t[23]=r,t[24]=k,t[25]=j,t[26]=N,t[27]=b,t[28]=c,t[29]=l,t[30]=S,t[31]=F,t[32]=L,t[33]=P,t[34]=C,t[35]=R):R=t[35],R},ContentFooter:e=>{let t=d(12),r,i,a,o;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4]):({className:i,children:r,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o);let s;t[5]===i?s=t[6]:(s=n(`bg-popover sticky bottom-0 border-t border-popover`,i),t[5]=i,t[6]=s);let c;return t[7]!==r||t[8]!==a||t[9]!==o||t[10]!==s?(c=_(`div`,{ref:o,"data-slot":`multi-select-content-footer`,"data-content-footer":!0,className:s,...a,children:r}),t[7]=r,t[8]=a,t[9]=o,t[10]=s,t[11]=c):c=t[11],c},Item:e=>{let t=d(27),i,a,o,s,c,l,u,f;t[0]===e?(i=t[1],a=t[2],o=t[3],s=t[4],c=t[5],l=t[6],u=t[7],f=t[8]):({asChild:l,children:i,className:a,focusOnHover:u,value:f,onClick:o,ref:c,...s}=e,t[0]=e,t[1]=i,t[2]=a,t[3]=o,t[4]=s,t[5]=c,t[6]=l,t[7]=u,t[8]=f);let m=l!==void 0&&l,h=u===void 0||u,g=p(D),y;t[9]!==g||t[10]!==f?(y=f!=null&&g.includes(f),t[9]=g,t[10]=f,t[11]=y):y=t[11];let S=y,C;t[12]===a?C=t[13]:(C=n(`relative mx-1 cursor-pointer rounded-md pl-2 pr-8 py-1.5 text-strong text-sm font-normal flex min-w-0 items-center gap-2`,`[[role=option]+&]:mt-px`,`data-active-item:bg-active-menu-item`,`aria-disabled:opacity-50`,`aria-selected:bg-selected-menu-item aria-selected:data-active-item:bg-active-selected-menu-item`,a),t[12]=a,t[13]=C);let w;t[14]!==S||t[15]!==o?(w=e=>{if(S){e.preventDefault();return}o?.(e)},t[14]=S,t[15]=o,t[16]=w):w=t[16];let T=m?L:void 0,E;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(E=_(x.ComboboxItemCheck,{className:`absolute right-2 flex h-3.5 w-3.5 items-center justify-center`,children:_(r,{svg:_(b,{weight:`bold`}),className:`size-4 text-accent-600`})}),t[17]=E):E=t[17];let O;return t[18]!==i||t[19]!==h||t[20]!==s||t[21]!==c||t[22]!==C||t[23]!==w||t[24]!==T||t[25]!==f?(O=v(x.ComboboxItem,{"data-slot":`multi-select-item`,className:C,focusOnHover:h,onClick:w,ref:c,render:T,resetValueOnSelect:!0,value:f,...s,children:[i,E]}),t[18]=i,t[19]=h,t[20]=s,t[21]=c,t[22]=C,t[23]=w,t[24]=T,t[25]=f,t[26]=O):O=t[26],O},Group:e=>{let t=d(10),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({asChild:a,children:n,ref:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o=a!==void 0&&a?R:void 0,s;return t[5]!==n||t[6]!==r||t[7]!==i||t[8]!==o?(s=_(x.ComboboxGroup,{"data-slot":`multi-select-group`,className:`mx-1`,ref:i,render:o,...r,children:n}),t[5]=n,t[6]=r,t[7]=i,t[8]=o,t[9]=s):s=t[9],s},GroupLabel:e=>{let t=d(14),r,i,a,o,s;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4],s=t[5]):({asChild:s,children:r,className:i,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o,t[5]=s);let c=s!==void 0&&s,l;t[6]===i?l=t[7]:(l=n(`text-muted px-2 py-1 text-xs font-medium`,i),t[6]=i,t[7]=l);let u=c?z:void 0,f;return t[8]!==r||t[9]!==a||t[10]!==o||t[11]!==l||t[12]!==u?(f=_(x.ComboboxGroupLabel,{"data-slot":`multi-select-group-label`,className:l,ref:o,render:u,...a,children:r}),t[8]=r,t[9]=a,t[10]=o,t[11]=l,t[12]=u,t[13]=f):f=t[13],f},GroupDescription:e=>{let t=d(12),r,i,a,o;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4]):({className:i,children:r,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o);let s;t[5]===i?s=t[6]:(s=n(`text-muted px-2 pb-1 text-xs`,i),t[5]=i,t[6]=s);let c;return t[7]!==r||t[8]!==a||t[9]!==o||t[10]!==s?(c=_(`p`,{"data-slot":`multi-select-group-description`,className:s,ref:o,...a,children:r}),t[7]=r,t[8]=a,t[9]=o,t[10]=s,t[11]=c):c=t[11],c},Separator:e=>{let t=d(10),r,i,a;t[0]===e?(r=t[1],i=t[2],a=t[3]):({className:r,ref:a,...i}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a);let o;t[4]===r?o=t[5]:(o=n(`my-1 w-auto`,r),t[4]=r,t[5]=o);let s;return t[6]!==i||t[7]!==a||t[8]!==o?(s=_(l,{"data-slot":`multi-select-separator`,ref:a,className:o,...i}),t[6]=i,t[7]=a,t[8]=o,t[9]=s):s=t[9],s},Empty:e=>{let t=d(12),r,i,a,o;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4]):({className:i,children:r,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o);let s;t[5]===i?s=t[6]:(s=n(`mx-1 text-muted px-2 py-6 text-center text-sm`,i),t[5]=i,t[6]=s);let c;return t[7]!==r||t[8]!==a||t[9]!==o||t[10]!==s?(c=_(`div`,{"data-slot":`multi-select-empty`,className:s,ref:o,role:`presentation`,...a,children:r}),t[7]=r,t[8]=a,t[9]=o,t[10]=s,t[11]=c):c=t[11],c}};function P(e){u()||e.animate([{transform:`translateX(0)`},{transform:`translateX(-4px)`},{transform:`translateX(4px)`},{transform:`translateX(-4px)`},{transform:`translateX(4px)`},{transform:`translateX(0)`}],{duration:300,easing:`ease-in-out`})}function F(e){e.preventDefault()}function I(e){let{ref:t,...n}=e;return _(i,{ref:t,...n})}function L(e){let{ref:t,...n}=e;return _(i,{ref:t,...n})}function R(e){let{ref:t,...n}=e;return _(i,{ref:t,...n})}function z(e){let{ref:t,...n}=e;return _(i,{ref:t,...n})}export{N as MultiSelect};
|
|
1
|
+
import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{t}from"./compose-refs-sFdxsL7k.js";import{t as n}from"./cx-0HCjnNv1.js";import{t as r}from"./icon-BT8FnkkJ.js";import{t as i}from"./slot-BsvE2ntj.js";import{r as a}from"./layer-container-R7aux3n8.js";import{a as o,r as s}from"./field-Bpptk_9t.js";import{t as c}from"./field-B1wqeZr4.js";import{n as l}from"./separator-D98be0gY.js";import{t as u}from"./use-prefers-reduced-motion-Cj9tJ181.js";import{c as d}from"react/compiler-runtime";import{cloneElement as f,createContext as p,isValidElement as m,useContext as h,useEffect as g,useRef as _,useState as v}from"react";import y from"tiny-invariant";import{Fragment as b,jsx as x,jsxs as S}from"react/jsx-runtime";import{XIcon as C}from"@phosphor-icons/react/X";import{CheckIcon as w}from"@phosphor-icons/react/Check";import*as T from"@ariakit/react";import{LockIcon as E}from"@phosphor-icons/react/Lock";const D=e=>Array.isArray(e)&&e.every(e=>typeof e==`string`),O=[],k=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),A=p({current:null}),j=p(O),M=p({onInputKeyDownRef:{current:void 0},inputRef:{current:null},setLockedValues:()=>{}}),N=e=>{let t=d(12),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({children:n,defaultSelectedValue:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?O:i,o=_(null),s=_(void 0),c=_(null),[l,u]=v(O),f;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(f={onInputKeyDownRef:s,inputRef:c,setLockedValues:u},t[4]=f):f=t[4];let p=f,m;t[5]!==n||t[6]!==a||t[7]!==r?(m=x(T.ComboboxProvider,{defaultSelectedValue:a,...r,children:n}),t[5]=n,t[6]=a,t[7]=r,t[8]=m):m=t[8];let h;return t[9]!==l||t[10]!==m?(h=x(A.Provider,{value:o,children:x(M.Provider,{value:p,children:x(j.Provider,{value:l,children:m})})}),t[9]=l,t[10]=m,t[11]=h):h=t[11],h},P=e=>{let r=d(31),i,a,c,l,u,f,p,m;r[0]===e?(i=r[1],a=r[2],c=r[3],l=r[4],u=r[5],f=r[6],p=r[7],m=r[8]):({"aria-invalid":i,className:l,children:c,onKeyDown:u,onMouseDown:f,ref:m,validation:a,...p}=e,r[0]=e,r[1]=i,r[2]=a,r[3]=c,r[4]=l,r[5]=u,r[6]=f,r[7]=p,r[8]=m);let g=h(A),{inputRef:_}=h(M),v=T.useComboboxContext(),y=o(),b=a??y,S;r[9]!==i||r[10]!==b?(S=s({"aria-invalid":i,validation:b}),r[9]=i,r[10]=b,r[11]=S):S=r[11];let{validation:C}=S,w;r[12]===l?w=r[13]:(w=n(`cursor-text select-none font-sans text-sm`,`border-form bg-form text-strong flex min-h-9 w-full flex-wrap items-center gap-1 rounded-md border px-3 py-1 has-[[data-slot=multi-select-tag]]:px-1`,`has-focus:outline-hidden has-focus-within:ring-4 has-aria-expanded:ring-4`,`has-focus-within:border-accent-600 has-focus-within:ring-focus-accent has-aria-expanded:border-accent-600 has-aria-expanded:ring-focus-accent`,`data-validation-success:border-success-600 data-validation-success:has-focus-within:border-success-600 data-validation-success:has-focus-within:ring-focus-success data-validation-success:has-aria-expanded:border-success-600 data-validation-success:has-aria-expanded:ring-focus-success`,`data-validation-warning:border-warning-600 data-validation-warning:has-focus-within:border-warning-600 data-validation-warning:has-focus-within:ring-focus-warning data-validation-warning:has-aria-expanded:border-warning-600 data-validation-warning:has-aria-expanded:ring-focus-warning`,`data-validation-error:border-danger-600 data-validation-error:has-focus-within:border-danger-600 data-validation-error:has-focus-within:ring-focus-danger data-validation-error:has-aria-expanded:border-danger-600 data-validation-error:has-aria-expanded:ring-focus-danger`,l),r[12]=l,r[13]=w);let E=C||void 0,D;r[14]!==u||r[15]!==v?(D=e=>{e.key===`Escape`&&v?.getState().open&&(e.preventDefault(),v.hide()),u?.(e)},r[14]=u,r[15]=v,r[16]=D):D=r[16];let O;r[17]!==_||r[18]!==f?(O=e=>{e.target instanceof HTMLElement&&!e.target.closest(`button, input, [data-slot='multi-select-tag']`)&&(e.preventDefault(),_.current?.focus()),f?.(e)},r[17]=_,r[18]=f,r[19]=O):O=r[19];let k;r[20]!==m||r[21]!==g?(k=t(g,m),r[20]=m,r[21]=g,r[22]=k):k=r[22];let j;return r[23]!==c||r[24]!==p||r[25]!==w||r[26]!==E||r[27]!==D||r[28]!==O||r[29]!==k?(j=x(`div`,{role:`presentation`,"data-slot":`multi-select-trigger`,className:w,"data-validation":E,onKeyDown:D,onMouseDown:O,ref:k,...p,children:c}),r[23]=c,r[24]=p,r[25]=w,r[26]=E,r[27]=D,r[28]=O,r[29]=k,r[30]=j):j=r[30],j},F=e=>{let i=d(43),a,o,s,c,l,u,f,p,m;i[0]===e?(a=i[1],o=i[2],s=i[3],c=i[4],l=i[5],u=i[6],f=i[7],p=i[8],m=i[9]):({className:a,value:m,onRemove:l,locked:p,onBlur:o,onFocus:s,onKeyDown:c,ref:f,...u}=e,i[0]=e,i[1]=a,i[2]=o,i[3]=s,i[4]=c,i[5]=l,i[6]=u,i[7]=f,i[8]=p,i[9]=m);let h=p!==void 0&&p,g=_(null),[y,b]=v(!1),w;i[10]===f?w=i[11]:(w=t(g,f),i[10]=f,i[11]=w);let T=y||void 0,D=h||void 0,O;i[12]===a?O=i[13]:(O=n(`cursor-default bg-neutral-500/10 border border-neutral-500/20 rounded-xs text-strong inline-flex items-center gap-1 pl-2 pr-0.5 py-0.5 text-sm font-normal`,`focus-visible:outline-hidden focus-visible:border-accent-600/50 focus-visible:ring-3 focus-visible:ring-focus-accent`,a),i[12]=a,i[13]=O);let k;i[14]===o?k=i[15]:(k=e=>{b(!1),o?.(e)},i[14]=o,i[15]=k);let A;i[16]===s?A=i[17]:(A=e=>{b(!0),s?.(e)},i[16]=s,i[17]=A);let j;i[18]!==h||i[19]!==c?(j=e=>{if(h&&(e.key===`Backspace`||e.key===`Delete`)){e.preventDefault(),H(e.currentTarget);return}c?.(e)},i[18]=h,i[19]=c,i[20]=j):j=i[20];let M=`Remove ${m}`,N=h||void 0,P;i[21]===Symbol.for(`react.memo_cache_sentinel`)?(P=n(`cursor-pointer text-strong/40 hover:bg-neutral-500/15 hover:text-strong rounded-xs p-0.5`,`aria-disabled:cursor-default aria-disabled:hover:bg-transparent aria-disabled:hover:text-strong/40`),i[21]=P):P=i[21];let F;i[22]!==h||i[23]!==l?(F=e=>{if(e.stopPropagation(),h){let e=g.current;e&&H(e);return}l?.()},i[22]=h,i[23]=l,i[24]=F):F=i[24];let I;i[25]===h?I=i[26]:(I=x(r,{svg:h?x(E,{}):x(C,{weight:`bold`}),className:`size-4`}),i[25]=h,i[26]=I);let L;i[27]!==N||i[28]!==F||i[29]!==I||i[30]!==M?(L=x(`button`,{type:`button`,"aria-label":M,tabIndex:-1,"aria-disabled":N,className:P,onClick:F,onMouseDown:U,children:I}),i[27]=N,i[28]=F,i[29]=I,i[30]=M,i[31]=L):L=i[31];let R;return i[32]!==u||i[33]!==L||i[34]!==w||i[35]!==T||i[36]!==D||i[37]!==O||i[38]!==k||i[39]!==A||i[40]!==j||i[41]!==m?(R=S(`span`,{ref:w,role:`listitem`,tabIndex:-1,"data-slot":`multi-select-tag`,"data-active":T,"data-locked":D,className:O,onBlur:k,onFocus:A,onKeyDown:j,...u,children:[m,L]}),i[32]=u,i[33]=L,i[34]=w,i[35]=T,i[36]=D,i[37]=O,i[38]=k,i[39]=A,i[40]=j,i[41]=m,i[42]=R):R=i[42],R},I=({render:e,...t})=>e(t),L=t=>{let n=d(22),{"aria-label":r,children:i,lockedValues:a}=t,o=r===void 0?`Selected values`:r,s=a===void 0?O:a,c=T.useComboboxContext(),l=T.useStoreState(c,`selectedValue`),u;n[0]===l?u=n[1]:(u=D(l)?l:void 0,n[0]=l,n[1]=u);let f=u??O,p=_(f),m,v;n[2]===f?(m=n[3],v=n[4]):(m=()=>{p.current=f},v=[f],n[2]=f,n[3]=m,n[4]=v),e(m,v);let y;n[5]===s?y=n[6]:(y=new Set(s),n[5]=s,n[6]=y);let b=y,S=_(new Map),{onInputKeyDownRef:C,inputRef:w,setLockedValues:E}=h(M),A,j;n[7]!==s||n[8]!==E?(A=()=>{E(e=>k(e,s)?e:s)},j=[s,E],n[7]=s,n[8]=E,n[9]=A,n[10]=j):(A=n[9],j=n[10]),e(A,j);let N,P;n[11]===E?(N=n[12],P=n[13]):(P=()=>()=>{E(O)},N=[E],n[11]=E,n[12]=N,n[13]=P),e(P,N);let L;n[14]===Symbol.for(`react.memo_cache_sentinel`)?(L=new Set,n[14]=L):L=n[14];let R=_(L),z,B;n[15]===Symbol.for(`react.memo_cache_sentinel`)?(z=()=>()=>{R.current.forEach(cancelAnimationFrame)},B=[],n[15]=z,n[16]=B):(z=n[15],B=n[16]),g(z,B);let V=e=>{let t=requestAnimationFrame(()=>{R.current.delete(t),e()});R.current.add(t)},U;n[17]===c?U=n[18]:(U=e=>{if(c){let t=c.getState().selectedValue;if(!D(t))return;c.setSelectedValue(t.filter(t=>t!==e))}},n[17]=c,n[18]=U);let W=U,G=e=>{let t=p.current[e];if(t==null)return;let n=S.current.get(t);n&&(n.focus(),c?.show())},K=()=>{w.current?.focus()},q=(e,t)=>{let n=f[t];bb65:switch(e.key){case`ArrowLeft`:e.preventDefault(),t>0&&G(t-1);break bb65;case`ArrowRight`:e.preventDefault(),t<f.length-1?G(t+1):K();break bb65;case`Backspace`:case`Delete`:if(e.preventDefault(),n!=null){if(b.has(n)){let e=S.current.get(n);e&&H(e);break bb65}if(W(n),e.key===`Backspace`){if(t>0){let e=t-1;V(()=>G(e))}else V(()=>{p.current.length>0?G(0):K()})}else V(()=>{t<p.current.length?G(t):K()})}break bb65;case`ArrowUp`:case`ArrowDown`:e.preventDefault(),K(),w.current?.dispatchEvent(new KeyboardEvent(`keydown`,{key:e.key,bubbles:!0,cancelable:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,altKey:e.altKey}));break bb65;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&K()}},J=e=>{if(e.key===`ArrowLeft`&&e.currentTarget.selectionStart===0&&e.currentTarget.selectionEnd===0&&f.length>0){e.preventDefault(),G(f.length-1);return}if(e.key===`Backspace`&&e.currentTarget.value===``&&f.length>0){let e=f[f.length-1];if(e!=null){if(b.has(e)){let t=S.current.get(e);t&&H(t)}else W(e)}}};if(e(()=>(C.current=J,()=>{C.current=void 0})),f.length===0)return null;let Y=f.map((e,t)=>{let n={value:e,locked:b.has(e),onRemove:()=>{if(b.has(e)){let t=S.current.get(e);t&&H(t);return}W(e)},ref:t=>{t?S.current.set(e,t):S.current.delete(e)},onKeyDown:e=>q(e,t),onClick:()=>G(t)};return i?x(I,{render:i,...n},e):x(F,{...n},e)}),X;return n[19]!==o||n[20]!==Y?(X=x(`span`,{role:`list`,"aria-label":o,"data-slot":`multi-select-tag-list`,className:`contents`,children:Y}),n[19]=o,n[20]=Y,n[21]=X):X=n[21],X},R=e=>{let r=d(39),i,a,o,s,l,u,f,p,m;r[0]===e?(i=r[1],a=r[2],o=r[3],s=r[4],l=r[5],u=r[6],f=r[7],p=r[8],m=r[9]):({className:i,onBlur:a,onChange:o,onFocus:s,onKeyDown:l,onValueChange:u,placeholder:f,ref:m,...p}=e,r[0]=e,r[1]=i,r[2]=a,r[3]=o,r[4]=s,r[5]=l,r[6]=u,r[7]=f,r[8]=p,r[9]=m);let g=T.useComboboxContext(),{onInputKeyDownRef:_,inputRef:v}=h(M),y=h(c),b=T.useStoreState(g,`selectedValue`),S=((D(b)?b:void 0)?.length??0)>0,C;r[10]===i?C=r[11]:(C=n(`pointer-coarse:text-base min-w-20 flex-1 select-text border-0 bg-transparent text-sm outline-hidden`,`placeholder:select-none placeholder:text-placeholder`,i),r[10]=i,r[11]=C);let w;r[12]!==o||r[13]!==u?(w=e=>{u?.(e.target.value),o?.(e)},r[12]=o,r[13]=u,r[14]=w):w=r[14];let E;r[15]!==_||r[16]!==l?(E=e=>{_.current?.(e),l?.(e)},r[15]=_,r[16]=l,r[17]=E):E=r[17];let O;r[18]!==a||r[19]!==g?(O=e=>{e.relatedTarget instanceof HTMLElement&&e.relatedTarget.closest(`[data-slot="multi-select-tag"]`)&&g?.show(),a?.(e)},r[18]=a,r[19]=g,r[20]=O):O=r[20];let k;r[21]!==s||r[22]!==g?(k=e=>{g?.show(),s?.(e)},r[21]=s,r[22]=g,r[23]=k):k=r[23];let A=S?void 0:f,j;r[24]!==v||r[25]!==m?(j=t(v,m),r[24]=v,r[25]=m,r[26]=j):j=r[26];let N;r[27]===y?N=r[28]:(N=y?{"aria-describedby":y[`aria-describedby`],"aria-errormessage":y[`aria-errormessage`],"aria-invalid":y[`aria-invalid`],id:y.id,name:y.name}:void 0,r[27]=y,r[28]=N);let P;return r[29]!==p||r[30]!==C||r[31]!==w||r[32]!==E||r[33]!==O||r[34]!==k||r[35]!==A||r[36]!==j||r[37]!==N?(P=x(T.Combobox,{autoSelect:!0,"data-slot":`multi-select-input`,className:C,onChange:w,onKeyDown:E,onBlur:O,onFocus:k,placeholder:A,ref:j,...p,...N}),r[29]=p,r[30]=C,r[31]=w,r[32]=E,r[33]=O,r[34]=k,r[35]=A,r[36]=j,r[37]=N,r[38]=P):P=r[38],P},z=e=>{let t=d(36),r,i,o,s,c,l,u,f,p,m,g;t[0]===e?(r=t[1],i=t[2],o=t[3],s=t[4],c=t[5],l=t[6],u=t[7],f=t[8],p=t[9],m=t[10],g=t[11]):({asChild:u,backdrop:f,children:r,className:i,modal:p,portalElement:o,preventBodyScroll:s,ref:l,sameWidth:m,unmountOnHide:g,...c}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=o,t[4]=s,t[5]=c,t[6]=l,t[7]=u,t[8]=f,t[9]=p,t[10]=m,t[11]=g);let _=u!==void 0&&u,v=f!==void 0&&f,y=p===void 0||p,b=m===void 0||m,S=g===void 0||g,C=h(A),w=a(),E=w!=null,D;t[12]===C?D=t[13]:(D=()=>C.current?.getBoundingClientRect()??null,t[12]=C,t[13]=D);let O=D,k;t[14]!==w||t[15]!==o||t[16]!==C?(k=e=>typeof o==`function`?o(e):o??C.current?.closest(`[data-mantle-modal-content]`)??(w instanceof HTMLElement?w:null)??e.ownerDocument.body,t[14]=w,t[15]=o,t[16]=C,t[17]=k):k=t[17];let j=k,M;t[18]===C?M=t[19]:(M=e=>!(e.target instanceof Node&&C.current?.contains(e.target)),t[18]=C,t[19]=M);let N=M,P;t[20]===i?P=t[21]:(P=n(`border-popover bg-popover relative z-50 max-h-96 min-w-32 scrollbar overflow-y-scroll overflow-x-hidden overscroll-y-none rounded-md border shadow-md pt-1 pb-1 has-data-content-footer:pb-0 font-sans flex flex-col gap-px focus:outline-hidden`,i),t[20]=i,t[21]=P);let F=s??!E,I=_?W:void 0,L;return t[22]!==v||t[23]!==r||t[24]!==O||t[25]!==j||t[26]!==N||t[27]!==y||t[28]!==c||t[29]!==l||t[30]!==b||t[31]!==F||t[32]!==I||t[33]!==P||t[34]!==S?(L=x(T.ComboboxPopover,{"data-slot":`multi-select-content`,className:P,backdrop:v,getAnchorRect:O,gutter:4,hideOnInteractOutside:N,modal:y,portalElement:j,preventBodyScroll:F,ref:l,render:I,sameWidth:b,unmountOnHide:S,...c,children:r}),t[22]=v,t[23]=r,t[24]=O,t[25]=j,t[26]=N,t[27]=y,t[28]=c,t[29]=l,t[30]=b,t[31]=F,t[32]=I,t[33]=P,t[34]=S,t[35]=L):L=t[35],L},B=e=>x(`div`,{"data-slot":`multi-select-item-label`,className:`contents`,children:e}),V={Root:N,Trigger:P,TagValues:L,Input:R,Tag:F,Content:z,ContentFooter:e=>{let t=d(12),r,i,a,o;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4]):({className:i,children:r,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o);let s;t[5]===i?s=t[6]:(s=n(`bg-popover sticky bottom-0 border-t border-popover`,i),t[5]=i,t[6]=s);let c;return t[7]!==r||t[8]!==a||t[9]!==o||t[10]!==s?(c=x(`div`,{ref:o,"data-slot":`multi-select-content-footer`,"data-content-footer":!0,className:s,...a,children:r}),t[7]=r,t[8]=a,t[9]=o,t[10]=s,t[11]=c):c=t[11],c},Item:e=>{let t=d(37),i,a,o,s,c,l,u,p;t[0]===e?(i=t[1],a=t[2],o=t[3],s=t[4],c=t[5],l=t[6],u=t[7],p=t[8]):({asChild:l,children:i,className:a,focusOnHover:u,value:p,onClick:o,ref:c,...s}=e,t[0]=e,t[1]=i,t[2]=a,t[3]=o,t[4]=s,t[5]=c,t[6]=l,t[7]=u,t[8]=p);let g=l!==void 0&&l,_=u===void 0||u,v=h(j),C;t[9]!==v||t[10]!==p?(C=p!=null&&v.includes(p),t[9]=v,t[10]=p,t[11]=C):C=t[11];let E=C,D;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(D=x(T.ComboboxItemCheck,{className:`absolute right-2 flex h-3.5 w-3.5 items-center justify-center`,children:x(r,{svg:x(w,{weight:`bold`}),className:`size-4 text-accent-600`})}),t[12]=D):D=t[12];let O=D,k;if(g){y(m(i),"When using `asChild`, MultiSelect.Item must be passed a single child as a JSX tag.");let e;if(t[13]!==i){let n;t[15]===i.props.children?n=t[16]:(n=B(i.props.children),t[15]=i.props.children,t[16]=n);let r;t[17]===n?r=t[18]:(r=S(b,{children:[n,O]}),t[17]=n,t[18]=r),e=f(i,{},r),t[13]=i,t[14]=e}else e=t[14];k=e}else{let e;t[19]===i?e=t[20]:(e=B(i),t[19]=i,t[20]=e);let n;t[21]===e?n=t[22]:(n=S(b,{children:[e,O]}),t[21]=e,t[22]=n),k=n}let A;t[23]===a?A=t[24]:(A=n(`relative mx-1 cursor-pointer rounded-md pl-2 pr-8 py-1.5 text-strong text-sm font-normal flex min-w-0 items-center gap-2`,`[[role=option]+&]:mt-px`,`data-active-item:bg-active-menu-item`,`aria-disabled:opacity-50`,`aria-selected:bg-selected-menu-item aria-selected:data-active-item:bg-active-selected-menu-item`,a),t[23]=a,t[24]=A);let M;t[25]!==E||t[26]!==o?(M=e=>{if(E){e.preventDefault();return}o?.(e)},t[25]=E,t[26]=o,t[27]=M):M=t[27];let N=g?G:void 0,P;return t[28]!==k||t[29]!==_||t[30]!==s||t[31]!==c||t[32]!==A||t[33]!==M||t[34]!==N||t[35]!==p?(P=x(T.ComboboxItem,{"data-slot":`multi-select-item`,className:A,focusOnHover:_,onClick:M,ref:c,render:N,resetValueOnSelect:!0,value:p,...s,children:k}),t[28]=k,t[29]=_,t[30]=s,t[31]=c,t[32]=A,t[33]=M,t[34]=N,t[35]=p,t[36]=P):P=t[36],P},Group:e=>{let t=d(10),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({asChild:a,children:n,ref:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o=a!==void 0&&a?K:void 0,s;return t[5]!==n||t[6]!==r||t[7]!==i||t[8]!==o?(s=x(T.ComboboxGroup,{"data-slot":`multi-select-group`,className:`mx-1`,ref:i,render:o,...r,children:n}),t[5]=n,t[6]=r,t[7]=i,t[8]=o,t[9]=s):s=t[9],s},GroupLabel:e=>{let t=d(14),r,i,a,o,s;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4],s=t[5]):({asChild:s,children:r,className:i,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o,t[5]=s);let c=s!==void 0&&s,l;t[6]===i?l=t[7]:(l=n(`text-muted px-2 py-1 text-xs font-medium`,i),t[6]=i,t[7]=l);let u=c?q:void 0,f;return t[8]!==r||t[9]!==a||t[10]!==o||t[11]!==l||t[12]!==u?(f=x(T.ComboboxGroupLabel,{"data-slot":`multi-select-group-label`,className:l,ref:o,render:u,...a,children:r}),t[8]=r,t[9]=a,t[10]=o,t[11]=l,t[12]=u,t[13]=f):f=t[13],f},GroupDescription:e=>{let t=d(12),r,i,a,o;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4]):({className:i,children:r,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o);let s;t[5]===i?s=t[6]:(s=n(`text-muted px-2 pb-1 text-xs`,i),t[5]=i,t[6]=s);let c;return t[7]!==r||t[8]!==a||t[9]!==o||t[10]!==s?(c=x(`p`,{"data-slot":`multi-select-group-description`,className:s,ref:o,...a,children:r}),t[7]=r,t[8]=a,t[9]=o,t[10]=s,t[11]=c):c=t[11],c},Separator:e=>{let t=d(10),r,i,a;t[0]===e?(r=t[1],i=t[2],a=t[3]):({className:r,ref:a,...i}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a);let o;t[4]===r?o=t[5]:(o=n(`my-1 w-auto`,r),t[4]=r,t[5]=o);let s;return t[6]!==i||t[7]!==a||t[8]!==o?(s=x(l,{"data-slot":`multi-select-separator`,ref:a,className:o,...i}),t[6]=i,t[7]=a,t[8]=o,t[9]=s):s=t[9],s},Empty:e=>{let t=d(12),r,i,a,o;t[0]===e?(r=t[1],i=t[2],a=t[3],o=t[4]):({className:i,children:r,ref:o,...a}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=a,t[4]=o);let s;t[5]===i?s=t[6]:(s=n(`mx-1 text-muted px-2 py-6 text-center text-sm`,i),t[5]=i,t[6]=s);let c;return t[7]!==r||t[8]!==a||t[9]!==o||t[10]!==s?(c=x(`div`,{"data-slot":`multi-select-empty`,className:s,ref:o,role:`presentation`,...a,children:r}),t[7]=r,t[8]=a,t[9]=o,t[10]=s,t[11]=c):c=t[11],c}};function H(e){u()||e.animate([{transform:`translateX(0)`},{transform:`translateX(-4px)`},{transform:`translateX(4px)`},{transform:`translateX(-4px)`},{transform:`translateX(4px)`},{transform:`translateX(0)`}],{duration:300,easing:`ease-in-out`})}function U(e){e.preventDefault()}function W(e){let{ref:t,...n}=e;return x(i,{ref:t,...n})}function G(e){let{ref:t,...n}=e;return x(i,{ref:t,...n})}function K(e){let{ref:t,...n}=e;return x(i,{ref:t,...n})}function q(e){let{ref:t,...n}=e;return x(i,{ref:t,...n})}export{V as MultiSelect};
|
package/dist/pagination.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as ButtonGroup } from "./button-DO53OA70.js";
|
|
2
|
-
import { t as Select } from "./select-
|
|
2
|
+
import { t as Select } from "./select-DMlziWUZ.js";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
4
|
//#region src/components/pagination/cursor-pagination.d.ts
|
|
5
5
|
/**
|
package/dist/pagination.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./button-pwkdtR3U.js";import{t as n}from"./button-BFpCB99R.js";import{n as r}from"./separator-D98be0gY.js";import{t as i}from"./select-
|
|
1
|
+
import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./button-pwkdtR3U.js";import{t as n}from"./button-BFpCB99R.js";import{n as r}from"./separator-D98be0gY.js";import{t as i}from"./select-DX72zQN2.js";import{c as a}from"react/compiler-runtime";import{createContext as o,useContext as s,useEffect as c,useRef as l,useState as u}from"react";import d from"tiny-invariant";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{CaretRightIcon as m}from"@phosphor-icons/react/CaretRight";import{CaretLeftIcon as h}from"@phosphor-icons/react/CaretLeft";const g=o(void 0),_=t=>{let n=a(24),r,i,o,s,c,l,p;n[0]===t?(r=n[1],i=n[2],o=n[3],s=n[4],c=n[5],l=n[6],p=n[7]):({className:i,children:r,defaultPageSize:o,onChangePageSize:s,pageSize:c,ref:p,...l}=t,n[0]=t,n[1]=r,n[2]=i,n[3]=o,n[4]=s,n[5]=c,n[6]=l,n[7]=p);let m=c!=null,[h,_]=u(o),v=m?c:h;d(v!=null,"CursorPagination.Root requires either `defaultPageSize` or `pageSize`");let y;n[8]!==m||n[9]!==s?(y=e=>{m||_(e),s?.(e)},n[8]=m,n[9]=s,n[10]=y):y=n[10];let b;n[11]!==v||n[12]!==y?(b={pageSize:v,setPageSize:y},n[11]=v,n[12]=y,n[13]=b):b=n[13];let x=b,S;n[14]===i?S=n[15]:(S=e(`inline-flex items-center justify-between gap-2`,i),n[14]=i,n[15]=S);let C;n[16]!==r||n[17]!==l||n[18]!==p||n[19]!==S?(C=f(`div`,{"data-slot":`cursor-pagination`,className:S,ref:p,...l,children:r}),n[16]=r,n[17]=l,n[18]=p,n[19]=S,n[20]=C):C=n[20];let w;return n[21]!==x||n[22]!==C?(w=f(g.Provider,{value:x,children:C}),n[21]=x,n[22]=C,n[23]=w):w=n[23],w},v=e=>{let i=a(21),o,s,c,l,u,d;i[0]===e?(o=i[1],s=i[2],c=i[3],l=i[4],u=i[5],d=i[6]):({hasNextPage:o,hasPreviousPage:s,onNextPage:c,onPreviousPage:l,ref:d,...u}=e,i[0]=e,i[1]=o,i[2]=s,i[3]=c,i[4]=l,i[5]=u,i[6]=d);let g=!s,_;i[7]===Symbol.for(`react.memo_cache_sentinel`)?(_=f(h,{}),i[7]=_):_=i[7];let v;i[8]!==l||i[9]!==g?(v=f(t,{"data-slot":`cursor-pagination-previous`,appearance:`ghost`,disabled:g,icon:_,intent:`neutral`,label:`Previous page`,onClick:l,size:`sm`,type:`button`}),i[8]=l,i[9]=g,i[10]=v):v=i[10];let y;i[11]===Symbol.for(`react.memo_cache_sentinel`)?(y=f(r,{"data-slot":`cursor-pagination-separator`,orientation:`vertical`,className:`min-h-5`}),i[11]=y):y=i[11];let b=!o,x;i[12]===Symbol.for(`react.memo_cache_sentinel`)?(x=f(m,{}),i[12]=x):x=i[12];let S;i[13]!==c||i[14]!==b?(S=f(t,{"data-slot":`cursor-pagination-next`,appearance:`ghost`,disabled:b,icon:x,intent:`neutral`,label:`Next page`,onClick:c,size:`sm`,type:`button`}),i[13]=c,i[14]=b,i[15]=S):S=i[15];let C;return i[16]!==u||i[17]!==d||i[18]!==v||i[19]!==S?(C=p(n,{"data-slot":`cursor-pagination-buttons`,appearance:`panel`,ref:d,...u,children:[v,y,S]}),i[16]=u,i[17]=d,i[18]=v,i[19]=S,i[20]=C):C=i[20],C},y=[5,10,20,50,100],b=t=>{let n=a(27),r,o,c,l,u;n[0]===t?(r=n[1],o=n[2],c=n[3],l=n[4],u=n[5]):({className:r,pageSizes:u,onChangePageSize:o,ref:c,...l}=t,n[0]=t,n[1]=r,n[2]=o,n[3]=c,n[4]=l,n[5]=u);let m=u===void 0?y:u,h=s(g);d(h,`CursorPageSizeSelect must be used as a child of a CursorPagination component`),d(m.includes(h.pageSize),`CursorPagination.pageSize must be included in CursorPageSizeSelect.pageSizes`);let _=`${h.pageSize}`,v;n[6]!==h||n[7]!==o?(v=e=>{let t=Number.parseInt(e,10);d(!Number.isNaN(t),`CursorPageSizeSelect.pageSizes must contain only numbers`),h.setPageSize(t),o?.(t)},n[6]=h,n[7]=o,n[8]=v):v=n[8];let b;n[9]===r?b=n[10]:(b=e(`w-auto min-w-36`,r),n[9]=r,n[10]=b);let x;n[11]===h.pageSize?x=n[12]:(x=p(i.Value,{children:[h.pageSize,` per page`]}),n[11]=h.pageSize,n[12]=x);let S;n[13]!==c||n[14]!==l||n[15]!==b||n[16]!==x?(S=f(i.Trigger,{ref:c,"aria-label":`Items per page`,"data-slot":`cursor-pagination-page-size-select`,className:b,...l,children:x}),n[13]=c,n[14]=l,n[15]=b,n[16]=x,n[17]=S):S=n[17];let w;n[18]===m?w=n[19]:(w=m.map(C),n[18]=m,n[19]=w);let T;n[20]===w?T=n[21]:(T=f(i.Content,{width:`trigger`,children:w}),n[20]=w,n[21]=T);let E;return n[22]!==_||n[23]!==v||n[24]!==S||n[25]!==T?(E=p(i.Root,{value:_,onValueChange:v,children:[S,T]}),n[22]=_,n[23]=v,n[24]=S,n[25]=T,n[26]=E):E=n[26],E};function x(t){let n=a(9),r,i;n[0]===t?(r=n[1],i=n[2]):({className:r,...i}=t,n[0]=t,n[1]=r,n[2]=i);let o=s(g);d(o,`CursorPageSizeValue must be used as a child of a CursorPagination component`);let c;n[3]===r?c=n[4]:(c=e(`text-muted text-sm font-normal`,r),n[3]=r,n[4]=c);let l;return n[5]!==o.pageSize||n[6]!==i||n[7]!==c?(l=p(`span`,{"data-slot":`cursor-pagination-page-size-value`,className:c,...i,children:[o.pageSize,` per page`]}),n[5]=o.pageSize,n[6]=i,n[7]=c,n[8]=l):l=n[8],l}const S={Root:_,Buttons:v,PageSizeSelect:b,PageSizeValue:x};function C(e){return p(i.Item,{value:`${e}`,children:[e,` per page`]},e)}function w(e,t){return Math.max(1,Math.min(Number.isNaN(e)?1:Math.floor(e),t))}function T(e){let t=a(41),{defaultPage:n,listSize:r,onPageChange:i,page:o,pageSize:s,resetPageOnListSizeChange:d}=e,f=n===void 0?1:n,p=d===void 0||d,m=o!=null,[h,g]=u(f),[_,v]=u(s),y=Math.ceil(r/_),b=m?o:h,x=w(b,y),S=(x-1)*_,C=x>1,T=x<y,E;t[0]!==m||t[1]!==i||t[2]!==b?(E=e=>{e!==b&&(m||g(e),i?.(e))},t[0]=m,t[1]=i,t[2]=b,t[3]=E):E=t[3];let D=E,O=l(s),k=l(r),A,j;t[4]!==r||t[5]!==s||t[6]!==p||t[7]!==D?(A=()=>{let e=O.current!==s,t=k.current!==r;O.current=s,k.current=r,e&&v(s),(e||t&&p)&&D(1)},j=[r,s,p,D],t[4]=r,t[5]=s,t[6]=p,t[7]=D,t[8]=A,t[9]=j):(A=t[8],j=t[9]),c(A,j);let M;t[10]!==D||t[11]!==y?(M=function(e){D(w(e,y))},t[10]=D,t[11]=y,t[12]=M):M=t[12];let N=M,P;t[13]!==x||t[14]!==T||t[15]!==D?(P=function(){T&&D(x+1)},t[13]=x,t[14]=T,t[15]=D,t[16]=P):P=t[16];let F=P,I;t[17]!==x||t[18]!==C||t[19]!==D?(I=function(){C&&D(x-1)},t[17]=x,t[18]=C,t[19]=D,t[20]=I):I=t[20];let L=I,R;t[21]===D?R=t[22]:(R=function(e){v(e),D(1)},t[21]=D,t[22]=R);let z=R,B;t[23]!==D||t[24]!==y?(B=function(){D(w(y,y))},t[23]=D,t[24]=y,t[25]=B):B=t[25];let V=B,H;t[26]===D?H=t[27]:(H=function(){D(1)},t[26]=D,t[27]=H);let U=H,W;return t[28]!==x||t[29]!==_||t[30]!==U||t[31]!==V||t[32]!==N||t[33]!==T||t[34]!==C||t[35]!==F||t[36]!==S||t[37]!==L||t[38]!==z||t[39]!==y?(W={currentPage:x,goToFirstPage:U,goToLastPage:V,goToPage:N,hasNextPage:T,hasPreviousPage:C,nextPage:F,offset:S,pageSize:_,previousPage:L,setPageSize:z,totalPages:y},t[28]=x,t[29]=_,t[30]=U,t[31]=V,t[32]=N,t[33]=T,t[34]=C,t[35]=F,t[36]=S,t[37]=L,t[38]=z,t[39]=y,t[40]=W):W=t[40],W}function E(e,t){return e.slice(t.offset,t.offset+t.pageSize)}export{S as CursorPagination,E as getOffsetPaginatedSlice,T as useOffsetPagination};
|
package/dist/scatter-plot.d.ts
CHANGED
|
@@ -252,6 +252,19 @@ declare const ReferenceLine: (props: ScatterPlotReferenceLineProps) => null;
|
|
|
252
252
|
* or replace the content entirely via the render-prop `children`.
|
|
253
253
|
* In 3D the readout also carries the point's z value.
|
|
254
254
|
*
|
|
255
|
+
* **Structure.** A `children` readout renders inside a
|
|
256
|
+
* `<div data-slot="scatter-plot-tooltip-label">`. When it goes away, React removes
|
|
257
|
+
* that div instead of your own text nodes: a browser translation engine
|
|
258
|
+
* reparents a text node, and a removal aimed at one throws. The div is
|
|
259
|
+
* `display: contents`, so it lays out nothing of its own. To style it as a box,
|
|
260
|
+
* set a display of your own on it first.
|
|
261
|
+
*
|
|
262
|
+
* **Data attributes:**
|
|
263
|
+
*
|
|
264
|
+
* | Data Attribute | Value | Description |
|
|
265
|
+
* | --- | --- | --- |
|
|
266
|
+
* | `data-slot` | `"scatter-plot-tooltip-label"` | On the `<div>` wrapping a `children` readout. The default readout has none. |
|
|
267
|
+
*
|
|
255
268
|
* @see https://mantle.ngrok.com/components/charts/scatter-plot#scatterplottooltip
|
|
256
269
|
*
|
|
257
270
|
* @example
|
|
@@ -270,11 +283,19 @@ declare const Tooltip: (props: ScatterPlotTooltipProps) => null;
|
|
|
270
283
|
* never rely on color-matching alone. It renders nothing for a single series
|
|
271
284
|
* (the chart's title already names it).
|
|
272
285
|
*
|
|
286
|
+
* **Structure.** A `children` render prop renders inside a
|
|
287
|
+
* `<div data-slot="scatter-plot-legend-label">`. When it goes away, React removes
|
|
288
|
+
* that div instead of your own text nodes: a browser translation engine
|
|
289
|
+
* reparents a text node, and a removal aimed at one throws. The div is
|
|
290
|
+
* `display: contents`, so it lays out nothing of its own. To style it as a box,
|
|
291
|
+
* set a display of your own on it first.
|
|
292
|
+
*
|
|
273
293
|
* **Data attributes:**
|
|
274
294
|
*
|
|
275
295
|
* | Data Attribute | Value | Description |
|
|
276
296
|
* | --- | --- | --- |
|
|
277
297
|
* | `data-slot` | `"scatter-plot-legend"` | The legend list. `ScatterPlot.Legend` renders it in flow below the plot. |
|
|
298
|
+
* | `data-slot` | `"scatter-plot-legend-label"` | On the `<div>` wrapping a `children` render prop. The default legend has none. |
|
|
278
299
|
* | `data-shape` | `"circle"` \| `"square"` \| `"triangle"` \| `"diamond"` \| `"triangle-down"` \| `"plus"` \| `"cross"` \| `"star"` | On each series' swatch, naming the glyph its `ScatterPlot.Point` wears — the `shape` it set, else the one paired to its series slot. The swatch clips itself to that glyph, so target this only to restyle a key. |
|
|
279
300
|
*
|
|
280
301
|
* @see https://mantle.ngrok.com/components/charts/scatter-plot#scatterplotlegend
|
package/dist/scatter-plot.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-
|
|
1
|
+
import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-aZLMj4xx.js";import{c as l}from"react/compiler-runtime";import{jsx as u}from"react/jsx-runtime";const d={Root:e=>{let t=l(2),n;return t[0]===e?n=t[1]:(n=u(o,{kind:`scatter`,componentName:`ScatterPlot`,slotName:`scatter-plot`,...e}),t[0]=e,t[1]=n),n},Point:e=>a(`ScatterPlot.Point`,`scatter`,e),Grid:e=>n(`ScatterPlot.Grid`,e),XAxis:e=>t(`ScatterPlot.XAxis`,e),YAxis:e=>r(`ScatterPlot.YAxis`,e),ReferenceLine:t=>e(`ScatterPlot.ReferenceLine`,t),Tooltip:e=>s(`ScatterPlot.Tooltip`,e),Legend:e=>{let t=l(2),n;return t[0]===e?n=t[1]:(n=u(i,{partName:`ScatterPlot.Legend`,slotName:`scatter-plot`,...e}),t[0]=e,t[1]=n),n},CopyButton:e=>{let t=l(2),n;return t[0]===e?n=t[1]:(n=u(c,{partName:`ScatterPlot.CopyButton`,slotName:`scatter-plot`,...e}),t[0]=e,t[1]=n),n}};export{d as ScatterPlot};
|