@apollion-dsi/core 7.6.0 → 7.8.0

package/lib/chunks/{chunk-PRQOVSM6.esm.js → chunk-XAXIQDFB.esm.js}

@@ -1,4 +1,4 @@
-import{c as u}from"./chunk-J4VMAQM3.esm.js";import{a as w}from"./chunk-EYAGAJRL.esm.js";import{a as S}from"./chunk-JWNC52FT.esm.js";import{c as a}from"./chunk-3PLVWHLK.esm.js";import{b as h}from"./chunk-AXUWC2WH.esm.js";import{a as r}from"./chunk-GZONWSRB.esm.js";var g=r(({trackW:t,thumb:e,pad:s})=>t-e-s*2,"thumbTravel"),n=r(({theme:t,$size:e="medium"})=>t.component.switch.size[e],"sizeTokens"),o=a("input").withConfig({componentId:"apollion-switch-input"})`
+import{c as u}from"./chunk-EEPJZ62X.esm.js";import{a as w}from"./chunk-EU4FKCQL.esm.js";import{a as S}from"./chunk-JWNC52FT.esm.js";import{c as a}from"./chunk-AULAOFBW.esm.js";import{b as h}from"./chunk-AXUWC2WH.esm.js";import{a as r}from"./chunk-GZONWSRB.esm.js";var g=r(({trackW:t,thumb:e,pad:s})=>t-e-s*2,"thumbTravel"),n=r(({theme:t,$size:e="medium"})=>t.component.switch.size[e],"sizeTokens"),o=a("input").withConfig({componentId:"apollion-switch-input"})`
   position: absolute;
   left: 0;
   top: 0;

package/lib/chunks/{chunk-KXRGSB6P.esm.js → chunk-XR763B4T.esm.js}

@@ -1 +1 @@
-import{a as s}from"./chunk-F3SAEVZJ.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";var u=["cq"],m=["xs","sm","md","lg","xl"],C=i(p=>a=>{let{theme:r,...c}={...p,...a},{cq:e}=c;if(!e)return{};let o={};return m.forEach(t=>{let n=e[t];n&&(o[r.containerSizes.up(t)]=s(n,r))}),o},"ContainerQueryFactory");export{u as a,C as b};
+import{a as s}from"./chunk-47UE4K3O.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";var u=["cq"],m=["xs","sm","md","lg","xl"],C=i(p=>a=>{let{theme:r,...c}={...p,...a},{cq:e}=c;if(!e)return{};let o={};return m.forEach(t=>{let n=e[t];n&&(o[r.containerSizes.up(t)]=s(n,r))}),o},"ContainerQueryFactory");export{u as a,m as b,C as c};

package/lib/chunks/chunk-YEWND54D.esm.js

