@ryuzaki13/react-foundation-ui 3.5.0 → 3.7.0

package/storybook-static/assets/Flex.stories-CCVNsX23.js

@@ -1,300 +0,0 @@
-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{i,t as a}from"./useFlexClasses-SgVG37Bb.js";import{n as o,t as s}from"./FlexContainer-BWyPlTMB.js";import{n as c,t as l}from"./FlexItem-pu3E11Sf.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__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`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>D,BasicColumn:()=>w,BasicRow:()=>C,Directions:()=>T,FlexItems:()=>A,Gaps:()=>k,InlineFlex:()=>M,JustifyContent:()=>E,Predefined:()=>j,RealWorld:()=>N,Wrapping:()=>O,__namedExportsOrder:()=>P,default:()=>S}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{n(),h(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...y.item,backgroundColor:b(t)},children:e}),S={title:`Layout/Flex`,component:m.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},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`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]}),row:!0}},w={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Header`}),(0,_.jsx)(x,{index:1,children:`Content`}),(0,_.jsx)(x,{index:2,children:`Footer`})]}),column:!0}},T={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]})]}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(x,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(x,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(x,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(x,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(x,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Left`}),(0,_.jsx)(x,{index:1,children:`Right`})]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:0,children:`inline`}),(0,_.jsx)(x,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:2,children:`vertical`}),(0,_.jsx)(x,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},N={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(x,{index:0,children:`Logo`}),(0,_.jsx)(x,{index:1,children:`Home`}),(0,_.jsx)(x,{index:2,children:`About`}),(0,_.jsx)(x,{index:3,children:`Contact`})]}),(0,_.jsx)(x,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:1,children:`Last Name`})})]}),(0,_.jsx)(x,{index:2,children:`Email`}),(0,_.jsx)(x,{index:3,children:`Message`})]})]}),args:{children:void 0}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: args => <Flex.Container {...args} style={demoStyles.container} />,
-  args: {
-    children: <>
-                <DemoItem index={0}>Item 1</DemoItem>
-                <DemoItem index={1}>Item 2</DemoItem>
-                <DemoItem index={2}>Item 3</DemoItem>
-            </>,
-    row: true
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  render: args => <Flex.Container {...args} style={demoStyles.container} />,
-  args: {
-    children: <>
-                <DemoItem index={0}>Header</DemoItem>
-                <DemoItem index={1}>Content</DemoItem>
-                <DemoItem index={2}>Footer</DemoItem>
-            </>,
-    column: true
-  }
-}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            <h3>Row (default)</h3>
-            <Flex.Container row style={demoStyles.container}>
-                <DemoItem index={0}>1</DemoItem>
-                <DemoItem index={1}>2</DemoItem>
-                <DemoItem index={2}>3</DemoItem>
-            </Flex.Container>
-
-            <h3>Row Reverse</h3>
-            <Flex.Container rowReverse style={demoStyles.container}>
-                <DemoItem index={0}>1</DemoItem>
-                <DemoItem index={1}>2</DemoItem>
-                <DemoItem index={2}>3</DemoItem>
-            </Flex.Container>
-
-            <h3>Column</h3>
-            <Flex.Container column style={demoStyles.container}>
-                <DemoItem index={0}>1</DemoItem>
-                <DemoItem index={1}>2</DemoItem>
-                <DemoItem index={2}>3</DemoItem>
-            </Flex.Container>
-
-            <h3>Column Reverse</h3>
-            <Flex.Container columnReverse style={demoStyles.container}>
-                <DemoItem index={0}>1</DemoItem>
-                <DemoItem index={1}>2</DemoItem>
-                <DemoItem index={2}>3</DemoItem>
-            </Flex.Container>
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            {(["start", "center", "end", "between", "around", "evenly"] as const).map(justify => <div key={justify}>
-                    <h3>Justify: {justify}</h3>
-                    <Flex.Container row justify={justify} style={demoStyles.container}>
-                        <DemoItem index={0}>Item 1</DemoItem>
-                        <DemoItem index={1}>Item 2</DemoItem>
-                        <DemoItem index={2}>Item 3</DemoItem>
-                    </Flex.Container>
-                </div>)}
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            {(["start", "center", "end", "stretch", "baseline"] as const).map(align => <div key={align}>
-                    <h3>Align: {align}</h3>
-                    <Flex.Container row align={align} style={{
-        ...demoStyles.container,
-        height: "120px"
-      }}>
-                        <DemoItem index={0}>
-                            <div>Short</div>
-                        </DemoItem>
-                        <DemoItem index={1}>
-                            <div style={{
-            padding: "40px"
-          }}>Tall</div>
-                        </DemoItem>
-                        <DemoItem index={2}>
-                            <div style={{
-            padding: "24px"
-          }}>Medium</div>
-                        </DemoItem>
-                    </Flex.Container>
-                </div>)}
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            <h3>No Wrap (default)</h3>
-            <Flex.Container row nowrap style={demoStyles.container}>
-                {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(i => <DemoItem key={i} index={i}>
-                        Item {i}
-                    </DemoItem>)}
-            </Flex.Container>
-
-            <h3>Wrap</h3>
-            <Flex.Container row wrap style={demoStyles.container}>
-                {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(i => <DemoItem key={i} index={i}>
-                        Item {i}
-                    </DemoItem>)}
-            </Flex.Container>
-
-            <h3>Wrap Reverse</h3>
-            <Flex.Container row wrapReverse style={demoStyles.container}>
-                {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(i => <DemoItem key={i} index={i}>
-                        Item {i}
-                    </DemoItem>)}
-            </Flex.Container>
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...O.parameters?.docs?.source}}},k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            {(["xs", "sm", "md", "lg", "xl"] as const).map(gap => <div key={gap}>
-                    <h3>Gap: {gap}</h3>
-                    <Flex.Container row wrap gap={gap} style={demoStyles.container}>
-                        {[1, 2, 3, 4, 5, 6].map(i => <DemoItem key={i} index={i}>
-                                Item {i}
-                            </DemoItem>)}
-                    </Flex.Container>
-                </div>)}
-
-            <h3>Different Row and Column Gaps</h3>
-            <Flex.Container row wrap gapRow="lg" gapColumn="sm" style={demoStyles.container}>
-                {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(i => <DemoItem key={i} index={i}>
-                        Item {i}
-                    </DemoItem>)}
-            </Flex.Container>
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...k.parameters?.docs?.source}}},A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            <h3>Grow Properties</h3>
-            <Flex.Container row style={demoStyles.container}>
-                <DemoItem index={0}>Default</DemoItem>
-                <Flex.Item grow>
-                    <div style={{
-          ...demoStyles.item,
-          backgroundColor: getItemColor(1)
-        }}>Grow</div>
-                </Flex.Item>
-                <DemoItem index={2}>Default</DemoItem>
-            </Flex.Container>
-
-            <h3>Shrink Properties</h3>
-            <Flex.Container row style={{
-      ...demoStyles.container,
-      width: "300px"
-    }}>
-                <Flex.Item shrink={false}>
-                    <div style={{
-          ...demoStyles.item,
-          backgroundColor: getItemColor(0),
-          width: "150px"
-        }}>
-                        No Shrink
-                    </div>
-                </Flex.Item>
-                <Flex.Item>
-                    <div style={{
-          ...demoStyles.item,
-          backgroundColor: getItemColor(1),
-          width: "150px"
-        }}>
-                        Shrink (default)
-                    </div>
-                </Flex.Item>
-            </Flex.Container>
-
-            <h3>Composite Classes</h3>
-            <Flex.Container row style={demoStyles.container}>
-                <Flex.Item flex0>
-                    <div style={{
-          ...demoStyles.item,
-          backgroundColor: getItemColor(0)
-        }}>flex0</div>
-                </Flex.Item>
-                <Flex.Item flex1>
-                    <div style={{
-          ...demoStyles.item,
-          backgroundColor: getItemColor(1)
-        }}>flex1</div>
-                </Flex.Item>
-                <Flex.Item flex0>
-                    <div style={{
-          ...demoStyles.item,
-          backgroundColor: getItemColor(2)
-        }}>flex0</div>
-                </Flex.Item>
-            </Flex.Container>
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...A.parameters?.docs?.source}}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            <h3>Center</h3>
-            <Flex.Predefined variant="center" style={{
-      ...demoStyles.container,
-      height: "100px"
-    }}>
-                <DemoItem index={0}>Centered Content</DemoItem>
-            </Flex.Predefined>
-
-            <h3>Center Between</h3>
-            <Flex.Predefined variant="centerBetween" style={demoStyles.container}>
-                <DemoItem index={0}>Left</DemoItem>
-                <DemoItem index={1}>Right</DemoItem>
-            </Flex.Predefined>
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...j.parameters?.docs?.source}}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            <p>
-                This is text with
-                <Flex.Container inline align="center" gap="sm" style={{
-        margin: "0 8px"
-      }}>
-                    <DemoItem index={0}>inline</DemoItem>
-                    <DemoItem index={1}>flex</DemoItem>
-                </Flex.Container>
-                elements inside.
-            </p>
-
-            <p>
-                Another example with
-                <Flex.Container inline column gap="xs" style={{
-        margin: "0 8px"
-      }}>
-                    <DemoItem index={2}>vertical</DemoItem>
-                    <DemoItem index={3}>inline</DemoItem>
-                </Flex.Container>
-                flex.
-            </p>
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
-  render: () => <div>
-            <h3>Navigation Bar</h3>
-            <Flex.Predefined variant="centerBetween" style={demoStyles.container}>
-                <Flex.Container row align="center" gap="md">
-                    <DemoItem index={0}>Logo</DemoItem>
-                    <DemoItem index={1}>Home</DemoItem>
-                    <DemoItem index={2}>About</DemoItem>
-                    <DemoItem index={3}>Contact</DemoItem>
-                </Flex.Container>
-                <DemoItem index={4}>Login</DemoItem>
-            </Flex.Predefined>
-
-            <h3>Card Layout</h3>
-            <Flex.Container row wrap gap="lg" style={demoStyles.container}>
-                {[1, 2, 3, 4].map(i => <Flex.Item key={i} flex1 style={{
-        minWidth: "200px"
-      }}>
-                        <div style={{
-          border: "1px solid #ddd",
-          borderRadius: "8px",
-          padding: "16px",
-          textAlign: "center",
-          backgroundColor: getItemColor(i)
-        }}>
-                            <h4>Card {i}</h4>
-                            <p>Card content goes here</p>
-                        </div>
-                    </Flex.Item>)}
-            </Flex.Container>
-
-            <h3>Form Layout</h3>
-            <Flex.Container column gap="md" style={demoStyles.container}>
-                <Flex.Container row gap="md">
-                    <Flex.Item flex1>
-                        <DemoItem index={0}>First Name</DemoItem>
-                    </Flex.Item>
-                    <Flex.Item flex1>
-                        <DemoItem index={1}>Last Name</DemoItem>
-                    </Flex.Item>
-                </Flex.Container>
-                <DemoItem index={2}>Email</DemoItem>
-                <DemoItem index={3}>Message</DemoItem>
-            </Flex.Container>
-        </div>,
-  args: {
-    children: undefined
-  }
-}`,...N.parameters?.docs?.source}}},P=[`BasicRow`,`BasicColumn`,`Directions`,`JustifyContent`,`AlignItems`,`Wrapping`,`Gaps`,`FlexItems`,`Predefined`,`InlineFlex`,`RealWorld`]})))()}export{A as a,M as c,N as d,O as f,T as i,E as l,w as n,g as o,F as p,C as r,k as s,D as t,j as u};

package/storybook-static/assets/FlexContainer-BWyPlTMB.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,r,t as i}from"./media-D9cE2tzi.js";import{n as a,t as o}from"./useFlexClasses-SgVG37Bb.js";var s,c,l;function u(){return(u=e((()=>{s=t(),r(),o(),c=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],l=(0,s.forwardRef)(({children:e,className:t=``,as:r,style:o,inline:l,row:u,column:d,rowReverse:f,columnReverse:p,wrap:m,nowrap:h,wrapReverse:g,align:_,justify:v,alignContent:y,gap:b,gapRow:x,gapColumn:S,...C},w)=>{let{activeBreakpoint:T}=i(),E=(0,s.useMemo)(()=>n({inline:l,row:u,column:d,rowReverse:f,columnReverse:p,wrap:m,nowrap:h,wrapReverse:g,align:_,justify:v,alignContent:y,gap:b,gapRow:x,gapColumn:S},T,c),[T,_,y,d,p,b,S,x,l,v,h,u,f,m,g]),D=[a(E),t].filter(Boolean).join(` `);return(0,s.createElement)(r||`div`,{...C,ref:w,className:D,style:o},e)}),l.displayName=`FlexContainer`,l.__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`}},composes:[`HTMLAttributes`]}})))()}export{u as n,l as t};

