@shmidko61/lc-ui-kit 0.12.0 → 0.15.0

package/dist/index.js

@@ -1,96 +1,115 @@
-import { Accordion as a, AccordionItem as r, AccordionRoot as n } from "./accordion.js";
-import { Box as c } from "./box.js";
-import { Button as s, buttonSizeBorderRadius as p, buttonSizeBoxProps as I, buttonSizeClassNames as l, buttonVariantClassNames as d, buttonVariants as m } from "./button.js";
-import { U as T, u as f, a as b, b as u } from "./ui-kit-provider-C6Mk5g_7.js";
-import { Flex as C } from "./flex.js";
-import { Grid as h, GridItem as M } from "./grid.js";
-import { ArrowCornerIcon as y, ArrowIcon as B, ArrowLongLeftIcon as P, ArrowheadRightIcon as A, BurgerIcon as w, CheckIcon as G, CopyIcon as L, DropDown as v, ExclamationMarkIcon as D, EyeOpenIcon as K, FileIcon as R, GeminiStarIcon as U, GeoIcon as V, LockClosedIcon as z, LockOpenIcon as F, LogoutIcon as N, MailIcon as E, MediaMaxIcon as H, MediaPictureIcon as O, MediaTgIcon as W, MediaVkIcon as j, MediaWaIcon as X, NetUploadIcon as q, PaperclipIcon as J, PdfIcon as Q, PhoneIcon as Y, PlusIcon as Z, SaveIcon as _, SparkIcon as $, SparkleIcon as oo, TelephoneIcon as eo, TimeClockIcon as ao, TrashIcon as ro, XMarkIcon as no } from "./icons.js";
-import { Input as co } from "./input.js";
-import { MediaCard as so } from "./media-card.js";
-import { MediaGallery as Io } from "./media-gallery.js";
-import { Pagination as mo } from "./pagination.js";
-import { Picture as To } from "./picture.js";
-import { Select as bo } from "./select.js";
-import { r as ko, a as Co } from "./responsive-style.config-DFuATrIM.js";
-import { StatusBadge as ho } from "./status-badge.js";
-import { Switch as So } from "./switch.js";
-import { D as Bo, T as Po, a as Ao, b as wo, c as Go, d as Lo, e as vo, f as Do, g as Ko, h as Ro, i as Uo, j as Vo, k as zo } from "./table-container-BsE-uIE1.js";
-import { Typography as No, typographyVariants as Eo } from "./typography.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 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 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 { 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 {
-  a as Accordion,
-  r as AccordionItem,
+  e as Accordion,
+  a as AccordionItem,
   n as AccordionRoot,
+  i as Alert,
   y as ArrowCornerIcon,
-  B as ArrowIcon,
-  P as ArrowLongLeftIcon,
-  A as ArrowheadRightIcon,
-  c as Box,
-  w as BurgerIcon,
-  s as Button,
-  G as CheckIcon,
-  L as CopyIcon,
-  Bo as DataTable,
-  v as DropDown,
-  D as ExclamationMarkIcon,
-  K as EyeOpenIcon,
-  R as FileIcon,
-  C as Flex,
-  U as GeminiStarIcon,
-  V as GeoIcon,
-  h as Grid,
-  M as GridItem,
-  co as Input,
-  z as LockClosedIcon,
-  F as LockOpenIcon,
-  N as LogoutIcon,
-  E as MailIcon,
-  so as MediaCard,
-  Io as MediaGallery,
-  H as MediaMaxIcon,
-  O as MediaPictureIcon,
-  W as MediaTgIcon,
-  j as MediaVkIcon,
-  X as MediaWaIcon,
-  q as NetUploadIcon,
-  mo as Pagination,
-  J as PaperclipIcon,
-  Q as PdfIcon,
-  Y as PhoneIcon,
-  To as Picture,
-  Z as PlusIcon,
-  _ as SaveIcon,
-  bo as Select,
-  $ as SparkIcon,
-  oo as SparkleIcon,
-  ho as StatusBadge,
-  So as Switch,
-  Po as Table,
-  Ao as TableBody,
-  wo as TableCaption,
-  Go as TableCell,
-  Lo as TableContainer,
-  vo as TableFooter,
-  Do as TableHead,
-  Ko as TableHeader,
-  Ro as TableRow,
-  Uo as TableScrollArea,
-  Vo as TableStatus,
-  zo as TableToolbar,
-  eo as TelephoneIcon,
-  ao as TimeClockIcon,
-  ro as TrashIcon,
-  No as Typography,
-  T as UiKitProvider,
-  no as XMarkIcon,
-  p as buttonSizeBorderRadius,
-  I as buttonSizeBoxProps,
-  l as buttonSizeClassNames,
-  d as buttonVariantClassNames,
-  m as buttonVariants,
-  ko as responsiveBreakpointMinWidth,
-  Co as responsiveBreakpoints,
-  Eo as typographyVariants,
-  f as uiKitColorTokens,
-  b as uiKitTypographyTokens,
-  u as useUiKitConfig
+  A as ArrowIcon,
+  w as ArrowLongLeftIcon,
+  L as ArrowheadRightIcon,
+  N as BlockIcon,
+  s as Box,
+  v as BurgerIcon,
+  l as Button,
+  D as CheckIcon,
+  G as CopyIcon,
+  zo as DataTable,
+  K as DoubleCheckIcon,
+  R as DropDown,
+  U as ExclamationMarkIcon,
+  V as EyeOpenIcon,
+  z as FileIcon,
+  h as Flex,
+  F as GeminiStarIcon,
+  W as GeoIcon,
+  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,
+  bo as MediaCard,
+  ko as MediaGallery,
+  q as MediaMaxIcon,
+  J as MediaPictureIcon,
+  Q as MediaTgIcon,
+  Y as MediaVkIcon,
+  Z as MediaWaIcon,
+  _ as NetUploadIcon,
+  Co as NotificationProvider,
+  Po as Pagination,
+  $ as PaperclipIcon,
+  oo as PdfIcon,
+  ro as PhoneIcon,
+  Bo as Picture,
+  eo as PlusIcon,
+  Ao as ProgressBar,
+  ao as SaveIcon,
+  Lo as Select,
+  no as SparkIcon,
+  to as SparkleIcon,
+  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,
+  rr as Toast,
+  ar as Tooltip,
+  so as TrashIcon,
+  tr as Typography,
+  b as UiKitProvider,
+  po as WarningTriangleIcon,
+  lo as XMarkIcon,
+  I as buttonSizeBorderRadius,
+  f as buttonSizeBoxProps,
+  m as buttonSizeClassNames,
+  x as buttonVariantClassNames,
+  T as buttonVariants,
+  vo as responsiveBreakpointMinWidth,
+  Do as responsiveBreakpoints,
+  ir as typographyVariants,
+  u as uiKitColorTokens,
+  k as uiKitTypographyTokens,
+  ho as useNotifications,
+  g as useUiKitConfig
 };

