@ryuzaki13/react-foundation-ui 3.5.0 → 3.7.0

package/storybook-static/assets/FormattedTableCell-DZM2eYz5.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-C-51hrK9.js";import{n as i,t as a}from"./circle-check-DZ3A5xhF.js";import{i as o,n as s,r as c,t as l}from"./info-CgVG4e4u.js";import{n as u,r as d,t as f}from"./sortable-CSXMP4VV.js";import{n as p}from"./iframe-DfqtMMgG.js";import{C as m,S as h,b as g,c as _,f as v,l as ee,m as te,p as ne,u as re,v as y,w as b,x as ie,y as ae}from"./odata-BGOCt2tD.js";import{a as x,i as S,n as oe}from"./utils-tg3ibbzi.js";import{a as C,i as se,t as w}from"./array-D-_yMMUK-DnJ_b27D.js";import{h as T,l as E,y as D}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{i as ce,n as le,r as ue,t as de}from"./NoData-BlGdaWe6.js";import{n as fe,t as pe}from"./GridContainer-wl6R6ToY.js";import{c as O,m as k,n as me,o as A,p as he,r as j}from"./hooks-DovKTAOG.js";import{i as M,r as ge}from"./useTable-CK68Q4S4.js";import{n as N,t as _e}from"./Scrollable-C7dBSd5R.js";import{n as ve,t as ye}from"./ContextMenu-wBO-KcfV.js";import{At as P,Mt as F}from"./tableFeatures-Dx3U-F9E.js";var I,L,be,xe,Se,Ce,we,R;function Te(){return(Te=e((()=>{I=`UMTbLD`,L=`cz57Fx`,be=`oPzAxu`,xe=`MBu26r`,Se=`_03z-1l`,Ce=`_0RqsqJ`,we=`mXkUoM`,R={stateWrapper:I,status:L,information:be,success:xe,warning:Se,error:Ce,state:we}})))()}function Ee({state:e}){switch(e){case`error`:return(0,z.jsx)(De,{});case`warning`:return(0,z.jsx)(Oe,{});case`success`:return(0,z.jsx)(ke,{});case`information`:return(0,z.jsx)(Ae,{});default:return null}}function De(){return(0,z.jsx)(c,{className:x(R.state,R.error)})}function Oe(){return(0,z.jsx)(r,{className:x(R.state,R.warning)})}function ke(){return(0,z.jsx)(a,{className:x(R.state,R.success)})}function Ae(){return(0,z.jsx)(l,{className:x(R.state,R.information)})}var z;function je(){return(je=e((()=>{S(),n(),i(),o(),s(),Te(),z=p(),Ee.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},De.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Oe.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},ke.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},Ae.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}var Me,Ne;function Pe(){return(Pe=e((()=>{Me=`YJUVjb`,Ne={resizeHandle:Me}})))()}function Fe(e,t){let n=e.closest(`th`)?.getBoundingClientRect().width;return m(typeof n==`number`&&Number.isFinite(n)?n:t,t)}function Ie({columnId:e,className:t,minWidth:n,keyboardStep:r=Re,ariaLabel:i=`Изменить ширину колонки`,getStartWidth:a,onResize:o,onResizeEnd:s,onReset:c}){let l=n??60,u=(0,B.useRef)(0),d=(0,B.useRef)(0),f=(0,B.useRef)(0),p=(0,B.useRef)(!1),h=(0,B.useRef)(!1),g=t=>{let n=a?.(e,t)??Fe(t,l);return m(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=m(d.current+t.clientX-u.current,l);f.current=n,h.current=!0,o(e,n),t.preventDefault(),t.stopPropagation()},ee=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,Le.jsx)(`div`,{role:`separator`,"aria-label":i,"aria-orientation":`vertical`,tabIndex:0,onPointerDown:_,onPointerMove:v,onPointerUp:ee,onPointerCancel:ee,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=m(i+n*r,l);o(e,a),s?.(e,a)},onDoubleClick:t=>{t.preventDefault(),t.stopPropagation(),c?.(e)},className:x(Ne.resizeHandle,t)})}var B,Le,Re;function ze(){return(ze=e((()=>{B=t(),g(),S(),Pe(),Le=p(),Re=8,Ie.__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 Be(e,t){return typeof e==`function`?e(t):e}function Ve({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:m}=O({id:e,disabled:n}),h=p?m.current?.width:void 0,g={transform:he.Translate.toString(f),zIndex:p?`calc(var(--z-header) + 1)`:void 0,...h?{width:h,minWidth:h}:{},...o},_={attributes:c,listeners:l,setActivatorElement:u,disabled:n,isDragging:p};return(0,V.jsxs)(`th`,{...s,ref:d,className:x(a,p&&r),style:g,children:[Be(t,_),i?(0,V.jsx)(Ie,{...i}):null]})}var V;function He(){return(He=e((()=>{A(),k(),S(),ze(),V=p(),Ve.__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 Ue(e){return{start:Array.from(new Set((e?.start??[]).filter(e=>typeof e==`string`&&e.trim().length>0))),end:[]}}function We(e,t){let n=t?.[e.id];if(typeof n==`number`&&Number.isFinite(n)&&n>0)return`${Math.floor(n)}px`;let r=v(e.columnDef)?.width??4;return typeof r==`number`&&(r=Math.max(r,4)),ae(r)}function H(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=w(t.columnPinning.start,i),o=w(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=y({ids:c,order:t.columnOrder});return C([...a,...l,...o],r)}function Ge(e,t){let n=H(e,t),r=new Map(n.map(e=>[e.id,e]));return h({ids:n.map(e=>e.id),getWidth:e=>{let n=r.get(e);return n?We(n,t.columnSizing):`0px`}}).flatMap(e=>{let t=r.get(e.id);return t?[{...e,column:t}]:[]})}function Ke(e,t){let n={},r=[];for(let i of H(e,t))i.getIsPinned()===`start`&&(n[i.id]=qe(r),r.push(We(i,t.columnSizing)));return n}function qe(e){return e.length===0?`0px`:e.length===1?e[0]:`calc(${e.join(` + `)})`}function U(){return(U=e((()=>{se(),g()})))()}function Je(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 Ye(e){return`cell`in e&&e.cell!=null}function Xe(e,t){for(let n of e){if(`columns`in n&&Array.isArray(n.columns)&&n.columns.length>0){Xe(n.columns,t);continue}t(n)}}function Ze(e){let t={},n=new Set;return Xe(e,e=>{let r=Je(e);if(!r)return;Ye(e)&&n.add(r);let i=_(e);i&&(t[r]={...i,id:i.id??r,role:i.role??`dimension`,type:i.type??`string`})}),{runtimeByColumnId:E(t),customCellColumnIds:n}}function Qe(e){return!e.customCellColumnIds.has(e.columnId)&&!!e.runtimeByColumnId[e.columnId]}function $e(){return($e=e((()=>{T(),g()})))()}function et(e){return e!=null&&e!==``}function tt(e,t){return e.map(e=>({row:e,boundaryKey:t(e),cellByColumnId:new Map(e.getVisibleCells().map(e=>[e.column.id,e]))}))}function nt({rows:e,columns:t,resolveRowBoundaryKey:n=()=>`__all_rows__`,excludeColumnIds:r}){let i=t.filter(e=>!r?.has(e.id)&&v(e.columnDef)?.mergeDuplicates===!0);if(e.length===0||i.length===0)return new Map;let a=tt(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||!et(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 rt(){return(rt=e((()=>{g()})))()}function it({columnOrder:e,defaultColumnOrder:t,onColumnOrderChange:n}){let[r,i]=(0,W.useState)(void 0),a=(0,W.useMemo)(()=>b(e??r??t),[e,t,r]);return{columnOrder:a,onColumnOrderChange:(0,W.useCallback)(t=>{let r=b(P(t,a));e===void 0&&i(r),n?.(r)},[e,n,a])}}var W;function at(){return(at=e((()=>{W=t(),g(),F()})))()}function ot({columnPinning:e,defaultColumnPinning:t,onColumnPinningChange:n}){let[r,i]=(0,G.useState)(void 0),a=(0,G.useMemo)(()=>Ue(e??r??t),[e,t,r]);return{columnPinning:a,onColumnPinningChange:(0,G.useCallback)(t=>{let r={start:Ue(P(t,a)).start};e===void 0&&i(r),n?.(r)},[e,n,a])}}var G;function st(){return(st=e((()=>{G=t(),F(),U()})))()}function ct({columnSizing:e,defaultColumnSizing:t,columnResizeMinWidth:n,onColumnSizingChange:r}){let[i,a]=(0,K.useState)(void 0),o=(0,K.useMemo)(()=>te(e??i??t,n),[n,e,t,i]);return{columnSizing:o,onColumnSizingChange:(0,K.useCallback)(t=>{let i=te(P(t,o),n);e===void 0&&a(i),r?.(i)},[n,e,r,o])}}var K;function lt(){return(lt=e((()=>{K=t(),g(),F()})))()}function ut({columnVisibility:e,defaultColumnVisibility:t,onColumnVisibilityChange:n}){let[r,i]=(0,q.useState)(void 0),a=(0,q.useMemo)(()=>e??r??t??{},[e,t,r]);return{columnVisibility:a,onColumnVisibilityChange:(0,q.useCallback)(t=>{let r=P(t,a);e===void 0&&i(r),n?.(r)},[e,n,a])}}var q;function dt(){return(dt=e((()=>{q=t(),F()})))()}var ft;function pt(){return(pt=e((()=>{k(),ft=e=>{let{transform:t}=e;return{...t,y:0}}})))()}var mt,ht,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,J;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`,J={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,Y.jsx)(Ve,{columnId:e.column.id,colSpan:e.colSpan,dragDisabled:!o||i,draggingClassName:J.headerCellDragging,className:x(J.headerCell,t&&J.headerCellPinnedStart,r&&J.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,Y.jsx)(`div`,{ref:o&&!i?n:void 0,className:x(J.headerCellContent,o&&!i&&J.headerCellDraggable),...o&&!i?t??{}:{},children:c(e)})})}var Y;function It(){return(It=e((()=>{S(),He(),Pt(),Y=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 Lt(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 Rt(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)=>Lt(e,t)-Lt(n,t)))}function zt(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 Bt(e,t){let n=e.getAllLeafColumns().map(e=>e.id);return y({ids:n,order:t.columnOrder})}function Vt({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:m,getRowClassName:h,getCellClassName:g,getCellStyle:_,getCellLayout:te,renderCellContent:y,renderHeaderContextMenu:b,enableColumnResizing:ae=!1,enableColumnReordering:S=!1,columnResizeMinWidth:C,afterTableContent:se}){let w=Ge(e,t),T=(0,X.useMemo)(()=>w.map(e=>e.column),[w]),E=(0,X.useMemo)(()=>w.map(e=>e.id),[w]),D=(0,X.useMemo)(()=>new Map(E.map((e,t)=>[e,t])),[E]),ce=(0,X.useMemo)(()=>new Set(E),[E]),le=me({activationDistance:8}),fe=Rt(e,D),O=Ke(e,t),k=T.filter(e=>e.getIsPinned()===`start`).at(-1)?.id,A=(0,X.useMemo)(()=>t.columnPinning.start??[],[t.columnPinning.start]),he=(0,X.useMemo)(()=>new Set(A),[A]),j=e.getRowModel(),M=!!n,N=j.rows.length>0,ve=(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]),P=(0,X.useCallback)((t,n)=>{e.setColumnSizing(e=>re(e,t,n,C))},[C,e]),F=(0,X.useCallback)(t=>{e.setColumnSizing(e=>ee(e,t))},[e]),I=(0,X.useCallback)(n=>{let r=d({event:n,items:E});if(!r)return;let i=Bt(e,t),a=ne({order:i,headerIds:E,pinnedIds:A,activeId:String(r.activeId),overId:String(r.overId)});a&&e.setColumnOrder(a)},[t,A,e,E]),L=e=>{if(e.isPlaceholder)return null;let t=ge(e.column.columnDef.header,e.getContext()),n=b?.(e);return n?(0,Z.jsxs)(ye,{children:[(0,Z.jsx)(ye.Trigger,{children:(0,Z.jsx)(`div`,{className:J.headerContextMenuTrigger,tabIndex:0,children:t})}),(0,Z.jsx)(ye.Content,{children:n})]}):t},be=(e,t)=>{!(m?.(t)??!!p)||!p||ie(e.target,u)||p(t)},xe=(e,t)=>{!(m?.(t)??!!p)||!p||ie(e.target,u)||oe(e,()=>p(t))};return(0,Z.jsxs)(pe,{templateRows:M?`auto 1fr`:`1fr`,className:x(`overflowHidden w100 h100`,J.root,a),style:{minHeight:o},children:[M&&(0,Z.jsx)(`h3`,{className:`marginBottomXs`,children:n}),(0,Z.jsxs)(`div`,{className:`surface0 overflowHidden relative w100 h100`,children:[(0,Z.jsx)(_e,{ref:l,className:`w100 h100`,children:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`table`,{className:x(J.table,s),children:[(0,Z.jsx)(`colgroup`,{children:w.map(e=>(0,Z.jsx)(`col`,{style:e.width?{width:e.width}:void 0},e.id))}),(0,Z.jsx)(`thead`,{className:x(`stickyTop`,J.head),children:S?(0,Z.jsx)(f.Root,{sensors:le,modifiers:[ft],onDragEnd:I,children:(0,Z.jsx)(f.Container,{containerId:`base-table-header`,items:E,layout:`horizontal`,children:fe.map((e,t)=>(0,Z.jsx)(`tr`,{className:J.headerRow,children:e.map(e=>{let{isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r}=zt(e,O,k),i=e.isPlaceholder||!ce.has(e.column.id)||he.has(e.column.id);return(0,Z.jsx)(Ft,{header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:i,enableColumnResizing:ae,enableColumnReordering:S,columnResizeMinWidth:C,renderHeaderContent:L,onResizeColumn:P,onResetColumnWidth:F},e.id)})},`header-group-${t}`))})}):fe.map((e,t)=>(0,Z.jsx)(`tr`,{className:J.headerRow,children:e.map(e=>{let{isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r}=zt(e,O,k);return(0,Z.jsx)(Ft,{header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:!0,enableColumnResizing:ae,enableColumnReordering:S,columnResizeMinWidth:C,renderHeaderContent:L,onResizeColumn:P,onResetColumnWidth:F},e.id)})},`header-group-${t}`))}),(0,Z.jsxs)(`tbody`,{children:[j.rows.map(e=>{let t=m?.(e)??!!p;return(0,Z.jsx)(`tr`,{className:x(J.bodyRow,t&&J.bodyRowInteractive,e.getIsSelected()&&J.bodyRowSelected,h?.(e)),"aria-selected":c===`none`?void 0:e.getIsSelected(),tabIndex:t?0:void 0,onClick:t=>be(t,e),onKeyDown:t=>xe(t,e),children:ve([...e.getStartVisibleCells(),...e.getCenterVisibleCells(),...e.getEndVisibleCells()]).map(t=>{let n=v(t.column.columnDef),r=ge(t.column.columnDef.cell,t.getContext()),i={row:e,cell:t,defaultContent:r,columnMeta:n},a=te?.(i),o=t.column.getIsPinned()===`start`,s=t.column.id===k,c={...n?.align?{textAlign:n.align}:{},...o?{insetInlineStart:O[t.column.id]??`0px`}:{},..._?.(i)??{}};return(0,Z.jsx)(`td`,{className:x(J.bodyCell,o&&J.bodyCellPinnedStart,s&&J.pinnedStartBoundary,a?.mergeWithNext&&J.bodyCellMergedWithNext,g?.(i)),style:c,children:a?.hideContent?null:y?y(i):r},t.id)})},e.id)}),i&&N&&(0,Z.jsx)(`tr`,{className:J.fetchingRow,children:(0,Z.jsx)(`td`,{colSpan:Math.max(T.length,1),className:J.feedbackCell,children:(0,Z.jsx)(ue,{})})})]})]}),se]})}),(0,Z.jsxs)(`div`,{className:`absolute inset0 border`,style:{pointerEvents:`none`,zIndex:20},children:[!r&&!i&&!N&&(0,Z.jsx)(de,{className:J.noData}),r&&!N&&(0,Z.jsx)(ue,{className:`h100 w100`})]})]})]})}var X,Z;function Ht(){return(Ht=e((()=>{X=t(),pt(),j(),g(),S(),M(),ve(),fe(),ce(),le(),N(),u(),U(),Pt(),It(),Z=p(),Vt.__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}},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:``},afterTableContent:{required:!1,tsType:{name:`ReactNode`},description:``}}}})))()}var Ut,Wt,Gt,Q;function Kt(){return(Kt=e((()=>{Ut=`jPPyP7`,Wt=`Oa7e5P`,Gt=`KhQtgF`,Q={formattedCellValue:Ut,formattedCell:Wt,formattedCellInner:Gt}})))()}function qt({displayValue:e,align:t=`left`}){let n=(0,Jt.useRef)(null),r=e.showValue,i=e.showIcon?e.icon:void 0,a=r&&e.value!=null?String(e.value):``,o=D(e.state),s=t===`right`?`flex-end`:t===`center`?`center`:`flex-start`,c=t===`center`?`center`:t===`right`?`right`:`left`;return(0,Jt.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:x(Q.formattedCell,o),children:(0,$.jsxs)(`div`,{className:Q.formattedCellInner,style:{justifyContent:s},children:[e.iconPosition===`left`?(0,$.jsx)(Ee,{state:i}):null,r?(0,$.jsx)(`span`,{ref:n,className:x(`textOverflow`,Q.formattedCellValue),style:{textAlign:c},children:a}):null,e.iconPosition===`right`?(0,$.jsx)(Ee,{state:i}):null]})})}var Jt,$;function Yt(){return(Yt=e((()=>{Jt=t(),T(),S(),je(),Kt(),$=p(),qt.__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{Qe as _,dt as a,ct as c,at as d,it as f,$e as g,Ze as h,Ht as i,st as l,rt as m,Yt as n,ut as o,nt as p,Vt as r,lt as s,qt as t,ot as u,H as v,U as y};