package/storybook-static/assets/FloatingPopover-D6tO24aO.js

@@ -1 +0,0 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-woVbsQH3.js";import{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{_ as s,a as c,c as l,f as u,h as d,i as f,l as p,m,o as h,r as g,s as _,u as v}from"./floating-ui.react-CyNWkXBV.js";function y(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var b,x,S;function C(){return(C=t((()=>{b=n(),x=r(),S=(0,b.forwardRef)(({placement:e,middlewareData:t},n)=>(0,x.jsx)(`div`,{ref:n,style:y(e,t),children:(0,x.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,x.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),S.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var w,T,E,D,O,k,A,j;function M(){return(M=t((()=>{w=`sZ0x6w`,T=`_538Ejd`,E=`fqciCO`,D=`sHkUiQ`,O=`bpGNoX`,k=`tYnRg-`,A=`_8lflEh`,j={tooltipPanel:w,tooltip:T,negative:E,information:D,error:O,warning:k,success:A}})))()}var N,P,F,I;function L(){return(L=t((()=>{N=e(n(),1),g(),o(),P=i(),C(),M(),F=r(),I=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:y,tooltip:b,positionUpdateKey:x})=>{let[C,w]=(0,N.useState)(!1),T=(0,N.useRef)(null),{refs:E,floatingStyles:D,middlewareData:O,context:k,placement:A,update:M}=c({open:C,onOpenChange:w,placement:r,middleware:[m(8),u({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),d({padding:8}),v({element:T,padding:8})],whileElementsMounted:s});(0,N.useLayoutEffect)(()=>{C&&M()},[C,x,M]);let I=_(k,{enabled:n,move:!1,delay:{open:i,close:o}}),L=h(k,{enabled:n}),R=f(k),z=p(k),{getReferenceProps:B,getFloatingProps:V}=l([I,L,R,z]);return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(`span`,{ref:E.setReference,...B(),style:{lineHeight:1},children:t}),C&&(0,P.createPortal)((0,F.jsxs)(`div`,{ref:E.setFloating,style:{...D,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...V(),role:`tooltip`,className:a(j.tooltipPanel,b&&j.tooltip,y&&j[y]),children:[e,(0,F.jsx)(S,{ref:T,placement:A,middlewareData:O})]}),document.body)]})},I.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{C as i,L as n,S as r,I as t};

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

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