@@ -0,0 +1 @@
+import{a as Fe}from"./chunk-PPM5MYBX.esm.js";import{h as j}from"./chunk-Q3FUXFD5.esm.js";import{a as ee}from"./chunk-Z4PVL3DV.esm.js";import{a as Oe}from"./chunk-2FQC32AA.esm.js";import{b as I}from"./chunk-SRBIATLE.esm.js";import{L as Z,Z as _e,ca as Ge,da as je,ea as qe,p as $e,r as Ue,x as Be}from"./chunk-TVJXEJLN.esm.js";import{f as le}from"./chunk-7MX2FUN4.esm.js";import{e as P}from"./chunk-EU4FKCQL.esm.js";import{a as F}from"./chunk-LSLBDF5M.esm.js";import{a as R}from"./chunk-TQMP7PZI.esm.js";import{g as Se}from"./chunk-6G22RNUO.esm.js";import{f as We,g as b}from"./chunk-AXUWC2WH.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";import S from"react";import X from"react";var q=b(R).withConfig({componentId:"sc-npwc89-0"})(({theme:e})=>({margin:0,padding:"0 0.5rem",minHeight:40,lineHeight:1.2,display:"flex",flexDirection:"row",alignItems:"center",color:e.colors.ink.primary,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",fontFamily:e.font.fontFamily.main})),W=b(R).withConfig({componentId:"sc-npwc89-1"})(["display:flex;flex-direction:row;align-items:stretch;min-width:max-content;border-bottom:1px solid transparent;border-left:1px solid transparent;"]),Xe=b(W).attrs(e=>({bgColor:"muted",...e})).withConfig({componentId:"sc-npwc89-2"})([""]),Ke=b(R).withConfig({componentId:"sc-npwc89-3"})(["& ",":hover{border-bottom-color:"," !important;border-left-color:"," !important;}"],W,({theme:e})=>e.colors.edge.strong,({theme:e})=>e.colors.primary.base),Pe=b(W).withConfig({componentId:"sc-npwc89-4"})(["position:sticky;top:0;z-index:1;background:",";"],({theme:e})=>e.colors.surface.paper),Ye=b(Fe).withConfig({componentId:"sc-npwc89-5"})(["flex:0 1 auto;border-spacing:0;border-top:2px solid ",";border-bottom:1px solid ",";isolation:isolate;&[data-border='true'] ","{border-right:1px solid ",";border-left-color:",";border-bottom-color:",";}&[data-border='true'] ",":not(:last-child){border-right:1px solid ",";}&[data-default='true'] ","{border-bottom-color:",";}& "," > ","{font-weight:600;align-items:center;justify-content:space-between;gap:",";padding-right:",";color:",";}"],({theme:e})=>e.colors.edge.border,({theme:e})=>e.colors.edge.border,W,({theme:e})=>e.colors.edge.border,({theme:e})=>e.colors.edge.border,({theme:e})=>e.colors.edge.border,q,({theme:e})=>e.colors.edge.border,W,({theme:e})=>e.colors.muted,Pe,q,({theme:e})=>e.spacing("xs"),({theme:e})=>e.spacing("xs"),({theme:e})=>e.colors.ink.secondary),Je=b(R).withConfig({componentId:"sc-npwc89-6"})(["display:none;","{display:inline-flex;align-items:center;flex-shrink:0;}"],({theme:e})=>e.breakpoints.up("sm")),Qe=b(R).withConfig({componentId:"sc-npwc89-7"})(["cursor:col-resize;display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:1;touch-action:none;"]),E=b(R).withConfig({componentId:"sc-npwc89-8"})(({theme:e})=>({position:"absolute",left:0,top:"50%",transform:"translateY(-50%)",width:"var(--size)",height:"var(--size)",border:"2px solid var(--border-color)",borderRadius:e.spacing("micro"),"&:after":{content:"''",position:"absolute",display:"none"}})),se=b.input.withConfig({componentId:"sc-npwc89-9"})(["cursor:pointer;position:absolute;opacity:0;height:0;width:0;&:indeterminate ~ ",",&:checked ~ ","{background-color:var(--checked-color);border-color:var(--checked-color);}&:checked ~ ",":after{display:block;left:4px;top:0px;width:4px;height:8px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);}&:indeterminate ~ ",":after{display:block;left:3px;top:5px;width:9px;height:4px;background-color:white;}&:indeterminate:hover{cursor:wait;}"],E,E,E,E),ce=b(R).withConfig({componentId:"sc-npwc89-10"})(({theme:e})=>({"--checked-color":e.colors.information.base,"--border-color":e.colors.edge.strong,"--size":"18px",position:"relative",minWidth:"var(--size)",minHeight:"var(--size)",width:"fit-content",cursor:"pointer",display:"inline-flex",alignItems:"center",userSelect:"none",paddingLeft:`calc(var(--size) + ${e.spacing("xs")})`})),Ze=b(R).attrs(e=>({bgColor:"surface.sunken",...e})).withConfig({componentId:"sc-npwc89-11"})(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",color:e.colors.ink.primary})),et=b(R).withConfig({componentId:"sc-npwc89-12"})(({theme:e})=>({display:"flex",justifyContent:"space-between",alignItems:"center",padding:`${e.spacing("xs")} ${e.spacing("small")}`,borderTop:`1px solid ${e.colors.muted}`,gap:e.spacing("small")})),tt=b(R).withConfig({componentId:"sc-npwc89-13"})(({theme:e})=>({display:"inline-flex",flexDirection:"row",alignItems:"center",gap:e.spacing("xs"),flexShrink:0})),de=b(R).withConfig({componentId:"sc-npwc89-14"})(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing("xs"),minWidth:"200px",padding:e.spacing("xs")})),nt=b(Fe).attrs({maxHeight:"240px",overscroll:"contain"}).withConfig({componentId:"sc-npwc89-15"})([""]);import{jsx as y,jsxs as ke}from"react/jsx-runtime";var ot={select:"arrIncludesSome",range:"inNumberRange",text:"includesString"};function rt(e,o){let t=X.useRef(null);return X.useCallback((...n)=>{t.current&&clearTimeout(t.current),t.current=setTimeout(()=>e(...n),o)},[e,o])}i(rt,"useDebounce");var $t=i(({column:e,labels:o})=>{var a,l;let t=X.useMemo(()=>Array.from(e.getFacetedUniqueValues().entries()).sort(([s],[m])=>String(s).localeCompare(String(m))),[e,e.getFilterValue()]),n=(a=e.getFilterValue())!=null?a:[];return y(nt,{children:ke(de,{children:[t.length===0&&y(P,{variant:"meta",text:(l=o==null?void 0:o.filterNoValues)!=null?l:"Sem valores"}),t.map(([s,m])=>{let d=String(s),f=n.includes(d);return ke(ce,{as:"label",children:[y(se,{type:"checkbox",checked:f,onChange:()=>{let c=f?n.filter(L=>L!==d):[...n,d];e.setFilterValue(c.length?c:void 0)}}),y(E,{}),y(P,{variant:"meta",text:`${d} (${m})`})]},d)})]})})},"SelectFilter"),Ut=i(({column:e,labels:o})=>{var O,$;let[t,n]=(O=e.getFacetedMinMaxValues())!=null?O:[0,0],a=o!=null&&o.filterRangeMin?o.filterRangeMin(t):`min (${t})`,l=o!=null&&o.filterRangeMax?o.filterRangeMax(n):`max (${n})`,s=($=e.getFilterValue())!=null?$:[void 0,void 0],m=rt(k=>{let[h,U]=k,B=h===void 0&&U===void 0;e.setFilterValue(B?void 0:k)},200),[d,f]=X.useState(s[0]!==void 0?String(s[0]):""),[c,L]=X.useState(s[1]!==void 0?String(s[1]):"");return y(de,{children:ke(F,{flexDirection:"row",gap:"xs",alignItems:"center",children:[y(j,{type:"number",placeholder:a,value:d,onChange:k=>{let h=k.target.value;f(h),m([h===""?void 0:Number(h),c===""?void 0:Number(c)])}}),y(P,{variant:"meta",text:"\u2014"}),y(j,{type:"number",placeholder:l,value:c,onChange:k=>{let h=k.target.value;L(h),m([d===""?void 0:Number(d),h===""?void 0:Number(h)])}})]})})},"RangeFilter"),Bt=i(({column:e,labels:o})=>{var s,m;let t=(s=e.getFilterValue())!=null?s:"",[n,a]=X.useState(t),l=rt(d=>{e.setFilterValue(d||void 0)},200);return y(de,{children:y(j,{placeholder:(m=o==null?void 0:o.filterPlaceholder)!=null?m:"Filtrar...",value:n,onChange:d=>{let f=d.target.value;a(f),l(f)}})})},"TextFilter"),at=i((e,o,t,n)=>{switch(e){case"select":return y($t,{column:o,onClose:t,labels:n});case"range":return y(Ut,{column:o,onClose:t,labels:n});case"text":return y(Bt,{column:o,onClose:t,labels:n})}},"filterUIForVariant");import z,{forwardRef as _t}from"react";import{Fragment as jt,jsx as x,jsxs as pe}from"react/jsx-runtime";var lt=_t((e,o)=>x(Qe,{...e,ref:o})),st=i(e=>e==="asc"?qe:e==="desc"?je:Ge,"getSortIcon"),it=z.forwardRef(({indeterminate:e,children:o,...t},n)=>{let a=z.useRef(null),l=n||a;return z.useEffect(()=>{l.current&&(l.current.indeterminate=e!=null?e:!1)},[l,e]),pe(ce,{as:"label",children:[o,x(se,{type:"checkbox",ref:l,...t}),x(E,{})]})});function ct(e,o){return e?{id:"expand",size:o!=null?o:48,enableSorting:!1,enableResizing:!1,header:i(()=>null,"header"),cell:i(({row:n})=>n.getCanExpand()?x(I,{icon:n.getIsExpanded()?$e:Ue,onClick:n.getToggleExpandedHandler(),style:{cursor:"pointer",marginLeft:`${n.depth*16}px`}}):x("span",{style:{display:"inline-block",marginLeft:`${n.depth*16}px`}}),"cell"),meta:{selectable:!1,align:void 0}}:null}i(ct,"buildExpandColumnDef");function dt(e,o){return e?{id:"checkbox",size:o!=null?o:64,enableSorting:!1,enableResizing:!1,header:i(({table:n})=>x(it,{checked:n.getIsAllRowsSelected(),indeterminate:n.getIsSomeRowsSelected(),onChange:n.getToggleAllRowsSelectedHandler(),"aria-label":Se(e)?void 0:"Select all rows",children:Se(e)?e:void 0}),"header"),cell:i(({row:n})=>{var a,l;return x(it,{checked:n.getIsSelected(),indeterminate:(l=(a=n.getIsSomeSelected)==null?void 0:a.call(n))!=null?l:!1,onChange:n.getToggleSelectedHandler(),"aria-label":"Select row"})},"cell"),meta:{selectable:!1,align:void 0}}:null}i(dt,"buildSelectableColumnDef");function Gt(e,o){let t=z.useRef(null);return z.useCallback((...n)=>{t.current&&clearTimeout(t.current),t.current=setTimeout(()=>e(...n),o)},[e,o])}i(Gt,"useDebounce");var pt=i(({globalFilter:e,setGlobalFilter:o,placeholder:t})=>{let[n,a]=z.useState(e),l=Gt(s=>{o(s||"")},200);return x(j,{clearable:!0,width:"250px",size:"compact",reset:()=>{a(""),l("")},value:n||"",onChange:s=>{a(s.target.value),l(s.target.value)},placeholder:t,"aria-label":t!=null?t:"Search",icon:x(I,{icon:_e})})},"GlobalFilter"),ut=i(({height:e,emptyIcon:o,emptyTitle:t="Nada foi encontrado",emptyDescription:n})=>x(Ze,{style:{height:e},children:pe(F,{gap:"medium",justifyContent:"center",alignItems:"center",width:"80%",style:{height:e},children:[o,x(P,{textAlign:"center",variant:"h5",text:t}),n&&x(P,{textAlign:"center",variant:"p",text:n})]})}),"EmptyTable");function ue(e,o,t){let[n,a]=z.useState(t),l=e!==void 0,s=l?e:n,m=z.useCallback(d=>{let f=typeof d=="function"?d(s):d;l||a(f),o==null||o(f)},[l,o,s]);return[s,m]}i(ue,"useHybridState");var gt=i(({pageIndex:e,pageSize:o,pageCount:t,rowCount:n,canPreviousPage:a,canNextPage:l,pageSizeOptions:s,onPrevious:m,onNext:d,onPageSizeChange:f,labels:c})=>{var U,B,N,K,ne;let L=n===0?0:e*o+1,O=Math.min((e+1)*o,n),$=(U=c==null?void 0:c.showingRange)!=null?U:((T,M,me)=>`Mostrando ${T}-${M} de ${me}`),k=(B=c==null?void 0:c.perPageOption)!=null?B:(T=>`${T} por p\xE1gina`),h=(N=c==null?void 0:c.perPageTrigger)!=null?N:(T=>`${T} / p\xE1gina`);return pe(jt,{children:[x(P,{variant:"meta",text:$(L,O,n)}),pe(F,{flexDirection:"row",gap:"small",alignItems:"center",children:[s.length>1&&x(ee,{position:"right",options:s.map(T=>({title:k(T),action:i(()=>f(T),"action")})),children:x(le,{variant:"linked",size:"small",text:h(o)})}),x(le,{variant:"linked",size:"small",disabled:!a,onClick:m,text:(K=c==null?void 0:c.previous)!=null?K:"Anterior"}),x(P,{variant:"meta",text:`${e+1} / ${Math.max(t,1)}`}),x(le,{variant:"linked",size:"small",disabled:!l,onClick:d,text:(ne=c==null?void 0:c.next)!=null?ne:"Pr\xF3ximo"})]})]})},"PaginationControls");var qt=(a=>(a.primary="primary",a.success="success",a.alert="warning",a.error="danger",a))(qt||{}),Xt=(n=>(n.left="flex-start",n.center="center",n.right="flex-end",n))(Xt||{});var te={minWidth:30,width:150,maxWidth:400};import{flexRender as ge,getCoreRowModel as mt,getExpandedRowModel as ft,getFacetedMinMaxValues as xt,getFacetedRowModel as bt,getFacetedUniqueValues as Ct,getFilteredRowModel as ht,getPaginationRowModel as Rt,getSortedRowModel as wt,useReactTable as yt}from"@tanstack/react-table";import{useVirtualizer as Tt}from"@tanstack/react-virtual";import{Fragment as Yt,jsx as p,jsxs as V}from"react/jsx-runtime";function Kt(e,o){return e.map(t=>{var l,s,m,d,f;let n=t.accessor?String(t.accessor):void 0,a={id:(l=t.id)!=null?l:n||void 0,header:i(()=>t.Header,"header"),footer:t.Footer?c=>t.Footer({table:c.table}):void 0,enableSorting:!t.disableSortBy,enableResizing:!0,enableColumnFilter:t.disableFilters?!1:!!t.filterVariant,...t.filterVariant&&{filterFn:(s=t.filterFn)!=null?s:ot[t.filterVariant]},size:(m=t.width)!=null?m:o.width,minSize:(d=t.minWidth)!=null?d:o.minWidth,maxSize:(f=t.maxWidth)!=null?f:o.maxWidth,meta:{align:t.align,selectable:t.selectable,filterVariant:t.filterVariant}};return n?a.accessorKey=n:a.accessorFn=()=>null,t.Cell&&(a.cell=c=>t.Cell({row:c.row,value:c.getValue()})),a})}i(Kt,"toTanstackColumns");function Yn(e){var Ne,He,Ae;let{data:o,columns:t,onRowSelect:n,onRowClick:a,selectableColumnWidth:l,selectableColumn:s,setRowColor:m,title:d,striped:f,bordered:c,searchPlaceholder:L,hasHeader:O,hasFooter:$,hasSpacingMenu:k,inputSearchComponent:h,headerLeftComponent:U=null,headerRightComponent:B=null,lastRowComponent:N,height:K=400,spacing:ne=0,paginated:T=!1,initialPagination:M,pagination:me,onPaginationChange:St,pageSizeOptions:ve=[10,25,50,100],getSubRows:Ie,expandedColumnWidth:oe,initialExpanded:fe,expanded:Ft,onExpandedChange:Pt,initialColumnFilters:xe,columnFilters:kt,onColumnFiltersChange:vt,labels:Y}=e,H=!!Ie,be=S.useMemo(()=>t.some(r=>r.filterVariant&&!r.disableFilters),[t]),[It,Ce]=S.useState(48),[Mt,Dt]=S.useState([]),[Me,De]=S.useState(""),[he,Et]=S.useState({}),[Re,zt]=ue(me,St,()=>{var r,g,u;return{pageIndex:(r=M==null?void 0:M.pageIndex)!=null?r:0,pageSize:(u=(g=M==null?void 0:M.pageSize)!=null?g:ve[0])!=null?u:10}}),[Vt,Lt]=ue(Ft,Pt,()=>fe!=null?fe:{}),[Nt,Ht]=ue(kt,vt,()=>xe!=null?xe:[]),At=S.useMemo(()=>{let r=Kt(t,te),g=dt(s,l),u=ct(H,oe!=null?oe:l),w=[];return u&&w.push(u),g&&w.push(g),[...w,...r]},[t,s,l,H,oe]),v=yt({data:o,columns:At,state:{sorting:Mt,globalFilter:Me,rowSelection:he,...T&&{pagination:Re},...H&&{expanded:Vt},...be&&{columnFilters:Nt}},enableRowSelection:!!s,enableExpanding:H,...H&&{getSubRows:Ie},onSortingChange:Dt,onGlobalFilterChange:De,onRowSelectionChange:Et,...T&&{onPaginationChange:zt},...H&&{onExpandedChange:Lt},...be&&{onColumnFiltersChange:Ht},getCoreRowModel:mt(),getSortedRowModel:wt(),getFilteredRowModel:ht(),...T&&{getPaginationRowModel:Rt()},...H&&{getExpandedRowModel:ft()},...be&&{getFacetedRowModel:bt(),getFacetedUniqueValues:Ct(),getFacetedMinMaxValues:xt()},columnResizeMode:"onChange",defaultColumn:{size:te.width,minSize:te.minWidth,maxSize:te.maxWidth}}),J=v.getRowModel().rows;Oe(()=>{if(n){let r=J.filter(g=>he[g.id]).map(g=>g.original);n(r)}},[he]);let A=We(),we=J.length+(N?1:0),Ee=S.useCallback((r,g)=>{let u=m&&m(r),w=f&&g%2===0,C=A.colors.surface.paper;return u?C=A.colors[u].light:r.getIsSelected()&&n?C=A.colors.muted:w&&(C=A.colors.surface.sunken),{backgroundColor:C}},[m,f,A,n]),re=It+ne,ae=S.useCallback(({align:r="flex-start",cellProps:g={},header:u,hasCheckbox:w,selectable:C})=>Object.assign(g,{title:void 0,style:{height:re,overflow:"hidden",display:"flex",alignItems:u?"flex-end":"center",justifyContent:r,paddingLeft:w?A.spacing("small"):void 0,cursor:C?"pointer":void 0}}),[re,A]),Wt=S.useCallback(({index:r,style:g})=>{if(N&&r===we-1)return S.cloneElement(N,{style:g});let u=J[r],w={...g,...Ee(u,r)};return p(W,{style:w,children:u.getVisibleCells().map(C=>{var D;let _=(D=C.column.columnDef.meta)!=null?D:{},Te=C.column.id,G;a?G=i(()=>a(u.original),"onClickAction"):n&&(G=i(()=>u.toggleSelected(),"onClickAction"));let Q=ae({align:_.align,hasCheckbox:Te==="checkbox",selectable:(n||a)&&_.selectable!==!1,cellProps:_.selectable!==!1?{onClick:G}:void 0});return p(q,{...Q,style:{...Q.style,width:C.column.getSize(),flex:`${C.column.getSize()} 0 auto`},children:ge(C.column.columnDef.cell,C.getContext())},C.id)})})},[J,ae,N,a,n,Ee,we]),ye=!!J.length,Ot=$&&ye&&t.some(r=>"Footer"in r),ze=S.useRef(null),ie=Tt({count:we,getScrollElement:i(()=>ze.current,"getScrollElement"),estimateSize:i(()=>re,"estimateSize"),overscan:5});S.useEffect(()=>{ie.measure()},[re,ie]);let Ve=V(Ye,{axis:"both",scrollableRef:ze,scrollerProps:{role:"region","aria-label":(He=(Ne=Y==null?void 0:Y.scrollRegion)!=null?Ne:d)!=null?He:"Tabela"},style:{maxHeight:K},bgColor:"baseLight","data-border":c,"data-default":!f&&!c,children:[p(Pe,{children:v.getFlatHeaders().map(r=>{var Q;let g=(Q=r.column.columnDef.meta)!=null?Q:{},u=r.column.getCanSort(),w=r.column.getCanResize(),C=r.column.getIsSorted(),_=!!g.filterVariant&&r.column.getCanFilter(),Te=r.column.getIsFiltered(),G=ae({align:g.align,header:!0,hasCheckbox:r.column.id==="checkbox"});return V(q,{...G,style:{...G.style,width:r.getSize(),flex:`${r.getSize()} 0 auto`,cursor:u?"pointer":void 0,position:"relative"},onClick:u?r.column.getToggleSortingHandler():void 0,children:[r.isPlaceholder?null:ge(r.column.columnDef.header,r.getContext()),(_||u)&&V(tt,{children:[_&&p("span",{role:"presentation",onClick:D=>D.stopPropagation(),children:p(ee,{content:({close:D})=>at(g.filterVariant,r.column,D,Y),children:p(I,{icon:Be,color:Te?"primary.action":"ink.disabled",style:{cursor:"pointer"},role:"button",tabIndex:0,"aria-label":"Filter column"})})}),u&&p(Je,{children:p(I,{icon:st(C)})})]}),w&&p(lt,{onMouseDown:r.getResizeHandler(),onTouchStart:r.getResizeHandler(),onClick:D=>D.stopPropagation()})]},r.id)})}),ye?p(Ke,{style:{height:ie.getTotalSize(),position:"relative",minWidth:"max-content"},children:ie.getVirtualItems().map(r=>p(R,{style:{position:"absolute",top:0,left:0,width:"100%",height:r.size,transform:`translateY(${r.start}px)`},children:Wt({index:r.index,style:{}})},r.key))}):p(ut,{...e,height:K}),Ot&&p(R,{children:p(Xe,{children:(Ae=v.getFooterGroups()[0])==null?void 0:Ae.headers.map(r=>{var w;let g=(w=r.column.columnDef.meta)!=null?w:{},u=ae({align:g.align});return p(q,{...u,style:{...u.style,width:r.getSize(),flex:`${r.getSize()} 0 auto`},children:r.isPlaceholder?null:ge(r.column.columnDef.footer,r.getContext())},r.id)})})})]}),Le=T&&ye&&p(et,{children:p(gt,{pageIndex:Re.pageIndex,pageSize:Re.pageSize,pageCount:v.getPageCount(),rowCount:v.getFilteredRowModel().rows.length,canPreviousPage:v.getCanPreviousPage(),canNextPage:v.getCanNextPage(),pageSizeOptions:ve,onPrevious:()=>v.previousPage(),onNext:()=>v.nextPage(),onPageSizeChange:r=>v.setPageSize(r),labels:Y})});return O?V(F,{gap:"medium",children:[V(F,{flexDirection:"row",alignItems:"center",justifyContent:"between",children:[V(F,{flexDirection:"row",gap:"medium",children:[d&&p(P,{variant:"h5",color:"primary.dark",text:d}),U]}),V(F,{flexDirection:"row",gap:"medium",children:[h!=null?h:p(pt,{globalFilter:Me,setGlobalFilter:De,placeholder:L}),B,k?p(F,{alignSelf:"center",children:p(ee,{position:"right",options:[{icon:p(I,{icon:Z}),title:"Layout Compacto",action:i(()=>Ce(32),"action")},{icon:p(I,{icon:Z}),title:"Layout Padr\xE3o",action:i(()=>Ce(48),"action")},{icon:p(I,{icon:Z}),title:"Layout Expandido",action:i(()=>Ce(64),"action")}],children:p(I,{size:5,icon:Z,color:"primary.action",style:{alignSelf:"center",cursor:"pointer"}})})}):null]})]}),Ve,Le]}):V(Yt,{children:[Ve,Le]})}i(Yn,"DataTable");export{qt as a,Xt as b,Yn as c};