package/storybook-static/assets/{Grid-CzO0Ae1r.js → Grid-CI6OKKu8.js}

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

package/storybook-static/assets/{Grid-BRnqEtg1.js → Grid-NnstE-Tl.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-woVbsQH3.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-Cw5Dm88b.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Grid.stories-DXY7Cvfu.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:C,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DfqtMMgG.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-TIr5_lNX.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Grid.stories-tklnzZVg.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:C,parameters:{docs:{toc:!0}}}),`
 `,(0,O.jsx)(u,{children:`Grid`}),`
 `,(0,O.jsx)(o,{children:`Композиция для построения grid-раскладок с управлением колонками, строками и позиционированием элементов`}),`
 `,(0,O.jsx)(t.p,{children:`Grid уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Grid.stories-DXY7Cvfu.js → Grid.stories-tklnzZVg.js}

@@ -1,17 +1,17 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-woVbsQH3.js";import{n as i,t as a}from"./Grid-CzO0Ae1r.js";var o=t({Alignment:()=>h,AutoFlow:()=>m,BasicGrid:()=>p,ComplexTemplates:()=>v,Gaps:()=>g,GridAreas:()=>y,InlineGrid:()=>x,ItemPlacement:()=>b,PredefinedVariants:()=>_,RealWorld:()=>S,Responsive:()=>C,__namedExportsOrder:()=>w,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{n(),i(),s=r(),{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,l={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`,`#54a0ff`,`#5f27cd`]},u=e=>l.itemColors[e%l.itemColors.length],d=({children:e,index:t=0,style:n})=>(0,s.jsx)(a.Item,{style:{...l.item,backgroundColor:u(t),...n},children:e}),f={title:`Layout/Grid`,component:a.Container,args:{gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=c();return(0,s.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-grid вместо grid.`,control:`boolean`},row:{description:`Автоматически размещает элементы по строкам.`,control:`boolean`},column:{description:`Автоматически размещает элементы по колонкам.`,control:`boolean`},dense:{description:`Заполняет свободные ячейки плотным auto-flow.`,control:`boolean`},gap:{description:`Общий интервал между ячейками.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},align:{description:`Выравнивание содержимого ячеек по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание содержимого ячеек по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`]},alignContent:{description:`Распределение всей сетки по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},justifyContent:{description:`Распределение всей сетки по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},templateColumns:{description:`Шаблон колонок CSS Grid.`,control:`text`},templateRows:{description:`Шаблон строк CSS Grid.`,control:`text`},autoColumns:{description:`Размер автоматически созданных колонок.`,control:`text`},autoRows:{description:`Размер автоматически созданных строк.`,control:`text`},areas:{description:`Именованные области grid-template-areas.`,control:`text`},variant:{description:`Готовый вариант раскладки.`,control:`select`,options:[`single-column`,`auto-1fr`,`auto1fr-rows-auto`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое grid-контейнера.`,control:!1}}},p={render:({children:e,...t})=>(0,s.jsx)(a.Container,{...t,templateColumns:`1fr 1fr 1fr`,style:l.container,children:e}),args:{children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]})}},m={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Row (default)`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 100px)`,templateRows:`repeat(2, 60px)`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Column`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(2, 100px)`,templateRows:`repeat(3, 60px)`,column:!0,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Dense`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 80px)`,templateRows:`repeat(3, 60px)`,dense:!0,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{gridColumn:`span 2`},children:`Span 2`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,style:{gridRow:`span 2`},children:`Span 2`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`}),(0,s.jsx)(d,{index:6,children:`7`})]})]}),args:{children:void 0}},h={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Align Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,align:e,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{height:e===`stretch`?`auto`:`5em`},children:`Short`}),(0,s.jsx)(d,{index:1,style:{height:e===`stretch`?`auto`:`10em`},children:`Tall`}),(0,s.jsx)(d,{index:2,style:{height:e===`stretch`?`auto`:`8em`},children:`Medium`})]})]},e)),(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Justify Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 20em)`,justify:e,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(d,{index:1,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(d,{index:2,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`})]})]},e))]}),args:{children:void 0}},g={render:()=>(0,s.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gap:e,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Item `,e]},e))})]},e)),(0,s.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gapRow:`lg`,gapColumn:`sm`,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},_={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)`}),(0,s.jsxs)(a.Container,{variant:`single-column`,style:{...l.container,height:`200px`},children:[(0,s.jsx)(d,{index:0,children:`Header (auto)`}),(0,s.jsx)(d,{index:1,children:`Content (1fr)`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Rows (grid-auto-rows: 1fr)`}),(0,s.jsxs)(a.Container,{variant:`auto-1fr`,templateColumns:`1fr 1fr`,style:{...l.container,height:`150px`},children:[(0,s.jsx)(d,{index:0,children:`Equal`}),(0,s.jsx)(d,{index:1,children:`Height`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)`}),(0,s.jsxs)(a.Container,{variant:`auto1fr-rows-auto`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`Label`}),(0,s.jsx)(d,{index:1,children:`Content that takes remaining space`}),(0,s.jsx)(d,{index:2,children:`Another`}),(0,s.jsx)(d,{index:3,children:`More content here`})]})]}),args:{children:void 0}},v={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Auto-fit with Minmax`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(150px, 1fr))`,gap:`md`,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Card `,e]},e))}),(0,s.jsx)(`h3`,{children:`Fixed and Flexible Columns`}),(0,s.jsxs)(a.Container,{templateColumns:`200px 1fr 100px`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`Sidebar`}),(0,s.jsx)(d,{index:1,children:`Main Content`}),(0,s.jsx)(d,{index:2,children:`Tools`})]}),(0,s.jsx)(`h3`,{children:`Masonry-like Layout`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,autoRows:`100px`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(d,{index:1,children:`Normal`}),(0,s.jsx)(d,{index:2,children:`Normal`}),(0,s.jsx)(d,{index:3,style:{gridRow:`span 3`},children:`Very Tall`}),(0,s.jsx)(d,{index:4,children:`Normal`}),(0,s.jsx)(d,{index:5,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(d,{index:6,children:`Normal`}),(0,s.jsx)(d,{index:7,children:`Normal`})]})]}),args:{children:void 0}},y={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Basic Layout with Areas`}),(0,s.jsxs)(a.Container,{areas:`
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DfqtMMgG.js";import{n as i,t as a}from"./Grid-CI6OKKu8.js";var o=t({Alignment:()=>h,AutoFlow:()=>m,BasicGrid:()=>p,ComplexTemplates:()=>v,Gaps:()=>g,GridAreas:()=>y,InlineGrid:()=>x,ItemPlacement:()=>b,PredefinedVariants:()=>_,RealWorld:()=>S,Responsive:()=>C,__namedExportsOrder:()=>w,default:()=>f});function s({children:e,index:t=0,style:n}){return(0,c.jsx)(a.Item,{style:{...u.item,backgroundColor:d(t),...n},children:e})}var c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,u={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`,`#54a0ff`,`#5f27cd`]},d=e=>u.itemColors[e%u.itemColors.length],f={title:`Layout/Grid`,component:a.Container,args:{gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=l();return(0,c.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-grid вместо grid.`,control:`boolean`},row:{description:`Автоматически размещает элементы по строкам.`,control:`boolean`},column:{description:`Автоматически размещает элементы по колонкам.`,control:`boolean`},dense:{description:`Заполняет свободные ячейки плотным auto-flow.`,control:`boolean`},gap:{description:`Общий интервал между ячейками.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},align:{description:`Выравнивание содержимого ячеек по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание содержимого ячеек по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`]},alignContent:{description:`Распределение всей сетки по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},justifyContent:{description:`Распределение всей сетки по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},templateColumns:{description:`Шаблон колонок CSS Grid.`,control:`text`},templateRows:{description:`Шаблон строк CSS Grid.`,control:`text`},autoColumns:{description:`Размер автоматически созданных колонок.`,control:`text`},autoRows:{description:`Размер автоматически созданных строк.`,control:`text`},areas:{description:`Именованные области grid-template-areas.`,control:`text`},variant:{description:`Готовый вариант раскладки.`,control:`select`,options:[`single-column`,`auto-1fr`,`auto1fr-rows-auto`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое grid-контейнера.`,control:!1}}},p={render:({children:e,...t})=>(0,c.jsx)(a.Container,{...t,templateColumns:`1fr 1fr 1fr`,style:u.container,children:e}),args:{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]})}},m={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Row (default)`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 100px)`,templateRows:`repeat(2, 60px)`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]}),(0,c.jsx)(`h3`,{children:`Column`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(2, 100px)`,templateRows:`repeat(3, 60px)`,column:!0,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]}),(0,c.jsx)(`h3`,{children:`Dense`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(4, 80px)`,templateRows:`repeat(3, 60px)`,dense:!0,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{gridColumn:`span 2`},children:`Span 2`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,style:{gridRow:`span 2`},children:`Span 2`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`}),(0,c.jsx)(s,{index:6,children:`7`})]})]}),args:{children:void 0}},h={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Align Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h4`,{children:e}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,align:e,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{height:e===`stretch`?`auto`:`5em`},children:`Short`}),(0,c.jsx)(s,{index:1,style:{height:e===`stretch`?`auto`:`10em`},children:`Tall`}),(0,c.jsx)(s,{index:2,style:{height:e===`stretch`?`auto`:`8em`},children:`Medium`})]})]},e)),(0,c.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Justify Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h4`,{children:e}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 20em)`,justify:e,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,c.jsx)(s,{index:1,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,c.jsx)(s,{index:2,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`})]})]},e))]}),args:{children:void 0}},g={render:()=>(0,c.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,c.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gap:e,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Item `,e]},e))})]},e)),(0,c.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gapRow:`lg`,gapColumn:`sm`,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},_={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)`}),(0,c.jsxs)(a.Container,{variant:`single-column`,style:{...u.container,height:`200px`},children:[(0,c.jsx)(s,{index:0,children:`Header (auto)`}),(0,c.jsx)(s,{index:1,children:`Content (1fr)`})]}),(0,c.jsx)(`h3`,{children:`Auto 1fr Rows (grid-auto-rows: 1fr)`}),(0,c.jsxs)(a.Container,{variant:`auto-1fr`,templateColumns:`1fr 1fr`,style:{...u.container,height:`150px`},children:[(0,c.jsx)(s,{index:0,children:`Equal`}),(0,c.jsx)(s,{index:1,children:`Height`})]}),(0,c.jsx)(`h3`,{children:`Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)`}),(0,c.jsxs)(a.Container,{variant:`auto1fr-rows-auto`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`Label`}),(0,c.jsx)(s,{index:1,children:`Content that takes remaining space`}),(0,c.jsx)(s,{index:2,children:`Another`}),(0,c.jsx)(s,{index:3,children:`More content here`})]})]}),args:{children:void 0}},v={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Auto-fit with Minmax`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(150px, 1fr))`,gap:`md`,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Card `,e]},e))}),(0,c.jsx)(`h3`,{children:`Fixed and Flexible Columns`}),(0,c.jsxs)(a.Container,{templateColumns:`200px 1fr 100px`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`Sidebar`}),(0,c.jsx)(s,{index:1,children:`Main Content`}),(0,c.jsx)(s,{index:2,children:`Tools`})]}),(0,c.jsx)(`h3`,{children:`Masonry-like Layout`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,autoRows:`100px`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{gridRow:`span 2`},children:`Tall`}),(0,c.jsx)(s,{index:1,children:`Normal`}),(0,c.jsx)(s,{index:2,children:`Normal`}),(0,c.jsx)(s,{index:3,style:{gridRow:`span 3`},children:`Very Tall`}),(0,c.jsx)(s,{index:4,children:`Normal`}),(0,c.jsx)(s,{index:5,style:{gridRow:`span 2`},children:`Tall`}),(0,c.jsx)(s,{index:6,children:`Normal`}),(0,c.jsx)(s,{index:7,children:`Normal`})]})]}),args:{children:void 0}},y={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Basic Layout with Areas`}),(0,c.jsxs)(a.Container,{areas:`
           "header header"
           "nav main"
           "footer footer"
-        `,templateColumns:`200px 1fr`,templateRows:`auto 1fr auto`,gap:`md`,style:{...l.container,height:`300px`},children:[(0,s.jsx)(a.Item,{area:`header`,children:(0,s.jsx)(d,{index:0,children:`Header`})}),(0,s.jsx)(a.Item,{area:`nav`,children:(0,s.jsx)(d,{index:1,children:`Navigation`})}),(0,s.jsx)(a.Item,{area:`main`,children:(0,s.jsx)(d,{index:2,children:`Main Content`})}),(0,s.jsx)(a.Item,{area:`footer`,children:(0,s.jsx)(d,{index:3,children:`Footer`})})]}),(0,s.jsx)(`h3`,{children:`Complex Areas Layout`}),(0,s.jsxs)(a.Container,{areas:`
+        `,templateColumns:`200px 1fr`,templateRows:`auto 1fr auto`,gap:`md`,style:{...u.container,height:`300px`},children:[(0,c.jsx)(a.Item,{area:`header`,children:(0,c.jsx)(s,{index:0,children:`Header`})}),(0,c.jsx)(a.Item,{area:`nav`,children:(0,c.jsx)(s,{index:1,children:`Navigation`})}),(0,c.jsx)(a.Item,{area:`main`,children:(0,c.jsx)(s,{index:2,children:`Main Content`})}),(0,c.jsx)(a.Item,{area:`footer`,children:(0,c.jsx)(s,{index:3,children:`Footer`})})]}),(0,c.jsx)(`h3`,{children:`Complex Areas Layout`}),(0,c.jsxs)(a.Container,{areas:`
           "header header header"
           "sidebar content ads"
           "sidebar footer footer"
-        `,templateColumns:`150px 1fr 120px`,templateRows:`60px 1fr 60px`,gap:`sm`,style:{...l.container,height:`350px`},children:[(0,s.jsx)(a.Item,{area:`header`,children:(0,s.jsx)(d,{index:0,children:`Header`})}),(0,s.jsx)(a.Item,{area:`sidebar`,children:(0,s.jsx)(d,{index:1,children:`Sidebar`})}),(0,s.jsx)(a.Item,{area:`content`,children:(0,s.jsx)(d,{index:2,children:`Content`})}),(0,s.jsx)(a.Item,{area:`ads`,children:(0,s.jsx)(d,{index:3,children:`Ads`})}),(0,s.jsx)(a.Item,{area:`footer`,children:(0,s.jsx)(d,{index:4,children:`Footer`})})]})]}),args:{children:void 0}},b={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Column and Row Span`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,templateRows:`repeat(3, 80px)`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{gridColumn:`span 2`},children:`Span 2 Columns`}),(0,s.jsx)(d,{index:1,children:`Normal`}),(0,s.jsx)(d,{index:2,children:`Normal`}),(0,s.jsx)(d,{index:3,style:{gridRow:`span 2`},children:`Span 2 Rows`}),(0,s.jsx)(d,{index:4,children:`Normal`}),(0,s.jsx)(d,{index:5,children:`Normal`}),(0,s.jsx)(d,{index:6,style:{gridColumn:`span 3`,gridRow:`span 2`},children:`Span 3 Columns & 2 Rows`})]}),(0,s.jsx)(`h3`,{children:`Self Alignment`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,templateRows:`repeat(2, 100px)`,gap:`sm`,style:l.container,children:[(0,s.jsx)(a.Item,{alignSelf:`start`,children:(0,s.jsx)(d,{index:0,children:`Start`})}),(0,s.jsx)(a.Item,{alignSelf:`center`,children:(0,s.jsx)(d,{index:1,children:`Center`})}),(0,s.jsx)(a.Item,{alignSelf:`end`,children:(0,s.jsx)(d,{index:2,children:`End`})}),(0,s.jsx)(a.Item,{justifySelf:`start`,children:(0,s.jsx)(d,{index:3,style:{width:`80px`},children:`Start`})}),(0,s.jsx)(a.Item,{justifySelf:`center`,children:(0,s.jsx)(d,{index:4,style:{width:`80px`},children:`Center`})}),(0,s.jsx)(a.Item,{justifySelf:`end`,children:(0,s.jsx)(d,{index:5,style:{width:`80px`},children:`End`})})]})]}),args:{children:void 0}},x={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsxs)(`p`,{children:[`This is text with`,(0,s.jsxs)(a.Container,{inline:!0,templateColumns:`repeat(2, auto)`,gap:`xs`,style:{margin:`0 8px`},children:[(0,s.jsx)(d,{index:0,children:`inline`}),(0,s.jsx)(d,{index:1,children:`grid`})]}),`elements inside.`]}),(0,s.jsxs)(`p`,{children:[`Another inline grid example:`,(0,s.jsxs)(a.Container,{inline:!0,templateColumns:`auto auto`,gap:`sm`,align:`center`,style:{margin:`0 8px`},children:[(0,s.jsx)(d,{index:2,style:{fontSize:`12px`,padding:`4px 8px`},children:`Small`}),(0,s.jsx)(d,{index:3,style:{fontSize:`12px`,padding:`4px 8px`},children:`Items`})]}),`in text flow.`]})]}),args:{children:void 0}},S={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Dashboard Layout`}),(0,s.jsxs)(a.Container,{areas:`
+        `,templateColumns:`150px 1fr 120px`,templateRows:`60px 1fr 60px`,gap:`sm`,style:{...u.container,height:`350px`},children:[(0,c.jsx)(a.Item,{area:`header`,children:(0,c.jsx)(s,{index:0,children:`Header`})}),(0,c.jsx)(a.Item,{area:`sidebar`,children:(0,c.jsx)(s,{index:1,children:`Sidebar`})}),(0,c.jsx)(a.Item,{area:`content`,children:(0,c.jsx)(s,{index:2,children:`Content`})}),(0,c.jsx)(a.Item,{area:`ads`,children:(0,c.jsx)(s,{index:3,children:`Ads`})}),(0,c.jsx)(a.Item,{area:`footer`,children:(0,c.jsx)(s,{index:4,children:`Footer`})})]})]}),args:{children:void 0}},b={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Column and Row Span`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,templateRows:`repeat(3, 80px)`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{gridColumn:`span 2`},children:`Span 2 Columns`}),(0,c.jsx)(s,{index:1,children:`Normal`}),(0,c.jsx)(s,{index:2,children:`Normal`}),(0,c.jsx)(s,{index:3,style:{gridRow:`span 2`},children:`Span 2 Rows`}),(0,c.jsx)(s,{index:4,children:`Normal`}),(0,c.jsx)(s,{index:5,children:`Normal`}),(0,c.jsx)(s,{index:6,style:{gridColumn:`span 3`,gridRow:`span 2`},children:`Span 3 Columns & 2 Rows`})]}),(0,c.jsx)(`h3`,{children:`Self Alignment`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,templateRows:`repeat(2, 100px)`,gap:`sm`,style:u.container,children:[(0,c.jsx)(a.Item,{alignSelf:`start`,children:(0,c.jsx)(s,{index:0,children:`Start`})}),(0,c.jsx)(a.Item,{alignSelf:`center`,children:(0,c.jsx)(s,{index:1,children:`Center`})}),(0,c.jsx)(a.Item,{alignSelf:`end`,children:(0,c.jsx)(s,{index:2,children:`End`})}),(0,c.jsx)(a.Item,{justifySelf:`start`,children:(0,c.jsx)(s,{index:3,style:{width:`80px`},children:`Start`})}),(0,c.jsx)(a.Item,{justifySelf:`center`,children:(0,c.jsx)(s,{index:4,style:{width:`80px`},children:`Center`})}),(0,c.jsx)(a.Item,{justifySelf:`end`,children:(0,c.jsx)(s,{index:5,style:{width:`80px`},children:`End`})})]})]}),args:{children:void 0}},x={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`p`,{children:[`This is text with`,(0,c.jsxs)(a.Container,{inline:!0,templateColumns:`repeat(2, auto)`,gap:`xs`,style:{margin:`0 8px`},children:[(0,c.jsx)(s,{index:0,children:`inline`}),(0,c.jsx)(s,{index:1,children:`grid`})]}),`elements inside.`]}),(0,c.jsxs)(`p`,{children:[`Another inline grid example:`,(0,c.jsxs)(a.Container,{inline:!0,templateColumns:`auto auto`,gap:`sm`,align:`center`,style:{margin:`0 8px`},children:[(0,c.jsx)(s,{index:2,style:{fontSize:`12px`,padding:`4px 8px`},children:`Small`}),(0,c.jsx)(s,{index:3,style:{fontSize:`12px`,padding:`4px 8px`},children:`Items`})]}),`in text flow.`]})]}),args:{children:void 0}},S={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Dashboard Layout`}),(0,c.jsxs)(a.Container,{areas:`
           "header header header"
           "stats stats sidebar"
           "chart chart sidebar"
           "table table sidebar"
-        `,templateColumns:`1fr 1fr 300px`,templateRows:`auto auto 1fr auto`,gap:`lg`,style:{...l.container,minHeight:`500px`},children:[(0,s.jsx)(a.Item,{area:`header`,children:(0,s.jsx)(d,{index:0,children:`Dashboard Header`})}),(0,s.jsx)(a.Item,{area:`stats`,children:(0,s.jsx)(d,{index:1,children:`Statistics Cards`})}),(0,s.jsx)(a.Item,{area:`chart`,children:(0,s.jsx)(d,{index:2,children:`Main Chart`})}),(0,s.jsx)(a.Item,{area:`table`,children:(0,s.jsx)(d,{index:3,children:`Data Table`})}),(0,s.jsx)(a.Item,{area:`sidebar`,children:(0,s.jsx)(d,{index:4,children:`Sidebar Widgets`})})]}),(0,s.jsx)(`h3`,{children:`Product Grid`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(auto-fill, minmax(200px, 1fr))`,autoRows:`minmax(250px, auto)`,gap:`md`,style:l.container,children:[1,2,3,4,5,6,7,8].map(e=>(0,s.jsx)(a.Item,{children:(0,s.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,height:`100%`,backgroundColor:u(e),display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`center`,color:`white`},children:[(0,s.jsxs)(`h4`,{children:[`Product `,e]}),(0,s.jsx)(`p`,{children:`Description`}),(0,s.jsx)(`button`,{style:{marginTop:`8px`,padding:`8px 16px`},children:`Buy Now`})]})},e))}),(0,s.jsx)(`h3`,{children:`Form Layout`}),(0,s.jsxs)(a.Container,{templateColumns:`auto 1fr`,autoRows:`auto`,gap:`md`,align:`center`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{justifySelf:`end`},children:`Name:`}),(0,s.jsx)(d,{index:1,children:`Input Field`}),(0,s.jsx)(d,{index:2,style:{justifySelf:`end`},children:`Email:`}),(0,s.jsx)(d,{index:3,children:`Input Field`}),(0,s.jsx)(d,{index:4,style:{justifySelf:`end`},children:`Message:`}),(0,s.jsx)(a.Item,{style:{gridColumn:`2`,alignSelf:`stretch`},children:(0,s.jsx)(d,{index:5,style:{height:`100%`},children:`Textarea`})})]})]}),args:{children:void 0}},C={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Adaptive Layout`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(min(100%, 300px), 1fr))`,gap:`lg`,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Adaptive Card `,e]},e))})]}),args:{children:void 0}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+        `,templateColumns:`1fr 1fr 300px`,templateRows:`auto auto 1fr auto`,gap:`lg`,style:{...u.container,minHeight:`500px`},children:[(0,c.jsx)(a.Item,{area:`header`,children:(0,c.jsx)(s,{index:0,children:`Dashboard Header`})}),(0,c.jsx)(a.Item,{area:`stats`,children:(0,c.jsx)(s,{index:1,children:`Statistics Cards`})}),(0,c.jsx)(a.Item,{area:`chart`,children:(0,c.jsx)(s,{index:2,children:`Main Chart`})}),(0,c.jsx)(a.Item,{area:`table`,children:(0,c.jsx)(s,{index:3,children:`Data Table`})}),(0,c.jsx)(a.Item,{area:`sidebar`,children:(0,c.jsx)(s,{index:4,children:`Sidebar Widgets`})})]}),(0,c.jsx)(`h3`,{children:`Product Grid`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(auto-fill, minmax(200px, 1fr))`,autoRows:`minmax(250px, auto)`,gap:`md`,style:u.container,children:[1,2,3,4,5,6,7,8].map(e=>(0,c.jsx)(a.Item,{children:(0,c.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,height:`100%`,backgroundColor:d(e),display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`center`,color:`white`},children:[(0,c.jsxs)(`h4`,{children:[`Product `,e]}),(0,c.jsx)(`p`,{children:`Description`}),(0,c.jsx)(`button`,{style:{marginTop:`8px`,padding:`8px 16px`},children:`Buy Now`})]})},e))}),(0,c.jsx)(`h3`,{children:`Form Layout`}),(0,c.jsxs)(a.Container,{templateColumns:`auto 1fr`,autoRows:`auto`,gap:`md`,align:`center`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{justifySelf:`end`},children:`Name:`}),(0,c.jsx)(s,{index:1,children:`Input Field`}),(0,c.jsx)(s,{index:2,style:{justifySelf:`end`},children:`Email:`}),(0,c.jsx)(s,{index:3,children:`Input Field`}),(0,c.jsx)(s,{index:4,style:{justifySelf:`end`},children:`Message:`}),(0,c.jsx)(a.Item,{style:{gridColumn:`2`,alignSelf:`stretch`},children:(0,c.jsx)(s,{index:5,style:{height:`100%`},children:`Textarea`})})]})]}),args:{children:void 0}},C={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Adaptive Layout`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(min(100%, 300px), 1fr))`,gap:`lg`,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Adaptive Card `,e]},e))})]}),args:{children:void 0}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   render: ({
     children,
     ...args

package/storybook-static/assets/{GridContainer-fKYgDsLl.js → GridContainer-wl6R6ToY.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{i as n,r as ee,t as te}from"./media-D9cE2tzi.js";var r,i,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,ne,re,ie,ae,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,oe,K,q,se,ce,le,ue,de,fe,pe,me,J;function he(){return(he=e((()=>{r=`_5Z2YQF`,i=`gAEXju`,a=`KdmGbk`,o=`uOpH1m`,s=`EOUgpE`,c=`PoMD0P`,l=`FBebhA`,u=`rwvhfS`,d=`ZIsGgj`,f=`lbAie9`,p=`ylmmN3`,m=`Fg86QU`,h=`_3qWtbZ`,g=`gIXZ8P`,_=`xXxHZM`,v=`zRgpft`,y=`Fb1W2U`,b=`_2EojT9`,x=`gYCGa5`,S=`JN0CZr`,C=`_2QvtUb`,w=`_1kRriS`,T=`ocLWZU`,E=`TS1qri`,D=`FXfvI7`,O=`biKmzi`,k=`_4-sIS7`,ne=`lbdoyi`,re=`WvAC9I`,ie=`LN4Ak-`,ae=`XC0FuJ`,A=`_6b9wZI`,j=`KevE4M`,M=`Sn-je4`,N=`Wnx9iF`,P=`RAoqm2`,F=`nUjbmv`,I=`TjTsA7`,L=`VdpzYk`,R=`peszxb`,z=`E98bqx`,B=`CdaBbu`,V=`leVL0N`,H=`_6mOZVj`,U=`XHgjM3`,W=`wtrn5A`,G=`LkIh-N`,oe=`Vhdvpo`,K=`cyg2du`,q=`Ptd1ad`,se=`Z22Yty`,ce=`gycEgN`,le=`s69iy2`,ue=`pKEJ9k`,de=`qWkZVw`,fe=`gUbUDY`,pe=`S0HulN`,me=`K2fFKT`,J={grid:r,inline:i,row:a,column:o,dense:s,gapNone:c,gapRowXs:l,gapRowSm:u,gapRowMd:d,gapRowLg:f,gapRowXl:p,gapColumnXs:m,gapColumnSm:h,gapColumnMd:g,gapColumnLg:_,gapColumnXl:v,gapXs:y,gapSm:b,gapMd:x,gapLg:S,gapXl:C,alignStart:w,alignCenter:T,alignEnd:E,alignStretch:D,alignBaseline:O,justifyStart:k,justifyCenter:ne,justifyEnd:re,justifyStretch:ie,alignContentStart:ae,alignContentCenter:A,alignContentEnd:j,alignContentStretch:M,alignContentBetween:N,alignContentAround:P,alignContentEvenly:F,justifyContentStart:I,justifyContentCenter:L,justifyContentEnd:R,justifyContentStretch:z,justifyContentBetween:B,justifyContentAround:V,justifyContentEvenly:H,item:U,areaAuto:W,alignSelfStart:G,alignSelfCenter:oe,alignSelfEnd:K,alignSelfStretch:q,alignSelfBaseline:se,justifySelfStart:ce,justifySelfCenter:le,justifySelfEnd:ue,justifySelfStretch:de,autoRows1fr:fe,columnsAuto1fr:pe,singleColumn:me}})))()}var Y,ge,_e,X,ve;function Z(){return(Z=e((()=>{Y=t(),he(),ge=e=>(0,Y.useMemo)(()=>{let t=[J.grid];return e.inline&&t.push(J.inline),e.column?t.push(J.column):e.dense?t.push(J.dense):e.row&&t.push(J.row),e.align&&t.push(J[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(J[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.justifyContent&&t.push(J[`justifyContent${e.justifyContent.charAt(0).toUpperCase()+e.justifyContent.slice(1)}`]),e.alignContent&&t.push(J[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(J.gapNone):e.gap&&t.push(J[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(J[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(J[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),e.variant===`single-column`?t.push(J.singleColumn):e.variant===`auto-1fr`?t.push(J.autoRows1fr):e.variant===`auto1fr-rows-auto`&&t.push(J.columnsAuto1fr),t.filter(Boolean).join(` `)},[e]),_e=e=>(0,Y.useMemo)(()=>{let t={};return e.templateColumns&&(t.gridTemplateColumns=e.templateColumns),e.templateRows&&(t.gridTemplateRows=e.templateRows),e.autoColumns&&(t.gridAutoColumns=e.autoColumns),e.autoRows&&(t.gridAutoRows=e.autoRows),e.areas&&(t.gridTemplateAreas=e.areas),t},[e.templateColumns,e.templateRows,e.autoColumns,e.autoRows,e.areas]),X=e=>(0,Y.useMemo)(()=>{let t=[J.item];return e.alignSelf&&t.push(J[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(J[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),ve=e=>(0,Y.useMemo)(()=>{let t={};return e.area&&(t.gridArea=e.area),e.column&&(t.gridColumn=e.column),e.row&&(t.gridRow=e.row),t},[e.area,e.column,e.row])})))()}var Q,$;function ye(){return(ye=e((()=>{Q=t(),ee(),Z(),$=(0,Q.forwardRef)(({children:e,className:t=``,as:ee,style:r,inline:i,row:a,column:o,dense:s,gap:c,gapRow:l,gapColumn:u,align:d,justify:f,alignContent:p,justifyContent:m,templateColumns:h,templateRows:g,autoColumns:_,autoRows:v,areas:y,variant:b,...x},S)=>{let{activeBreakpoint:C}=te(),w=(0,Q.useMemo)(()=>({inline:n(i,C),row:n(a,C),column:n(o,C),dense:n(s,C),gap:n(c,C),gapRow:n(l,C),gapColumn:n(u,C),align:n(d,C),justify:n(f,C),alignContent:n(p,C),justifyContent:n(m,C),variant:n(b,C)}),[C,d,p,o,s,c,u,l,i,f,m,a,b]),T=(0,Q.useMemo)(()=>({templateColumns:n(h,C),templateRows:n(g,C),autoColumns:n(_,C),autoRows:n(v,C),areas:n(y,C)}),[C,h,g,_,v,y]),E=ge(w),D=_e(T),O=[E,t].filter(Boolean).join(` `),k={...D,...r};return(0,Q.createElement)(ee||`div`,{...x,ref:S,className:O,style:k},e)}),$.displayName=`GridContainer`,$.__docgenInfo={description:``,methods:[],displayName:`GridContainer`,props:{id:{required:!1,tsType:{name:`string`},description:``},inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Включение inline-grid вместо обычного grid
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DfqtMMgG.js";import{i as r,r as ee,t as te}from"./media-D9cE2tzi.js";import{n as ne,t as re}from"./PolymorphicComponent-NBvIz9JD.js";var i,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,ie,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,ae,oe,se,ce,le,ue,de,fe,pe,me,he,ge,Y;function _e(){return(_e=e((()=>{i=`_5Z2YQF`,a=`gAEXju`,o=`KdmGbk`,s=`uOpH1m`,c=`EOUgpE`,l=`PoMD0P`,u=`FBebhA`,d=`rwvhfS`,f=`ZIsGgj`,p=`lbAie9`,m=`ylmmN3`,h=`Fg86QU`,g=`_3qWtbZ`,_=`gIXZ8P`,v=`xXxHZM`,y=`zRgpft`,b=`Fb1W2U`,x=`_2EojT9`,S=`gYCGa5`,C=`JN0CZr`,w=`_2QvtUb`,T=`_1kRriS`,E=`ocLWZU`,D=`TS1qri`,O=`FXfvI7`,ie=`biKmzi`,k=`_4-sIS7`,A=`lbdoyi`,j=`WvAC9I`,M=`LN4Ak-`,N=`XC0FuJ`,P=`_6b9wZI`,F=`KevE4M`,I=`Sn-je4`,L=`Wnx9iF`,R=`RAoqm2`,z=`nUjbmv`,B=`TjTsA7`,V=`VdpzYk`,H=`peszxb`,U=`E98bqx`,W=`CdaBbu`,G=`leVL0N`,K=`_6mOZVj`,q=`XHgjM3`,J=`wtrn5A`,ae=`LkIh-N`,oe=`Vhdvpo`,se=`cyg2du`,ce=`Ptd1ad`,le=`Z22Yty`,ue=`gycEgN`,de=`s69iy2`,fe=`pKEJ9k`,pe=`qWkZVw`,me=`gUbUDY`,he=`S0HulN`,ge=`K2fFKT`,Y={grid:i,inline:a,row:o,column:s,dense:c,gapNone:l,gapRowXs:u,gapRowSm:d,gapRowMd:f,gapRowLg:p,gapRowXl:m,gapColumnXs:h,gapColumnSm:g,gapColumnMd:_,gapColumnLg:v,gapColumnXl:y,gapXs:b,gapSm:x,gapMd:S,gapLg:C,gapXl:w,alignStart:T,alignCenter:E,alignEnd:D,alignStretch:O,alignBaseline:ie,justifyStart:k,justifyCenter:A,justifyEnd:j,justifyStretch:M,alignContentStart:N,alignContentCenter:P,alignContentEnd:F,alignContentStretch:I,alignContentBetween:L,alignContentAround:R,alignContentEvenly:z,justifyContentStart:B,justifyContentCenter:V,justifyContentEnd:H,justifyContentStretch:U,justifyContentBetween:W,justifyContentAround:G,justifyContentEvenly:K,item:q,areaAuto:J,alignSelfStart:ae,alignSelfCenter:oe,alignSelfEnd:se,alignSelfStretch:ce,alignSelfBaseline:le,justifySelfStart:ue,justifySelfCenter:de,justifySelfEnd:fe,justifySelfStretch:pe,autoRows1fr:me,columnsAuto1fr:he,singleColumn:ge}})))()}var X,ve,ye,be,xe;function Z(){return(Z=e((()=>{X=t(),_e(),ve=e=>(0,X.useMemo)(()=>{let t=[Y.grid];return e.inline&&t.push(Y.inline),e.column?t.push(Y.column):e.dense?t.push(Y.dense):e.row&&t.push(Y.row),e.align&&t.push(Y[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(Y[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.justifyContent&&t.push(Y[`justifyContent${e.justifyContent.charAt(0).toUpperCase()+e.justifyContent.slice(1)}`]),e.alignContent&&t.push(Y[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(Y.gapNone):e.gap&&t.push(Y[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(Y[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(Y[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),e.variant===`single-column`?t.push(Y.singleColumn):e.variant===`auto-1fr`?t.push(Y.autoRows1fr):e.variant===`auto1fr-rows-auto`&&t.push(Y.columnsAuto1fr),t.filter(Boolean).join(` `)},[e]),ye=e=>(0,X.useMemo)(()=>{let t={};return e.templateColumns&&(t.gridTemplateColumns=e.templateColumns),e.templateRows&&(t.gridTemplateRows=e.templateRows),e.autoColumns&&(t.gridAutoColumns=e.autoColumns),e.autoRows&&(t.gridAutoRows=e.autoRows),e.areas&&(t.gridTemplateAreas=e.areas),t},[e.templateColumns,e.templateRows,e.autoColumns,e.autoRows,e.areas]),be=e=>(0,X.useMemo)(()=>{let t=[Y.item];return e.alignSelf&&t.push(Y[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(Y[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),xe=e=>(0,X.useMemo)(()=>{let t={};return e.area&&(t.gridArea=e.area),e.column&&(t.gridColumn=e.column),e.row&&(t.gridRow=e.row),t},[e.area,e.column,e.row])})))()}function Q({ref:e,children:t,className:n=``,as:ee,style:ne,inline:i,row:a,column:o,dense:s,gap:c,gapRow:l,gapColumn:u,align:d,justify:f,alignContent:p,justifyContent:m,templateColumns:h,templateRows:g,autoColumns:_,autoRows:v,areas:y,variant:b,...x}){let{activeBreakpoint:S}=te(),C=(0,$.useMemo)(()=>({inline:r(i,S),row:r(a,S),column:r(o,S),dense:r(s,S),gap:r(c,S),gapRow:r(l,S),gapColumn:r(u,S),align:r(d,S),justify:r(f,S),alignContent:r(p,S),justifyContent:r(m,S),variant:r(b,S)}),[S,d,p,o,s,c,u,l,i,f,m,a,b]),w=(0,$.useMemo)(()=>({templateColumns:r(h,S),templateRows:r(g,S),autoColumns:r(_,S),autoRows:r(v,S),areas:r(y,S)}),[S,h,g,_,v,y]),T=ve(C),E=ye(w),D=[T,n].filter(Boolean).join(` `),O={...E,...ne};return(0,Se.jsx)(re,{as:ee,...x,ref:e,className:D,style:O,children:t})}var $,Se;function Ce(){return(Ce=e((()=>{$=t(),ee(),ne(),Z(),Se=n(),Q.displayName=`GridContainer`,Q.__docgenInfo={description:``,methods:[],displayName:`GridContainer`,props:{id:{required:!1,tsType:{name:`string`},description:``},inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Включение inline-grid вместо обычного grid
 
 Позволяет grid-контейнеру вести себя как строчный элемент,
 обтекаясь текстом и другими элементами. Полезно для встраивания grid-раскладки
@@ -109,4 +109,4 @@ autoColumns определит размер для 3-й и последующи
 JavaScript-объект с CSS-свойствами для тонкого контроля над стилями.
 Используется когда нужно динамически вычислять стили или для свойств не покрытых пропсами.
 
-Важно: инлайн-стили имеют высший приоритет, переопределяя CSS-классы.`}},composes:[`HTMLAttributes`]}})))()}export{ve as a,X as i,ye as n,Z as r,$ as t};
+Важно: инлайн-стили имеют высший приоритет, переопределяя CSS-классы.`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}export{xe as a,be as i,Ce as n,Z as r,Q as t};

package/storybook-static/assets/{ImageCropper.stories-ZnvbFN71.js → ImageCropper.stories-DFN1M8eV.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t,t as n}from"./rolldown-runtime-DkW27tQK.js";import{t as r}from"./react-BZJXY1be.js";import{n as i}from"./iframe-woVbsQH3.js";var a=n(((e,t)=>{var n=!1,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_;function v(){if(!n){n=!0;var e=navigator.userAgent,t=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),v=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(m=/\b(iPhone|iP[ao]d)/.exec(e),h=/\b(iP[ao]d)/.exec(e),f=/Android/i.exec(e),g=/FBAN\/\w+;/i.exec(e),_=/Mobile/i.exec(e),p=!!/Win64/.exec(e),t){r=t[1]?parseFloat(t[1]):t[5]?parseFloat(t[5]):NaN,r&&document&&document.documentMode&&(r=document.documentMode);var y=/(?:Trident\/(\d+.\d+))/.exec(e);c=y?parseFloat(y[1])+4:r,i=t[2]?parseFloat(t[2]):NaN,a=t[3]?parseFloat(t[3]):NaN,o=t[4]?parseFloat(t[4]):NaN,o?(t=/(?:Chrome\/(\d+\.\d+))/.exec(e),s=t&&t[1]?parseFloat(t[1]):NaN):s=NaN}else r=i=a=s=o=NaN;if(v){if(v[1]){var b=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=!b||parseFloat(b[1].replace(`_`,`.`))}else l=!1;u=!!v[2],d=!!v[3]}else l=u=d=!1}}var y={ie:function(){return v()||r},ieCompatibilityMode:function(){return v()||c>r},ie64:function(){return y.ie()&&p},firefox:function(){return v()||i},opera:function(){return v()||a},webkit:function(){return v()||o},safari:function(){return y.webkit()},chrome:function(){return v()||s},windows:function(){return v()||u},osx:function(){return v()||l},linux:function(){return v()||d},iphone:function(){return v()||m},mobile:function(){return v()||m||h||f||_},nativeApp:function(){return v()||g},android:function(){return v()||f},ipad:function(){return v()||h}};t.exports=y})),o=n(((e,t)=>{var n=!!(typeof window<`u`&&window.document&&window.document.createElement);t.exports={canUseDOM:n,canUseWorkers:typeof Worker<`u`,canUseEventListeners:n&&!!(window.addEventListener||window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n}})),s=n(((e,t)=>{var n=o(),r;n.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature(``,``)!==!0);function i(e,t){if(!n.canUseDOM||t&&!(`addEventListener`in document))return!1;var i=`on`+e,a=i in document;if(!a){var o=document.createElement(`div`);o.setAttribute(i,`return;`),a=typeof o[i]==`function`}return!a&&r&&e===`wheel`&&(a=document.implementation.hasFeature(`Events.wheel`,`3.0`)),a}t.exports=i})),c=n(((e,t)=>{var n=a(),r=s(),i=10,o=40,c=800;function l(e){var t=0,n=0,r=0,a=0;return`detail`in e&&(n=e.detail),`wheelDelta`in e&&(n=-e.wheelDelta/120),`wheelDeltaY`in e&&(n=-e.wheelDeltaY/120),`wheelDeltaX`in e&&(t=-e.wheelDeltaX/120),`axis`in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=t*i,a=n*i,`deltaY`in e&&(a=e.deltaY),`deltaX`in e&&(r=e.deltaX),(r||a)&&e.deltaMode&&(e.deltaMode==1?(r*=o,a*=o):(r*=c,a*=c)),r&&!t&&(t=r<1?-1:1),a&&!n&&(n=a<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:a}}l.getEventType=function(){return n.firefox()?`DOMMouseScroll`:r(`wheel`)?`wheel`:`mousewheel`},t.exports=l})),l=n(((e,t)=>{t.exports=c()}));function u(e){"@babel/helpers - typeof";return u=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},u(e)}function d(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function f(e){var t=d(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n,r,i,a=0){let{width:o,height:s}=O(e,t,a),c=Math.min(o,n),l=Math.min(s,r);return c>l*i?{width:l*i,height:l}:{width:c,height:c/i}}function _(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}function v(e,t,n,r,i=0){let{width:a,height:o}=O(t.width,t.height,i);return{x:y(e.x,a,n.width,r),y:y(e.y,o,n.height,r)}}function y(e,t,n,r){let i=Math.abs(t*r/2-n/2);return k(e,-i,i)}function b(e,t){return Math.sqrt((e.y-t.y)**2+(e.x-t.x)**2)}function x(e,t){return Math.atan2(t.y-e.y,t.x-e.x)*180/Math.PI}function S(e,t,n,r,i,a=0,o=!0){let s=o?C:w,c=O(t.width,t.height,a),l=O(t.naturalWidth,t.naturalHeight,a),u={x:s(100,((c.width-n.width/i)/2-e.x/i)/c.width*100),y:s(100,((c.height-n.height/i)/2-e.y/i)/c.height*100),width:s(100,n.width/c.width*100/i),height:s(100,n.height/c.height*100/i)},d=Math.round(s(l.width,u.width*l.width/100)),f=Math.round(s(l.height,u.height*l.height/100)),p=l.width>=l.height*r?{width:Math.round(f*r),height:f}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:u,croppedAreaPixels:h(h({},p),{},{x:Math.round(s(l.width-p.width,u.x*l.width/100)),y:Math.round(s(l.height-p.height,u.y*l.height/100))})}}function C(e,t){return Math.min(e,Math.max(0,t))}function w(e,t){return t}function T(e,t,n,r,i,a){let o=O(t.width,t.height,n),s=k(r.width/o.width*(100/e.width),i,a);return{crop:{x:s*o.width/2-r.width/2-o.width*s*(e.x/100),y:s*o.height/2-r.height/2-o.height*s*(e.y/100)},zoom:s}}function E(e,t,n){let r=_(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}function ee(e,t,n=0,r,i,a){let o=O(t.naturalWidth,t.naturalHeight,n),s=k(E(e,t,r),i,a),c=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((o.width-e.width)/2-e.x)*c,y:((o.height-e.height)/2-e.y)*c},zoom:s}}function D(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function te(e){return e*Math.PI/180}function O(e,t,n){let r=te(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function k(e,t,n){return Math.min(Math.max(e,t),n)}function A(...e){return e.filter(e=>typeof e==`string`&&e.length>0).join(` `).trim()}var j,M,N,P,F,I,L,R,z;function B(){return(B=t((()=>{j=e(r(),1),M=e(l(),1),N=`.reactEasyCrop_Container {
+import{a as e,n as t,t as n}from"./rolldown-runtime-DkW27tQK.js";import{t as r}from"./react-BZJXY1be.js";import{n as i}from"./iframe-DfqtMMgG.js";var a=n(((e,t)=>{var n=!1,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_;function v(){if(!n){n=!0;var e=navigator.userAgent,t=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),v=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(m=/\b(iPhone|iP[ao]d)/.exec(e),h=/\b(iP[ao]d)/.exec(e),f=/Android/i.exec(e),g=/FBAN\/\w+;/i.exec(e),_=/Mobile/i.exec(e),p=!!/Win64/.exec(e),t){r=t[1]?parseFloat(t[1]):t[5]?parseFloat(t[5]):NaN,r&&document&&document.documentMode&&(r=document.documentMode);var y=/(?:Trident\/(\d+.\d+))/.exec(e);c=y?parseFloat(y[1])+4:r,i=t[2]?parseFloat(t[2]):NaN,a=t[3]?parseFloat(t[3]):NaN,o=t[4]?parseFloat(t[4]):NaN,o?(t=/(?:Chrome\/(\d+\.\d+))/.exec(e),s=t&&t[1]?parseFloat(t[1]):NaN):s=NaN}else r=i=a=s=o=NaN;if(v){if(v[1]){var b=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=!b||parseFloat(b[1].replace(`_`,`.`))}else l=!1;u=!!v[2],d=!!v[3]}else l=u=d=!1}}var y={ie:function(){return v()||r},ieCompatibilityMode:function(){return v()||c>r},ie64:function(){return y.ie()&&p},firefox:function(){return v()||i},opera:function(){return v()||a},webkit:function(){return v()||o},safari:function(){return y.webkit()},chrome:function(){return v()||s},windows:function(){return v()||u},osx:function(){return v()||l},linux:function(){return v()||d},iphone:function(){return v()||m},mobile:function(){return v()||m||h||f||_},nativeApp:function(){return v()||g},android:function(){return v()||f},ipad:function(){return v()||h}};t.exports=y})),o=n(((e,t)=>{var n=!!(typeof window<`u`&&window.document&&window.document.createElement);t.exports={canUseDOM:n,canUseWorkers:typeof Worker<`u`,canUseEventListeners:n&&!!(window.addEventListener||window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n}})),s=n(((e,t)=>{var n=o(),r;n.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature(``,``)!==!0);function i(e,t){if(!n.canUseDOM||t&&!(`addEventListener`in document))return!1;var i=`on`+e,a=i in document;if(!a){var o=document.createElement(`div`);o.setAttribute(i,`return;`),a=typeof o[i]==`function`}return!a&&r&&e===`wheel`&&(a=document.implementation.hasFeature(`Events.wheel`,`3.0`)),a}t.exports=i})),c=n(((e,t)=>{var n=a(),r=s(),i=10,o=40,c=800;function l(e){var t=0,n=0,r=0,a=0;return`detail`in e&&(n=e.detail),`wheelDelta`in e&&(n=-e.wheelDelta/120),`wheelDeltaY`in e&&(n=-e.wheelDeltaY/120),`wheelDeltaX`in e&&(t=-e.wheelDeltaX/120),`axis`in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=t*i,a=n*i,`deltaY`in e&&(a=e.deltaY),`deltaX`in e&&(r=e.deltaX),(r||a)&&e.deltaMode&&(e.deltaMode==1?(r*=o,a*=o):(r*=c,a*=c)),r&&!t&&(t=r<1?-1:1),a&&!n&&(n=a<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:a}}l.getEventType=function(){return n.firefox()?`DOMMouseScroll`:r(`wheel`)?`wheel`:`mousewheel`},t.exports=l})),l=n(((e,t)=>{t.exports=c()}));function u(e){"@babel/helpers - typeof";return u=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},u(e)}function d(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function f(e){var t=d(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n,r,i,a=0){let{width:o,height:s}=O(e,t,a),c=Math.min(o,n),l=Math.min(s,r);return c>l*i?{width:l*i,height:l}:{width:c,height:c/i}}function _(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}function v(e,t,n,r,i=0){let{width:a,height:o}=O(t.width,t.height,i);return{x:y(e.x,a,n.width,r),y:y(e.y,o,n.height,r)}}function y(e,t,n,r){let i=Math.abs(t*r/2-n/2);return k(e,-i,i)}function b(e,t){return Math.sqrt((e.y-t.y)**2+(e.x-t.x)**2)}function x(e,t){return Math.atan2(t.y-e.y,t.x-e.x)*180/Math.PI}function S(e,t,n,r,i,a=0,o=!0){let s=o?C:w,c=O(t.width,t.height,a),l=O(t.naturalWidth,t.naturalHeight,a),u={x:s(100,((c.width-n.width/i)/2-e.x/i)/c.width*100),y:s(100,((c.height-n.height/i)/2-e.y/i)/c.height*100),width:s(100,n.width/c.width*100/i),height:s(100,n.height/c.height*100/i)},d=Math.round(s(l.width,u.width*l.width/100)),f=Math.round(s(l.height,u.height*l.height/100)),p=l.width>=l.height*r?{width:Math.round(f*r),height:f}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:u,croppedAreaPixels:h(h({},p),{},{x:Math.round(s(l.width-p.width,u.x*l.width/100)),y:Math.round(s(l.height-p.height,u.y*l.height/100))})}}function C(e,t){return Math.min(e,Math.max(0,t))}function w(e,t){return t}function T(e,t,n,r,i,a){let o=O(t.width,t.height,n),s=k(r.width/o.width*(100/e.width),i,a);return{crop:{x:s*o.width/2-r.width/2-o.width*s*(e.x/100),y:s*o.height/2-r.height/2-o.height*s*(e.y/100)},zoom:s}}function E(e,t,n){let r=_(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}function ee(e,t,n=0,r,i,a){let o=O(t.naturalWidth,t.naturalHeight,n),s=k(E(e,t,r),i,a),c=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((o.width-e.width)/2-e.x)*c,y:((o.height-e.height)/2-e.y)*c},zoom:s}}function D(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function te(e){return e*Math.PI/180}function O(e,t,n){let r=te(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function k(e,t,n){return Math.min(Math.max(e,t),n)}function A(...e){return e.filter(e=>typeof e==`string`&&e.length>0).join(` `).trim()}var j,M,N,P,F,I,L,R,z;function B(){return(B=t((()=>{j=e(r(),1),M=e(l(),1),N=`.reactEasyCrop_Container {
   position: absolute;
   top: 0;
   left: 0;

package/storybook-static/assets/{ImageRenderer-DUOhCfac.js → ImageRenderer-CsIh2Gps.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-woVbsQH3.js";function r({width:e=`100%`,height:t=`100%`,aspectRatio:n=`16 / 9`,className:r}){return(0,i.jsx)(`div`,{style:{width:e,height:t,aspectRatio:n},className:r,children:(0,i.jsx)(`svg`,{width:e,height:t,viewBox:`0 0 200 200`,xmlns:`http://www.w3.org/2000/svg`,role:`img`,fill:`none`,rx:`10`,ry:`10`,style:{display:`block`},"aria-label":`Изображение недоступно`,children:(0,i.jsxs)(`g`,{fill:`var(--surface-0)`,children:[(0,i.jsx)(`rect`,{x:`40`,y:`50`,width:`120`,height:`100`,rx:`10`}),(0,i.jsx)(`circle`,{cx:`60`,cy:`70`,r:`8`,fill:`var(--surface-2)`}),(0,i.jsx)(`path`,{d:`M50 130 L75 100 L100 130 Z`,fill:`var(--surface-2)`}),(0,i.jsx)(`path`,{d:`M90 130 L120 90 L150 130 Z`,fill:`var(--surface-2)`}),(0,i.jsx)(`line`,{x1:`160`,y1:`40`,x2:`40`,y2:`160`,stroke:`var(--surface-0)`,strokeWidth:`15`,strokeLinecap:`round`}),(0,i.jsx)(`line`,{x1:`160`,y1:`40`,x2:`40`,y2:`160`,stroke:`var(--surface-2)`,strokeWidth:`5`,strokeLinecap:`round`})]})})})}var i;function a(){return(a=e((()=>{i=n(),r.__docgenInfo={description:``,methods:[],displayName:`ImagePlaceholder`,props:{width:{required:!1,tsType:{name:`union`,raw:`number | string`,elements:[{name:`number`},{name:`string`}]},description:``,defaultValue:{value:`"100%"`,computed:!1}},height:{required:!1,tsType:{name:`union`,raw:`number | string`,elements:[{name:`number`},{name:`string`}]},description:``,defaultValue:{value:`"100%"`,computed:!1}},aspectRatio:{required:!1,tsType:{name:`union`,raw:`string | "unset"`,elements:[{name:`string`},{name:`literal`,value:`"unset"`}]},description:``,defaultValue:{value:`"16 / 9"`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function o({src:e,sources:t,alt:n,role:i,ariaLabel:a,caption:o,fallback:l,useFigure:u=!1,layout:d=`cover`,width:f=`100%`,height:p=`100%`,aspectRatio:m,intrinsicWidth:h,intrinsicHeight:g,onLoad:_,onError:v,style:y,wrapperStyle:b,...x}){let S=(0,s.useRef)(null),[C,w]=(0,s.useState)(0),[T,E]=(0,s.useState)(!1),[D,O]=(0,s.useState)(!1),[k,A]=(0,s.useState)(!1);(0,s.useEffect)(()=>{if(typeof IntersectionObserver>`u`){let e=window.setTimeout(()=>E(!0),0);return()=>window.clearTimeout(e)}let e=new IntersectionObserver(([t])=>{if(t.isIntersecting){let n=Math.round(t.boundingClientRect.width);w(n),E(!0),e.disconnect()}},{rootMargin:`100px`,threshold:.01});return S.current&&e.observe(S.current),()=>e.disconnect()},[]);let j=d===`intrinsic`,M=j?`auto`:p,N=h&&g?`${h} / ${g}`:void 0,P=j?N??m??`auto`:m??`16 / 9`,F=j&&P!==`auto`&&P!==`unset`?`100%`:M,I=C?`${C}px`:`100vw`,L=(0,c.jsx)(r,{width:f,height:F,aspectRatio:P}),R=j?{...y,display:`block`,width:`100%`,height:`auto`,objectFit:void 0}:{display:`block`,width:`100%`,height:`100%`,objectFit:d,...y},z=(0,c.jsxs)(c.Fragment,{children:[!D&&!k&&(l||L),T&&!k&&(0,c.jsxs)(`picture`,{children:[t?.map(e=>(0,c.jsx)(`source`,{srcSet:e.srcSet,type:e.type,sizes:e.sizes??I},`${e.type??`source`}-${e.srcSet}`)),(0,c.jsx)(`img`,{src:e,alt:n,role:i,"aria-label":a,onLoad:e=>{O(!0),_?.(e)},onError:e=>{A(!0),v?.(e)},style:D?R:{display:`none`},"aria-busy":!D,width:h,height:g,...x})]}),k&&L]}),B=(0,c.jsx)(`div`,{ref:S,style:{width:f,height:M,aspectRatio:P,...b},children:z});return u?(0,c.jsxs)(`figure`,{className:`relative`,children:[B,o&&(0,c.jsx)(`figcaption`,{style:{bottom:2,right:2,maxWidth:`calc(100% - 4px)`},className:`absolute paddingInlineMd textRight radiusSm fontSizeSm`,children:o})]}):B}var s,c;function l(){return(l=e((()=>{s=t(),a(),c=n(),o.__docgenInfo={description:`Базовый рендер изображения: lazy-появление, placeholder, обработка ошибки и figure/caption.
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DfqtMMgG.js";function r({width:e=`100%`,height:t=`100%`,aspectRatio:n=`16 / 9`,className:r}){return(0,i.jsx)(`div`,{style:{width:e,height:t,aspectRatio:n},className:r,children:(0,i.jsx)(`svg`,{width:e,height:t,viewBox:`0 0 200 200`,xmlns:`http://www.w3.org/2000/svg`,role:`img`,fill:`none`,rx:`10`,ry:`10`,style:{display:`block`},"aria-label":`Изображение недоступно`,children:(0,i.jsxs)(`g`,{fill:`var(--surface-0)`,children:[(0,i.jsx)(`rect`,{x:`40`,y:`50`,width:`120`,height:`100`,rx:`10`}),(0,i.jsx)(`circle`,{cx:`60`,cy:`70`,r:`8`,fill:`var(--surface-2)`}),(0,i.jsx)(`path`,{d:`M50 130 L75 100 L100 130 Z`,fill:`var(--surface-2)`}),(0,i.jsx)(`path`,{d:`M90 130 L120 90 L150 130 Z`,fill:`var(--surface-2)`}),(0,i.jsx)(`line`,{x1:`160`,y1:`40`,x2:`40`,y2:`160`,stroke:`var(--surface-0)`,strokeWidth:`15`,strokeLinecap:`round`}),(0,i.jsx)(`line`,{x1:`160`,y1:`40`,x2:`40`,y2:`160`,stroke:`var(--surface-2)`,strokeWidth:`5`,strokeLinecap:`round`})]})})})}var i;function a(){return(a=e((()=>{i=n(),r.__docgenInfo={description:``,methods:[],displayName:`ImagePlaceholder`,props:{width:{required:!1,tsType:{name:`union`,raw:`number | string`,elements:[{name:`number`},{name:`string`}]},description:``,defaultValue:{value:`"100%"`,computed:!1}},height:{required:!1,tsType:{name:`union`,raw:`number | string`,elements:[{name:`number`},{name:`string`}]},description:``,defaultValue:{value:`"100%"`,computed:!1}},aspectRatio:{required:!1,tsType:{name:`union`,raw:`string | "unset"`,elements:[{name:`string`},{name:`literal`,value:`"unset"`}]},description:``,defaultValue:{value:`"16 / 9"`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function o({src:e,sources:t,alt:n,role:i,ariaLabel:a,caption:o,fallback:l,useFigure:u=!1,layout:d=`cover`,width:f=`100%`,height:p=`100%`,aspectRatio:m,intrinsicWidth:h,intrinsicHeight:g,onLoad:_,onError:v,style:y,wrapperStyle:b,...x}){let S=(0,s.useRef)(null),[C,w]=(0,s.useState)(0),[T,E]=(0,s.useState)(!1),[D,O]=(0,s.useState)(!1),[k,A]=(0,s.useState)(!1);(0,s.useEffect)(()=>{if(typeof IntersectionObserver>`u`){let e=window.setTimeout(()=>E(!0),0);return()=>window.clearTimeout(e)}let e=new IntersectionObserver(([t])=>{if(t.isIntersecting){let n=Math.round(t.boundingClientRect.width);w(n),E(!0),e.disconnect()}},{rootMargin:`100px`,threshold:.01});return S.current&&e.observe(S.current),()=>e.disconnect()},[]);let j=d===`intrinsic`,M=j?`auto`:p,N=h&&g?`${h} / ${g}`:void 0,P=j?N??m??`auto`:m??`16 / 9`,F=j&&P!==`auto`&&P!==`unset`?`100%`:M,I=C?`${C}px`:`100vw`,L=(0,c.jsx)(r,{width:f,height:F,aspectRatio:P}),R=j?{...y,display:`block`,width:`100%`,height:`auto`,objectFit:void 0}:{display:`block`,width:`100%`,height:`100%`,objectFit:d,...y},z=(0,c.jsxs)(c.Fragment,{children:[!D&&!k&&(l||L),T&&!k&&(0,c.jsxs)(`picture`,{children:[t?.map(e=>(0,c.jsx)(`source`,{srcSet:e.srcSet,type:e.type,sizes:e.sizes??I},`${e.type??`source`}-${e.srcSet}`)),(0,c.jsx)(`img`,{src:e,alt:n,role:i,"aria-label":a,onLoad:e=>{O(!0),_?.(e)},onError:e=>{A(!0),v?.(e)},style:D?R:{display:`none`},"aria-busy":!D,width:h,height:g,...x})]}),k&&L]}),B=(0,c.jsx)(`div`,{ref:S,style:{width:f,height:M,aspectRatio:P,...b},children:z});return u?(0,c.jsxs)(`figure`,{className:`relative`,children:[B,o&&(0,c.jsx)(`figcaption`,{style:{bottom:2,right:2,maxWidth:`calc(100% - 4px)`},className:`absolute paddingInlineMd textRight radiusSm fontSizeSm`,children:o})]}):B}var s,c;function l(){return(l=e((()=>{s=t(),a(),c=n(),o.__docgenInfo={description:`Базовый рендер изображения: lazy-появление, placeholder, обработка ошибки и figure/caption.
 Компонент не знает, как устроено хранилище и какие форматы/размеры доступны.`,methods:[],displayName:`ImageRenderer`,props:{src:{required:!0,tsType:{name:`string`},description:``},sources:{required:!1,tsType:{name:`unknown`},description:``},layout:{required:!1,tsType:{name:`union`,raw:`"cover" | "contain" | "intrinsic"`,elements:[{name:`literal`,value:`"cover"`},{name:`literal`,value:`"contain"`},{name:`literal`,value:`"intrinsic"`}]},description:``,defaultValue:{value:`"cover"`,computed:!1}},alt:{required:!1,tsType:{name:`string`},description:``},role:{required:!1,tsType:{name:`string`},description:``},ariaLabel:{required:!1,tsType:{name:`string`},description:``},caption:{required:!1,tsType:{name:`string`},description:``},fallback:{required:!1,tsType:{name:`ReactNode`},description:``},useFigure:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},aspectRatio:{required:!1,tsType:{name:`union`,raw:`string | "unset"`,elements:[{name:`string`},{name:`literal`,value:`"unset"`}]},description:``},width:{required:!1,tsType:{name:`CSSProperties["width"]`,raw:`CSSProperties["width"]`},description:``,defaultValue:{value:`"100%"`,computed:!1}},height:{required:!1,tsType:{name:`CSSProperties["height"]`,raw:`CSSProperties["height"]`},description:``,defaultValue:{value:`"100%"`,computed:!1}},intrinsicWidth:{required:!1,tsType:{name:`number`},description:``},intrinsicHeight:{required:!1,tsType:{name:`number`},description:``},wrapperStyle:{required:!1,tsType:{name:`CSSProperties`},description:``}},composes:[`Omit`]}})))()}export{l as n,o as t};

package/storybook-static/assets/{ImageRenderer.stories-Dj6NQm2k.js → ImageRenderer.stories-CFg_ibLF.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-woVbsQH3.js";import{n,t as r}from"./ImageRenderer-DUOhCfac.js";var i,a,o,s,c,l,u;function d(){return(d=e((()=>{n(),i=t(),{useArgs:a}=__STORYBOOK_MODULE_PREVIEW_API__,o={title:`UI/Image/ImageRenderer`,component:r,args:{src:`https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80`,alt:`Горный пейзаж`},parameters:{layout:`padded`},argTypes:{src:{description:`URL основного изображения.`,control:`text`},sources:{description:`Дополнительные responsive picture-источники.`,control:!1},layout:{description:`Режим расположения изображения внутри контейнера.`,control:`inline-radio`,options:[`cover`,`contain`,`intrinsic`]},alt:{description:`Альтернативный текст изображения.`,control:`text`},role:{description:`Семантическая роль тега изображения.`,control:`text`},ariaLabel:{description:`Явное доступное имя изображения.`,control:`text`},caption:{description:`Подпись изображения в режиме figure.`,control:`text`},fallback:{description:`Кастомный placeholder до загрузки.`,control:!1},useFigure:{description:`Оборачивает изображение в figure/figcaption.`,control:`boolean`},aspectRatio:{description:`Соотношение сторон контейнера.`,control:`text`},width:{description:`Ширина контейнера.`,control:`text`},height:{description:`Высота контейнера.`,control:`text`},intrinsicWidth:{description:`Исходная ширина изображения.`,control:`number`},intrinsicHeight:{description:`Исходная высота изображения.`,control:`number`},wrapperStyle:{description:`Inline-стили контейнера изображения.`,control:!1}}},s={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`cover`,width:`min(100%, 48rem)`,height:`24rem`}},c={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`contain`,width:`min(100%, 48rem)`,height:`24rem`,wrapperStyle:{background:`var(--surface-1)`}}},l={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`intrinsic`,intrinsicWidth:1600,intrinsicHeight:1067}},s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DfqtMMgG.js";import{n,t as r}from"./ImageRenderer-CsIh2Gps.js";var i,a,o,s,c,l,u;function d(){return(d=e((()=>{n(),i=t(),{useArgs:a}=__STORYBOOK_MODULE_PREVIEW_API__,o={title:`UI/Image/ImageRenderer`,component:r,args:{src:`https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80`,alt:`Горный пейзаж`},parameters:{layout:`padded`},argTypes:{src:{description:`URL основного изображения.`,control:`text`},sources:{description:`Дополнительные responsive picture-источники.`,control:!1},layout:{description:`Режим расположения изображения внутри контейнера.`,control:`inline-radio`,options:[`cover`,`contain`,`intrinsic`]},alt:{description:`Альтернативный текст изображения.`,control:`text`},role:{description:`Семантическая роль тега изображения.`,control:`text`},ariaLabel:{description:`Явное доступное имя изображения.`,control:`text`},caption:{description:`Подпись изображения в режиме figure.`,control:`text`},fallback:{description:`Кастомный placeholder до загрузки.`,control:!1},useFigure:{description:`Оборачивает изображение в figure/figcaption.`,control:`boolean`},aspectRatio:{description:`Соотношение сторон контейнера.`,control:`text`},width:{description:`Ширина контейнера.`,control:`text`},height:{description:`Высота контейнера.`,control:`text`},intrinsicWidth:{description:`Исходная ширина изображения.`,control:`number`},intrinsicHeight:{description:`Исходная высота изображения.`,control:`number`},wrapperStyle:{description:`Inline-стили контейнера изображения.`,control:!1}}},s={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`cover`,width:`min(100%, 48rem)`,height:`24rem`}},c={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`contain`,width:`min(100%, 48rem)`,height:`24rem`,wrapperStyle:{background:`var(--surface-1)`}}},l={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`intrinsic`,intrinsicWidth:1600,intrinsicHeight:1067}},s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   render: function Render() {
     const [args] = useArgs<ImageRendererProps>();
     return <ImageRenderer {...args} />;

package/storybook-static/assets/{ImageView.stories-QTzOsByD.js → ImageView.stories-HHd7jrjM.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-woVbsQH3.js";import{n,t as r}from"./ImageRenderer-DUOhCfac.js";function i(e){return e.map(e=>`width`in e?`${e.src} ${e.width}w`:`${e.src} ${e.density}x`).join(`, `)}function a(e,t){return(e??[]).map(e=>({srcSet:i(e.candidates),type:e.type,sizes:e.sizes??t})).filter(e=>e.srcSet.length>0)}function o(){return(o=e((()=>{})))()}function s({image:e,alt:t,sizes:n,aspectRatio:o,...s}){let l=a(e.sources,n),u=e.candidates?i(e.candidates):void 0,d=o??(e.intrinsicWidth&&e.intrinsicHeight?`${e.intrinsicWidth} / ${e.intrinsicHeight}`:void 0);return(0,c.jsx)(r,{...s,src:e.src,srcSet:u||void 0,sources:l,sizes:n,alt:t??e.alt,intrinsicWidth:e.intrinsicWidth,intrinsicHeight:e.intrinsicHeight,aspectRatio:d})}var c;function l(){return(l=e((()=>{o(),n(),c=t(),s.__docgenInfo={description:`Собирает picture/srcset из готовых URL и делегирует отображение ImageRenderer.
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DfqtMMgG.js";import{n,t as r}from"./ImageRenderer-CsIh2Gps.js";function i(e){return e.map(e=>`width`in e?`${e.src} ${e.width}w`:`${e.src} ${e.density}x`).join(`, `)}function a(e,t){return(e??[]).map(e=>({srcSet:i(e.candidates),type:e.type,sizes:e.sizes??t})).filter(e=>e.srcSet.length>0)}function o(){return(o=e((()=>{})))()}function s({image:e,alt:t,sizes:n,aspectRatio:o,...s}){let l=a(e.sources,n),u=e.candidates?i(e.candidates):void 0,d=o??(e.intrinsicWidth&&e.intrinsicHeight?`${e.intrinsicWidth} / ${e.intrinsicHeight}`:void 0);return(0,c.jsx)(r,{...s,src:e.src,srcSet:u||void 0,sources:l,sizes:n,alt:t??e.alt,intrinsicWidth:e.intrinsicWidth,intrinsicHeight:e.intrinsicHeight,aspectRatio:d})}var c;function l(){return(l=e((()=>{o(),n(),c=t(),s.__docgenInfo={description:`Собирает picture/srcset из готовых URL и делегирует отображение ImageRenderer.
 Компонент не формирует имена файлов и не знает о форматах или размерах хранилища.`,methods:[],displayName:`ImageView`,props:{image:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
 	src: string;
 	alt?: string;

package/storybook-static/assets/{ImageViewer.stories-CpnUEgZW.js → ImageViewer.stories-DgWkr466.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./ImageViewerRuntime-B1PicLUw.js","./rolldown-runtime-DkW27tQK.js","./react-BZJXY1be.js","./chevron-left-CktI1oFP.js","./iframe-woVbsQH3.js","./preload-helper-wdlQj8DP.js","./chunk-KJHJLCBK-yRlRMfNs.js","./chunk-IMSF75WX-CGYlPTyG.js","./iframe-DTZMIxtj.css","./chevron-right-CF10QSRI.js","./download-B1U5w3LU.js","./x-D2Q9PGsq.js","./react-dom-BzEl8usk.js","./utils-tg3ibbzi.js","./ImageViewerRuntime-MxAd4mC-.css"])))=>i.map(i=>d[i]);
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./preload-helper-wdlQj8DP.js";import{t as r}from"./react-BZJXY1be.js";import{n as i}from"./iframe-woVbsQH3.js";import{n as a,t as o}from"./Button-CoOZeR_z.js";function s(e){let[t,n]=(0,c.useState)(!1),r=(0,c.useCallback)(()=>n(!0),[]);return typeof document<`u`&&(e.open||t)?(0,l.jsx)(c.Suspense,{fallback:null,children:(0,l.jsx)(u,{...e,onRuntimeMounted:r})}):null}var c,l,u;function d(){return(d=e((()=>{c=r(),l=i(),t(),u=(0,c.lazy)(()=>n(()=>import(`./ImageViewerRuntime-B1PicLUw.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url)),s.__docgenInfo={description:`Управляемый полноэкранный viewer с ленивой границей vendor runtime.
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./ImageViewerRuntime-6z6zV9jF.js","./rolldown-runtime-DkW27tQK.js","./react-BZJXY1be.js","./chevron-left-SdIvDBzr.js","./iframe-DfqtMMgG.js","./preload-helper-wdlQj8DP.js","./chunk-KJHJLCBK-yRlRMfNs.js","./chunk-IMSF75WX-CGYlPTyG.js","./iframe-DTZMIxtj.css","./chevron-right-BU-pTQL2.js","./download-BIHyCgGp.js","./x-i4zUW10Y.js","./react-dom-BzEl8usk.js","./utils-tg3ibbzi.js","./ImageViewerRuntime-MxAd4mC-.css"])))=>i.map(i=>d[i]);
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./preload-helper-wdlQj8DP.js";import{t as r}from"./react-BZJXY1be.js";import{n as i}from"./iframe-DfqtMMgG.js";import{n as a,t as o}from"./Button-CV4tslOZ.js";function s(e){let[t,n]=(0,c.useState)(!1),r=(0,c.useCallback)(()=>n(!0),[]);return typeof document<`u`&&(e.open||t)?(0,l.jsx)(c.Suspense,{fallback:null,children:(0,l.jsx)(u,{...e,onRuntimeMounted:r})}):null}var c,l,u;function d(){return(d=e((()=>{c=r(),l=i(),t(),u=(0,c.lazy)(()=>n(()=>import(`./ImageViewerRuntime-6z6zV9jF.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url)),s.__docgenInfo={description:`Управляемый полноэкранный viewer с ленивой границей vendor runtime.
 YARL и его плагины загружаются только при первом открытии, а после mount runtime остаётся в React-дереве,
 чтобы закрытие успело завершить анимацию, снять inert и вернуть focus исходному trigger.`,methods:[],displayName:`ImageViewer`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},images:{required:!0,tsType:{name:`unknown`},description:``},index:{required:!1,tsType:{name:`number`},description:``},onClose:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onIndexChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(index: number) => void`,signature:{arguments:[{type:{name:`number`},name:`index`}],return:{name:`void`}}},description:``},features:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
 	readonly captions?: boolean;