package/storybook-static/assets/Listbox-3Npc4PI_.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./check-028VTQ8f.js";import{n as i}from"./iframe-woVbsQH3.js";import{i as a,n as o,r as s,s as c,t as l}from"./utils-tg3ibbzi.js";import{n as u,t as d}from"./OptionButton--hnpJ-88.js";import{i as f,n as p,r as m,t as h}from"./Option-fRoOLqLF.js";import{n as g,t as _}from"./PickerField-CRtltoce.js";import{n as v,t as y}from"./CustomOptionButton-DNd0GDWp.js";function b(e,t,n){if(n){if(Array.isArray(t)&&t.length>0){let n=e.findIndex(e=>t.includes(e.value)&&!e.disabled);if(n>=0)return n}return s(e,w)}if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n>=0)return n}return s(e,w)}function x(e){let{value:t,defaultValue:n,multiple:i,label:a,description:u,disabled:f,size:p,focusOnMount:g,renderItem:v,getKey:x,options:T,onChange:E,id:D,...O}=e,k=t!==void 0,[A,j]=(0,S.useState)(n),M=(0,S.useRef)(null),[N,P]=(0,S.useState)(()=>b(T,t??n,i)),F=(0,S.useRef)(!1),I=(0,S.useMemo)(()=>(k?t:A)??(i?[]:null),[A,k,i,t]),L=N,R=e=>{if(!(f||e.disabled)){if(i){let t=Array.isArray(I)?I:[],n=t.includes(e.value)?t.filter(t=>t!==e.value):[...t,e.value];E?.(n,e),k||j(n);return}E?.(e.value,e),k||j(e.value)}},z=e=>{if(!f){if(e.key===`ArrowDown`)e.preventDefault(),F.current=!0,P(e=>l(T,e,1,w));else if(e.key===`ArrowUp`)e.preventDefault(),F.current=!0,P(e=>l(T,e,-1,w));else if(e.key===`Home`)e.preventDefault(),F.current=!0,P(s(T,w));else if(e.key===`End`)e.preventDefault(),F.current=!0,P(c(T,w));else if(o(e,()=>{let e=T[L];e&&R(e)}))return}};return(0,S.useEffect)(()=>{if(!F.current)return;F.current=!1;let e=M.current?.querySelectorAll(`[role="option"]`)[L];e&&e.scrollIntoView({block:`nearest`})},[L]),(0,S.useLayoutEffect)(()=>{g&&M.current?.focus()},[g]),(0,C.jsx)(_,{id:D,label:a,description:u,disabled:f,size:p,children:({controlId:e,labelId:t,describedBy:n})=>(0,C.jsx)(m,{rootRef:M,id:e,role:`listbox`,"aria-multiselectable":i||void 0,"aria-activedescendant":L>=0?`${e}-option-${L}`:void 0,onKeyDown:z,...O,"aria-labelledby":t??O[`aria-labelledby`],"aria-describedby":n??O[`aria-describedby`],"aria-disabled":f||void 0,tabIndex:f?-1:0,className:O.className,children:T.map((t,n)=>{let a=i?Array.isArray(I)&&I.includes(t.value):I===t.value,o=n===L,s=f||t.disabled||void 0,c=e=>{e.preventDefault(),!s&&(P(n),R(t))};return(0,C.jsx)(h,{id:`${e}-option-${n}`,role:`option`,"aria-selected":a,"aria-disabled":s,disabled:s,active:o,selected:a,children:v?(0,C.jsx)(y,{tabIndex:-1,disabled:s,onMouseDown:c,children:v(t,a,o)}):(0,C.jsx)(d,{tabIndex:-1,disabled:s,onMouseDown:c,icon:a?(0,C.jsx)(r,{}):(0,C.jsx)(`span`,{}),text:t.label??String(t.value)})},x?x(t,n):n)})})})}var S,C,w;function T(){return(T=e((()=>{S=t(),a(),n(),v(),p(),u(),g(),f(),C=i(),w=e=>e.disabled===!0,x.__docgenInfo={description:``,methods:[],displayName:`Listbox`}})))()}export{T as n,x as t};

package/storybook-static/assets/Modal-Ddmc8-2-.js

