@ryuzaki13/react-foundation-ui 3.10.0 → 3.11.0

package/storybook-static/assets/FormattedTableCell-CdlWquoj.js

@@ -0,0 +1,15 @@
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./circle-alert-DXUFM6uc.js";import{n as i,t as a}from"./circle-check-0x9vHUU_.js";import{i as o,n as s,r as c,t as l}from"./info-HMSnCOw2.js";import{n as u,r as d,t as f}from"./sortable-BrLDYUp8.js";import{n as p}from"./iframe-BmGorvhi.js";import{a as m,i as h,n as g}from"./utils-tg3ibbzi.js";import{a as _,n as v,o as y}from"./array-D-_yMMUK-BBmW5vUr.js";import{h as ee,l as te,y as ne}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{i as b,n as x,r as re,t as ie}from"./NoData-CRi9NzcI.js";import{n as S,t as ae}from"./GridContainer-C5r-VTTG.js";import{c as C,m as w,n as oe,o as T,p as se,r as E}from"./hooks-DM8_3IU2.js";import{i as D,r as ce}from"./useTable-CK68Q4S4.js";import{n as le,t as ue}from"./Scrollable-Cc641kuG.js";import{n as O,t as de}from"./ContextMenu-BC5OXqVj.js";import{C as k,S as A,b as j,c as M,f as fe,l as pe,m as N,p as me,u as he,v as P,w as ge,x as _e,y as ve}from"./odata-DLogt0PY.js";import{At as F,Mt as I}from"./tableFeatures-Dx3U-F9E.js";var L,R,ye,z,be,xe,B,V;function Se(){return(Se=e((()=>{L=`UMTbLD`,R=`cz57Fx`,ye=`oPzAxu`,z=`MBu26r`,be=`_03z-1l`,xe=`_0RqsqJ`,B=`mXkUoM`,V={stateWrapper:L,status:R,information:ye,success:z,warning:be,error:xe,state:B}})))()}function Ce({state:e}){switch(e){case`error`:return(0,H.jsx)(we,{});case`warning`:return(0,H.jsx)(Te,{});case`success`:return(0,H.jsx)(Ee,{});case`information`:return(0,H.jsx)(De,{});default:return null}}function we(){return(0,H.jsx)(c,{className:m(V.state,V.error)})}function Te(){return(0,H.jsx)(r,{className:m(V.state,V.warning)})}function Ee(){return(0,H.jsx)(a,{className:m(V.state,V.success)})}function De(){return(0,H.jsx)(l,{className:m(V.state,V.information)})}var H;function Oe(){return(Oe=e((()=>{h(),n(),i(),o(),s(),Se(),H=p(),Ce.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},we.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Te.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},Ee.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},De.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}var ke,Ae;function je(){return(je=e((()=>{ke=`YJUVjb`,Ae={resizeHandle:ke}})))()}function Me(e,t){let n=e.closest(`th`)?.getBoundingClientRect().width;return k(typeof n==`number`&&Number.isFinite(n)?n:t,t)}function Ne({columnId:e,className:t,minWidth:n,keyboardStep:r=Fe,ariaLabel:i=`Изменить ширину колонки`,getStartWidth:a,onResize:o,onResizeEnd:s,onReset:c}){let l=n??60,u=(0,U.useRef)(0),d=(0,U.useRef)(0),f=(0,U.useRef)(0),p=(0,U.useRef)(!1),h=(0,U.useRef)(!1),g=t=>{let n=a?.(e,t)??Me(t,l);return k(n,l)},_=e=>{(e.button===0||e.pointerType!==`mouse`)&&(p.current=!0,h.current=!1,u.current=e.clientX,d.current=g(e.currentTarget),f.current=d.current,e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),e.stopPropagation())},v=t=>{if(!p.current)return;let n=k(d.current+t.clientX-u.current,l);f.current=n,h.current=!0,o(e,n),t.preventDefault(),t.stopPropagation()},y=t=>{if(p.current){p.current=!1,h.current&&s?.(e,f.current);try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}t.preventDefault(),t.stopPropagation()}};return(0,Pe.jsx)(`div`,{role:`separator`,"aria-label":i,"aria-orientation":`vertical`,tabIndex:0,onPointerDown:_,onPointerMove:v,onPointerUp:y,onPointerCancel:y,onKeyDown:t=>{if(t.key!==`ArrowLeft`&&t.key!==`ArrowRight`&&t.key!==`Home`)return;if(t.preventDefault(),t.stopPropagation(),t.key===`Home`){c?.(e);return}let n=t.key===`ArrowRight`?1:-1,i=g(t.currentTarget),a=k(i+n*r,l);o(e,a),s?.(e,a)},onDoubleClick:t=>{t.preventDefault(),t.stopPropagation(),c?.(e)},className:m(Ae.resizeHandle,t)})}var U,Pe,Fe;function Ie(){return(Ie=e((()=>{U=t(),j(),h(),je(),Pe=p(),Fe=8,Ne.__docgenInfo={description:``,methods:[],displayName:`TableColumnResizeHandle`,props:{columnId:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minWidth:{required:!1,tsType:{name:`number`},description:``},keyboardStep:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`8`,computed:!1}},ariaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Изменить ширину колонки"`,computed:!1}},getStartWidth:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}}},description:``},onResize:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResizeEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onReset:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function Le(e,t){return typeof e==`function`?e(t):e}function Re({columnId:e,children:t,dragDisabled:n=!1,draggingClassName:r,resizeHandle:i,className:a,style:o,...s}){let{attributes:c,listeners:l,setActivatorNodeRef:u,setNodeRef:d,transform:f,isDragging:p,rect:h}=C({id:e,disabled:n}),g=p?h.current?.width:void 0,_={transform:se.Translate.toString(f),zIndex:p?`calc(var(--z-header) + 1)`:void 0,...g?{width:g,minWidth:g}:{},...o},v={attributes:c,listeners:l,setActivatorElement:u,disabled:n,isDragging:p};return(0,ze.jsxs)(`th`,{...s,ref:d,className:m(a,p&&r),style:_,children:[Le(t,v),i?(0,ze.jsx)(Ne,{...i}):null]})}var ze;function Be(){return(Be=e((()=>{T(),w(),h(),Ie(),ze=p(),Re.__docgenInfo={description:``,methods:[],displayName:`TableHeaderInteractionCell`,props:{columnId:{required:!0,tsType:{name:`UniqueIdentifier`},description:``},children:{required:!0,tsType:{name:`union`,raw:`ReactNode | ((dragState: TableHeaderCellDragState) => ReactNode)`,elements:[{name:`ReactNode`},{name:`unknown`}]},description:``},dragDisabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},draggingClassName:{required:!1,tsType:{name:`string`},description:``},resizeHandle:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
+	columnId: string;
+	className?: string;
+	minWidth?: number;
+	keyboardStep?: number;
+	ariaLabel?: string;
+	getStartWidth?: (columnId: string, element: HTMLElement) => number;
+	onResize: (columnId: string, width: number) => void;
+	onResizeEnd?: (columnId: string, width: number) => void;
+	onReset?: (columnId: string) => void;
+}`,signature:{properties:[{key:`columnId`,value:{name:`string`,required:!0}},{key:`className`,value:{name:`string`,required:!1}},{key:`minWidth`,value:{name:`number`,required:!1}},{key:`keyboardStep`,value:{name:`number`,required:!1}},{key:`ariaLabel`,value:{name:`string`,required:!1}},{key:`getStartWidth`,value:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}},required:!1}},{key:`onResize`,value:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}},required:!0}},{key:`onResizeEnd`,value:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}},required:!1}},{key:`onReset`,value:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}},required:!1}}]}},description:``}}}})))()}function Ve(e){return{start:Array.from(new Set((e?.start??[]).filter(e=>typeof e==`string`&&e.trim().length>0))),end:[]}}function He(e,t){let n=t?.[e.id];if(typeof n==`number`&&Number.isFinite(n)&&n>0)return`${Math.floor(n)}px`;let r=fe(e.columnDef)?.width??4;return typeof r==`number`&&(r=Math.max(r,4)),ve(r)}function Ue(e,t){let n=e.getAllLeafColumns().filter(e=>e.getIsVisible()),r=new Map(n.map(e=>[e.id,e])),i=n.map(e=>e.id),a=v(t.columnPinning.start,i),o=v(t.columnPinning.end,i),s=new Set([...a,...o]),c=[];for(let e of n)s.has(e.id)||c.push(e.id);let l=P({ids:c,order:t.columnOrder});return y([...a,...l,...o],r)}function We(e,t){let n=Ue(e,t),r=new Map(n.map(e=>[e.id,e]));return A({ids:n.map(e=>e.id),getWidth:e=>{let n=r.get(e);return n?He(n,t.columnSizing):`0px`}}).flatMap(e=>{let t=r.get(e.id);return t?[{...e,column:t}]:[]})}function Ge(e,t){let n={},r=[];for(let i of Ue(e,t))i.getIsPinned()===`start`&&(n[i.id]=Ke(r),r.push(He(i,t.columnSizing)));return n}function Ke(e){return e.length===0?`0px`:e.length===1?e[0]:`calc(${e.join(` + `)})`}function W(){return(W=e((()=>{_(),j()})))()}function qe(e){if(typeof e.id==`string`&&e.id.trim())return e.id;if(`accessorKey`in e&&typeof e.accessorKey==`string`&&e.accessorKey.trim())return e.accessorKey}function Je(e){return`cell`in e&&e.cell!=null}function Ye(e,t){for(let n of e){if(`columns`in n&&Array.isArray(n.columns)&&n.columns.length>0){Ye(n.columns,t);continue}t(n)}}function Xe(e){let t={},n=new Set;return Ye(e,e=>{let r=qe(e);if(!r)return;Je(e)&&n.add(r);let i=M(e);i&&(t[r]={...i,id:i.id??r,role:i.role??`dimension`,type:i.type??`string`})}),{runtimeByColumnId:te(t),customCellColumnIds:n}}function Ze(e){return!e.customCellColumnIds.has(e.columnId)&&!!e.runtimeByColumnId[e.columnId]}function Qe(){return(Qe=e((()=>{ee(),j()})))()}function $e(e){return e!=null&&e!==``}function et(e,t){return e.map(e=>({row:e,boundaryKey:t(e),cellByColumnId:new Map(e.getVisibleCells().map(e=>[e.column.id,e]))}))}function tt({rows:e,columns:t,resolveRowBoundaryKey:n=()=>`__all_rows__`,excludeColumnIds:r}){let i=t.filter(e=>!r?.has(e.id)&&fe(e.columnDef)?.mergeDuplicates===!0);if(e.length===0||i.length===0)return new Map;let a=et(e,n),o=new Map;for(let e of i){let t=-1,n,r,i=i=>{if(t!==-1){if(i-t<=1){t=-1,n=void 0,r=void 0;return}for(let n=t;n<i;n+=1){let r=a[n]?.cellByColumnId.get(e.id)?.id;r&&o.set(r,{hideContent:n>t,mergeWithNext:n<i-1})}t=-1,n=void 0,r=void 0}};for(let o=0;o<a.length;o+=1){let s=a[o],c=s?.cellByColumnId.get(e.id),l=c?.getValue();if(!c||!$e(l)){i(o);continue}if(t===-1){t=o,n=l,r=s?.boundaryKey;continue}(!Object.is(r,s?.boundaryKey)||!Object.is(n,l))&&(i(o),t=o,n=l,r=s?.boundaryKey)}i(a.length)}return o}function nt(){return(nt=e((()=>{j()})))()}function rt({columnOrder:e,defaultColumnOrder:t,onColumnOrderChange:n}){let[r,i]=(0,G.useState)(void 0),a=(0,G.useMemo)(()=>ge(e??r??t),[e,t,r]);return{columnOrder:a,onColumnOrderChange:(0,G.useCallback)(t=>{let r=ge(F(t,a));e===void 0&&i(r),n?.(r)},[e,n,a])}}var G;function it(){return(it=e((()=>{G=t(),j(),I()})))()}function at({columnPinning:e,defaultColumnPinning:t,onColumnPinningChange:n}){let[r,i]=(0,K.useState)(void 0),a=(0,K.useMemo)(()=>Ve(e??r??t),[e,t,r]);return{columnPinning:a,onColumnPinningChange:(0,K.useCallback)(t=>{let r={start:Ve(F(t,a)).start};e===void 0&&i(r),n?.(r)},[e,n,a])}}var K;function ot(){return(ot=e((()=>{K=t(),I(),W()})))()}function st({columnSizing:e,defaultColumnSizing:t,columnResizeMinWidth:n,onColumnSizingChange:r}){let[i,a]=(0,q.useState)(void 0),o=(0,q.useMemo)(()=>N(e??i??t,n),[n,e,t,i]);return{columnSizing:o,onColumnSizingChange:(0,q.useCallback)(t=>{let i=N(F(t,o),n);e===void 0&&a(i),r?.(i)},[n,e,r,o])}}var q;function ct(){return(ct=e((()=>{q=t(),j(),I()})))()}function lt({columnVisibility:e,defaultColumnVisibility:t,onColumnVisibilityChange:n}){let[r,i]=(0,J.useState)(void 0),a=(0,J.useMemo)(()=>e??r??t??{},[e,t,r]);return{columnVisibility:a,onColumnVisibilityChange:(0,J.useCallback)(t=>{let r=F(t,a);e===void 0&&i(r),n?.(r)},[e,n,a])}}var J;function ut(){return(ut=e((()=>{J=t(),I()})))()}var dt,ft;function pt(){return(pt=e((()=>{w(),dt=e=>{let{transform:t}=e;return{...t,y:0}},ft=e=>{let{transform:t}=e;return{...t,x:0}}})))()}var mt,ht,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,Y;function Pt(){return(Pt=e((()=>{mt=`_0rNBMr`,ht=`gp-7Db`,gt=`Ck-sXP`,_t=`-F3gli`,vt=`V5tPM-`,yt=`_2VJbvj`,bt=`AD8NkG`,xt=`qqixKn`,St=`dVDRNv`,Ct=`klOoMz`,wt=`fJvFJA`,Tt=`_7D8xa9`,Et=`_3j87pS`,Dt=`uwojkJ`,Ot=`lLsmW6`,kt=`uYvZ5P`,At=`QIS3xA`,jt=`a580w0`,Mt=`UOhaMF`,Nt=`DtKAgs`,Y={root:mt,headerContextMenuTrigger:ht,table:gt,head:_t,pinnedStartBoundary:vt,headerRow:yt,headerCell:bt,headerCellContent:xt,headerCellDraggable:St,headerCellDragging:Ct,headerCellPinnedStart:wt,bodyRow:Tt,bodyRowInteractive:Et,bodyCell:Dt,bodyRowSelected:Ot,bodyCellPinnedStart:kt,bodyCellMergedWithNext:At,feedbackCell:jt,fetchingRow:Mt,noData:Nt}})))()}function Ft({header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:i,enableColumnResizing:a,enableColumnReordering:o,columnResizeMinWidth:s,renderHeaderContent:c,onResizeColumn:l,onResetColumnWidth:u}){return(0,It.jsx)(Re,{columnId:e.column.id,colSpan:e.colSpan,dragDisabled:!o||i,draggingClassName:Y.headerCellDragging,className:m(Y.headerCell,t&&Y.headerCellPinnedStart,r&&Y.pinnedStartBoundary),style:{...t?{insetInlineStart:n}:{}},resizeHandle:a&&!e.isPlaceholder?{columnId:e.column.id,minWidth:s,onResize:l,onReset:u}:void 0,children:({listeners:t,setActivatorElement:n})=>(0,It.jsx)(`div`,{ref:o&&!i?n:void 0,className:m(Y.headerCellContent,o&&!i&&Y.headerCellDraggable),...o&&!i?t??{}:{},children:c(e)})})}var It;function Lt(){return(Lt=e((()=>{h(),Be(),Pt(),It=p(),Ft.__docgenInfo={description:``,methods:[],displayName:`BaseTableHeaderCell`,props:{header:{required:!0,tsType:{name:`FoundationTableHeader`,elements:[{name:`TData`}],raw:`FoundationTableHeader<TData>`},description:``},isPinnedStart:{required:!0,tsType:{name:`boolean`},description:``},insetInlineStart:{required:!1,tsType:{name:`string`},description:``},isPinnedBoundary:{required:!0,tsType:{name:`boolean`},description:``},isDragDisabled:{required:!0,tsType:{name:`boolean`},description:``},enableColumnResizing:{required:!0,tsType:{name:`boolean`},description:``},enableColumnReordering:{required:!0,tsType:{name:`boolean`},description:``},columnResizeMinWidth:{required:!0,tsType:{name:`union`,raw:`number | undefined`,elements:[{name:`number`},{name:`undefined`}]},description:``},renderHeaderContent:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(header: FoundationTableHeader<TData>) => ReactNode`,signature:{arguments:[{type:{name:`FoundationTableHeader`,elements:[{name:`TData`}],raw:`FoundationTableHeader<TData>`},name:`header`}],return:{name:`ReactNode`}}},description:``},onResizeColumn:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResetColumnWidth:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function Rt(e,t){let n=e.getLeafHeaders().map(e=>t.get(e.column.id)).filter(e=>typeof e==`number`);return n.length?Math.min(...n):2**53-1}function zt(e,t){let n=e.getStartHeaderGroups(),r=e.getCenterHeaderGroups(),i=e.getEndHeaderGroups(),a=Math.max(n.length,r.length,i.length);return Array.from({length:a},(e,a)=>[...n[a]?.headers??[],...r[a]?.headers??[],...i[a]?.headers??[]].filter(e=>e.isPlaceholder?!0:e.getLeafHeaders().some(e=>t.has(e.column.id))).sort((e,n)=>Rt(e,t)-Rt(n,t)))}function Bt(e,t,n){let r=e.getLeafHeaders().map(e=>e.column.id);return r.length>0&&r.every(e=>e in t)?{isPinnedStart:!0,insetInlineStart:t[r[0]]??`0px`,isPinnedBoundary:!!(n&&r.includes(n))}:{isPinnedStart:!1,isPinnedBoundary:!1}}function Vt(e,t){let n=e.getAllLeafColumns().map(e=>e.id);return P({ids:n,order:t.columnOrder})}function Ht({table:e,columnState:t,title:n,isLoading:r,isFetching:i,className:a,minHeight:o=`15em`,tableClassName:s,selectionMode:c=`none`,scrollableRef:l,interactiveElementSelector:u,onActivateRow:p,isRowInteractive:h,getRowClassName:_,getCellClassName:v,getCellStyle:y,getCellLayout:ee,renderCellContent:te,renderHeaderContextMenu:ne,enableColumnResizing:b=!1,enableColumnReordering:x=!1,rowReordering:S,columnResizeMinWidth:C,afterTableContent:w}){let T=We(e,t),se=(0,X.useMemo)(()=>T.map(e=>e.column),[T]),E=(0,X.useMemo)(()=>T.map(e=>e.id),[T]),D=(0,X.useMemo)(()=>new Map(E.map((e,t)=>[e,t])),[E]),le=(0,X.useMemo)(()=>new Set(E),[E]),O=oe({activationDistance:8}),k=zt(e,D),A=Ge(e,t),j=se.filter(e=>e.getIsPinned()===`start`).at(-1)?.id,M=(0,X.useMemo)(()=>t.columnPinning.start??[],[t.columnPinning.start]),N=(0,X.useMemo)(()=>new Set(M),[M]),P=e.getRowModel(),ge=(0,X.useMemo)(()=>P.rows.map(e=>e.id),[P.rows]),ve=!!n,F=P.rows.length>0,I=(0,X.useCallback)(e=>[...e].sort((e,t)=>(D.get(e.column.id)??2**53-1)-(D.get(t.column.id)??2**53-1)),[D]),L=(0,X.useCallback)((t,n)=>{e.setColumnSizing(e=>he(e,t,n,C))},[C,e]),R=(0,X.useCallback)(t=>{e.setColumnSizing(e=>pe(e,t))},[e]),ye=(0,X.useCallback)(n=>{let r=d({event:n,items:E});if(!r)return;let i=Vt(e,t),a=me({order:i,headerIds:E,pinnedIds:M,activeId:String(r.activeId),overId:String(r.overId)});a&&e.setColumnOrder(a)},[t,M,e,E]),z=e=>{if(e.isPlaceholder)return null;let t=ce(e.column.columnDef.header,e.getContext()),n=ne?.(e);return n?(0,Z.jsxs)(de,{children:[(0,Z.jsx)(de.Trigger,{children:(0,Z.jsx)(`div`,{className:Y.headerContextMenuTrigger,tabIndex:0,children:t})}),(0,Z.jsx)(de.Content,{children:n})]}):t},be=(e,t)=>{!(h?.(t)??!!p)||!p||_e(e.target,u)||p(t)},xe=(e,t)=>{!(h?.(t)??!!p)||!p||_e(e.target,u)||g(e,()=>p(t))},B=e=>{let t=h?.(e)??!!p,n=I([...e.getStartVisibleCells(),...e.getCenterVisibleCells(),...e.getEndVisibleCells()]).map(t=>{let n=fe(t.column.columnDef),r=ce(t.column.columnDef.cell,t.getContext()),i={row:e,cell:t,defaultContent:r,columnMeta:n},a=ee?.(i),o=t.column.getIsPinned()===`start`,s=t.column.id===j,c={...n?.align?{textAlign:n.align}:{},...o?{insetInlineStart:A[t.column.id]??`0px`}:{},...y?.(i)??{}};return(0,Z.jsx)(`td`,{className:m(Y.bodyCell,o&&Y.bodyCellPinnedStart,s&&Y.pinnedStartBoundary,a?.mergeWithNext&&Y.bodyCellMergedWithNext,v?.(i)),style:c,children:a?.hideContent?null:te?te(i):r},t.id)}),r={className:m(Y.bodyRow,t&&Y.bodyRowInteractive,e.getIsSelected()&&Y.bodyRowSelected,_?.(e)),"aria-selected":c===`none`?void 0:e.getIsSelected(),tabIndex:t?0:void 0,onClick:t=>be(t,e),onKeyDown:t=>xe(t,e)};return S?(0,Z.jsx)(f.Item,{as:`tr`,id:e.id,disabled:S.disabled,...r,children:n},e.id):(0,Z.jsx)(`tr`,{...r,children:n},e.id)};return(0,Z.jsxs)(ae,{templateRows:ve?`auto 1fr`:`1fr`,className:m(`overflowHidden w100 h100`,Y.root,a),style:{minHeight:o},children:[ve&&(0,Z.jsx)(`h3`,{className:`marginBottomXs`,children:n}),(0,Z.jsxs)(`div`,{className:`surface0 overflowHidden relative w100 h100`,children:[(0,Z.jsx)(ue,{ref:l,className:`w100 h100`,children:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`table`,{className:m(Y.table,s),children:[(0,Z.jsx)(`colgroup`,{children:T.map(e=>(0,Z.jsx)(`col`,{style:e.width?{width:e.width}:void 0},e.id))}),(0,Z.jsx)(`thead`,{className:m(`stickyTop`,Y.head),children:x?(0,Z.jsx)(f.Root,{sensors:O,modifiers:[dt],onDragEnd:ye,children:(0,Z.jsx)(f.Container,{containerId:`base-table-header`,items:E,layout:`horizontal`,children:k.map((e,t)=>(0,Z.jsx)(`tr`,{className:Y.headerRow,children:e.map(e=>{let{isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r}=Bt(e,A,j),i=e.isPlaceholder||!le.has(e.column.id)||N.has(e.column.id);return(0,Z.jsx)(Ft,{header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:i,enableColumnResizing:b,enableColumnReordering:x,columnResizeMinWidth:C,renderHeaderContent:z,onResizeColumn:L,onResetColumnWidth:R},e.id)})},`header-group-${t}`))})}):k.map((e,t)=>(0,Z.jsx)(`tr`,{className:Y.headerRow,children:e.map(e=>{let{isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r}=Bt(e,A,j);return(0,Z.jsx)(Ft,{header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:!0,enableColumnResizing:b,enableColumnReordering:x,columnResizeMinWidth:C,renderHeaderContent:z,onResizeColumn:L,onResetColumnWidth:R},e.id)})},`header-group-${t}`))}),(0,Z.jsxs)(`tbody`,{children:[S?(0,Z.jsx)(f.Root,{sensors:O,modifiers:[ft],onDragEnd:S.onDragEnd,children:(0,Z.jsx)(f.Container,{containerId:S.containerId??`base-table-body`,items:ge,layout:`vertical`,children:P.rows.map(B)})}):P.rows.map(B),i&&F&&(0,Z.jsx)(`tr`,{className:Y.fetchingRow,children:(0,Z.jsx)(`td`,{colSpan:Math.max(se.length,1),className:Y.feedbackCell,children:(0,Z.jsx)(re,{})})})]})]}),w]})}),(0,Z.jsxs)(`div`,{className:`absolute inset0 border`,style:{pointerEvents:`none`,zIndex:20},children:[!r&&!i&&!F&&(0,Z.jsx)(ie,{className:Y.noData}),r&&!F&&(0,Z.jsx)(re,{className:`h100 w100`})]})]})]})}var X,Z;function Ut(){return(Ut=e((()=>{X=t(),pt(),E(),j(),h(),D(),O(),S(),b(),x(),le(),u(),W(),Pt(),Lt(),Z=p(),Ht.__docgenInfo={description:"Базовая таблица с общим UI-каркасом для Table и TreeTable.\n\n@NOTE: не для использования напрямую, это база для `Table` и `TreeTable`",methods:[],displayName:`BaseTable`,props:{table:{required:!0,tsType:{name:`FoundationTableInstance`,elements:[{name:`TData`}],raw:`FoundationTableInstance<TData>`},description:``},columnState:{required:!0,tsType:{name:`Pick`,elements:[{name:`FoundationTableState`},{name:`union`,raw:`"columnOrder" | "columnPinning" | "columnSizing" | "columnVisibility"`,elements:[{name:`literal`,value:`"columnOrder"`},{name:`literal`,value:`"columnPinning"`},{name:`literal`,value:`"columnSizing"`},{name:`literal`,value:`"columnVisibility"`}]}],raw:`Pick<FoundationTableState, "columnOrder" | "columnPinning" | "columnSizing" | "columnVisibility">`},description:``},title:{required:!1,tsType:{name:`string`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},isFetching:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:"`${number}em` | `${number}%`",elements:[{name:`literal`,value:"`${number}em`"},{name:`literal`,value:"`${number}%`"}]},description:``,defaultValue:{value:`"15em"`,computed:!1}},tableClassName:{required:!1,tsType:{name:`string`},description:``},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:``,defaultValue:{value:`"none"`,computed:!1}},scrollableRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},interactiveElementSelector:{required:!1,tsType:{name:`string`},description:``},onActivateRow:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: FoundationTableRow<TData>) => void`,signature:{arguments:[{type:{name:`FoundationTableRow`,elements:[{name:`TData`}],raw:`FoundationTableRow<TData>`},name:`row`}],return:{name:`void`}}},description:``},isRowInteractive:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: FoundationTableRow<TData>) => boolean`,signature:{arguments:[{type:{name:`FoundationTableRow`,elements:[{name:`TData`}],raw:`FoundationTableRow<TData>`},name:`row`}],return:{name:`boolean`}}},description:``},getRowClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: FoundationTableRow<TData>) => string | undefined`,signature:{arguments:[{type:{name:`FoundationTableRow`,elements:[{name:`TData`}],raw:`FoundationTableRow<TData>`},name:`row`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},getCellClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => string | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},getCellStyle:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => CSSProperties | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`CSSProperties | undefined`,elements:[{name:`CSSProperties`},{name:`undefined`}]}}},description:``},getCellLayout:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => BaseTableCellLayout | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`BaseTableCellLayout | undefined`,elements:[{name:`BaseTableCellLayout`},{name:`undefined`}]}}},description:``},renderCellContent:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => ReactNode`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`ReactNode`}}},description:``},renderHeaderContextMenu:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(header: FoundationTableHeader<TData>) => ReactNode`,signature:{arguments:[{type:{name:`FoundationTableHeader`,elements:[{name:`TData`}],raw:`FoundationTableHeader<TData>`},name:`header`}],return:{name:`ReactNode`}}},description:`Общий слот контекстного меню заголовка.
+
+BaseTable намеренно не знает про сортировку, группировку или доменные
+действия. Он только сохраняет единый доступный способ открыть меню для
+\`Table\` и \`TreeTable\`, а содержимое передает потребитель.`},enableColumnResizing:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},enableColumnReordering:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},rowReordering:{required:!1,tsType:{name:`BaseTableRowReordering`},description:``},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:``},afterTableContent:{required:!1,tsType:{name:`ReactNode`},description:``}}}})))()}var Wt,Gt,Kt,Q;function qt(){return(qt=e((()=>{Wt=`jPPyP7`,Gt=`Oa7e5P`,Kt=`KhQtgF`,Q={formattedCellValue:Wt,formattedCell:Gt,formattedCellInner:Kt}})))()}function Jt({displayValue:e,align:t=`left`}){let n=(0,Yt.useRef)(null),r=e.showValue,i=e.showIcon?e.icon:void 0,a=r&&e.value!=null?String(e.value):``,o=ne(e.state),s=t===`right`?`flex-end`:t===`center`?`center`:`flex-start`,c=t===`center`?`center`:t===`right`?`right`:`left`;return(0,Yt.useEffect)(()=>{let t=n.current;if(!t)return;let r=()=>{if(!e.overflowTooltip||!a){t.removeAttribute(`title`);return}if(t.scrollWidth>t.clientWidth+1){t.setAttribute(`title`,a);return}t.removeAttribute(`title`)};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(t),()=>{i.disconnect()}},[e.overflowTooltip,a]),(0,$.jsx)(`div`,{className:m(Q.formattedCell,o),children:(0,$.jsxs)(`div`,{className:Q.formattedCellInner,style:{justifyContent:s},children:[e.iconPosition===`left`?(0,$.jsx)(Ce,{state:i}):null,r?(0,$.jsx)(`span`,{ref:n,className:m(`textOverflow`,Q.formattedCellValue),style:{textAlign:c},children:a}):null,e.iconPosition===`right`?(0,$.jsx)(Ce,{state:i}):null]})})}var Yt,$;function Xt(){return(Xt=e((()=>{Yt=t(),ee(),h(),Oe(),qt(),$=p(),Jt.__docgenInfo={description:"Общий renderer форматированной ячейки для `Table` и будущего `TreeTable`.\n\nКомпонент отвечает только за UI-отрисовку уже вычисленного display-result:\nruntime и бизнес-логика вычисления значения в него не входят.",methods:[],displayName:`FormattedTableCell`,props:{displayValue:{required:!0,tsType:{name:`FormattersPipelineDisplayValue`},description:`Нормализованный display-result из formatting-runtime.`},align:{required:!1,tsType:{name:`TableColumnAlign`},description:`Табличное выравнивание содержимого.`,defaultValue:{value:`"left"`,computed:!1}}}}})))()}export{Ze as _,ut as a,st as c,it as d,rt as f,Qe as g,Xe as h,Ut as i,ot as l,nt as m,Xt as n,lt as o,tt as p,Ht as r,ct as s,Jt as t,at as u,Ue as v,W as y};

