@shmidko61/lc-ui-kit 0.13.0 → 0.16.0

package/dist/index.js

@@ -1,40 +1,44 @@
-import { Accordion as r, AccordionItem as a, AccordionRoot as n } from "./accordion.js";
+import { Accordion as e, AccordionItem as a, AccordionRoot as n } from "./accordion.js";
 import { A as i } from "./alert-CTIWpkmD.js";
 import { Box as s } from "./box.js";
-import { Button as I, buttonSizeBorderRadius as l, buttonSizeBoxProps as f, buttonSizeClassNames as m, buttonVariantClassNames as d, buttonVariants as x } from "./button.js";
-import { U as b, u, a as k, b as C } from "./ui-kit-provider-C6Mk5g_7.js";
+import { Button as l, buttonSizeBorderRadius as I, buttonSizeBoxProps as f, buttonSizeClassNames as m, buttonVariantClassNames as x, buttonVariants as T } from "./button.js";
+import { U as b, u, a as k, b as g } from "./ui-kit-provider-C6Mk5g_7.js";
 import { Flex as h } from "./flex.js";
-import { Grid as S, GridItem as y } from "./grid.js";
-import { ArrowCornerIcon as B, ArrowIcon as P, ArrowLongLeftIcon as w, ArrowheadRightIcon as N, BlockIcon as v, BurgerIcon as D, CheckIcon as G, CopyIcon as L, DoubleCheckIcon as K, DropDown as R, ExclamationMarkIcon as U, EyeOpenIcon as V, FileIcon as z, GeminiStarIcon as F, GeoIcon as W, InfoCircleIcon as E, LockClosedIcon as H, LockOpenIcon as O, LogoutIcon as j, MailIcon as X, MediaMaxIcon as q, MediaPictureIcon as J, MediaTgIcon as Q, MediaVkIcon as Y, MediaWaIcon as Z, NetUploadIcon as _, PaperclipIcon as $, PdfIcon as oo, PhoneIcon as eo, PlusIcon as ro, SaveIcon as ao, SparkIcon as no, SparkleIcon as to, TelephoneIcon as io, TimeClockIcon as co, TrashIcon as so, WarningTriangleIcon as po, XMarkIcon as Io } from "./icons.js";
+import { Grid as P, GridItem as S } from "./grid.js";
+import { ArrowCornerIcon as y, ArrowIcon as A, ArrowLongLeftIcon as w, ArrowheadRightIcon as L, BlockIcon as N, BurgerIcon as v, CheckIcon as D, CopyIcon as G, DoubleCheckIcon as K, DropDown as R, ExclamationMarkIcon as U, EyeOpenIcon as V, FileIcon as z, GeminiStarIcon as F, GeoIcon as W, InfoCircleIcon as E, LockClosedIcon as H, LockOpenIcon as O, LogoutIcon as j, MailIcon as X, MediaMaxIcon as q, MediaPictureIcon as J, MediaTgIcon as Q, MediaVkIcon as Y, MediaWaIcon as Z, NetUploadIcon as _, PaperclipIcon as $, PdfIcon as oo, PhoneIcon as ro, PlusIcon as eo, SaveIcon as ao, SparkIcon as no, SparkleIcon as to, TelephoneIcon as io, TimeClockIcon as co, TrashIcon as so, WarningTriangleIcon as po, XMarkIcon as lo } from "./icons.js";
 import { Input as fo } from "./input.js";