@@ -1 +0,0 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./x-D2Q9PGsq.js";import{n as a}from"./iframe-woVbsQH3.js";import{t as o}from"./react-dom-BzEl8usk.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as ee,n as te,r as l,t as ne}from"./dom-DBd_DWF8.js";import{n as u,t as d}from"./FlexContainer-BWyPlTMB.js";import{n as f,t as re}from"./Button-CoOZeR_z.js";import{a as p,c as m,l as h,n as ie,o as g,r as _,s as v,t as y}from"./react-D3CyilRt.js";import{n as b,t as ae}from"./GridContainer-fKYgDsLl.js";import{n as x,t as S}from"./Scrollable-BI3OE8gc.js";function oe(){!v.current&&p();let[e]=(0,C.useState)(h.current);return e}var C;function w(){return(w=t((()=>{m(),g(),C=n()})))()}var T,E,D,O,k,A,j,M,N,P,F,I;function L(){return(L=t((()=>{T=`vGPUKV`,E=`WhUkxm`,D=`JDlse5`,O=`FaDKSt`,k=`NDgdMi`,A=`O7gb7P`,j=`RVq8v3`,M=`PCSUAL`,N=`XDCHzq`,P=`t1kl8L`,F=`o3PEEB`,I={modal:T,header:E,headerText:D,headerButton:O,body:k,sm:A,md:j,lg:M,xl:N,xxl:P,inside:F}})))()}var R,z,B;function V(){return(V=t((()=>{R={hidden:{opacity:0,scale:.96,y:12},visible:{opacity:1,scale:1,y:0}},z={duration:.18,ease:[.22,1,.36,1]},B={duration:0}})))()}var H,U,W;function G(){return(G=t((()=>{H=n(),U=(0,H.createContext)({modals:[],openModal:()=>{},closeModal:()=>{},isTopModal:()=>!1}),W=()=>(0,H.useContext)(U)})))()}var K,q,J,Y,X,Z,Q;function $(){return($=t((()=>{K=e(n(),1),l(),c(),r(),y(),q=o(),f(),u(),b(),x(),L(),V(),G(),J=a(),Y=({children:e,className:t})=>(0,J.jsx)(`div`,{className:s(`surface2 paddingMd borderBottom`,t),children:e}),Y.displayName=`Modal.Toolbar`,X=({children:e,className:t,scrollable:n})=>(0,J.jsx)(`div`,{className:s(`paddingMd h100 overflowHidden`,t),children:n?(0,J.jsx)(S,{className:`h100`,children:e}):e}),X.displayName=`Modal.Content`,Z=({children:e,className:t})=>(0,J.jsx)(`div`,{className:s(`surface2 borderTop paddingMd`,t),children:(0,J.jsx)(d,{gap:`sm`,align:`center`,justify:`end`,children:e})}),Z.displayName=`Modal.Footer`,Q=({isOpen:e,title:t,size:n=`sm`,height:r,onClose:a,children:o})=>{let c=(0,K.useId)(),l=(0,K.useId)(),{modals:u,openModal:d,closeModal:f,isTopModal:p}=W(),m=oe(),h=(0,K.useRef)(null),g=(0,K.useRef)(0),v={"--modal-height":r},y=e&&(u.length===0||p(c));(0,K.useEffect)(()=>{e&&(h.current=document.activeElement instanceof HTMLElement?document.activeElement:null)},[e]);let b=ee({active:e||!1,trapFocus:!0,restoreFocus:!1});te({active:y||!1,onDismiss:a,containerRef:b}),(0,K.useEffect)(()=>{e&&d(c)},[e,c,d]),(0,K.useEffect)(()=>()=>{window.cancelAnimationFrame(g.current),f(c)},[f,c]);function x(){f(c);let e=h.current;g.current=window.requestAnimationFrame(()=>{e?.isConnected&&e.focus(),h.current=null})}let S=ne(`modal-root`);if(!S)return null;let C=null,w=null,T=null,E=K.Children.toArray(o);for(let e of E)switch(e.type.displayName){case Y.displayName:if(C)throw Error(`Modal: duplicate <Toolbar> found`);C=e;break;case Z.displayName:if(T)throw Error(`Modal: duplicate <Footer> found`);T=e;break;case X.displayName:if(w)throw Error(`Modal: duplicate <Content> found`);w=e}return(0,q.createPortal)((0,J.jsx)(_,{onExitComplete:x,children:e?(0,J.jsxs)(ie.div,{ref:b,className:s(I.modal,I[n]),style:v,role:`dialog`,"aria-modal":`true`,"aria-labelledby":l,"aria-describedby":`${l}-content`,initial:`hidden`,animate:`visible`,exit:`hidden`,variants:R,transition:m?B:z,children:[(0,J.jsxs)(`div`,{className:s(I.header,C?``:`borderBottom`),children:[(0,J.jsx)(`h3`,{className:I.headerText,id:l,children:t}),(0,J.jsx)(re,{icon:(0,J.jsx)(i,{}),className:I.headerButton,variant:`ghost`,"aria-label":`Закрыть модальное окно`,onClick:a})]}),(0,J.jsxs)(ae,{id:`${l}-content`,templateRows:`${C?`auto`:``} 1fr ${T?`auto`:``}`.trim(),className:I.body,children:[C,w,T]})]}):null}),S)},Y.__docgenInfo={description:``,methods:[],displayName:`Modal.Toolbar`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},X.__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:``}}}})))()}export{$ as a,w as c,Y as i,X as n,U as o,Z as r,G as s,Q as t};

package/storybook-static/assets/MultiSelect-BkLCM22R.js