package/lib/chunks/chunk-Z4PVL3DV.esm.js

@@ -0,0 +1 @@
+import{g as T}from"./chunk-LNSQRZR7.esm.js";import{c as D}from"./chunk-KZTG5TDM.esm.js";import{a as w}from"./chunk-BE2JDTVA.esm.js";import{d as p}from"./chunk-6G22RNUO.esm.js";import{a as t}from"./chunk-GZONWSRB.esm.js";import A,{lazy as W,Suspense as B,useCallback as I,useEffect as O,useState as b}from"react";import{Fragment as q,jsx as c,jsxs as G}from"react/jsx-runtime";var h=W(()=>import("./Dropdown.floating-RZKMFV6N.esm.js")),C=t(({children:s,options:e,content:o,hoverable:m=!1,position:P="left",width:i,full:d,motion:v="scale"})=>{if(!e&&!o)throw new Error('Dropdown deve receber "content" ou "options" props');let u=p(s),f=e?"menu":"dialog",[r,y]=b(null),[x,S]=b(),{active:n,enable:g,disable:R,toggle:E}=w(!1),{mounted:k,state:F,ref:L}=D(n),M=I(a=>y(a),[]);O(()=>{d&&r&&S(r.getBoundingClientRect().width)},[d,r]);let N=t(()=>{let a=u?s({isOpen:n,open:g,toggle:E}):s,l={ref:M,"aria-haspopup":f,"aria-expanded":n};return u||(l.onClick=E),m&&(l.onPointerEnter=z=>{z.pointerType==="mouse"&&g()}),A.cloneElement(a,l)},"renderTrigger"),H=t(()=>Array.isArray(e)?c(T,{gap:"zero",color:"primary.action",exclusive:!0,content:e}):p(o)?o({close:R}):o,"renderMenuContent");return G(q,{children:[N(),k&&c(B,{fallback:null,children:c(h,{referenceEl:r,open:n,motionState:F,motionRef:L,onClose:R,position:P,hoverable:m,role:f,width:i!=null?i:x,motion:v,children:H()})})]})},"DropdownComponent");C.displayName="Dropdown";export{C as a};

