@ryuzaki13/react-foundation-ui 1.1.7 → 1.1.9

package/storybook-static/assets/LayoutPicker.stories-s1valXGj.js

@@ -1,449 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BlBhvHwk.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-De5IM4sM.js";import{t as s,wt as ee}from"./lucide-react-DMR456up.js";import{n as c,t as l}from"./ui.module-wFHXkJzp.js";import{T as te,b as ne,g as re,l as ie,m as ae,r as oe,t as u}from"./picker-RP6lU_O4.js";function se(e,t){return{gridTemplateColumns:`repeat(${e.columns}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${e.rows}, minmax(${t??0}em, 1fr))`}}function d(e){return{gridColumn:`${e.column} / span ${e.columnSpan??1}`,gridRow:`${e.row} / span ${e.rowSpan??1}`}}var ce=n((()=>{})),f,le=n((()=>{f=[{id:`1x1`,label:`1x1`,columns:1,rows:1,cells:[{id:`c11`,row:1,column:1}]},{id:`1x2`,label:`1x2`,columns:2,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2}]},{id:`1x3`,label:`1x3`,columns:3,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3}]},{id:`2x1`,label:`2x1`,columns:1,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1}]},{id:`2x2`,label:`2x2`,columns:2,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2}]},{id:`2x3`,label:`2x3`,columns:3,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3}]},{id:`3x1`,label:`3x1`,columns:1,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1}]},{id:`3x2`,label:`3x2`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3`,label:`3x3`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`4x1`,label:`4x1`,columns:1,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1},{id:`c41`,row:4,column:1}]},{id:`4x2`,label:`4x2`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x3`,label:`4x3`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`2x2-l`,label:`Большая слева + две справа`,columns:2,rows:2,cells:[{id:`left`,row:1,column:1,rowSpan:2},{id:`rt`,row:1,column:2},{id:`rb`,row:2,column:2}]},{id:`2x2-r`,label:`Две слева + большая справа`,columns:2,rows:2,cells:[{id:`lt`,row:1,column:1},{id:`lb`,row:2,column:1},{id:`right`,row:1,column:2,rowSpan:2}]},{id:`2x2-t`,label:`Широкая сверху + две снизу`,columns:2,rows:2,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`bl`,row:2,column:1},{id:`br`,row:2,column:2}]},{id:`2x2-b`,label:`Две сверху + широкая снизу`,columns:2,rows:2,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`bottom`,row:2,column:1,columnSpan:2}]},{id:`3x2-t`,label:`Широкая сверху + 2x2`,columns:2,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x2-b`,label:`2x2 + широкая снизу`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`bottom`,row:3,column:1,columnSpan:2}]},{id:`3x2-m`,label:`Широкая по центру`,columns:2,rows:3,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`middle`,row:2,column:1,columnSpan:2},{id:`bl`,row:3,column:1},{id:`br`,row:3,column:2}]},{id:`3x3-l`,label:`Большая слева + 2x3 справа`,columns:3,rows:3,cells:[{id:`left`,row:1,column:1,rowSpan:3},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-r`,label:`2x3 слева + большая справа`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`right`,row:1,column:3,rowSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3-t`,label:`Широкая сверху + 2x3`,columns:3,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-b`,label:`2x3 + широкая снизу`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`bottom`,row:3,column:1,columnSpan:3}]},{id:`4x2-t`,label:`Широкая сверху + 3x2`,columns:2,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x2-b`,label:`3x2 + широкая снизу`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`bottom`,row:4,column:1,columnSpan:2}]},{id:`4x3-t`,label:`Широкая сверху + 3x3`,columns:3,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`4x3-b`,label:`3x3 + широкая снизу`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`bottom`,row:4,column:1,columnSpan:3}]}]})),p=n((()=>{ce(),le()})),m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j=n((()=>{m=`_959ulH`,h=`Ch-SZL`,g=`SmdPit`,_=`giOtGs`,v=`_57Tr0T`,y=`Tkhulr`,b=`VQlniu`,x=`wb39Kf`,S=`HGvQdT`,C=`rZuYyb`,w=`vNV6Q2`,T=`_3ytPPa`,E=`koxYU-`,D=`k8xLa2`,O=`_5pd3Bb`,k=`VrHnjN`,A={valueOverlay:m,triggerInput:h,triggerText:g,popup:_,popupLayout:v,popupBody:y,options:b,option:x,optionActive:S,optionSelected:C,optionPreviewWrap:w,optionCheck:T,preview:E,previewPlaceholder:D,previewCompact:O,previewCell:k}}));function ue({preset:e,compact:t=!1}){return(0,P.jsx)(`span`,{className:a(A.preview,t&&A.previewCompact),style:se(e),"aria-hidden":`true`,children:e.cells.map(t=>(0,P.jsx)(`span`,{className:A.previewCell,style:d(t)},`${e.id}:${t.id}`))})}function M({id:e,label:t,description:n,value:r,onChange:i,presets:o=f,disabled:s,getPresetDisabled:l,placeholder:u=de,size:se,ariaLabel:d,className:ce,triggerClassName:le,popupClassName:p,placement:m=`bottom-start`}){let h=(0,N.useRef)(null),[g,_]=(0,N.useState)(!1),v=o.findIndex(e=>e.id===r),y=v>=0?o[v]:void 0,b=y??o[0],x=y?.label??u,{activeIndex:S,context:C,floatingStyles:w,getFloatingProps:T,setReference:E,setFloating:D,setOptionRef:O,close:k,openList:j,toggleOpen:M,selectOption:fe,selectActiveOption:pe,handleReferenceKeyDown:me,handleFloatingKeyDown:F,getOptionId:I,getActiveOptionId:L}=ie({options:o,selectedIndex:v,open:g,onOpenChange:_,getOptionDisabled:l,onSelect:e=>i(e.id),disabled:s,placement:m,triggerMode:`display`}),R=oe({mode:`display`,open:g,currentQuery:``,hasDisplayValue:y!==void 0,inputRef:h,openList:j,close:k,toggleOpen:M}),z=e=>{h.current=e};return(0,P.jsx)(te,{id:e,label:t,description:n,disabled:s,placeholder:u,size:se,className:ce,children:({controlId:e,labelId:t,describedBy:n})=>{let r=`${e}-listbox`;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(ae,{ref:z,rootRef:E,id:e,type:`button`,disabled:s,readOnly:!0,autoComplete:`off`,role:`combobox`,value:x,"aria-haspopup":`listbox`,"aria-expanded":g,"aria-controls":g?r:void 0,"aria-labelledby":t,"aria-describedby":n,"aria-autocomplete":`none`,"aria-activedescendant":g?L(r):void 0,"aria-label":t?void 0:d??`Выбрать layout. Текущее значение: ${x}`,"data-ui":`layout-picker-trigger`,rootClassName:le,inputClassName:A.triggerInput,overlay:(0,P.jsxs)(`div`,{className:A.valueOverlay,children:[b?(0,P.jsx)(ue,{preset:b,compact:!0}):(0,P.jsx)(`span`,{className:A.previewPlaceholder}),(0,P.jsx)(`span`,{className:a(A.triggerText,!y&&c.uiPlaceholder),children:x})]}),endAdornment:(0,P.jsx)(re,{open:g,disabled:s,onToggleMouseDown:R.handleToggleMouseDown,onToggleClick:R.handleToggleClick,openAriaLabel:`Открыть список layout`,closeAriaLabel:`Закрыть список layout`}),onClick:R.handleTriggerClick,onFocus:e=>{R.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{me(e),!e.defaultPrevented&&R.handleTriggerKeyDown({event:e,onActivateWhenOpen:pe,enableSpaceActivation:!0})}}),(0,P.jsx)(ne,{open:g,context:C,floatingStyles:w,listId:r,labelId:t,descriptionId:n,activeOptionId:L(r),setFloating:D,getFloatingProps:T,onKeyDown:F,className:a(c.uiPopupOptions,A.popup,p),layoutClassName:A.popupLayout,bodyClassName:A.popupBody,children:(0,P.jsx)(`div`,{className:A.options,children:o.map((e,t)=>{let n=t===v,i=t===S,o=l?.(e)??!1;return(0,P.jsxs)(`button`,{id:I(r,t),ref:e=>O(t,e),type:`button`,role:`option`,tabIndex:-1,disabled:o,"aria-selected":n,"aria-disabled":o||void 0,"aria-label":e.description?`${e.label}. ${e.description}`:e.label,className:a(A.option,n&&A.optionSelected,i&&A.optionActive),"data-ui":`layout-picker-option`,"data-selected":n||void 0,onMouseDown:e=>e.preventDefault(),onClick:()=>fe(e),children:[(0,P.jsx)(`span`,{className:A.optionPreviewWrap,children:(0,P.jsx)(ue,{preset:e})}),(0,P.jsxs)(`span`,{className:`fontSizeSm`,children:[(0,P.jsx)(`span`,{children:e.label}),e.description?(0,P.jsx)(`span`,{children:e.description}):null]}),(0,P.jsx)(`span`,{className:A.optionCheck,"aria-hidden":`true`,children:n?(0,P.jsx)(ee,{}):null})]},e.id)})})})]})}})}var N,P,de,fe=n((()=>{N=t(r(),1),o(),s(),u(),l(),p(),j(),P=i(),de=`Выберите раскладку`,M.__docgenInfo={description:`Контрол выбора layout-пресета. Не хранит бизнес-логику содержимого ячеек.`,methods:[],displayName:`LayoutPicker`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите раскладку"`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},id:{required:!1,tsType:{name:`string`},description:``},presets:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`[
-	{
-		id: "1x1",
-		label: "1x1",
-		columns: 1,
-		rows: 1,
-		cells: [{ id: "c11", row: 1, column: 1 }]
-	},
-	{
-		id: "1x2",
-		label: "1x2",
-		columns: 2,
-		rows: 1,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 }
-		]
-	},
-	{
-		id: "1x3",
-		label: "1x3",
-		columns: 3,
-		rows: 1,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 }
-		]
-	},
-	{
-		id: "2x1",
-		label: "2x1",
-		columns: 1,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 }
-		]
-	},
-	{
-		id: "2x2",
-		label: "2x2",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x3",
-		label: "2x3",
-		columns: 3,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 }
-		]
-	},
-	{
-		id: "3x1",
-		label: "3x1",
-		columns: 1,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c31", row: 3, column: 1 }
-		]
-	},
-	{
-		id: "3x2",
-		label: "3x2",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x3",
-		label: "3x3",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "4x1",
-		label: "4x1",
-		columns: 1,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c41", row: 4, column: 1 }
-		]
-	},
-	{
-		id: "4x2",
-		label: "4x2",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 }
-		]
-	},
-	{
-		id: "4x3",
-		label: "4x3",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 },
-			{ id: "c43", row: 4, column: 3 }
-		]
-	},
-
-	{
-		id: "2x2-l",
-		label: "Большая слева + две справа",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "left", row: 1, column: 1, rowSpan: 2 },
-			{ id: "rt", row: 1, column: 2 },
-			{ id: "rb", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x2-r",
-		label: "Две слева + большая справа",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "lt", row: 1, column: 1 },
-			{ id: "lb", row: 2, column: 1 },
-			{ id: "right", row: 1, column: 2, rowSpan: 2 }
-		]
-	},
-	{
-		id: "2x2-t",
-		label: "Широкая сверху + две снизу",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "bl", row: 2, column: 1 },
-			{ id: "br", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x2-b",
-		label: "Две сверху + широкая снизу",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "tl", row: 1, column: 1 },
-			{ id: "tr", row: 1, column: 2 },
-			{ id: "bottom", row: 2, column: 1, columnSpan: 2 }
-		]
-	},
-
-	{
-		id: "3x2-t",
-		label: "Широкая сверху + 2x2",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x2-b",
-		label: "2x2 + широкая снизу",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "bottom", row: 3, column: 1, columnSpan: 2 }
-		]
-	},
-	{
-		id: "3x2-m",
-		label: "Широкая по центру",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "tl", row: 1, column: 1 },
-			{ id: "tr", row: 1, column: 2 },
-			{ id: "middle", row: 2, column: 1, columnSpan: 2 },
-			{ id: "bl", row: 3, column: 1 },
-			{ id: "br", row: 3, column: 2 }
-		]
-	},
-
-	{
-		id: "3x3-l",
-		label: "Большая слева + 2x3 справа",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "left", row: 1, column: 1, rowSpan: 3 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "3x3-r",
-		label: "2x3 слева + большая справа",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "right", row: 1, column: 3, rowSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x3-t",
-		label: "Широкая сверху + 2x3",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "3x3-b",
-		label: "2x3 + широкая снизу",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "bottom", row: 3, column: 1, columnSpan: 3 }
-		]
-	},
-
-	{
-		id: "4x2-t",
-		label: "Широкая сверху + 3x2",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 }
-		]
-	},
-	{
-		id: "4x2-b",
-		label: "3x2 + широкая снизу",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "bottom", row: 4, column: 1, columnSpan: 2 }
-		]
-	},
-	{
-		id: "4x3-t",
-		label: "Широкая сверху + 3x3",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 },
-			{ id: "c43", row: 4, column: 3 }
-		]
-	},
-	{
-		id: "4x3-b",
-		label: "3x3 + широкая снизу",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "bottom", row: 4, column: 1, columnSpan: 3 }
-		]
-	}
-] as const satisfies readonly LayoutPickerPreset[]`,computed:!1}},getPresetDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(preset: LayoutPickerPreset) => boolean`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	label: string;
-	description?: string;
-	columns: number;
-	rows: number;
-	cells: readonly LayoutPickerPresetCell[];
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`description`,value:{name:`string`,required:!1}},{key:`columns`,value:{name:`number`,required:!0}},{key:`rows`,value:{name:`number`,required:!0}},{key:`cells`,value:{name:`unknown`,required:!0}}]}},name:`preset`}],return:{name:`boolean`}}},description:``},ariaLabel:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},triggerClassName:{required:!1,tsType:{name:`string`},description:``},popupClassName:{required:!1,tsType:{name:`string`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom-start"`,computed:!1}}}}})),pe=n((()=>{fe()})),me=n((()=>{p(),pe()})),F,I,L,R,z,B,he,ge,_e,V,ve=n((()=>{F=`buT8ds`,I=`vDpJVR`,L=`-GMI1h`,R=`Xgkzn9`,z=`X--lo-`,B=`W5rEjx`,he=`BgilL7`,ge=`ALGrVl`,_e=`IrqK1d`,V={canvas:F,toolbar:I,summary:L,summaryItem:R,summaryValue:z,muted:B,layoutPreview:he,layoutCell:ge,layoutCellTitle:_e}})),ye=e({Controlled:()=>q,CustomPresets:()=>Y,Disabled:()=>Q,DisabledPresets:()=>X,InToolbar:()=>Z,Placeholder:()=>J,__namedExportsOrder:()=>$,default:()=>K});function be(e,t){return t.find(t=>t.id===e)}function H({value:e,presets:t}){let n=be(e,t);return(0,W.jsxs)(`div`,{className:V.summary,"aria-live":`polite`,children:[(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`ID`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:e||`не выбрано`})]}),(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`Название`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:n?.label??`Layout не выбран`})]}),(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`Сетка`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:n?`${n.columns} x ${n.rows}`:`нет данных`})]}),(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`Ячеек`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:n?.cells.length??0})]})]})}function xe({value:e,presets:t}){let n=be(e,t);if(!n)return null;let r=n.columns,i=n.rows,a=n.cells;return(0,W.jsx)(`div`,{className:V.layoutPreview,style:{gridTemplateColumns:`repeat(${r}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${i}, minmax(0, 1fr))`},children:a.map((e,t)=>(0,W.jsxs)(`div`,{className:V.layoutCell,style:{gridColumn:`${e.column} / span ${e.columnSpan}`,gridRow:`${e.row} / span ${e.rowSpan}`},children:[(0,W.jsxs)(`span`,{className:V.layoutCellTitle,children:[`Область `,t+1]}),(0,W.jsxs)(`span`,{className:V.muted,children:[`Колонка `,e.column,`, строка `,e.row,`; span `,e.columnSpan,` x `,e.rowSpan]})]},e.id))})}function Se(){let[e,t]=(0,U.useState)(`two-columns`);return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(`div`,{className:V.toolbar,children:(0,W.jsx)(M,{label:`Layout панели`,value:e,onChange:t,ariaLabel:`Выбрать layout панели`})}),(0,W.jsx)(H,{value:e,presets:f}),(0,W.jsx)(xe,{value:e,presets:f})]})}var U,W,Ce,we,G,K,q,J,Y,X,Z,Q,$,Te=n((()=>{U=t(r(),1),me(),ve(),W=i(),{useArgs:Ce}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:we}=__STORYBOOK_MODULE_TEST__,G=[{id:`dashboard-summary`,label:`Сводка + детали`,description:`Один широкий блок сверху и две области детализации снизу.`,columns:2,rows:2,cells:[{id:`summary`,column:1,columnSpan:2,row:1,rowSpan:1},{id:`left-detail`,column:1,columnSpan:1,row:2,rowSpan:1},{id:`right-detail`,column:2,columnSpan:1,row:2,rowSpan:1}]},{id:`dashboard-main-aside`,label:`Основной блок + сайдбар`,description:`Большая рабочая область слева и вертикальная колонка справа.`,columns:3,rows:2,cells:[{id:`main`,column:1,columnSpan:2,row:1,rowSpan:2},{id:`aside-top`,column:3,columnSpan:1,row:1,rowSpan:1},{id:`aside-bottom`,column:3,columnSpan:1,row:2,rowSpan:1}]},{id:`dashboard-quad`,label:`Четыре равных блока`,description:`Плотная сетка для сравнения нескольких независимых виджетов.`,columns:2,rows:2,cells:[{id:`top-left`,column:1,columnSpan:1,row:1,rowSpan:1},{id:`top-right`,column:2,columnSpan:1,row:1,rowSpan:1},{id:`bottom-left`,column:1,columnSpan:1,row:2,rowSpan:1},{id:`bottom-right`,column:2,columnSpan:1,row:2,rowSpan:1}]}],K={title:`Shared/UI/LayoutPicker`,component:M,args:{label:`Layout панели`,description:`Выберите схему размещения областей.`,value:f[0].id,onChange:we(),presets:f,disabled:!1,placeholder:`Выберите layout`,ariaLabel:`Выбрать layout`,placement:`bottom-start`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Контролируемый выбор layout-пресета со схематичным превью. Компонент хранит только UI-состояние popup и возвращает наружу ID выбранного пресета.`}}},argTypes:{id:{description:"ID кнопки выбора. Если не передан, компонент создаёт стабильный `useId`.",control:`text`},label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},value:{description:`ID текущего выбранного layout-пресета.`,control:`text`},onChange:{description:`Вызывается с ID выбранного layout-пресета.`,control:!1},presets:{description:"Список layout-пресетов. По умолчанию используется `DEFAULT_LAYOUT_PICKER_PRESETS`.",control:!1},disabled:{description:`Блокирует кнопку выбора и открытие popup.`,control:`boolean`},getPresetDisabled:{description:`Позволяет заблокировать отдельные пресеты внутри popup.`,control:!1},placeholder:{description:"Текст в trigger, когда `value` не найден среди `presets`.",control:`text`},ariaLabel:{description:`Доступное имя trigger-кнопки. Если не передано, строится из текущего значения.`,control:`text`},size:{description:"Размер поля из общего `UiBaseProps`.",control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`},triggerClassName:{description:`Дополнительный CSS-класс trigger-кнопки.`,control:`text`},popupClassName:{description:`Дополнительный CSS-класс popup.`,control:`text`},placement:{description:`Позиционирование popup относительно trigger.`,control:`select`,options:[`bottom-start`,`bottom-end`,`top-start`,`top-end`,`right-start`,`left-start`]}}},q={args:{value:`two-rows`},name:`Контролируемый выбор`,render:function(e){let[,t]=Ce(),n=e.presets??f;return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,presets:n,onChange:n=>{e.onChange(n),t({value:n})}}),(0,W.jsx)(H,{value:e.value??``,presets:n})]})}},J={name:`Без выбранного значения`,render:e=>{let[t,n]=(0,U.useState)(``),r=e.presets??f;return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,value:t,presets:r,placeholder:`Layout ещё не выбран`,onChange:t=>{n(t),e.onChange(t)}}),(0,W.jsx)(H,{value:t,presets:r})]})},args:{value:``}},Y={name:`Кастомные пресеты`,render:e=>{let[t,n]=(0,U.useState)(G[0].id);return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,value:t,presets:G,ariaLabel:`Выбрать layout дашборда`,onChange:t=>{n(t),e.onChange(t)}}),(0,W.jsx)(H,{value:t,presets:G}),(0,W.jsx)(xe,{value:t,presets:G})]})},args:{value:G[0].id,presets:G}},X={name:`Заблокированные пресеты`,render:e=>{let[t,n]=(0,U.useState)(`single-cell`);return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,value:t,getPresetDisabled:e=>e.id===`two-columns`||e.id===`large-left-two-right`,onChange:t=>{n(t),e.onChange(t)}}),(0,W.jsx)(`div`,{className:V.muted,children:`Пресеты с двумя колонками в этом сценарии недоступны.`}),(0,W.jsx)(H,{value:t,presets:f})]})}},Z={name:`В панели настройки`,render:()=>(0,W.jsx)(Se,{})},Q={name:`Заблокированный контрол`,args:{disabled:!0,value:`two-columns`}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
-  args: {
-    value: "two-rows"
-  },
-  name: "Контролируемый выбор",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<LayoutPickerProps>();
-    const presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} presets={presets} onChange={layoutId => {
-        args.onChange(layoutId);
-        updateArgs({
-          value: layoutId
-        });
-      }} />
-                <PresetSummary value={args.value ?? ""} presets={presets} />
-            </div>;
-  }
-}`,...q.parameters?.docs?.source}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  name: "Без выбранного значения",
-  render: args => {
-    const [value, setValue] = useState("");
-    const presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} value={value} presets={presets} placeholder="Layout ещё не выбран" onChange={layoutId => {
-        setValue(layoutId);
-        args.onChange(layoutId);
-      }} />
-                <PresetSummary value={value} presets={presets} />
-            </div>;
-  },
-  args: {
-    value: ""
-  }
-}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
-  name: "Кастомные пресеты",
-  render: args => {
-    const [value, setValue] = useState<string>(dashboardPresets[0].id);
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} value={value} presets={dashboardPresets} ariaLabel="Выбрать layout дашборда" onChange={layoutId => {
-        setValue(layoutId);
-        args.onChange(layoutId);
-      }} />
-                <PresetSummary value={value} presets={dashboardPresets} />
-                <LayoutPreview value={value} presets={dashboardPresets} />
-            </div>;
-  },
-  args: {
-    value: dashboardPresets[0].id,
-    presets: dashboardPresets
-  }
-}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  name: "Заблокированные пресеты",
-  render: args => {
-    const [value, setValue] = useState("single-cell");
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} value={value} getPresetDisabled={preset => preset.id === "two-columns" || preset.id === "large-left-two-right"} onChange={layoutId => {
-        setValue(layoutId);
-        args.onChange(layoutId);
-      }} />
-                <div className={styles.muted}>Пресеты с двумя колонками в этом сценарии недоступны.</div>
-                <PresetSummary value={value} presets={DEFAULT_LAYOUT_PICKER_PRESETS} />
-            </div>;
-  }
-}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  name: "В панели настройки",
-  render: () => <ControlledExample />
-}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
-  name: "Заблокированный контрол",
-  args: {
-    disabled: true,
-    value: "two-columns"
-  }
-}`,...Q.parameters?.docs?.source}}},$=[`Controlled`,`Placeholder`,`CustomPresets`,`DisabledPresets`,`InToolbar`,`Disabled`]}));Te();export{q as Controlled,Y as CustomPresets,Q as Disabled,X as DisabledPresets,Z as InToolbar,J as Placeholder,$ as __namedExportsOrder,K as default,Te as n,ye as t};

