@ryuzaki13/react-foundation-ui 1.5.6 → 1.5.8

package/storybook-static/assets/PeriodSelect.stories-iXos1Qm2.js

@@ -1,60 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-DBSrNt2a.js";import{n as r,t as i}from"./Text-DEUhj_FL.js";import{a,b as o,y as s}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{r as c,t as l}from"./DateInput-CNO6uPbo.js";import{n as u,t as d}from"./GridContainer-qDguE1HS.js";import{i as f,n as p,r as m,t as h}from"./PeriodSelect-U8W5a0AG.js";var g=t({AllAllowedOptionsDisabled:()=>k,AlternativeLabels:()=>O,AutoSwitchByRange:()=>E,Controlled:()=>T,Disabled:()=>A,MonthAndYear:()=>D,__namedExportsOrder:()=>j,default:()=>w});function _(e){return e!==void 0&&o(e)?e:null}function v(e){let[,t]=b(),n=_(e.dateRange),r=a(e.dateRange??null);return(0,y.jsxs)(d,{gap:`md`,children:[(0,y.jsx)(h,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,y.jsx)(l,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,y.jsxs)(i,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,y.jsx)(i,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,y.jsx)(i,{as:`code`,children:r??`не задано`}),`.`]})]})}var y,b,x,S,C,w,T,E,D,O,k,A,j;function M(){return(M=e((()=>{s(),c(),u(),r(),f(),p(),y=n(),{useArgs:b}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:x}=__STORYBOOK_MODULE_TEST__,S=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],C=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],w={title:`Shared/UI/PeriodSelect`,component:h,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:x(),presetIds:m,dateRange:S,maxDayRangeDays:31,maxWeekRangeWeeks:26,disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда период не выбран.`,control:`text`},value:{description:`Текущий id периода.`,control:`select`,options:m},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`; имеет приоритет над `presetIds`, `labels` и порогами диапазона.",control:!1},labels:{description:`Частичные подписи встроенных периодов поверх канонического каталога.`,control:`object`},presetIds:{description:"Разрешенные встроенные периоды. Порядок отображения остается `day → week → month → year`.",control:`check`,options:m},dateRange:{description:`Диапазон дат, по которому вычисляются заблокированные периоды.`,control:!1},maxDayRangeDays:{description:"Максимальное количество дней, при котором доступен период `day`.",control:{type:`number`,min:1,step:1}},maxWeekRangeWeeks:{description:"Максимальное количество недель, при котором доступен период `week`.",control:{type:`number`,min:1,step:1}},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T={name:`Контролируемый выбор`,render:function(e){return(0,y.jsx)(v,{...e})}},E={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:function(e){return(0,y.jsx)(v,{...e})}},D={name:`Только месяцы и годы`,args:{value:`month`,presetIds:[`month`,`year`]},render:function(e){return(0,y.jsx)(v,{...e})}},O={name:`Альтернативные подписи`,args:{value:`month`,labels:{day:`за день`,week:`за неделю`,month:`за месяц`,year:`за год`}},render:function(e){return(0,y.jsx)(v,{...e})}},k={name:`Все разрешенные варианты недоступны`,args:{value:`day`,presetIds:[`day`,`week`],dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:function(e){return(0,y.jsx)(v,{...e})}},A={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  name: "Контролируемый выбор",
-  render: function Render(args) {
-    return <PeriodSelectStoryCanvas {...args} />;
-  }
-}`,...T.parameters?.docs?.source},description:{story:"Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.",...T.parameters?.docs?.description}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
-  name: "Автопереключение по диапазону",
-  args: {
-    value: "day",
-    dateRange: longDateRange,
-    maxDayRangeDays: 31,
-    maxWeekRangeWeeks: 8
-  },
-  render: function Render(args) {
-    return <PeriodSelectStoryCanvas {...args} />;
-  }
-}`,...E.parameters?.docs?.source},description:{story:"Длинный диапазон блокирует `day` и `week`, поэтому контрол переключает значение на ближайший доступный период.",...E.parameters?.docs?.description}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
-  name: "Только месяцы и годы",
-  args: {
-    value: "month",
-    presetIds: ["month", "year"]
-  },
-  render: function Render(args) {
-    return <PeriodSelectStoryCanvas {...args} />;
-  }
-}`,...D.parameters?.docs?.source},description:{story:`Allow-list ограничивает встроенный каталог двумя крупными уровнями детализации.`,...D.parameters?.docs?.description}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
-  name: "Альтернативные подписи",
-  args: {
-    value: "month",
-    labels: {
-      day: "за день",
-      week: "за неделю",
-      month: "за месяц",
-      year: "за год"
-    }
-  },
-  render: function Render(args) {
-    return <PeriodSelectStoryCanvas {...args} />;
-  }
-}`,...O.parameters?.docs?.source},description:{story:`Частичный labels override меняет формулировки встроенных вариантов,
-сохраняя их id, порядок и ограничения доступности.`,...O.parameters?.docs?.description}}},k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
-  name: "Все разрешенные варианты недоступны",
-  args: {
-    value: "day",
-    presetIds: ["day", "week"],
-    dateRange: longDateRange,
-    maxDayRangeDays: 31,
-    maxWeekRangeWeeks: 8
-  },
-  render: function Render(args) {
-    return <PeriodSelectStoryCanvas {...args} />;
-  }
-}`,...k.parameters?.docs?.source},description:{story:`При длинном диапазоне все разрешенные варианты временно недоступны; внешний
-controlled-id сохраняется, и после сокращения диапазона отображение восстанавливается.`,...k.parameters?.docs?.description}}},A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
-  name: "Заблокированный контрол",
-  args: {
-    disabled: true,
-    value: "week"
-  }
-}`,...A.parameters?.docs?.source}}},j=[`Controlled`,`AutoSwitchByRange`,`MonthAndYear`,`AlternativeLabels`,`AllAllowedOptionsDisabled`,`Disabled`]})))()}export{A as a,M as c,T as i,O as n,D as o,E as r,g as s,k as t};

package/storybook-static/assets/Popover.stories-4L2FVe7h.js

