@ryuzaki13/react-foundation-ui 1.4.2 → 1.4.3

package/dist/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/toggle/stringToggleState.ts","../../src/toggle/Toggle.module.scss","../../src/toggle/Toggle.tsx","../../src/toggle/StringToggle.tsx"],"sourcesContent":["/**\n * Строковые значения по умолчанию позволяют использовать StringToggle\n * как строковое представление обычного boolean-переключателя.\n */\nexport const DEFAULT_STRING_TOGGLE_CHECKED_VALUE = \"true\";\nexport const DEFAULT_STRING_TOGGLE_UNCHECKED_VALUE = \"false\";\n\n/**\n * Возвращает переданную строку буквально, включая пустую строку и пробелы.\n * Fallback применяется только когда строковое значение отсутствует.\n */\nexport function resolveStringToggleStateValue(value: unknown, fallback: string): string {\n\treturn typeof value === \"string\" ? value : fallback;\n}\n","@use \"@/styles/mixins\" as *;\n\n.row {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--space-sm);\n}\n\n.wrapper {\n\tposition: relative;\n\tdisplay: flex;\n\tflex: 1 0 auto;\n\tmin-width: calc(var(--drp-ui-width-xs, var(--ui-width-xs)) - var(--width-add));\n}\n\n.input {\n\twidth: 100%;\n\tmargin: 0;\n\tpadding: 0;\n\tappearance: none;\n\tcursor: pointer;\n\n\t&:checked + .track {\n\t\t.thumb {\n\t\t\ttransform: translateX(100%);\n\t\t}\n\n\t\t.unchecked {\n\t\t\tcolor: var(--content-2);\n\t\t}\n\n\t\t.checked {\n\t\t\tcolor: var(--status-info-on-fill);\n\t\t}\n\t}\n\n\t&:focus-visible + .track {\n\t\t@include focusVisible;\n\t}\n}\n\n.track {\n\t.unchecked {\n\t\tcolor: var(--status-info-on-fill);\n\t}\n\n\t.checked {\n\t\tcolor: var(--content-2);\n\t}\n\n\tposition: absolute;\n\tinset: calc(var(--border-width) * 2);\n\tpointer-events: none;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\talign-items: center;\n\tmin-width: 6.5em;\n\tpadding: 0;\n\toverflow: hidden;\n\n\t&[data-disabled] {\n\t\t.thumb {\n\t\t\topacity: var(--disabled-opacity);\n\t\t}\n\t}\n}\n\n.option {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 var(--space-sm);\n\tline-height: 1;\n\twhite-space: nowrap;\n\tuser-select: none;\n\tpointer-events: none;\n\tposition: relative;\n\tz-index: 1;\n\ttransition: color var(--transition-fast) linear;\n}\n\n.thumb {\n\tposition: absolute;\n\ttop: 0; // var(--border-width);\n\tleft: 0; //var(--border-width);\n\twidth: 50%; // calc(50% - var(--border-width));\n\theight: 100%; // calc(100% - var(--border-width) * 2);\n\tborder-radius: var(--radius-xs);\n\tbackground-color: var(--status-info-fill);\n\ttransition:\n\t\ttransform var(--transition-fast) ease-in-out,\n\t\topacity var(--transition-fast) ease-in-out;\n}\n","import React, { useId } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { UiBaseProps } from \"../types\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Toggle.module.scss\";\n\ntype ToggleLabelPosition = \"before\" | \"after\";\n\nexport interface ToggleProps\n\textends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"checked\" | \"value\" | \"onChange\" | \"type\">, UiBaseProps<boolean> {\n\tcheckedText?: string;\n\tuncheckedText?: string;\n\tlabelPosition?: ToggleLabelPosition;\n}\n\n/**\n * Переключаемая кнопка с сохранением активного состояния. Используется для локального выбора режима, фильтра или форматирования.\n */\nexport function Toggle({\n\tlabel,\n\tdescription,\n\tplaceholder,\n\tdisabled,\n\tsize,\n\tclassName,\n\tonChange,\n\tvalue,\n\tid: externalId,\n\tcheckedText = \"ВКЛ\",\n\tuncheckedText = \"ВЫКЛ\",\n\tlabelPosition = \"before\",\n\t...props\n}: ToggleProps) {\n\tconst autoId = useId();\n\tconst id = externalId ?? autoId;\n\tconst descriptionId = description ? `${id}-description` : undefined;\n\tconst text = label ?? placeholder;\n\tconst isChecked = Boolean(value);\n\tconst fallbackAriaLabel = !text && !props[\"aria-label\"] ? `${uncheckedText} / ${checkedText}` : undefined;\n\n\tconst labelElement = text ? (\n\t\t<label htmlFor={id} className={uiStyles.uiLabel}>\n\t\t\t{text}\n\t\t</label>\n\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(uiStyles.uiElement, disabled && uiStyles.disabled, size && uiStyles.uiSizable, size && uiStyles[size], className)}\n\t\t\taria-disabled={disabled || undefined}>\n\t\t\t<div className={styles.row}>\n\t\t\t\t{labelPosition === \"before\" && labelElement}\n\t\t\t\t<div className={styles.wrapper}>\n\t\t\t\t\t<input\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\trole=\"switch\"\n\t\t\t\t\t\tchecked={isChecked}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\taria-checked={isChecked}\n\t\t\t\t\t\taria-describedby={descriptionId}\n\t\t\t\t\t\taria-label={fallbackAriaLabel}\n\t\t\t\t\t\tclassName={cn(uiStyles.uiInputControl, styles.input)}\n\t\t\t\t\t\tonChange={(event) => onChange?.(event.currentTarget.checked)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className={styles.track} data-disabled={disabled || undefined} aria-hidden=\"true\">\n\t\t\t\t\t\t<div className={styles.thumb} />\n\t\t\t\t\t\t<div className={cn(styles.option, styles.unchecked)}>{uncheckedText}</div>\n\t\t\t\t\t\t<div className={cn(styles.option, styles.checked)}>{checkedText}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{labelPosition === \"after\" && labelElement}\n\t\t\t</div>\n\t\t\t{description && (\n\t\t\t\t<p id={descriptionId} className={uiStyles.uiDescription}>\n\t\t\t\t\t{description}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { type ComponentProps } from \"react\";\n\nimport {\n\tDEFAULT_STRING_TOGGLE_CHECKED_VALUE,\n\tDEFAULT_STRING_TOGGLE_UNCHECKED_VALUE,\n\tresolveStringToggleStateValue\n} from \"./stringToggleState\";\nimport { Toggle } from \"./Toggle\";\n\n/**\n * Публичный контракт Toggle, который принимает и возвращает два настраиваемых\n * строковых значения вместо boolean.\n */\nexport type StringToggleProps = Omit<ComponentProps<typeof Toggle>, \"value\" | \"onChange\"> & {\n\tcheckedValue?: string;\n\tuncheckedValue?: string;\n\tvalue: string;\n\tonChange: (value: string) => void;\n};\n\n/**\n * Адаптирует boolean-состояние Toggle к паре настраиваемых строковых значений.\n */\nexport function StringToggle({\n\tvalue,\n\tonChange,\n\tcheckedValue: configuredCheckedValue,\n\tuncheckedValue: configuredUncheckedValue,\n\tdefaultChecked: _defaultChecked,\n\t...props\n}: StringToggleProps) {\n\t/*\n\t * StringToggle является controlled-компонентом: визуальное состояние всегда\n\t * определяется `value`, поэтому native defaultChecked не передаётся в input.\n\t */\n\tvoid _defaultChecked;\n\n\tconst checkedValue = resolveStringToggleStateValue(configuredCheckedValue, DEFAULT_STRING_TOGGLE_CHECKED_VALUE);\n\tconst uncheckedValue = resolveStringToggleStateValue(configuredUncheckedValue, DEFAULT_STRING_TOGGLE_UNCHECKED_VALUE);\n\tconst isChecked = value === checkedValue;\n\n\treturn <Toggle {...props} value={isChecked} onChange={(checked) => onChange(checked ? checkedValue : uncheckedValue)} />;\n}\n"],"mappings":";;;;;AAIA,IAAa,IAAsC,QACtC,IAAwC;AAMrD,SAAgB,EAA8B,GAAgB,GAA0B;CACvF,OAAO,OAAO,KAAU,WAAW,IAAQ;AAC5C;;;;;;;;;;;;;AEQA,SAAgB,EAAO,EACtB,UACA,gBACA,gBACA,aACA,SACA,cACA,aACA,UACA,IAAI,GACJ,iBAAc,OACd,mBAAgB,QAChB,mBAAgB,UAChB,GAAG,KACY;CACf,IAAM,IAAS,EAAM,GACf,IAAK,KAAc,GACnB,IAAgB,IAAc,GAAG,EAAG,gBAAgB,KAAA,GACpD,IAAO,KAAS,GAChB,IAAY,EAAQ,GACpB,IAAoB,CAAC,KAAQ,CAAC,EAAM,gBAAgB,GAAG,EAAc,KAAK,MAAgB,KAAA,GAE1F,IAAe,IACpB,kBAAC,SAAD;EAAO,SAAS;EAAI,WAAW,EAAS;YACtC;CACK,CAAA,IACJ;CAEJ,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,EAAS,WAAW,KAAY,EAAS,UAAU,KAAQ,EAAS,WAAW,KAAQ,EAAS,IAAO,CAAS;EAC9H,iBAAe,KAAY,KAAA;YAF5B,CAGC,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,MAAkB,YAAY;IAC/B,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACC,kBAAC,SAAD;MACC,GAAI;MACA;MACJ,MAAK;MACL,MAAK;MACL,SAAS;MACC;MACV,gBAAc;MACd,oBAAkB;MAClB,cAAY;MACZ,WAAW,EAAG,EAAS,gBAAgB,EAAO,KAAK;MACnD,WAAW,MAAU,IAAW,EAAM,cAAc,OAAO;KAC3D,CAAA,GACD,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAO,iBAAe,KAAY,KAAA;MAAW,eAAY;gBAAhF;OACC,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;OAC/B,kBAAC,OAAD;QAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,SAAS;kBAAI;OAAmB,CAAA;OACzE,kBAAC,OAAD;QAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,OAAO;kBAAI;OAAiB,CAAA;MACjE;OACD;;IACJ,MAAkB,WAAW;GAC1B;MACJ,KACA,kBAAC,KAAD;GAAG,IAAI;GAAe,WAAW,EAAS;aACxC;EACC,CAAA,CAEA;;AAEP;;;AC7DA,SAAgB,EAAa,EAC5B,UACA,aACA,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,GAAG,KACkB;CAOrB,IAAM,IAAe,EAA8B,GAAwB,CAAmC,GACxG,IAAiB,EAA8B,GAA0B,CAAqC,GAC9G,IAAY,MAAU;CAE5B,OAAO,kBAAC,GAAD;EAAQ,GAAI;EAAO,OAAO;EAAW,WAAW,MAAY,EAAS,IAAU,IAAe,CAAc;CAAI,CAAA;AACxH"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/toggle/stringToggleState.ts","../../src/toggle/Toggle.module.scss","../../src/toggle/Toggle.tsx","../../src/toggle/StringToggle.tsx"],"sourcesContent":["/**\n * Строковые значения по умолчанию позволяют использовать StringToggle\n * как строковое представление обычного boolean-переключателя.\n */\nexport const DEFAULT_STRING_TOGGLE_CHECKED_VALUE = \"true\";\nexport const DEFAULT_STRING_TOGGLE_UNCHECKED_VALUE = \"false\";\n\n/**\n * Возвращает переданную строку буквально, включая пустую строку и пробелы.\n * Fallback применяется только когда строковое значение отсутствует.\n */\nexport function resolveStringToggleStateValue(value: unknown, fallback: string): string {\n\treturn typeof value === \"string\" ? value : fallback;\n}\n","@use \"@/styles/mixins\" as *;\n\n.row {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--space-sm);\n}\n\n.wrapper {\n\tposition: relative;\n\tdisplay: flex;\n\tflex: 1 0 auto;\n\tmin-width: calc(var(--drp-ui-width-xs, var(--ui-width-xs)) - var(--width-add));\n}\n\n.input {\n\twidth: 100%;\n\tmargin: 0;\n\tpadding: 0;\n\tappearance: none;\n\tcursor: pointer;\n\n\t&:checked + .track {\n\t\t.thumb {\n\t\t\ttransform: translateX(100%);\n\t\t}\n\n\t\t.unchecked {\n\t\t\tcolor: var(--content-2);\n\t\t}\n\n\t\t.checked {\n\t\t\tcolor: var(--status-info-on-fill);\n\t\t}\n\t}\n\n\t&:focus-visible + .track {\n\t\t@include focusVisible;\n\t}\n}\n\n.track {\n\t.unchecked {\n\t\tcolor: var(--status-info-on-fill);\n\t}\n\n\t.checked {\n\t\tcolor: var(--content-2);\n\t}\n\n\tposition: absolute;\n\tinset: calc(var(--border-width) * 2);\n\tpointer-events: none;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\talign-items: center;\n\tmin-width: 6.5em;\n\tpadding: 0;\n\toverflow: hidden;\n\n\t&[data-disabled] {\n\t\t.thumb {\n\t\t\topacity: var(--disabled-opacity);\n\t\t}\n\t}\n}\n\n.option {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 var(--space-sm);\n\tline-height: 1;\n\twhite-space: nowrap;\n\tuser-select: none;\n\tpointer-events: none;\n\tposition: relative;\n\tz-index: 1;\n\ttransition: color var(--transition-fast) linear;\n}\n\n.thumb {\n\tposition: absolute;\n\ttop: 0; // var(--border-width);\n\tleft: 0; //var(--border-width);\n\twidth: 50%; // calc(50% - var(--border-width));\n\theight: 100%; // calc(100% - var(--border-width) * 2);\n\tborder-radius: var(--radius-xs);\n\tbackground-color: var(--status-info-fill);\n\ttransition:\n\t\ttransform var(--transition-fast) ease-in-out,\n\t\topacity var(--transition-fast) ease-in-out;\n}\n","import React, { useId } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { UiBaseProps } from \"../types\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Toggle.module.scss\";\n\ntype ToggleLabelPosition = \"before\" | \"after\";\n\nexport interface ToggleProps\n\textends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"checked\" | \"value\" | \"onChange\" | \"type\">, UiBaseProps<boolean> {\n\tcheckedText?: string;\n\tuncheckedText?: string;\n\tlabelPosition?: ToggleLabelPosition;\n}\n\n/**\n * Переключаемая кнопка с сохранением активного состояния. Используется для локального выбора режима, фильтра или форматирования.\n */\nexport function Toggle({\n\tlabel,\n\tdescription,\n\tplaceholder,\n\tdisabled,\n\tsize,\n\tclassName,\n\tonChange,\n\tvalue,\n\tid: externalId,\n\tcheckedText = \"ВКЛ\",\n\tuncheckedText = \"ВЫКЛ\",\n\tlabelPosition = \"before\",\n\t...props\n}: ToggleProps) {\n\tconst autoId = useId();\n\tconst id = externalId ?? autoId;\n\tconst descriptionId = description ? `${id}-description` : undefined;\n\tconst text = label ?? placeholder;\n\tconst isChecked = Boolean(value);\n\tconst fallbackAriaLabel = !text && !props[\"aria-label\"] ? `${uncheckedText} / ${checkedText}` : undefined;\n\n\tconst labelElement = text ? (\n\t\t<label htmlFor={id} className={uiStyles.uiLabel}>\n\t\t\t{text}\n\t\t</label>\n\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(uiStyles.uiElement, disabled && uiStyles.disabled, size && uiStyles.uiSizable, size && uiStyles[size], className)}\n\t\t\taria-disabled={disabled || undefined}>\n\t\t\t<div className={styles.row}>\n\t\t\t\t{labelPosition === \"before\" && labelElement}\n\t\t\t\t<div className={styles.wrapper}>\n\t\t\t\t\t<input\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\trole=\"switch\"\n\t\t\t\t\t\tchecked={isChecked}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\taria-checked={isChecked}\n\t\t\t\t\t\taria-describedby={descriptionId}\n\t\t\t\t\t\taria-label={fallbackAriaLabel}\n\t\t\t\t\t\tclassName={cn(uiStyles.uiInputControl, styles.input)}\n\t\t\t\t\t\tonChange={(event) => onChange?.(event.currentTarget.checked)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className={styles.track} data-disabled={disabled || undefined} aria-hidden=\"true\">\n\t\t\t\t\t\t<div className={styles.thumb} />\n\t\t\t\t\t\t<div className={cn(styles.option, styles.unchecked)}>{uncheckedText}</div>\n\t\t\t\t\t\t<div className={cn(styles.option, styles.checked)}>{checkedText}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{labelPosition === \"after\" && labelElement}\n\t\t\t</div>\n\t\t\t{description && (\n\t\t\t\t<p id={descriptionId} className={uiStyles.uiDescription}>\n\t\t\t\t\t{description}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { type ComponentProps } from \"react\";\n\nimport {\n\tDEFAULT_STRING_TOGGLE_CHECKED_VALUE,\n\tDEFAULT_STRING_TOGGLE_UNCHECKED_VALUE,\n\tresolveStringToggleStateValue\n} from \"./stringToggleState\";\nimport { Toggle } from \"./Toggle\";\n\n/**\n * Публичный контракт Toggle, который принимает и возвращает два настраиваемых\n * строковых значения вместо boolean.\n */\nexport type StringToggleProps = Omit<ComponentProps<typeof Toggle>, \"value\" | \"onChange\"> & {\n\tcheckedValue?: string;\n\tuncheckedValue?: string;\n\tvalue: string;\n\tonChange: (value: string) => void;\n};\n\n/**\n * Адаптирует boolean-состояние Toggle к паре настраиваемых строковых значений.\n */\nexport function StringToggle({\n\tvalue,\n\tonChange,\n\tcheckedValue: configuredCheckedValue,\n\tuncheckedValue: configuredUncheckedValue,\n\tdefaultChecked: _defaultChecked,\n\t...props\n}: StringToggleProps) {\n\t/*\n\t * StringToggle является controlled-компонентом: визуальное состояние всегда\n\t * определяется `value`, поэтому native defaultChecked не передаётся в input.\n\t */\n\tvoid _defaultChecked;\n\n\tconst checkedValue = resolveStringToggleStateValue(configuredCheckedValue, DEFAULT_STRING_TOGGLE_CHECKED_VALUE);\n\tconst uncheckedValue = resolveStringToggleStateValue(configuredUncheckedValue, DEFAULT_STRING_TOGGLE_UNCHECKED_VALUE);\n\tconst isChecked = value === checkedValue;\n\n\treturn <Toggle {...props} value={isChecked} onChange={(checked) => onChange(checked ? checkedValue : uncheckedValue)} />;\n}\n"],"mappings":";;;;;AAIA,IAAa,IAAsC,QACtC,IAAwC;AAMrD,SAAgB,EAA8B,GAAgB,GAA0B;CACvF,OAAO,OAAO,KAAU,WAAW,IAAQ;AAC5C;;;;;;;;;;;;;AEQA,SAAgB,EAAO,EACtB,UACA,gBACA,gBACA,aACA,SACA,cACA,aACA,UACA,IAAI,GACJ,iBAAc,OACd,mBAAgB,QAChB,mBAAgB,UAChB,GAAG,KACY;CACf,IAAM,IAAS,EAAM,GACf,IAAK,KAAc,GACnB,IAAgB,IAAc,GAAG,EAAG,gBAAgB,KAAA,GACpD,IAAO,KAAS,GAChB,IAAY,EAAQ,GACpB,IAAoB,CAAC,KAAQ,CAAC,EAAM,gBAAgB,GAAG,EAAc,KAAK,MAAgB,KAAA,GAE1F,IAAe,IACpB,kBAAC,SAAD;EAAO,SAAS;EAAI,WAAW,EAAS;EACtC,UAAA;CACK,CAAA,IACJ;CAEJ,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,EAAS,WAAW,KAAY,EAAS,UAAU,KAAQ,EAAS,WAAW,KAAQ,EAAS,IAAO,CAAS;EAC9H,iBAAe,KAAY,KAAA;EAF5B,UAAA,CAGC,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA;IACE,MAAkB,YAAY;IAC/B,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACC,kBAAC,SAAD;MACC,GAAI;MACA;MACJ,MAAK;MACL,MAAK;MACL,SAAS;MACC;MACV,gBAAc;MACd,oBAAkB;MAClB,cAAY;MACZ,WAAW,EAAG,EAAS,gBAAgB,EAAO,KAAK;MACnD,WAAW,MAAU,IAAW,EAAM,cAAc,OAAO;KAC3D,CAAA,GACD,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAO,iBAAe,KAAY,KAAA;MAAW,eAAY;MAAhF,UAAA;OACC,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;OAC/B,kBAAC,OAAD;QAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,SAAS;QAAI,UAAA;OAAmB,CAAA;OACzE,kBAAC,OAAD;QAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,OAAO;QAAI,UAAA;OAAiB,CAAA;MACjE;KACD,CAAA,CAAA;;IACJ,MAAkB,WAAW;GAC1B;EACJ,CAAA,GAAA,KACA,kBAAC,KAAD;GAAG,IAAI;GAAe,WAAW,EAAS;GACxC,UAAA;EACC,CAAA,CAEA;;AAEP;;;AC7DA,SAAgB,EAAa,EAC5B,UACA,aACA,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,GAAG,KACkB;CAOrB,IAAM,IAAe,EAA8B,GAAwB,CAAmC,GACxG,IAAiB,EAA8B,GAA0B,CAAqC,GAC9G,IAAY,MAAU;CAE5B,OAAO,kBAAC,GAAD;EAAQ,GAAI;EAAO,OAAO;EAAW,WAAW,MAAY,EAAS,IAAU,IAAe,CAAc;CAAI,CAAA;AACxH"}