package/storybook-static/assets/formatter-L2YTDE3Q-Cz7NqHTg.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{m as t,p as n}from"./iframe-BlBhvHwk.js";import{i as r,n as i,r as a,t as o}from"./chunk-3LY4VQVK-Dk0vkvRJ.js";var s;e((()=>{a(),i(),t(),s=(0,n(r(),1).default)(2)(async(e,t)=>e===!1?t:o(t))}))();export{s as formatter};

package/storybook-static/assets/grid-CUgqbILF.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{a as t,n,r}from"./Grid-Df08ACJK.js";var i=e((()=>{n(),t(),r()}));export{i as t};

package/storybook-static/assets/odata-service-BHLtW14i.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{P as t}from"./formatters-DO-Bplkc.js";var n=e((()=>{t()}));export{n as t};

package/storybook-static/assets/select-DDFRb6jY.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{n as t}from"./Select-B36pVYvS.js";import{n}from"./ODataSelect-3wE4Syu-.js";import{n as r}from"./SerializableSelect-CCcdn7s3.js";var i=e((()=>{n(),t(),r()}));export{i as t};

package/storybook-static/assets/ui-5r8X6Kmj.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{a as t,r as n}from"./DateInput-C4POi6jK.js";var r=e((()=>{t(),n()}));export{r as t};