package/lib/chunks/chunk-ZRYB2F7G.esm.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk-DVMAC4Z4.esm.js";import{a as i}from"./chunk-TQMP7PZI.esm.js";import{g as e}from"./chunk-AXUWC2WH.esm.js";import s,{forwardRef as c,useMemo as x,useState as y}from"react";var m=e(i).withConfig({componentId:"sc-s0qp5a-0"})(["display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:",";min-width:0;margin:0;padding:0;list-style:none;"],({theme:o})=>o.spacing("xs")),l=e.li.withConfig({componentId:"sc-s0qp5a-1"})(["display:flex;min-width:0;max-width:100%;"]);import{jsx as t}from"react/jsx-runtime";var a=c(({children:o,...C},f)=>{let[p,u]=y(null),h=x(()=>({openId:p,setOpenId:u}),[p]),d=s.Children.toArray(o).filter(s.isValidElement);return t(n.Provider,{value:h,children:t(m,{...C,as:"ul",role:"list",ref:f,children:d.map(r=>t(l,{children:r},r.key))})})});a.displayName="ChipGroup";export{m as a,l as b,a as c};

package/lib/chunks/{chunk-B4TRGTFT.esm.js → chunk-ZVL3UZ6R.esm.js}

@@ -1 +1 @@
-import{b as r}from"./chunk-P3XOIBAC.esm.js";import{S as p}from"./chunk-TVJXEJLN.esm.js";import{e as m}from"./chunk-EYAGAJRL.esm.js";import{a as e}from"./chunk-IZHCHFTU.esm.js";import{g as n}from"./chunk-AXUWC2WH.esm.js";import{a}from"./chunk-GZONWSRB.esm.js";var i=n(e).attrs(t=>({bgColor:"surface.sunken",...t})).withConfig({componentId:"sc-1rhi83a-0"})([""]);import{jsx as o,jsxs as l}from"react/jsx-runtime";var y=a(t=>l(i,{width:"100%",justifyContent:"center",alignItems:"center",gap:2,p:"xl",...t,children:[t.iconPropsEmpty?o(r,{...t.iconPropsEmpty}):o(r,{icon:p,size:"xl",color:"primary.dark"}),l(e,{width:"50%",children:[o(m,{variant:"h5",color:"primary",readable:5,textAlign:"center",children:t.titleEmpty?t.titleEmpty:"Nada foi encontrado"}),o(m,{variant:"p",color:"primary",readable:5,textAlign:"center",children:t.subtitleEmpty?t.subtitleEmpty:"Tente ajustar os par\xE2metros dos filtros ou tente um novo termo para a busca."})]})]}),"TableEmptyComponent");export{i as a,y as b};
+import{b as r}from"./chunk-SRBIATLE.esm.js";import{S as p}from"./chunk-TVJXEJLN.esm.js";import{e as m}from"./chunk-EU4FKCQL.esm.js";import{a as e}from"./chunk-LSLBDF5M.esm.js";import{g as n}from"./chunk-AXUWC2WH.esm.js";import{a}from"./chunk-GZONWSRB.esm.js";var i=n(e).attrs(t=>({bgColor:"surface.sunken",...t})).withConfig({componentId:"sc-1rhi83a-0"})([""]);import{jsx as o,jsxs as l}from"react/jsx-runtime";var y=a(t=>l(i,{width:"100%",justifyContent:"center",alignItems:"center",gap:2,p:"xl",...t,children:[t.iconPropsEmpty?o(r,{...t.iconPropsEmpty}):o(r,{icon:p,size:"xl",color:"primary.dark"}),l(e,{width:"50%",children:[o(m,{variant:"h5",color:"primary",readable:5,textAlign:"center",children:t.titleEmpty?t.titleEmpty:"Nada foi encontrado"}),o(m,{variant:"p",color:"primary",readable:5,textAlign:"center",children:t.subtitleEmpty?t.subtitleEmpty:"Tente ajustar os par\xE2metros dos filtros ou tente um novo termo para a busca."})]})]}),"TableEmptyComponent");export{i as a,y as b};

