@dss-kit/ui-kit 0.3.10 → 1.0.1

package/dist/components/shared/Tag/Tag.js

@@ -1,4 +1,4 @@
-import { jsxs as $, jsx as o } from "react/jsx-runtime";
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
 import { css as x, cx as w } from "@emotion/css";
 import { forwardRef as j, useRef as k, useMemo as B } from "react";
 import M from "../../../assets/svg/shared/close-outline.svg.js";
@@ -35,34 +35,34 @@ const { color: t, cornerRadius: I, spacing: e } = O, u = {
     className: v,
     labelClassName: y,
     avatarClassName: b,
-    iconClassName: T,
+    iconClassName: _,
     deleteButtonClassName: N
   }, a) => {
     const R = k(null), p = B(() => {
       switch (s) {
         case "primary":
           return {
-            bg: t.status.neutralTintLow,
+            bg: t.status.neutral_tint_low,
             color: t.text.primary
           };
         case "accent":
           return {
-            bg: t.status.accentTintLow,
+            bg: t.status.accent_tint_low,
             color: t.text.accent
           };
         case "warning":
           return {
-            bg: t.status.warningTintLow,
+            bg: t.status.warning_tint_low,
             color: t.text.warning
           };
         case "positive":
           return {
-            bg: t.status.positiveTintLow,
+            bg: t.status.positive_tint_low,
             color: t.text.positive
           };
         case "negative":
           return {
-            bg: t.status.negativeTintLow,
+            bg: t.status.negative_tint_low,
             color: t.text.negative
           };
         case "transfer":
@@ -72,11 +72,11 @@ const { color: t, cornerRadius: I, spacing: e } = O, u = {
           };
         default:
           return {
-            bg: t.status.neutralTintLow,
+            bg: t.status.neutral_tint_low,
             color: t.text.primary
           };
       }
-    }, [s]), L = x({
+    }, [s]), C = x({
       cursor: n ? "not-allowed" : l ? "pointer" : "default",
       opacity: n ? 0.5 : 1,
       userSelect: "none",
@@ -85,13 +85,13 @@ const { color: t, cornerRadius: I, spacing: e } = O, u = {
       "&:hover": n ? void 0 : {
         backgroundColor: p.bg
       }
-    }), C = x({
+    }), $ = x({
       display: "inline-flex",
       cursor: "pointer",
       opacity: 0.6,
       "&:hover": { opacity: 1 }
     });
-    return /* @__PURE__ */ $(
+    return /* @__PURE__ */ T(
       m,
       {
         ref: (r) => {
@@ -108,7 +108,7 @@ const { color: t, cornerRadius: I, spacing: e } = O, u = {
         backgroundColor: p.bg,
         color: p.color,
         onClick: l,
-        className: w(L, v),
+        className: w(C, v),
         children: [
           l && /* @__PURE__ */ o(S, {}),
           f && /* @__PURE__ */ o(
@@ -122,7 +122,7 @@ const { color: t, cornerRadius: I, spacing: e } = O, u = {
               children: f
             }
           ),
-          d && /* @__PURE__ */ o(m, { className: T, children: d }),
+          d && /* @__PURE__ */ o(m, { className: _, children: d }),
           typeof i == "string" ? /* @__PURE__ */ o(
             h,
             {
@@ -137,7 +137,7 @@ const { color: t, cornerRadius: I, spacing: e } = O, u = {
           g && !n && /* @__PURE__ */ o(
             h,
             {
-              className: w(C, N),
+              className: w($, N),
               colorName: s,
               onClick: (r) => {
                 r.stopPropagation(), g(r);

package/dist/components/shared/Toast/Toast.js

@@ -1,77 +1,77 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { cx as t, css as u } from "@emotion/css";
-import { forwardRef as T, useMemo as c } from "react";
+import { forwardRef as T, useMemo as i } from "react";
 import s from "../../../assets/svg/toast/alert-triangle.svg.js";
 import f from "../../../assets/svg/toast/check-circle.svg.js";
 import j from "../../../assets/svg/toast/info-circle.svg.js";
 import v from "../../../assets/svg/toast/x.svg.js";
 import { theme as r } from "../../../utils/theme/index.js";
-import { Box as i } from "../../builders/Box/Box.js";
+import { Box as c } from "../../builders/Box/Box.js";
 import { Text as m } from "../../builders/Text/Text.js";
-const M = {
+const W = {
   positive: /* @__PURE__ */ e(f, {}),
   negative: /* @__PURE__ */ e(s, {}),
   warning: /* @__PURE__ */ e(s, {}),
   info: /* @__PURE__ */ e(j, {}),
   neutral: /* @__PURE__ */ e(f, {})
-}, W = u({
-  boxShadow: `0 4px 20px 0 ${r.color.effect.shadowM}`
-}), A = u({
+}, A = u({
+  boxShadow: `0 4px 20px 0 ${r.color.effect.shadow_m}`
+}), M = u({
   cursor: "pointer",
   "&:hover": {
     opacity: 0.8
   }
 }), K = T(
   ({
-    title: g,
+    title: p,
     subtitle: l,
-    icon: a,
+    icon: g,
     variant: o = "neutral",
-    w: d = "full",
-    onClose: p,
+    w: a = "full",
+    onClose: d,
     className: y,
     iconBoxClassName: h,
     titleClassName: x,
     subtitleClassName: C,
-    closeIconClassName: b,
-    ...w
-  }, S) => {
-    const I = c(() => o === "neutral" ? r.color.icon.accent : o === "info" ? r.color.icon.accent : o === "positive" ? r.color.icon.positive : o === "negative" ? r.color.icon.negative : o === "warning" ? r.color.icon.warning : r.color.icon.inverse, [o]), P = c(() => o === "neutral" ? r.color.icon.tertiary : r.color.icon.inverse, [o]), N = c(() => o === "neutral" ? r.color.fill.accentSecondary : r.color.fill.bgPrimary, [o]), R = c(() => o === "neutral" ? r.color.fill.bgPrimary : o === "info" ? r.color.fill.accentPrimary : o === "positive" ? r.color.fill.positivePrimary : o === "negative" ? r.color.fill.negativePrimary : o === "warning" ? r.color.fill.warningPrimary : r.color.fill.accentPrimary, [o]), k = c(() => o === "neutral" ? r.color.text.primary : r.color.text.primaryInverse, [o]), B = c(() => o === "neutral" ? r.color.text.tertiaryInverse : r.color.text.primaryInverse, [o]);
+    closeIconClassName: _,
+    ...b
+  }, w) => {
+    const S = i(() => o === "neutral" ? r.color.icon.accent : o === "info" ? r.color.icon.accent : o === "positive" ? r.color.icon.positive : o === "negative" ? r.color.icon.negative : o === "warning" ? r.color.icon.warning : r.color.icon.inverse, [o]), N = i(() => o === "neutral" ? r.color.icon.tertiary : r.color.icon.inverse, [o]), R = i(() => o === "neutral" ? r.color.fill.accent_secondary : r.color.fill.bg_primary, [o]), k = i(() => o === "neutral" ? r.color.fill.bg_primary : o === "info" ? r.color.fill.accent_primary : o === "positive" ? r.color.fill.positive_primary : o === "negative" ? r.color.fill.negative_primary : o === "warning" ? r.color.fill.warning_primary : r.color.fill.accent_primary, [o]), I = i(() => o === "neutral" ? r.color.text.primary : r.color.text.primary_inverse, [o]), B = i(() => o === "neutral" ? r.color.text.tertiary_inverse : r.color.text.primary_inverse, [o]);
     return /* @__PURE__ */ n(
-      i,
+      c,
       {
         row: !0,
-        w: d,
-        ref: S,
+        w: a,
+        ref: w,
         p: r.spacing.md,
         gap: r.spacing.md,
-        backgroundColor: R,
+        backgroundColor: k,
         borderRadius: r.cornerRadius.lg,
-        className: t(W, y),
-        ...w,
+        className: t(A, y),
+        ...b,
         children: [
           /* @__PURE__ */ e(
-            i,
+            c,
             {
               w: 48,
               h: 48,
               center: !0,
-              backgroundColor: N,
+              backgroundColor: R,
               borderRadius: r.cornerRadius.md,
-              style: { color: I },
+              style: { color: S },
               className: h,
-              children: a || M[o]
+              children: g || W[o]
             }
           ),
-          /* @__PURE__ */ n(i, { flex: 1, children: [
+          /* @__PURE__ */ n(c, { flex: 1, children: [
             /* @__PURE__ */ e(
               m,
               {
                 variant: "body-1",
                 fontWeight: "semibold",
-                color: k,
+                color: I,
                 className: x,
-                children: g
+                children: p
               }
             ),
             l && /* @__PURE__ */ e(
@@ -85,13 +85,13 @@ const M = {
               }
             )
           ] }),
-          /* @__PURE__ */ e(i, { onClick: p, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(c, { onClick: d, children: /* @__PURE__ */ e(
             v,
             {
               width: 24,
               height: 24,
-              color: P,
-              className: t(A, b)
+              color: N,
+              className: t(M, _)
             }
           ) })
         ]

package/dist/components/shared/Tooltip/Tooltip.js

@@ -3,26 +3,26 @@ import { css as c, cx as T, keyframes as ho } from "@emotion/css";
 import { useFloating as go, offset as wo, flip as yo, shift as So, arrow as xo, autoUpdate as vo, useHover as bo, useFocus as Ao, useDismiss as Oo, useRole as Ro, useInteractions as To, useMergeRefs as Do } from "@floating-ui/react";
 import { useState as D, useId as Po, useCallback as ko, useMemo as Eo, cloneElement as Fo } from "react";
 import { tooltipStyles as P, tooltipArrowShapes as Co, tooltipArrowOverlap as p, tooltipArrowHeight as Io, tooltipArrowSize as No } from "./constants.js";
-import { getTooltipArrowPosition as Mo, getTooltipRadiusOverrides as Ho, getTooltipArrowDimensions as Ko, getTooltipArrowShapeKey as $o } from "./utils.js";
+import { getTooltipArrowPosition as Ho, getTooltipRadiusOverrides as Ko, getTooltipArrowDimensions as Mo, getTooltipArrowShapeKey as $o } from "./utils.js";
 import { Portal as jo } from "../../builders/Portal/Portal.js";
 import { Box as w } from "../../builders/Box/Box.js";
 import { theme as zo } from "../../../utils/theme/index.js";
 import { Text as Bo } from "../../builders/Text/Text.js";
-const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
+const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, _o = ho`
   from { opacity: 0; transform: translateY(2px); }
   to { opacity: 1; transform: translateY(0); }
-`, Go = c({
-  boxShadow: `0 4px 20px 0 ${Uo.effect.shadowM}`,
-  animation: `${qo} 0.16s ease-out`,
+`, qo = c({
+  boxShadow: `0 4px 20px 0 ${Uo.effect.shadow_m}`,
+  animation: `${_o} 0.16s ease-out`,
   fontSize: "12px",
   lineHeight: "16px",
   fontWeight: "500",
   wordBreak: "break-word"
-}), Jo = c({
+}), Go = c({
   position: "absolute",
   // Треугольник через clip-path
   clipPath: "var(--tooltip-arrow-shape)"
-}), Lo = ({
+}), Jo = ({
   color: d = "primary",
   children: n,
   content: s,
@@ -35,9 +35,9 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
   offset: I = 5,
   showArrow: a = !0,
   openDelay: N = 400,
-  closeDelay: M = 0,
-  closeOnEsc: H = !0,
-  zIndex: K = 1,
+  closeDelay: H = 0,
+  closeOnEsc: K = !0,
+  zIndex: M = 1,
   maxWidth: $,
   className: j,
   contentClassName: z,
@@ -45,10 +45,10 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
   textClassName: U,
   style: W,
   id: Y,
-  p: q = Yo.md,
-  borderRadius: G = Wo.sm
+  p: _ = Yo.md,
+  borderRadius: q = Wo.sm
 }) => {
-  const [J, L] = D(E), [S, Q] = D(null), x = F ?? J, v = C ?? L, V = Po(), f = Y ?? `tooltip-${V}`, X = s == null || s === "", t = !k && !X, Z = ko(
+  const [G, J] = D(E), [S, L] = D(null), x = F ?? G, v = C ?? J, Q = Po(), f = Y ?? `tooltip-${Q}`, V = s == null || s === "", t = !k && !V, X = ko(
     (fo) => {
       t && v(fo);
     },
@@ -56,13 +56,13 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
   ), u = I + (a ? Io : 0), {
     context: e,
     refs: b,
-    floatingStyles: _,
+    floatingStyles: Z,
     middlewareData: oo,
     placement: h
   } = go({
     placement: m,
     open: t ? x : !1,
-    onOpenChange: Z,
+    onOpenChange: X,
     whileElementsMounted: vo,
     middleware: [
       wo(u),
@@ -74,11 +74,11 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
       So({ padding: u }),
       ...a && S ? [xo({ element: S, padding: 0 })] : []
     ]
-  }), to = oo.arrow, o = h.split("-")[0], i = h.includes("-") ? h.split("-")[1] : null, A = Mo(to, o, i), eo = $o(o, i), so = Ho(
+  }), to = oo.arrow, o = h.split("-")[0], i = h.includes("-") ? h.split("-")[1] : null, A = Ho(to, o, i), eo = $o(o, i), so = Ko(
     o,
     i,
     a
-  ), r = Ko(
+  ), r = Mo(
     o,
     i,
     No
@@ -115,13 +115,13 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
     enabled: y === "hover" && t,
     delay: {
       open: N,
-      close: M
+      close: H
     },
     move: !1
   }), ao = Ao(e, {
     enabled: y === "hover" && t
   }), lo = Oo(e, {
-    enabled: H && t,
+    enabled: K && t,
     escapeKey: !0
   }), po = Ro(e, { role: "tooltip" }), g = To([no, ao, lo, po]), co = n.ref, O = Do([b.setReference, co]), mo = Eo(
     () => Fo(
@@ -141,10 +141,10 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
       w,
       {
         absolute: !0,
-        zIndex: K,
+        zIndex: M,
         className: j,
         ref: b.setFloating,
-        style: { ..._, ...W },
+        style: { ...Z, ...W },
         ...g.getFloatingProps({
           id: f
         }),
@@ -153,10 +153,10 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
           {
             relative: !0,
             maxWidth: $,
-            p: q,
-            borderRadius: G,
+            p: _,
+            borderRadius: q,
             className: T(
-              Go,
+              qo,
               ro,
               z
             ),
@@ -164,9 +164,9 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
               a && /* @__PURE__ */ l(
                 w,
                 {
-                  ref: Q,
+                  ref: L,
                   className: T(
-                    Jo,
+                    Go,
                     io,
                     B
                   )
@@ -189,7 +189,7 @@ const { color: Uo, cornerRadius: Wo, spacing: Yo } = zo, qo = ho`
     ) })
   ] });
 };
-Lo.displayName = "Tooltip";
+Jo.displayName = "Tooltip";
 export {
-  Lo as Tooltip
+  Jo as Tooltip
 };

package/dist/components/shared/Tooltip/constants.js

@@ -21,12 +21,12 @@ const { color: o } = t, l = {
   // ◄ (tooltip справа, стрелка влево)
 }, p = 10, n = 6, e = 1, i = {
   primary: {
-    backgroundColor: o.fill.bgPrimary,
+    backgroundColor: o.fill.bg_primary,
     color: o.text.primary
   },
   inverse: {
-    backgroundColor: o.fill.bgPrimaryInverse,
-    color: o.text.primaryInverse
+    backgroundColor: o.fill.bg_primary_inverse,
+    color: o.text.primary_inverse
   }
 };
 export {

package/dist/components/shared/index.d.ts

@@ -1,5 +1,7 @@
 export * from './Avatar';
 export * from './Badge';
+export * from './Counter';
+export * from './Dot';
 export * from './Hint';
 export * from './MarkdownText';
 export * from './Popover';

package/dist/index.js

@@ -7,15 +7,15 @@ import { Portal as T } from "./components/builders/Portal/Portal.js";
 import { Ripple as l } from "./components/builders/Ripple/Ripple.js";
 import { Table as C } from "./components/builders/Table/Table.js";
 import { createColumnHelper as B } from "@tanstack/react-table";
-import { AnimatedText as g, Text as k } from "./components/builders/Text/Text.js";
-import { LineChart as E } from "./components/charts/LineChart/LineChart.js";
+import { AnimatedText as h, Text as g } from "./components/builders/Text/Text.js";
+import { LineChart as A } from "./components/charts/LineChart/LineChart.js";
 import { PieProgressChart as S } from "./components/charts/PieProgressChart/PieProgressChart.js";
 import { Button as P } from "./components/controls/Button/Button.js";
 import { Checkbox as _ } from "./components/controls/Checkbox/Checkbox.js";
 import { IconButton as I } from "./components/controls/IconButton/IconButton.js";
 import { Input as v } from "./components/controls/Input/Input.js";
-import { MarkdownToolbarAction as O } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
-import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as H } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
+import { MarkdownToolbarAction as D } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
+import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as O } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
 import { MarkdownTextEditor as U } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.js";
 import { OtpInput as y } from "./components/controls/OtpInput/OtpInput.js";
 import { Radio as F } from "./components/controls/RadioGroup/Radio.js";
@@ -27,73 +27,80 @@ import { Tabs as Z } from "./components/controls/Tabs/Tabs.js";
 import { Breadcrumbs as oo } from "./components/navigation/Breadcrumbs/Breadcrumbs.js";
 import { Avatar as eo } from "./components/shared/Avatar/Avatar.js";
 import { Badge as po } from "./components/shared/Badge/Badge.js";
-import { Hint as xo } from "./components/shared/Hint/Hint.js";
-import { MarkdownText as ao } from "./components/shared/MarkdownText/MarkdownText.js";
-import { Popover as io } from "./components/shared/Popover/Popover.js";
-import { Skeleton as so } from "./components/shared/Skeleton/Skeleton.js";
-import { Tag as Co } from "./components/shared/Tag/Tag.js";
-import { Toast as Bo } from "./components/shared/Toast/Toast.js";
-import { useToast as go } from "./components/shared/Toast/Toast.hooks.js";
-import { toast as Ao } from "./components/shared/Toast/Toast.utils.js";
-import { ToastContainer as ho } from "./components/shared/Toast/ToastContainer.js";
-import { Tooltip as Mo } from "./components/shared/Tooltip/Tooltip.js";
-import { ThemeProviderScoped as Ro } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
-import { THEME_DATA_ATTRIBUTE as bo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
-import { useControlled as Lo } from "./utils/hooks/useControlled.js";
-import { useBreakpoint as wo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
-import { Breakpoints as Do, BreakpointsBase as Ho } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
-import { getFontWeightClass as Uo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
-import { getSizeClass as yo } from "./utils/styles/getSizeClass/getSizeClass.js";
-import { getStyleClass as Fo } from "./utils/styles/getStyleClass/getStyleClass.js";
-import { theme as No } from "./utils/theme/index.js";
+import { Counter as xo } from "./components/shared/Counter/Counter.js";
+import { Dot as ao } from "./components/shared/Dot/Dot.js";
+import { Hint as io } from "./components/shared/Hint/Hint.js";
+import { MarkdownText as so } from "./components/shared/MarkdownText/MarkdownText.js";
+import { Popover as Co } from "./components/shared/Popover/Popover.js";
+import { Skeleton as Bo } from "./components/shared/Skeleton/Skeleton.js";
+import { Tag as ho } from "./components/shared/Tag/Tag.js";
+import { Toast as ko } from "./components/shared/Toast/Toast.js";
+import { useToast as Eo } from "./components/shared/Toast/Toast.hooks.js";
+import { toast as Mo } from "./components/shared/Toast/Toast.utils.js";
+import { ToastContainer as Ro } from "./components/shared/Toast/ToastContainer.js";
+import { Tooltip as bo } from "./components/shared/Tooltip/Tooltip.js";
+import { ThemeProviderScoped as Lo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
+import { THEME_DATA_ATTRIBUTE as wo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
+import { ThemeContext as Ko, useUiKitTheme as Oo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.context.js";
+import { useControlled as Uo } from "./utils/hooks/useControlled.js";
+import { useBreakpoint as yo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
+import { Breakpoints as Fo, BreakpointsBase as Go } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
+import { getFontWeightClass as Xo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
+import { getSizeClass as jo } from "./utils/styles/getSizeClass/getSizeClass.js";
+import { getStyleClass as Jo } from "./utils/styles/getStyleClass/getStyleClass.js";
+import { theme as Vo } from "./utils/theme/index.js";
 export {
-  g as AnimatedText,
+  h as AnimatedText,
   eo as Avatar,
   po as Badge,
   m as Box,
   oo as Breadcrumbs,
-  Do as Breakpoints,
-  Ho as BreakpointsBase,
+  Fo as Breakpoints,
+  Go as BreakpointsBase,
   P as Button,
   _ as Checkbox,
-  xo as Hint,
+  xo as Counter,
+  ao as Dot,
+  io as Hint,
   I as IconButton,
   v as Input,
-  E as LineChart,
+  A as LineChart,
   f as Loader,
-  H as MARKDOWN_TEXT_EDITOR_LOCALE_KEY,
-  ao as MarkdownText,
+  O as MARKDOWN_TEXT_EDITOR_LOCALE_KEY,
+  so as MarkdownText,
   U as MarkdownTextEditor,
-  O as MarkdownToolbarAction,
+  D as MarkdownToolbarAction,
   n as Modal,
   y as OtpInput,
   S as PieProgressChart,
-  io as Popover,
+  Co as Popover,
   T as Portal,
   F as Radio,
   N as RadioGroup,
   l as Ripple,
   Y as SegmentControl,
   q as Select,
-  so as Skeleton,
+  Bo as Skeleton,
   Q as Switch,
-  bo as THEME_DATA_ATTRIBUTE,
+  wo as THEME_DATA_ATTRIBUTE,
   C as Table,
   Z as Tabs,
-  Co as Tag,
-  k as Text,
-  Ro as ThemeProviderScoped,
-  Bo as Toast,
-  ho as ToastContainer,
-  Mo as Tooltip,
+  ho as Tag,
+  g as Text,
+  Ko as ThemeContext,
+  Lo as ThemeProviderScoped,
+  ko as Toast,
+  Ro as ToastContainer,
+  bo as Tooltip,
   t as UiKitLocaleProvider,
   B as createColumnHelper,
-  Uo as getFontWeightClass,
-  yo as getSizeClass,
-  Fo as getStyleClass,
-  No as theme,
-  Ao as toast,
-  wo as useBreakpoint,
-  Lo as useControlled,
-  go as useToast
+  Xo as getFontWeightClass,
+  jo as getSizeClass,
+  Jo as getStyleClass,
+  Vo as theme,
+  Mo as toast,
+  yo as useBreakpoint,
+  Uo as useControlled,
+  Eo as useToast,
+  Oo as useUiKitTheme
 };

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.const.d.ts

@@ -1 +1,9 @@
+/**
+ * Атрибут, которым выбирается тема. Часть публичного контракта: приложение
+ * обязано выставить его на `<html>` до первого пейнта (SSR или инлайн-скрипт
+ * в `<head>`), иначе фон документа мигнёт светлым — см. docs/styles/themes.
+ *
+ * Экспортируется именно чтобы anti-flash-скрипты не хардкодили имя: если оно
+ * когда-нибудь изменится, потребители сломаются молча.
+ */
 export declare const THEME_DATA_ATTRIBUTE: "data-theme";

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.context.d.ts

@@ -0,0 +1,12 @@
+import { UiKitTheme } from './ThemeProviderScoped.types';
+export interface IThemeContext {
+    theme: UiKitTheme;
+    setTheme: (theme: UiKitTheme) => void;
+}
+export declare const ThemeContext: import('react').Context<IThemeContext | null>;
+/**
+ * Текущая тема и её сеттер — доступны любому компоненту внутри `ThemeProviderScoped`.
+ * `setTheme` меняет тему только в uncontrolled-режиме (когда `theme` снаружи не передан);
+ * если тема контролируется извне, используйте `onThemeChange` на `ThemeProviderScoped`.
+ */
+export declare function useUiKitTheme(): IThemeContext;

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.context.js

@@ -0,0 +1,12 @@
+import { createContext as t, useContext as o } from "react";
+const r = t(null);
+function i() {
+  const e = o(r);
+  if (!e)
+    throw new Error("useUiKitTheme must be used within a ThemeProviderScoped");
+  return e;
+}
+export {
+  r as ThemeContext,
+  i as useUiKitTheme
+};

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts

@@ -1,2 +1,2 @@
 import { IThemeProviderProps } from './ThemeProviderScoped.types';
-export declare function ThemeProviderScoped({ className, children, theme, position, applyThemeToRoot, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProviderScoped({ className, children, theme: controlledTheme, defaultTheme, onThemeChange, position, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;