@ryuzaki13/react-foundation-ui 1.5.7 → 1.5.9

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1785661813548,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.18"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.2.1","@storybook/addon-vitest":"10.5.5","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.10","playwright":"1.62.1","vitest":"4.1.10"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.1"},"routerPackages":{"@tanstack/react-router":"1.170.0"}},"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.5","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.5"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.2.1"},"@storybook/addon-docs":{"version":"10.5.5"},"@storybook/addon-a11y":{"version":"10.5.5"},"@storybook/addon-vitest":{"version":"10.5.5"}},"packageJsonType":"module"}
+{"generatedAt":1785669507318,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.18"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.2.1","@storybook/addon-vitest":"10.5.5","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.10","playwright":"1.62.1","vitest":"4.1.10"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.1"},"routerPackages":{"@tanstack/react-router":"1.170.0"}},"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.5","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.5"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.2.1"},"@storybook/addon-docs":{"version":"10.5.5"},"@storybook/addon-a11y":{"version":"10.5.5"},"@storybook/addon-vitest":{"version":"10.5.5"}},"packageJsonType":"module"}

package/dist/chunks/radio-group-D-eBPuGm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group-D-eBPuGm.js","names":[],"sources":["../../src/radio-group/RadioGroup.module.scss","../../src/radio-group/RadioGroup.tsx"],"sourcesContent":[".radioGroup {\n\tdisplay: flex;\n\talign-content: flex-start;\n\tflex-wrap: wrap;\n\t// min-height: var(--control-height);\n\theight: auto;\n\n\t&.noWrap {\n\t\tflex-wrap: nowrap;\n\t}\n\n\t&.horizontal {\n\t\tflex-direction: row;\n\t}\n\n\t&.vertical {\n\t\tflex-direction: column;\n\t\talign-content: stretch;\n\t}\n}\n\n.radioItem {\n\tdisplay: grid;\n\talign-content: center;\n\tgap: var(--space-sm);\n\tflex: 1 0 0%;\n\tcolor: var(--content-2);\n\tborder-radius: var(--radius-xs);\n\tpadding: 0 var(--space-md);\n\tmargin: var(--border-width);\n\t// baseInputControl = --control-height, + borderTop/Bottom + transparentLineTop/Bottom\n\tmin-height: calc(var(--control-height) - calc(var(--border-width) * 4));\n\n\tcursor: pointer;\n\n\t&:hover {\n\t\tcolor: var(--content-accent);\n\t\t// background-color: var(--surface-1);\n\t}\n\n\t&.checked {\n\t\tcolor: var(--status-info-on-fill);\n\t\tbackground-color: var(--status-info-fill);\n\t\t// border-color: var(--border-0);\n\t}\n\n\t&:disabled {\n\t\topacity: var(--disabled-opacity);\n\t}\n}\n","import React, { createContext, KeyboardEvent, ReactNode, useCallback, useContext, useId, useLayoutEffect, useMemo, useState } from \"react\";\n\nimport { cn, getRovingFocusTargetIndex, handleKeyboardActivation } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./RadioGroup.module.scss\";\n\ninterface RadioGroupContextValue {\n\tvalue?: unknown;\n\tonChange?: (value: unknown) => void;\n\tdisabled?: boolean;\n\torientation: \"vertical\" | \"horizontal\";\n\tgroupId: string;\n\tlabelId?: string;\n\tdescriptionId?: string;\n\tfirstOptionId?: string;\n\tregisterOption: (optionId: string) => () => void;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\ninterface RadioGroupProps<T> {\n\tvalue?: T;\n\tonChange?: (value: T) => void;\n\tlabel?: string;\n\tdescription?: string;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tnoWrap?: true;\n\torientation?: \"vertical\" | \"horizontal\";\n\t\"aria-label\"?: string;\n\tchildren: React.ReactNode;\n}\n\n/**\n * Группа радиокнопок с общим состоянием выбранного значения. Обеспечивает единый API выбора и контекст для дочерних опций.\n */\nexport function RadioGroup<T>({\n\tvalue,\n\tonChange,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tclassName,\n\tnoWrap,\n\torientation = \"horizontal\",\n\t\"aria-label\": ariaLabel,\n\tchildren\n}: RadioGroupProps<T>) {\n\tconst groupId = useId();\n\tconst labelId = label ? `${groupId}-label` : undefined;\n\tconst descriptionId = description ? `${groupId}-description` : undefined;\n\tconst [registeredOptionIds, setRegisteredOptionIds] = useState<string[]>([]);\n\tconst handleChange = useCallback((nextValue: unknown) => onChange?.(nextValue as T), [onChange]);\n\n\t/**\n\t * Хранит порядок опций внутри группы, чтобы при отсутствии выбранного значения\n\t * оставлять ровно один tab stop на первой доступной радиокнопке.\n\t */\n\tconst registerOption = useCallback((optionId: string) => {\n\t\tsetRegisteredOptionIds((currentIds) => (currentIds.includes(optionId) ? currentIds : [...currentIds, optionId]));\n\n\t\treturn () => {\n\t\t\tsetRegisteredOptionIds((currentIds) => currentIds.filter((currentId) => currentId !== optionId));\n\t\t};\n\t}, []);\n\n\tconst contextValue = useMemo(\n\t\t() => ({\n\t\t\tvalue,\n\t\t\tonChange: handleChange,\n\t\t\tdisabled,\n\t\t\torientation,\n\t\t\tgroupId,\n\t\t\tlabelId,\n\t\t\tdescriptionId,\n\t\t\tfirstOptionId: registeredOptionIds[0],\n\t\t\tregisterOption\n\t\t}),\n\t\t[descriptionId, disabled, groupId, handleChange, labelId, orientation, registerOption, registeredOptionIds, value]\n\t);\n\n\treturn (\n\t\t<div className={cn(uiStyles.uiElement, disabled && uiStyles.disabled, className)}>\n\t\t\t{label && (\n\t\t\t\t<div id={labelId} className={uiStyles.uiLabel}>\n\t\t\t\t\t{label}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{description && (\n\t\t\t\t<div id={descriptionId} className={uiStyles.uiDescription}>\n\t\t\t\t\t{description}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<RadioGroupContext.Provider value={contextValue}>\n\t\t\t\t<div\n\t\t\t\t\trole=\"radiogroup\"\n\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\taria-label={labelId ? undefined : ariaLabel}\n\t\t\t\t\taria-describedby={descriptionId}\n\t\t\t\t\taria-disabled={disabled || undefined}\n\t\t\t\t\tdata-disabled={disabled || undefined}\n\t\t\t\t\tclassName={cn(uiStyles.uiInputControl, styles.radioGroup, noWrap && styles.noWrap, styles[orientation])}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</RadioGroupContext.Provider>\n\t\t</div>\n\t);\n}\n\ninterface OptionProps<T> {\n\tvalue: T;\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tclassName?: string;\n}\n\n/**\n * Опция внутри `RadioGroup`, представляющая одно выбираемое значение. Отрисовывает подпись, описание и состояние выбора.\n */\nexport function Option<T>({ value, label, description, className }: OptionProps<T>) {\n\tconst context = useContext(RadioGroupContext);\n\tconst optionId = useId();\n\tconst registerOption = context?.registerOption;\n\n\tuseLayoutEffect(() => {\n\t\tif (!registerOption) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn registerOption(optionId);\n\t}, [registerOption, optionId]);\n\n\tif (!context) {\n\t\treturn (\n\t\t\t<div className={cn(styles.radioItem, className)}>\n\t\t\t\t<p className=\"textNoWrap\">{label}</p>\n\t\t\t\t{description && <div className=\"fontSizeSm content2\">{description}</div>}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst isChecked = Object.is(context.value, value);\n\tconst isDisabled = context.disabled === true;\n\tconst isFallbackTabStop = context.value === undefined && context.firstOptionId === optionId;\n\n\tconst handleChange = () => {\n\t\tif (isDisabled || isChecked) {\n\t\t\treturn;\n\t\t}\n\n\t\tcontext.onChange?.(value);\n\t};\n\n\t// TODO: логика переиспользуемая, надо вынести в хук\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n\t\tif (isDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (handleKeyboardActivation(event, handleChange)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentTarget = event.currentTarget;\n\t\tconst groupElement = currentTarget.closest<HTMLElement>('[role=\"radiogroup\"]');\n\t\tconst radioItems = Array.from(groupElement?.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]:not([disabled])') ?? []);\n\n\t\tif (!radioItems.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = radioItems.indexOf(currentTarget);\n\t\tif (currentIndex === -1) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst nextIndex = getRovingFocusTargetIndex({\n\t\t\tcurrentIndex,\n\t\t\titemCount: radioItems.length,\n\t\t\tkey: event.key,\n\t\t\torientation: context.orientation\n\t\t});\n\n\t\tif (nextIndex === null) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\t\tradioItems[nextIndex]?.focus();\n\t\tradioItems[nextIndex]?.click();\n\t};\n\n\treturn (\n\t\t<button\n\t\t\tid={`${context.groupId}-option-${optionId}`}\n\t\t\ttype=\"button\"\n\t\t\trole=\"radio\"\n\t\t\taria-checked={isChecked}\n\t\t\tdisabled={isDisabled}\n\t\t\ttabIndex={isChecked || isFallbackTabStop ? 0 : -1}\n\t\t\tclassName={cn(styles.radioItem, isChecked && styles.checked, className)}\n\t\t\tdata-ui=\"radio-option\"\n\t\t\tdata-action=\"select-radio-option\"\n\t\t\tonClick={handleChange}\n\t\t\tonKeyDown={handleKeyDown}>\n\t\t\t<span className=\"textNoWrap\">{label}</span>\n\t\t\t{description && <span className=\"fontSizeSm\">{description}</span>}\n\t\t</button>\n\t);\n}\n\nRadioGroup.Option = Option;\n"],"mappings":";;;;;;;;;;;GCoBM,IAAoB,EAA6C,IAAI;AAkB3E,SAAgB,EAAc,EAC7B,UACA,aACA,UACA,gBACA,aACA,cACA,WACA,iBAAc,cACd,cAAc,GACd,eACsB;CACtB,IAAM,IAAU,EAAM,GAChB,IAAU,IAAQ,GAAG,EAAQ,UAAU,KAAA,GACvC,IAAgB,IAAc,GAAG,EAAQ,gBAAgB,KAAA,GACzD,CAAC,GAAqB,KAA0B,EAAmB,CAAC,CAAC,GACrE,IAAe,GAAa,MAAuB,IAAW,CAAc,GAAG,CAAC,CAAQ,CAAC,GAMzF,IAAiB,GAAa,OACnC,GAAwB,MAAgB,EAAW,SAAS,CAAQ,IAAI,IAAa,CAAC,GAAG,GAAY,CAAQ,CAAE,SAElG;EACZ,GAAwB,MAAe,EAAW,QAAQ,MAAc,MAAc,CAAQ,CAAC;CAChG,IACE,CAAC,CAAC,GAEC,IAAe,SACb;EACN;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA,eAAe,EAAoB;EACnC;CACD,IACA;EAAC;EAAe;EAAU;EAAS;EAAc;EAAS;EAAa;EAAgB;EAAqB;CAAK,CAClH;CAEA,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAS,WAAW,KAAY,EAAS,UAAU,CAAS;EAA/E,UAAA;GACE,KACA,kBAAC,OAAD;IAAK,IAAI;IAAS,WAAW,EAAS;IACpC,UAAA;GACG,CAAA;GAEL,KACA,kBAAC,OAAD;IAAK,IAAI;IAAe,WAAW,EAAS;IAC1C,UAAA;GACG,CAAA;GAGN,kBAAC,EAAkB,UAAnB;IAA4B,OAAO;IAClC,UAAA,kBAAC,OAAD;KACC,MAAK;KACL,mBAAiB;KACjB,cAAY,IAAU,KAAA,IAAY;KAClC,oBAAkB;KAClB,iBAAe,KAAY,KAAA;KAC3B,iBAAe,KAAY,KAAA;KAC3B,WAAW,EAAG,EAAS,gBAAgB,EAAO,YAAY,KAAU,EAAO,QAAQ,EAAO,EAAY;KACrG;IACG,CAAA;GACsB,CAAA;EACxB;;AAEP;AAYA,SAAgB,EAAU,EAAE,UAAO,UAAO,gBAAa,gBAA6B;CACnF,IAAM,IAAU,EAAW,CAAiB,GACtC,IAAW,EAAM,GACjB,IAAiB,GAAS;CAUhC,IARA,QAAsB;EAChB,OAIL,OAAO,EAAe,CAAQ;CAC/B,GAAG,CAAC,GAAgB,CAAQ,CAAC,GAEzB,CAAC,GACJ,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,WAAW,CAAS;EAA9C,UAAA,CACC,kBAAC,KAAD;GAAG,WAAU;GAAc,UAAA;EAAS,CAAA,GACnC,KAAe,kBAAC,OAAD;GAAK,WAAU;GAAuB,UAAA;EAAiB,CAAA,CACnE;;CAIP,IAAM,IAAY,OAAO,GAAG,EAAQ,OAAO,CAAK,GAC1C,IAAa,EAAQ,aAAa,IAClC,IAAoB,EAAQ,UAAU,KAAA,KAAa,EAAQ,kBAAkB,GAE7E,UAAqB;EACtB,KAAc,KAIlB,EAAQ,WAAW,CAAK;CACzB;CAyCA,OACC,kBAAC,UAAD;EACC,IAAI,GAAG,EAAQ,QAAQ,UAAU;EACjC,MAAK;EACL,MAAK;EACL,gBAAc;EACd,UAAU;EACV,UAAU,KAAa,IAAoB,IAAI;EAC/C,WAAW,EAAG,EAAO,WAAW,KAAa,EAAO,SAAS,CAAS;EACtE,WAAQ;EACR,eAAY;EACZ,SAAS;EACT,YAlDqB,MAA4C;GAKlE,IAJI,KAIA,EAAyB,GAAO,CAAY,GAC/C;GAGD,IAAM,IAAgB,EAAM,eACtB,IAAe,EAAc,QAAqB,uBAAqB,GACvE,IAAa,MAAM,KAAK,GAAc,iBAAoC,kCAAgC,KAAK,CAAC,CAAC;GAEvH,IAAI,CAAC,EAAW,QACf;GAGD,IAAM,IAAe,EAAW,QAAQ,CAAa;GACrD,IAAI,MAAiB,IACpB;GAGD,IAAM,IAAY,EAA0B;IAC3C;IACA,WAAW,EAAW;IACtB,KAAK,EAAM;IACX,aAAa,EAAQ;GACtB,CAAC;GAEG,MAAc,SAIlB,EAAM,eAAe,GACrB,EAAW,EAAU,EAAE,MAAM,GAC7B,EAAW,EAAU,EAAE,MAAM;EAC9B;EAGC,UAAA,CAYC,kBAAC,QAAD;GAAM,WAAU;GAAc,UAAA;EAAY,CAAA,GACzC,KAAe,kBAAC,QAAD;GAAM,WAAU;GAAc,UAAA;EAAkB,CAAA,CACzD;;AAEV;AAEA,EAAW,SAAS"}

package/dist/chunks/uiClasses-CF_aN4Tv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"uiClasses-CF_aN4Tv.js","names":[],"sources":["../../src/uiClasses.ts"],"sourcesContent":["import uiStyles from \"./ui.module.scss\";\n\nimport type { UiAppearance, UiTone, UiVariant } from \"./types\";\n\nexport type UiScheme = {\n\ttone: UiTone;\n\tappearance: UiAppearance;\n};\n\nexport type UiSelectionAppearance = Extract<UiAppearance, \"outline\" | \"solid\">;\n\nconst variantSchemeMap: Record<UiVariant, UiScheme> = {\n\tneutral: { tone: \"neutral\", appearance: \"solid\" },\n\tneutralOutline: { tone: \"neutral\", appearance: \"outline\" },\n\tghost: { tone: \"neutral\", appearance: \"ghost\" },\n\tbrand: { tone: \"brand\", appearance: \"solid\" },\n\terror: { tone: \"error\", appearance: \"solid\" },\n\twarning: { tone: \"warning\", appearance: \"solid\" },\n\tsuccess: { tone: \"success\", appearance: \"solid\" },\n\tinfo: { tone: \"info\", appearance: \"solid\" },\n\tbrandOutline: { tone: \"brand\", appearance: \"outline\" },\n\terrorOutline: { tone: \"error\", appearance: \"outline\" },\n\twarningOutline: { tone: \"warning\", appearance: \"outline\" },\n\tsuccessOutline: { tone: \"success\", appearance: \"outline\" },\n\tinfoOutline: { tone: \"info\", appearance: \"outline\" },\n\ttransparent: { tone: \"neutral\", appearance: \"transparent\" }\n};\n\nconst toneClassNameMap: Record<UiTone, string> = {\n\tneutral: uiStyles.uiToneNeutral,\n\tbrand: uiStyles.uiToneBrand,\n\terror: uiStyles.uiToneError,\n\twarning: uiStyles.uiToneWarning,\n\tsuccess: uiStyles.uiToneSuccess,\n\tinfo: uiStyles.uiToneInfo\n};\n\nconst appearanceClassNameMap: Record<UiAppearance, string> = {\n\tsolid: uiStyles.uiAppearanceSolid,\n\toutline: uiStyles.uiAppearanceOutline,\n\tghost: uiStyles.uiAppearanceGhost,\n\ttransparent: uiStyles.uiAppearanceTransparent\n};\n\nexport function getUiToneClassName(tone: UiTone): string {\n\treturn toneClassNameMap[tone];\n}\n\nexport function getUiAppearanceClassName(appearance: UiAppearance): string {\n\treturn appearanceClassNameMap[appearance];\n}\n\nexport function resolveUiScheme({\n\tvariant,\n\ttone,\n\tappearance,\n\tfallbackTone = \"neutral\",\n\tfallbackAppearance = \"outline\"\n}: {\n\tvariant?: UiVariant;\n\ttone?: UiTone;\n\tappearance?: UiAppearance;\n\tfallbackTone?: UiTone;\n\tfallbackAppearance?: UiAppearance;\n}): UiScheme {\n\tif (tone || appearance) {\n\t\treturn {\n\t\t\ttone: tone ?? fallbackTone,\n\t\t\tappearance: appearance ?? fallbackAppearance\n\t\t};\n\t}\n\n\tif (variant) {\n\t\treturn variantSchemeMap[variant];\n\t}\n\n\treturn {\n\t\ttone: fallbackTone,\n\t\tappearance: fallbackAppearance\n\t};\n}\n"],"mappings":";;AAWA,IAAM,IAAgD;CACrD,SAAS;EAAE,MAAM;EAAW,YAAY;CAAQ;CAChD,gBAAgB;EAAE,MAAM;EAAW,YAAY;CAAU;CACzD,OAAO;EAAE,MAAM;EAAW,YAAY;CAAQ;CAC9C,OAAO;EAAE,MAAM;EAAS,YAAY;CAAQ;CAC5C,OAAO;EAAE,MAAM;EAAS,YAAY;CAAQ;CAC5C,SAAS;EAAE,MAAM;EAAW,YAAY;CAAQ;CAChD,SAAS;EAAE,MAAM;EAAW,YAAY;CAAQ;CAChD,MAAM;EAAE,MAAM;EAAQ,YAAY;CAAQ;CAC1C,cAAc;EAAE,MAAM;EAAS,YAAY;CAAU;CACrD,cAAc;EAAE,MAAM;EAAS,YAAY;CAAU;CACrD,gBAAgB;EAAE,MAAM;EAAW,YAAY;CAAU;CACzD,gBAAgB;EAAE,MAAM;EAAW,YAAY;CAAU;CACzD,aAAa;EAAE,MAAM;EAAQ,YAAY;CAAU;CACnD,aAAa;EAAE,MAAM;EAAW,YAAY;CAAc;AAC3D,GAEM,IAA2C;CAChD,SAAS,EAAS;CAClB,OAAO,EAAS;CAChB,OAAO,EAAS;CAChB,SAAS,EAAS;CAClB,SAAS,EAAS;CAClB,MAAM,EAAS;AAChB,GAEM,IAAuD;CAC5D,OAAO,EAAS;CAChB,SAAS,EAAS;CAClB,OAAO,EAAS;CAChB,aAAa,EAAS;AACvB;AAEA,SAAgB,EAAmB,GAAsB;CACxD,OAAO,EAAiB;AACzB;AAEA,SAAgB,EAAyB,GAAkC;CAC1E,OAAO,EAAuB;AAC/B;AAEA,SAAgB,EAAgB,EAC/B,YACA,SACA,eACA,kBAAe,WACf,wBAAqB,aAOT;CAYZ,OAXI,KAAQ,IACJ;EACN,MAAM,KAAQ;EACd,YAAY,KAAc;CAC3B,IAGG,IACI,EAAiB,KAGlB;EACN,MAAM;EACN,YAAY;CACb;AACD"}