@@ -1,69 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./Popover-CAmdlvk7.js";import{n as o,t as s}from"./Button-DMlznmSQ.js";import{c,t as l}from"./Input-C2Lss7is.js";var u=t({AnchorPlacement:()=>g,Controlled:()=>h,Default:()=>m,WithInteractiveContent:()=>_,__namedExportsOrder:()=>v,default:()=>p}),d,f,p,m,h,g,_,v;function y(){return(y=e((()=>{d=n(),o(),c(),i(),f=r(),p={title:`Shared/UI/Popover`,component:a,parameters:{atomicCanvas:!0,layout:`centered`}},m={render:()=>(0,f.jsxs)(a,{children:[(0,f.jsx)(a.Trigger,{children:(0,f.jsx)(`button`,{children:`Открыть`})}),(0,f.jsx)(a.Content,{children:e=>(0,f.jsxs)(`div`,{style:{padding:12,maxWidth:160},children:[(0,f.jsx)(`p`,{children:`Пример простого поповера`}),(0,f.jsx)(`button`,{onClick:e.setClose,children:`Закрыть`})]})})]})},h={render:()=>{let[e,t]=(0,d.useState)(!1);return(0,f.jsxs)(a,{open:e,onOpenChange:t,children:[(0,f.jsx)(a.Trigger,{children:(0,f.jsx)(`button`,{children:e?`Закрыть`:`Открыть`})}),(0,f.jsx)(a.Content,{children:(0,f.jsx)(`div`,{style:{padding:12},children:`Контролируемый режим`})})]})}},g={render:()=>(0,f.jsx)(`div`,{style:{display:`flex`,gap:32,flexWrap:`wrap`,justifyContent:`center`},children:[`top`,`bottom`,`left`,`right`,`top-start`,`bottom-end`].map(e=>(0,f.jsxs)(a,{placement:e,children:[(0,f.jsx)(a.Trigger,{children:(0,f.jsx)(`button`,{children:e})}),(0,f.jsx)(a.Content,{children:(0,f.jsx)(`div`,{style:{padding:8},children:e})})]},e))})},_={render:()=>(0,f.jsxs)(a,{children:[(0,f.jsx)(a.Trigger,{children:(0,f.jsx)(`button`,{children:`Форма`})}),(0,f.jsx)(a.Content,{children:e=>(0,f.jsxs)(`form`,{onSubmit:t=>{t.preventDefault(),e.setClose()},style:{display:`flex`,flexDirection:`column`,gap:8,padding:12,width:180},children:[(0,f.jsx)(l,{label:`Имя`,placeholder:`Введите имя`,value:``,onChange:()=>{}}),(0,f.jsx)(s,{children:`Отправить`})]})})]})},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: () => <Popover>
-            <Popover.Trigger>
-                <button>Открыть</button>
-            </Popover.Trigger>
-            <Popover.Content>
-                {ctx => <div style={{
-        padding: 12,
-        maxWidth: 160
-      }}>
-                        <p>Пример простого поповера</p>
-                        <button onClick={ctx.setClose}>Закрыть</button>
-                    </div>}
-            </Popover.Content>
-        </Popover>
-}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <Popover open={open} onOpenChange={setOpen}>
-                <Popover.Trigger>
-                    <button>{open ? "Закрыть" : "Открыть"}</button>
-                </Popover.Trigger>
-                <Popover.Content>
-                    <div style={{
-          padding: 12
-        }}>Контролируемый режим</div>
-                </Popover.Content>
-            </Popover>;
-  }
-}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: () => <div style={{
-    display: "flex",
-    gap: 32,
-    flexWrap: "wrap",
-    justifyContent: "center"
-  }}>
-            {["top", "bottom", "left", "right", "top-start", "bottom-end"].map(pos => <Popover key={pos} placement={pos as Placement}>
-                    <Popover.Trigger>
-                        <button>{pos}</button>
-                    </Popover.Trigger>
-                    <Popover.Content>
-                        <div style={{
-          padding: 8
-        }}>{pos}</div>
-                    </Popover.Content>
-                </Popover>)}
-        </div>
-}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  render: () => <Popover>
-            <Popover.Trigger>
-                <button>Форма</button>
-            </Popover.Trigger>
-            <Popover.Content>
-                {ctx => <form onSubmit={e => {
-        e.preventDefault();
-        ctx.setClose();
-      }} style={{
-        display: "flex",
-        flexDirection: "column",
-        gap: 8,
-        padding: 12,
-        width: 180
-      }}>
-                        <Input label="Имя" placeholder="Введите имя" value={""} onChange={() => {}} />
-                        <Button>Отправить</Button>
-                    </form>}
-            </Popover.Content>
-        </Popover>
-}`,..._.parameters?.docs?.source}}},v=[`Default`,`Controlled`,`AnchorPlacement`,`WithInteractiveContent`]})))()}export{_ as a,u as i,h as n,y as o,m as r,g as t};

package/storybook-static/assets/PresetRangeDateInput-BSoQmjSq.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-DBSrNt2a.js";import{n as r,t as i}from"./FlexContainer-LmZIdhq2.js";import{r as a,t as o}from"./DateInput-CNO6uPbo.js";import{a as s,c,i as l,n as u,o as d,r as f,s as p,t as m}from"./DateRangePresetSelect-CfuLAxW0.js";function h(e){return e??`__empty__`}function g({value:e,onChange:t,presetId:n,onPresetIdChange:r,referenceDate:a,presetIds:l,presetOptions:u,presetLabel:g,presetDescription:y,presetPlaceholder:b=`Выберите пресет диапазона`,presetDisabled:x,...S}){let[C]=(0,_.useState)(()=>new Date),w=a??C,T=(0,_.useMemo)(()=>u??p(s(l,f)),[l,u]),E=e??null,D=(0,_.useMemo)(()=>d(E,w,T),[E,T,w]),O=n??D??void 0,k=(0,_.useRef)(``),A=(0,_.useCallback)(e=>{if(!r)return;let t=h(e);t!==k.current&&(k.current=t,r(e))},[r]),j=e=>{let n=c(e,w,T);if(!n){A(null);return}A(n.id),t(n.range)},M=e=>{t(e),A(d(e,w,T))};return(0,v.jsxs)(i,{gap:`sm`,align:`end`,children:[(0,v.jsx)(m,{size:S.size,label:g,description:y,placeholder:b,disabled:x??S.disabled,value:O,onChange:j,options:T,referenceDate:w}),(0,v.jsx)(o,{...S,value:E,onChange:M})]})}var _,v;function y(){return(y=e((()=>{_=t(),a(),u(),l(),r(),v=n(),g.__docgenInfo={description:`Составной компонент выбора диапазона дат через пресет или ручной ввод.`,methods:[],displayName:`PresetRangeDateInput`,props:{presetId:{required:!1,tsType:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},description:``},onPresetIdChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(presetId: DateRangePresetOption["id"] | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},name:`presetId`}],return:{name:`void`}}},description:``},referenceDate:{required:!1,tsType:{name:`Date`},description:``},presetIds:{required:!1,tsType:{name:`unknown`},description:``},presetOptions:{required:!1,tsType:{name:`unknown`},description:``},presetLabel:{required:!1,tsType:{name:`ReactNode`},description:``},presetDescription:{required:!1,tsType:{name:`string`},description:``},presetPlaceholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите пресет диапазона"`,computed:!1}},presetDisabled:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}export{y as n,g as t};

package/storybook-static/assets/PresetRangeDateInput.stories-fPfgo6Ou.js