package/lib/containers/Base/Base.style.d.ts

@@ -1,5 +1,6 @@
+import type { DisplayType } from '../../factory/ContainerFactory';
 import { LayoutContainerProps } from '../../factory/System';
-import { IStyledComponent } from '../../vendors/StyledComponents';
+import { CSSObject, IStyledComponent } from '../../vendors/StyledComponents';
 /**
  * Primitive container (`div`) integrated with the Apollion factory.
  *
@@ -24,3 +25,17 @@ export declare const BaseContainer: IStyledComponent<"web", import("react").Clas
  * @internal Engine primitive — not published (see the barrel).
  */
 export declare const LayoutBase: IStyledComponent<"web", Omit<React.JSX.IntrinsicElements["div"], "color"> & LayoutContainerProps>;
+/**
+ * Safety net for a container whose own `display` is the `.attrs` default of
+ * the prop (APOLLION-BOX-DISPLAY). styled-components does not let `.attrs`
+ * override a prop passed **explicitly** as `undefined`
+ * (`display={cond ? 'none' : undefined}`), so the factory emits no `display`
+ * at all in that case. This re-applies the container's display behind
+ * `:where()` — zero specificity, so the prop, `cq`, `viewportMedias` and the
+ * `sm_*` prefixes still win over it.
+ *
+ * @internal
+ */
+export declare const displayFallback: (value: DisplayType) => ({ display }: {
+    display?: DisplayType;
+}) => CSSObject | undefined;