package/dist/toolbar/index.js

@@ -1,4 +1,4 @@
-import { r as e, t } from "../chunks/flex-DYZ0IbU6.js";
+import { r as e, t } from "../chunks/flex-C7njxZ74.js";
 import { t as n } from "../chunks/grid-dI94AAbi.js";
 import { Children as r } from "react";
 import { childrenCount as i } from "@ryuzaki13/react-foundation-lib/utils";
@@ -18,7 +18,6 @@ function u({ children: a, className: u }) {
 		case l.displayName:
 			if (f) throw Error("Toolbar: duplicate <ToolbarEnd> found");
 			f = e.props.children;
-			break;
 	}
 	return /* @__PURE__ */ s(e.Container, {
 		wrap: !0,

package/dist/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { Children, PropsWithChildren, ReactNode } from \"react\";\n\nimport { childrenCount } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Flex, FlexSpacer } from \"../flex\";\nimport { Grid } from \"../grid\";\n\nexport const ToolbarStart: React.FC<PropsWithChildren> = ({ children }) => <>{children}</>;\nToolbarStart.displayName = \"Toolbar.Start\";\n\nexport const ToolbarEnd: React.FC<PropsWithChildren> = ({ children }) => <>{children}</>;\nToolbarEnd.displayName = \"Toolbar.End\";\n\ntype ToolbarStartElement = React.ReactElement<{ children: ReactNode }, typeof ToolbarStart>;\ntype ToolbarEndElement = React.ReactElement<{ children: ReactNode }, typeof ToolbarEnd>;\n\ntype ToolbarChildren = [ToolbarStartElement, ToolbarEndElement] | ToolbarStartElement | ToolbarEndElement;\n\ninterface ToolbarProps {\n\tchildren: ToolbarChildren;\n\tclassName?: string;\n}\n\nexport function Toolbar({ children, className }: ToolbarProps) {\n\tlet toolbarStart: ReactNode = null;\n\tlet toolbarEnd: ReactNode = null;\n\n\tconst childArray = Children.toArray(children) as (ToolbarStartElement | ToolbarEndElement)[];\n\n\tfor (const child of childArray) {\n\t\tconst typeName = child.type.displayName;\n\n\t\tswitch (typeName) {\n\t\t\tcase ToolbarStart.displayName:\n\t\t\t\tif (toolbarStart) throw new Error(\"Toolbar: duplicate <ToolbarStart> found\");\n\t\t\t\ttoolbarStart = child.props.children;\n\t\t\t\tbreak;\n\t\t\tcase ToolbarEnd.displayName:\n\t\t\t\tif (toolbarEnd) throw new Error(\"Toolbar: duplicate <ToolbarEnd> found\");\n\t\t\t\ttoolbarEnd = child.props.children;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn (\n\t\t<Flex.Container wrap align=\"center\" gap=\"md\" className={className}>\n\t\t\t{toolbarStart && (\n\t\t\t\t<Flex.Item flex0>\n\t\t\t\t\t<Grid.Container\n\t\t\t\t\t\ttemplateColumns={`repeat(${childrenCount(toolbarStart)}, calc(15em + var(--width-add)))`}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tgap=\"sm\">\n\t\t\t\t\t\t{toolbarStart}\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</Flex.Item>\n\t\t\t)}\n\n\t\t\t<FlexSpacer />\n\n\t\t\t{toolbarEnd && (\n\t\t\t\t<Flex.Item flex0>\n\t\t\t\t\t<Grid.Container\n\t\t\t\t\t\ttemplateColumns={`repeat(${childrenCount(toolbarEnd)}, calc(15em + var(--width-add)))`}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tgap=\"sm\">\n\t\t\t\t\t\t{toolbarEnd}\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</Flex.Item>\n\t\t\t)}\n\t\t</Flex.Container>\n\t);\n}\n"],"mappings":";;;;;;AAOA,IAAa,KAA6C,EAAE,kBAAe,kBAAA,GAAA,EAAG,YAAW,CAAA;AACzF,EAAa,cAAc;AAE3B,IAAa,KAA2C,EAAE,kBAAe,kBAAA,GAAA,EAAG,YAAW,CAAA;AACvF,EAAW,cAAc;AAYzB,SAAgB,EAAQ,EAAE,aAAU,gBAA2B;CAC9D,IAAI,IAA0B,MAC1B,IAAwB,MAEtB,IAAa,EAAS,QAAQ,CAAQ;CAE5C,KAAK,IAAM,KAAS,GAGnB,QAFiB,EAAM,KAAK,aAE5B;EACC,KAAK,EAAa;GACjB,IAAI,GAAc,MAAU,MAAM,yCAAyC;GAC3E,IAAe,EAAM,MAAM;GAC3B;EACD,KAAK,EAAW;GACf,IAAI,GAAY,MAAU,MAAM,uCAAuC;GACvE,IAAa,EAAM,MAAM;GACzB;CACF;CAGD,OACC,kBAAC,EAAK,WAAN;EAAgB,MAAA;EAAK,OAAM;EAAS,KAAI;EAAgB;YAAxD;GACE,KACA,kBAAC,EAAK,MAAN;IAAW,OAAA;cACV,kBAAC,EAAK,WAAN;KACC,iBAAiB,UAAU,EAAc,CAAY,EAAE;KACvD,OAAM;KACN,KAAI;eACH;IACc,CAAA;GACN,CAAA;GAGZ,kBAAC,GAAD,CAAa,CAAA;GAEZ,KACA,kBAAC,EAAK,MAAN;IAAW,OAAA;cACV,kBAAC,EAAK,WAAN;KACC,iBAAiB,UAAU,EAAc,CAAU,EAAE;KACrD,OAAM;KACN,KAAI;eACH;IACc,CAAA;GACN,CAAA;EAEG;;AAElB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { Children, PropsWithChildren, ReactNode } from \"react\";\n\nimport { childrenCount } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Flex, FlexSpacer } from \"../flex\";\nimport { Grid } from \"../grid\";\n\nexport const ToolbarStart: React.FC<PropsWithChildren> = ({ children }) => <>{children}</>;\nToolbarStart.displayName = \"Toolbar.Start\";\n\nexport const ToolbarEnd: React.FC<PropsWithChildren> = ({ children }) => <>{children}</>;\nToolbarEnd.displayName = \"Toolbar.End\";\n\ntype ToolbarStartElement = React.ReactElement<{ children: ReactNode }, typeof ToolbarStart>;\ntype ToolbarEndElement = React.ReactElement<{ children: ReactNode }, typeof ToolbarEnd>;\n\ntype ToolbarChildren = [ToolbarStartElement, ToolbarEndElement] | ToolbarStartElement | ToolbarEndElement;\n\ninterface ToolbarProps {\n\tchildren: ToolbarChildren;\n\tclassName?: string;\n}\n\nexport function Toolbar({ children, className }: ToolbarProps) {\n\tlet toolbarStart: ReactNode = null;\n\tlet toolbarEnd: ReactNode = null;\n\n\tconst childArray = Children.toArray(children) as (ToolbarStartElement | ToolbarEndElement)[];\n\n\tfor (const child of childArray) {\n\t\tconst typeName = child.type.displayName;\n\n\t\tswitch (typeName) {\n\t\t\tcase ToolbarStart.displayName:\n\t\t\t\tif (toolbarStart) throw new Error(\"Toolbar: duplicate <ToolbarStart> found\");\n\t\t\t\ttoolbarStart = child.props.children;\n\t\t\t\tbreak;\n\t\t\tcase ToolbarEnd.displayName:\n\t\t\t\tif (toolbarEnd) throw new Error(\"Toolbar: duplicate <ToolbarEnd> found\");\n\t\t\t\ttoolbarEnd = child.props.children;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn (\n\t\t<Flex.Container wrap align=\"center\" gap=\"md\" className={className}>\n\t\t\t{toolbarStart && (\n\t\t\t\t<Flex.Item flex0>\n\t\t\t\t\t<Grid.Container\n\t\t\t\t\t\ttemplateColumns={`repeat(${childrenCount(toolbarStart)}, calc(15em + var(--width-add)))`}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tgap=\"sm\">\n\t\t\t\t\t\t{toolbarStart}\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</Flex.Item>\n\t\t\t)}\n\n\t\t\t<FlexSpacer />\n\n\t\t\t{toolbarEnd && (\n\t\t\t\t<Flex.Item flex0>\n\t\t\t\t\t<Grid.Container\n\t\t\t\t\t\ttemplateColumns={`repeat(${childrenCount(toolbarEnd)}, calc(15em + var(--width-add)))`}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tgap=\"sm\">\n\t\t\t\t\t\t{toolbarEnd}\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</Flex.Item>\n\t\t\t)}\n\t\t</Flex.Container>\n\t);\n}\n"],"mappings":";;;;;;AAOA,IAAa,KAA6C,EAAE,kBAAe,kBAAA,GAAA,EAAG,YAAW,CAAA;AACzF,EAAa,cAAc;AAE3B,IAAa,KAA2C,EAAE,kBAAe,kBAAA,GAAA,EAAG,YAAW,CAAA;AACvF,EAAW,cAAc;AAYzB,SAAgB,EAAQ,EAAE,aAAU,gBAA2B;CAC9D,IAAI,IAA0B,MAC1B,IAAwB,MAEtB,IAAa,EAAS,QAAQ,CAAQ;CAE5C,KAAK,IAAM,KAAS,GAGnB,QAFiB,EAAM,KAAK,aAE5B;EACC,KAAK,EAAa;GACjB,IAAI,GAAc,MAAU,MAAM,yCAAyC;GAC3E,IAAe,EAAM,MAAM;GAC3B;EACD,KAAK,EAAW;GACf,IAAI,GAAY,MAAU,MAAM,uCAAuC;GACvE,IAAa,EAAM,MAAM;CAE3B;CAGD,OACC,kBAAC,EAAK,WAAN;EAAgB,MAAA;EAAK,OAAM;EAAS,KAAI;EAAgB;EAAxD,UAAA;GACE,KACA,kBAAC,EAAK,MAAN;IAAW,OAAA;IACV,UAAA,kBAAC,EAAK,WAAN;KACC,iBAAiB,UAAU,EAAc,CAAY,EAAE;KACvD,OAAM;KACN,KAAI;KACH,UAAA;IACc,CAAA;GACN,CAAA;GAGZ,kBAAC,GAAD,CAAa,CAAA;GAEZ,KACA,kBAAC,EAAK,MAAN;IAAW,OAAA;IACV,UAAA,kBAAC,EAAK,WAAN;KACC,iBAAiB,UAAU,EAAc,CAAU,EAAE;KACrD,OAAM;KACN,KAAI;KACH,UAAA;IACc,CAAA;GACN,CAAA;EAEG;;AAElB"}