@@ -1,15 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./Text-DEUhj_FL.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./PresetRangeDateInput-BSoQmjSq.js";var u=t({Default:()=>m,__namedExportsOrder:()=>h,default:()=>p}),d,f,p,m,h;function g(){return(g=e((()=>{d=n(),o(),i(),c(),f=r(),p={title:`Shared/UI/PresetRangeDateInput`,component:l,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},m={render:()=>{let[e,t]=(0,d.useState)([new Date(2026,2,10,0,0,0),new Date(2026,2,10,23,59,59)]),[n,r]=(0,d.useState)(`today`);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(s,{gap:`sm`,align:`end`,children:(0,f.jsx)(l,{value:e,onChange:t,presetId:n,onPresetIdChange:r,referenceDate:new Date(2026,2,10,12,0,0),presetLabel:`Быстрый диапазон`,size:`md`})}),(0,f.jsxs)(a,{as:`p`,className:`marginBlockSm`,children:[`Активный presetId: `,(0,f.jsx)(a,{as:`code`,children:n??`null`})]})]})}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<NullableDateRange | null>([new Date(2026, 2, 10, 0, 0, 0), new Date(2026, 2, 10, 23, 59, 59)]);
-    const [presetId, setPresetId] = useState<string | null>("today");
-    return <>
-                <FlexContainer gap="sm" align="end">
-                    <PresetRangeDateInput value={value} onChange={setValue} presetId={presetId} onPresetIdChange={setPresetId} referenceDate={new Date(2026, 2, 10, 12, 0, 0)} presetLabel="Быстрый диапазон" size="md" />
-                </FlexContainer>
-
-                <Text as="p" className="marginBlockSm">
-                    Активный presetId: <Text as="code">{presetId ?? "null"}</Text>
-                </Text>
-            </>;
-  }
-}`,...m.parameters?.docs?.source},description:{story:`Демонстрирует совместную работу пресета и ручного диапазона.`,...m.parameters?.docs?.description}}},h=[`Default`]})))()}export{u as n,g as r,m as t};

package/storybook-static/assets/RadioButton-sTaoMULx.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{i as r,n as i,r as a}from"./iframe-DBSrNt2a.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./ui.module-CHEKb9Cb.js";import{n as u,r as d}from"./uiClasses-Bme9Qqv6.js";import{n as f,t as p}from"./CheckBox.module-CM_GPl_E.js";var m,h;function g(){return(g=e((()=>{r(),m=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]],h=a(`circle`,m)})))()}var _,v;function y(){return(y=e((()=>{_=`gu8UMB`,v={radioInput:_}})))()}var b,x,S;function C(){return(C=e((()=>{b=t(n(),1),s(),g(),f(),l(),d(),y(),x=i(),S=({label:e,description:t,placeholder:n,disabled:r,size:i,className:a,onChange:s,value:l,id:d,tone:f=`neutral`,...m})=>{let g=(0,b.useId)(),_=d??g,y=t?`${_}-description`:void 0,S=e??n,C=l??!1;return(0,x.jsxs)(`div`,{className:o(c.uiElement,i&&c.uiSizable,i&&c[i],r&&c.disabled,a),children:[(0,x.jsxs)(`div`,{className:p.row,children:[(0,x.jsxs)(`div`,{className:o(p.wrapper,u(f)),children:[(0,x.jsx)(`input`,{...m,id:_,type:`checkbox`,role:`radio`,checked:C,disabled:r,"aria-disabled":r,"aria-checked":C,"aria-describedby":y,className:o(c.uiSelectionControl,p.input,v.radioInput),onChange:()=>s?.(!C)}),(0,x.jsx)(`div`,{className:o(c.uiSelectionIcon,p.icon),"aria-hidden":`true`,children:(0,x.jsx)(h,{fill:`currentColor`})})]}),S&&(0,x.jsx)(`label`,{htmlFor:_,className:c.uiLabel,children:S})]}),t&&(0,x.jsx)(`p`,{id:y,className:c.uiDescription,children:t})]})},S.__docgenInfo={description:`Компонент радиокнопки для выбора одного варианта.
-Поддерживает tone + appearance и использует общие selection utility-классы из ui.module.scss.`,methods:[],displayName:`RadioButton`,props:{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:``},tone:{required:!1,tsType:{name:`union`,raw:`"neutral" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`}]},description:``,defaultValue:{value:`"neutral"`,computed:!1}}},composes:[`Omit`]}})))()}export{C as n,S as t};

package/storybook-static/assets/RadioButton.stories-QM_hXT2F.js

@@ -1,35 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./RadioButton-sTaoMULx.js";import{n as a}from"./iframe-DBSrNt2a.js";var o=t({Controlled:()=>u,Disabled:()=>f,Group:()=>d,__namedExportsOrder:()=>p,default:()=>l}),s,c,l,u,d,f,p;function m(){return(m=e((()=>{s=n(),r(),c=a(),l={title:`Shared/UI/RadioButton`,component:i,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст подписи радиокнопки.`,control:`text`},description:{description:`Дополнительное описание под элементом.`,control:`text`},placeholder:{description:"Резервная подпись, если `label` не задан.",control:`text`},value:{description:`Признак выбранного состояния.`,control:`boolean`},onChange:{description:`Вызывается при изменении выбранности.`,control:!1},disabled:{description:`Блокирует взаимодействие.`,control:`boolean`},size:{description:`Размер визуального контрола и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Семантический тон радиокнопки.`,control:`inline-radio`,options:[`neutral`,`error`,`warning`,`success`,`info`]},name:{description:"HTML `name` для группировки кнопок.",control:`text`}}},u={render:e=>{let[t,n]=(0,s.useState)(e.value??!1);return(0,c.jsx)(i,{...e,value:t,onChange:n})},args:{label:`Выбрать опцию`,description:`Одиночная радиокнопка в controlled-режиме.`,value:!1,name:`single-radio`,tone:`neutral`}},d={render:()=>{let[e,t]=(0,s.useState)(`email`);return(0,c.jsxs)(`div`,{role:`radiogroup`,"aria-label":`Канал уведомлений`,style:{display:`grid`,gap:12},children:[(0,c.jsx)(i,{name:`notify-channel`,label:`Email`,value:e===`email`,onChange:e=>e&&t(`email`),tone:`info`}),(0,c.jsx)(i,{name:`notify-channel`,label:`SMS`,value:e===`sms`,onChange:e=>e&&t(`sms`),tone:`info`})]})},args:{value:void 0}},f={args:{label:`Недоступная опция`,description:`Заблокировано политикой конфигурации.`,value:!0,disabled:!0,tone:`neutral`}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState(args.value ?? false);
-    return <RadioButton {...args} value={value} onChange={setValue} />;
-  },
-  args: {
-    label: "Выбрать опцию",
-    description: "Одиночная радиокнопка в controlled-режиме.",
-    value: false,
-    name: "single-radio",
-    tone: "neutral"
-  }
-}`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [selected, setSelected] = useState<"email" | "sms">("email");
-    return <div role="radiogroup" aria-label="Канал уведомлений" style={{
-      display: "grid",
-      gap: 12
-    }}>
-                <RadioButton name="notify-channel" label="Email" value={selected === "email"} onChange={checked => checked && setSelected("email")} tone="info" />
-                <RadioButton name="notify-channel" label="SMS" value={selected === "sms"} onChange={checked => checked && setSelected("sms")} tone="info" />
-            </div>;
-  },
-  args: {
-    value: undefined
-  }
-}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: "Недоступная опция",
-    description: "Заблокировано политикой конфигурации.",
-    value: true,
-    disabled: true,
-    tone: "neutral"
-  }
-}`,...f.parameters?.docs?.source}}},p=[`Controlled`,`Group`,`Disabled`]})))()}export{m as a,o as i,f as n,d as r,u as t};