package/lib/containers/Base/index.d.ts

@@ -17,5 +17,5 @@
  * Every other file in the project must import from the barrel, never from
  * internal paths such as `./Base.style` or `./Base.interface`.
  */
-export { BaseContainer, LayoutBase } from './Base.style';
+export { BaseContainer, displayFallback, LayoutBase } from './Base.style';
 export * from './Base.interface';

package/lib/containers/Base/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-5PLSFFP6.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-3PLVWHLK.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-HTYWYOZQ.esm.js";import"../../chunks/chunk-Q2PMRBCL.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-YBKS2HAY.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-KXRGSB6P.esm.js";import"../../chunks/chunk-F3SAEVZJ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as BaseContainer,b as LayoutBase};
+import{a,b,c}from"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as BaseContainer,b as LayoutBase,c as displayFallback};

package/lib/containers/Box/Box.interface.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DisplayType } from '../../factory/ContainerFactory';
 import { LayoutContainerProps, PolymorphicProps } from '../../factory/System';
 /**
  * Props of the `Box` component before the native `<div>` props.
@@ -12,6 +13,17 @@ import { LayoutContainerProps, PolymorphicProps } from '../../factory/System';
  */
 export interface BoxPropsInterface extends LayoutContainerProps {
     children?: ReactNode;
+    /**
+     * CSS `display` of the box. `block` is the default **of this prop** — emitted
+     * before the responsive channels — so the prop and the `cq` /
+     * `viewportMedias` / `sm_*` channels override it. Hide in a narrow slot and
+     * show from a container size up with
+     * `<Box display="none" cq={{ lg: { display: 'block' } }} />` — the hidden
+     * content also leaves the accessibility tree.
+     *
+     * @default 'block'
+     */
+    display?: DisplayType;
 }
 type NativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
 /**

package/lib/containers/Box/Box.style.d.ts

@@ -1,8 +1,16 @@
+import type { DisplayType } from '../../factory/ContainerFactory';
 /**
- * The design system's generic **block** container — the catch-all box. Extends
- * {@link BaseContainer}, inheriting the full factory surface (spacing, size,
- * color, border, flex/grid child props, `cq`, `viewportMedias`, `motion`), and
- * sets `display: block`.
+ * The design system's generic **block** container — the catch-all box. Built
+ * on the layout view of the factory engine ({@link LayoutBase}): spacing, size,
+ * container geometry and the responsive channels (`cq`, `viewportMedias`,
+ * `sm_*`) — no surface chrome (ADR-028).
+ *
+ * `display` defaults to `block` **as the prop** (`.attrs`), so it is emitted by
+ * the container factory — before the responsive and `cq` blocks of the same
+ * class. An explicit `display` (e.g. `none`) and a `cq` / `viewportMedias`
+ * `display` therefore win: `<Box display="none" cq={{ lg: { display: 'block' } }} />`
+ * hides in a narrow slot and shows from the `lg` container size up
+ * (APOLLION-BOX-DISPLAY).
  *
  * `Box` is the sanctioned replacement for a raw `<div>`: consumers never render
  * host HTML tags directly (that blocks cross-platform export — e.g. a native
@@ -10,13 +18,22 @@
  * `Base` primitive or `apollion.*`. Reach for `Flex`/`Grid` for layout, `Box`
  * for a plain block wrapper.
  *
- * Exposed as `Box` in the barrel. Animation is the `motion` preset prop
- * (ADR-027) — a factory channel of this container, not a separate module.
+ * Exposed as `Box` in the barrel.
  */
