@ryuzaki13/react-foundation-ui 1.0.14 → 1.0.16

package/dist/chunks/grid-ByIIytjh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-ByIIytjh.js","names":[],"sources":["../../src/grid/Grid.module.scss","../../src/grid/useGridClasses.ts","../../src/grid/GridContainer.tsx","../../src/grid/GridItem.tsx","../../src/grid/Grid.tsx"],"sourcesContent":[".grid {\n\tdisplay: grid;\n\n\t// Display variants\n\t&.inline {\n\t\tdisplay: inline-grid;\n\t\tvertical-align: middle;\n\t}\n\n\t// Auto flow\n\t&.row {\n\t\tgrid-auto-flow: row;\n\t}\n\t&.column {\n\t\tgrid-auto-flow: column;\n\t}\n\t&.dense {\n\t\tgrid-auto-flow: dense;\n\t}\n\n\t// Gap properties (аналогично Flex)\n\t&.gapNone {\n\t\tgap: unset;\n\t}\n\n\t// Row gaps\n\t&.gapRowXs {\n\t\trow-gap: var(--space-xs);\n\t}\n\t&.gapRowSm {\n\t\trow-gap: var(--space-sm);\n\t}\n\t&.gapRowMd {\n\t\trow-gap: var(--space-md);\n\t}\n\t&.gapRowLg {\n\t\trow-gap: var(--space-lg);\n\t}\n\t&.gapRowXl {\n\t\trow-gap: var(--space-xl);\n\t}\n\n\t// Column gaps\n\t&.gapColumnXs {\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapColumnSm {\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapColumnMd {\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapColumnLg {\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapColumnXl {\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\n\t// Combined gaps\n\t&.gapXs {\n\t\trow-gap: var(--space-xs);\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapSm {\n\t\trow-gap: var(--space-sm);\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapMd {\n\t\trow-gap: var(--space-md);\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapLg {\n\t\trow-gap: var(--space-lg);\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapXl {\n\t\trow-gap: var(--space-xl);\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\n\t// Align items\n\t&.alignStart {\n\t\talign-items: start;\n\t}\n\t&.alignCenter {\n\t\talign-items: center;\n\t}\n\t&.alignEnd {\n\t\talign-items: end;\n\t}\n\t&.alignStretch {\n\t\talign-items: stretch;\n\t}\n\t&.alignBaseline {\n\t\talign-items: baseline;\n\t}\n\n\t// Justify items\n\t&.justifyStart {\n\t\tjustify-items: start;\n\t}\n\t&.justifyCenter {\n\t\tjustify-items: center;\n\t}\n\t&.justifyEnd {\n\t\tjustify-items: end;\n\t}\n\t&.justifyStretch {\n\t\tjustify-items: stretch;\n\t}\n\n\t// Align content\n\t&.alignContentStart {\n\t\talign-content: start;\n\t}\n\t&.alignContentCenter {\n\t\talign-content: center;\n\t}\n\t&.alignContentEnd {\n\t\talign-content: end;\n\t}\n\t&.alignContentStretch {\n\t\talign-content: stretch;\n\t}\n\t&.alignContentBetween {\n\t\talign-content: space-between;\n\t}\n\t&.alignContentAround {\n\t\talign-content: space-around;\n\t}\n\t&.alignContentEvenly {\n\t\talign-content: space-evenly;\n\t}\n\n\t// Justify content\n\t&.justifyContentStart {\n\t\tjustify-content: start;\n\t}\n\t&.justifyContentCenter {\n\t\tjustify-content: center;\n\t}\n\t&.justifyContentEnd {\n\t\tjustify-content: end;\n\t}\n\t&.justifyContentStretch {\n\t\tjustify-content: stretch;\n\t}\n\t&.justifyContentBetween {\n\t\tjustify-content: space-between;\n\t}\n\t&.justifyContentAround {\n\t\tjustify-content: space-around;\n\t}\n\t&.justifyContentEvenly {\n\t\tjustify-content: space-evenly;\n\t}\n}\n\n// Grid Item\n.item {\n\t// Grid placement\n\t&.areaAuto {\n\t\tgrid-area: auto;\n\t}\n\n\t// Align self\n\t&.alignSelfStart {\n\t\talign-self: start;\n\t}\n\t&.alignSelfCenter {\n\t\talign-self: center;\n\t}\n\t&.alignSelfEnd {\n\t\talign-self: end;\n\t}\n\t&.alignSelfStretch {\n\t\talign-self: stretch;\n\t}\n\t&.alignSelfBaseline {\n\t\talign-self: baseline;\n\t}\n\n\t// Justify self\n\t&.justifySelfStart {\n\t\tjustify-self: start;\n\t}\n\t&.justifySelfCenter {\n\t\tjustify-self: center;\n\t}\n\t&.justifySelfEnd {\n\t\tjustify-self: end;\n\t}\n\t&.justifySelfStretch {\n\t\tjustify-self: stretch;\n\t}\n}\n\n// Предопределенные композиции\n.autoRows1fr {\n\tgrid-auto-rows: 1fr;\n}\n\n.columnsAuto1fr {\n\tgrid-template-columns: auto 1fr;\n\tgrid-auto-rows: auto;\n}\n\n.singleColumn {\n\tgrid-template-columns: 100%;\n\tgrid-auto-rows: auto 1fr;\n}\n","import { CSSProperties, useMemo } from \"react\";\n\nimport { ResolvedProps } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport styles from \"./Grid.module.scss\";\n\nimport type { GridContainerProps, GridItemProps } from \"./types\";\n\ntype ClassName = string | undefined | null | false;\n\nexport type ResolvedGridContainerProps = Omit<ResolvedProps<GridContainerProps>, \"children\" | \"className\" | \"as\" | \"style\">;\nexport type ResolvedGridItemProps = Omit<ResolvedProps<GridItemProps>, \"children\" | \"className\" | \"as\" | \"style\">;\n\nexport const useGridContainerClasses = (props: ResolvedGridContainerProps) => {\n\treturn useMemo(() => {\n\t\tconst classes: ClassName[] = [styles.grid];\n\n\t\t// Display\n\t\tif (props.inline) classes.push(styles.inline);\n\n\t\t// Auto flow\n\t\tif (props.column) classes.push(styles.column);\n\t\telse if (props.dense) classes.push(styles.dense);\n\t\telse if (props.row) classes.push(styles.row);\n\n\t\t// Alignment\n\t\tif (props.align) classes.push(styles[`align${props.align.charAt(0).toUpperCase() + props.align.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify items\n\t\tif (props.justify)\n\t\t\tclasses.push(styles[`justify${props.justify.charAt(0).toUpperCase() + props.justify.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify content\n\t\tif (props.justifyContent)\n\t\t\tclasses.push(\n\t\t\t\tstyles[\n\t\t\t\t\t`justifyContent${props.justifyContent.charAt(0).toUpperCase() + props.justifyContent.slice(1)}` as keyof typeof styles\n\t\t\t\t]\n\t\t\t);\n\n\t\t// Align content\n\t\tif (props.alignContent)\n\t\t\tclasses.push(\n\t\t\t\tstyles[`alignContent${props.alignContent.charAt(0).toUpperCase() + props.alignContent.slice(1)}` as keyof typeof styles]\n\t\t\t);\n\n\t\t// Gap properties\n\t\tif (props.gap === \"none\") classes.push(styles.gapNone);\n\t\telse if (props.gap) classes.push(styles[`gap${props.gap.charAt(0).toUpperCase() + props.gap.slice(1)}` as keyof typeof styles]);\n\n\t\tif (props.gapRow)\n\t\t\tclasses.push(styles[`gapRow${props.gapRow.charAt(0).toUpperCase() + props.gapRow.slice(1)}` as keyof typeof styles]);\n\t\tif (props.gapColumn)\n\t\t\tclasses.push(styles[`gapColumn${props.gapColumn.charAt(0).toUpperCase() + props.gapColumn.slice(1)}` as keyof typeof styles]);\n\n\t\t// Предопределенные варианты\n\t\tif (props.variant === \"single-column\") classes.push(styles.singleColumn);\n\t\telse if (props.variant === \"auto-1fr\") classes.push(styles.autoRows1fr);\n\t\telse if (props.variant === \"auto1fr-rows-auto\") classes.push(styles.columnsAuto1fr);\n\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}, [props]);\n};\n\nexport const useGridContainerStyles = (\n\tprops: Pick<ResolvedGridContainerProps, \"templateColumns\" | \"templateRows\" | \"autoColumns\" | \"autoRows\" | \"areas\">\n) => {\n\treturn useMemo(() => {\n\t\tconst styles: CSSProperties = {};\n\n\t\tif (props.templateColumns) {\n\t\t\t// if (typeof props.templateColumns === \"object\") {\n\t\t\t//     styles.gridTemplateColumns = props.templateColumns;\n\t\t\t// } else {\n\t\t\tstyles.gridTemplateColumns = props.templateColumns;\n\t\t\t// }\n\t\t}\n\t\tif (props.templateRows) {\n\t\t\tstyles.gridTemplateRows = props.templateRows;\n\t\t}\n\t\tif (props.autoColumns) {\n\t\t\tstyles.gridAutoColumns = props.autoColumns;\n\t\t}\n\t\tif (props.autoRows) {\n\t\t\tstyles.gridAutoRows = props.autoRows;\n\t\t}\n\t\tif (props.areas) {\n\t\t\tstyles.gridTemplateAreas = props.areas;\n\t\t}\n\n\t\treturn styles;\n\t}, [props.templateColumns, props.templateRows, props.autoColumns, props.autoRows, props.areas]);\n};\n\nexport const useGridItemClasses = (props: ResolvedGridItemProps) => {\n\treturn useMemo(() => {\n\t\tconst classes: ClassName[] = [styles.item];\n\n\t\t// Self alignment\n\t\tif (props.alignSelf)\n\t\t\tclasses.push(styles[`alignSelf${props.alignSelf.charAt(0).toUpperCase() + props.alignSelf.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify self\n\t\tif (props.justifySelf)\n\t\t\tclasses.push(\n\t\t\t\tstyles[`justifySelf${props.justifySelf.charAt(0).toUpperCase() + props.justifySelf.slice(1)}` as keyof typeof styles]\n\t\t\t);\n\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}, [props]);\n};\n\nexport const useGridItemStyles = (props: Pick<ResolvedGridItemProps, \"area\" | \"column\" | \"row\">) => {\n\treturn useMemo(() => {\n\t\tconst styles: CSSProperties = {};\n\n\t\tif (props.area) {\n\t\t\tstyles.gridArea = props.area;\n\t\t}\n\t\tif (props.column) {\n\t\t\tstyles.gridColumn = props.column;\n\t\t}\n\t\tif (props.row) {\n\t\t\tstyles.gridRow = props.row;\n\t\t}\n\n\t\treturn styles;\n\t}, [props.area, props.column, props.row]);\n};\n","import { createElement, forwardRef, useMemo } from \"react\";\n\nimport { resolveResponsiveValue, useMatchMedia } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport { GridContainerProps } from \"./types\";\nimport { useGridContainerClasses, useGridContainerStyles } from \"./useGridClasses\";\n\nexport const GridContainer = forwardRef<HTMLElement, GridContainerProps>(\n\t({ children, className = \"\", as, style, templateColumns, templateRows, autoColumns, autoRows, areas, ...props }, ref) => {\n\t\tconst { activeBreakpoint } = useMatchMedia();\n\n\t\tconst resolved = useMemo(() => {\n\t\t\treturn {\n\t\t\t\t...props,\n\n\t\t\t\tinline: resolveResponsiveValue(props.inline, activeBreakpoint),\n\n\t\t\t\trow: resolveResponsiveValue(props.row, activeBreakpoint),\n\t\t\t\tcolumn: resolveResponsiveValue(props.column, activeBreakpoint),\n\t\t\t\tdense: resolveResponsiveValue(props.dense, activeBreakpoint),\n\n\t\t\t\tgap: resolveResponsiveValue(props.gap, activeBreakpoint),\n\t\t\t\tgapRow: resolveResponsiveValue(props.gapRow, activeBreakpoint),\n\t\t\t\tgapColumn: resolveResponsiveValue(props.gapColumn, activeBreakpoint),\n\n\t\t\t\talign: resolveResponsiveValue(props.align, activeBreakpoint),\n\t\t\t\tjustify: resolveResponsiveValue(props.justify, activeBreakpoint),\n\t\t\t\talignContent: resolveResponsiveValue(props.alignContent, activeBreakpoint),\n\t\t\t\tjustifyContent: resolveResponsiveValue(props.justifyContent, activeBreakpoint),\n\n\t\t\t\tvariant: resolveResponsiveValue(props.variant, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, props]);\n\n\t\tconst resolvedStyles = useMemo(() => {\n\t\t\treturn {\n\t\t\t\ttemplateColumns: resolveResponsiveValue(templateColumns, activeBreakpoint),\n\t\t\t\ttemplateRows: resolveResponsiveValue(templateRows, activeBreakpoint),\n\t\t\t\tautoColumns: resolveResponsiveValue(autoColumns, activeBreakpoint),\n\t\t\t\tautoRows: resolveResponsiveValue(autoRows, activeBreakpoint),\n\t\t\t\tareas: resolveResponsiveValue(areas, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, templateColumns, templateRows, autoColumns, autoRows, areas]);\n\n\t\tconst gridClasses = useGridContainerClasses(resolved);\n\t\tconst gridStyles = useGridContainerStyles(resolvedStyles);\n\n\t\tconst finalClassName = [gridClasses, className].filter(Boolean).join(\" \");\n\t\tconst finalStyle = { ...gridStyles, ...style };\n\t\tconst Component = as || \"div\";\n\n\t\treturn createElement(\n\t\t\tComponent,\n\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\tclassName: finalClassName,\n\t\t\t\tstyle: finalStyle\n\t\t\t},\n\t\t\tchildren\n\t\t);\n\t}\n);\n\nGridContainer.displayName = \"GridContainer\";\n","import { createElement, forwardRef, useMemo } from \"react\";\n\nimport { resolveResponsiveValue, useMatchMedia } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport { GridItemProps } from \"./types\";\nimport { useGridItemClasses, useGridItemStyles } from \"./useGridClasses\";\n\nexport const GridItem = forwardRef<HTMLElement, GridItemProps>(\n\t({ children, className = \"\", as, style, area, column, row, ...props }, ref) => {\n\t\tconst { activeBreakpoint } = useMatchMedia();\n\n\t\tconst resolvedProps = useMemo(() => {\n\t\t\treturn {\n\t\t\t\t...props,\n\t\t\t\talignSelf: resolveResponsiveValue(props.alignSelf, activeBreakpoint),\n\t\t\t\tjustifySelf: resolveResponsiveValue(props.justifySelf, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, props]);\n\n\t\tconst resolvedPlacement = useMemo(() => {\n\t\t\treturn {\n\t\t\t\tarea: resolveResponsiveValue(area, activeBreakpoint),\n\t\t\t\tcolumn: resolveResponsiveValue(column, activeBreakpoint),\n\t\t\t\trow: resolveResponsiveValue(row, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, area, column, row]);\n\n\t\tconst gridClasses = useGridItemClasses(resolvedProps);\n\t\tconst gridStyles = useGridItemStyles(resolvedPlacement);\n\n\t\tconst finalClassName = [gridClasses, className].filter(Boolean).join(\" \");\n\t\tconst finalStyle = { ...gridStyles, ...style };\n\t\tconst Component = as || \"div\";\n\n\t\treturn createElement(\n\t\t\tComponent,\n\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\tclassName: finalClassName,\n\t\t\t\tstyle: finalStyle\n\t\t\t},\n\t\t\tchildren\n\t\t);\n\t}\n);\n\nGridItem.displayName = \"GridItem\";\n","import { GridContainer } from \"./GridContainer\";\nimport { GridItem } from \"./GridItem\";\n\nexport const Grid = {\n\tContainer: GridContainer,\n\tItem: GridItem\n};\n"],"mappings":"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"}

package/storybook-static/assets/Flex-C_VnI9xY.js

@@ -1,3 +0,0 @@
-import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-SfMJGCsn.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{n as i,r as a,t as ee}from"./media-Djn0SUaN.js";var o,s,c,te,ne,re,ie,ae,oe,se,ce,le,ue,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,de,fe,pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,G,Ee=t((()=>{o=`ZNPIAt`,s=`FOfB6f`,c=`S3zmDT`,te=`ZFdq8E`,ne=`VAzJwr`,re=`-U1mun`,ie=`_4ZMtr-`,ae=`SKOoTV`,oe=`sSe6vs`,se=`_3K-dKm`,ce=`-Pfy-z`,le=`beSYgR`,ue=`Ewhv1G`,l=`JXvBB6`,u=`hN3T0k`,d=`KKCJ5o`,f=`MnX1Le`,p=`Hom9eH`,m=`Oujm4J`,h=`_2ttx6l`,g=`QEwI8b`,_=`_7GQOS7`,v=`_2IOpAA`,y=`fZOYKH`,b=`_01H9Wl`,x=`GiMq3P`,S=`tfwckC`,C=`_9tNYb7`,w=`PoehYn`,T=`D9yh46`,E=`B5WUhS`,D=`KfUmo4`,O=`m-8JGj`,k=`zFcs1z`,A=`_0wKkFA`,j=`VQY6wh`,M=`csJmh7`,N=`_-8r3Oj`,P=`sCELJe`,F=`NrH1WE`,I=`IIgbrj`,L=`alT7CJ`,R=`TBFK23`,z=`JR1URZ`,B=`i1imd3`,V=`IVZ-ii`,H=`zhghPS`,U=`-A4gJM`,W=`_3Q-lT-`,de=`YSg8P9`,fe=`RMXnTk`,pe=`YyYE7z`,me=`LD3bM5`,he=`HpcoTp`,ge=`E7ItD3`,_e=`v0JFEC`,ve=`pmMEmH`,ye=`qevFHG`,be=`OTPY33`,xe=`AjRxTP`,Se=`_1YaZWf`,Ce=`H-DHBq`,we=`JzIGGJ`,Te=`aqYTBq`,G={container:o,inline:s,row:c,column:te,rowReverse:ne,columnReverse:re,wrap:ie,nowrap:ae,wrapReverse:oe,alignStart:se,alignCenter:ce,alignEnd:le,alignStretch:ue,alignBaseline:l,justifyStart:u,justifyCenter:d,justifyEnd:f,justifyStretch:p,justifyBetween:m,justifyAround:h,justifyEvenly:g,alignContentStart:_,alignContentCenter:v,alignContentEnd:y,alignContentStretch:b,alignContentBetween:x,alignContentAround:S,alignContentEvenly:C,gapNone:w,gapRowXs:T,gapRowSm:E,gapRowMd:D,gapRowLg:O,gapRowXl:k,gapColumnXs:A,gapColumnSm:j,gapColumnMd:M,gapColumnLg:N,gapColumnXl:P,gapXs:F,gapSm:I,gapMd:L,gapLg:R,gapXl:z,item:B,grow:V,grow0:H,shrink:U,shrink0:W,basis0:de,basisAuto:fe,flex0:pe,flex1:me,alignSelfStart:he,alignSelfCenter:ge,alignSelfEnd:_e,alignSelfStretch:ve,alignSelfBaseline:ye,justifySelfCenter:be,justifySelfEnd:xe,justifySelfStretch:Se,center:Ce,columnCenter:we,centerBetween:Te}})),K,De,Oe,ke,q=t((()=>{K=e(n(),1),Ee(),De=e=>(0,K.useMemo)(()=>{let t=[G.container];return e.inline&&t.push(G.inline),e.row?t.push(G.row):e.column?t.push(G.column):e.rowReverse?t.push(G.rowReverse):e.columnReverse&&t.push(G.columnReverse),e.wrap?t.push(G.wrap):e.nowrap?t.push(G.nowrap):e.wrapReverse&&t.push(G.wrapReverse),e.align&&t.push(G[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(G[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.alignContent&&t.push(G[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(G.gapNone):e.gap&&t.push(G[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(G[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(G[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),Oe=e=>(0,K.useMemo)(()=>{let t=[G.item];return e.flex0&&t.push(G.flex0),e.flex1&&t.push(G.flex1),!e.flex0&&!e.flex1&&(e.grow?t.push(G.grow):t.push(G.grow0),e.shrink===!1?t.push(G.shrink0):t.push(G.shrink),e.basis===`0`?t.push(G.basis0):e.basis===`auto`&&t.push(G.basisAuto)),e.alignSelf&&t.push(G[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(G[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),ke=e=>G[e]})),J,Ae,Y,X=t((()=>{J=e(n(),1),a(),q(),Ae=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],Y=(0,J.forwardRef)(({children:e,className:t=``,as:n,style:r,...a},o)=>{let{activeBreakpoint:s}=ee(),c=[De((0,J.useMemo)(()=>i(a,s,Ae),[a,s])),t].filter(Boolean).join(` `);return(0,J.createElement)(n||`div`,{ref:o,className:c,style:r},e)}),Y.displayName=`FlexContainer`,Y.__docgenInfo={description:``,methods:[],displayName:`FlexContainer`,props:{inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:"Тип display `flex | inline-flex`"},row:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Направление flex-контейнера`},column:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},rowReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},columnReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Перенос элементов`},nowrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrapReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},align:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание по поперечной оси`},justify:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание по главной оси`},alignContent:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание контента`},gap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]}],raw:`ResponsiveValue<FlexGap>`},description:`Gap`},gapRow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Row gap`},gapColumn:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Column gap`},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`}}}})),Z,je,Q,Me=t((()=>{Z=e(n(),1),a(),q(),je=[`flex0`,`flex1`,`grow`,`shrink`,`basis`,`alignSelf`,`justifySelf`],Q=(0,Z.forwardRef)(({children:e,className:t=``,as:n,style:r,...a},o)=>{let{activeBreakpoint:s}=ee(),c=[Oe((0,Z.useMemo)(()=>i(a,s,je),[a,s])),t].filter(Boolean).join(` `);return(0,Z.createElement)(n||`div`,{ref:o,className:c,style:r},e)}),Q.displayName=`FlexItem`,Q.__docgenInfo={description:``,methods:[],displayName:`FlexItem`,props:{grow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность расти
-@default false = 0`},shrink:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность сжиматься
-@default true = 1`},flex0:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex0`},flex1:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex1`},basis:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"0" | "auto"`,elements:[{name:`literal`,value:`"0"`},{name:`literal`,value:`"auto"`}]}],raw:`ResponsiveValue<FlexBasis>`},description:`Базовый размер`},alignSelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание отдельного элемента`},justifySelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]},{name:`union`,raw:`"between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`Exclude<FlexJustify, "between" | "around" | "evenly">`}],raw:`ResponsiveValue<Exclude<FlexJustify, "between" | "around" | "evenly">>`},description:`Justify-self для grid-like выравнивания`},children:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`}}}})),Ne,Pe,$,Fe=t((()=>{Ne=e(n(),1),X(),q(),Pe=r(),$=(0,Ne.forwardRef)(({variant:e,children:t,className:n=``,...r},i)=>(0,Pe.jsx)(Y,{ref:i,className:[ke(e??``),n].filter(Boolean).join(` `),...r,children:t})),$.displayName=`PredefinedFlex`,$.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})),Ie,Le=t((()=>{X(),Me(),Fe(),Ie={Container:Y,Item:Q,Predefined:$}}));export{Me as a,Q as i,Le as n,Y as o,Fe as r,X as s,Ie as t};

package/storybook-static/assets/Modal.stories-cPIHRa9a.js

@@ -1,180 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./react-dom-CncQzc_h.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{a as o,i as s}from"./utils-CReRlw17.js";import{n as ee,t as c}from"./lucide-react-CK2oyDtF.js";import{a as l,i as te,r as ne,s as re}from"./error-RVOk7zpw.js";import{o as u}from"./Flex-C_VnI9xY.js";import{t as d}from"./flex-DuYzsEBQ.js";import{t as f}from"./Button-BUkCW8Zg.js";import{t as p}from"./button-Bl3Hu8CS.js";import{t as m}from"./Input-B7DWcGCL.js";import{t as h}from"./input-Be5K9_B7.js";import{i as ie}from"./Grid-y8wKyEwc.js";import{t as g}from"./grid-D0WOuGlB.js";import{i as _,t as v}from"./misc-CPvLzCFJ.js";var y,b,x,S,C,w,T,E,ae,D,O,k,oe=n((()=>{y=`vGPUKV`,b=`O7gb7P`,x=`RVq8v3`,S=`PCSUAL`,C=`XDCHzq`,w=`t1kl8L`,T=`o3PEEB`,E=`WhUkxm`,ae=`NDgdMi`,D=`JDlse5`,O=`FaDKSt`,k={modal:y,sm:b,md:x,lg:S,xl:C,xxl:w,inside:T,header:E,body:ae,headerText:D,headerButton:O}})),A,j,M,N=n((()=>{A=t(r(),1),j=(0,A.createContext)({modals:[],openModal:()=>{},closeModal:()=>{},isTopModal:()=>!1}),M=()=>(0,A.useContext)(j)})),P,F,I,L,R,z,B,se=n((()=>{P=t(r(),1),l(),s(),c(),F=t(i(),1),p(),d(),g(),v(),oe(),N(),I=a(),L=({children:e,className:t})=>(0,I.jsx)(`div`,{className:o(`surface2 paddingMd borderBottom`,t),children:e}),L.displayName=`Modal.Toolbar`,R=({children:e,className:t,scrollable:n})=>(0,I.jsx)(`div`,{className:o(`paddingMd h100 overflowHidden`,t),children:n?(0,I.jsx)(_,{className:`h100`,children:e}):e}),R.displayName=`Modal.Content`,z=({children:e,className:t})=>(0,I.jsx)(`div`,{className:o(`surface2 borderTop paddingMd`,t),children:(0,I.jsx)(u,{gap:`sm`,align:`center`,justify:`end`,children:e})}),z.displayName=`Modal.Footer`,B=({isOpen:e,title:t,size:n=`sm`,height:r,onClose:i,children:a})=>{let s=(0,P.useId)(),c=(0,P.useId)(),{modals:l,openModal:u,closeModal:d,isTopModal:p}=M(),[m,h]=(0,P.useState)(!1),g=(0,P.useEffectEvent)(()=>h(!0)),_=(0,P.useEffectEvent)(()=>h(!1)),v=e&&(l.length===0||p(s)),y=re(e||!1);if(te({active:v||!1,onDismiss:i,containerRef:y}),(0,P.useEffect)(()=>(e&&(u(s),g()),()=>{d(s),_()}),[d,e,s,u]),!m)return null;let b=ne(`modal-root`);if(!b)return null;let x=null,S=null,C=null,w=P.Children.toArray(a);for(let e of w)switch(e.type.displayName){case L.displayName:if(x)throw Error(`Modal: duplicate <Toolbar> found`);x=e;break;case z.displayName:if(C)throw Error(`Modal: duplicate <Footer> found`);C=e;break;case R.displayName:if(S)throw Error(`Modal: duplicate <Content> found`);S=e;break}return(0,F.createPortal)((0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(`div`,{ref:y,className:o(k.modal,k[n]),style:{height:r},role:`dialog`,"aria-modal":`true`,"aria-labelledby":c,"aria-describedby":`${c}-content`,children:[(0,I.jsxs)(`div`,{className:o(k.header,x?``:`borderBottom`),children:[(0,I.jsx)(`h3`,{className:k.headerText,id:c,children:t}),(0,I.jsx)(f,{icon:(0,I.jsx)(ee,{}),className:k.headerButton,variant:`ghost`,autoFocus:!0,"aria-label":`Закрыть модальное окно`,onClick:i})]}),(0,I.jsxs)(ie,{id:`${c}-content`,templateRows:`${x?`auto`:``} 1fr ${C?`auto`:``}`.trim(),className:k.body,children:[x,S,C]})]})}),b)},L.__docgenInfo={description:``,methods:[],displayName:`Modal.Toolbar`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},R.__docgenInfo={description:``,methods:[],displayName:`Modal.Content`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},scrollable:{required:!1,tsType:{name:`boolean`},description:``}}},z.__docgenInfo={description:``,methods:[],displayName:`Modal.Footer`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}}));function V({children:e}){let[t,n]=(0,H.useState)([]),r=(0,H.useRef)(0),i=(0,H.useCallback)(e=>{n(t=>[...t,e])},[]),a=(0,H.useCallback)(e=>{n(t=>t.filter(t=>t!==e))},[]),o=(0,H.useCallback)(e=>t[t.length-1]===e,[t]);return(0,H.useEffect)(()=>{let e=r.current===0;if(e&&t.length>0){let e=window.scrollY,n=document.querySelector(`#app-root`);document.body.style.position=`fixed`,document.body.style.top=`-${e}px`,document.body.style.width=`100%`,n?.setAttribute(`inert`,`true`),r.current=t.length;return}if(!e&&t.length===0){let e=document.querySelector(`#app-root`),t=parseInt(document.body.style.top||`0`)*-1;document.body.style.position=``,document.body.style.top=``,document.body.style.width=``,e?.removeAttribute(`inert`),window.scrollTo({top:t,left:0,behavior:`instant`})}r.current=t.length},[t.length]),(0,U.jsx)(j.Provider,{value:{modals:t,openModal:i,closeModal:a,isTopModal:o},children:e})}var H,U,ce=n((()=>{H=t(r(),1),N(),U=a(),V.__docgenInfo={description:`Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.`,methods:[],displayName:`ModalManagerProvider`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}}})),le=n((()=>{se(),ce(),N()})),ue=e({Controlled:()=>J,ScrollableContent:()=>X,Sizes:()=>Z,StackedModals:()=>Q,WithToolbarAndFooter:()=>Y,__namedExportsOrder:()=>$,default:()=>q});function de({children:e}){return(0,K.jsx)(`div`,{style:{minHeight:`60dvh`,padding:24,display:`flex`,alignItems:`center`,justifyContent:`center`},children:e})}function W(){let[e,t]=(0,G.useState)(`Алексей`),[n,r]=(0,G.useState)(`Департамент автоматизации бизнеса`);return(0,K.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,K.jsx)(m,{label:`Имя`,value:e,onChange:t,placeholder:`Введите имя`}),(0,K.jsx)(m,{label:`Подразделение`,value:n,onChange:r,placeholder:`Введите подразделение`}),(0,K.jsxs)(`div`,{style:{padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[`Текущие значения: `,e||`не указано`,`, `,n||`не указано`]})]})}var G,K,q,J,Y,X,Z,Q,$,fe=n((()=>{G=t(r(),1),p(),h(),le(),K=a(),q={title:`Shared/UI/Modal`,component:B,parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:"Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`."}}},decorators:[e=>(0,K.jsx)(V,{children:(0,K.jsx)(de,{children:e()})})],args:{isOpen:!1,title:`Редактирование профиля`,size:`md`,height:void 0,onClose:()=>{},children:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(R,{children:(0,K.jsx)(W,{})}),(0,K.jsxs)(z,{children:[(0,K.jsx)(f,{variant:`transparent`,children:`Отмена`}),(0,K.jsx)(f,{children:`Сохранить`})]})]})},argTypes:{isOpen:{description:`Управляет видимостью модального окна.`,control:`boolean`},title:{description:`Заголовок модального окна.`,control:`text`},size:{description:`Предустановленный размер модального окна.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`inside`]},height:{description:`Явная высота body-области модалки.`,control:`text`},onClose:{description:"Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.",control:!1},children:{description:"Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.",control:!1}}},J={name:`Управляемая модалка`,render:e=>{let[t,n]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(f,{onClick:()=>n(!0),children:`Открыть модалку`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>n(!1),children:[(0,K.jsx)(R,{children:(0,K.jsx)(W,{})}),(0,K.jsxs)(z,{children:[(0,K.jsx)(f,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,K.jsx)(f,{onClick:()=>n(!1),children:`Сохранить`})]})]})]})}},Y={name:`Полная композиция`,render:e=>{let[t,n]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(f,{onClick:()=>n(!0),children:`Открыть сценарий редактирования`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>n(!1),height:`min(34rem, 70dvh)`,children:[(0,K.jsx)(L,{children:(0,K.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[(0,K.jsxs)(`div`,{children:[(0,K.jsx)(`div`,{style:{fontWeight:600},children:`Черновик обновлён автоматически`}),(0,K.jsx)(`div`,{style:{opacity:.72},children:`Последнее сохранение: 2 минуты назад`})]}),(0,K.jsx)(f,{variant:`transparent`,children:`Сбросить`})]})}),(0,K.jsx)(R,{children:(0,K.jsx)(W,{})}),(0,K.jsxs)(z,{children:[(0,K.jsx)(f,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,K.jsx)(f,{variant:`success`,onClick:()=>n(!1),children:`Применить`})]})]})]})}},X={name:`Длинный контент`,render:e=>{let[t,n]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(f,{onClick:()=>n(!0),children:`Открыть длинный контент`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>n(!1),size:`lg`,height:`min(38rem, 75dvh)`,title:`Журнал изменений`,children:[(0,K.jsx)(R,{children:(0,K.jsx)(`div`,{style:{display:`grid`,gap:12},children:Array.from({length:18},(e,t)=>(0,K.jsxs)(`div`,{style:{padding:12,borderRadius:8,border:`1px solid var(--border-1)`,background:`var(--surface-1)`},children:[(0,K.jsxs)(`div`,{style:{fontWeight:600},children:[`Событие #`,t+1]}),(0,K.jsx)(`div`,{style:{opacity:.72},children:`Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.`})]},t))})}),(0,K.jsx)(z,{children:(0,K.jsx)(f,{onClick:()=>n(!1),children:`Закрыть`})})]})]})}},Z={name:`Размеры`,render:()=>{let[e,t]=(0,G.useState)(null);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:12,justifyContent:`center`},children:[`sm`,`md`,`lg`,`xl`,`inside`].map(e=>(0,K.jsx)(f,{variant:`transparent`,onClick:()=>t(e),children:e.toUpperCase()},e))}),e&&(0,K.jsxs)(B,{isOpen:!0,onClose:()=>t(null),size:e,title:`Размер ${e.toUpperCase()}`,children:[(0,K.jsx)(R,{children:(0,K.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,K.jsx)(`div`,{children:`Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.`}),(0,K.jsx)(`div`,{style:{opacity:.72},children:"Проверьте отступы, читабельность и поведение при `Escape`."})]})}),(0,K.jsx)(z,{children:(0,K.jsx)(f,{onClick:()=>t(null),children:`Понятно`})})]})]})}},Q={name:`Стек модалок`,render:e=>{let[t,n]=(0,G.useState)(!1),[r,i]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(f,{onClick:()=>n(!0),children:`Открыть первую модалку`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>{i(!1),n(!1)},size:`lg`,title:`Первая модалка`,children:[(0,K.jsx)(R,{children:(0,K.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,K.jsx)(`div`,{children:"Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой."}),(0,K.jsx)(f,{variant:`transparent`,onClick:()=>i(!0),children:`Открыть вторую модалку`})]})}),(0,K.jsx)(z,{children:(0,K.jsx)(f,{variant:`transparent`,onClick:()=>n(!1),children:`Закрыть первую`})})]}),(0,K.jsxs)(B,{isOpen:r,onClose:()=>i(!1),size:`sm`,title:`Вторая модалка`,children:[(0,K.jsx)(R,{children:(0,K.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,K.jsx)(`div`,{children:`Эта модалка должна считаться верхней в стеке.`}),(0,K.jsx)(m,{label:`Короткое поле`,value:`Фокус внутри`,onChange:()=>{}})]})}),(0,K.jsx)(z,{children:(0,K.jsx)(f,{onClick:()=>i(!1),children:`Закрыть вторую`})})]})]})}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  name: "Управляемая модалка",
-  render: args => {
-    const [open, setOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть модалку</Button>
-                <Modal {...args} isOpen={open} onClose={() => setOpen(false)}>
-                    <ModalContent>
-                        <DemoFormContent />
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button variant="transparent" onClick={() => setOpen(false)}>
-                            Отмена
-                        </Button>
-                        <Button onClick={() => setOpen(false)}>Сохранить</Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
-  name: "Полная композиция",
-  render: args => {
-    const [open, setOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть сценарий редактирования</Button>
-                <Modal {...args} isOpen={open} onClose={() => setOpen(false)} height="min(34rem, 70dvh)">
-                    <ModalToolbar>
-                        <div style={{
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            gap: 12,
-            padding: 12,
-            borderRadius: 8,
-            background: "var(--surface-1)",
-            border: "1px solid var(--border-1)"
-          }}>
-                            <div>
-                                <div style={{
-                fontWeight: 600
-              }}>Черновик обновлён автоматически</div>
-                                <div style={{
-                opacity: 0.72
-              }}>Последнее сохранение: 2 минуты назад</div>
-                            </div>
-                            <Button variant="transparent">Сбросить</Button>
-                        </div>
-                    </ModalToolbar>
-                    <ModalContent>
-                        <DemoFormContent />
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button variant="transparent" onClick={() => setOpen(false)}>
-                            Отмена
-                        </Button>
-                        <Button variant="success" onClick={() => setOpen(false)}>
-                            Применить
-                        </Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  name: "Длинный контент",
-  render: args => {
-    const [open, setOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть длинный контент</Button>
-                <Modal {...args} isOpen={open} onClose={() => setOpen(false)} size="lg" height="min(38rem, 75dvh)" title="Журнал изменений">
-                    <ModalContent>
-                        <div style={{
-            display: "grid",
-            gap: 12
-          }}>
-                            {Array.from({
-              length: 18
-            }, (_, index) => <div key={index} style={{
-              padding: 12,
-              borderRadius: 8,
-              border: "1px solid var(--border-1)",
-              background: "var(--surface-1)"
-            }}>
-                                    <div style={{
-                fontWeight: 600
-              }}>Событие #{index + 1}</div>
-                                    <div style={{
-                opacity: 0.72
-              }}>
-                                        Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.
-                                    </div>
-                                </div>)}
-                        </div>
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button onClick={() => setOpen(false)}>Закрыть</Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  name: "Размеры",
-  render: () => {
-    const [openSize, setOpenSize] = useState<"sm" | "md" | "lg" | "xl" | "inside" | null>(null);
-    return <>
-                <div style={{
-        display: "flex",
-        flexWrap: "wrap",
-        gap: 12,
-        justifyContent: "center"
-      }}>
-                    {(["sm", "md", "lg", "xl", "inside"] as const).map(size => <Button key={size} variant="transparent" onClick={() => setOpenSize(size)}>
-                            {size.toUpperCase()}
-                        </Button>)}
-                </div>
-
-                {openSize && <Modal isOpen onClose={() => setOpenSize(null)} size={openSize} title={\`Размер \${openSize.toUpperCase()}\`}>
-                        <ModalContent>
-                            <div style={{
-            display: "grid",
-            gap: 12
-          }}>
-                                <div>Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.</div>
-                                <div style={{
-              opacity: 0.72
-            }}>Проверьте отступы, читабельность и поведение при \`Escape\`.</div>
-                            </div>
-                        </ModalContent>
-                        <ModalFooter>
-                            <Button onClick={() => setOpenSize(null)}>Понятно</Button>
-                        </ModalFooter>
-                    </Modal>}
-            </>;
-  }
-}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
-  name: "Стек модалок",
-  render: args => {
-    const [outerOpen, setOuterOpen] = useState(false);
-    const [innerOpen, setInnerOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOuterOpen(true)}>Открыть первую модалку</Button>
-
-                <Modal {...args} isOpen={outerOpen} onClose={() => {
-        setInnerOpen(false);
-        setOuterOpen(false);
-      }} size="lg" title="Первая модалка">
-                    <ModalContent>
-                        <div style={{
-            display: "grid",
-            gap: 16
-          }}>
-                            <div>Откройте вторую модалку и проверьте, что \`Escape\` закрывает только верхний слой.</div>
-                            <Button variant="transparent" onClick={() => setInnerOpen(true)}>
-                                Открыть вторую модалку
-                            </Button>
-                        </div>
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button variant="transparent" onClick={() => setOuterOpen(false)}>
-                            Закрыть первую
-                        </Button>
-                    </ModalFooter>
-                </Modal>
-
-                <Modal isOpen={innerOpen} onClose={() => setInnerOpen(false)} size="sm" title="Вторая модалка">
-                    <ModalContent>
-                        <div style={{
-            display: "grid",
-            gap: 12
-          }}>
-                            <div>Эта модалка должна считаться верхней в стеке.</div>
-                            <Input label="Короткое поле" value={"Фокус внутри"} onChange={() => {}} />
-                        </div>
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button onClick={() => setInnerOpen(false)}>Закрыть вторую</Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...Q.parameters?.docs?.source}}},$=[`Controlled`,`WithToolbarAndFooter`,`ScrollableContent`,`Sizes`,`StackedModals`]}));fe();export{J as Controlled,X as ScrollableContent,Z as Sizes,Q as StackedModals,Y as WithToolbarAndFooter,$ as __namedExportsOrder,q as default,fe as n,ue as t};

package/storybook-static/assets/flex-DuYzsEBQ.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{C as t}from"./iframe-SfMJGCsn.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{a as r,i}from"./utils-CReRlw17.js";import{a,i as o,n as s,r as c,s as l}from"./Flex-C_VnI9xY.js";var u,d,f=e((()=>{t(),i(),u=n(),d=({className:e,minHeight:t,children:n})=>(0,u.jsx)(`div`,{className:r(`flexCenter h100`,e),style:{minHeight:t},children:n}),d.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{className:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`PropsWithChildren`]}})),p,m,h=e((()=>{t(),a(),p=n(),m=()=>(0,p.jsx)(o,{flex1:!0}),m.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})),g=e((()=>{s(),f(),l(),a(),h(),c()}));export{d as n,f as r,g as t};

package/storybook-static/assets/formatter-L2YTDE3Q-Cdp-Jp2M.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{m as t,p as n}from"./iframe-SfMJGCsn.js";import{i as r,n as i,r as a,t as o}from"./chunk-3LY4VQVK-BxHCYS2R.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-D0WOuGlB.js

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

package/storybook-static/assets/odata-service-8sDCOQ3I.js

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

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

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

package/storybook-static/assets/ui-CmVy0trY.js

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