package/storybook-static/assets/RadioGroup.stories-Msf4GGu2.js

@@ -1,42 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./RadioGroup-Bi6nDRg3.js";var o=t({Controlled:()=>d,Disabled:()=>p,Vertical:()=>f,__namedExportsOrder:()=>m,default:()=>u});function s(e){return(0,l.jsx)(a,{...e})}var c,l,u,d,f,p,m;function h(){return(h=e((()=>{c=n(),i(),l=r(),u={title:`Shared/UI/RadioGroup`,component:s,args:{value:`email`,onChange:()=>{},orientation:`horizontal`,label:`Канал уведомлений`,description:`Выберите основной канал доставки`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущее выбранное значение.`,control:`text`},onChange:{description:`Вызывается при смене выбранной опции.`,control:!1},label:{description:`Заголовок группы опций.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},disabled:{description:`Блокирует выбор опций.`,control:`boolean`},noWrap:{description:`Запрещает перенос опций на новую строку.`,control:`boolean`},orientation:{description:`Ориентация расположения опций.`,control:`inline-radio`,options:[`horizontal`,`vertical`]},className:{description:`Дополнительный CSS-класс контейнера.`,control:`text`},children:{description:"Элементы `RadioGroup.Option` внутри группы.",control:!1}}},d={render:e=>{let[t,n]=(0,c.useState)(`email`);return(0,l.jsxs)(`div`,{style:{display:`grid`,gap:10},children:[(0,l.jsxs)(s,{...e,value:t,onChange:n,children:[(0,l.jsx)(a.Option,{value:`email`,label:`Email`,description:`Письма на корпоративную почту`}),(0,l.jsx)(a.Option,{value:`sms`,label:`SMS`,description:`Сообщения на телефон`}),(0,l.jsx)(a.Option,{value:`push`,label:`Push`,description:`Уведомления в приложении`})]}),(0,l.jsxs)(`div`,{children:[`Выбрано: `,t]})]})},args:{children:void 0}},f={render:e=>{let[t,n]=(0,c.useState)(`draft`);return(0,l.jsxs)(s,{...e,value:t,onChange:n,orientation:`vertical`,label:`Статус документа`,children:[(0,l.jsx)(a.Option,{value:`draft`,label:`Черновик`}),(0,l.jsx)(a.Option,{value:`review`,label:`На согласовании`}),(0,l.jsx)(a.Option,{value:`approved`,label:`Утвержден`})]})},args:{orientation:`vertical`,children:void 0}},p={render:e=>(0,l.jsxs)(s,{...e,disabled:!0,children:[(0,l.jsx)(a.Option,{value:`yes`,label:`Да`}),(0,l.jsx)(a.Option,{value:`no`,label:`Нет`})]}),args:{disabled:!0,value:`yes`,children:void 0}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState("email");
-    return <div style={{
-      display: "grid",
-      gap: 10
-    }}>
-                <StringRadioGroup {...args} value={value} onChange={setValue}>
-                    <RadioGroup.Option value="email" label="Email" description="Письма на корпоративную почту" />
-                    <RadioGroup.Option value="sms" label="SMS" description="Сообщения на телефон" />
-                    <RadioGroup.Option value="push" label="Push" description="Уведомления в приложении" />
-                </StringRadioGroup>
-                <div>Выбрано: {value}</div>
-            </div>;
-  },
-  args: {
-    children: undefined
-  }
-}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState("draft");
-    return <StringRadioGroup {...args} value={value} onChange={setValue} orientation="vertical" label="Статус документа">
-                <RadioGroup.Option value="draft" label="Черновик" />
-                <RadioGroup.Option value="review" label="На согласовании" />
-                <RadioGroup.Option value="approved" label="Утвержден" />
-            </StringRadioGroup>;
-  },
-  args: {
-    orientation: "vertical",
-    children: undefined
-  }
-}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  render: args => <StringRadioGroup {...args} disabled>
-            <RadioGroup.Option value="yes" label="Да" />
-            <RadioGroup.Option value="no" label="Нет" />
-        </StringRadioGroup>,
-  args: {
-    disabled: true,
-    value: "yes",
-    children: undefined
-  }
-}`,...p.parameters?.docs?.source}}},m=[`Controlled`,`Vertical`,`Disabled`]})))()}export{h as a,f as i,p as n,o as r,d as t};

package/storybook-static/assets/Select.stories-DYH2fWV8.js

@@ -1,46 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./Select-DZI40eOj.js";var o=t({ControlledObjects:()=>f,CustomOptionLayout:()=>g,Disabled:()=>_,GroupedOptions:()=>h,Placeholder:()=>m,PrimitiveOptions:()=>p,__namedExportsOrder:()=>v,default:()=>d}),s,c,l,u,d,f,p,m,h,g,_,v;function y(){return(y=e((()=>{s=n(),i(),c=r(),l=[{id:1,name:`Отдел продаж`,code:`SLS`,manager:`Елена Миронова`,direction:`Коммерческий блок`},{id:2,name:`Закупки`,code:`PRC`,manager:`Антон Мелихов`,direction:`Коммерческий блок`},{id:3,name:`Логистика`,code:`LGS`,manager:`Мария Климова`,direction:`Операционный блок`,disabled:!0},{id:4,name:`Поддержка клиентов`,code:`SUP`,manager:`Ирина Белова`,direction:`Операционный блок`}],u=[`Новый`,`В работе`,`Завершён`,`Архив`],d={title:`Shared/UI/Select`,component:a,args:{label:`Подразделение`,description:`Выберите подразделение из списка.`,placeholder:`Не выбрано`,value:void 0,options:l,onChange:()=>{},getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,getOptionDisabled:e=>e.disabled??!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Низкоуровневый getter-based select. Подходит для произвольных структур данных, примитивов и сложного кастомного рендера. Компонент возвращает наружу саму выбранную option. Для сериализуемых конфигов и сценариев с optionKey/optionLabel используйте SerializableSelect.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда значение ещё не выбрано.`,control:`text`},value:{description:`Текущая выбранная option целиком.`,control:!1},options:{description:`Массив опций любого поддерживаемого формата.`,control:!1},onChange:{description:`Вызывается с выбранной option.`,control:!1},getOptionKey:{description:`Функция получения уникального ключа option.`,control:!1},getOptionLabel:{description:`Функция получения основного текста option.`,control:!1},getOptionCode:{description:`Опциональный рендер дополнительного кода справа.`,control:!1},getOptionDisabled:{description:`Опциональная функция блокировки отдельных option.`,control:!1},getOptionAriaLabel:{description:`Опциональная функция для aria-label option.`,control:!1},getOptionGroup:{description:`Опциональная функция, которая объединяет соседние option под доступным заголовком группы.`,control:!1},getOptionClassName:{description:`Опциональная функция CSS-класса option по её состоянию.`,control:!1},renderOption:{description:`Полностью кастомный рендер option в списке.`,control:!1},renderValue:{description:`Кастомный рендер выбранного значения в кнопке.`,control:!1},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`},buttonClassName:{description:`Дополнительный CSS-класс кнопки выбора.`,control:`text`},optionsClassName:{description:`Дополнительный CSS-класс контейнера списка.`,control:`text`},optionsMaxWidth:{description:`Максимальная ширина выпадающего списка в любом допустимом CSS-формате.`,control:`text`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},placement:{description:`Позиционирование выпадающего списка.`,control:`select`,options:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`}}},f={name:`Объекты`,render:e=>{let[t,n]=(0,s.useState)(l[1]);return(0,c.jsx)(a,{...e,value:t,onChange:n})}},p={name:`Примитивы`,render:()=>{let[e,t]=(0,s.useState)(u[1]);return(0,c.jsx)(a,{label:`Статус`,description:`Пример использования низкоуровневого Select со строковыми значениями.`,placeholder:`Выберите статус`,options:u,value:e,onChange:t,getOptionKey:e=>e,getOptionLabel:e=>e,size:`md`})}},m={render:e=>{let[t,n]=(0,s.useState)(void 0);return(0,c.jsx)(a,{...e,value:t,onChange:n})}},h={name:`Группированные опции`,render:e=>{let[t,n]=(0,s.useState)();return(0,c.jsx)(a,{...e,value:t,onChange:n,getOptionGroup:e=>({key:e.direction,label:e.direction}),optionsMaxWidth:`40rem`})}},g={name:`Кастомный рендер`,render:e=>{let[t,n]=(0,s.useState)(l[0]);return(0,c.jsx)(a,{...e,value:t,onChange:n,renderValue:e=>`${e.code} · ${e.name}`,renderOption:(e,t)=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:`flexEllipsis`,children:[(0,c.jsx)(`div`,{children:e.name}),(0,c.jsx)(`div`,{className:`fontSizeSm content2`,children:e.manager})]}),(0,c.jsx)(`div`,{style:{opacity:t.selected?1:.5},children:e.code})]})})}},_={args:{disabled:!0,value:l[0]}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  name: "Объекты",
-  render: args => {
-    const [value, setValue] = useState<DepartmentOption | undefined>(departmentOptions[1]);
-    return <Select {...args} value={value} onChange={setValue} />;
-  }
-}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  name: "Примитивы",
-  render: () => {
-    const [value, setValue] = useState<(typeof primitiveOptions)[number] | undefined>(primitiveOptions[1]);
-    return <Select label="Статус" description="Пример использования низкоуровневого Select со строковыми значениями." placeholder="Выберите статус" options={primitiveOptions} value={value} onChange={setValue} getOptionKey={option => option} getOptionLabel={option => option} size="md" />;
-  }
-}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<DepartmentOption | undefined>(undefined);
-    return <Select {...args} value={value} onChange={setValue} />;
-  }
-}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  name: "Группированные опции",
-  render: args => {
-    const [value, setValue] = useState<DepartmentOption | undefined>();
-    return <Select {...args} value={value} onChange={setValue} getOptionGroup={option => ({
-      key: option.direction,
-      label: option.direction
-    })} optionsMaxWidth="40rem" />;
-  }
-}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  name: "Кастомный рендер",
-  render: args => {
-    const [value, setValue] = useState<DepartmentOption | undefined>(departmentOptions[0]);
-    return <Select {...args} value={value} onChange={setValue} renderValue={option => \`\${option.code} · \${option.name}\`} renderOption={(option, state) => <>
-                        <div className="flexEllipsis">
-                            <div>{option.name}</div>
-                            <div className="fontSizeSm content2">{option.manager}</div>
-                        </div>
-                        <div style={{
-        opacity: state.selected ? 1 : 0.5
-      }}>{option.code}</div>
-                    </>} />;
-  }
-}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true,
-    value: departmentOptions[0]
-  }
-}`,..._.parameters?.docs?.source}}},v=[`ControlledObjects`,`PrimitiveOptions`,`Placeholder`,`GroupedOptions`,`CustomOptionLayout`,`Disabled`]})))()}export{m as a,y as c,h as i,g as n,p as o,_ as r,o as s,f as t};