-export declare const BoxStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+export declare const BoxStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "slot" | "style" | "title" | "dir" | "children" | "content" | "hidden" | "translate" | "property" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("../../factory").LayoutContainerProps | "as" | "forwardedAs"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "display"> & {
+    display?: DisplayType;
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "px" | "right" | "left" | "top" | "bottom" | "py" | "height" | "children" | "ref" | "key" | "zIndex" | "content" | "hidden" | "position" | "padding" | "cursor" | "display" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "transform" | "translate" | "width" | "container" | "margin" | "overflow" | "isHidden" | "truncate" | "pageShell" | "containment" | "absoluteFill" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "cq" | "sm_wrap" | "sm_flex" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignContent" | "sm_justifyItems" | "sm_placeItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_wrap" | "md_flex" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignContent" | "md_justifyItems" | "md_placeItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_wrap" | "lg_flex" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignContent" | "lg_justifyItems" | "lg_placeItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_wrap" | "xl_flex" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignContent" | "xl_justifyItems" | "xl_placeItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_zIndex" | "sm_position" | "sm_padding" | "sm_cursor" | "sm_display" | "sm_overflowX" | "sm_overflowY" | "sm_transform" | "sm_container" | "sm_margin" | "sm_overflow" | "sm_isHidden" | "sm_truncate" | "sm_pageShell" | "sm_containment" | "sm_absoluteFill" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_zIndex" | "md_position" | "md_padding" | "md_cursor" | "md_display" | "md_overflowX" | "md_overflowY" | "md_transform" | "md_container" | "md_margin" | "md_overflow" | "md_isHidden" | "md_truncate" | "md_pageShell" | "md_containment" | "md_absoluteFill" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_zIndex" | "lg_position" | "lg_padding" | "lg_cursor" | "lg_display" | "lg_overflowX" | "lg_overflowY" | "lg_transform" | "lg_container" | "lg_margin" | "lg_overflow" | "lg_isHidden" | "lg_truncate" | "lg_pageShell" | "lg_containment" | "lg_absoluteFill" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_zIndex" | "xl_position" | "xl_padding" | "xl_cursor" | "xl_display" | "xl_overflowX" | "xl_overflowY" | "xl_transform" | "xl_container" | "xl_margin" | "xl_overflow" | "xl_isHidden" | "xl_truncate" | "xl_pageShell" | "xl_containment" | "xl_absoluteFill" | "sm_height" | "sm_maxHeight" | "sm_maxWidth" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_height" | "md_maxHeight" | "md_maxWidth" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_height" | "lg_maxHeight" | "lg_maxWidth" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_height" | "xl_maxHeight" | "xl_maxWidth" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_py" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "md_p" | "md_px" | "md_py" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "lg_p" | "lg_px" | "lg_py" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "xl_p" | "xl_px" | "xl_py" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "ignoreResponsive" | "enableBreakpoint" | "property" | "viewportMedias" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+}, "slot" | "style" | "title" | "dir" | "children" | "content" | "hidden" | "translate" | "property" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("../../factory").LayoutContainerProps | "as" | "forwardedAs"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
+}, "display"> & {
+    display?: DisplayType;
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "px" | "right" | "left" | "top" | "bottom" | "py" | "height" | "children" | "ref" | "key" | "zIndex" | "content" | "hidden" | "position" | "padding" | "cursor" | "display" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "transform" | "translate" | "width" | "container" | "margin" | "overflow" | "isHidden" | "truncate" | "pageShell" | "containment" | "absoluteFill" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "cq" | "sm_wrap" | "sm_flex" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignContent" | "sm_justifyItems" | "sm_placeItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_wrap" | "md_flex" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignContent" | "md_justifyItems" | "md_placeItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_wrap" | "lg_flex" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignContent" | "lg_justifyItems" | "lg_placeItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_wrap" | "xl_flex" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignContent" | "xl_justifyItems" | "xl_placeItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_zIndex" | "sm_position" | "sm_padding" | "sm_cursor" | "sm_display" | "sm_overflowX" | "sm_overflowY" | "sm_transform" | "sm_container" | "sm_margin" | "sm_overflow" | "sm_isHidden" | "sm_truncate" | "sm_pageShell" | "sm_containment" | "sm_absoluteFill" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_zIndex" | "md_position" | "md_padding" | "md_cursor" | "md_display" | "md_overflowX" | "md_overflowY" | "md_transform" | "md_container" | "md_margin" | "md_overflow" | "md_isHidden" | "md_truncate" | "md_pageShell" | "md_containment" | "md_absoluteFill" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_zIndex" | "lg_position" | "lg_padding" | "lg_cursor" | "lg_display" | "lg_overflowX" | "lg_overflowY" | "lg_transform" | "lg_container" | "lg_margin" | "lg_overflow" | "lg_isHidden" | "lg_truncate" | "lg_pageShell" | "lg_containment" | "lg_absoluteFill" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_zIndex" | "xl_position" | "xl_padding" | "xl_cursor" | "xl_display" | "xl_overflowX" | "xl_overflowY" | "xl_transform" | "xl_container" | "xl_margin" | "xl_overflow" | "xl_isHidden" | "xl_truncate" | "xl_pageShell" | "xl_containment" | "xl_absoluteFill" | "sm_height" | "sm_maxHeight" | "sm_maxWidth" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_height" | "md_maxHeight" | "md_maxWidth" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_height" | "lg_maxHeight" | "lg_maxWidth" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_height" | "xl_maxHeight" | "xl_maxWidth" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_py" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "md_p" | "md_px" | "md_py" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "lg_p" | "lg_px" | "lg_py" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "xl_p" | "xl_px" | "xl_py" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "ignoreResponsive" | "enableBreakpoint" | "property" | "viewportMedias" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs">>> & string;

package/lib/containers/Box/index.esm.js

@@ -1 +1 @@
-import{b as t}from"../../chunks/chunk-5PLSFFP6.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-3PLVWHLK.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-HTYWYOZQ.esm.js";import"../../chunks/chunk-Q2PMRBCL.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-YBKS2HAY.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-KXRGSB6P.esm.js";import"../../chunks/chunk-F3SAEVZJ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import{g as o}from"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";var r=o(t).withConfig({componentId:"sc-fc1jyz-0"})(["display:block;"]);export{r as Box};
+import{b as r,c as e}from"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import{g as t}from"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";var p=t(r).attrs(({display:o})=>({display:o!=null?o:"block"})).withConfig({componentId:"sc-fc1jyz-0"})(["",""],e("block"));export{p as Box};

package/lib/containers/Card/Card.interface.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { PolymorphicProps, SurfaceContainerProps } from '../../factory/System';
-import { GridShapeProps } from '../Grid';
+import { GridShapeProps, GridSurfaceContainerQueryStyles, GridSurfaceViewportMediaStyles } from '../Grid';
 /**
  * Props of the {@link CardComponent} component.
  *
@@ -8,7 +8,9 @@ import { GridShapeProps } from '../Grid';
  * `title`, `description` / `subtitle` / `children` (the `content` area),
  * `actionComponent` — are named grid areas on the Card itself. The default
  * template follows the slots present (`auto 1fr auto` with an action, so the
- * footer pins); pass `medias` to replace it, keeping the same area names.
+ * footer pins); pass a flat `medias` to replace it, keeping the same area names,
+ * and re-arrange the areas by slot width on `cq` or by viewport width on
+ * `viewportMedias`.
  *
  * `Card` is the Grid-rooted **surface** (ADR-028): it composes the grid shape
  * ({@link GridShapeProps}: `medias` + alignment) with {@link SurfaceContainerProps}
@@ -19,6 +21,25 @@ import { GridShapeProps } from '../Grid';
  * component's own props type ({@link CardProps} / {@link CardComponent}).
  */
 export interface CardInterface extends SurfaceContainerProps, GridShapeProps {
+    /**
+     * Container-relative styles per `theme.containerSizes` key (ADR-025): the
+     * full factory surface **and** the grid template (`columns`, `rows`,
+     * `areas`, gaps) — so a Card re-arranges its slot areas by the width of the
+     * slot it sits in, e.g. media beside the text from `md` up:
+     * `cq={{ md: { columns: '160px 1fr', areas: '"media title" "media content"' } }}`.
+     * A container query never measures its own element: the Card's `cq` answers
+     * the nearest size-container **ancestor**; the Card's own containment is
+     * what its slot children's `cq` measure.
+     */
+    cq?: GridSurfaceContainerQueryStyles;
+    /**
+     * Viewport-driven styles per `theme.breakpoints` key: the full factory
+     * surface **and** the grid template — the viewport sibling of `cq`, for a
+     * Card whose slot layout follows the screen rather than its slot. Needs no
+     * `containment` ancestor. Prefer `cq` when the Card can sit at more than one
+     * width on the same screen.
+     */
+    viewportMedias?: GridSurfaceViewportMediaStyles;
     /**
      * Announce hover: primary border, `level-three` glow and a 2px lift over
      * the `short` transition (`overflow` becomes `visible` so the glow is not