@@ -1,2 +0,0 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./CheckBox-DSmGYEML.js";import{n as a}from"./iframe-woVbsQH3.js";import{n as o,t as ee}from"./OptionButton--hnpJ-88.js";import{n as s,t as c}from"./Text-fdwuak_J.js";import{n as l,t as u}from"./ui.module-CyEEibCu.js";import{l as te,n as d,t as f,u as p}from"./Option-fRoOLqLF.js";import{n as m,t as h}from"./PickerField-CRtltoce.js";import{c as g,i as _,l as v,n as y,r as b,s as ne,t as x,u as S}from"./usePickerTriggerController-DWjrt_q_.js";import{i as C,n as re,r as w,t as T}from"./usePickerQuery-CaO8hXyH.js";import{n as ie,t as ae}from"./usePickerDefaultFilter-ien2ZY7g.js";import{a as oe,i as E,n as se,o as D,s as ce,t as le}from"./defaultRenderers-UxEpV_2H.js";var O,k,A;function j(){return(j=t((()=>{O=`_9oSdQi`,k=`d9SDKQ`,A={multiSelect:O,optionCheckBox:k}})))()}function M({text:e,isError:t}){return(0,N.jsxs)(`div`,{className:l.uiPopupOption,children:[(0,N.jsx)(`span`,{className:l.uiPopupOptionIcon}),(0,N.jsx)(c,{color:t?`error`:`primary`,children:e})]})}var N;function P(){return(P=t((()=>{s(),u(),N=a(),M.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ue({isNoData:e,error:t,children:n}){return e?(0,L.jsx)(w,{emptyState:(0,L.jsx)(M,{text:`Нет данных`})}):t?(0,L.jsx)(w,{errorState:(0,L.jsx)(M,{isError:!0,text:`Ошибка загрузки`})}):(0,L.jsx)(L.Fragment,{children:n})}function F(e,t){return e[t]}function de(e,t,n){return Array.from(new Set([e[n],e[t],...Object.values(e)]))}function fe(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(e=>F(e,n)));return e.every(e=>r.has(F(e,n)))}function pe({entries:e,listId:t,activeIndex:n,selectedKeys:r,codeKey:a,query:o,highlightQuery:s,getOptionDisabled:c,getOptionId:l,setOptionRef:u,toggleOption:te,selectOnlyOption:d,renderItem:p}){return e.map(({item:e,index:m})=>{let h=m===n,g=F(e,a),_=r.has(g),v=c?.(e)??!1,y=p(e,{selected:_,active:h,disabled:v,query:o,highlightQuery:s});return(0,L.jsxs)(f,{id:l(t,m),ref:e=>u(m,e),role:`option`,"aria-selected":_,"aria-disabled":v||void 0,selected:_,active:h,disabled:v,children:[(0,L.jsx)(`div`,{className:A.optionCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,L.jsx)(i,{value:_,disabled:v,"aria-label":`Выбрать ${s??g}`,onChange:()=>te(e)})}),(0,L.jsx)(ee,{tabIndex:-1,disabled:v,text:y.text,code:y.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>d(e)})]},`${g}-${m}`)})}var I,L,R,z;function B(){return(B=t((()=>{I=e(n(),1),r(),d(),o(),m(),S(),C(),g(),ae(),b(),T(),D(),x(),p(),E(),j(),P(),L=a(),R=[],z=(0,I.forwardRef)(({codeKey:e,textKey:t,hideCode:n,items:r,value:i,onChange:a,label:o,description:ee,placeholder:s,size:c,query:l,defaultQuery:u,highlightQuery:d,onQuery:f,defaultFilter:p=!0,onOpen:m,onClose:g,getOptionDisabled:b,disabled:x,error:S,isLoading:C,renderToken:w,renderToolbar:T,renderItem:ae},E)=>{let D=(0,I.useRef)(null),[O,k]=(0,I.useState)(!1),j=`search-multi`,M=i??R,N=(0,I.useMemo)(()=>new Set(M.map(t=>F(t,e))),[e,M]),P=(0,I.useMemo)(()=>r.filter(t=>!N.has(F(t,e))),[e,N,r]),z=(0,I.useMemo)(()=>oe([...M,...r],e,t),[e,M,r,t]),{query:B,setQuery:V,resetQueryOnClose:me}=re({query:l,defaultQuery:u,onQuery:f,triggerMode:j}),he=e=>{O&&!e&&me&&V(``),k(e)},H=ie({options:M,query:B,enabled:p,getSearchText:t=>de(t,e,z)}),U=ie({options:P,query:B,enabled:p,getSearchText:t=>de(t,e,z)}),W=(0,I.useMemo)(()=>[...H,...U],[U,H]),ge=H.length>0?0:-1,{draftValue:G,setDraftValue:K,prepareOpen:_e}=ce({value:M,open:O,onCommit:a,onOpen:m,onClose:g,isEqual:(t,n)=>fe(t,n,e)}),q=(0,I.useMemo)(()=>new Set(G.map(t=>F(t,e))),[e,G]),ve=(0,I.useMemo)(()=>({selectedItems:G,committedSelectedItems:M,selectedKeys:q,open:O}),[M,G,O,q]),J=(0,I.useCallback)(e=>b?.(e,ve)??!1,[b,ve]),{activeIndex:Y,context:ye,floatingStyles:be,getFloatingProps:xe,setReference:Se,setFloating:Ce,setOptionRef:we,close:Te,openList:Ee,toggleOpen:De,selectActiveOption:Oe,handleReferenceKeyDown:ke,handleFloatingKeyDown:Ae,getOptionId:je,getActiveOptionId:Me}=_({options:W,selectedIndex:ge,open:O,onOpenChange:he,onSelect:void 0,disabled:x,getOptionDisabled:J,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:j}),Ne=d??B,X=t=>{let n=F(t,e);K(r=>r.some(t=>F(t,e)===n)?r.filter(t=>F(t,e)!==n):J(t)?r:[...r,t])},Pe=e=>{if(D.current=e,typeof E==`function`){E(e);return}E&&(E.current=e)},Fe=()=>{K([]),O||a([])},Ie=()=>{K(t=>{let n=[...t],r=new Set(t.map(t=>F(t,e)));for(let t of W){let i=F(t,e);!r.has(i)&&!J(t)&&(r.add(i),n.push(t))}return n})},Le=()=>{K([])},Re=e=>{J(e)||(K([e]),Te())},ze=O?G:M,Z=ze.length>0,Be={selectedItems:ze,committedSelectedItems:M,availableItems:U,query:B,open:O,clearSelection:Fe,selectAll:Ie,deselectAll:Le},Ve=w===void 0?se({codeKey:e,textKey:z}):w,He=ae??le({codeKey:e,textKey:z,hideCode:n}),Ue=typeof Ve==`function`?Ve(Be):null,We=typeof T==`function`?T(Be):T,Q=H.map((e,t)=>({item:e,index:t})),Ge=U.map((e,t)=>({item:e,index:t+Q.length})),Ke=!C&&!S&&W.length===0,$=y({mode:j,open:O,currentQuery:B,hasDisplayValue:!1,inputRef:D,setQuery:V,openList:Ee,close:Te,toggleOpen:De,onBeforeOpen:()=>{O||_e()}});return(0,L.jsx)(h,{label:o,description:ee,disabled:x,size:c,className:A.multiSelect,children:({controlId:t,labelId:n,describedBy:i})=>{let a=`${t}-listbox`;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(ne,{ref:Pe,rootRef:Se,id:t,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:C,disabled:x,open:O,optionCount:r.length,label:o,placeholder:s,placeholderFallback:`Выберите значения`,value:B,selectedValue:Ue,hasSelection:Z,showSelectedValue:Z&&B.length===0,clearable:!0,onClear:Fe,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":i,"aria-haspopup":`listbox`,"aria-expanded":O,"aria-controls":O?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":O?Me(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{ke(e),!e.defaultPrevented&&$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{if(Y>=0){let e=W[Y];if(e){X(e);return}}Oe()},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}),(0,L.jsx)(v,{open:O,context:ye,floatingStyles:be,listId:a,labelId:n,descriptionId:i,activeOptionId:O?Me(a):void 0,setFloating:Ce,getFloatingProps:xe,onKeyDown:Ae,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:We,selectionActions:T===void 0?{onSelectAll:Ie,onDeselectAll:Le}:void 0,children:(0,L.jsx)(ue,{isNoData:Ke,error:S,children:(0,L.jsxs)(`div`,{className:`scrollable overscroll h100`,children:[(0,L.jsx)(pe,{entries:Q,listId:a,activeIndex:Y,selectedKeys:q,codeKey:e,query:B,highlightQuery:Ne,getOptionDisabled:J,getOptionId:je,setOptionRef:we,toggleOption:X,selectOnlyOption:Re,renderItem:He}),Q.length>0&&P.length>0&&(0,L.jsx)(te,{className:`marginBlockSm`}),(0,L.jsx)(pe,{entries:Ge,listId:a,activeIndex:Y,selectedKeys:q,codeKey:e,query:B,highlightQuery:Ne,getOptionDisabled:J,getOptionId:je,setOptionRef:we,toggleOption:X,selectOnlyOption:Re,renderItem:He})]})})})]})}})}),z.displayName=`MultiSelect`,z.__docgenInfo={description:`Поле множественного выбора с внутренним черновиком значений и подтверждением выбора при закрытии списка.
-Подходит как для самостоятельного использования, так и как базовый слой для OData-оберток.`,methods:[],displayName:`MultiSelect`,props:{renderToken:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => React.ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderToolbar:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => React.ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderItem:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: CollectionItem, state: MultiSelectItemState) => MultiSelectOptionContent`,signature:{arguments:[{type:{name:`CollectionItem`},name:`item`},{type:{name:`MultiSelectItemState`},name:`state`}],return:{name:`MultiSelectOptionContent`}}},description:``},label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},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:``},codeKey:{required:!0,tsType:{name:`string`},description:``},textKey:{required:!1,tsType:{name:`string`},description:``},hideCode:{required:!1,tsType:{name:`boolean`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},highlightQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},defaultFilter:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},description:``},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: TOption, context: MultiSelectOptionDisableContext) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`item`},{type:{name:`MultiSelectOptionDisableContext`},name:`context`}],return:{name:`boolean`}}},description:``},onOpen:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onClose:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: TOption[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},name:`value`}],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{B as n,z as t};