package/dist/input/input.types.d.ts

@@ -1,5 +1,5 @@
 import { ResponsiveStyleBreakpoint } from '../shared/responsive-style/responsive-style.types';
-import { TypographyColorValue, TypographyFontSizeValue, TypographyFontWeightValue, TypographyLetterSpacingValue, TypographyLineHeightValue } from '../types';
+import { TypographyColorValue, TypographyFontSizeValue, TypographyFontWeightValue, TypographyLetterSpacingValue, TypographyLineHeightValue } from '../types/index';
 /** Типографика текста поля; числовой lineHeight — безразмерный множитель. */
 export type InputTextStyleProps = {
     /** Размер текста: число в px, CSS-строка или токен. */

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/notification-provider/helpers/index.d.ts

@@ -0,0 +1 @@
+export { buildNotificationViewport, mergeNotificationViewport, } from './notification-provider.helpers';

package/dist/notification-provider/helpers/notification-provider.helpers.d.ts

@@ -0,0 +1,8 @@
+import { FlexBreakpointProps, FlexProps } from '../../flex/index';
+import { NotificationPlacement, NotificationViewportProps } from '../types/index';
+/** Полный пресет сбрасывает противоположные inset и transform при смене брейкпоинта. */
+export declare function getPlacementProps(placement: NotificationPlacement): FlexBreakpointProps;
+/** Локальные настройки дополняют провайдер по каждому брейкпоинту; style сливается последним. */
+export declare function mergeNotificationViewport(base?: NotificationViewportProps, local?: NotificationViewportProps): NotificationViewportProps;
+/** Переводит пресеты в обычные Flex props; CSS и safelist использует существующий pipeline ui-kit. */
+export declare function buildNotificationViewport(viewport: NotificationViewportProps): FlexProps;

package/dist/notification-provider/hooks/index.d.ts

@@ -0,0 +1 @@
+export { NotificationsContext, useNotifications } from './notification-provider.hooks';

package/dist/notification-provider/hooks/notification-provider.hooks.d.ts

@@ -0,0 +1,5 @@
+import { NotificationsApi } from '../types/index';
+/** Внутренний контекст ближайшего провайдера; null означает отсутствие провайдера. */
+export declare const NotificationsContext: import('react').Context<NotificationsApi | null>;
+/** Хук вызова уведомлений; требует NotificationProvider выше по React-дереву. */
+export declare function useNotifications(): NotificationsApi;

package/dist/notification-provider/index.d.ts

@@ -0,0 +1,3 @@
+export { useNotifications } from './hooks/index';
+export { NotificationProvider } from './notification-provider';
+export type { NotificationOptions, NotificationPlacement, NotificationProviderProps, NotificationsApi, NotificationViewportBreakpoint, NotificationViewportProps, ShowAlertOptions, ShowToastOptions, } from './types/index';

package/dist/notification-provider/notification-provider.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+import { NotificationProviderProps } from './types/index';
+/** Показывает независимые стеки Alert/Toast, сохраняя тему и адаптивные настройки Flex. */
+export declare function NotificationProvider({ children, viewport, }: NotificationProviderProps): JSX.Element;

package/dist/notification-provider/types/index.d.ts

@@ -0,0 +1 @@
+export type { NotificationEntry, NotificationOptions, NotificationPlacement, NotificationProviderProps, NotificationsApi, NotificationViewportBreakpoint, NotificationViewportProps, ShowAlertOptions, ShowToastOptions, } from './notification-provider.types';