package/dist/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/tree/Tree.module.scss","../../src/tree/Tree.tsx"],"sourcesContent":[".nodeItem {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.treeContainer {\n\tpadding: var(--space-md);\n}\n\n.nestedList {\n\tpadding-left: var(--space-md);\n}\n\n.nestedСounter {\n\tcounter-reset: item;\n\tlist-style-type: none;\n\tpadding-left: var(--space-md);\n\n\t.nestedList {\n\t\tmargin-left: var(--space-md);\n\t}\n\n\tol {\n\t\tcounter-reset: item;\n\t}\n\n\tli {\n\t\tcounter-increment: item;\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tcontent: counters(item, \".\") \". \";\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttransform: translateX(calc(-100% - 0.25em));\n\t\t}\n\t}\n}\n","// Tree.tsx\nimport React, { createElement, CSSProperties, KeyboardEvent, useMemo } from \"react\";\n\nimport { cn, handleKeyboardActivation } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Tree.module.scss\";\n\n/**\n * Базовый тип — любое дерево с возможным полем children\n */\nexport interface TreeNodeBase {\n\tchildren?: readonly TreeNodeBase[] | undefined;\n\t[key: string]: unknown;\n}\n\n/**\n * Пропсы, которые получает callback рендера узла\n */\nexport interface TreeNodeRenderProps<T extends TreeNodeBase> {\n\tnode: T;\n\tlevel: number;\n\thasChildren: boolean;\n\tisLeaf: boolean;\n\tpath: (string | number)[];\n}\n\n/**\n * Основные пропсы компонента Tree\n */\nexport interface TreeProps<T extends TreeNodeBase> {\n\tdata: readonly T[];\n\t/**\n\t * Ключ для дочерних нод (по умолчанию \"children\")\n\t */\n\tchildrenKey?: keyof T;\n\t/**\n\t * Альтернатива childrenKey — функция, возвращающая children\n\t */\n\tgetChildren?: (node: T) => readonly T[] | undefined;\n\t/**\n\t * Как брать ключ для каждого узла (по умолчанию node.id || node.key || index)\n\t */\n\tgetKey?: (node: T, index: number, path: (string | number)[]) => React.Key;\n\t/**\n\t * Функция, которая рисует содержимое узла.\n\t * Если не передана — делается \"разумный\" дефолт (node.title || node.text || JSON).\n\t */\n\trenderNode?: (props: TreeNodeRenderProps<T>) => React.ReactNode;\n\t/**\n\t * Если задано — узел считается интерактивным и будет обёрнут в кнопку для клавиатурной доступности.\n\t */\n\tonNodeClick?: (node: T, path: (string | number)[]) => void;\n\n\t/* Стилизация и классы — внешняя настройка */\n\tcontainerElement?: \"ol\" | \"ul\" | \"div\"; // по умолчанию \"ol\"\n\tcontainerClassName?: string;\n\tcontainerStyle?: CSSProperties;\n\tnestedCounter?: boolean;\n\n\titemClassName?: string;\n\titemStyle?: CSSProperties;\n\n\tnestedListClassName?: string;\n\tnestedListStyle?: CSSProperties;\n\n\tlabelClassName?: string;\n\tlabelStyle?: CSSProperties;\n}\n\n/* ---- Вспомогательные реализации ---- */\n\nconst defaultChildrenKey = \"children\";\n\n/** Умный дефолт для получения ключа */\nfunction defaultGetKey<T extends TreeNodeBase>(node: T, index: number) {\n\t// часто встречающиеся поля — id, key\n\tconst maybeId = (node as Record<string, string>).id ?? (node as Record<string, string>).key;\n\treturn (maybeId as React.Key) ?? index;\n}\n\n/** Умолчание для рендера узла (если пользователь не передал renderNode) */\nfunction defaultRenderNode<T extends TreeNodeBase>({ node, level }: TreeNodeRenderProps<T>) {\n\tconst title = (node as Record<string, string>).title ?? (node as Record<string, string>).text ?? (node as Record<string, string>).label;\n\tif (typeof title === \"string\" || typeof title === \"number\") {\n\t\treturn (\n\t\t\t<div aria-level={level + 1} style={{ display: \"inline-block\" }}>\n\t\t\t\t{title}\n\t\t\t</div>\n\t\t);\n\t}\n\t// fallback — краткое представление объекта\n\treturn <div aria-level={level + 1}>{JSON.stringify(title ?? node)}</div>;\n}\n\n/* ---- Компонент ---- */\n\n/**\n * Универсальный компонент Tree\n * Не использует глобальный state и не знает бизнес-логики — всё через renderNode / callbacks.\n */\nexport function Tree<T extends TreeNodeBase>(props: TreeProps<T>) {\n\tconst {\n\t\tdata,\n\t\tchildrenKey = defaultChildrenKey as keyof T,\n\t\tgetChildren,\n\t\tgetKey = defaultGetKey,\n\t\trenderNode,\n\t\tonNodeClick,\n\t\tcontainerElement = \"ol\",\n\t\tcontainerClassName,\n\t\tcontainerStyle,\n\t\tnestedCounter: isContainerNested,\n\t\titemClassName,\n\t\titemStyle,\n\t\tnestedListClassName,\n\t\tnestedListStyle,\n\t\tlabelClassName,\n\t\tlabelStyle\n\t} = props;\n\n\t/**\n\t * Получить children для ноды — сначала getChildren, иначе node[childrenKey]\n\t */\n\tconst resolveChildren = (node: T): readonly T[] | undefined => {\n\t\tif (typeof getChildren === \"function\") return getChildren(node);\n\t\tconst maybe = node[childrenKey];\n\t\treturn Array.isArray(maybe) ? (maybe as readonly T[]) : undefined;\n\t};\n\n\t/**\n\t * Компонент/функция, рендерящая один узел (рекурсивно)\n\t *\n\t * Определяем как вложенную функцию — она использует замыкания resolveChildren, getKey и т.д.\n\t * Это простая рекурсия, и ключи выставляются родителем при map'е.\n\t */\n\tconst renderNodeRecursively = (node: T, index: number, level: number, path: (string | number)[]): React.ReactElement => {\n\t\tconst children = resolveChildren(node);\n\t\tconst hasChildren = Array.isArray(children) && children.length > 0;\n\t\tconst isLeaf = !hasChildren;\n\n\t\t// Контент узла — либо через renderNode проп, либо дефолтный\n\t\tconst nodeContent =\n\t\t\ttypeof renderNode === \"function\"\n\t\t\t\t? renderNode({ node, level, hasChildren, isLeaf, path })\n\t\t\t\t: defaultRenderNode<T>({ node, level, hasChildren, isLeaf, path });\n\n\t\t// NodeItem — оболочка, которая делает узел интерактивным при наличии onNodeClick\n\t\tfunction NodeItem() {\n\t\t\tconst label = (\n\t\t\t\t<div className={labelClassName} style={labelStyle} aria-current={isLeaf ? undefined : false}>\n\t\t\t\t\t{nodeContent}\n\t\t\t\t</div>\n\t\t\t);\n\n\t\t\tif (!onNodeClick) {\n\t\t\t\t// Неинтерактивный вариант — semantic wrapper (div)\n\t\t\t\treturn <div role=\"presentation\">{label}</div>;\n\t\t\t}\n\n\t\t\t// Интерактивный вариант — кнопка, доступная с клавиатуры\n\t\t\tconst handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n\t\t\t\t// Enter и Space должны срабатывать как клик\n\t\t\t\thandleKeyboardActivation(e, () => onNodeClick(node, path));\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={() => onNodeClick(node, path)}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tdata-ui=\"tree-node-button\"\n\t\t\t\t\tdata-action=\"select-tree-node\"\n\t\t\t\t\t// семантика уровня — aria-level при необходимости можно добавить\n\t\t\t\t\taria-expanded={hasChildren ? true : undefined}\n\t\t\t\t\tstyle={{ background: \"transparent\", border: 0, padding: 0, cursor: \"pointer\" }}>\n\t\t\t\t\t{label}\n\t\t\t\t</button>\n\t\t\t);\n\t\t}\n\n\t\t// Собираем <li> с контентом и, при наличии детей, вложенным списком\n\t\tconst Li = (\n\t\t\t<li key={getKey(node, index, path)} className={cn(styles.nodeItem, itemClassName)} style={itemStyle}>\n\t\t\t\t<NodeItem />\n\n\t\t\t\t{hasChildren &&\n\t\t\t\t\t// дочерний список — используем тот же контейнер, что и root (ol|ul|div)\n\t\t\t\t\tcreateElement(\n\t\t\t\t\t\tcontainerElement,\n\t\t\t\t\t\t{ className: nestedListClassName ?? styles.nestedList, style: nestedListStyle },\n\t\t\t\t\t\tchildren!.map((child, ci) => renderNodeRecursively(child as T, ci, level + 1, [...path, ci]))\n\t\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\n\t\treturn Li;\n\t};\n\n\tconst treeContent = useMemo(\n\t\t() =>\n\t\t\tdata.map((node, i) => {\n\t\t\t\tconst paths: (string | number)[] = [i];\n\t\t\t\treturn renderNodeRecursively(node as T, i, 0, paths);\n\t\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\t// кусок deps — включаем те пропсы, которые влияют на результат\n\t\t\tdata,\n\t\t\tchildrenKey,\n\t\t\t// getChildren и getKey — функции, которые могут быть изменены пользователем\n\t\t\tgetChildren,\n\t\t\tgetKey,\n\t\t\trenderNode,\n\t\t\tonNodeClick,\n\t\t\tcontainerElement,\n\t\t\titemClassName,\n\t\t\titemStyle,\n\t\t\tnestedListClassName,\n\t\t\tnestedListStyle,\n\t\t\tlabelClassName,\n\t\t\tlabelStyle\n\t\t]\n\t);\n\n\t// Рендер внешнего контейнера (по умолчанию ol)\n\treturn createElement(\n\t\tcontainerElement,\n\t\t{\n\t\t\tclassName: cn(containerClassName ?? styles.treeContainer, isContainerNested && styles.nestedСounter),\n\t\t\tstyle: containerStyle\n\t\t},\n\t\ttreeContent\n\t);\n}\n"],"mappings":";;;;;;;;GCuEM,IAAqB;AAG3B,SAAS,EAAsC,GAAS,GAAe;CAGtE,OADiB,EAAgC,MAAO,EAAgC,OACvD;AAClC;AAGA,SAAS,EAA0C,EAAE,SAAM,YAAiC;CAC3F,IAAM,IAAS,EAAgC,SAAU,EAAgC,QAAS,EAAgC;CASlI,OARI,OAAO,KAAU,YAAY,OAAO,KAAU,WAEhD,kBAAC,OAAD;EAAK,cAAY,IAAQ;EAAG,OAAO,EAAE,SAAS,eAAe;YAC3D;CACG,CAAA,IAIA,kBAAC,OAAD;EAAK,cAAY,IAAQ;YAAI,KAAK,UAAU,KAAS,CAAI;CAAO,CAAA;AACxE;AAQA,SAAgB,EAA6B,GAAqB;CACjE,IAAM,EACL,SACA,iBAAc,GACd,gBACA,YAAS,GACT,eACA,gBACA,sBAAmB,MACnB,uBACA,mBACA,eAAe,GACf,kBACA,cACA,wBACA,oBACA,mBACA,kBACG,GAKE,KAAmB,MAAsC;EAC9D,IAAI,OAAO,KAAgB,YAAY,OAAO,EAAY,CAAI;EAC9D,IAAM,IAAQ,EAAK;EACnB,OAAO,MAAM,QAAQ,CAAK,IAAK,IAAyB,KAAA;CACzD,GAQM,KAAyB,GAAS,GAAe,GAAe,MAAkD;EACvH,IAAM,IAAW,EAAgB,CAAI,GAC/B,IAAc,MAAM,QAAQ,CAAQ,KAAK,EAAS,SAAS,GAC3D,IAAS,CAAC,GAGV,IACL,OAAO,KAAe,aACnB,EAAW;GAAE;GAAM;GAAO;GAAa;GAAQ;EAAK,CAAC,IACrD,EAAqB;GAAE;GAAM;GAAO;GAAa;GAAQ;EAAK,CAAC;EAGnE,SAAS,IAAW;GACnB,IAAM,IACL,kBAAC,OAAD;IAAK,WAAW;IAAgB,OAAO;IAAY,gBAAc,IAAS,KAAA,IAAY;cACpF;GACG,CAAA;GAcN,OAXK,IAYJ,kBAAC,UAAD;IACC,MAAK;IACL,eAAe,EAAY,GAAM,CAAI;IACrC,YATqB,MAAwC;KAE9D,EAAyB,SAAS,EAAY,GAAM,CAAI,CAAC;IAC1D;IAOE,WAAQ;IACR,eAAY;IAEZ,iBAAe,IAAc,KAAO,KAAA;IACpC,OAAO;KAAE,YAAY;KAAe,QAAQ;KAAG,SAAS;KAAG,QAAQ;IAAU;cAC5E;GACM,CAAA,IApBD,kBAAC,OAAD;IAAK,MAAK;cAAgB;GAAW,CAAA;EAsB9C;EAiBA,OAbC,kBAAC,MAAD;GAAoC,WAAW,EAAG,EAAO,UAAU,CAAa;GAAG,OAAO;aAA1F,CACC,kBAAC,GAAD,CAAW,CAAA,GAEV,KAEA,EACC,GACA;IAAE,WAAW,KAAuB,EAAO;IAAY,OAAO;GAAgB,GAC9E,EAAU,KAAK,GAAO,MAAO,EAAsB,GAAY,GAAI,IAAQ,GAAG,CAAC,GAAG,GAAM,CAAE,CAAC,CAAC,CAC7F,CACE;KAVK,EAAO,GAAM,GAAO,CAAI,CAa3B;CACR,GAEM,IAAc,QAElB,EAAK,KAAK,GAAM,MAER,EAAsB,GAAW,GAAG,GAAG,CADV,CACU,CAAK,CACnD,GAEF;EAEC;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CACD;CAGA,OAAO,EACN,GACA;EACC,WAAW,EAAG,KAAsB,EAAO,eAAe,KAAqB,EAAO,aAAa;EACnG,OAAO;CACR,GACA,CACD;AACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tree/Tree.module.scss","../../src/tree/Tree.tsx"],"sourcesContent":[".nodeItem {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.treeContainer {\n\tpadding: var(--space-md);\n}\n\n.nestedList {\n\tpadding-left: var(--space-md);\n}\n\n.nestedСounter {\n\tcounter-reset: item;\n\tlist-style-type: none;\n\tpadding-left: var(--space-md);\n\n\t.nestedList {\n\t\tmargin-left: var(--space-md);\n\t}\n\n\tol {\n\t\tcounter-reset: item;\n\t}\n\n\tli {\n\t\tcounter-increment: item;\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tcontent: counters(item, \".\") \". \";\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttransform: translateX(calc(-100% - 0.25em));\n\t\t}\n\t}\n}\n","// Tree.tsx\nimport React, { createElement, CSSProperties, KeyboardEvent, useMemo } from \"react\";\n\nimport { cn, handleKeyboardActivation } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Tree.module.scss\";\n\n/**\n * Базовый тип — любое дерево с возможным полем children\n */\nexport interface TreeNodeBase {\n\tchildren?: readonly TreeNodeBase[] | undefined;\n\t[key: string]: unknown;\n}\n\n/**\n * Пропсы, которые получает callback рендера узла\n */\nexport interface TreeNodeRenderProps<T extends TreeNodeBase> {\n\tnode: T;\n\tlevel: number;\n\thasChildren: boolean;\n\tisLeaf: boolean;\n\tpath: (string | number)[];\n}\n\n/**\n * Основные пропсы компонента Tree\n */\nexport interface TreeProps<T extends TreeNodeBase> {\n\tdata: readonly T[];\n\t/**\n\t * Ключ для дочерних нод (по умолчанию \"children\")\n\t */\n\tchildrenKey?: keyof T;\n\t/**\n\t * Альтернатива childrenKey — функция, возвращающая children\n\t */\n\tgetChildren?: (node: T) => readonly T[] | undefined;\n\t/**\n\t * Как брать ключ для каждого узла (по умолчанию node.id || node.key || index)\n\t */\n\tgetKey?: (node: T, index: number, path: (string | number)[]) => React.Key;\n\t/**\n\t * Функция, которая рисует содержимое узла.\n\t * Если не передана — делается \"разумный\" дефолт (node.title || node.text || JSON).\n\t */\n\trenderNode?: (props: TreeNodeRenderProps<T>) => React.ReactNode;\n\t/**\n\t * Если задано — узел считается интерактивным и будет обёрнут в кнопку для клавиатурной доступности.\n\t */\n\tonNodeClick?: (node: T, path: (string | number)[]) => void;\n\n\t/* Стилизация и классы — внешняя настройка */\n\tcontainerElement?: \"ol\" | \"ul\" | \"div\"; // по умолчанию \"ol\"\n\tcontainerClassName?: string;\n\tcontainerStyle?: CSSProperties;\n\tnestedCounter?: boolean;\n\n\titemClassName?: string;\n\titemStyle?: CSSProperties;\n\n\tnestedListClassName?: string;\n\tnestedListStyle?: CSSProperties;\n\n\tlabelClassName?: string;\n\tlabelStyle?: CSSProperties;\n}\n\n/* ---- Вспомогательные реализации ---- */\n\nconst defaultChildrenKey = \"children\";\n\n/** Умный дефолт для получения ключа */\nfunction defaultGetKey<T extends TreeNodeBase>(node: T, index: number) {\n\t// часто встречающиеся поля — id, key\n\tconst maybeId = (node as Record<string, string>).id ?? (node as Record<string, string>).key;\n\treturn (maybeId as React.Key) ?? index;\n}\n\n/** Умолчание для рендера узла (если пользователь не передал renderNode) */\nfunction defaultRenderNode<T extends TreeNodeBase>({ node, level }: TreeNodeRenderProps<T>) {\n\tconst title = (node as Record<string, string>).title ?? (node as Record<string, string>).text ?? (node as Record<string, string>).label;\n\tif (typeof title === \"string\" || typeof title === \"number\") {\n\t\treturn (\n\t\t\t<div aria-level={level + 1} style={{ display: \"inline-block\" }}>\n\t\t\t\t{title}\n\t\t\t</div>\n\t\t);\n\t}\n\t// fallback — краткое представление объекта\n\treturn <div aria-level={level + 1}>{JSON.stringify(title ?? node)}</div>;\n}\n\n/* ---- Компонент ---- */\n\n/**\n * Универсальный компонент Tree\n * Не использует глобальный state и не знает бизнес-логики — всё через renderNode / callbacks.\n */\nexport function Tree<T extends TreeNodeBase>(props: TreeProps<T>) {\n\tconst {\n\t\tdata,\n\t\tchildrenKey = defaultChildrenKey as keyof T,\n\t\tgetChildren,\n\t\tgetKey = defaultGetKey,\n\t\trenderNode,\n\t\tonNodeClick,\n\t\tcontainerElement = \"ol\",\n\t\tcontainerClassName,\n\t\tcontainerStyle,\n\t\tnestedCounter: isContainerNested,\n\t\titemClassName,\n\t\titemStyle,\n\t\tnestedListClassName,\n\t\tnestedListStyle,\n\t\tlabelClassName,\n\t\tlabelStyle\n\t} = props;\n\n\t/**\n\t * Получить children для ноды — сначала getChildren, иначе node[childrenKey]\n\t */\n\tconst resolveChildren = (node: T): readonly T[] | undefined => {\n\t\tif (typeof getChildren === \"function\") return getChildren(node);\n\t\tconst maybe = node[childrenKey];\n\t\treturn Array.isArray(maybe) ? (maybe as readonly T[]) : undefined;\n\t};\n\n\t/**\n\t * Компонент/функция, рендерящая один узел (рекурсивно)\n\t *\n\t * Определяем как вложенную функцию — она использует замыкания resolveChildren, getKey и т.д.\n\t * Это простая рекурсия, и ключи выставляются родителем при map'е.\n\t */\n\tconst renderNodeRecursively = (node: T, index: number, level: number, path: (string | number)[]): React.ReactElement => {\n\t\tconst children = resolveChildren(node);\n\t\tconst hasChildren = Array.isArray(children) && children.length > 0;\n\t\tconst isLeaf = !hasChildren;\n\n\t\t// Контент узла — либо через renderNode проп, либо дефолтный\n\t\tconst nodeContent =\n\t\t\ttypeof renderNode === \"function\"\n\t\t\t\t? renderNode({ node, level, hasChildren, isLeaf, path })\n\t\t\t\t: defaultRenderNode<T>({ node, level, hasChildren, isLeaf, path });\n\n\t\t// NodeItem — оболочка, которая делает узел интерактивным при наличии onNodeClick\n\t\tfunction NodeItem() {\n\t\t\tconst label = (\n\t\t\t\t<div className={labelClassName} style={labelStyle} aria-current={isLeaf ? undefined : false}>\n\t\t\t\t\t{nodeContent}\n\t\t\t\t</div>\n\t\t\t);\n\n\t\t\tif (!onNodeClick) {\n\t\t\t\t// Неинтерактивный вариант — semantic wrapper (div)\n\t\t\t\treturn <div role=\"presentation\">{label}</div>;\n\t\t\t}\n\n\t\t\t// Интерактивный вариант — кнопка, доступная с клавиатуры\n\t\t\tconst handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n\t\t\t\t// Enter и Space должны срабатывать как клик\n\t\t\t\thandleKeyboardActivation(e, () => onNodeClick(node, path));\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={() => onNodeClick(node, path)}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tdata-ui=\"tree-node-button\"\n\t\t\t\t\tdata-action=\"select-tree-node\"\n\t\t\t\t\t// семантика уровня — aria-level при необходимости можно добавить\n\t\t\t\t\taria-expanded={hasChildren ? true : undefined}\n\t\t\t\t\tstyle={{ background: \"transparent\", border: 0, padding: 0, cursor: \"pointer\" }}>\n\t\t\t\t\t{label}\n\t\t\t\t</button>\n\t\t\t);\n\t\t}\n\n\t\t// Собираем <li> с контентом и, при наличии детей, вложенным списком\n\t\tconst Li = (\n\t\t\t<li key={getKey(node, index, path)} className={cn(styles.nodeItem, itemClassName)} style={itemStyle}>\n\t\t\t\t<NodeItem />\n\n\t\t\t\t{hasChildren &&\n\t\t\t\t\t// дочерний список — используем тот же контейнер, что и root (ol|ul|div)\n\t\t\t\t\tcreateElement(\n\t\t\t\t\t\tcontainerElement,\n\t\t\t\t\t\t{ className: nestedListClassName ?? styles.nestedList, style: nestedListStyle },\n\t\t\t\t\t\tchildren!.map((child, ci) => renderNodeRecursively(child as T, ci, level + 1, [...path, ci]))\n\t\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\n\t\treturn Li;\n\t};\n\n\tconst treeContent = useMemo(\n\t\t() =>\n\t\t\tdata.map((node, i) => {\n\t\t\t\tconst paths: (string | number)[] = [i];\n\t\t\t\treturn renderNodeRecursively(node as T, i, 0, paths);\n\t\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\t// кусок deps — включаем те пропсы, которые влияют на результат\n\t\t\tdata,\n\t\t\tchildrenKey,\n\t\t\t// getChildren и getKey — функции, которые могут быть изменены пользователем\n\t\t\tgetChildren,\n\t\t\tgetKey,\n\t\t\trenderNode,\n\t\t\tonNodeClick,\n\t\t\tcontainerElement,\n\t\t\titemClassName,\n\t\t\titemStyle,\n\t\t\tnestedListClassName,\n\t\t\tnestedListStyle,\n\t\t\tlabelClassName,\n\t\t\tlabelStyle\n\t\t]\n\t);\n\n\t// Рендер внешнего контейнера (по умолчанию ol)\n\treturn createElement(\n\t\tcontainerElement,\n\t\t{\n\t\t\tclassName: cn(containerClassName ?? styles.treeContainer, isContainerNested && styles.nestedСounter),\n\t\t\tstyle: containerStyle\n\t\t},\n\t\ttreeContent\n\t);\n}\n"],"mappings":";;;;;;;;GCuEM,IAAqB;AAG3B,SAAS,EAAsC,GAAS,GAAe;CAGtE,OADiB,EAAgC,MAAO,EAAgC,OACvD;AAClC;AAGA,SAAS,EAA0C,EAAE,SAAM,YAAiC;CAC3F,IAAM,IAAS,EAAgC,SAAU,EAAgC,QAAS,EAAgC;CASlI,OARI,OAAO,KAAU,YAAY,OAAO,KAAU,WAEhD,kBAAC,OAAD;EAAK,cAAY,IAAQ;EAAG,OAAO,EAAE,SAAS,eAAe;EAC3D,UAAA;CACG,CAAA,IAIA,kBAAC,OAAD;EAAK,cAAY,IAAQ;EAAI,UAAA,KAAK,UAAU,KAAS,CAAI;CAAO,CAAA;AACxE;AAQA,SAAgB,EAA6B,GAAqB;CACjE,IAAM,EACL,SACA,iBAAc,GACd,gBACA,YAAS,GACT,eACA,gBACA,sBAAmB,MACnB,uBACA,mBACA,eAAe,GACf,kBACA,cACA,wBACA,oBACA,mBACA,kBACG,GAKE,KAAmB,MAAsC;EAC9D,IAAI,OAAO,KAAgB,YAAY,OAAO,EAAY,CAAI;EAC9D,IAAM,IAAQ,EAAK;EACnB,OAAO,MAAM,QAAQ,CAAK,IAAK,IAAyB,KAAA;CACzD,GAQM,KAAyB,GAAS,GAAe,GAAe,MAAkD;EACvH,IAAM,IAAW,EAAgB,CAAI,GAC/B,IAAc,MAAM,QAAQ,CAAQ,KAAK,EAAS,SAAS,GAC3D,IAAS,CAAC,GAGV,IACL,OAAO,KAAe,aACnB,EAAW;GAAE;GAAM;GAAO;GAAa;GAAQ;EAAK,CAAC,IACrD,EAAqB;GAAE;GAAM;GAAO;GAAa;GAAQ;EAAK,CAAC;EAGnE,SAAS,IAAW;GACnB,IAAM,IACL,kBAAC,OAAD;IAAK,WAAW;IAAgB,OAAO;IAAY,gBAAc,IAAS,KAAA,IAAY;IACpF,UAAA;GACG,CAAA;GAcN,OAXK,IAYJ,kBAAC,UAAD;IACC,MAAK;IACL,eAAe,EAAY,GAAM,CAAI;IACrC,YATqB,MAAwC;KAE9D,EAAyB,SAAS,EAAY,GAAM,CAAI,CAAC;IAC1D;IAOE,WAAQ;IACR,eAAY;IAEZ,iBAAe,IAAc,KAAO,KAAA;IACpC,OAAO;KAAE,YAAY;KAAe,QAAQ;KAAG,SAAS;KAAG,QAAQ;IAAU;IAC5E,UAAA;GACM,CAAA,IApBD,kBAAC,OAAD;IAAK,MAAK;IAAgB,UAAA;GAAW,CAAA;EAsB9C;EAiBA,OAbC,kBAAC,MAAD;GAAoC,WAAW,EAAG,EAAO,UAAU,CAAa;GAAG,OAAO;GAA1F,UAAA,CACC,kBAAC,GAAD,CAAW,CAAA,GAEV,KAEA,EACC,GACA;IAAE,WAAW,KAAuB,EAAO;IAAY,OAAO;GAAgB,GAC9E,EAAU,KAAK,GAAO,MAAO,EAAsB,GAAY,GAAI,IAAQ,GAAG,CAAC,GAAG,GAAM,CAAE,CAAC,CAAC,CAC7F,CACE;EAVK,GAAA,EAAO,GAAM,GAAO,CAAI,CAa3B;CACR,GAEM,IAAc,QAElB,EAAK,KAAK,GAAM,MAER,EAAsB,GAAW,GAAG,GAAG,CADV,CACU,CAAK,CACnD,GAEF;EAEC;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CACD;CAGA,OAAO,EACN,GACA;EACC,WAAW,EAAG,KAAsB,EAAO,eAAe,KAAqB,EAAO,aAAa;EACnG,OAAO;CACR,GACA,CACD;AACD"}

package/dist/tree-select/index.js

@@ -1,9 +1,9 @@
 import { t as e } from "../chunks/ui.module-BisoTevy.js";
-import { o as t } from "../chunks/input-BCJfUdK_.js";
+import { o as t } from "../chunks/input-Bp6_Ucgr.js";
 import { t as n } from "../chunks/check-box-Dd3YFuxd.js";
-import { c as r, d as i, f as a, i as o, l as s, n as c, p as l, r as u, t as d, u as f } from "../chunks/picker-BAQ9NeHe.js";
+import { c as r, d as i, f as a, i as o, l as s, n as c, p as l, r as u, t as d, u as f } from "../chunks/picker-e6IsrMUG.js";
 import { r as p } from "../chunks/useODataSelectBase-CKe1AVMI.js";
-import { o as m } from "../chunks/multi-select-CWx12rgb.js";
+import { o as m } from "../chunks/multi-select-COa6-owj.js";
 import { useCallback as h, useEffect as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as ee } from "react";
 import { flattenODataDependentServices as b, sortODataDependentSegmentItemsByChains as x, useODataCollection as S, useODataCollectionChains as te, useODataCollectionModel as C } from "@ryuzaki13/react-foundation-api/odata";
 import { cn as w } from "@ryuzaki13/react-foundation-lib/utils";
@@ -44,7 +44,10 @@ function oe(e) {
 	};
 }
 function se(e, t) {
-	e.sort((e, n) => ae(t ? e.sortCode : e.label, t ? n.sortCode : n.label) || ae(e.sortCode, n.sortCode));
+	e.sort((e, n) => {
+		let r = t ? e.sortCode : e.label, i = t ? n.sortCode : n.label;
+		return ae(r, i) || ae(e.sortCode, n.sortCode);
+	});
 	for (let n of e) se(n.children, t);
 }
 function ce(e) {
@@ -101,42 +104,42 @@ function P({ odata: e, segments: t, model: n }) {
 		e,
 		t,
 		n
-	]), a = te([e]), o = v(() => ue(i, a), [i, a]), s = v(() => o.map((e) => e.id), [o]), c = S({
+	]), a = te([e]), o = v(() => ue(i, a), [i, a]), s = v(() => o.map((e) => e.id), [o]), c = de(o) ?? Object.keys(t)[0], l = C({
+		codeKey: c,
+		...n
+	}), u = S({
 		odata: e,
-		model: C({
-			codeKey: de(o) ?? Object.keys(t)[0],
-			...n
-		})
-	}), { hiddenCodeKeys: l, textValueCodeKeys: u } = v(() => {
+		model: l
+	}), { hiddenCodeKeys: d, textValueCodeKeys: f } = v(() => {
 		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
 		for (let r of o) (r.segment.hideCode ?? e.hideCode) && t.add(r.id), r.segment.selectText && n.add(r.id);
 		return {
 			hiddenCodeKeys: t,
 			textValueCodeKeys: n
 		};
-	}, [e.hideCode, o]), d = v(() => le({
-		items: c.data?.items ?? [],
+	}, [e.hideCode, o]), p = v(() => le({
+		items: u.data?.items ?? [],
 		orderedCodeKeys: s,
-		keyPairsMap: c.data?.keyPairsMap ?? {},
-		hiddenCodeKeys: l,
-		textValueCodeKeys: u,
+		keyPairsMap: u.data?.keyPairsMap ?? {},
+		hiddenCodeKeys: d,
+		textValueCodeKeys: f,
 		sortByCode: e.sortByCode
 	}), [
-		c.data?.items,
-		c.data?.keyPairsMap,
-		l,
+		u.data?.items,
+		u.data?.keyPairsMap,
+		d,
 		e.sortByCode,
 		s,
-		u
-	]), f = o[0]?.segment.placeholder ?? "Выберите значение", p = !!a[r]?.length;
+		f
+	]), m = o[0]?.segment.placeholder ?? "Выберите значение", h = !!a[r]?.length;
 	return {
-		nodes: d,
+		nodes: p,
 		orderedSegmentItems: o,
 		orderedCodeKeys: s,
-		isLoading: c.isLoading,
-		isError: c.isError,
-		placeholder: f,
-		hasResolvedChain: p
+		isLoading: u.isLoading,
+		isError: u.isError,
+		placeholder: m,
+		hasResolvedChain: h
 	};
 }
 //#endregion