package/storybook-static/assets/Grid-DIKudfVu.js

@@ -0,0 +1,84 @@
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-BmGorvhi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-u0CCD6I1.js";import{a as p,c as m,d as h,f as g,g as _,h as v,i as y,l as b,m as x,n as S,o as C,p as w,r as T,s as E,t as D,u as O}from"./Grid.stories-sZUaIp7v.js";function k(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(s,{of:E,parameters:{docs:{toc:!0}}}),`
+`,(0,j.jsx)(u,{children:`Grid`}),`
+`,(0,j.jsx)(o,{children:`Композиция для построения grid-раскладок с управлением колонками, строками и позиционированием элементов`}),`
+`,(0,j.jsx)(t.p,{children:`Grid уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,j.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,j.jsx)(f,{}),`
+`,(0,j.jsx)(i,{of:T}),`
+`,(0,j.jsx)(t.pre,{children:(0,j.jsx)(t.code,{className:`language-tsx`,children:`import { Grid } from "@ryuzaki13/react-foundation-ui/grid";
+
+export function Example() {
+	return (
+		<Grid.Container templateColumns="repeat(2, minmax(0, 1fr))" gap="md">
+			<Grid.Item>Левая колонка</Grid.Item>
+			<Grid.Item>Правая колонка</Grid.Item>
+		</Grid.Container>
+	);
+}
+`})}),`
+`,(0,j.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,j.jsxs)(t.ul,{children:[`
+`,(0,j.jsx)(t.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
+`,(0,j.jsx)(t.li,{children:`Для responsive-пропсов изменяйте ширину canvas через встроенную панель Storybook или перетаскиванием его границы. Индикатор в story показывает активный CSS-режим.`}),`
+`]}),`
+`,(0,j.jsx)(t.h2,{id:`ssr-и-responsive-пропсы`,children:`SSR и responsive-пропсы`}),`
+`,(0,j.jsxs)(t.p,{children:[(0,j.jsx)(t.code,{children:`Grid`}),` не выбирает breakpoint в JavaScript. Классы и CSS custom properties всех режимов входят в серверный markup, а media mixins из `,(0,j.jsx)(t.code,{children:`styles/mixins/_media.scss`}),` применяют нужные `,(0,j.jsx)(t.code,{children:`templateColumns`}),`, `,(0,j.jsx)(t.code,{children:`areas`}),`, placement и enum-пропсы до hydration.`]}),`
+`,(0,j.jsx)(t.pre,{children:(0,j.jsx)(t.code,{className:`language-tsx`,children:`<Grid.Container
+	templateColumns={{
+		mobile: "minmax(0, 1fr)",
+		tablet: "repeat(2, minmax(0, 1fr))",
+		laptop: "repeat(4, minmax(0, 1fr))"
+	}}
+	gap={{ mobile: "sm", tablet: "md", laptop: "lg" }}>
+	<Grid.Item column={{ mobile: "1", tablet: "1 / 3" }}>Содержимое</Grid.Item>
+</Grid.Container>
+`})}),`
+`,(0,j.jsxs)(t.p,{children:[`Обычные строковые значения по-прежнему передаются как inline styles. Responsive map раскладывается в локальные CSS custom properties, поэтому пользовательский `,(0,j.jsx)(t.code,{children:`style`}),` сохраняет высший приоритет.`]}),`
+`,(0,j.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,j.jsx)(t.h3,{id:`минимальный-пример-построения-grid-раскладки`,children:`Минимальный пример построения grid-раскладки`}),`
+`,(0,j.jsx)(t.p,{children:`Минимальный пример построения grid-раскладки.`}),`
+`,(0,j.jsx)(d,{of:T}),`
+`,(0,j.jsx)(t.h3,{id:`автоматическое-размещение-элементов-в-сетке`,children:`Автоматическое размещение элементов в сетке`}),`
+`,(0,j.jsx)(t.p,{children:`Автоматическое размещение элементов в сетке.`}),`
+`,(0,j.jsx)(d,{of:S}),`
+`,(0,j.jsx)(t.h3,{id:`выравнивание-содержимого-и-элементов-контейнера`,children:`Выравнивание содержимого и элементов контейнера`}),`
+`,(0,j.jsx)(t.p,{children:`Выравнивание содержимого и элементов контейнера.`}),`
+`,(0,j.jsx)(d,{of:D}),`
+`,(0,j.jsx)(t.h3,{id:`сравнение-интервалов-между-элементами`,children:`Сравнение интервалов между элементами`}),`
+`,(0,j.jsx)(t.p,{children:`Сравнение интервалов между элементами.`}),`
+`,(0,j.jsx)(d,{of:p}),`
+`,(0,j.jsx)(t.h3,{id:`применение-готовых-grid-вариантов`,children:`Применение готовых grid-вариантов`}),`
+`,(0,j.jsx)(t.p,{children:`Применение готовых grid-вариантов.`}),`
+`,(0,j.jsx)(d,{of:h}),`
+`,(0,j.jsx)(t.h3,{id:`использование-сложных-шаблонов-строк-и-колонок`,children:`Использование сложных шаблонов строк и колонок`}),`
+`,(0,j.jsx)(t.p,{children:`Использование сложных шаблонов строк и колонок.`}),`
+`,(0,j.jsx)(d,{of:y}),`
+`,(0,j.jsx)(t.h3,{id:`работа-с-именованными-областями-раскладки`,children:`Работа с именованными областями раскладки`}),`
+`,(0,j.jsx)(t.p,{children:`Работа с именованными областями раскладки.`}),`
+`,(0,j.jsx)(d,{of:C}),`
+`,(0,j.jsx)(t.h3,{id:`ручное-позиционирование-отдельных-элементов`,children:`Ручное позиционирование отдельных элементов`}),`
+`,(0,j.jsx)(t.p,{children:`Ручное позиционирование отдельных элементов.`}),`
+`,(0,j.jsx)(d,{of:O}),`
+`,(0,j.jsx)(t.h3,{id:`режим-inline-grid-в-потоке-документа`,children:`Режим inline-grid в потоке документа`}),`
+`,(0,j.jsx)(t.p,{children:`Режим inline-grid в потоке документа.`}),`
+`,(0,j.jsx)(d,{of:m}),`
+`,(0,j.jsx)(t.h3,{id:`прикладной-пример-использования-в-интерфейсе`,children:`Прикладной пример использования в интерфейсе`}),`
+`,(0,j.jsx)(t.p,{children:`Прикладной пример использования в интерфейсе.`}),`
+`,(0,j.jsx)(d,{of:g}),`
+`,(0,j.jsx)(t.h3,{id:`responsive-шаблоны-и-свойства-контейнера`,children:`Responsive-шаблоны и свойства контейнера`}),`
+`,(0,j.jsxs)(t.p,{children:[`Проверяет `,(0,j.jsx)(t.code,{children:`templateColumns`}),`, `,(0,j.jsx)(t.code,{children:`templateRows`}),`, `,(0,j.jsx)(t.code,{children:`autoRows`}),`, `,(0,j.jsx)(t.code,{children:`auto-flow`}),`, выравнивание и `,(0,j.jsx)(t.code,{children:`gap`}),` во всех режимах.`]}),`
+`,(0,j.jsx)(d,{of:v}),`
+`,(0,j.jsx)(t.h3,{id:`responsive-именованные-области`,children:`Responsive-именованные области`}),`
+`,(0,j.jsxs)(t.p,{children:[`Проверяет перестройку `,(0,j.jsx)(t.code,{children:`grid-template-areas`}),` при сохранении семантического порядка DOM.`]}),`
+`,(0,j.jsx)(d,{of:w}),`
+`,(0,j.jsx)(t.h3,{id:`responsive-позиционирование-griditem`,children:`Responsive-позиционирование Grid.Item`}),`
+`,(0,j.jsxs)(t.p,{children:[`Проверяет `,(0,j.jsx)(t.code,{children:`column`}),`, `,(0,j.jsx)(t.code,{children:`row`}),`, `,(0,j.jsx)(t.code,{children:`alignSelf`}),` и `,(0,j.jsx)(t.code,{children:`justifySelf`}),` на одном наборе элементов.`]}),`
+`,(0,j.jsx)(d,{of:x}),`
+`,(0,j.jsx)(t.h3,{id:`intrinsic-адаптация-через-auto-fit`,children:`Intrinsic-адаптация через auto-fit`}),`
+`,(0,j.jsxs)(t.p,{children:[`Отдельный пример показывает чистый CSS `,(0,j.jsx)(t.code,{children:`auto-fit`}),`, не связанный с `,(0,j.jsx)(t.code,{children:`ResponsiveValue`}),`.`]}),`
+`,(0,j.jsx)(d,{of:b}),`
+`,(0,j.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,j.jsx)(l,{of:E}),`
+`,(0,j.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,j.jsx)(a,{includePrimary:!1})]})}function A(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(k,{...e})}):k(e)}var j;function M(){return(M=e((()=>{j=t(),r(),c(),_()})))()}M();export{A as default};

package/storybook-static/assets/{Grid-0NnWfTJ7.js → Grid-DUcSdqsI.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{i as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{a as c,i as l,n as u,r as d,t as f}from"./GridContainer-BHSfIiml.js";function p({ref:e,children:t,className:n=``,as:i,style:o,area:u,column:d,row:f,alignSelf:p,justifySelf:g,..._}){let{activeBreakpoint:v}=a(),y=(0,m.useMemo)(()=>({alignSelf:r(p,v),justifySelf:r(g,v)}),[v,p,g]),b=(0,m.useMemo)(()=>({area:r(u,v),column:r(d,v),row:r(f,v)}),[v,u,d,f]),x=l(y),S=c(b),C=[x,n].filter(Boolean).join(` `),w={...S,...o};return(0,h.jsx)(s,{as:i,..._,ref:e,className:C,style:w,children:t})}var m,h;function g(){return(g=e((()=>{m=t(),i(),o(),d(),h=n(),p.displayName=`GridItem`,p.__docgenInfo={description:``,methods:[],displayName:`GridItem`,props:{area:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`string`}],raw:`ResponsiveValue<string>`},description:`Именованная область для размещения элемента
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-BmGorvhi.js";import{n,t as r}from"./PolymorphicComponent-NBvIz9JD.js";import{a as i,i as a,n as o,r as s,t as c}from"./GridContainer-C5r-VTTG.js";function l({ref:e,children:t,className:n=``,as:i,style:o,area:c,column:l,row:d,alignSelf:f,justifySelf:p,...m}){let h=s({alignSelf:f,justifySelf:p}),g=a({area:c,column:l,row:d}),_=[h,g.className,n].filter(Boolean).join(` `),v={...g.style,...o};return(0,u.jsx)(r,{as:i,...m,ref:e,className:_,style:v,children:t})}var u;function d(){return(d=e((()=>{n(),i(),u=t(),l.displayName=`GridItem`,l.__docgenInfo={description:``,methods:[],displayName:`GridItem`,props:{area:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`string`}],raw:`ResponsiveValue<string>`},description:`Именованная область для размещения элемента
 
 Связывает элемент с областью объявленной в GridContainer areas.
 Самый простой способ позиционирования в сложных макетах.
@@ -49,4 +49,4 @@ CSS-значение для grid-row: начало / конец.
 Используется для специфического оформления конкретных ячеек сетки.`,defaultValue:{value:`""`,computed:!1}},style:{required:!1,tsType:{name:`CSSProperties`},description:`Инлайн-стили
 
 JavaScript-объект с CSS-свойствами для тонкого контроля над стилями элемента.
-Особенно полезно для динамических расчетов позиционирования или анимаций.`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}var _;function v(){return(v=e((()=>{u(),g(),_={Container:f,Item:p}})))()}export{v as n,_ as t};
+Особенно полезно для динамических расчетов позиционирования или анимаций.`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}var f;function p(){return(p=e((()=>{o(),d(),f={Container:c,Item:l}})))()}export{p as n,f as t};