package/storybook-static/assets/SerializableSelect.stories-BWHyUHbr.js

@@ -1,46 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./Select-DZI40eOj.js";function o(e,t){return e[t]}function s(e,t,n){let r=e[t];if(typeof r==`string`||typeof r==`number`)return r;let i=o(e,n);return typeof i==`string`||typeof i==`number`?i:String(i)}function c({label:e,description:t,disabled:n,placeholder:r,size:i,options:c,value:u,onChange:d,optionKey:f,optionLabel:p,renderCode:m,className:h,clearable:g}){let _=u===void 0?void 0:c.find(e=>o(e,f)===u);return(0,l.jsx)(a,{label:e,description:t,disabled:n,placeholder:r,size:i,options:c,value:_,onChange:e=>d(e?o(e,f):void 0),getOptionKey:e=>o(e,f),getOptionLabel:e=>s(e,p,f),getOptionCode:m?e=>o(e,f):void 0,className:h,clearable:g})}var l;function u(){return(u=e((()=>{i(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`SerializableSelect`,props:{options:{required:!0,tsType:{name:`unknown`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: SerializableOptionValue<TOption, TOptionKey> | undefined) => void`,signature:{arguments:[{type:{name:`union`,raw:`SerializableOptionValue<TOption, TOptionKey> | undefined`,elements:[{name:`Extract`,elements:[{name:`TOption[TOptionKey]`,raw:`TOption[TOptionKey]`},{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]}],raw:`Extract<
-	TOption[TOptionKey],
-	SelectOptionKey
->`},{name:`undefined`}]},name:`value`}],return:{name:`void`}}},description:``},optionKey:{required:!0,tsType:{name:`TOptionKey`},description:``},optionLabel:{required:!0,tsType:{name:`TOptionLabel`},description:``},renderCode:{required:!1,tsType:{name:`literal`,value:`true`},description:``},className:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}var d=t({AsyncReloadLike:()=>y,Controlled:()=>g,Disabled:()=>b,Placeholder:()=>_,WithCode:()=>v,__namedExportsOrder:()=>x,default:()=>h}),f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{f=n(),u(),p=r(),m=[{id:10,name:`Продажи`,code:`SLS`,branch:`Екатеринбург`},{id:20,name:`Закупки`,code:`PRC`,branch:`Челябинск`},{id:30,name:`Логистика`,code:`LGS`,branch:`Новосибирск`},{id:40,name:`Сервис`,code:`SRV`,branch:`Москва`}],h={title:`Shared/UI/SerializableSelect`,component:c,args:{label:`Подразделение`,description:`Сериализуемая обёртка над Select для object-options и field-based конфигурации.`,placeholder:`Выберите подразделение`,options:m,optionKey:`id`,optionLabel:`name`,value:void 0,onChange:()=>{},size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Высокоуровневая обёртка над low-level Select. Принимает массив объектов, получает key и label по именам полей, а наружу возвращает только значение ключа. Нужна для сериализуемых конфигов, в том числе в src/shared/ui/controls/*.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда ключ ещё не выбран.`,control:`text`},options:{description:`Массив объектных option.`,control:!1},optionKey:{description:`Поле объекта, значение которого используется как ключ и отдаётся наружу через onChange.`,control:!1},optionLabel:{description:`Поле объекта, значение которого отображается как основной текст option.`,control:!1},renderCode:{description:`Если включено, справа от текста будет показан ключ optionKey.`,control:`boolean`},value:{description:`Текущий выбранный ключ option, а не вся option целиком.`,control:!1},onChange:{description:`Вызывается с новым значением optionKey.`,control:!1},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`}}},g={name:`Выбор по ключу`,render:e=>{let[t,n]=(0,f.useState)(20);return(0,p.jsx)(c,{...e,value:t,onChange:n})}},_={render:e=>{let[t,n]=(0,f.useState)(void 0);return(0,p.jsx)(c,{...e,value:t,onChange:n})}},v={name:`С кодом`,render:e=>{let[t,n]=(0,f.useState)(10);return(0,p.jsx)(c,{...e,value:t,onChange:n,renderCode:!0})},args:{renderCode:!0}},y={name:`Смена набора опций`,render:e=>{let[t,n]=(0,f.useState)(30),[r,i]=(0,f.useState)(!1),a=(0,f.useMemo)(()=>r?m.filter(e=>e.id!==20):m,[r]);return(0,p.jsxs)(`div`,{style:{display:`grid`,gap:`12px`,maxWidth:`320px`},children:[(0,p.jsx)(`button`,{type:`button`,onClick:()=>i(e=>!e),children:r?`Показать полный список`:`Скрыть одну опцию`}),(0,p.jsx)(c,{...e,options:a,value:t,onChange:n})]})}},b={args:{disabled:!0,value:10}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  name: "Выбор по ключу",
-  render: args => {
-    const [value, setValue] = useState<number | undefined>(20);
-    return <SerializableSelect {...args} value={value} onChange={setValue} />;
-  }
-}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<number | undefined>(undefined);
-    return <SerializableSelect {...args} value={value} onChange={setValue} />;
-  }
-}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  name: "С кодом",
-  render: args => {
-    const [value, setValue] = useState<number | undefined>(10);
-    return <SerializableSelect {...args} value={value} onChange={setValue} renderCode />;
-  },
-  args: {
-    renderCode: true
-  }
-}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  name: "Смена набора опций",
-  render: args => {
-    const [value, setValue] = useState<number | undefined>(30);
-    const [showShortList, setShowShortList] = useState(false);
-    const options = useMemo(() => showShortList ? departmentOptions.filter(option => option.id !== 20) : departmentOptions, [showShortList]);
-    return <div style={{
-      display: "grid",
-      gap: "12px",
-      maxWidth: "320px"
-    }}>
-                <button type="button" onClick={() => setShowShortList(current => !current)}>
-                    {showShortList ? "Показать полный список" : "Скрыть одну опцию"}
-                </button>
-                <SerializableSelect {...args} options={options} value={value} onChange={setValue} />
-            </div>;
-  }
-}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true,
-    value: 10
-  }
-}`,...b.parameters?.docs?.source}}},x=[`Controlled`,`Placeholder`,`WithCode`,`AsyncReloadLike`,`Disabled`]})))()}export{d as a,_ as i,g as n,v as o,b as r,S as s,y as t};

