@ryuzaki13/react-foundation-ui 1.8.2 → 1.8.4

package/storybook-static/assets/CheckBox-BnO90VKX.css

@@ -1 +0,0 @@
-.cgozWT{align-items:center;gap:var(--space-xs);display:flex}._1evcXl{--check-box-size:var(--text-height);--check-icon-size:calc(var(--text-height) - 6px);width:var(--control-height);height:var(--control-height);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lU3P-V{width:var(--check-box-size);height:var(--check-box-size);border-radius:var(--radius-xs)}.uVSbSw+.PhkI5X{color:var(--ui-tone-fill)}.PhkI5X{width:var(--check-box-size);height:var(--check-box-size)}.PhkI5X svg{width:var(--check-icon-size);height:var(--check-icon-size);stroke:currentColor;display:block}

package/storybook-static/assets/ContextMenu-BgzIzwzM.css

@@ -1 +0,0 @@
-.nPfxbm{--menu-max-height:min(22em, calc(100dvh - var(--space-xl)));--menu-min-width:13em;--menu-max-width:min(22em, calc(100dvw - var(--space-xl)));min-width:var(--menu-min-width);max-width:var(--menu-max-width);padding:var(--space-xs);background-color:var(--surface-0);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);outline:none}.T8GF31{max-height:var(--menu-max-height);overflow:auto}.XM9raj{gap:var(--space-sm)}.JY0XKk{justify-content:center;align-items:center;display:inline-flex}.Jj7pGe{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.o7v3XA{font-size:var(--font-size-sm)}.f9wo9l{width:var(--radial-panel-size);height:var(--radial-panel-size);z-index:var(--z-context-menu,var(--z-dropdown));pointer-events:none;outline:none;position:fixed}._9IPwGF{inset:calc(var(--radial-item-size) / 2);border:var(--border);background:radial-gradient(circle, color-mix(in srgb, var(--surface-0) 96%, transparent) 0 36%, transparent 37%), color-mix(in srgb, var(--surface-0) 88%, transparent);box-shadow:var(--shadow-md);pointer-events:none;border-radius:50%;position:absolute}.CAmmlz{width:calc(var(--radial-item-size) * .72);height:calc(var(--radial-item-size) * .72);padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CAmmlz:focus{background-color:var(--surface-1);border-color:var(--border-1)}.CAmmlz:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}@media (any-hover:hover){.CAmmlz:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}@media (any-hover:none){.CAmmlz:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}._5KEBWR{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);line-height:1.1;overflow:hidden}.L28onY{pointer-events:none;position:absolute;inset:0}.Pg-1Y3{width:var(--radial-item-size);height:var(--radial-item-size);transform:rotate(var(--radial-item-angle)) translate(var(--radial-radius)) rotate(calc(var(--radial-item-angle) * -1)) translate(-50%, -50%);pointer-events:none;position:absolute;top:50%;left:50%}.ObIrS2{width:100%;height:100%;padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;grid-template-rows:1fr auto;place-items:center;gap:.15rem;display:grid}.ObIrS2:focus{background-color:var(--surface-1);border-color:var(--border-1)}.ObIrS2:disabled,.ObIrS2[aria-disabled=true]{cursor:default;color:var(--content-2);opacity:.52;pointer-events:none}.ObIrS2:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}@media (any-hover:hover){.ObIrS2:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}@media (any-hover:none){.ObIrS2:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}._0jf5vt{min-width:var(--space-md);min-height:var(--space-md);justify-content:center;align-items:center;display:inline-flex}._0jf5vt>svg{width:var(--space-md);height:var(--space-md)}.zKwsQF{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);overflow:hidden}

package/storybook-static/assets/ContextMenu-BhGu3QoC.js

