@ryuzaki13/react-foundation-ui 3.1.8 → 3.1.10

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1789289591989,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.32"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.3.0","@storybook/addon-vitest":"10.5.10","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.3","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.11","playwright":"1.62.1","vitest":"4.1.11"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.4"},"routerPackages":{"@tanstack/react-router":"1.170.23"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":1,"applicationFileCount":9,"storybookVersion":"10.5.10","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.10"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.3.0"},"@storybook/addon-docs":{"version":"10.5.10"},"@storybook/addon-a11y":{"version":"10.5.10"},"@storybook/addon-vitest":{"version":"10.5.10"}},"packageJsonType":"module"}
+{"generatedAt":1789305570846,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.32"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.3.0","@storybook/addon-vitest":"10.5.10","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.3","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.11","playwright":"1.62.1","vitest":"4.1.11"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.4"},"routerPackages":{"@tanstack/react-router":"1.170.23"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":1,"applicationFileCount":9,"storybookVersion":"10.5.10","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.10"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.3.0"},"@storybook/addon-docs":{"version":"10.5.10"},"@storybook/addon-a11y":{"version":"10.5.10"},"@storybook/addon-vitest":{"version":"10.5.10"}},"packageJsonType":"module"}

package/dist/chunks/dialog-UwEmYlQ0.js

@@ -1,54 +0,0 @@
-import { useId as e } from "react";
-import { getOrCreatePortalRoot as t, useEscapeDismiss as n, useOverlayFocus as r } from "@ryuzaki13/react-foundation-lib/dom";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { createPortal as o } from "react-dom";
-var s = {
-	overlay: "CAE3zd",
-	panel: "DFvpTa"
-};
-//#endregion
-//#region src/dialog/Dialog.tsx
-function c({ title: c, description: l, open: u, onClose: d, minWidth: f, children: p }) {
-	let m = e(), h = e(), g = { "--dialog-min-width": typeof f == "number" ? `${f}px` : f }, _ = r({
-		active: u,
-		trapFocus: !0,
-		restoreFocus: !0,
-		initialFocus: "container"
-	});
-	if (n({
-		active: u,
-		onDismiss: d,
-		containerRef: _
-	}), !u || typeof document > "u") return null;
-	let v = t("dialog-root");
-	return v ? o(/* @__PURE__ */ i("div", {
-		className: `${s.overlay} surfaceBackdrop`,
-		onMouseDown: (e) => e.target === e.currentTarget && d(),
-		children: /* @__PURE__ */ a("div", {
-			ref: _,
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-labelledby": c ? m : void 0,
-			"aria-describedby": l ? h : void 0,
-			tabIndex: -1,
-			className: `${s.panel} scrollable overscroll surface0 shadowMd paddingLg radiusMd`,
-			style: g,
-			children: [
-				c && /* @__PURE__ */ i("h2", {
-					id: m,
-					className: "margin0",
-					children: c
-				}),
-				l && /* @__PURE__ */ i("p", {
-					id: h,
-					children: l
-				}),
-				p
-			]
-		})
-	}), v) : null;
-}
-//#endregion
-export { c as t };
-
-//# sourceMappingURL=dialog-UwEmYlQ0.js.map

package/dist/chunks/dialog-UwEmYlQ0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-UwEmYlQ0.js","names":[],"sources":["../../src/dialog/Dialog.module.scss","../../src/dialog/Dialog.tsx"],"sourcesContent":[".overlay {\n\tz-index: var(--z-dialog);\n\tposition: fixed;\n\tinset: 0;\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0, 1fr);\n\tgrid-template-rows: minmax(0, 1fr);\n\tplace-items: center;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100vh;\n\theight: 100dvh;\n\tpadding-block: max(var(--space-md), env(safe-area-inset-top, 0px)) max(var(--space-md), env(safe-area-inset-bottom, 0px));\n\tpadding-inline: max(var(--space-md), env(safe-area-inset-left, 0px)) max(var(--space-md), env(safe-area-inset-right, 0px));\n\toverflow: hidden;\n}\n\n.panel {\n\t--dialog-min-width: 0px;\n\n\t/*\n\t * Панель может расти по содержимому только в пределах grid-track overlay. Это сохраняет\n\t * компактный desktop-диалог, а на узком или низком viewport отдаёт прокрутку самой панели.\n\t */\n\tbox-sizing: border-box;\n\tmin-width: min(var(--dialog-min-width), 100%);\n\tmax-width: 100%;\n\tmax-height: 100%;\n\toverflow-wrap: anywhere;\n}\n","import { type CSSProperties, type PropsWithChildren, type ReactNode, useId } from \"react\";\n\nimport { getOrCreatePortalRoot, useEscapeDismiss, useOverlayFocus } from \"@ryuzaki13/react-foundation-lib/dom\";\nimport { createPortal } from \"react-dom\";\n\nimport styles from \"./Dialog.module.scss\";\n\ntype DialogProps = PropsWithChildren<{\n\ttitle: ReactNode;\n\tdescription: string;\n\topen: boolean;\n\tonClose: () => void;\n\tminWidth?: string | number;\n}>;\n\ntype DialogStyle = CSSProperties & {\n\t\"--dialog-min-width\"?: string;\n};\n\n/**\n * Модальное диалоговое окно для важных подтверждений и пользовательских сценариев.\n * Ограничивает панель доступной областью viewport и прокручивает большое содержимое.\n */\nexport function Dialog({ title, description, open, onClose, minWidth, children }: DialogProps) {\n\tconst titleId = useId();\n\tconst descriptionId = useId();\n\tconst dialogStyle: DialogStyle = {\n\t\t\"--dialog-min-width\": typeof minWidth === \"number\" ? `${minWidth}px` : minWidth\n\t};\n\tconst panelRef = useOverlayFocus<HTMLDivElement>({\n\t\tactive: open,\n\t\ttrapFocus: true,\n\t\trestoreFocus: true,\n\t\tinitialFocus: \"container\"\n\t});\n\n\tuseEscapeDismiss({\n\t\tactive: open,\n\t\tonDismiss: onClose,\n\t\tcontainerRef: panelRef\n\t});\n\n\tif (!open) {\n\t\treturn null;\n\t}\n\n\tif (typeof document === \"undefined\") {\n\t\treturn null;\n\t}\n\n\tconst portalTarget = getOrCreatePortalRoot(\"dialog-root\");\n\n\tif (!portalTarget) {\n\t\treturn null;\n\t}\n\n\treturn createPortal(\n\t\t<div className={`${styles.overlay} surfaceBackdrop`} onMouseDown={(event) => event.target === event.currentTarget && onClose()}>\n\t\t\t<div\n\t\t\t\tref={panelRef}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\taria-labelledby={title ? titleId : undefined}\n\t\t\t\taria-describedby={description ? descriptionId : undefined}\n\t\t\t\ttabIndex={-1}\n\t\t\t\tclassName={`${styles.panel} scrollable overscroll surface0 shadowMd paddingLg radiusMd`}\n\t\t\t\tstyle={dialogStyle}>\n\t\t\t\t{title && (\n\t\t\t\t\t<h2 id={titleId} className=\"margin0\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</h2>\n\t\t\t\t)}\n\t\t\t\t{description && <p id={descriptionId}>{description}</p>}\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>,\n\t\tportalTarget\n\t);\n}\n"],"mappings":";;;;;;;;;;ACuBA,SAAgB,EAAO,EAAE,UAAO,gBAAa,SAAM,YAAS,aAAU,eAAyB;CAC9F,IAAM,IAAU,EAAM,GAChB,IAAgB,EAAM,GACtB,IAA2B,EAChC,sBAAsB,OAAO,KAAa,WAAW,GAAG,EAAS,MAAM,EACxE,GACM,IAAW,EAAgC;EAChD,QAAQ;EACR,WAAW;EACX,cAAc;EACd,cAAc;CACf,CAAC;CAYD,IAVA,EAAiB;EAChB,QAAQ;EACR,WAAW;EACX,cAAc;CACf,CAAC,GAEG,CAAC,KAID,OAAO,WAAa,KACvB,OAAO;CAGR,IAAM,IAAe,EAAsB,aAAa;CAMxD,OAJK,IAIE,EACN,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAO,QAAQ;EAAmB,cAAc,MAAU,EAAM,WAAW,EAAM,iBAAiB,EAAQ;EAC5H,UAAA,kBAAC,OAAD;GACC,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB,IAAQ,IAAU,KAAA;GACnC,oBAAkB,IAAc,IAAgB,KAAA;GAChD,UAAU;GACV,WAAW,GAAG,EAAO,MAAM;GAC3B,OAAO;GARR,UAAA;IASE,KACA,kBAAC,MAAD;KAAI,IAAI;KAAS,WAAU;KACzB,UAAA;IACE,CAAA;IAEJ,KAAe,kBAAC,KAAD;KAAG,IAAI;KAAgB,UAAA;IAAe,CAAA;IACrD;GACG;;CACD,CAAA,GACL,CACD,IAxBQ;AAyBT"}

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