package/storybook-static/assets/SingleDateTimeInput.stories-CoRPRZ4N.js

@@ -1,78 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./SingleDateTimeInput-DfsGAFoU.js";import{n as a}from"./iframe-DBSrNt2a.js";import{_ as o,b as s,h as c,y as l}from"./odata-service-B5w4YBao-BW9QLSrS.js";var u=t({Default:()=>m,Empty:()=>g,TimeOnly:()=>h,WithLimits:()=>_,WithRightPanel:()=>v,__namedExportsOrder:()=>y,default:()=>p}),d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{d=n(),s(),r(),f=a(),p={title:`Shared/UI/SingleDateTimeInput`,component:i,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты и времени.`,control:`text`},description:{description:`Описание под заголовком поля.`,control:`text`},placeholder:{description:`Текстовая подсказка для сегментного ввода.`,control:`text`},value:{description:"Текущее значение в виде `Date | null`.",control:!1},onChange:{description:`Вызывается при вводе или выборе валидной даты-времени.`,control:!1},minDate:{description:`Минимально допустимая дата-время.`,control:`date`},maxDate:{description:`Максимально допустимая дата-время.`,control:`date`},error:{description:`Текст внешней ошибки под полем.`,control:`text`},onClearError:{description:`Сбрасывает внешнюю ошибку при ручном вводе и выборе в picker.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует сегментный ввод и popover picker.`,control:`boolean`},timePanelPlacement:{description:`Размещение панели выбора времени относительно календаря.`,control:`inline-radio`,options:[`bottom`,`right`]},mode:{description:`Режим работы поля: дата-время или только время.`,control:`inline-radio`,options:[`date-time`,`time`]}}},m={render:e=>{let[t,n]=(0,d.useState)(e.value??new Date(2026,2,5,9,15,0,0));return(0,f.jsxs)(`div`,{children:[(0,f.jsx)(i,{...e,value:t,onChange:n}),(0,f.jsxs)(`p`,{children:[`Вывод значения через `,(0,f.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsDateTime(value)`}),`:`]}),(0,f.jsx)(`pre`,{children:l(t)}),(0,f.jsxs)(`p`,{children:[`Вывод значения через `,(0,f.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsODataDatetime(value)`}),`:`]}),(0,f.jsx)(`pre`,{children:c(t)})]})},args:{label:`Дата и время`,description:`Фиксированный формат: дд.мм.гггг чч:мм`,placeholder:`дд.мм.гггг чч:мм`,timePanelPlacement:`bottom`}},h={render:e=>{let[t,n]=(0,d.useState)(new Date(1970,0,1,9,15,0,0));return(0,f.jsxs)(`div`,{children:[(0,f.jsx)(i,{...e,value:t,onChange:n}),(0,f.jsxs)(`p`,{children:[`Вывод значения через `,(0,f.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsTime(value)`}),`:`]}),(0,f.jsx)(`pre`,{children:o(t)}),(0,f.jsx)(`p`,{children:`Техническая дата значения всегда фиксируется как 01.01.1970.`}),(0,f.jsx)(`pre`,{children:t?t.toISOString():``})]})},args:{label:`Время`,description:`Режим только времени с маской чч:мм и wheel-picker без календаря.`,placeholder:`чч:мм`,mode:`time`,minDate:new Date(2026,2,10,9,15,0,0),maxDate:new Date(2026,2,10,18,30,0,0)}},g={render:e=>{let[t,n]=(0,d.useState)(null);return(0,f.jsx)(i,{...e,value:t,onChange:n})},args:{label:`Пустое значение`,description:`Поле можно заполнить вручную или через popover picker.`,placeholder:`дд.мм.гггг чч:мм`,timePanelPlacement:`bottom`}},_={render:e=>{let[t,n]=(0,d.useState)(new Date(2026,2,10,12,30,0,0));return(0,f.jsx)(i,{...e,value:t,onChange:n})},args:{label:`Дата отгрузки`,description:`Доступен только интервал с 10 по 12 марта 2026 года.`,minDate:new Date(2026,2,10,9,0,0,0),maxDate:new Date(2026,2,12,18,30,0,0),timePanelPlacement:`bottom`}},v={render:e=>{let[t,n]=(0,d.useState)(new Date(2026,2,10,12,30,0,0));return(0,f.jsx)(i,{...e,value:t,onChange:n})},args:{label:`Дата и время`,description:`Wheel-панель времени расположена справа от календаря.`,timePanelPlacement:`right`}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<Date | null>(args.value ?? new Date(2026, 2, 5, 9, 15, 0, 0));
-    return <div>
-                <SingleDateTimeInput {...args} value={value} onChange={setValue} />
-
-                <p>
-                    Вывод значения через <code className="statusInfo">formatDateAsDateTime(value)</code>:
-                </p>
-                <pre>{formatDateAsDateTime(value)}</pre>
-                <p>
-                    Вывод значения через <code className="statusInfo">formatDateAsODataDatetime(value)</code>:
-                </p>
-                <pre>{formatDateAsODataDatetime(value)}</pre>
-            </div>;
-  },
-  args: {
-    label: "Дата и время",
-    description: "Фиксированный формат: дд.мм.гггг чч:мм",
-    placeholder: "дд.мм.гггг чч:мм",
-    timePanelPlacement: "bottom"
-  }
-}`,...m.parameters?.docs?.source},description:{story:`Демонстрирует основной сценарий выбора даты и времени с точностью до минуты.`,...m.parameters?.docs?.description}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<Date | null>(new Date(1970, 0, 1, 9, 15, 0, 0));
-    return <div>
-                <SingleDateTimeInput {...args} value={value} onChange={setValue} />
-
-                <p>
-                    Вывод значения через <code className="statusInfo">formatDateAsTime(value)</code>:
-                </p>
-                <pre>{formatDateAsTime(value)}</pre>
-                <p>Техническая дата значения всегда фиксируется как 01.01.1970.</p>
-                <pre>{value ? value.toISOString() : ""}</pre>
-            </div>;
-  },
-  args: {
-    label: "Время",
-    description: "Режим только времени с маской чч:мм и wheel-picker без календаря.",
-    placeholder: "чч:мм",
-    mode: "time",
-    minDate: new Date(2026, 2, 10, 9, 15, 0, 0),
-    maxDate: new Date(2026, 2, 10, 18, 30, 0, 0)
-  }
-}`,...h.parameters?.docs?.source},description:{story:"Демонстрирует режим выбора только времени на технической дате `1970-01-01`.",...h.parameters?.docs?.description}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<Date | null>(null);
-    return <SingleDateTimeInput {...args} value={value} onChange={setValue} />;
-  },
-  args: {
-    label: "Пустое значение",
-    description: "Поле можно заполнить вручную или через popover picker.",
-    placeholder: "дд.мм.гггг чч:мм",
-    timePanelPlacement: "bottom"
-  }
-}`,...g.parameters?.docs?.source},description:{story:`Показывает пустое контролируемое значение.`,...g.parameters?.docs?.description}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<Date | null>(new Date(2026, 2, 10, 12, 30, 0, 0));
-    return <SingleDateTimeInput {...args} value={value} onChange={setValue} />;
-  },
-  args: {
-    label: "Дата отгрузки",
-    description: "Доступен только интервал с 10 по 12 марта 2026 года.",
-    minDate: new Date(2026, 2, 10, 9, 0, 0, 0),
-    maxDate: new Date(2026, 2, 12, 18, 30, 0, 0),
-    timePanelPlacement: "bottom"
-  }
-}`,..._.parameters?.docs?.source},description:{story:`Демонстрирует ограничение диапазона и синхронизацию календаря со временем.`,..._.parameters?.docs?.description}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<Date | null>(new Date(2026, 2, 10, 12, 30, 0, 0));
-    return <SingleDateTimeInput {...args} value={value} onChange={setValue} />;
-  },
-  args: {
-    label: "Дата и время",
-    description: "Wheel-панель времени расположена справа от календаря.",
-    timePanelPlacement: "right"
-  }
-}`,...v.parameters?.docs?.source},description:{story:`Демонстрирует размещение wheel-панели справа от календаря.`,...v.parameters?.docs?.description}}},y=[`Default`,`TimeOnly`,`Empty`,`WithLimits`,`WithRightPanel`]})))()}export{_ as a,h as i,g as n,v as o,u as r,b as s,m as t};

package/storybook-static/assets/Slider-BWuie2gr.css

@@ -1 +0,0 @@
-.fA7zne{gap:var(--space-sm);flex-direction:column;display:flex}.TMbaqW{gap:0}._77qn1L{padding-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.cxJQqh{height:var(--control-height);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.-X13t0{top:calc(50% - (var(--control-height) - var(--space-xs)) / 2);width:0;height:0;position:absolute;left:0}.gg-atO,.bTLJZl{height:var(--space-sm);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.gg-atO{background-color:var(--surface-2);border:var(--border);left:0;right:0}.bTLJZl{background-color:var(--status-info-fill)}.vDAmRy{top:calc((var(--control-height) - var(--space-xs)) / 2);width:calc(var(--control-height) - var(--space-xs));height:calc(var(--control-height) - var(--space-xs));border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);cursor:grab;z-index:2;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background-color var(--transition-fast) ease;border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%)}.vDAmRy:active,.vDAmRy:hover{border-color:var(--border-1)}.vDAmRy:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.vDAmRy[data-dragging]{cursor:grabbing;box-shadow:var(--shadow-md);transform:translate(-50%,-50%)scale(1.04)}.iNrV0y{min-height:calc(var(--font-size-sm) + var(--space-md));margin-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.PpaxP2{align-items:center;gap:var(--space-xs);color:var(--content-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:column;padding:0;display:inline-flex;position:absolute;top:0;transform:translate(-50%)}.PpaxP2:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.PpaxP2[data-active]{color:var(--content-0)}._9K78Fi{top:calc((var(--control-height) - var(--space-xs)) / 2);width:var(--control-height);height:var(--control-height);color:var(--content-2);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;left:0;transform:translate(-50%,-50%)}._9K78Fi:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}._9K78Fi[data-active]{color:var(--content-0)}._9K78Fi:disabled{cursor:default}.vzEDBe{width:var(--space-sm);height:var(--space-sm);background-color:currentColor;border-radius:50%}._0OWJh0{font-size:var(--font-size-sm)}.Mk4xi2{min-width:min(24em, 100vw - var(--space-xl))}.SL0IDQ{gap:var(--space-xs);cursor:text}.mdezg5{width:7ch;min-width:0;font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.mdezg5::selection{background-color:var(--focus-ring);color:var(--surface-0)}.mdezg5:disabled{opacity:.25}.a4R18g{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}.a4R18g[data-disabled]{opacity:.25}

package/storybook-static/assets/Slider.stories-fWpiVW0P.js

@@ -1,77 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{i,r as a,t as o}from"./Slider-DLtF6vGD.js";var s=t({Disabled:()=>E,MonthsIndexMarks:()=>x,RangeMonthToDaysOutput:()=>w,RangeOpenMonthToDaysOutput:()=>T,RangeOpenWithoutExplicitMiddleOutput:()=>C,RangePlain:()=>S,SingleStep:()=>y,SingleWithMarks:()=>b,__namedExportsOrder:()=>D,default:()=>v});function c(e,t){return e===null?`null`:`${e}${t}`}function l(e,t,n=``){let[r,i]=e??[null,null],a=[];return r!==null&&a.push(`${t} >= ${r}${n}`),i!==null&&a.push(`${t} <= ${i}${n}`),a.length>0?a.join(` AND `):`Фильтр не ограничивает значение`}function u({value:e,field:t,unit:n=``,children:r}){let[i,a]=e??[null,null];return(0,f.jsxs)(`div`,{className:`marginTopMd`,children:[(0,f.jsx)(`div`,{className:`textSm сontent2`,children:`Preview фильтра`}),(0,f.jsx)(`pre`,{children:JSON.stringify({value:[i,a],human:`${c(i,n)} — ${c(a,n)}`,filter:l(e,t,n)},null,2)}),r]})}var d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D;function O(){return(O=e((()=>{d=n(),i(),f=r(),p=[{value:0,label:`0`},{value:25,label:`25`},{value:50,label:`50`},{value:75,label:`75`},{value:100,label:`100`}],m=[{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:9,label:`9 мес.`},{value:12,label:`12 мес.`},{value:18,label:`18 мес.`},{value:24,label:`24 мес.`}],h=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:12,label:`12 мес.`},{value:24,label:`24 мес.`},{value:25,label:`Без верхней границы`,outputValue:null}],g=[{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720}],_=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720},{value:25,label:`Без верхней границы`,outputValue:null}],v={title:`Shared/UI/Slider`,component:o,args:{value:30,onChange:()=>{},min:0,max:100,step:5},parameters:{atomicCanvas:!0,layout:`padded`}},y={render:e=>{let t=e,[n,r]=(0,d.useState)(e.value);return(0,f.jsx)(o,{...t,label:`Громкость`,value:n,onChange:r})},args:{description:`Компактный single-value слайдер со step=5.`,value:35,step:5}},b={render:e=>{let t=e,[n,r]=(0,d.useState)(50);return(0,f.jsx)(o,{...t,label:`Процент выполнения`,value:n,onChange:r})},args:{description:`Marks активны, кликабельны и показывают подписи через tooltip.`,value:50,marks:p}},x={render:e=>{let t=e,[n,r]=(0,d.useState)(6);return(0,f.jsx)(o,{...t,label:`Срок`,value:n,onChange:r})},args:{min:1,max:24,value:6,marks:m,marksPosition:`index`,description:`Неравномерные значения месяцев расположены с равным визуальным шагом.`}},S={render:()=>{let[e,t]=(0,d.useState)([25,75]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(a,{label:`Процент выполнения`,description:"Обычный range: `value` mark является и координатой шкалы, и значением фильтра.",min:0,max:100,marks:p,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`progress`,unit:`%`})]})}},C={render:()=>{let[e,t]=(0,d.useState)([null,12]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(a,{label:`Срок в месяцах`,description:"Открытые границы задаются только крайними `outputValue:null`; у обычных marks outputValue не указан и берётся `value`.",min:0,max:25,marks:h,marksPosition:`index`,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`months`,unit:` мес.`})]})}},w={render:()=>{let[e,t]=(0,d.useState)([90,360]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(a,{label:`Срок: месяцы на шкале, дни в фильтре`,description:"`value` хранит координату/месяцы, `outputValue` отдаёт наружу дни.",min:1,max:24,marks:g,marksPosition:`index`,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`days`,unit:` дн.`})]})}},T={render:()=>{let[e,t]=(0,d.useState)([null,720]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(a,{label:`Срок: открытые границы и дни в фильтре`,description:"Крайние marks отдают null, обычные marks отдают дни через `outputValue`.",min:0,max:25,marks:_,marksPosition:`index`,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`days`,unit:` дн.`})]})}},E={args:{label:`Недоступно`,description:`Состояние без интеракций.`,value:40,disabled:!0,marks:p}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const sliderArgs = args as SliderProps;
-    const [value, setValue] = useState<number | undefined>(args.value as number | undefined);
-    return <Slider {...sliderArgs} label="Громкость" value={value} onChange={setValue} />;
-  },
-  args: {
-    description: "Компактный single-value слайдер со step=5.",
-    value: 35,
-    step: 5
-  }
-}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const sliderArgs = args as SliderProps;
-    const [value, setValue] = useState<number | undefined>(50);
-    return <Slider {...sliderArgs} label="Процент выполнения" value={value} onChange={setValue} />;
-  },
-  args: {
-    description: "Marks активны, кликабельны и показывают подписи через tooltip.",
-    value: 50,
-    marks: percentMarks
-  }
-}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const sliderArgs = args as SliderProps;
-    const [value, setValue] = useState<number | undefined>(6);
-    return <Slider {...sliderArgs} label="Срок" value={value} onChange={setValue} />;
-  },
-  args: {
-    min: 1,
-    max: 24,
-    value: 6,
-    marks: monthMarks,
-    marksPosition: "index",
-    description: "Неравномерные значения месяцев расположены с равным визуальным шагом."
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([25, 75]);
-    return <>
-                <SliderRange label="Процент выполнения" description="Обычный range: \`value\` mark является и координатой шкалы, и значением фильтра." min={0} max={100} marks={percentMarks} value={value} onChange={setValue} />
-                <RangePreview value={value} field="progress" unit="%" />
-            </>;
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([null, 12]);
-    return <>
-                <SliderRange label="Срок в месяцах" description="Открытые границы задаются только крайними \`outputValue:null\`; у обычных marks outputValue не указан и берётся \`value\`." min={0} max={25} marks={openMonthMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="months" unit=" мес." />
-            </>;
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([90, 360]);
-    return <>
-                <SliderRange label="Срок: месяцы на шкале, дни в фильтре" description="\`value\` хранит координату/месяцы, \`outputValue\` отдаёт наружу дни." min={1} max={24} marks={monthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([null, 720]);
-    return <>
-                <SliderRange label="Срок: открытые границы и дни в фильтре" description="Крайние marks отдают null, обычные marks отдают дни через \`outputValue\`." min={0} max={25} marks={openMonthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: "Недоступно",
-    description: "Состояние без интеракций.",
-    value: 40,
-    disabled: true,
-    marks: percentMarks
-  }
-}`,...E.parameters?.docs?.source}}},D=[`SingleStep`,`SingleWithMarks`,`MonthsIndexMarks`,`RangePlain`,`RangeOpenWithoutExplicitMiddleOutput`,`RangeMonthToDaysOutput`,`RangeOpenMonthToDaysOutput`,`Disabled`]})))()}export{C as a,b as c,T as i,s as l,x as n,S as o,w as r,y as s,E as t,O as u};