-import { MediaCard as xo } from "./media-card.js";
-import { MediaGallery as bo } from "./media-gallery.js";
-import { N as ko, u as Co } from "./notification-provider-WLUaZyMB.js";
-import { Pagination as ho } from "./pagination.js";
-import { Picture as So } from "./picture.js";
-import { Select as Ao } from "./select.js";
-import { r as Po, a as wo } from "./responsive-style.config-DFuATrIM.js";
-import { StatusBadge as vo } from "./status-badge.js";
-import { Switch as Go } from "./switch.js";
-import { D as Ko, T as Ro, a as Uo, b as Vo, c as zo, d as Fo, e as Wo, f as Eo, g as Ho, h as Oo, i as jo, j as Xo, k as qo } from "./table-container-BsE-uIE1.js";
-import { T as Qo } from "./toast-DpjugQ8H.js";
-import { Typography as Zo, typographyVariants as _o } from "./typography.js";
+import { L as xo } from "./loader-Daam055i.js";
+import { MediaCard as bo } from "./media-card.js";
+import { MediaGallery as ko } from "./media-gallery.js";
+import { N as Co, u as ho } from "./notification-provider-WLUaZyMB.js";
+import { Pagination as Po } from "./pagination.js";
+import { Picture as Bo } from "./picture.js";
+import { P as Ao } from "./progress-bar-D4CL9r42.js";
+import { Select as Lo } from "./select.js";
+import { r as vo, a as Do } from "./responsive-style.config-DFuATrIM.js";
+import { StatusBadge as Ko } from "./status-badge.js";
+import { Switch as Uo } from "./switch.js";
+import { D as zo, T as Fo, a as Wo, b as Eo, c as Ho, d as Oo, e as jo, f as Xo, g as qo, h as Jo, i as Qo, j as Yo, k as Zo } from "./table-container-BsE-uIE1.js";
+import { T as $o } from "./tabs-DIPSJX1z.js";
+import { T as rr } from "./toast-DpjugQ8H.js";
+import { T as ar } from "./tooltip-CWnHAfbI.js";
+import { Typography as tr, typographyVariants as ir } from "./typography.js";
 export {
-  r as Accordion,
+  e as Accordion,
   a as AccordionItem,
   n as AccordionRoot,
   i as Alert,
-  B as ArrowCornerIcon,
-  P as ArrowIcon,
+  y as ArrowCornerIcon,
+  A as ArrowIcon,
   w as ArrowLongLeftIcon,
-  N as ArrowheadRightIcon,
-  v as BlockIcon,
+  L as ArrowheadRightIcon,
+  N as BlockIcon,
   s as Box,
-  D as BurgerIcon,
-  I as Button,
-  G as CheckIcon,
-  L as CopyIcon,
-  Ko as DataTable,
+  v as BurgerIcon,
+  l as Button,
+  D as CheckIcon,
+  G as CopyIcon,
+  zo as DataTable,
   K as DoubleCheckIcon,
   R as DropDown,
   U as ExclamationMarkIcon,
@@ -43,65 +47,69 @@ export {
   h as Flex,
   F as GeminiStarIcon,
   W as GeoIcon,
-  S as Grid,
-  y as GridItem,
+  P as Grid,
+  S as GridItem,
   E as InfoCircleIcon,
   fo as Input,
+  xo as Loader,
   H as LockClosedIcon,
   O as LockOpenIcon,
   j as LogoutIcon,
   X as MailIcon,
-  xo as MediaCard,
-  bo as MediaGallery,
+  bo as MediaCard,
+  ko as MediaGallery,
   q as MediaMaxIcon,
   J as MediaPictureIcon,
   Q as MediaTgIcon,
   Y as MediaVkIcon,
   Z as MediaWaIcon,
   _ as NetUploadIcon,
-  ko as NotificationProvider,
-  ho as Pagination,
+  Co as NotificationProvider,
+  Po as Pagination,
   $ as PaperclipIcon,
   oo as PdfIcon,
-  eo as PhoneIcon,
-  So as Picture,
-  ro as PlusIcon,
+  ro as PhoneIcon,
+  Bo as Picture,
+  eo as PlusIcon,
+  Ao as ProgressBar,
   ao as SaveIcon,
-  Ao as Select,
+  Lo as Select,
   no as SparkIcon,
   to as SparkleIcon,
-  vo as StatusBadge,
-  Go as Switch,
-  Ro as Table,
-  Uo as TableBody,
-  Vo as TableCaption,
-  zo as TableCell,
-  Fo as TableContainer,
-  Wo as TableFooter,
-  Eo as TableHead,
-  Ho as TableHeader,
-  Oo as TableRow,
-  jo as TableScrollArea,
-  Xo as TableStatus,
-  qo as TableToolbar,
+  Ko as StatusBadge,
+  Uo as Switch,
+  Fo as Table,
+  Wo as TableBody,
+  Eo as TableCaption,
+  Ho as TableCell,
+  Oo as TableContainer,
+  jo as TableFooter,
+  Xo as TableHead,
+  qo as TableHeader,
+  Jo as TableRow,
+  Qo as TableScrollArea,
+  Yo as TableStatus,
+  Zo as TableToolbar,
+  $o as Tabs,
   io as TelephoneIcon,
   co as TimeClockIcon,
-  Qo as Toast,
+  rr as Toast,
+  ar as Tooltip,
   so as TrashIcon,
-  Zo as Typography,
+  tr as Typography,
   b as UiKitProvider,
   po as WarningTriangleIcon,
-  Io as XMarkIcon,
-  l as buttonSizeBorderRadius,
+  lo as XMarkIcon,
+  I as buttonSizeBorderRadius,
   f as buttonSizeBoxProps,
   m as buttonSizeClassNames,
-  d as buttonVariantClassNames,
-  x as buttonVariants,
-  Po as responsiveBreakpointMinWidth,
-  wo as responsiveBreakpoints,
-  _o as typographyVariants,
+  x as buttonVariantClassNames,
+  T as buttonVariants,
+  vo as responsiveBreakpointMinWidth,
+  Do as responsiveBreakpoints,
+  ir as typographyVariants,
   u as uiKitColorTokens,
   k as uiKitTypographyTokens,
-  Co as useNotifications,
-  C as useUiKitConfig
+  ho as useNotifications,
+  g as useUiKitConfig
 };

package/dist/loader/helpers/index.d.ts

@@ -0,0 +1 @@
+export { normalizeLoaderValue } from './loader.helpers';

package/dist/loader/helpers/loader.helpers.d.ts

@@ -0,0 +1,2 @@
+/** Ограничивает конечное значение прогресса диапазоном 0–100; некорректное число становится 0. */
+export declare function normalizeLoaderValue(value: number): number;

package/dist/loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './loader';
+export type { LoaderProps } from './types/index';

package/dist/loader/loader.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { LoaderProps } from './types/index';
+/** Индикатор загрузки: value задаёт progressbar, без value используется неопределённый статус. */
+export declare function Loader({ value, showValue, children, label, ariaLabel, indicatorProps, spinnerProps, labelProps, trackColor, strokeWidth, indicator, ...props }: LoaderProps): JSX.Element;
+export type { LoaderProps } from './types/index';

package/dist/loader/types/index.d.ts

@@ -0,0 +1 @@
+export type { LoaderProps } from './loader.types';

package/dist/loader/types/loader.types.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { BoxProps } from '../../box/index';
+import { FlexProps } from '../../flex/index';
+/** Настройки индикатора и обёртки; стандартные props Flex поддерживают md/lg/xl и наследование. */
+export type LoaderProps = Omit<FlexProps, 'children'> & {
+    /** Прогресс от 0 до 100; без value отображается вращающийся индикатор. */
+    value?: number;
+    /** Показывать процент внутри определённого индикатора; по умолчанию true. */
+    showValue?: boolean;
+    /** Пользовательское содержимое центра; null явно скрывает его. */
+    children?: ReactNode;
+    /** Подпись под индикатором; по умолчанию отсутствует. */
+    label?: ReactNode;
+    /** Доступное имя, по умолчанию «Загрузка». */
+    ariaLabel?: string;
+    /** Стандартные Box props индикатора; width/height и md/lg/xl управляют размером. Явный style приоритетнее. */
+    indicatorProps?: Omit<BoxProps, 'children' | 'as'>;
+    /** Props SVG на базе Box: animation и md/lg/xl управляют вращением. По умолчанию spin только без value; style имеет приоритет. */
+    spinnerProps?: Omit<BoxProps<'svg'>, 'children' | 'as'>;
+    /** Стандартные Box props подписи, включая responsive и style. */
+    labelProps?: Omit<BoxProps, 'children' | 'as'>;
+    /** Цвет дорожки SVG, по умолчанию токен background-subtle; принимает currentColor и CSS. */
+    trackColor?: string;
+    /** Ширина линии в системе координат 64×64, по умолчанию 4; ограничена диапазоном 0–64. */
+    strokeWidth?: number;
+    /** Пользовательский индикатор вместо SVG; применяется к обоим режимам. */
+    indicator?: ReactNode;
+};

package/dist/loader-Daam055i.js

@@ -0,0 +1,104 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Flex as m } from "./flex.js";
+import { Box as a } from "./box.js";
+function y(e) {
+  return Number.isFinite(e) ? Math.min(100, Math.max(0, e)) : 0;
+}
+function M({
+  value: e,
+  showValue: p = !0,
+  children: t,
+  label: s,
+  ariaLabel: u = "Загрузка",
+  indicatorProps: x,
+  spinnerProps: f,
+  labelProps: l,
+  trackColor: g = "var(--color-background-subtle)",
+  strokeWidth: c = 4,
+  indicator: d,
+  ...v
+}) {
+  const r = e === void 0 ? void 0 : y(e), i = Number.isFinite(c) ? Math.min(64, Math.max(0, c)) : 4, h = (64 - i) / 2;
+  return /* @__PURE__ */ n(
+    m,
+    {
+      flexDirection: "column",
+      align: "center",
+      gap: 8,
+      color: "--color-primary-accent",
+      role: "progressbar",
+      "aria-label": u,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": r,
+      ...v,
+      children: [
+        /* @__PURE__ */ n(a, { position: { type: "relative" }, width: 64, height: 64, ...x, children: [
+          d === void 0 ? /* @__PURE__ */ n(
+            a,
+            {
+              as: "svg",
+              "aria-hidden": "true",
+              width: "100%",
+              height: "100%",
+              viewBox: "0 0 64 64",
+              animation: r === void 0 ? "spin" : "none",
+              ...f,
+              children: [
+                /* @__PURE__ */ o(
+                  "circle",
+                  {
+                    cx: "32",
+                    cy: "32",
+                    r: h,
+                    fill: "none",
+                    stroke: g,
+                    strokeWidth: i
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "circle",
+                  {
+                    cx: "32",
+                    cy: "32",
+                    r: h,
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: i,
+                    strokeLinecap: "round",
+                    strokeOpacity: r === 0 ? 0 : 1,
+                    pathLength: 100,
+                    strokeDasharray: r === void 0 ? "25 100" : String(r) + " 100",
+                    transform: "rotate(-90 32 32)"
+                  }
+                )
+              ]
+            }
+          ) : d,
+          (t !== void 0 || r !== void 0 && p) && /* @__PURE__ */ o(
+            m,
+            {
+              position: { type: "absolute", top: 0, bottom: 0, left: 0, right: 0 },
+              align: "center",
+              justify: "center",
+              style: { fontSize: "18px", lineHeight: "22px" },
+              children: t !== void 0 ? t : Math.round(r ?? 0) + "%"
+            }
+          )
+        ] }),
+        s != null && /* @__PURE__ */ o(
+          a,
+          {
+            color: "--color-text-secondary",
+            ...l,
+            style: { fontSize: "14px", lineHeight: "18px", ...l?.style },
+            children: s
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  M as L
+};

package/dist/loader-ODTCTLKE.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),u=require("./flex.cjs"),n=require("./box.cjs");function f(t){return Number.isFinite(t)?Math.min(100,Math.max(0,t)):0}function y({value:t,showValue:d=!0,children:i,label:a,ariaLabel:h="Загрузка",indicatorProps:p,spinnerProps:m,labelProps:s,trackColor:g="var(--color-background-subtle)",strokeWidth:c=4,indicator:l,...v}){const e=t===void 0?void 0:f(t),o=Number.isFinite(c)?Math.min(64,Math.max(0,c)):4,x=(64-o)/2;return r.jsxs(u.Flex,{flexDirection:"column",align:"center",gap:8,color:"--color-primary-accent",role:"progressbar","aria-label":h,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e,...v,children:[r.jsxs(n.Box,{position:{type:"relative"},width:64,height:64,...p,children:[l===void 0?r.jsxs(n.Box,{as:"svg","aria-hidden":"true",width:"100%",height:"100%",viewBox:"0 0 64 64",animation:e===void 0?"spin":"none",...m,children:[r.jsx("circle",{cx:"32",cy:"32",r:x,fill:"none",stroke:g,strokeWidth:o}),r.jsx("circle",{cx:"32",cy:"32",r:x,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeOpacity:e===0?0:1,pathLength:100,strokeDasharray:e===void 0?"25 100":String(e)+" 100",transform:"rotate(-90 32 32)"})]}):l,(i!==void 0||e!==void 0&&d)&&r.jsx(u.Flex,{position:{type:"absolute",top:0,bottom:0,left:0,right:0},align:"center",justify:"center",style:{fontSize:"18px",lineHeight:"22px"},children:i!==void 0?i:Math.round(e??0)+"%"})]}),a!=null&&r.jsx(n.Box,{color:"--color-text-secondary",...s,style:{fontSize:"14px",lineHeight:"18px",...s?.style},children:a})]})}exports.Loader=y;

package/dist/loader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./loader-ODTCTLKE.cjs");exports.Loader=e.Loader;

package/dist/loader.js

@@ -0,0 +1,4 @@
+import { L as a } from "./loader-Daam055i.js";
+export {
+  a as Loader
+};

package/dist/media-gallery.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("./grid.cjs"),N=require("./icons.cjs"),P=require("./media-card.cjs"),p=require("./responsive-style.config-B2m9jVlX.cjs"),c=require("./typography.cjs");function C({itemsCount:e,maxHeight:l,scrollable:n,scrollThreshold:o}){return{maxHeightValue:T(l??420),shouldUseScroll:n??e>o}}function M({columns:e,gap:l,lg:n,md:o,xl:s}){return{cols:e??4,gap:l??8,md:t(o),lg:t(n),xl:t(s)}}function t(e){if(e)return{cols:e.columns,gap:e.gap}}function T(e){return typeof e=="number"?`${e}px`:e}function k({className:e,columns:l,errorMessage:n,emptyMessage:o="В галерее пока нет изображений.",gap:s,gridClassName:g,items:i,isLoading:d=!1,lg:x,maxHeight:y,md:h,onSubmit:m,scrollable:f,scrollThreshold:v=6,xl:j,...b}){const{maxHeightValue:S,shouldUseScroll:u}=C({itemsCount:i.length,maxHeight:y,scrollable:f,scrollThreshold:v}),G=M({columns:l,gap:s,lg:x,md:h,xl:j});return r.jsxs("div",{className:p.cn("grid gap-[12px]",e),...b,children:[d?r.jsxs("div",{className:"flex items-center gap-[8px] text-[var(--color-text-secondary)]",children:[r.jsx(N.TimeClockIcon,{className:"size-[16px] animate-spin"}),r.jsx(c.Typography,{as:"span",variant:"b3",children:"Загружаем галерею..."})]}):null,n?r.jsx(c.Typography,{as:"p",color:"--color-secondary-accent-2",variant:"b3",children:n}):null,i.length>0?r.jsx(q.Grid,{...G,className:p.cn(u&&"overflow-y-auto rounded-[12px] bg-[var(--color-background-subtle)] p-[8px]",g),style:u?{maxHeight:S}:void 0,children:i.map(a=>r.jsx(P.MediaCard,{fileName:a.fileName,imgUrl:a.imgUrl,isPicked:a.isPicked,variant:"img-pick",onSubmit:()=>m?.(a)},a.id))}):null,!d&&i.length===0?r.jsx(c.Typography,{as:"p",color:"--color-text-secondary",variant:"b3",children:o}):null]})}exports.MediaGallery=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),G=require("./grid.cjs"),P=require("./icons.cjs"),k=require("./media-card.cjs"),p=require("./responsive-style.config-B2m9jVlX.cjs"),s=require("./typography.cjs"),C=require("./box.cjs");function M({itemsCount:e,maxHeight:i,scrollable:n,scrollThreshold:l}){return{maxHeightValue:T(i??420),shouldUseScroll:n??e>l}}function N({columns:e,gap:i,lg:n,md:l,xl:t}){return{cols:e??4,gap:i??8,md:c(l),lg:c(n),xl:c(t)}}function c(e){if(e)return{cols:e.columns,gap:e.gap}}function T(e){return typeof e=="number"?`${e}px`:e}function U({className:e,columns:i,errorMessage:n,emptyMessage:l="В галерее пока нет изображений.",gap:t,gridClassName:g,items:a,isLoading:d=!1,lg:h,maxHeight:x,md:y,onSubmit:m,scrollable:f,scrollThreshold:j=6,xl:v,...b}){const{maxHeightValue:S,shouldUseScroll:u}=M({itemsCount:a.length,maxHeight:x,scrollable:f,scrollThreshold:j}),q=N({columns:i,gap:t,lg:h,md:y,xl:v});return r.jsxs("div",{className:p.cn("grid gap-[12px]",e),...b,children:[d?r.jsxs("div",{className:"flex items-center gap-[8px] text-[var(--color-text-secondary)]",children:[r.jsx(C.Box,{as:"span",display:"inline-block",width:16,height:16,animation:"spin","aria-hidden":"true",children:r.jsx(P.TimeClockIcon,{width:16,height:16})}),r.jsx(s.Typography,{as:"span",variant:"b3",children:"Загружаем галерею..."})]}):null,n?r.jsx(s.Typography,{as:"p",color:"--color-secondary-accent-2",variant:"b3",children:n}):null,a.length>0?r.jsx(G.Grid,{...q,className:p.cn(u&&"overflow-y-auto rounded-[12px] bg-[var(--color-background-subtle)] p-[8px]",g),style:u?{maxHeight:S}:void 0,children:a.map(o=>r.jsx(k.MediaCard,{fileName:o.fileName,imgUrl:o.imgUrl,isPicked:o.isPicked,variant:"img-pick",onSubmit:()=>m?.(o)},o.id))}):null,!d&&a.length===0?r.jsx(s.Typography,{as:"p",color:"--color-text-secondary",variant:"b3",children:l}):null]})}exports.MediaGallery=U;

package/dist/media-gallery.js

@@ -1,36 +1,37 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { Grid as k } from "./grid.js";
+import { Grid as S } from "./grid.js";
 import { TimeClockIcon as C } from "./icons.js";
 import { MediaCard as U } from "./media-card.js";
 import { c as u } from "./responsive-style.config-DFuATrIM.js";
 import { Typography as c } from "./typography.js";
+import { Box as w } from "./box.js";
 function H({
   itemsCount: r,
   maxHeight: e,
   scrollable: l,
-  scrollThreshold: a
+  scrollThreshold: i
 }) {
   return {
     maxHeightValue: j(e ?? 420),
-    shouldUseScroll: l ?? r > a
+    shouldUseScroll: l ?? r > i
   };
 }
 function M({
   columns: r,
   gap: e,
   lg: l,
-  md: a,
+  md: i,
   xl: t
 }) {
   return {
     cols: r ?? 4,
     gap: e ?? 8,
-    md: s(a),
-    lg: s(l),
-    xl: s(t)
+    md: d(i),
+    lg: d(l),
+    xl: d(t)
   };
 }
-function s(r) {
+function d(r) {
   if (r)
     return {
       cols: r.columns,
@@ -40,46 +41,57 @@ function s(r) {
 function j(r) {
   return typeof r == "number" ? `${r}px` : r;
 }
-function $({
+function A({
   className: r,
   columns: e,
   errorMessage: l,
-  emptyMessage: a = "В галерее пока нет изображений.",
+  emptyMessage: i = "В галерее пока нет изображений.",
   gap: t,
   gridClassName: g,
-  items: i,
-  isLoading: d = !1,
-  lg: f,
-  maxHeight: x,
-  md: h,
+  items: a,
+  isLoading: s = !1,
+  lg: h,
+  maxHeight: f,
+  md: x,
   onSubmit: y,
   scrollable: v,
   scrollThreshold: b = 6,
   xl: G,
-  ...N
+  ...k
 }) {
-  const { maxHeightValue: P, shouldUseScroll: p } = H({
-    itemsCount: i.length,
-    maxHeight: x,
+  const { maxHeightValue: N, shouldUseScroll: p } = H({
+    itemsCount: a.length,
+    maxHeight: f,
     scrollable: v,
     scrollThreshold: b
-  }), S = M({ columns: e, gap: t, lg: f, md: h, xl: G });
-  return /* @__PURE__ */ m("div", { className: u("grid gap-[12px]", r), ...N, children: [
-    d ? /* @__PURE__ */ m("div", { className: "flex items-center gap-[8px] text-[var(--color-text-secondary)]", children: [
-      /* @__PURE__ */ o(C, { className: "size-[16px] animate-spin" }),
+  }), P = M({ columns: e, gap: t, lg: h, md: x, xl: G });
+  return /* @__PURE__ */ m("div", { className: u("grid gap-[12px]", r), ...k, children: [
+    s ? /* @__PURE__ */ m("div", { className: "flex items-center gap-[8px] text-[var(--color-text-secondary)]", children: [
+      /* @__PURE__ */ o(
+        w,
+        {
+          as: "span",
+          display: "inline-block",
+          width: 16,
+          height: 16,
+          animation: "spin",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ o(C, { width: 16, height: 16 })
+        }
+      ),
       /* @__PURE__ */ o(c, { as: "span", variant: "b3", children: "Загружаем галерею..." })
     ] }) : null,
     l ? /* @__PURE__ */ o(c, { as: "p", color: "--color-secondary-accent-2", variant: "b3", children: l }) : null,
-    i.length > 0 ? /* @__PURE__ */ o(
-      k,
+    a.length > 0 ? /* @__PURE__ */ o(
+      S,
       {
-        ...S,
+        ...P,
         className: u(
           p && "overflow-y-auto rounded-[12px] bg-[var(--color-background-subtle)] p-[8px]",
           g
         ),
-        style: p ? { maxHeight: P } : void 0,
-        children: i.map((n) => /* @__PURE__ */ o(
+        style: p ? { maxHeight: N } : void 0,
+        children: a.map((n) => /* @__PURE__ */ o(
           U,
           {
             fileName: n.fileName,
@@ -92,9 +104,9 @@ function $({
         ))
       }
     ) : null,
-    !d && i.length === 0 ? /* @__PURE__ */ o(c, { as: "p", color: "--color-text-secondary", variant: "b3", children: a }) : null
+    !s && a.length === 0 ? /* @__PURE__ */ o(c, { as: "p", color: "--color-text-secondary", variant: "b3", children: i }) : null
   ] });
 }
 export {
-  $ as MediaGallery
+  A as MediaGallery
 };

package/dist/progress-bar/helpers/index.d.ts

@@ -0,0 +1 @@
+export { normalizeProgressBarRange, renderProgressBarView } from './progress-bar.helpers';

package/dist/progress-bar/helpers/progress-bar.helpers.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+import { ProgressBarRange, ProgressBarViewProps } from '../types/index';
+/** Нормализует диапазон и конечное значение; процент всегда лежит в 0..100. */
+export declare function normalizeProgressBarRange(value: number, min?: number, max?: number): ProgressBarRange;
+/** Единая отрисовка дорожки, подписей и информационных отметок для готовых вариантов. */
+export declare function renderProgressBarView({ range, variant, valuePlacement, marks, valueLabel, trackProps, fillProps, markerProps, renderMark, }: ProgressBarViewProps): JSX.Element;

package/dist/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar } from './progress-bar';
+export type { ProgressBarBreakpointProps, ProgressBarMark, ProgressBarMarkContext, ProgressBarOwnStyleProps, ProgressBarPartProps, ProgressBarProps, ProgressBarValuePlacement, ProgressBarVariant, } from './types/index';

package/dist/progress-bar/progress-bar.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { ProgressBarProps } from './types/index';
+/** Линейный прогресс с четырьмя вариантами; адаптивные представления переключаются CSS без определения ширины в JS. */
+export declare function ProgressBar({ value, min, max, variant, valuePlacement, label, ariaLabel, marks, valueLabel, trackProps, fillProps, markerProps, renderMark, md, lg, xl, ...props }: ProgressBarProps): JSX.Element;
+export type { ProgressBarBreakpointProps, ProgressBarMark, ProgressBarMarkContext, ProgressBarOwnStyleProps, ProgressBarPartProps, ProgressBarProps, ProgressBarValuePlacement, ProgressBarVariant, } from './types/index';

package/dist/progress-bar/types/index.d.ts

@@ -0,0 +1 @@
+export type { ProgressBarBreakpointProps, ProgressBarMark, ProgressBarMarkContext, ProgressBarOwnStyleProps, ProgressBarPartProps, ProgressBarProps, ProgressBarRange, ProgressBarValuePlacement, ProgressBarVariant, ProgressBarViewProps, } from './progress-bar.types';

package/dist/progress-bar/types/progress-bar.types.d.ts

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+import { BoxProps } from '../../box/index';
+import { FlexBreakpointProps, FlexProps } from '../../flex/index';
+/** Готовое оформление: полоса, шаги, текущее значение на полосе или крупные контрольные точки. */
+export type ProgressBarVariant = 'line' | 'steps' | 'marker' | 'checkpoints';
+/** Место подписи значения; none явно скрывает её, в том числе на следующем breakpoint. */
+export type ProgressBarValuePlacement = 'start' | 'end' | 'marker' | 'none';
+/** Информационная отметка в диапазоне min–max; не является интерактивной кнопкой. */
+export type ProgressBarMark = {
+    /** Числовое положение отметки; ограничивается диапазоном. */
+    value: number;
+    /** Произвольная подпись над отметкой. */
+    label?: ReactNode;
+    /** Содержимое точки; по умолчанию число для checkpoints и пустой круг для steps. */
+    content?: ReactNode;
+};
+/** Контекст renderMark: состояния рассчитываются по положению относительно текущего значения. */
+export type ProgressBarMarkContext = {
+    /** Исходная отметка. */
+    mark: ProgressBarMark;
+    /** Индекс в переданном массиве. */
+    index: number;
+    /** completed — позади текущего значения, current — совпадает, pending — впереди. */
+    state: 'completed' | 'current' | 'pending';
+};
+/** Стандартные props Box для части компонента; style имеет итоговый приоритет. */
+export type ProgressBarPartProps = Omit<BoxProps, 'as' | 'children'>;
+/** Визуальные настройки, доступные в base и responsive overrides. */
+export type ProgressBarOwnStyleProps = {
+    /** Вариант оформления, по умолчанию line. */
+    variant?: ProgressBarVariant;
+    /** Положение значения; line по умолчанию start, marker — marker, steps/checkpoints — none. */
+    valuePlacement?: ProgressBarValuePlacement;
+};
+/** Переопределения от одного breakpoint: стандартные Flex props и настройки варианта. */
+export type ProgressBarBreakpointProps = FlexBreakpointProps & ProgressBarOwnStyleProps;
+/** Прогресс на базе Flex; md/lg/xl наследуются, явный style приоритетнее style props. */
+export type ProgressBarProps = Omit<FlexProps, 'children' | 'md' | 'lg' | 'xl'> & ProgressBarOwnStyleProps & {
+    /** Текущее значение, ограничивается диапазоном; нечисловое конечное значение трактуется как min. */
+    value: number;
+    /** Начало диапазона, по умолчанию 0; нечисловое значение заменяется на 0. */
+    min?: number;
+    /** Конец диапазона, по умолчанию 100. Некорректный диапазон заменяется на min..min+100, а если он непредставим — на 0..100. */
+    max?: number;
+    /** Общая подпись над компонентом, принимает ReactNode. */
+    label?: ReactNode;
+    /** Доступное имя, по умолчанию «Прогресс». */
+    ariaLabel?: string;
+    /** Отметки; для steps/checkpoints по умолчанию min, середина и max. */
+    marks?: ReadonlyArray<ProgressBarMark>;
+    /** Собственная подпись вместо процента; null явно скрывает текст. */
+    valueLabel?: ReactNode;
+    /** Props дорожки, включая responsive размеры, className, style. */
+    trackProps?: ProgressBarPartProps;
+    /** Props заполнения; фон по умолчанию currentColor, ширина следует value. */
+    fillProps?: ProgressBarPartProps;
+    /** Props текущего маркера и точек, включая responsive размеры и style. */
+    markerProps?: ProgressBarPartProps;
+    /** Содержимое отдельной точки; не заменяет её позиционирующую обёртку. */
+    renderMark?: (context: ProgressBarMarkContext) => ReactNode;
+    /** Overrides от 768 px. */
+    md?: ProgressBarBreakpointProps;
+    /** Overrides от 1024 px; пропущенные значения наследуются от md. */
+    lg?: ProgressBarBreakpointProps;
+    /** Overrides от 1440 px; пропущенные значения наследуются от lg. */
+    xl?: ProgressBarBreakpointProps;
+};
+/** Внутренние нормализованные числовые параметры. */
+export type ProgressBarRange = {
+    min: number;
+    max: number;
+    value: number;
+    percent: number;
+};
+/** Внутренний контекст отрисовки одного из адаптивных представлений. */
+export type ProgressBarViewProps = Pick<ProgressBarProps, 'marks' | 'valueLabel' | 'trackProps' | 'fillProps' | 'markerProps' | 'renderMark'> & {
+    range: ProgressBarRange;
+    variant: ProgressBarVariant;
+    valuePlacement: ProgressBarValuePlacement;
+};