package/dist/tabs/ui/Tabs.d.ts

@@ -1,16 +0,0 @@
-import type { TabsBoxItem, TabsBoxProps } from "../model/types";
-/**
- * Элемент вкладки для устаревшего совместимого API `Tabs`.
- */
-export type TabsItem = TabsBoxItem;
-/**
- * @deprecated Используйте `TabsBox` для простого сценария и `TabsLayout` для составных layout-сценариев.
- */
-export interface TabsProps extends TabsBoxProps {
-    onChange?: (value: string) => void;
-}
-/**
- * @deprecated Используйте `TabsBox` для простого сценария и `TabsLayout` для составных layout-сценариев.
- */
-export declare function Tabs({ onChange, onValueChange, ...props }: TabsProps): import("react").JSX.Element;
-//# sourceMappingURL=Tabs.d.ts.map

package/dist/tabs/ui/Tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAUpE"}

package/storybook-static/assets/DisclosureGroup-BFWSlYOk.css

@@ -1 +0,0 @@
-.O-da-N{--ui-panel-background:var(--surface-1)}.P-rCx1{align-items:center;display:flex}._9yjaDf{justify-content:flex-start;align-items:center;min-width:0;display:flex}._9yjaDf:hover{color:var(--content-accent)}.izVkky{align-items:center;padding-inline-end:var(--space-sm);display:flex}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}