package/storybook-static/assets/MultiSelect-DI_UD1B-.css

@@ -1 +0,0 @@
-._9oSdQi{padding:0}.d9SDKQ{--check-box-control-size:auto;padding-left:var(--space-sm);flex-shrink:0;display:inline-flex}

package/storybook-static/assets/NoData-bUonNuRR.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-woVbsQH3.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./Text-fdwuak_J.js";var o,s;function c(){return(c=e((()=>{r(),o=t(),s=({className:e,minHeight:t,children:r,style:i,...a})=>{let s=t===void 0?i:{...i,minHeight:t};return(0,o.jsx)(`div`,{...a,className:n(`flexCenter h100`,e),style:s,children:r})},s.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})))()}var l,u;function d(){return(d=e((()=>{l=`qgIKVo`,u={componentLoader:l}})))()}function f({className:e,children:t,color:r=`muted`,role:i,minHeight:o,uppercase:c=!0}){return(0,p.jsx)(s,{className:n(`paddingMd textCenter`,e),minHeight:o,children:(0,p.jsx)(a,{as:`p`,weight:`bold`,color:r,uppercase:c,role:i,children:t})})}var p;function m(){return(m=e((()=>{r(),c(),i(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{className:{required:!1,tsType:{name:`string`},description:``},color:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "muted" | "error" | "warning" | "success" | "info" | "brand" | "accent"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"muted"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`},{name:`literal`,value:`"brand"`},{name:`literal`,value:`"accent"`}]},description:``,defaultValue:{value:`"muted"`,computed:!1}},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},uppercase:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},role:{required:!1,tsType:{name:`AriaRole`},description:``}},composes:[`PropsWithChildren`]}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(f,{className:n(u.componentLoader,t?void 0:`skeletonLine`,e),children:[t,r||`Загрузка...`]})}var g;function _(){return(_=e((()=>{r(),d(),m(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`LoadingMessage`,props:{className:{required:!1,tsType:{name:`string`},description:``},logo:{required:!1,tsType:{name:`ReactNode`},description:`Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке.`},text:{required:!1,tsType:{name:`string`},description:``}}}})))()}function v({className:e,text:t,role:n,minHeight:r=`5em`}){return(0,y.jsx)(f,{className:e,color:`muted`,minHeight:r,role:n,children:t||`Нет данных`})}var y;function b(){return(b=e((()=>{m(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`NoData`,props:{className:{required:!1,tsType:{name:`string`},description:``},text:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`"5em"`,computed:!1}},role:{required:!1,tsType:{name:`AriaRole`},description:``}}}})))()}export{_ as i,b as n,h as r,v as t};

package/storybook-static/assets/NotificationsHost-CrLL4WK9.js