@@ -201,7 +204,7 @@ function B(e, t, n) {
 	if (t.has(e)) return !0;
 	if (n.nodeById.get(e)?.disabled) return !1;
 	let r = n.childrenById.get(e) ?? [];
-	return r.length === 0 ? !1 : r.every((e) => B(e, t, n));
+	return r.length !== 0 && r.every((e) => B(e, t, n));
 }
 function V(e, t) {
 	let n = new Set(e);
@@ -362,15 +365,15 @@ function Ce(e) {
 }
 //#endregion
 //#region src/tree-select/model/resolveBalancedTreeColumnsLayout.ts
-var K = 8, q = 16, we = 48, J = 224, Y = 10, Te = 32, Ee = 6, De = 3;
-function X(e, t) {
+var we = 16, K = 48, Te = 224, q = 10, J = 32, Ee = 6, De = 3;
+function Y(e, t) {
 	return Number.isFinite(e) && e > 0 ? e : t;
 }
 function Oe(e) {
 	let t = e.endIndexExclusive - e.startIndex;
 	return Math.min(De, t);
 }
-function ke(e, t) {
+function X(e, t) {
 	let n = Math.max(1, t), r = [], i = 1, a = 1, o = 0;
 	for (let t of e.groups) {
 		let e = Oe(t), s = n - a + 1;
@@ -386,8 +389,8 @@ function ke(e, t) {
 		intentionalGapCount: o
 	};
 }
-function Ae({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidth: r, viewportHeight: i, referenceWidth: a }) {
-	let o = Math.max(0, Math.floor(Number.isFinite(e.itemCount) ? e.itemCount : 0)), s = X(t, 240), c = X(n, 80), l = X(r, s + K * 2), u = X(i, c), d = Math.max(1, Math.min(s, Math.max(1, l - K * 2))), f = Math.max(1, Math.min(c, u - K * 2)), p = Math.max(1, X(a, 1)), m = Math.min(d, p), h = Math.max(1, Math.floor((d - q + Y) / 234)), g = Math.max(1, Math.min(Ee, h, o || 1)), _ = e.groups.reduce((e, t) => Math.max(e, Oe(t)), 1);
+function ke({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidth: r, viewportHeight: i, referenceWidth: a }) {
+	let o = Math.max(0, Math.floor(Number.isFinite(e.itemCount) ? e.itemCount : 0)), s = Y(t, 240), c = Y(n, 80), l = Y(r, s + 16), u = Y(i, c), d = Math.max(1, Math.min(s, Math.max(1, l - 16))), f = Math.max(1, Math.min(c, u - 16)), p = Math.max(1, Y(a, 1)), m = Math.min(d, p), h = Math.max(1, Math.floor((d - we + q) / 234)), g = Math.max(1, Math.min(Ee, h, o || 1)), _ = e.groups.reduce((e, t) => Math.max(e, Oe(t)), 1);
 	if (o === 0) return {
 		columnCount: 1,
 		rowCount: 1,
@@ -398,9 +401,9 @@ function Ae({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidt
 	};
 	let v, y = Infinity;
 	for (let t = 1; t <= g; t += 1) {
-		let n = Math.max(_, Math.ceil(o / t)), r = ke(e, n);
-		for (; r.usedColumnCount > t && n < o;) n += 1, r = ke(e, n);
-		let i = r.usedColumnCount, a = Math.max(m, q + i * J + (i - 1) * Y), s = we + n * Te, c = a / d, l = s / f, u = (i * n - o) / o, p = r.intentionalGapCount / o, h = Math.max(c, l) + .25 * Math.abs(c - l) + .01 * u + .02 * p + .04 * (i - 1);
+		let n = Math.max(_, Math.ceil(o / t)), r = X(e, n);
+		for (; r.usedColumnCount > t && n < o;) n += 1, r = X(e, n);
+		let i = r.usedColumnCount, a = Math.max(m, we + i * Te + (i - 1) * q), s = K + n * J, c = a / d, l = s / f, u = (i * n - o) / o, p = r.intentionalGapCount / o, h = Math.max(c, l) + .25 * Math.abs(c - l) + .01 * u + .02 * p + .04 * (i - 1);
 		h < y && (y = h, v = {
 			columnCount: i,
 			rowCount: n,
@@ -416,7 +419,7 @@ function Ae({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidt
 		width: m,
 		minWidth: m,
 		maxHeight: f,
-		placements: ke(e, o).placements
+		placements: X(e, o).placements
 	};
 }
 var Z = {
@@ -450,7 +453,7 @@ var Z = {
 };
 //#endregion
 //#region src/tree-select/TreeNodeContent.tsx
-function je({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, selected: o, partial: s, selectionMode: c, optionsLayout: l = "tree", onToggleExpand: u, onToggleSelection: d }) {
+function Ae({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, selected: o, partial: s, selectionMode: c, optionsLayout: l = "tree", onToggleExpand: u, onToggleSelection: d }) {
 	let f = l === "tree", m = l === "columns" && t === 0;
 	return /* @__PURE__ */ O(ie, { children: [
 		/* @__PURE__ */ D("span", {
@@ -502,7 +505,7 @@ function je({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, se
 }
 //#endregion
 //#region src/tree-select/TreePickerBase.tsx
-function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, nodes: x, selectedIds: S, partialIds: te, selectionMode: C, optionsLayout: T = "tree", defaultExpandedCodeKeys: E, open: ne, onOpenChange: ae, bulkActions: k, triggerMode: A = "display", selectedSummary: j, selectedSummaryText: M, query: oe, defaultQuery: se, onQuery: ce, onNodeActivate: le, onClearSelection: ue, isLoading: N, error: de }) {
+function je({ label: n, description: c, disabled: p, placeholder: m, size: b, nodes: x, selectedIds: S, partialIds: te, selectionMode: C, optionsLayout: T = "tree", defaultExpandedCodeKeys: E, open: ne, onOpenChange: ae, bulkActions: k, triggerMode: A = "display", selectedSummary: j, selectedSummaryText: M, query: oe, defaultQuery: se, onQuery: ce, onNodeActivate: le, onClearSelection: ue, isLoading: N, error: de }) {
 	let P = y(null), F = y(null), pe = y(!1), [I, me] = ee(() => /* @__PURE__ */ new Map()), L = A === "search" ? C === "multi" ? "search-multi" : "search-single" : "display", R = v(() => fe(x), [x]), z = v(() => new Set(E), [E]), { query: B, setQuery: V } = u({
 		open: !0,
 		query: oe,
@@ -523,10 +526,10 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 		T,
 		U,
 		ge
-	]), G = v(() => Se(he, ve), [he, ve]), K = v(() => G.findIndex((e) => S.has(e.node.id)), [S, G]), q = v(() => Ce(G), [G]), we = h((e) => {
-		let t = Ae({
+	]), G = v(() => Se(he, ve), [he, ve]), we = v(() => G.findIndex((e) => S.has(e.node.id)), [S, G]), K = v(() => Ce(G), [G]), Te = h((e) => {
+		let t = ke({
 			...e,
-			descriptor: q
+			descriptor: K
 		}), n = {};
 		return t.placements.forEach((e, t) => {
 			n[`--tree-option-${t}-column`] = String(e.column), n[`--tree-option-${t}-row`] = String(e.row);
@@ -539,9 +542,9 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 			"--tree-row-count": String(t.rowCount),
 			...n
 		};
-	}, [q]), { open: J, activeIndex: Y, context: Te, floatingStyles: Ee, getFloatingProps: De, setReference: X, setFloating: Oe, setOptionRef: ke, close: Me, openList: Ne, toggleOpen: Pe, selectOption: Q, handleReferenceKeyDown: Fe, handleFloatingKeyDown: Ie, getOptionId: Le, getActiveOptionId: Re } = o({
+	}, [K]), { open: q, activeIndex: J, context: Ee, floatingStyles: De, getFloatingProps: Y, setReference: Oe, setFloating: X, setOptionRef: je, close: Me, openList: Ne, toggleOpen: Pe, selectOption: Q, handleReferenceKeyDown: Fe, handleFloatingKeyDown: Ie, getOptionId: Le, getActiveOptionId: Re } = o({
 		options: G,
-		selectedIndex: K,
+		selectedIndex: we,
 		open: ne,
 		onOpenChange: ae,
 		onSelect: (e) => le(e.node),
@@ -551,10 +554,10 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 		allowOpenWithoutOptions: !0,
 		triggerMode: L,
 		placementStrategy: T === "columns" ? "auto" : "flip",
-		resolveFloatingSize: T === "columns" ? we : void 0
-	}), ze = Te.update, Be = S.size > 0, Ve = A === "search" && (J || B.length > 0), He = Ve ? B : M ?? "", Ue = A === "display" && !!j, We = L === "search-multi" && !!j, Ge = L === "search-multi" && !Be || L === "search-single" && (!M || Ve) || L === "display" && !Be, $ = d({
+		resolveFloatingSize: T === "columns" ? Te : void 0
+	}), ze = Ee.update, Be = S.size > 0, Ve = A === "search" && (q || B.length > 0), He = Ve ? B : M ?? "", Ue = A === "display" && !!j, We = L === "search-multi" && !!j, Ge = L === "search-multi" && !Be || L === "search-single" && (!M || Ve) || L === "display" && !Be, $ = d({
 		mode: L,
-		open: J,
+		open: q,
 		currentQuery: B,
 		hasDisplayValue: !!M,
 		inputRef: P,
@@ -582,16 +585,16 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 		}) : null]
 	}) : void 0;
 	g(() => {
-		pe.current && !J && $.policy.resetQueryOnClose && V(""), pe.current = J;
+		pe.current && !q && $.policy.resetQueryOnClose && V(""), pe.current = q;
 	}, [
-		J,
+		q,
 		V,
 		$.policy.resetQueryOnClose
 	]), _(() => {
-		J && T === "columns" && ze();
+		q && T === "columns" && ze();
 	}, [
-		q.signature,
-		J,
+		K.signature,
+		q,
 		T,
 		ze
 	]);
@@ -615,7 +618,7 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 			let c = `${t}-listbox`, l = typeof n == "string" ? n : m;
 			return /* @__PURE__ */ O(ie, { children: [/* @__PURE__ */ D(r, {
 				ref: Ye,
-				rootRef: X,
+				rootRef: Oe,
 				id: t,
 				type: "text",
 				role: "combobox",
@@ -628,17 +631,17 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 				"aria-label": i ? void 0 : m,
 				"aria-describedby": o,
 				"aria-haspopup": T === "columns" ? "dialog" : "listbox",
-				"aria-expanded": J,
-				"aria-controls": J ? c : void 0,
+				"aria-expanded": q,
+				"aria-controls": q ? c : void 0,
 				"aria-autocomplete": T !== "columns" && A === "search" ? "list" : "none",
-				"aria-activedescendant": T !== "columns" && J && G.length > 0 ? Re(c) : void 0,
+				"aria-activedescendant": T !== "columns" && q && G.length > 0 ? Re(c) : void 0,
 				inputClassName: w(Be && Z.treeSummary, Ue && Z.inputWithOverlay),
 				overlay: Ue ? /* @__PURE__ */ D("div", {
 					className: Z.valueOverlay,
 					children: j
 				}) : void 0,
 				endAdornment: /* @__PURE__ */ O(s, {
-					open: J,
+					open: q,
 					disabled: p || N,
 					onToggleMouseDown: $.handleToggleMouseDown,
 					onToggleClick: $.handleToggleClick,
@@ -663,23 +666,23 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 					$.handleTriggerFocus(e.currentTarget);
 				},
 				onKeyDown: (e) => {
-					if (T === "columns" && J && e.key === "Tab" && !e.shiftKey && F.current) {
+					if (T === "columns" && q && e.key === "Tab" && !e.shiftKey && F.current) {
 						e.preventDefault(), F.current.focus();
 						return;
 					}
 					Fe(e), !e.defaultPrevented && $.handleTriggerKeyDown({
 						event: e,
 						onActivateWhenOpen: () => {
-							let e = Y >= 0 ? G[Y] : void 0;
+							let e = J >= 0 ? G[J] : void 0;
 							e && Q(e);
 						},
 						enableSpaceActivation: A === "display"
 					});
 				}
 			}), /* @__PURE__ */ D(a, {
-				open: J,
-				context: Te,
-				floatingStyles: Ee,
+				open: q,
+				context: Ee,
+				floatingStyles: De,
 				listId: c,
 				labelId: i,
 				popupAriaLabel: l,
@@ -687,8 +690,8 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 				activeOptionId: T !== "columns" && G.length > 0 ? Re(c) : void 0,
 				ariaMultiselectable: T !== "columns" && C === "multi",
 				popupRole: T === "columns" ? "dialog" : "listbox",
-				setFloating: Oe,
-				getFloatingProps: De,
+				setFloating: X,
+				getFloatingProps: Y,
 				onKeyDown: Ie,
 				className: e.uiPopupOptions,
 				layoutClassName: T === "columns" ? Z.treeColumnsPopupLayout : void 0,
@@ -701,11 +704,11 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 						loadingState: N ? "Загрузка..." : void 0,
 						emptyState: !de && !N ? "Нет данных" : void 0
 					}) : G.map((e, t) => {
-						let n = C === "multi" ? H(e.node.id, S, R) : S.has(e.node.id), r = C === "multi" && !n && te.has(e.node.id), i = t === Y, a = e.node.disabled === !0;
+						let n = C === "multi" ? H(e.node.id, S, R) : S.has(e.node.id), r = C === "multi" && !n && te.has(e.node.id), i = t === J, a = e.node.disabled === !0;
 						return /* @__PURE__ */ D("div", {
 							"data-ui": "tree-select-option",
 							id: Le(c, t),
-							ref: (e) => ke(t, e),
+							ref: (e) => je(t, e),
 							role: T === "columns" ? void 0 : "option",
 							"aria-selected": T === "columns" ? void 0 : n,
 							"aria-disabled": a || void 0,
@@ -720,7 +723,7 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 							onClick: () => Q(e),
 							children: /* @__PURE__ */ D("div", {
 								className: Z.treeNodeButton,
-								children: /* @__PURE__ */ D(je, {
+								children: /* @__PURE__ */ D(Ae, {
 									node: e.node,
 									level: e.level,
 									highlight: B,
@@ -743,7 +746,7 @@ function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 }
 //#endregion
 //#region src/tree-select/TreeMultiSelect.tsx
-function Ne(e, t) {
+function Me(e, t) {
 	if (e.size !== 0) {
 		if (e.size === 1) {
 			let n = t.nodeById.get([...e][0]);
@@ -752,18 +755,18 @@ function Ne(e, t) {
 		return `${e.size} элементов`;
 	}
 }
-function Pe(e, t, n) {
+function Ne(e, t, n) {
 	let r = I(e, n), i = I(t, n);
 	return r.size === i.size && [...r].every((e) => i.has(e));
 }
-function Q({ label: e, description: t, disabled: n, placeholder: r = "Выберите значения", size: i, nodes: a, value: o, onChange: s, query: l, defaultQuery: u, onQuery: d, isLoading: f, error: p, optionsLayout: h = "tree", defaultExpandedCodeKeys: g }) {
+function Pe({ label: e, description: t, disabled: n, placeholder: r = "Выберите значения", size: i, nodes: a, value: o, onChange: s, query: l, defaultQuery: u, onQuery: d, isLoading: f, error: p, optionsLayout: h = "tree", defaultExpandedCodeKeys: g }) {
 	let [_, y] = ee(!1), b = v(() => fe(a), [a]), { draftValue: x, setDraftValue: S, prepareOpen: te } = c({
 		value: o,
 		open: _,
 		onCommit: s,
-		isEqual: (e, t) => Pe(e, t, b)
-	}), C = _ ? x : o, w = v(() => I(C, b), [C, b]), T = v(() => ge(w, b), [w, b]), E = v(() => Ne(w, b), [w, b]);
-	return /* @__PURE__ */ D(Me, {
+		isEqual: (e, t) => Ne(e, t, b)
+	}), C = _ ? x : o, w = v(() => I(C, b), [C, b]), T = v(() => ge(w, b), [w, b]), E = v(() => Me(w, b), [w, b]);
+	return /* @__PURE__ */ D(je, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -802,13 +805,13 @@ function Q({ label: e, description: t, disabled: n, placeholder: r = "Выбер
 }
 //#endregion
 //#region src/tree-select/ODataTreeMultiSelect.tsx
-function Fe({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, optionsLayout: c, value: l, onChange: u, odata: d, segments: f, model: p, defaultExpandedCodeKeys: m }) {
+function Q({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, optionsLayout: c, value: l, onChange: u, odata: d, segments: f, model: p, defaultExpandedCodeKeys: m }) {
 	let h = P({
 		odata: d,
 		segments: f,
 		model: p
 	});
-	return /* @__PURE__ */ D(Q, {
+	return /* @__PURE__ */ D(Pe, {
 		label: e,
 		description: t,
 		disabled: n || h.isLoading,
@@ -828,12 +831,12 @@ function Fe({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 }
 //#endregion
 //#region src/tree-select/TreeSelect.tsx
-function Ie(e) {
+function Fe(e) {
 	if (e) return e.code && e.code !== e.label ? `${e.label} · ${e.code}` : e.label;
 }
-function Le({ label: e, description: t, disabled: n, placeholder: r = "Выберите значение", size: i, nodes: a, value: o, onChange: s, query: c, defaultQuery: l, onQuery: u, isLoading: d, error: f, clearable: p = !1, defaultExpandedCodeKeys: m }) {
+function Ie({ label: e, description: t, disabled: n, placeholder: r = "Выберите значение", size: i, nodes: a, value: o, onChange: s, query: c, defaultQuery: l, onQuery: u, isLoading: d, error: f, clearable: p = !1, defaultExpandedCodeKeys: m }) {
 	let h = v(() => fe(a), [a]), g = pe(o, h), _ = g ? h.nodeById.get(g) : void 0;
-	return /* @__PURE__ */ D(Me, {
+	return /* @__PURE__ */ D(je, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -845,7 +848,7 @@ function Le({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 		selectionMode: "single",
 		defaultExpandedCodeKeys: m,
 		triggerMode: "search",
-		selectedSummaryText: Ie(_),
+		selectedSummaryText: Fe(_),
 		query: c,
 		defaultQuery: l,
 		onQuery: u,
@@ -860,13 +863,13 @@ function Le({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 }
 //#endregion
 //#region src/tree-select/ODataTreeSelect.tsx
-function Re({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, value: c, onChange: l, odata: u, segments: d, model: f, clearable: p, defaultExpandedCodeKeys: m }) {
+function Le({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, value: c, onChange: l, odata: u, segments: d, model: f, clearable: p, defaultExpandedCodeKeys: m }) {
 	let h = P({
 		odata: u,
 		segments: d,
 		model: f
 	});
-	return /* @__PURE__ */ D(Le, {
+	return /* @__PURE__ */ D(Ie, {
 		label: e,
 		description: t,
 		disabled: n || h.isLoading,
@@ -885,6 +888,6 @@ function Re({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 	});
 }
 //#endregion
-export { Fe as ODataTreeMultiSelect, Re as ODataTreeSelect, Q as TreeMultiSelect, Le as TreeSelect, k as treeSelectValueToSelectedFilters };
+export { Q as ODataTreeMultiSelect, Le as ODataTreeSelect, Pe as TreeMultiSelect, Ie as TreeSelect, k as treeSelectValueToSelectedFilters };
 
 //# sourceMappingURL=index.js.map