@@ -1 +0,0 @@
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-Bbj4T0X2.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,d as c,g as l,m as u,p as d,r as f}from"./floating-ui.react-BswSORmJ.js";import{a as p,i as m,n as h,r as g}from"./dom-B3G_GtJw.js";import{n as _}from"./error-BZrNlEUO.js";import{n as v,t as y}from"./ui.module-CiLQZm_L.js";import{n as b,r as x,t as S}from"./react-CTGFMmtV.js";function C(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function w(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function T(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function E(){return(E=e((()=>{})))()}function D(){let e=(0,O.useContext)(k);if(!e)throw _({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var O,k;function A(){return(A=e((()=>{O=n(),k=(0,O.createContext)(null)})))()}var j,M;function ee(){return(ee=e((()=>{j=n(),A(),M=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerContextMenu:i,onTriggerKeyDown:a}=D();if(t!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,j.cloneElement)(e,{ref:t=>{let n=e.props.ref;C(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onContextMenu:w(e.props.onContextMenu,i),onKeyDown:T(e.props.onKeyDown,a)})},M.__docgenInfo={description:``,methods:[],displayName:`ContextMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})))()}var te,ne,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,me,he,N;function P(){return(P=e((()=>{te=`nPfxbm`,ne=`T8GF31`,re=`XM9raj`,ie=`JY0XKk`,ae=`Jj7pGe`,oe=`o7v3XA`,se=`f9wo9l`,ce=`_9IPwGF`,le=`CAmmlz`,ue=`_5KEBWR`,de=`L28onY`,fe=`Pg-1Y3`,pe=`ObIrS2`,me=`_0jf5vt`,he=`zKwsQF`,N={menuPanel:te,menuScroller:ne,menuItem:re,menuItemIcon:ie,menuItemText:ae,menuItemHotKey:oe,radialPanel:se,radialRing:ce,radialCenterButton:le,radialCenterButtonText:ue,radialItems:de,radialItemSlot:fe,radialItem:pe,radialItemIcon:me,radialItemText:he}})))()}var F,ge,I,L;function R(){return(R=e((()=>{F=t(n(),1),g(),o(),S(),ge=i(),P(),A(),I=r(),L=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0})=>{let{open:s,floatingStyles:c,floatingRef:l,triggerRef:u,setFloating:d,closeMenu:f}=D(),g=(0,F.useCallback)(()=>{let e=l.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[l]);p({active:s,initialFocus:e=>g()[0]??e,restoreFocus:o,restoreFocusTarget:()=>u.current,containerRef:l}),h({active:s,enabled:r,onDismiss:f,containerRef:l});let _=(0,F.useCallback)(()=>{!s||i||n&&f()},[s,i,n,f]);m([l,u],_);let v=(0,F.useCallback)(e=>{let t=g();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[g]);return typeof document>`u`?null:(0,ge.createPortal)((0,I.jsx)(x,{children:s&&(0,I.jsx)(b.div,{ref:d,style:c,role:`menu`,tabIndex:-1,className:a(N.menuPanel,t),onKeyDown:v,initial:{opacity:0,scale:.96,y:-2},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-2},transition:{duration:.14,ease:`easeOut`},children:(0,I.jsx)(`div`,{className:a(N.menuScroller,`scrollable`),children:typeof e==`function`?e({closeMenu:f}):e})})}),document.body)}})))()}var _e,z;function B(){return(B=e((()=>{n(),o(),y(),_e=r(),z=({children:e,className:t})=>(0,_e.jsx)(`div`,{className:a(v.uiPopupGroupLabel,t),children:e}),z.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}var ve,V,H;function U(){return(U=e((()=>{ve=t(n(),1),o(),y(),P(),A(),V=r(),H=({children:e,icon:t,hotKey:n,className:r,disabled:i,href:o,target:s,rel:c,closeOnSelect:l=!0,onSelect:u})=>{let{closeMenu:d}=D(),f=(0,ve.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}u?.(e),!e.defaultPrevented&&l&&d()},[i,u,l,d]),p=a(v.uiPopupOption,N.menuItem,r);return o?(0,V.jsxs)(`a`,{href:o,target:s,rel:c,role:`menuitem`,tabIndex:-1,"aria-disabled":i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(v.uiPopupOptionIcon,N.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(v.uiOptionText,N.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(v.keyboard,N.menuItemHotKey),children:n})]}):(0,V.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(v.uiPopupOptionIcon,N.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(v.uiOptionText,N.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(v.keyboard,N.menuItemHotKey),children:n})]})},H.__docgenInfo={description:``,methods:[],displayName:`MenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},hotKey:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},href:{required:!1,tsType:{name:`string`},description:``},target:{required:!1,tsType:{name:`string`},description:``},rel:{required:!1,tsType:{name:`string`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLElement>`,elements:[{name:`HTMLElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})))()}function ye(e){return{x:e.clientX,y:e.clientY}}function be(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function xe(e,t){return{contextElement:t??void 0,getBoundingClientRect:()=>({x:e.x,y:e.y,top:e.y,left:e.x,bottom:e.y,right:e.x,width:0,height:0,toJSON:()=>{}})}}function Se(e){return{open:!0,source:e.source,anchor:e.anchor}}function Ce(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var we;function Te(){return(Te=e((()=>{we={open:!1,source:null,anchor:null}})))()}var W,Ee,G;function K(){return(K=e((()=>{W=t(n(),1),f(),Te(),A(),Ee=r(),G=({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a})=>{let[o,f]=(0,W.useState)(we),[p,m]=(0,W.useState)(i??!1),h=r!==void 0,g=h?r:p,_=(0,W.useRef)(null),{refs:v,floatingStyles:y,update:b}=s({placement:n,strategy:t===`contextmenu`?`fixed`:`absolute`,transform:!1,middleware:[d(6),c({padding:8}),u({padding:8})],whileElementsMounted:l}),x=(0,W.useCallback)(e=>{h||m(e),a?.(e),e||f(e=>Ce(e))},[h,a]),S=(0,W.useCallback)(()=>{x(!1)},[x]),C=(0,W.useCallback)((e,t)=>{v.setReference(e),f(Se({source:t,anchor:{type:`element`,element:e}})),x(!0)},[v,x]),w=(0,W.useCallback)((e,t,n)=>{v.setReference(xe(e,n)),f(Se({source:t,anchor:{type:`point`,point:e,contextElement:n}})),x(!0),b()},[v,x,b]),T=(0,W.useCallback)(e=>{_.current=e,t===`click`&&v.setReference(e)},[t,v]),E=(0,W.useCallback)(e=>{if(t!==`click`)return;let n=e.currentTarget;if(g&&o.anchor?.type===`element`&&o.anchor.element===n){S();return}C(n,`click`)},[t,g,o.anchor,S,C]),D=(0,W.useCallback)(e=>{if(t!==`contextmenu`)return;e.preventDefault();let n=e.currentTarget,r=ye(e);w(r,`contextmenu`,n)},[t,w]),O=(0,W.useCallback)(e=>{if(!(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`))return;e.preventDefault();let n=e.currentTarget;if(t===`click`){C(n,`keyboard`);return}let r=be(n.getBoundingClientRect());w(r,`keyboard`,n)},[t,C,w]),A=g&&o.anchor!==null,j=(0,W.useMemo)(()=>o.anchor?o.anchor.type===`point`?o.anchor.point:be(o.anchor.element.getBoundingClientRect()):null,[o.anchor]),M=(0,W.useMemo)(()=>({mode:t,open:A,openSource:o.source,anchorPoint:j,floatingStyles:y,floatingRef:v.floating,triggerRef:_,setFloating:v.setFloating,registerTriggerElement:T,onTriggerClick:E,onTriggerContextMenu:D,onTriggerKeyDown:O,closeMenu:S}),[t,A,o.source,j,y,v.floating,v.setFloating,T,E,D,O,S]);return(0,Ee.jsx)(k.Provider,{value:M,children:e})},G.__docgenInfo={description:``,methods:[],displayName:`MenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},mode:{required:!0,tsType:{name:`union`,raw:`"click" | "contextmenu"`,elements:[{name:`literal`,value:`"click"`},{name:`literal`,value:`"contextmenu"`}]},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`mode === "click" ? "bottom-start" : "right-start"`,computed:!1}},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}var De,q;function J(){return(J=e((()=>{n(),o(),y(),De=r(),q=({className:e})=>(0,De.jsx)(`div`,{role:`separator`,className:a(v.uiPopupOptionSeparator,e)}),q.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function Oe(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}var Y,ke,X,Ae;function je(){return(je=e((()=>{Y=t(n(),1),g(),o(),S(),ke=i(),P(),A(),X=r(),Ae=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0,radius:s=76,itemSize:c=64,closeLabel:l=`Закрыть`})=>{let{open:u,anchorPoint:d,floatingRef:f,triggerRef:g,setFloating:_,closeMenu:v}=D(),y=typeof e==`function`?e({closeMenu:v}):e,S=(0,Y.useMemo)(()=>Y.Children.toArray(y),[y]),C=S.length,w=s*2+c,T=(0,Y.useMemo)(()=>{if(typeof window>`u`||!d)return null;let e=w/2+8;return{x:Oe(d.x,e,window.innerWidth-e),y:Oe(d.y,e,window.innerHeight-e)}},[d,w]),E=(0,Y.useCallback)(()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[f]);p({active:u,initialFocus:e=>E()[0]??e,restoreFocus:o,restoreFocusTarget:()=>g.current,containerRef:f}),(0,Y.useEffect)(()=>{if(!u||!d)return;let e=0;return e=window.requestAnimationFrame(()=>{(E()[0]??f.current)?.focus()}),()=>window.cancelAnimationFrame(e)},[u,d,E,f]),h({active:u,enabled:r,onDismiss:v,containerRef:f});let O=(0,Y.useCallback)(()=>{!u||i||n&&v()},[u,i,n,v]);m([f,g],O);let k=(0,Y.useCallback)(e=>{let t=E();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowRight`||e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[E]);return typeof document>`u`?null:(0,ke.createPortal)((0,X.jsx)(x,{children:u&&T&&(0,X.jsxs)(b.div,{ref:_,style:{"--radial-panel-size":`${w}px`,"--radial-radius":`${s}px`,"--radial-item-size":`${c}px`,left:T.x-w/2,top:T.y-w/2,transformOrigin:`center`},role:`menu`,tabIndex:-1,className:a(N.radialPanel,t),onKeyDown:k,initial:{opacity:0,scale:.78},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.78},transition:{duration:.16,ease:`easeOut`},children:[(0,X.jsx)(`div`,{className:N.radialRing,"aria-hidden":`true`}),(0,X.jsx)(`button`,{type:`button`,role:`menuitem`,className:N.radialCenterButton,"aria-label":l,"data-menu-item":`true`,"data-radial-close":`true`,onClick:v,children:(0,X.jsx)(`span`,{className:N.radialCenterButtonText,children:l})}),(0,X.jsx)(`div`,{className:N.radialItems,children:S.map((e,t)=>{let n=C>0?-90+360/C*t:-90;return(0,X.jsx)(`div`,{className:N.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}})))()}var Me,Z,Q;function Ne(){return(Ne=e((()=>{Me=t(n(),1),o(),P(),A(),Z=r(),Q=({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o})=>{let{closeMenu:s}=D(),c=(0,Me.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Z.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:r,"aria-disabled":r,"data-menu-item":`true`,"data-disabled":r?`true`:void 0,"data-ui":`radial-menu-item`,"data-action":`select-radial-menu-item`,className:a(N.radialItem,n),onClick:c,children:[t&&(0,Z.jsx)(`span`,{className:N.radialItemIcon,children:t}),(0,Z.jsx)(`span`,{className:N.radialItemText,children:e})]})},Q.__docgenInfo={description:``,methods:[],displayName:`RadialMenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLButtonElement>`,elements:[{name:`HTMLButtonElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})))()}var Pe,$,Fe;function Ie(){return(Ie=e((()=>{n(),ee(),R(),B(),U(),K(),J(),je(),Ne(),Pe=r(),$=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,Pe.jsx)(G,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Fe=Object.assign($,{Trigger:M,Content:L,RadialContent:Ae,Item:H,RadialItem:Q,Separator:q,GroupLabel:z}),$.__docgenInfo={description:``,methods:[],displayName:`ContextMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{w as _,G as a,U as c,L as d,R as f,T as g,C as h,J as i,z as l,D as m,Ie as n,K as o,A as p,q as r,H as s,Fe as t,B as u,E as v};

package/storybook-static/assets/ContextMenu.stories-V9d5mjak.js

@@ -1,37 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./settings-2-DESCgIcH.js";import{n as i,t as a}from"./trash-2-D0Ed43_3.js";import{i as o,n as s,r as c}from"./iframe-Bbj4T0X2.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";import{n as d,t as f}from"./ContextMenu-BhGu3QoC.js";import{n as p,t as m}from"./DropdownMenu-BD-pc32j.js";var h,g;function _(){return(_=e((()=>{o(),h=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]],g=c(`copy`,h)})))()}var v,y;function b(){return(b=e((()=>{o(),v=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]],y=c(`eye`,v)})))()}var x,S;function C(){return(C=e((()=>{o(),x=[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],S=c(`pencil-line`,x)})))()}var w,T;function E(){return(E=e((()=>{o(),w=[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]],T=c(`pin`,w)})))()}var D=t({ContextMenuBasic:()=>L,ContextMenuRadial:()=>R,ControlledDropdown:()=>z,DropdownMenuBasic:()=>I,__namedExportsOrder:()=>B,default:()=>F});function O(e,t){return{args:e,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})}}}function k({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,M.jsxs)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(m.GroupLabel,{children:`Файл`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(S,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(g,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,M.jsx)(m.Separator,{}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(a,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})}function A({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(f.Item,{icon:(0,M.jsx)(S,{size:14}),children:`Переименовать`}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(g,{size:14}),children:`Дублировать`}),(0,M.jsx)(f.Separator,{}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(a,{size:14}),children:`Переместить в корзину`})]})]})}function j({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.RadialContent,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,radius:e.radius,itemSize:e.itemSize,closeLabel:e.closeLabel,children:[(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(S,{}),children:`Править`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(g,{}),children:`Копия`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(T,{}),children:`Закрепить`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(y,{}),children:`Просмотр`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(r,{}),children:`Опции`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(a,{}),children:`Удалить`})]})]})}var M,N,P,F,I,L,R,z,B;function V(){return(V=e((()=>{_(),b(),C(),E(),n(),i(),l(),d(),p(),M=s(),{useArgs:N}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`Shared/UI/ContextMenu`,component:f,args:{children:null,placement:`right-start`,open:!1,defaultOpen:!1,onOpenChange:P(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,restoreFocus:!0},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:`Композиция из Trigger, Content и пунктов меню.`,control:!1},placement:{description:`Предпочтительное положение меню относительно trigger или точки вызова.`,control:`select`,options:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]},open:{description:`Контролируемая видимость меню.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии меню.`,control:!1},closeOnOutside:{description:`Закрывает обычную панель по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает обычную панель по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи панели.`,control:`boolean`},restoreFocus:{description:`Возвращает фокус на trigger после закрытия.`,control:`boolean`},radius:{description:`Радиус кольца для радиального меню.`,control:{type:`number`,min:0,step:1}},itemSize:{description:`Размер пункта радиального меню в пикселях.`,control:{type:`number`,min:1,step:1}},closeLabel:{description:`Доступное имя и подпись центральной кнопки закрытия радиального меню.`,control:`text`}}},I={name:`DropdownMenu / Базовый`,args:{placement:`bottom-start`},render:u((e,t)=>(0,M.jsx)(k,{args:e,updateArgs:t}))},L={name:`ContextMenu / По правому клику`,render:u((e,t)=>(0,M.jsx)(A,{args:e,updateArgs:t}))},R={name:`ContextMenu / Радиальное меню`,args:{radius:76,itemSize:64,closeLabel:`Закрыть`},render:u((e,t)=>(0,M.jsx)(j,{args:e,updateArgs:t}))},z={name:`DropdownMenu / Контролируемый`,args:{placement:`bottom-start`},render:function(){let[e,t]=N(),{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:e.open?`Скрыть меню`:`Показать меню`})}),(0,M.jsx)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:(0,M.jsx)(m.Item,{onSelect:()=>n(!1),children:`Закрыть`})})]})}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
-  name: "DropdownMenu / Базовый",
-  args: {
-    placement: "bottom-start"
-  },
-  render: createControlledStoryRender<DropdownMenuStoryArgs>((args, updateArgs) => <DropdownMenuBasicCanvas args={args} updateArgs={updateArgs} />)
-}`,...I.parameters?.docs?.source}}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
-  name: "ContextMenu / По правому клику",
-  render: createControlledStoryRender<ContextMenuStoryArgs>((args, updateArgs) => <ContextMenuBasicCanvas args={args} updateArgs={updateArgs} />)
-}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
-  name: "ContextMenu / Радиальное меню",
-  args: {
-    radius: 76,
-    itemSize: 64,
-    closeLabel: "Закрыть"
-  },
-  render: createControlledStoryRender<RadialContextMenuStoryArgs>((args, updateArgs) => <ContextMenuRadialCanvas args={args} updateArgs={updateArgs} />)
-}`,...R.parameters?.docs?.source}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
-  name: "DropdownMenu / Контролируемый",
-  args: {
-    placement: "bottom-start"
-  },
-  render: function Render() {
-    const [args, updateArgs] = useArgs<DropdownMenuStoryArgs>();
-    const {
-      onOpenChange
-    } = createMenuOpenChange(args, updateArgs);
-    return <DropdownMenu placement={args.placement} open={args.open} defaultOpen={args.defaultOpen} onOpenChange={onOpenChange}>
-                <DropdownMenu.Trigger>
-                    <button type="button">{args.open ? "Скрыть меню" : "Показать меню"}</button>
-                </DropdownMenu.Trigger>
-                <DropdownMenu.Content closeOnOutside={args.closeOnOutside} closeOnEscape={args.closeOnEscape} disableOutsideClick={args.disableOutsideClick} restoreFocus={args.restoreFocus}>
-                    <DropdownMenu.Item onSelect={() => onOpenChange(false)}>Закрыть</DropdownMenu.Item>
-                </DropdownMenu.Content>
-            </DropdownMenu>;
-  }
-}`,...z.parameters?.docs?.source}}},B=[`DropdownMenuBasic`,`ContextMenuBasic`,`ContextMenuRadial`,`ControlledDropdown`]})))()}export{V as a,I as i,D as n,z as r,L as t};

package/storybook-static/assets/DateRangePresetSelect.stories-BGgd7TOu.js

@@ -1,19 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-Bbj4T0X2.js";import{r,t as i}from"./DateInput-BmL4c3wO.js";import{n as a,t as o}from"./GridContainer-qDguE1HS.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-DVAqXJt1.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`Shared/UI/DateRangePresetSelect`,component:d,args:{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:`monthStartToToday`,onChange:g(),options:c,referenceDate:new Date(2026,2,10,12,0,0),onRangeChange:g(),disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок выбора пресета.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, который показывается до выбора пресета.`,control:`text`},value:{description:`ID активного пресета диапазона.`,control:`select`,options:c.map(e=>e.id)},onChange:{description:`Вызывается с ID выбранного пресета.`,control:!1},options:{description:`Кастомный каталог пресетов с функциями вычисления диапазона.`,control:!1},referenceDate:{description:`Опорная дата, относительно которой вычисляется диапазон пресета.`,control:`date`},onRangeChange:{description:`Вызывается с вычисленным диапазоном активного пресета.`,control:!1},disabled:{description:`Блокирует выбор пресета.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},v={render:function(e){let[,t]=m(),[n,r]=h(()=>l(e.value,e.referenceDate,e.options)?.range??null);return(0,p.jsxs)(o,{gap:`md`,children:[(0,p.jsx)(d,{...e,onChange:n=>{e.onChange(n),t({value:n})},onRangeChange:t=>{e.onRangeChange?.(t),r(t?.range??null)}}),(0,p.jsx)(i,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:r})]})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<DateRangePresetSelectProps>();
-    const [range, setRange] = useStorybookState<DateRangePresetChangePayload["range"] | null>(() => resolveDateRangePresetPayload(args.value, args.referenceDate, args.options)?.range ?? null);
-    return <GridContainer gap="md">
-                <DateRangePresetSelect {...args} onChange={value => {
-        args.onChange(value);
-        updateArgs({
-          value
-        });
-      }} onRangeChange={payload => {
-        args.onRangeChange?.(payload);
-        setRange(payload?.range ?? null);
-      }} />
-
-                <RangeDateInput label="Диапазон дат" placeholder="дд.мм.гггг - дд.мм.гггг" value={range} onChange={setRange} />
-            </GridContainer>;
-  }
-}`,...v.parameters?.docs?.source},description:{story:`Демонстрирует связку выбора пресета и ручного диапазона дат.`,...v.parameters?.docs?.description}}},y=[`Default`]})))()}export{v as n,b as r,f as t};

package/storybook-static/assets/LayoutPicker-DjUZ5y7M.js

@@ -1,376 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-Bbj4T0X2.js";import{a as r,i}from"./utils-DUM89eIj.js";import{n as a,t as o}from"./ui.module-CiLQZm_L.js";import{c as s,g as c,h as l,i as u,l as d,n as f,r as p,s as m,t as h,u as g}from"./usePickerTriggerController-BZZv-jDV.js";import{n as _,t as v}from"./PickerTriggerActions-BIH8_o_b.js";function y(e,t){return{gridTemplateColumns:`repeat(${e.columns}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${e.rows}, minmax(${t??0}em, 1fr))`}}function b(e){return{gridColumn:`${e.column} / span ${e.columnSpan??1}`,gridRow:`${e.row} / span ${e.rowSpan??1}`}}var x;function S(){return(S=e((()=>{x=[{id:`1x1`,label:`1x1`,columns:1,rows:1,cells:[{id:`c11`,row:1,column:1}]},{id:`1x2`,label:`1x2`,columns:2,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2}]},{id:`1x3`,label:`1x3`,columns:3,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3}]},{id:`2x1`,label:`2x1`,columns:1,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1}]},{id:`2x2`,label:`2x2`,columns:2,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2}]},{id:`2x3`,label:`2x3`,columns:3,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3}]},{id:`3x1`,label:`3x1`,columns:1,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1}]},{id:`3x2`,label:`3x2`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3`,label:`3x3`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`4x1`,label:`4x1`,columns:1,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1},{id:`c41`,row:4,column:1}]},{id:`4x2`,label:`4x2`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x3`,label:`4x3`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`2x2-l`,label:`Большая слева + две справа`,columns:2,rows:2,cells:[{id:`left`,row:1,column:1,rowSpan:2},{id:`rt`,row:1,column:2},{id:`rb`,row:2,column:2}]},{id:`2x2-r`,label:`Две слева + большая справа`,columns:2,rows:2,cells:[{id:`lt`,row:1,column:1},{id:`lb`,row:2,column:1},{id:`right`,row:1,column:2,rowSpan:2}]},{id:`2x2-t`,label:`Широкая сверху + две снизу`,columns:2,rows:2,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`bl`,row:2,column:1},{id:`br`,row:2,column:2}]},{id:`2x2-b`,label:`Две сверху + широкая снизу`,columns:2,rows:2,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`bottom`,row:2,column:1,columnSpan:2}]},{id:`3x2-t`,label:`Широкая сверху + 2x2`,columns:2,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x2-b`,label:`2x2 + широкая снизу`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`bottom`,row:3,column:1,columnSpan:2}]},{id:`3x2-m`,label:`Широкая по центру`,columns:2,rows:3,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`middle`,row:2,column:1,columnSpan:2},{id:`bl`,row:3,column:1},{id:`br`,row:3,column:2}]},{id:`3x3-l`,label:`Большая слева + 2x3 справа`,columns:3,rows:3,cells:[{id:`left`,row:1,column:1,rowSpan:3},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-r`,label:`2x3 слева + большая справа`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`right`,row:1,column:3,rowSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3-t`,label:`Широкая сверху + 2x3`,columns:3,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-b`,label:`2x3 + широкая снизу`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`bottom`,row:3,column:1,columnSpan:3}]},{id:`4x2-t`,label:`Широкая сверху + 3x2`,columns:2,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x2-b`,label:`3x2 + широкая снизу`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`bottom`,row:4,column:1,columnSpan:2}]},{id:`4x3-t`,label:`Широкая сверху + 3x3`,columns:3,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`4x3-b`,label:`3x3 + широкая снизу`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`bottom`,row:4,column:1,columnSpan:3}]}]})))()}var C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R;function z(){return(z=e((()=>{C=`_959ulH`,w=`Ch-SZL`,T=`SmdPit`,E=`giOtGs`,D=`_57Tr0T`,O=`Tkhulr`,k=`VQlniu`,A=`wb39Kf`,j=`HGvQdT`,M=`rZuYyb`,N=`VrHnjN`,P=`vNV6Q2`,F=`koxYU-`,I=`k8xLa2`,L=`_5pd3Bb`,R={valueOverlay:C,triggerInput:w,triggerText:T,popup:E,popupLayout:D,popupBody:O,options:k,option:A,optionActive:j,optionSelected:M,previewCell:N,optionPreviewWrap:P,preview:F,previewPlaceholder:I,previewCompact:L}})))()}function B({preset:e,compact:t=!1}){return(0,U.jsx)(`span`,{className:r(R.preview,t&&R.previewCompact),style:y(e),"aria-hidden":`true`,"data-ui":`layout-picker-preview`,children:e.cells.map(t=>(0,U.jsx)(`span`,{className:R.previewCell,style:b(t)},`${e.id}:${t.id}`))})}function V({id:e,label:t,description:n,value:i,onChange:o,presets:s=x,disabled:c,getPresetDisabled:p,placeholder:h=W,showPlaceholder:g=!1,size:_,ariaLabel:y,className:b,triggerClassName:S,popupClassName:C,placement:w=`bottom-start`}){let T=(0,H.useRef)(null),[E,D]=(0,H.useState)(!1),O=s.findIndex(e=>e.id===i),k=O>=0?s[O]:void 0,A=k??s[0],j=k?.label??h,{activeIndex:M,context:N,floatingStyles:P,getFloatingProps:F,setReference:I,setFloating:L,setOptionRef:z,close:V,openList:G,toggleOpen:K,selectOption:q,selectActiveOption:J,handleReferenceKeyDown:Y,handleFloatingKeyDown:X,getOptionId:Z,getActiveOptionId:Q}=u({options:s,selectedIndex:O,open:E,onOpenChange:D,getOptionDisabled:p,onSelect:e=>o(e.id),disabled:c,placement:w,triggerMode:`display`}),$=f({mode:`display`,open:E,currentQuery:``,hasDisplayValue:k!==void 0,inputRef:T,openList:G,close:V,toggleOpen:K}),ee=e=>{T.current=e};return(0,U.jsx)(l,{id:e,label:t,description:n,disabled:c,size:_,className:b,children:({controlId:e,labelId:t,describedBy:n})=>{let i=`${e}-listbox`;return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(m,{ref:ee,rootRef:I,id:e,type:`button`,disabled:c,readOnly:!0,autoComplete:`off`,role:`combobox`,value:j,"aria-haspopup":`listbox`,"aria-expanded":E,"aria-controls":E?i:void 0,"aria-labelledby":t,"aria-describedby":n,"aria-autocomplete":`none`,"aria-activedescendant":E?Q(i):void 0,"aria-label":t?void 0:y??`Выбрать layout. Текущее значение: ${j}`,"data-ui":`layout-picker-trigger`,rootClassName:S,inputClassName:R.triggerInput,overlay:(0,U.jsxs)(`div`,{className:R.valueOverlay,children:[A?(0,U.jsx)(B,{preset:A,compact:!0}):(0,U.jsx)(`span`,{className:R.previewPlaceholder}),g?(0,U.jsx)(`span`,{className:r(R.triggerText,a.uiPlaceholder),"data-ui":`layout-picker-placeholder`,children:h}):null]}),endAdornment:(0,U.jsx)(v,{open:E,disabled:c,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,openAriaLabel:`Открыть список layout`,closeAriaLabel:`Закрыть список layout`}),onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{Y(e),!e.defaultPrevented&&$.handleTriggerKeyDown({event:e,onActivateWhenOpen:J,enableSpaceActivation:!0})}}),(0,U.jsx)(d,{open:E,context:N,floatingStyles:P,listId:i,labelId:t,descriptionId:n,activeOptionId:Q(i),setFloating:L,getFloatingProps:F,onKeyDown:X,className:r(a.uiPopupOptions,R.popup,C),layoutClassName:R.popupLayout,bodyClassName:R.popupBody,children:(0,U.jsx)(`div`,{className:R.options,children:s.map((e,t)=>{let n=t===O,a=t===M,o=p?.(e)??!1,s=Z(i,t);return(0,U.jsx)(`button`,{id:s,ref:e=>z(t,e),type:`button`,role:`option`,tabIndex:-1,disabled:o,"aria-selected":n,"aria-disabled":o||void 0,"aria-label":e.description?`${e.label}. ${e.description}`:e.label,className:r(R.option,n&&R.optionSelected,a&&R.optionActive),"data-ui":`layout-picker-option`,"data-selected":n||void 0,onMouseDown:e=>e.preventDefault(),onClick:()=>q(e),children:(0,U.jsx)(`span`,{className:R.optionPreviewWrap,children:(0,U.jsx)(B,{preset:e})})},e.id)})})})]})}})}var H,U,W;function G(){return(G=e((()=>{H=t(),i(),c(),g(),_(),s(),p(),h(),o(),S(),z(),U=n(),W=`Выберите раскладку`,V.__docgenInfo={description:`Контрол выбора layout-пресета. Не хранит бизнес-логику содержимого ячеек.`,methods:[],displayName:`LayoutPicker`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите раскладку"`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},id:{required:!1,tsType:{name:`string`},description:``},presets:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`[
-	{
-		id: "1x1",
-		label: "1x1",
-		columns: 1,
-		rows: 1,
-		cells: [{ id: "c11", row: 1, column: 1 }]
-	},
-	{
-		id: "1x2",
-		label: "1x2",
-		columns: 2,
-		rows: 1,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 }
-		]
-	},
-	{
-		id: "1x3",
-		label: "1x3",
-		columns: 3,
-		rows: 1,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 }
-		]
-	},
-	{
-		id: "2x1",
-		label: "2x1",
-		columns: 1,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 }
-		]
-	},
-	{
-		id: "2x2",
-		label: "2x2",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x3",
-		label: "2x3",
-		columns: 3,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 }
-		]
-	},
-	{
-		id: "3x1",
-		label: "3x1",
-		columns: 1,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c31", row: 3, column: 1 }
-		]
-	},
-	{
-		id: "3x2",
-		label: "3x2",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x3",
-		label: "3x3",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "4x1",
-		label: "4x1",
-		columns: 1,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c41", row: 4, column: 1 }
-		]
-	},
-	{
-		id: "4x2",
-		label: "4x2",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 }
-		]
-	},
-	{
-		id: "4x3",
-		label: "4x3",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 },
-			{ id: "c43", row: 4, column: 3 }
-		]
-	},
-
-	{
-		id: "2x2-l",
-		label: "Большая слева + две справа",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "left", row: 1, column: 1, rowSpan: 2 },
-			{ id: "rt", row: 1, column: 2 },
-			{ id: "rb", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x2-r",
-		label: "Две слева + большая справа",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "lt", row: 1, column: 1 },
-			{ id: "lb", row: 2, column: 1 },
-			{ id: "right", row: 1, column: 2, rowSpan: 2 }
-		]
-	},
-	{
-		id: "2x2-t",
-		label: "Широкая сверху + две снизу",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "bl", row: 2, column: 1 },
-			{ id: "br", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x2-b",
-		label: "Две сверху + широкая снизу",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "tl", row: 1, column: 1 },
-			{ id: "tr", row: 1, column: 2 },
-			{ id: "bottom", row: 2, column: 1, columnSpan: 2 }
-		]
-	},
-
-	{
-		id: "3x2-t",
-		label: "Широкая сверху + 2x2",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x2-b",
-		label: "2x2 + широкая снизу",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "bottom", row: 3, column: 1, columnSpan: 2 }
-		]
-	},
-	{
-		id: "3x2-m",
-		label: "Широкая по центру",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "tl", row: 1, column: 1 },
-			{ id: "tr", row: 1, column: 2 },
-			{ id: "middle", row: 2, column: 1, columnSpan: 2 },
-			{ id: "bl", row: 3, column: 1 },
-			{ id: "br", row: 3, column: 2 }
-		]
-	},
-
-	{
-		id: "3x3-l",
-		label: "Большая слева + 2x3 справа",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "left", row: 1, column: 1, rowSpan: 3 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "3x3-r",
-		label: "2x3 слева + большая справа",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "right", row: 1, column: 3, rowSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x3-t",
-		label: "Широкая сверху + 2x3",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "3x3-b",
-		label: "2x3 + широкая снизу",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "bottom", row: 3, column: 1, columnSpan: 3 }
-		]
-	},
-
-	{
-		id: "4x2-t",
-		label: "Широкая сверху + 3x2",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 }
-		]
-	},
-	{
-		id: "4x2-b",
-		label: "3x2 + широкая снизу",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "bottom", row: 4, column: 1, columnSpan: 2 }
-		]
-	},
-	{
-		id: "4x3-t",
-		label: "Широкая сверху + 3x3",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 },
-			{ id: "c43", row: 4, column: 3 }
-		]
-	},
-	{
-		id: "4x3-b",
-		label: "3x3 + широкая снизу",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "bottom", row: 4, column: 1, columnSpan: 3 }
-		]
-	}
-] as const satisfies readonly LayoutPickerPreset[]`,computed:!1}},getPresetDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(preset: LayoutPickerPreset) => boolean`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	label: string;
-	description?: string;
-	columns: number;
-	rows: number;
-	cells: readonly LayoutPickerPresetCell[];
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`description`,value:{name:`string`,required:!1}},{key:`columns`,value:{name:`number`,required:!0}},{key:`rows`,value:{name:`number`,required:!0}},{key:`cells`,value:{name:`unknown`,required:!0}}]}},name:`preset`}],return:{name:`boolean`}}},description:``},showPlaceholder:{required:!1,tsType:{name:`boolean`},description:"Показывает рядом с превью переданный текст `placeholder`.\nПо умолчанию текст скрыт, поэтому trigger отображает только иконку раскладки.",defaultValue:{value:`false`,computed:!1}},ariaLabel:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},triggerClassName:{required:!1,tsType:{name:`string`},description:``},popupClassName:{required:!1,tsType:{name:`string`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom-start"`,computed:!1}}}}})))()}export{S as i,G as n,x as r,V as t};

package/storybook-static/assets/LayoutPicker-DudPIiwb.css

@@ -1 +0,0 @@
-._959ulH{inset:0 calc(var(--control-height) + var(--space-xs)) 0 var(--space-sm);align-items:center;gap:var(--space-sm);pointer-events:none;min-width:0;display:flex;position:absolute;overflow:hidden}.Ch-SZL{--ui-color:transparent;--ui-color-hover:transparent;--ui-color-active:transparent;color:#0000;caret-color:#0000}.SmdPit{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.giOtGs{width:min(100vw - var(--space-lg) * 2, 44em);max-height:min(75vh,34em)}._57Tr0T{max-height:inherit}.Tkhulr{padding:var(--space-xs);overflow:auto}.VQlniu{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,5em),1fr));display:grid}.wb39Kf{padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease;position:relative}.wb39Kf:focus-visible{background-color:var(--surface-2);border-color:var(--border-2)}@media (any-hover:hover){.wb39Kf:hover{background-color:var(--surface-2);border-color:var(--border-2)}}@media (any-hover:none){.wb39Kf:active{background-color:var(--surface-2);border-color:var(--border-2)}}.wb39Kf:disabled{cursor:default;opacity:var(--disabled-opacity)}.HGvQdT{background-color:var(--surface-2);border-color:var(--border-2)}.rZuYyb{border-color:var(--border-1);background-color:var(--surface-1)}.rZuYyb .VrHnjN{background-color:var(--surface-accent);border:var(--border-width) solid var(--border-accent)}.vNV6Q2{justify-content:center;align-items:center;display:flex}.koxYU-,.k8xLa2{--layout-picker-preview-size:3.5em;width:var(--layout-picker-preview-size);height:calc(var(--layout-picker-preview-size) * .72);flex:none}.koxYU-{gap:calc(var(--border-width) * 2);display:grid}._5pd3Bb,.k8xLa2{--layout-picker-preview-size:1.75rem}.VrHnjN{border-radius:var(--radius-xs);background-color:var(--surface-1);border:var(--border-width) solid var(--border-1);min-width:0;min-height:0}._5pd3Bb .VrHnjN{background-color:var(--status-brand-fill);border:none}

package/storybook-static/assets/Listbox-Cg1OczYK.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./check-Cnuffb78.js";import{n as i}from"./iframe-Bbj4T0X2.js";import{a,i as o,n as s,r as c,s as l,t as u}from"./utils-DUM89eIj.js";import{n as d,t as f}from"./ui.module-CiLQZm_L.js";function p(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 c(e,_)}if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n>=0)return n}return c(e,_)}function m(e){let{value:t,defaultValue:n,multiple:i,disabled:o,focusOnMount:f,renderItem:m,getKey:v,options:y,onChange:b,id:x,...S}=e,C=t!==void 0,w=(0,h.useId)(),T=x??`${w}-listbox`,[E,D]=(0,h.useState)(n),O=(0,h.useRef)(null),[k,A]=(0,h.useState)(()=>p(y,t??n,i)),j=(0,h.useRef)(!1),M=(0,h.useMemo)(()=>(C?t:E)??(i?[]:null),[E,C,i,t]),N=k,P=t=>{if(o||t.disabled)return;let n;if(e.multiple){let r=Array.isArray(M)?M:[];n=r.includes(t.value)?r.filter(e=>e!==t.value):[...r,t.value],e.onChange?.(n,t)}else n=t.value,e.onChange?.(n,t);C||D(n)};return(0,h.useEffect)(()=>{if(!j.current)return;j.current=!1;let e=O.current?.querySelectorAll(`[role="option"]`)[N];e&&e.scrollIntoView({block:`nearest`})},[N]),(0,h.useLayoutEffect)(()=>{f&&O.current?.focus()},[f]),(0,g.jsx)(`ul`,{ref:O,id:T,role:`listbox`,"aria-multiselectable":i||void 0,"aria-activedescendant":N>=0?`${T}-option-${N}`:void 0,onKeyDown:e=>{if(!o){if(e.key===`ArrowDown`)e.preventDefault(),j.current=!0,A(e=>u(y,e,1,_));else if(e.key===`ArrowUp`)e.preventDefault(),j.current=!0,A(e=>u(y,e,-1,_));else if(e.key===`Home`)e.preventDefault(),j.current=!0,A(c(y,_));else if(e.key===`End`)e.preventDefault(),j.current=!0,A(l(y,_));else if(s(e,()=>{let e=y[N];e&&P(e)}))return}},...S,"aria-disabled":o||void 0,tabIndex:o?-1:0,className:a(d.uiPanel,`scrollable`,o&&d.disabled),children:y.map((e,t)=>{let n=i?Array.isArray(M)&&M.includes(e.value):M===e.value,s=t===N;return(0,g.jsxs)(`li`,{id:`${T}-option-${t}`,role:`option`,"aria-selected":n,"aria-disabled":o||e.disabled||void 0,onMouseDown:n=>{n.preventDefault(),!(o||e.disabled)&&(A(t),P(e))},tabIndex:-1,className:a(d.uiPopupOption,(o||e.disabled)&&d.disabled,s&&d.uiPopupOptionActive,n&&d.selected),children:[n?(0,g.jsx)(r,{className:d.uiPopupOptionIcon}):(0,g.jsx)(`span`,{className:d.uiPopupOptionIcon}),(0,g.jsx)(`div`,{children:m?m(e,n,s):e.label??String(e.value)})]},v?v(e,t):t)})})}var h,g,_;function v(){return(v=e((()=>{h=t(),o(),n(),f(),g=i(),_=e=>e.disabled===!0,m.__docgenInfo={description:``,methods:[],displayName:`Listbox`}})))()}export{v as n,m as t};

package/storybook-static/assets/MultiSelect-D8qN-i5f.js

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