package/storybook-static/assets/DisclosureGroup-DjDW1NYH.js

@@ -1,2 +0,0 @@
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./chevron-down-DpN_oMWM.js";import{i as a,n as o,r as s}from"./iframe-CZ0KI0zu.js";import{a as c,i as l}from"./utils-DUM89eIj.js";import{n as u,t as d}from"./ui.module-DjxH5szp.js";import{n as f,t as p}from"./FlexItem-vkDYa5tA.js";var m,h;function g(){return(g=e((()=>{a(),m=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],h=s(`chevron-up`,m)})))()}var _,v,y;function b(){return(b=e((()=>{_=n(),f(),v=o(),y=(0,_.forwardRef)((e,t)=>(0,v.jsx)(p,{...e,ref:t,flex1:!0})),y.displayName=`FlexSpacer`,y.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var x,S,C,w,T,E;function D(){return(D=e((()=>{x=`O-da-N`,S=`P-rCx1`,C=`_9yjaDf`,w=`izVkky`,T=`KAIPfW`,E={disclosure:x,disclosureHeader:S,disclosureButton:C,disclosureActions:w,disclosureGroup:T}})))()}function O({label:e,defaultOpen:t,headerActions:n,children:r}){let[a,o]=(0,k.useState)(t===!0),s=(0,k.useId)(),l=(0,k.useId)();return(0,A.jsxs)(`div`,{className:c(u.uiElement,u.uiPanel,E.disclosure),children:[(0,A.jsxs)(`div`,{className:E.disclosureHeader,children:[(0,A.jsxs)(`button`,{id:l,type:`button`,"aria-expanded":a,"aria-controls":s,className:c(E.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":a?`collapse-disclosure`:`expand-disclosure`,onClick:()=>o(e=>!e),children:[a?(0,A.jsx)(h,{}):(0,A.jsx)(i,{}),e]}),n?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(y,{}),n]}):null]}),a&&(0,A.jsx)(`div`,{id:s,role:`region`,"aria-labelledby":l,children:(0,A.jsx)(`div`,{className:`paddingMd`,children:r})})]})}var k,A;function j(){return(j=e((()=>{k=t(n(),1),l(),r(),g(),b(),d(),D(),A=o(),O.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},headerActions:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function M({className:e,children:t}){return(0,N.jsx)(`div`,{className:c(E.disclosureGroup,e),children:t})}var N;function P(){return(P=e((()=>{n(),l(),D(),N=o(),M.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
-| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`,elements:[{name:`unknown`},{name:`Array`,elements:[{name:`unknown`}],raw:`(React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{j as i,P as n,O as r,M as t};

package/storybook-static/assets/InteractiveComponents.stories-DlUOC0gE.js

@@ -1,472 +0,0 @@
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./Switch-L91cfss1.js";import{i as a,n as o,r as s,t as ee}from"./DisclosureGroup-DjDW1NYH.js";import{n as c,t as te}from"./ExpandableActionPanel-Bi8GdZk8.js";import{n as ne,t as l}from"./RadioButton-BWyJs5Z6.js";import{n as u,t as re}from"./SingleDateTimeInput-Bu-VV-X4.js";import{n as d,t as f}from"./CheckBox-CIv6lt7Z.js";import{n as p,t as ie}from"./DropZone-DnJJRVvs.js";import{n as m}from"./iframe-CZ0KI0zu.js";import{n as h,t as g}from"./Popover-gg-G1aUp.js";import{i as _,n as ae,r as v,t as oe}from"./BadgeList-Br7PCtJe.js";import{n as se,t as y}from"./Button-BUAFSG7a.js";import{n as b,t as x}from"./ContextMenu-C8SQXRxm.js";import{a as ce,i as le,n as S,r as ue,s as C,t as de}from"./ModalManagerProvider-_TvqmYe3.js";import{n as w,t as T}from"./DropdownMenu-eA7CqmEq.js";import{n as fe,r as pe}from"./DateInput-ClKgqyQO.js";import{a as E,c as D,i as O,t as k}from"./Input-Fk3IRww_.js";import{n as A,t as j}from"./RadioGroup-Bz9Pc7gG.js";import{n as me,t as he}from"./GridContainer-qDguE1HS.js";import{n as ge,t as M}from"./Select-2OS5b3gj.js";import{n as N,t as _e}from"./DateRangePresetSelect-yzuX25-A.js";import{n as P,t as ve}from"./Dialog-CjAdwNLK.js";import{n as ye,t as be}from"./InputFiles-Ay6AhGXY.js";import{n as xe,t as Se}from"./InputFile-CeDA-DBu.js";import{n as Ce,t as we}from"./InputImage-8CkQNIx-.js";import{n as Te,t as Ee}from"./LayoutPicker-TghytR7l.js";import{n as De,t as Oe}from"./Listbox-kuB9DZmS.js";import{n as ke,t as Ae}from"./MultiSelect-DiBUW3Jo.js";import{n as je,t as Me}from"./PeriodSelect-CC7faqoe.js";import{n as Ne,t as Pe}from"./PresetRangeDateInput-OuBr9O7l.js";import{i as Fe,r as Ie,t as Le}from"./Slider-CKDNtVxH.js";import{n as F,r as Re,t as ze}from"./SliderInput-LIlYbZ-q.js";import{n as Be,t as Ve}from"./StateSelect-BpZxLrbE.js";import{n as He,t as Ue}from"./TabsBox-NeiMksCt.js";import{n as We,t as Ge}from"./TagInput-DmTij_wJ.js";import{n as Ke,t as qe}from"./Textarea-FgIOtg__.js";import{n as I,t as Je}from"./Toggle-iIIRwhJ0.js";import{n as L,t as Ye}from"./TreeMultiSelect-D08x-Zz7.js";import{n as R,t as Xe}from"./treeStoryFixtures-Ci7STpiz.js";function Ze({onChange:e,...t}){let[n,r]=(0,z.useState)(()=>t.defaultValue??t.value??``),[i,a]=(0,z.useState)(()=>t.defaultValue??t.value??``),o=t=>{let n=t.trim();n!==i&&(a(n),e(n))},s=()=>{r(``),a(``),e(``)},ee=e=>{e.key===`Enter`&&(e.preventDefault(),o(n))},c=()=>{o(n)},te=e=>{r(e)};return(0,B.jsx)(k,{...t,value:n,onChange:te,onKeyDown:ee,onBlur:c,onClear:s})}var z,B;function V(){return(V=e((()=>{z=t(n(),1),D(),B=m(),Ze.__docgenInfo={description:``,methods:[],displayName:`InputSearch`,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:`T`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},onClear:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},endAdornment:{required:!1,tsType:{name:`ReactNode`},description:``},endAdornmentClassName:{required:!1,tsType:{name:`string`},description:``},endAdornmentWidth:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}function H({title:e,children:t}){return(0,G.jsxs)(`section`,{style:K,children:[(0,G.jsx)(`div`,{style:q,children:e}),t]})}function Qe({initialValue:e={},label:t=`TreeMultiSelect`,description:n,optionsLayout:r=`tree`,nodes:i=Xe,defaultExpandedCodeKeys:a}){let[o,s]=(0,W.useState)(e);return(0,G.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,G.jsx)(Ye,{label:t,description:n,nodes:i,value:o,onChange:s,optionsLayout:r,defaultExpandedCodeKeys:a}),(0,G.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(o)]})]})}function U(){let[e,t]=(0,W.useState)(`Значение`),[n,r]=(0,W.useState)(42),[a,o]=(0,W.useState)(``),[c,ne]=(0,W.useState)(`Комментарий`),[u,d]=(0,W.useState)(!0),[p,m]=(0,W.useState)(!1),[h,_]=(0,W.useState)(`first`),[ae,se]=(0,W.useState)(!0),[b,S]=(0,W.useState)(!1),[C,w]=(0,W.useState)(3),[pe,D]=(0,W.useState)(),[k,A]=(0,W.useState)([0,0]),[me,ge]=(0,W.useState)(60),[N,P]=(0,W.useState)(Y[0]),[ye,xe]=(0,W.useState)([X[0]]),[Ce,Te]=(0,W.useState)([`UI`,`Стили`]),[De,ke]=(0,W.useState)(`week`),[je,Ne]=(0,W.useState)(`information`),[Fe,Re]=(0,W.useState)(`two-columns`),[Be,He]=(0,W.useState)(new Date(2026,2,10)),[We,Ke]=(0,W.useState)(new Date(2026,2,10,10,30)),[I,L]=(0,W.useState)(`today`),[Ye,R]=(0,W.useState)([new Date(2026,2,1),new Date(2026,2,10)]),[Xe,z]=(0,W.useState)(`month`),[B,V]=(0,W.useState)(),[U,K]=(0,W.useState)([]),[q,Z]=(0,W.useState)(),[Q,$]=(0,W.useState)([]),[nt,rt]=(0,W.useState)(!1),[it,at]=(0,W.useState)(!1),[ot,st]=(0,W.useState)();return(0,G.jsxs)(`div`,{style:$e,children:[(0,G.jsx)(H,{title:`Badge`,children:(0,G.jsxs)(oe,{children:[(0,G.jsx)(v,{tone:`neutral`,appearance:`outline`,children:`Neutral`}),(0,G.jsx)(v,{tone:`success`,appearance:`solid`,children:`Успешно`}),(0,G.jsx)(v,{tone:`warning`,appearance:`solid`,children:`Внимание`}),(0,G.jsx)(v,{tone:`error`,appearance:`solid`,children:`Ошибка`}),(0,G.jsx)(v,{tone:`info`,appearance:`solid`,children:`Информация`})]})}),(0,G.jsx)(H,{title:`Button`,children:(0,G.jsxs)(he,{gap:`sm`,templateColumns:`1fr 1fr`,children:[(0,G.jsx)(y,{variant:`transparent`,children:`Действие`}),(0,G.jsx)(y,{variant:`ghost`,children:`Действие`}),(0,G.jsx)(y,{variant:`neutralOutline`,children:`Действие`}),(0,G.jsx)(y,{variant:`infoOutline`,children:`Действие`}),(0,G.jsx)(y,{variant:`successOutline`,children:`Действие`}),(0,G.jsx)(y,{variant:`warningOutline`,children:`Действие`}),(0,G.jsx)(y,{variant:`errorOutline`,children:`Действие`}),(0,G.jsx)(y,{variant:`neutral`,children:`Действие`}),(0,G.jsx)(y,{variant:`info`,children:`Действие`}),(0,G.jsx)(y,{variant:`success`,children:`Действие`}),(0,G.jsx)(y,{variant:`warning`,children:`Действие`}),(0,G.jsx)(y,{variant:`error`,children:`Действие`})]})}),(0,G.jsxs)(H,{title:`InputText`,children:[(0,G.jsx)(E,{label:`Текст`,description:`Поле ввода текста`,placeholder:`Введите текст`,disabled:!0,value:e,onChange:t}),(0,G.jsx)(E,{label:`Текст`,description:`Поле ввода текста`,placeholder:`Введите текст`,value:e,onChange:t}),(0,G.jsx)(E,{required:!0,label:`Текст`,description:`Поле ввода текста`,placeholder:`Введите текст`,value:e,onChange:t,onClear:()=>t(``)})]}),(0,G.jsxs)(H,{title:`InputNumber`,children:[(0,G.jsx)(O,{label:`Количество`,description:`Поле ввода числа`,placeholder:`Введите число`,value:n,min:0,onChange:r,disabled:!0}),(0,G.jsx)(O,{label:`Количество`,description:`Поле ввода числа`,placeholder:`Введите число`,value:n,min:0,onChange:r,required:!0}),(0,G.jsx)(O,{label:`Количество`,description:`Поле ввода числа`,placeholder:`Введите число`,value:n,min:0,onChange:r}),(0,G.jsx)(O,{label:`Количество`,description:`Поле ввода числа`,placeholder:`Введите число`,value:n,min:0,onChange:r,onClear:()=>r(void 0)})]}),(0,G.jsx)(H,{title:`InputSearch`,children:(0,G.jsx)(Ze,{label:`Поиск`,placeholder:`Найти`,value:a,onChange:o})}),(0,G.jsx)(H,{title:`Textarea`,children:(0,G.jsx)(qe,{label:`Комментарий`,required:!0,placeholder:`Многострочный комментарий`,rows:6,value:c,onChange:ne})}),(0,G.jsxs)(H,{title:`CheckBox`,children:[(0,G.jsx)(f,{label:`Опция`,description:`Описание чекбокса`,disabled:!0,value:u,onChange:d}),(0,G.jsx)(f,{label:`Опция`,description:`Описание чекбокса`,value:u,onChange:d}),(0,G.jsx)(f,{label:`Опция`,description:`Описание чекбокса`,value:u,onChange:d,indeterminate:!0})]}),(0,G.jsxs)(H,{title:`RadioButton`,children:[(0,G.jsx)(l,{label:`Опция`,description:`Описание радиокнопки`,disabled:!0,value:p,onChange:m}),(0,G.jsx)(l,{label:`Опция`,description:`Описание радиокнопки`,name:`radio-1`,value:p,onChange:m}),(0,G.jsx)(l,{label:`Опция`,description:`Описание радиокнопки`,name:`radio-1`,value:p,onChange:m})]}),(0,G.jsxs)(H,{title:`RadioGroup`,children:[(0,G.jsxs)(j,{label:`Радио группа`,description:`Вертикальная группа`,value:h,onChange:_,orientation:`vertical`,"aria-label":`Вариант`,children:[(0,G.jsx)(j.Option,{value:`first`,label:`Первый`}),(0,G.jsx)(j.Option,{value:`second`,label:`Второй`}),(0,G.jsx)(j.Option,{value:`third`,label:`Третий`,description:`Новая опциональная опция`})]}),(0,G.jsxs)(j,{label:`Радио группа`,description:`Горизонтальная группа`,value:h,onChange:_,orientation:`horizontal`,"aria-label":`Вариант`,children:[(0,G.jsx)(j.Option,{value:`first`,label:`Первый`}),(0,G.jsx)(j.Option,{value:`second`,label:`Второй`}),(0,G.jsx)(j.Option,{value:`third`,label:`Третий`,description:`Новая опциональная опция`})]})]}),(0,G.jsx)(H,{title:`Switch`,children:(0,G.jsx)(i,{label:`Уведомления`,description:`Устаревный компонент`,value:ae,onChange:se})}),(0,G.jsxs)(H,{title:`Toggle`,children:[(0,G.jsx)(Je,{label:`Режим`,description:`Переключатель состояния`,value:b,onChange:S,checkedText:`Вкл`,uncheckedText:`Выкл`}),(0,G.jsx)(Je,{label:`Режим`,description:`Переключатель состояния`,labelPosition:`after`,value:b,onChange:S,checkedText:`Вкл`,uncheckedText:`Выкл`})]}),(0,G.jsxs)(H,{title:`Slider`,children:[(0,G.jsx)(Le,{label:`Уровень`,description:`Простой слайдер`,value:C,min:0,max:100,onChange:w}),(0,G.jsx)(Le,{label:`Уровень`,description:`Простой слайдер`,disabled:!0,marks:[{value:1,label:`m1`},{value:2,label:`m2`},{value:3,label:`m3`},{value:4,label:`m4`},{value:5,label:`m5`},{value:6,label:`m6`}],marksPosition:`index`,value:C,min:0,max:100,onChange:w}),(0,G.jsx)(Ie,{label:`Уровень`,description:`Диапазон`,marks:[{value:0,label:`m1`},{value:1,label:`m2`},{value:2,label:`m3`},{value:3,label:`m4`}],marksPosition:`index`,value:pe,min:0,max:100,onChange:D})]}),(0,G.jsxs)(H,{title:`SliderInput`,children:[(0,G.jsx)(ze,{label:`Порог`,value:me,min:0,max:100,onChange:ge}),(0,G.jsx)(F,{label:`Порог`,value:k,onChange:A,min:0,max:100,marks:[{value:0,label:`0`},{value:20,label:`20`},{value:40,label:`40`},{value:60,label:`60`},{value:80,label:`80`},{value:100,label:`100`}]}),(0,G.jsx)(F,{label:`Срок: открытые границы и дни в фильтре`,description:"Крайние marks отдают null, обычные marks отдают дни через `outputValue`.",min:0,max:25,marks:[{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:`1г.`,outputValue:360},{value:18,label:`1.5г.`,outputValue:540},{value:24,label:`2г.`,outputValue:720},{value:25,label:`-`,outputValue:null}],value:k,onChange:A}),(0,G.jsx)(F,{label:`Срок текстом`,description:`В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии.`,placeholder:`Любой срок`,readonlyValueText:!0,min:0,max:25,marks:[{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:`1г.`,outputValue:360},{value:18,label:`1.5г.`,outputValue:540},{value:24,label:`2г.`,outputValue:720},{value:25,label:`-`,outputValue:null}],marksPosition:`index`,value:k,onChange:A})]}),(0,G.jsxs)(H,{title:`Select`,children:[(0,G.jsx)(M,{label:`Статус`,description:`searchable`,searchable:!0,options:Y,value:N,onChange:P,getOptionKey:e=>e.id,getOptionLabel:e=>e.label}),(0,G.jsx)(M,{label:`Статус`,description:`disabled`,disabled:!0,options:Y,value:N,onChange:P,getOptionKey:e=>e.id,getOptionLabel:e=>e.label}),(0,G.jsx)(M,{label:`Статус`,description:`Пример использования низкоуровневого Select со строковыми значениями.`,placeholder:`Выберите статус`,options:Y,value:N,onChange:P,getOptionKey:e=>e.id,getOptionLabel:e=>e.label}),(0,G.jsx)(M,{label:`Подразделение`,description:`Выберите подразделение из списка.`,placeholder:`Не выбрано`,options:tt,value:ot,onChange:st,getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,getOptionDisabled:e=>e.disabled??!1,getOptionGroup:e=>({key:e.direction,label:e.direction}),optionsMaxWidth:`40em`})]}),(0,G.jsx)(H,{title:`MultiSelect`,children:(0,G.jsx)(Ae,{label:`Города`,items:X,value:ye,query:``,codeKey:`code`,textKey:`label`,onChange:xe,onQuery:()=>void 0,onOpen:()=>void 0,onClose:()=>void 0})}),(0,G.jsx)(H,{title:`TreeMultiSelect`,children:(0,G.jsx)(Qe,{})}),(0,G.jsx)(H,{title:`TagInput`,children:(0,G.jsx)(Ge,{label:`Теги`,placeholder:`Добавить`,value:Ce,onChange:Te})}),(0,G.jsx)(H,{title:`Listbox`,children:(0,G.jsx)(Oe,{options:et,value:De,onChange:e=>ke(e)})}),(0,G.jsx)(H,{title:`StateSelect`,children:(0,G.jsx)(Ve,{label:`Состояние`,value:je,onChange:Ne})}),(0,G.jsx)(H,{title:`LayoutPicker`,children:(0,G.jsx)(Ee,{label:`Раскладка`,value:Fe,onChange:Re,showPlaceholder:!0})}),(0,G.jsx)(H,{title:`SingleDateInput`,children:(0,G.jsx)(fe,{label:`Дата`,value:Be,onChange:He,selectionMode:`week`})}),(0,G.jsx)(H,{title:`SingleDateTimeInput`,children:(0,G.jsx)(re,{label:`Дата и время`,value:We,onChange:Ke})}),(0,G.jsx)(H,{title:`DateRangePresetSelect`,children:(0,G.jsx)(_e,{label:`Период`,value:I??void 0,onChange:e=>L(e??null),onRangeChange:e=>R(e?.range??null),referenceDate:new Date(2026,2,10,12)})}),(0,G.jsx)(H,{title:`PresetRangeDateInput`,children:(0,G.jsx)(Pe,{value:Ye,onChange:R,presetId:I??null,onPresetIdChange:e=>L(e??null),referenceDate:new Date(2026,2,10,12),presetLabel:`Быстрый диапазон`})}),(0,G.jsx)(H,{title:`PeriodSelect`,children:(0,G.jsx)(Me,{label:`Группировка`,value:Xe,onChange:z})}),(0,G.jsx)(H,{title:`InputFile`,children:(0,G.jsx)(Se,{label:`Файл`,placeholder:`Выберите файл`,value:B,onChange:V,onClear:()=>V(void 0),readMode:`data-url`})}),(0,G.jsx)(H,{title:`InputFiles`,children:(0,G.jsx)(be,{label:`Файлы`,placeholder:`Выберите файлы`,value:U,onChange:K,readMode:`data-url`})}),(0,G.jsx)(H,{title:`InputImage`,children:(0,G.jsx)(we,{label:`Изображение`,value:q,onChange:Z,onClear:()=>Z(void 0)})}),(0,G.jsx)(H,{title:`DropZone`,children:(0,G.jsx)(ie,{value:Q,multiple:!0,readMode:`data-url`,onChange:e=>$(e),children:(0,G.jsx)(`div`,{style:{display:`grid`,placeItems:`center`,minHeight:`6em`,textAlign:`center`},children:Q.length?`Файлов: ${Q.length}`:`Перетащите файлы`})})}),(0,G.jsx)(H,{title:`TabsBox`,children:(0,G.jsx)(Ue,{defaultValue:`first`,bordered:!0,items:[{id:`first`,title:`Первый`,content:`Содержимое`},{id:`second`,title:`Второй`,content:`Другая панель`},{id:`third`,title:`Ещё одна`,content:`Другая панель`},{id:`quat`,title:`Четвертая`,content:`Другая панель`}]})}),(0,G.jsx)(H,{title:`TabsBox`,children:(0,G.jsx)(Ue,{defaultValue:`first`,orientation:`vertical`,bordered:!0,items:[{id:`first`,title:`Первый`,content:`Содержимое`},{id:`second`,title:`Второй`,content:`Другая панель`},{id:`third`,title:`Ещё одна`,content:`Другая панель`},{id:`quat`,title:`Четвертая`,content:`Другая панель`}]})}),(0,G.jsxs)(H,{title:`Disclosure`,children:[(0,G.jsxs)(ee,{children:[(0,G.jsx)(s,{label:`Раскрыть 1`,children:`Содержимое панели 1`}),(0,G.jsx)(s,{label:`Раскрыть 2`,children:`Содержимое панели 2`}),(0,G.jsx)(s,{label:`Раскрыть 3`,children:`Содержимое панели 3`}),(0,G.jsx)(s,{label:`Раскрыть 4`,children:`Содержимое панели 4`})]}),(0,G.jsx)(s,{label:`Раскрыть 1`,children:`Содержимое панели 1`})]}),(0,G.jsx)(H,{title:`ExpandableActionPanel`,children:(0,G.jsx)(te,{children:(0,G.jsx)(y,{variant:`transparent`,children:`Действие`})})}),(0,G.jsx)(H,{title:`Popover`,children:(0,G.jsxs)(g,{children:[(0,G.jsx)(g.Trigger,{children:(0,G.jsx)(y,{style:J,children:`Открыть`})}),(0,G.jsx)(g.Content,{children:({setClose:e})=>(0,G.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`,padding:`1em`,maxWidth:`14em`},children:[(0,G.jsx)(`div`,{children:`Содержимое popover`}),(0,G.jsx)(y,{onClick:e,children:`Закрыть`})]})})]})}),(0,G.jsx)(H,{title:`DropdownMenu`,children:(0,G.jsxs)(T,{children:[(0,G.jsx)(T.Trigger,{children:(0,G.jsx)(y,{style:J,children:`Действия`})}),(0,G.jsxs)(T.Content,{children:[(0,G.jsx)(T.Item,{children:`Редактировать`}),(0,G.jsx)(T.Item,{children:`Удалить`})]})]})}),(0,G.jsx)(H,{title:`ContextMenu`,children:(0,G.jsxs)(x,{children:[(0,G.jsx)(x.Trigger,{children:(0,G.jsx)(`div`,{style:{display:`grid`,placeItems:`center`,minHeight:`6em`,padding:`0.75em`,border:`var(--border)`,borderRadius:`var(--radius-sm)`,textAlign:`center`},children:`Правая кнопка мыши`})}),(0,G.jsxs)(x.Content,{children:[(0,G.jsx)(x.Item,{children:`Переименовать`}),(0,G.jsx)(x.Item,{children:`Удалить`})]})]})}),(0,G.jsxs)(H,{title:`Dialog`,children:[(0,G.jsx)(y,{style:J,onClick:()=>rt(!0),children:`Открыть диалог`}),(0,G.jsx)(ve,{title:`Подтверждение`,description:`Подтвердите действие`,open:nt,onClose:()=>rt(!1),children:(0,G.jsx)(y,{onClick:()=>rt(!1),children:`Закрыть`})})]}),(0,G.jsx)(H,{title:`Modal`,children:(0,G.jsxs)(de,{children:[(0,G.jsx)(y,{style:J,onClick:()=>at(!0),children:`Открыть модалку`}),(0,G.jsxs)(ue,{title:`Параметры`,isOpen:it,onClose:()=>at(!1),children:[(0,G.jsx)(le,{children:`Содержимое модального окна`}),(0,G.jsx)(ce,{children:(0,G.jsx)(y,{onClick:()=>at(!1),children:`Готово`})})]})]})})]})}var W,G,$e,K,q,J,Y,X,et,tt,Z,Q,$;function nt(){return(nt=e((()=>{W=n(),_(),ae(),se(),d(),b(),w(),pe(),N(),u(),P(),a(),o(),p(),c(),me(),D(),xe(),ye(),Ce(),V(),Te(),De(),C(),S(),ke(),je(),h(),Ne(),ne(),A(),ge(),Fe(),Re(),Be(),r(),He(),We(),Ke(),I(),L(),R(),G=m(),$e={display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(var(--ui-width-xl), 1fr))`,alignItems:`start`,gap:`2em`,padding:`2em`,background:`var(--surface-2)`},K={display:`grid`,alignContent:`start`,gridTemplateColumns:`100%`,gap:`0.5em`,padding:`1em`,overflow:`hidden`,borderRadius:`var(--radius-md)`,background:`var(--surface-1)`,boxShadow:`var(--shadow-lg)`},q={fontWeight:700,color:`var(--content-0)`},J={width:`100%`},Y=[{id:`draft`,label:`Черновик`},{id:`review`,label:`На согласовании`},{id:`published`,label:`Опубликован`}],X=[{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`MOW`,label:`Москва`}],et=[{value:`day`,label:`День`},{value:`week`,label:`Неделя`},{value:`month`,label:`Месяц`}],tt=[{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:`Операционный блок`}],Z={title:`Development/Interactive components`,component:U,parameters:{layout:`fullscreen`,docs:{description:{component:`Быстрая витрина интерактивных UI-компонентов для разработки и проверки общих стилей.`}}}},Q={},U.__docgenInfo={description:``,methods:[],displayName:`InteractiveComponents`},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`function InteractiveComponents() {
-  const [text, setText] = useState("Значение");
-  const [number, setNumber] = useState<number | undefined>(42);
-  const [search, setSearch] = useState("");
-  const [textarea, setTextarea] = useState("Комментарий");
-  const [checked, setChecked] = useState(true);
-  const [radio, setRadio] = useState(false);
-  const [radioGroup, setRadioGroup] = useState("first");
-  const [switchValue, setSwitchValue] = useState(true);
-  const [toggleValue, setToggleValue] = useState(false);
-  const [sliderValue, setSliderValue] = useState<number | undefined>(3);
-  const [sliderRangeValue, setSliderRangeValue] = useState<SliderRangeValue | undefined>();
-  const [sliderRangeInputValue, setSliderRangeInputValue] = useState<SliderRangeValue>([0, 0]);
-  const [sliderInputValue, setSliderInputValue] = useState(60);
-  const [selectedStatus, setSelectedStatus] = useState<(typeof statusOptions)[number] | undefined>(statusOptions[0]);
-  const [selectedCities, setSelectedCities] = useState<CollectionItem[]>([cityOptions[0]!]);
-  const [tags, setTags] = useState<readonly string[]>(["UI", "Стили"]);
-  const [listboxValue, setListboxValue] = useState("week");
-  const [state, setState] = useState<State | undefined>("information");
-  const [layout, setLayout] = useState("two-columns");
-  const [date, setDate] = useState<Date | null>(new Date(2026, 2, 10));
-  const [dateTime, setDateTime] = useState<Date | null>(new Date(2026, 2, 10, 10, 30));
-  const [presetId, setPresetId] = useState<string | null>("today");
-  const [range, setRange] = useState<NullableDateRange | null>([new Date(2026, 2, 1), new Date(2026, 2, 10)]);
-  const [period, setPeriod] = useState<string | undefined>("month");
-  const [file, setFile] = useState<ReadFileResult>();
-  const [files, setFiles] = useState<ReadFileAsDataUrlResult[]>([]);
-  const [image, setImage] = useState<ReadImageResult>();
-  const [droppedFiles, setDroppedFiles] = useState<ReadFileResult[]>([]);
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const [modalOpen, setModalOpen] = useState(false);
-  const [departmentValue, setDepartmentValue] = useState<DepartmentOption | undefined>();
-  return <div style={gridStyle}>
-            <ComponentCard title="Badge">
-                <BadgeList>
-                    <Badge tone="neutral" appearance="outline">
-                        Neutral
-                    </Badge>
-                    <Badge tone="success" appearance="solid">
-                        Успешно
-                    </Badge>
-                    <Badge tone="warning" appearance="solid">
-                        Внимание
-                    </Badge>
-                    <Badge tone="error" appearance="solid">
-                        Ошибка
-                    </Badge>
-                    <Badge tone="info" appearance="solid">
-                        Информация
-                    </Badge>
-                </BadgeList>
-            </ComponentCard>
-
-            <ComponentCard title="Button">
-                <GridContainer gap="sm" templateColumns="1fr 1fr">
-                    <Button variant="transparent">Действие</Button>
-                    <Button variant="ghost">Действие</Button>
-                    <Button variant="neutralOutline">Действие</Button>
-                    <Button variant="infoOutline">Действие</Button>
-                    <Button variant="successOutline">Действие</Button>
-                    <Button variant="warningOutline">Действие</Button>
-                    <Button variant="errorOutline">Действие</Button>
-
-                    <Button variant="neutral">Действие</Button>
-                    <Button variant="info">Действие</Button>
-                    <Button variant="success">Действие</Button>
-                    <Button variant="warning">Действие</Button>
-                    <Button variant="error">Действие</Button>
-                </GridContainer>
-            </ComponentCard>
-
-            <ComponentCard title="InputText">
-                <InputText label="Текст" description="Поле ввода текста" placeholder="Введите текст" disabled value={text} onChange={setText} />
-                <InputText label="Текст" description="Поле ввода текста" placeholder="Введите текст" value={text} onChange={setText} />
-                <InputText required label="Текст" description="Поле ввода текста" placeholder="Введите текст" value={text} onChange={setText} onClear={() => setText("")} />
-            </ComponentCard>
-
-            <ComponentCard title="InputNumber">
-                <InputNumber label="Количество" description="Поле ввода числа" placeholder="Введите число" value={number} min={0} onChange={setNumber} disabled />
-                <InputNumber label="Количество" description="Поле ввода числа" placeholder="Введите число" value={number} min={0} onChange={setNumber} required />
-                <InputNumber label="Количество" description="Поле ввода числа" placeholder="Введите число" value={number} min={0} onChange={setNumber} />
-                <InputNumber label="Количество" description="Поле ввода числа" placeholder="Введите число" value={number} min={0} onChange={setNumber} onClear={() => setNumber(undefined)} />
-            </ComponentCard>
-
-            <ComponentCard title="InputSearch">
-                <InputSearch label="Поиск" placeholder="Найти" value={search} onChange={setSearch} />
-            </ComponentCard>
-
-            <ComponentCard title="Textarea">
-                <Textarea label="Комментарий" required placeholder="Многострочный комментарий" rows={6} value={textarea} onChange={setTextarea} />
-            </ComponentCard>
-
-            <ComponentCard title="CheckBox">
-                <CheckBox label="Опция" description="Описание чекбокса" disabled value={checked} onChange={setChecked} />
-                <CheckBox label="Опция" description="Описание чекбокса" value={checked} onChange={setChecked} />
-                <CheckBox label="Опция" description="Описание чекбокса" value={checked} onChange={setChecked} indeterminate />
-            </ComponentCard>
-
-            <ComponentCard title="RadioButton">
-                <RadioButton label="Опция" description="Описание радиокнопки" disabled value={radio} onChange={setRadio} />
-                <RadioButton label="Опция" description="Описание радиокнопки" name="radio-1" value={radio} onChange={setRadio} />
-                <RadioButton label="Опция" description="Описание радиокнопки" name="radio-1" value={radio} onChange={setRadio} />
-            </ComponentCard>
-
-            <ComponentCard title="RadioGroup">
-                <RadioGroup label="Радио группа" description="Вертикальная группа" value={radioGroup} onChange={setRadioGroup} orientation="vertical" aria-label="Вариант">
-                    <RadioGroup.Option value="first" label="Первый" />
-                    <RadioGroup.Option value="second" label="Второй" />
-                    <RadioGroup.Option value="third" label="Третий" description="Новая опциональная опция" />
-                </RadioGroup>
-
-                <RadioGroup label="Радио группа" description="Горизонтальная группа" value={radioGroup} onChange={setRadioGroup} orientation="horizontal" aria-label="Вариант">
-                    <RadioGroup.Option value="first" label="Первый" />
-                    <RadioGroup.Option value="second" label="Второй" />
-                    <RadioGroup.Option value="third" label="Третий" description="Новая опциональная опция" />
-                </RadioGroup>
-            </ComponentCard>
-
-            <ComponentCard title="Switch">
-                <Switch label="Уведомления" description="Устаревный компонент" value={switchValue} onChange={setSwitchValue} />
-            </ComponentCard>
-
-            <ComponentCard title="Toggle">
-                <Toggle label="Режим" description="Переключатель состояния" value={toggleValue} onChange={setToggleValue} checkedText="Вкл" uncheckedText="Выкл" />
-                <Toggle label="Режим" description="Переключатель состояния" labelPosition="after" value={toggleValue} onChange={setToggleValue} checkedText="Вкл" uncheckedText="Выкл" />
-            </ComponentCard>
-
-            <ComponentCard title="Slider">
-                <Slider label="Уровень" description="Простой слайдер" value={sliderValue} min={0} max={100} onChange={setSliderValue} />
-                <Slider label="Уровень" description="Простой слайдер" disabled marks={[{
-        value: 1,
-        label: "m1"
-      }, {
-        value: 2,
-        label: "m2"
-      }, {
-        value: 3,
-        label: "m3"
-      }, {
-        value: 4,
-        label: "m4"
-      }, {
-        value: 5,
-        label: "m5"
-      }, {
-        value: 6,
-        label: "m6"
-      }]} marksPosition="index" value={sliderValue} min={0} max={100} onChange={setSliderValue} />
-
-                <SliderRange label="Уровень" description="Диапазон" marks={[{
-        value: 0,
-        label: "m1"
-      }, {
-        value: 1,
-        label: "m2"
-      }, {
-        value: 2,
-        label: "m3"
-      }, {
-        value: 3,
-        label: "m4"
-      }]} marksPosition="index" value={sliderRangeValue} min={0} max={100} onChange={setSliderRangeValue} />
-            </ComponentCard>
-
-            <ComponentCard title="SliderInput">
-                <SliderInput label="Порог" value={sliderInputValue} min={0} max={100} onChange={setSliderInputValue} />
-                <SliderRangeInput label="Порог" value={sliderRangeInputValue} onChange={setSliderRangeInputValue} min={0} max={100} marks={[{
-        value: 0,
-        label: "0"
-      }, {
-        value: 20,
-        label: "20"
-      }, {
-        value: 40,
-        label: "40"
-      }, {
-        value: 60,
-        label: "60"
-      }, {
-        value: 80,
-        label: "80"
-      }, {
-        value: 100,
-        label: "100"
-      }]} />
-                <SliderRangeInput label="Срок: открытые границы и дни в фильтре" description="Крайние marks отдают null, обычные marks отдают дни через \`outputValue\`." min={0} max={25} marks={[{
-        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: "1г.",
-        outputValue: 360
-      }, {
-        value: 18,
-        label: "1.5г.",
-        outputValue: 540
-      }, {
-        value: 24,
-        label: "2г.",
-        outputValue: 720
-      }, {
-        value: 25,
-        label: "-",
-        outputValue: null
-      }]} value={sliderRangeInputValue} onChange={setSliderRangeInputValue} />
-
-                <SliderRangeInput label="Срок текстом" description="В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии." placeholder="Любой срок" readonlyValueText min={0} max={25} marks={[{
-        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: "1г.",
-        outputValue: 360
-      }, {
-        value: 18,
-        label: "1.5г.",
-        outputValue: 540
-      }, {
-        value: 24,
-        label: "2г.",
-        outputValue: 720
-      }, {
-        value: 25,
-        label: "-",
-        outputValue: null
-      }]} marksPosition="index" value={sliderRangeInputValue} onChange={setSliderRangeInputValue} />
-            </ComponentCard>
-
-            <ComponentCard title="Select">
-                <Select label="Статус" description="searchable" searchable options={statusOptions} value={selectedStatus} onChange={setSelectedStatus} getOptionKey={option => option.id} getOptionLabel={option => option.label} />
-                <Select label="Статус" description="disabled" disabled options={statusOptions} value={selectedStatus} onChange={setSelectedStatus} getOptionKey={option => option.id} getOptionLabel={option => option.label} />
-                <Select label="Статус" description="Пример использования низкоуровневого Select со строковыми значениями." placeholder="Выберите статус" options={statusOptions} value={selectedStatus} onChange={setSelectedStatus} getOptionKey={option => option.id} getOptionLabel={option => option.label} />
-
-                <Select label="Подразделение" description="Выберите подразделение из списка." placeholder="Не выбрано" options={departmentOptions} value={departmentValue} onChange={setDepartmentValue} getOptionKey={(option: DepartmentOption) => option.id} getOptionLabel={(option: DepartmentOption) => option.name} getOptionCode={(option: DepartmentOption) => option.code} getOptionDisabled={(option: DepartmentOption) => option.disabled ?? false} getOptionGroup={option => ({
-        key: option.direction,
-        label: option.direction
-      })} optionsMaxWidth="40em" />
-
-                {/* <LinkedFiltersDemo /> */}
-            </ComponentCard>
-
-            <ComponentCard title="MultiSelect">
-                <MultiSelect label="Города" items={cityOptions} value={selectedCities} query="" codeKey="code" textKey="label" onChange={setSelectedCities} onQuery={() => undefined} onOpen={() => undefined} onClose={() => undefined} />
-            </ComponentCard>
-
-            <ComponentCard title="TreeMultiSelect">
-                <StatefulTreeMultiSelect />
-            </ComponentCard>
-
-            <ComponentCard title="TagInput">
-                <TagInput label="Теги" placeholder="Добавить" value={tags} onChange={setTags} />
-            </ComponentCard>
-
-            <ComponentCard title="Listbox">
-                <Listbox options={listboxOptions} value={listboxValue} onChange={value => setListboxValue(value)} />
-            </ComponentCard>
-
-            <ComponentCard title="StateSelect">
-                <StateSelect label="Состояние" value={state} onChange={setState} />
-            </ComponentCard>
-
-            <ComponentCard title="LayoutPicker">
-                <LayoutPicker label="Раскладка" value={layout} onChange={setLayout} showPlaceholder />
-            </ComponentCard>
-
-            <ComponentCard title="SingleDateInput">
-                <SingleDateInput label="Дата" value={date} onChange={setDate} selectionMode="week" />
-            </ComponentCard>
-
-            <ComponentCard title="SingleDateTimeInput">
-                <SingleDateTimeInput label="Дата и время" value={dateTime} onChange={setDateTime} />
-            </ComponentCard>
-
-            <ComponentCard title="DateRangePresetSelect">
-                <DateRangePresetSelect label="Период" value={presetId ?? undefined} onChange={nextPresetId => setPresetId(nextPresetId ?? null)} onRangeChange={payload => setRange(payload?.range ?? null)} referenceDate={new Date(2026, 2, 10, 12)} />
-            </ComponentCard>
-
-            <ComponentCard title="PresetRangeDateInput">
-                <PresetRangeDateInput value={range} onChange={setRange} presetId={presetId ?? null} onPresetIdChange={nextPresetId => setPresetId(nextPresetId ?? null)} referenceDate={new Date(2026, 2, 10, 12)} presetLabel="Быстрый диапазон" />
-            </ComponentCard>
-
-            <ComponentCard title="PeriodSelect">
-                <PeriodSelect label="Группировка" value={period} onChange={setPeriod} />
-            </ComponentCard>
-
-            <ComponentCard title="InputFile">
-                <InputFile label="Файл" placeholder="Выберите файл" value={file} onChange={setFile} onClear={() => setFile(undefined)} readMode="data-url" />
-            </ComponentCard>
-
-            <ComponentCard title="InputFiles">
-                <InputFiles label="Файлы" placeholder="Выберите файлы" value={files} onChange={setFiles} readMode="data-url" />
-            </ComponentCard>
-
-            <ComponentCard title="InputImage">
-                <InputImage label="Изображение" value={image} onChange={setImage} onClear={() => setImage(undefined)} />
-            </ComponentCard>
-
-            <ComponentCard title="DropZone">
-                <DropZone value={droppedFiles} multiple readMode="data-url" onChange={nextFiles => setDroppedFiles(nextFiles)}>
-                    <div style={{
-          display: "grid",
-          placeItems: "center",
-          minHeight: "6em",
-          textAlign: "center"
-        }}>
-                        {droppedFiles.length ? \`Файлов: \${droppedFiles.length}\` : "Перетащите файлы"}
-                    </div>
-                </DropZone>
-            </ComponentCard>
-
-            <ComponentCard title="TabsBox">
-                <TabsBox defaultValue="first" bordered items={[{
-        id: "first",
-        title: "Первый",
-        content: "Содержимое"
-      }, {
-        id: "second",
-        title: "Второй",
-        content: "Другая панель"
-      }, {
-        id: "third",
-        title: "Ещё одна",
-        content: "Другая панель"
-      }, {
-        id: "quat",
-        title: "Четвертая",
-        content: "Другая панель"
-      }]} />
-            </ComponentCard>
-
-            <ComponentCard title="TabsBox">
-                <TabsBox defaultValue="first" orientation="vertical" bordered items={[{
-        id: "first",
-        title: "Первый",
-        content: "Содержимое"
-      }, {
-        id: "second",
-        title: "Второй",
-        content: "Другая панель"
-      }, {
-        id: "third",
-        title: "Ещё одна",
-        content: "Другая панель"
-      }, {
-        id: "quat",
-        title: "Четвертая",
-        content: "Другая панель"
-      }]} />
-            </ComponentCard>
-
-            <ComponentCard title="Disclosure">
-                <DisclosureGroup>
-                    <Disclosure label="Раскрыть 1">Содержимое панели 1</Disclosure>
-                    <Disclosure label="Раскрыть 2">Содержимое панели 2</Disclosure>
-                    <Disclosure label="Раскрыть 3">Содержимое панели 3</Disclosure>
-                    <Disclosure label="Раскрыть 4">Содержимое панели 4</Disclosure>
-                </DisclosureGroup>
-
-                <Disclosure label="Раскрыть 1">Содержимое панели 1</Disclosure>
-            </ComponentCard>
-
-            <ComponentCard title="ExpandableActionPanel">
-                <ExpandableActionPanel>
-                    <Button variant="transparent">Действие</Button>
-                </ExpandableActionPanel>
-            </ComponentCard>
-
-            <ComponentCard title="Popover">
-                <Popover>
-                    <Popover.Trigger>
-                        <Button style={compactButtonStyle}>Открыть</Button>
-                    </Popover.Trigger>
-                    <Popover.Content>
-                        {({
-            setClose
-          }) => <div style={{
-            display: "grid",
-            gap: "0.75em",
-            padding: "1em",
-            maxWidth: "14em"
-          }}>
-                                <div>Содержимое popover</div>
-                                <Button onClick={setClose}>Закрыть</Button>
-                            </div>}
-                    </Popover.Content>
-                </Popover>
-            </ComponentCard>
-
-            <ComponentCard title="DropdownMenu">
-                <DropdownMenu>
-                    <DropdownMenu.Trigger>
-                        <Button style={compactButtonStyle}>Действия</Button>
-                    </DropdownMenu.Trigger>
-                    <DropdownMenu.Content>
-                        <DropdownMenu.Item>Редактировать</DropdownMenu.Item>
-                        <DropdownMenu.Item>Удалить</DropdownMenu.Item>
-                    </DropdownMenu.Content>
-                </DropdownMenu>
-            </ComponentCard>
-
-            <ComponentCard title="ContextMenu">
-                <ContextMenu>
-                    <ContextMenu.Trigger>
-                        <div style={{
-            display: "grid",
-            placeItems: "center",
-            minHeight: "6em",
-            padding: "0.75em",
-            border: "var(--border)",
-            borderRadius: "var(--radius-sm)",
-            textAlign: "center"
-          }}>
-                            Правая кнопка мыши
-                        </div>
-                    </ContextMenu.Trigger>
-                    <ContextMenu.Content>
-                        <ContextMenu.Item>Переименовать</ContextMenu.Item>
-                        <ContextMenu.Item>Удалить</ContextMenu.Item>
-                    </ContextMenu.Content>
-                </ContextMenu>
-            </ComponentCard>
-
-            <ComponentCard title="Dialog">
-                <Button style={compactButtonStyle} onClick={() => setDialogOpen(true)}>
-                    Открыть диалог
-                </Button>
-                <Dialog title="Подтверждение" description="Подтвердите действие" open={dialogOpen} onClose={() => setDialogOpen(false)}>
-                    <Button onClick={() => setDialogOpen(false)}>Закрыть</Button>
-                </Dialog>
-            </ComponentCard>
-
-            <ComponentCard title="Modal">
-                <ModalManagerProvider>
-                    <Button style={compactButtonStyle} onClick={() => setModalOpen(true)}>
-                        Открыть модалку
-                    </Button>
-                    <Modal title="Параметры" isOpen={modalOpen} onClose={() => setModalOpen(false)}>
-                        <ModalContent>Содержимое модального окна</ModalContent>
-                        <ModalFooter>
-                            <Button onClick={() => setModalOpen(false)}>Готово</Button>
-                        </ModalFooter>
-                    </Modal>
-                </ModalManagerProvider>
-            </ComponentCard>
-        </div>;
-}`,...U.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{}`,...Q.parameters?.docs?.source}}},$=[`InteractiveComponents`,`All`]})))()}nt();export{Q as All,U as InteractiveComponents,$ as __namedExportsOrder,Z as default};

package/storybook-static/assets/RadioButton-BWyJs5Z6.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-CZ0KI0zu.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./ui.module-DjxH5szp.js";import{n as u,r as d}from"./uiClasses-CjI3jv6I.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" | "brand" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"brand"`},{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/Slider-bVVL6_Jz.css

@@ -1 +0,0 @@
-.fA7zne{gap:var(--space-sm);flex-direction:column;display:flex}.fA7zne[data-disabled] .gg-atO{color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.fA7zne[data-disabled] .bTLJZl{opacity:var(--disabled-opacity)}.fA7zne[data-disabled] .vDAmRy{border-color:var(--overlay-backdrop);background-color:var(--surface-2);color:var(--content-2);box-shadow:none}.fA7zne[data-disabled] .PpaxP2,.fA7zne[data-disabled] ._9K78Fi{color:var(--overlay-backdrop)}.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-md));height:calc(var(--control-height) - var(--space-md));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,._9K78Fi{color:var(--content-2);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex;position:absolute}.PpaxP2:focus-visible,._9K78Fi:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.PpaxP2[data-active],._9K78Fi[data-active]{color:var(--content-0)}.PpaxP2:disabled,._9K78Fi:disabled{cursor:default}.PpaxP2{gap:var(--space-xs);white-space:nowrap;flex-direction:column;top:0;transform:translate(-50%)}._9K78Fi{top:calc(var(--control-height) - var(--space-xs));width:var(--control-height);height:var(--control-height);z-index:1;justify-content:center;left:0;transform:translate(-50%,-50%)}.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}