@@ -1 +0,0 @@
-.MsGee8{z-index:var(--z-dropdown);outline:none}._5yVJwD{--menu-max-height:calc(100dvh - var(--space-xl));--menu-min-width:14em;--menu-max-width:min(24em, calc(100dvw - var(--space-xl)));--input-width:var(--menu-min-width);min-width:var(--menu-min-width);max-width:var(--menu-max-width);max-height:var(--menu-max-height)}.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(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}@media (any-hover:hover){.CAmmlz:hover{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}@media (any-hover:none){.CAmmlz:active{background-color:var(--accent-fill);color:var(--accent-text);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(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}@media (any-hover:hover){.ObIrS2:hover{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}}@media (any-hover:none){.ObIrS2:active{background-color:var(--accent-fill);color:var(--accent-text);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/Dialog-BJSZeEzK.css

@@ -1 +0,0 @@
-.CAE3zd{z-index:var(--z-dialog);box-sizing:border-box;width:100%;height:100vh;height:100dvh;padding-block:max(var(--space-md), env(safe-area-inset-top,0px)) max(var(--space-md), env(safe-area-inset-bottom,0px));padding-inline:max(var(--space-md), env(safe-area-inset-left,0px)) max(var(--space-md), env(safe-area-inset-right,0px));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.DFvpTa{--dialog-min-width:0px;box-sizing:border-box;min-width:min(var(--dialog-min-width), 100%);overflow-wrap:anywhere;max-width:100%;max-height:100%}

package/storybook-static/assets/Dialog-CxRQ69iW.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-TCiPQfyU.js";import{t as r}from"./react-dom-BzEl8usk.js";import{a as i,n as a,r as o,t as s}from"./dom-DBd_DWF8.js";var c,l,u;function d(){return(d=e((()=>{c=`CAE3zd`,l=`DFvpTa`,u={overlay:c,panel:l}})))()}function f({title:e,description:t,open:n,onClose:r,minWidth:o,children:c}){let l=(0,p.useId)(),d=(0,p.useId)(),f={"--dialog-min-width":typeof o==`number`?`${o}px`:o},g=i({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`container`});if(a({active:n,onDismiss:r,containerRef:g}),!n||typeof document>`u`)return null;let _=s(`dialog-root`);return _?(0,m.createPortal)((0,h.jsx)(`div`,{className:`${u.overlay} surfaceBackdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,h.jsxs)(`div`,{ref:g,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?d:void 0,tabIndex:-1,className:`${u.panel} scrollable overscroll surface0 shadowMd paddingLg radiusMd`,style:f,children:[e&&(0,h.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,h.jsx)(`p`,{id:d,children:t}),c]})}),_):null}var p,m,h;function g(){return(g=e((()=>{p=t(),o(),m=r(),d(),h=n()})))()}export{g as n,f as t};

package/storybook-static/assets/Dialog-DzGq_rLA.js

@@ -1,44 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-TCiPQfyU.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-CwQtiknB.js";import{a as p,i as m,n as h,r as g,t as _}from"./Dialog.stories-B3GuNpQj.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
-`,(0,b.jsx)(u,{children:`Dialog`}),`
-`,(0,b.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
-`,(0,b.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
-Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии.`}),`
-`,(0,b.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,b.jsx)(f,{}),`
-`,(0,b.jsx)(i,{of:_}),`
-`,(0,b.jsx)(t.pre,{children:(0,b.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
-
-import { Button, Dialog } from "@ryuzaki13/react-foundation-ui";
-
-export function Example() {
-	const [open, setOpen] = useState(false);
-
-	return (
-		<>
-			<Button onClick={() => setOpen(true)}>Удалить</Button>
-			<Dialog title="Подтверждение" description="Действие нельзя отменить" open={open} onClose={() => setOpen(false)}>
-				<Button onClick={() => setOpen(false)}>Понятно</Button>
-			</Dialog>
-		</>
-	);
-}
-`})}),`
-`,(0,b.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
-`,(0,b.jsxs)(t.ul,{children:[`
-`,(0,b.jsx)(t.li,{children:`Если состояние должно жить во внешней форме или модели, ориентируйтесь на контролируемый режим из документации.`}),`
-`]}),`
-`,(0,b.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
-`,(0,b.jsx)(t.h3,{id:`компонент-работает-в-контролируемом-режиме-когда-состояние-хранится-во-внешнем-компоненте`,children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте`}),`
-`,(0,b.jsx)(t.p,{children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте.`}),`
-`,(0,b.jsx)(d,{of:_}),`
-`,(0,b.jsx)(t.h3,{id:`компонент-открыт-сразу-при-первом-рендере`,children:`Компонент открыт сразу при первом рендере`}),`
-`,(0,b.jsx)(t.p,{children:`Компонент открыт сразу при первом рендере.`}),`
-`,(0,b.jsx)(d,{of:m}),`
-`,(0,b.jsx)(t.h3,{id:`большой-контент-на-низком-или-узком-экране`,children:`Большой контент на низком или узком экране`}),`
-`,(0,b.jsx)(t.p,{children:`Диалог ограничивает размеры доступной областью viewport. Если контент не помещается, прокручивается панель диалога, а заголовок,
-описание и управляющие элементы остаются достижимыми.`}),`
-`,(0,b.jsx)(d,{of:g}),`
-`,(0,b.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,b.jsx)(l,{of:h}),`
-`,(0,b.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,b.jsx)(a,{includePrimary:!1})]})}function y(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;function x(){return(x=e((()=>{b=t(),r(),c(),p()})))()}x();export{y as default};

package/storybook-static/assets/Dialog.stories-B3GuNpQj.js

@@ -1,36 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-TCiPQfyU.js";import{n as r,t as i}from"./Button-DiJ6oS7B.js";import{n as a,t as o}from"./createControlledStoryRender-BouhvX-R.js";import{n as s,t as c}from"./Dialog-CxRQ69iW.js";var l=t({Controlled:()=>h,LongContent:()=>_,Opened:()=>g,__namedExportsOrder:()=>v,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_,v;function y(){return(y=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),minWidth:360,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Желаемая минимальная ширина панели в CSS-единицах или пикселях; ограничивается доступной шириной viewport.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},_={args:{open:!0,minWidth:640},render:d(e=>(0,f.jsxs)(`div`,{children:[Array.from({length:24},(e,t)=>(0,f.jsxs)(`p`,{children:[`Строка `,t+1,`. Большой контент остаётся внутри доступной области экрана, а диалог прокручивается независимо от страницы.`]},t)),(0,f.jsx)(i,{onClick:e,children:`Закрыть диалог`})]}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: createDialogStoryRender(close => <div>
-            <p>Подтвердите выполнение действия.</p>
-            <div style={{
-      display: "flex",
-      gap: 8,
-      justifyContent: "flex-end"
-    }}>
-                <Button variant="transparent" onClick={close}>
-                    Отмена
-                </Button>
-                <Button variant="success" onClick={close}>
-                    Подтвердить
-                </Button>
-            </div>
-        </div>)
-}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  args: {
-    open: true
-  },
-  render: createDialogStoryRender(() => <div>Диалог изначально открыт для демонстрации верстки.</div>)
-}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  args: {
-    open: true,
-    minWidth: 640
-  },
-  render: createDialogStoryRender(close => <div>
-            {Array.from({
-      length: 24
-    }, (_, index) => <p key={index}>
-                    Строка {index + 1}. Большой контент остаётся внутри доступной области экрана, а диалог прокручивается независимо от
-                    страницы.
-                </p>)}
-            <Button onClick={close}>Закрыть диалог</Button>
-        </div>)
-}`,..._.parameters?.docs?.source}}},v=[`Controlled`,`Opened`,`LongContent`]})))()}export{y as a,g as i,l as n,_ as r,h as t};

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

@@ -1,53 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-TCiPQfyU.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-CwQtiknB.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Listbox.stories-D-uh5Nn_.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
-`,(0,x.jsx)(u,{children:`Listbox`}),`
-`,(0,x.jsx)(o,{children:`Список выбора для single- и multi-select сценариев, кастомного рендера элементов и блокированного состояния`}),`
-`,(0,x.jsx)(t.p,{children:`Listbox уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
-Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
-`,(0,x.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,x.jsx)(f,{}),`
-`,(0,x.jsx)(i,{of:p}),`
-`,(0,x.jsx)(t.pre,{children:(0,x.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
-
-import { Listbox } from "@ryuzaki13/react-foundation-ui/listbox";
-
-const options = [
-	{ value: "draft", label: "Черновик" },
-	{ value: "active", label: "В работе" },
-	{ value: "done", label: "Завершен" }
-];
-
-export function Example() {
-	const [value, setValue] = useState(undefined);
-
-	return (
-		<Listbox
-			label="Статус"
-			description="Выберите текущий статус задачи."
-			options={options}
-			value={value}
-			onChange={setValue}
-		/>
-	);
-}
-`})}),`
-`,(0,x.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
-`,(0,x.jsxs)(t.ul,{children:[`
-`,(0,x.jsx)(t.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
-`]}),`
-`,(0,x.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
-`,(0,x.jsx)(t.h3,{id:`выбор-одного-значения`,children:`Выбор одного значения`}),`
-`,(0,x.jsx)(t.p,{children:`Выбор одного значения.`}),`
-`,(0,x.jsx)(d,{of:p}),`
-`,(0,x.jsx)(t.h3,{id:`выбор-нескольких-значений`,children:`Выбор нескольких значений`}),`
-`,(0,x.jsx)(t.p,{children:`Выбор нескольких значений.`}),`
-`,(0,x.jsx)(d,{of:m}),`
-`,(0,x.jsx)(t.h3,{id:`кастомный-рендер-элементов-списка`,children:`Кастомный рендер элементов списка`}),`
-`,(0,x.jsx)(t.p,{children:`Кастомный рендер элементов списка.`}),`
-`,(0,x.jsx)(d,{of:v}),`
-`,(0,x.jsx)(t.h3,{id:`заблокированный-список`,children:`Заблокированный список`}),`
-`,(0,x.jsx)(t.p,{children:`Заблокированный список не получает фокус и не изменяет выбор с клавиатуры или указателем.`}),`
-`,(0,x.jsx)(d,{of:h}),`
-`,(0,x.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,x.jsx)(l,{of:_}),`
-`,(0,x.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,x.jsx)(a,{includePrimary:!1})]})}function b(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;function S(){return(S=e((()=>{x=t(),r(),c(),g()})))()}S();export{b as default};

package/storybook-static/assets/Listbox-DmN74-p1.js

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

package/storybook-static/assets/Listbox.stories-D-uh5Nn_.js

@@ -1,68 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-TCiPQfyU.js";import{n as r,t as i}from"./Listbox-DmN74-p1.js";var a=t({CustomRender:()=>p,Disabled:()=>m,MultiSelect:()=>f,SingleSelect:()=>d,__namedExportsOrder:()=>h,default:()=>u});function o(e){return e.multiple?(0,s.jsx)(i,{...e,multiple:!0}):(0,s.jsx)(i,{...e})}var s,c,l,u,d,f,p,m,h;function g(){return(g=e((()=>{r(),s=n(),{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:l}=__STORYBOOK_MODULE_TEST__,u={title:`UI/Listbox`,component:o,args:{options:[{id:`low`,label:`Низкий`},{id:`medium`,label:`Средний`},{id:`high`,label:`Высокий`},{id:`critical`,label:`Критический`,disabled:!0}],multiple:!1,label:`Приоритет`,description:`Выберите приоритет задачи.`,value:`medium`,onChange:l()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля, оформленный так же, как у Input.`},description:{description:`Описание под заголовком, связанное со списком через ARIA.`},options:{description:`Массив доступных опций списка.`,control:!1},multiple:{description:`Режим множественного выбора.`,control:`boolean`},value:{description:`Текущее выбранное значение (или массив значений).`,control:!1},defaultValue:{description:`Начальное значение для uncontrolled-режима.`,control:!1},disabled:{description:`Блокирует фокусировку, навигацию и изменение выбора.`,control:`boolean`},onChange:{description:`Вызывается при выборе опции.`,control:!1},focusOnMount:{description:`Автофокус списка при монтировании.`,control:`boolean`},renderItem:{description:`Кастомный рендер строки списка.`,control:!1},getKey:{description:`Функция генерации ключа для опции.`,control:!1}}},d={render:function(e){let[,t]=c(),n=typeof e.value==`string`?e.value:`medium`;return(0,s.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:280},children:[(0,s.jsx)(o,{...e,multiple:!1,value:n,onChange:(n,r)=>{typeof n==`string`&&(e.onChange?.(n,r),t({value:n}))}}),(0,s.jsxs)(`div`,{children:[`Выбрано: `,n]})]})}},f={render:function(e){let[,t]=c(),n=Array.isArray(e.value)?e.value:[`low`,`high`];return(0,s.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:320},children:[(0,s.jsx)(o,{...e,multiple:!0,value:n,onChange:(n,r)=>{Array.isArray(n)&&(e.onChange?.(n,r),t({value:n}))}}),(0,s.jsxs)(`div`,{children:[`Выбрано: `,n.join(`, `)||`пусто`]})]})},args:{multiple:!0}},p={render:function(e){let[,t]=c(),n=typeof e.value==`string`?e.value:`low`;return(0,s.jsx)(o,{...e,value:n,onChange:(n,r)=>{typeof n==`string`&&(e.onChange?.(n,r),t({value:n}))},renderItem:(e,t,n)=>(0,s.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,width:`100%`,opacity:e.disabled?.5:1},children:[(0,s.jsx)(`span`,{children:e.label}),(0,s.jsx)(`span`,{children:t?`Выбрано`:n?`Фокус`:``})]})})}},m={args:{disabled:!0,value:`medium`},render:e=>(0,s.jsx)(o,{...e})},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<ComponentProps<typeof StringListbox>>();
-    const value = typeof args.value === "string" ? args.value : "medium";
-    return <div style={{
-      display: "grid",
-      gap: 12,
-      maxWidth: 280
-    }}>
-                <StringListbox {...args} multiple={false} value={value} onChange={(next, option) => {
-        if (typeof next !== "string") return;
-        args.onChange?.(next, option);
-        updateArgs({
-          value: next
-        });
-      }} />
-                <div>Выбрано: {value}</div>
-            </div>;
-  }
-}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<ComponentProps<typeof StringListbox>>();
-    const value = Array.isArray(args.value) ? args.value : ["low", "high"];
-    return <div style={{
-      display: "grid",
-      gap: 12,
-      maxWidth: 320
-    }}>
-                <StringListbox {...args} multiple value={value} onChange={(next, option) => {
-        if (!Array.isArray(next)) return;
-        args.onChange?.(next, option);
-        updateArgs({
-          value: next
-        });
-      }} />
-                <div>Выбрано: {value.join(", ") || "пусто"}</div>
-            </div>;
-  },
-  args: {
-    multiple: true
-  }
-}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<ComponentProps<typeof StringListbox>>();
-    const value = typeof args.value === "string" ? args.value : "low";
-    return <StringListbox {...args} value={value} onChange={(next, option) => {
-      if (typeof next !== "string") return;
-      args.onChange?.(next, option);
-      updateArgs({
-        value: next
-      });
-    }} renderItem={(option, selected, active) => <div style={{
-      display: "flex",
-      justifyContent: "space-between",
-      width: "100%",
-      opacity: option.disabled ? 0.5 : 1
-    }}>
-                        <span>{option.label}</span>
-                        <span>{selected ? "Выбрано" : active ? "Фокус" : ""}</span>
-                    </div>} />;
-  }
-}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true,
-    value: "medium"
-  },
-  render: args => <StringListbox {...args} />
-}`,...m.parameters?.docs?.source}}},h=[`SingleSelect`,`MultiSelect`,`CustomRender`,`Disabled`]})))()}export{d as a,f as i,m as n,g as o,a as r,p as t};

package/storybook-static/assets/Option-DD2t6DLq.css

@@ -1 +0,0 @@
-._81qOBF,.Fj-KxT{border-radius:var(--radius-sm);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}._81qOBF{--anchor-gap:var(--space-xs);--anchor-padding:var(--space-xs);--anchor-offset:0;min-width:0;z-index:var(--z-dropdown);box-shadow:var(--shadow-md)}.Fj-KxT{--input-width:min(100vw, var(--base-width,15em));width:100%;min-width:var(--input-width);min-height:0;max-height:75vh;padding:var(--space-sm);background-color:var(--surface-0);border:var(--border)}.Fj-KxT:empty{visibility:hidden}.Fj-KxT[data-has-toolbar=true]{grid-template-rows:auto minmax(0,1fr)}.tCn0CX{gap:var(--space-xs);padding:var(--space-xs);display:grid}.pP2yXa{min-height:0}.bupTWA{padding:var(--space-xs) var(--space-sm);color:var(--content-2)}.GkeyGF{color:var(--error-text)}._8F667e{position:relative}._8F667e[data-has-overlay=true] input{--ui-color:transparent;--ui-color-hover:transparent;--ui-color-active:transparent;color:#0000;caret-color:#0000;-webkit-text-fill-color:transparent}.RMwzIX{--trigger-count:2;--input-end-adornment-width:calc(var(--control-height) * 2)}.wvU2oL{inset:0 calc(var(--control-height) * var(--trigger-count,1) + var(--space-sm)) 0 var(--space-sm);pointer-events:none;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:absolute}.efKX6F{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:47.9988em){.Fj-KxT{--input-width:calc(100dvw - var(--space-xl))}}.OGMk6I{padding-block:var(--space-xs);border-radius:var(--radius-sm)}.OGMk6I:hover{background-color:var(--surface-2)}

package/storybook-static/assets/iframe-Cpjz8S9A.js

@@ -1 +0,0 @@
-import{t as e}from"./iframe-TCiPQfyU.js";e();