@@ -1,44 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{i as t,n,r,t as i}from"./NotificationsHost.stories-Ci2q0W9-.js";import{n as a}from"./iframe-woVbsQH3.js";import{i as o,r as s}from"./react-Bl2r1tuC.js";import{a as c,d as l,f as u,l as d,m as f,n as p,p as m,r as h,u as g}from"./blocks-Cw5Dm88b.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...o(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{of:n,parameters:{docs:{toc:!0}}}),`
-`,(0,y.jsx)(m,{children:`NotificationsHost`}),`
-`,(0,y.jsx)(u,{children:`Хост глобальных уведомлений для очереди toast-сообщений и длинных пользовательских операций`}),`
-`,(0,y.jsx)(t.p,{children:`NotificationsHost уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
-Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
-`,(0,y.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,y.jsx)(g,{}),`
-`,(0,y.jsx)(c,{of:r}),`
-`,(0,y.jsx)(t.pre,{children:(0,y.jsx)(t.code,{className:`language-tsx`,children:`import { Button } from "@ryuzaki13/react-foundation-ui";
-import { NotificationApi, NotificationsHost, NotificationsProvider } from "@ryuzaki13/react-foundation-ui";
-
-export function Example() {
-	return (
-		<NotificationsProvider>
-			<Button
-				onClick={() =>
-					NotificationApi.push({
-						title: "Готово",
-						description: "Операция завершена",
-						tone: "success"
-					})
-				}>
-				Показать уведомление
-			</Button>
-			<NotificationsHost />
-		</NotificationsProvider>
-	);
-}
-`})}),`
-`,(0,y.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
-`,(0,y.jsxs)(t.ul,{children:[`
-`,(0,y.jsx)(t.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
-`]}),`
-`,(0,y.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
-`,(0,y.jsx)(t.h3,{id:`общий-showcase-для-обзорной-проверки-компонента`,children:`Общий showcase для обзорной проверки компонента`}),`
-`,(0,y.jsx)(t.p,{children:`Общий showcase для обзорной проверки компонента.`}),`
-`,(0,y.jsx)(h,{of:r}),`
-`,(0,y.jsx)(t.h3,{id:`интерактивная-песочница-для-ручной-проверки-поведения`,children:`Интерактивная песочница для ручной проверки поведения`}),`
-`,(0,y.jsx)(t.p,{children:`Интерактивная песочница для ручной проверки поведения.`}),`
-`,(0,y.jsx)(h,{of:i}),`
-`,(0,y.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,y.jsx)(p,{of:n}),`
-`,(0,y.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,y.jsx)(l,{includePrimary:!1})]})}function v(e={}){let{wrapper:t}={...o(),...e.components};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;function b(){return(b=e((()=>{y=a(),s(),f(),t()})))()}b();export{v as default};

package/storybook-static/assets/NotificationsHost.stories-Ci2q0W9-.js

@@ -1,29 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-028VTQ8f.js";import{n as a,t as o}from"./circle-alert-s0HpHvQO.js";import{n as s,t as c}from"./circle-check-C7Lv1fv9.js";import{i as l,n as ee,r as u,t as d}from"./info-DKbXBIbQ.js";import{n as te,t as f}from"./refresh-cw-DXEJelAO.js";import{n as ne,t as re}from"./trash-2-CPWRIQlJ.js";import{n as p,t as m}from"./triangle-alert-XjzWCHp5.js";import{n as ie,t as ae}from"./x-D2Q9PGsq.js";import{i as oe,n as h,r as se}from"./iframe-woVbsQH3.js";import{a as ce,i as le}from"./utils-tg3ibbzi.js";import{a as ue,i as de,n as fe,r as g}from"./react-GkniIHEK.js";import{n as pe}from"./error-De9R4E_F.js";import{n as me,t as _}from"./FlexContainer-BWyPlTMB.js";import{n as he,t as v}from"./Button-CoOZeR_z.js";var y,b;function x(){return(x=e((()=>{oe(),y=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],b=se(`bell-ring`,y)})))()}var S,C;function w(){return(w=e((()=>{oe(),S=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],C=se(`timer-reset`,S)})))()}var T,E,D,O,k,A,j;function M(){return(M=e((()=>{ue(),T=null,E=e=>(T=e,()=>{T===e&&(T=null)}),D=()=>{if(!T)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return T},O=Object.freeze({push:e=>D().getState().actions.push(e),upsert:e=>D().getState().actions.upsert(e),update:(e,t)=>D().getState().actions.update(e,t),dismiss:e=>D().getState().actions.dismiss(e),clear:()=>D().getState().actions.clear(),success:(e,t)=>D().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>D().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>D().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>D().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=D(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>O.update(i,{message:e}),success:(e,t=2500)=>O.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>O.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>O.dismiss(i)}}}),k=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,A=6,j=()=>{let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=de()((i,a)=>({items:[],actions:{push:e=>{let t=e.id??k(),a=Date.now(),o={id:t,type:e.type,title:e.title,message:e.message,createdAt:a,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions};return i(e=>({items:[o,...e.items.filter(e=>e.id!==t)].slice(0,A)})),n(r,t,o.ttlMs),t},update:(e,t)=>{let{items:o}=a(),s=o.findIndex(t=>t.id===e);if(s===-1)return!1;let c=o[s],l={...c,...t,id:c.id,createdAt:c.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?l:t)})),`ttlMs`in t&&n(r,e,l.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})}}}));return r}})))()}function N({children:e}){let t=(0,I.useMemo)(()=>j(),[]);return(0,I.useEffect)(()=>E(t),[t]),(0,L.jsx)(R.Provider,{value:t,children:e})}function P(){let e=(0,I.useContext)(R);if(!e)throw pe({hookName:`useNotificationApi`,providerName:`NotificationsProvider`});return e}function ge(){let e=P();return g(e,e=>e.items)}function F(){let e=P(),t=g(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}var I,L,R;function z(){return(z=e((()=>{I=n(),M(),fe(),L=h(),R=(0,I.createContext)(null),N.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.`,methods:[],displayName:`NotificationsProvider`}})))()}var B,V,H,U,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,W;function De(){return(De=e((()=>{B=`STGQ3g`,V=`RaiISE`,H=`cM81wO`,U=`nH2cuZ`,_e=`A2glD7`,ve=`yWjijS`,ye=`_1HO2ne`,be=`OyRJpj`,xe=`vrCrow`,Se=`A0X-ma`,Ce=`AkHvPV`,we=`_4YDLB5`,Te=`CK3Bqv`,Ee=`nLmQut`,W={container:B,card:V,info:H,success:U,warning:_e,error:ve,header:ye,content:be,copy:xe,icon:Se,kicker:Ce,title:we,message:Te,actions:Ee}})))()}function G(){let e=ge(),{dismiss:t}=F();return(0,K.jsx)(`div`,{className:W.container,"aria-label":`Область уведомлений`,"aria-live":`polite`,"aria-relevant":`additions text`,children:e.map(e=>{let n=Oe[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`article`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:ce(W.card,W[e.type]),children:(0,K.jsxs)(_,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(_,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(v,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(v,{icon:(0,K.jsx)(ae,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Oe;function ke(){return(ke=e((()=>{le(),a(),s(),ee(),p(),ie(),he(),me(),z(),De(),K=h(),Oe={info:{title:`Информация`,Icon:d},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:m},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения очереди уведомлений.
-Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.`,methods:[],displayName:`NotificationsHost`}})))()}var Ae=t({InteractivePlayground:()=>Q,Showcase:()=>Z,__namedExportsOrder:()=>Be,default:()=>Fe});function je(){let{clear:e}=F();return(0,q.useEffect)(()=>(e(),()=>{e()}),[e]),null}function Me({children:e,hostProps:t}){return(0,J.jsxs)(N,{children:[(0,J.jsx)(je,{}),(0,J.jsx)(`div`,{style:Ie,children:(0,J.jsxs)(`div`,{style:Le,children:[(0,J.jsxs)(`div`,{style:Re,children:[(0,J.jsx)(`h2`,{style:{margin:0,fontSize:`var(--font-size-xl)`},children:`Демонстрация очереди уведомлений`}),(0,J.jsx)(`p`,{style:{margin:`12px 0 0`,color:`var(--content-1)`},children:"Хост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и семантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной операции с обновлением одного уведомления."})]}),e]})}),(0,J.jsx)(G,{...t})]})}function Ne(){let{clear:e,push:t}=F();return(0,q.useEffect)(()=>(e(),t({type:`info`,title:`Сетевой статус`,message:`Подключение к серверу восстановлено.`,ttlMs:6e3}),t({type:`success`,title:`Профиль обновлён`,message:`Изменения сохранены и отправлены в очередь на синхронизацию.`,ttlMs:4500}),t({type:`warning`,title:`Требуется внимание`,message:`Срок действия сессии истекает через 5 минут.`}),t({type:`error`,title:`Ошибка импорта`,message:`Не удалось загрузить журнал операций.
-Повторите запрос или обратитесь к администратору.`}),()=>{e()}),[e,t]),(0,J.jsxs)(`div`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Снимок состояний`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`История сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста.`})]})}function Pe(){let e=F(),t=(0,q.useRef)(null),[n,r]=(0,q.useState)(!1),a=()=>{t.current=null,r(!1)},o=(n,r)=>{let i=t.current;i&&(!e.update(i,{message:n,...r})||r?.type)&&a()};return(0,J.jsxs)(`div`,{style:ze,children:[(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Базовые сценарии`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Вызовы через `useNotify` подходят для UI-логики внутри React-компонентов."}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(v,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(d,{}),onClick:()=>e.info(`Справочник обновлён по расписанию.`,{title:`Информация`,ttlMs:3500}),children:`Info`}),(0,J.jsx)(v,{tone:`success`,appearance:`solid`,icon:(0,J.jsx)(i,{}),onClick:()=>e.success(`Изменения сохранены.`,{title:`Операция завершена`,ttlMs:2500}),children:`Success`}),(0,J.jsx)(v,{tone:`warning`,appearance:`outline`,icon:(0,J.jsx)(m,{}),onClick:()=>e.warning(`Подтвердите действие в течение 2 минут.`,{title:`Требуется подтверждение`,dismissible:!1}),children:`Sticky warning`}),(0,J.jsx)(v,{tone:`error`,appearance:`solid`,icon:(0,J.jsx)(u,{}),onClick:()=>e.error(`Сервис проверки подписей недоступен.`,{title:`Критическая ошибка`}),children:`Error`})]})]}),(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Долгая операция`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Сценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`."}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(v,{variant:`neutralOutline`,icon:(0,J.jsx)(b,{}),onClick:()=>{let n=e.push({type:`info`,title:`Экспорт архива`,message:`Подготавливаю пакет документов...`,dismissible:!1});t.current=n,r(!0)},children:`Запустить`}),(0,J.jsx)(v,{variant:`neutralOutline`,icon:(0,J.jsx)(f,{}),onClick:()=>{o(`Обработано 68% записей. Формирую итоговый архив...`)},disabled:!n,children:`Обновить прогресс`}),(0,J.jsx)(v,{tone:`success`,appearance:`outline`,icon:(0,J.jsx)(i,{}),onClick:()=>{o(`Архив подготовлен и доступен для скачивания.`,{type:`success`,ttlMs:2500,dismissible:!0})},disabled:!n,children:`Завершить успешно`}),(0,J.jsx)(v,{tone:`error`,appearance:`outline`,icon:(0,J.jsx)(u,{}),onClick:()=>{o(`Не удалось собрать архив из-за ошибки чтения вложений.`,{type:`error`,ttlMs:5e3,dismissible:!0})},disabled:!n,children:`Завершить ошибкой`})]})]}),(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Очередь и очистка`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`Стор сохраняет не более 6 уведомлений. Кнопка ниже специально создаёт 8 элементов, чтобы проверить отсечение старых записей.`}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(v,{variant:`neutralOutline`,icon:(0,J.jsx)(f,{}),onClick:()=>{for(let t=1;t<=8;t+=1)e.info(`Пакет ${t} поставлен в очередь на обработку.`,{title:`Задача ${t}`,ttlMs:8e3})},children:`Заполнить очередь`}),(0,J.jsx)(v,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(C,{}),onClick:()=>e.info(`Это уведомление исчезнет автоматически через 2 секунды.`,{title:`TTL = 2000 мс`,ttlMs:2e3}),children:`Проверить TTL`}),(0,J.jsx)(v,{variant:`transparent`,icon:(0,J.jsx)(re,{}),onClick:()=>{a(),e.clear()},children:`Очистить всё`})]})]})]})}var q,J,Fe,Ie,Le,Re,ze,Y,X,Z,Q,Be;function $(){return($=e((()=>{q=n(),x(),r(),ee(),te(),w(),ne(),p(),l(),he(),z(),ke(),J=h(),Fe={title:`UI/Notifications`,component:G,args:{},argTypes:{},parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:`Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления.`}}}},Ie={minHeight:`100vh`,padding:`32px 24px 160px`,background:`linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)`,color:`var(--content-0)`},Le={maxWidth:1120,margin:`0 auto`,display:`grid`,gap:16},Re={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`},ze={display:`grid`,gap:16,gridTemplateColumns:`repeat(auto-fit, minmax(280px, 1fr))`},Y={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`,display:`grid`,gap:12,alignContent:`start`},X={display:`flex`,flexWrap:`wrap`,gap:10},Z={render:function(e){return(0,J.jsx)(Me,{hostProps:e,children:(0,J.jsx)(Ne,{})})},parameters:{docs:{description:{story:`Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.`}}}},Q={render:function(e){return(0,J.jsx)(Me,{hostProps:e,children:(0,J.jsx)(Pe,{})})},parameters:{docs:{description:{story:`Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия.`}}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    return <NotificationsStoryShell hostProps={args}>
-                <ShowcaseSeed />
-            </NotificationsStoryShell>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории."
-      }
-    }
-  }
-}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    return <NotificationsStoryShell hostProps={args}>
-                <PlaygroundPanel />
-            </NotificationsStoryShell>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия."
-      }
-    }
-  }
-}`,...Q.parameters?.docs?.source}}},Be=[`Showcase`,`InteractivePlayground`]})))()}export{$ as i,Ae as n,Z as r,Q as t};