@dss-kit/ui-kit 0.3.0 → 0.3.2

package/dist/index.js

@@ -0,0 +1,97 @@
+/* empty css                        */
+import { UiKitLocaleProvider as t } from "./locale/UiKitLocaleProvider/UiKitLocaleProvider.js";
+import { Box as m } from "./components/builders/Box/Box.js";
+import { Loader as f } from "./components/builders/Loader/Loader.js";
+import { Modal as n } from "./components/builders/Modal/index.js";
+import { Portal as s } from "./components/builders/Portal/Portal.js";
+import { Ripple as T } from "./components/builders/Ripple/Ripple.js";
+import { Table as C } from "./components/builders/Table/Table.js";
+import { createColumnHelper as c } from "@tanstack/react-table";
+import { AnimatedText as g, Text as k } from "./components/builders/Text/Text.js";
+import { LineChart as S } from "./components/charts/LineChart/LineChart.js";
+import { PieProgressChart as b } from "./components/charts/PieProgressChart/PieProgressChart.js";
+import { Button as E } from "./components/controls/Button/Button.js";
+import { Checkbox as M } from "./components/controls/Checkbox/Checkbox.js";
+import { IconButton as v } from "./components/controls/IconButton/IconButton.js";
+import { Input as I } from "./components/controls/Input/Input.js";
+import { MarkdownToolbarAction as _ } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
+import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as D } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
+import { MarkdownTextEditor as W } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.js";
+import { OtpInput as z } from "./components/controls/OtpInput/OtpInput.js";
+import { Radio as G } from "./components/controls/RadioGroup/Radio.js";
+import { RadioGroup as U } from "./components/controls/RadioGroup/RadioGroup.js";
+import { SegmentControl as Y } from "./components/controls/SegmentControl/SegmentControl.js";
+import { Select as q } from "./components/controls/Select/Select.js";
+import { Switch as Q } from "./components/controls/Switch/Switch.js";
+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 lo } from "./components/shared/Skeleton/Skeleton.js";
+import { Tag as Co } from "./components/shared/Tag/Tag.js";
+import { Toast as co } from "./components/shared/Toast/Toast.js";
+import { useToast as go } from "./components/shared/Toast/Toast.hooks.js";
+import { toast as ho } from "./components/shared/Toast/Toast.utils.js";
+import { ToastContainer as Po } from "./components/shared/Toast/ToastContainer.js";
+import { Tooltip as Ao } from "./components/shared/Tooltip/Tooltip.js";
+import { ThemeProviderScoped as Lo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
+import { useControlled as Ro } from "./utils/hooks/useControlled.js";
+import { useBreakpoint as wo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
+import { Breakpoints as Oo, BreakpointsBase as _o } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
+import { getFontWeightClass as Do } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
+import { getSizeClass as Wo } from "./utils/styles/getSizeClass/getSizeClass.js";
+import { getStyleClass as zo } from "./utils/styles/getStyleClass/getStyleClass.js";
+import { theme as Go } from "./utils/theme/index.js";
+export {
+  g as AnimatedText,
+  eo as Avatar,
+  po as Badge,
+  m as Box,
+  oo as Breadcrumbs,
+  Oo as Breakpoints,
+  _o as BreakpointsBase,
+  E as Button,
+  M as Checkbox,
+  xo as Hint,
+  v as IconButton,
+  I as Input,
+  S as LineChart,
+  f as Loader,
+  D as MARKDOWN_TEXT_EDITOR_LOCALE_KEY,
+  ao as MarkdownText,
+  W as MarkdownTextEditor,
+  _ as MarkdownToolbarAction,
+  n as Modal,
+  z as OtpInput,
+  b as PieProgressChart,
+  io as Popover,
+  s as Portal,
+  G as Radio,
+  U as RadioGroup,
+  T as Ripple,
+  Y as SegmentControl,
+  q as Select,
+  lo as Skeleton,
+  Q as Switch,
+  C as Table,
+  Z as Tabs,
+  Co as Tag,
+  k as Text,
+  Lo as ThemeProviderScoped,
+  co as Toast,
+  Po as ToastContainer,
+  Ao as Tooltip,
+  t as UiKitLocaleProvider,
+  c as createColumnHelper,
+  Do as getFontWeightClass,
+  Wo as getSizeClass,
+  zo as getStyleClass,
+  Go as theme,
+  ho as toast,
+  wo as useBreakpoint,
+  Ro as useControlled,
+  go as useToast
+};

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.context.d.ts

@@ -1,3 +1,2 @@
 export declare const UiKitLocaleContext: import('react').Context<import('../..').DeepPartial<import('./UiKitLocaleProvider.types').UiKitLocaleFull> | null>;
 export declare function useUiKitLocaleContext(): import('../..').DeepPartial<import('./UiKitLocaleProvider.types').UiKitLocaleFull> | null;
-//# sourceMappingURL=UiKitLocaleProvider.context.d.ts.map

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.context.js

@@ -0,0 +1,11 @@
+import { createContext as t, useContext as e } from "react";
+const o = t(
+  null
+);
+function i() {
+  return e(o);
+}
+export {
+  o as UiKitLocaleContext,
+  i as useUiKitLocaleContext
+};

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.d.ts

@@ -1,3 +1,2 @@
 import { UiKitLocaleProviderProps } from './UiKitLocaleProvider.types';
 export declare function UiKitLocaleProvider({ children, locale, }: UiKitLocaleProviderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=UiKitLocaleProvider.d.ts.map

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.js

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import { UiKitLocaleContext as t } from "./UiKitLocaleProvider.context.js";
+function n({
+  children: o,
+  locale: r
+}) {
+  return /* @__PURE__ */ i(t.Provider, { value: r || null, children: o });
+}
+export {
+  n as UiKitLocaleProvider
+};

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.types.d.ts

@@ -8,4 +8,3 @@ export type UiKitLocalePartial = DeepPartial<UiKitLocaleFull>;
 export interface UiKitLocaleProviderProps extends PropsWithChildren {
     locale?: UiKitLocalePartial;
 }
-//# sourceMappingURL=UiKitLocaleProvider.types.d.ts.map

package/dist/locale/UiKitLocaleProvider/index.d.ts

@@ -1,4 +1,3 @@
 export * from './UiKitLocaleProvider.context';
 export * from './UiKitLocaleProvider.tsx';
 export * from './UiKitLocaleProvider.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/locale/factories/createComponentLocaleContext/createComponentLocaleContext.d.ts

@@ -8,4 +8,3 @@ export declare function createComponentLocaleContext<K extends keyof UiKitLocale
     useLocale: () => T;
     Provider: ({ children, locale: propsLocale, }: ComponentLocaleProviderProps<K, T>) => import("react/jsx-runtime").JSX.Element;
 };
-//# sourceMappingURL=createComponentLocaleContext.d.ts.map

package/dist/locale/factories/createComponentLocaleContext/createComponentLocaleContext.js

@@ -0,0 +1,35 @@
+import { jsx as m } from "react/jsx-runtime";
+import p from "lodash.merge";
+import { createContext as x, useContext as f, useMemo as C } from "react";
+import { useUiKitLocaleContext as v } from "../../UiKitLocaleProvider/UiKitLocaleProvider.context.js";
+function g({ localeKey: c, defaultLocale: e }) {
+  const r = x(e);
+  function i(n) {
+    const { extraLocale: o } = n || {}, t = v();
+    return { value: C(() => {
+      const s = t ? t[c] : null, u = [{}, e];
+      return s && u.push(s), o && u.push(o), p(...u);
+    }, [e, o, c, t]) };
+  }
+  function a() {
+    return f(r);
+  }
+  function l({
+    children: n,
+    locale: o
+  }) {
+    const { value: t } = i({
+      extraLocale: o
+    });
+    return /* @__PURE__ */ m(r.Provider, { value: t, children: n });
+  }
+  return {
+    Context: r,
+    useComposeLocaleProviderValue: i,
+    useLocale: a,
+    Provider: l
+  };
+}
+export {
+  g as createComponentLocaleContext
+};

package/dist/locale/factories/createComponentLocaleContext/createComponentLocaleContext.types.d.ts

@@ -11,4 +11,3 @@ export interface UseLocaleProviderValueProps<K extends keyof UiKitLocaleFull, T
 export interface ComponentLocaleProviderProps<K extends keyof UiKitLocaleFull, T extends UiKitLocaleFull[K]> extends PropsWithChildren {
     locale?: DeepPartial<T>;
 }
-//# sourceMappingURL=createComponentLocaleContext.types.d.ts.map

package/dist/locale/factories/createComponentLocaleContext/index.d.ts

@@ -1,3 +1,2 @@
 export * from './createComponentLocaleContext';
 export type * from './createComponentLocaleContext.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/locale/factories/index.d.ts

@@ -1,2 +1 @@
 export * from './createComponentLocaleContext';
-//# sourceMappingURL=index.d.ts.map

package/dist/locale/index.d.ts

@@ -1,3 +1,2 @@
 export * from './factories';
 export * from './UiKitLocaleProvider';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 import { IThemeProviderProps } from './ThemeProviderScoped.types';
 export declare function ThemeProviderScoped({ className, children, theme, position, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ThemeProviderScoped.d.ts.map

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.js

@@ -0,0 +1,33 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import d from "classnames";
+import { useRef as p } from "react";
+import { PortalHostContext as a } from "../../components/builders/Portal/context.js";
+import { ToastContainer as c } from "../../components/shared/Toast/ToastContainer.js";
+import f from "./styles.module.scss.js";
+function P({
+  className: r,
+  children: t,
+  theme: m,
+  position: i = "top-right"
+}) {
+  const e = p(null);
+  return (
+    // Прокидываем ref в контекст, чтобы вложенный Portal знал, куда монтировать DOM.
+    /* @__PURE__ */ o(a.Provider, { value: e, children: /* @__PURE__ */ s(
+      "div",
+      {
+        ref: e,
+        className: d(f.themeProviderScoped, r),
+        id: "theme-provider-scoped",
+        "data-theme": m,
+        children: [
+          t,
+          /* @__PURE__ */ o(c, { position: i })
+        ]
+      }
+    ) })
+  );
+}
+export {
+  P as ThemeProviderScoped
+};

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

@@ -6,4 +6,3 @@ export interface IThemeProviderProps extends IClassnameProp, PropsWithChildren {
     theme?: UiKitTheme;
     position?: ToastPosition;
 }
-//# sourceMappingURL=ThemeProviderScoped.types.d.ts.map

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

@@ -1,3 +1,2 @@
 export * from './ThemeProviderScoped';
 export type * from './ThemeProviderScoped.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/ThemeProviderScoped/styles.module.scss.js

@@ -0,0 +1,7 @@
+const e = "_themeProviderScoped_8xy1z_9", o = {
+  themeProviderScoped: e
+};
+export {
+  o as default,
+  e as themeProviderScoped
+};

package/dist/providers/index.d.ts

@@ -1,2 +1 @@
 export * from './ThemeProviderScoped';
-//# sourceMappingURL=index.d.ts.map

package/dist/styles/utils/breakpoints.d.ts

@@ -11,4 +11,3 @@ export declare const bp: {
     readonly bp1440: (direction?: BreakpointDirection) => string;
     readonly bp1920: (direction?: BreakpointDirection) => string;
 };
-//# sourceMappingURL=breakpoints.d.ts.map

package/dist/styles/utils/breakpoints.js

@@ -0,0 +1,16 @@
+import { BreakpointsBase as x, Breakpoints as p } from "../../utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
+const a = (m, i = "max") => i === "min" ? `@media (min-width: ${m}px)` : `@media (max-width: ${m - 1}px)`, r = {
+  xs: (m = "max") => a(p.xs, m),
+  sm: (m = "max") => a(p.sm, m),
+  md: (m = "max") => a(p.md, m),
+  lg: (m = "max") => a(p.lg, m),
+  xl: (m = "max") => a(p.xl, m),
+  bp375: (m = "max") => a(x._375, m),
+  bp1024: (m = "max") => a(x._1024, m),
+  bp1280: (m = "max") => a(x._1280, m),
+  bp1440: (m = "max") => a(x._1440, m),
+  bp1920: (m = "max") => a(x._1920, m)
+};
+export {
+  r as bp
+};

package/dist/styles/utils/typography.d.ts

@@ -64,4 +64,3 @@ export declare const typography: {
         readonly wordBreak: "break-word";
     };
 };
-//# sourceMappingURL=typography.d.ts.map

package/dist/styles/utils/typography.js

@@ -0,0 +1,64 @@
+import { bp as i } from "./breakpoints.js";
+const e = {
+  fontFamily: "Inter, sans-serif",
+  wordBreak: "break-word"
+}, n = {
+  common: e,
+  title1: {
+    ...e,
+    fontSize: 32,
+    lineHeight: "36px",
+    [i.md()]: { fontSize: 24 }
+  },
+  title2: {
+    ...e,
+    fontSize: 24,
+    lineHeight: "28px",
+    [i.md()]: { fontSize: 20 }
+  },
+  title3: {
+    ...e,
+    fontSize: 20,
+    lineHeight: "28px",
+    [i.md()]: { fontSize: 18 },
+    [i.xs()]: { fontSize: 16 }
+  },
+  headline1: {
+    ...e,
+    fontSize: 22,
+    lineHeight: "26px"
+  },
+  headline2: {
+    ...e,
+    fontSize: 18,
+    lineHeight: "22px"
+  },
+  headline3: {
+    ...e,
+    fontSize: 16,
+    lineHeight: "20px"
+  },
+  body1: {
+    ...e,
+    fontSize: 16,
+    lineHeight: "24px"
+  },
+  body2: {
+    ...e,
+    fontSize: 14,
+    lineHeight: "20px"
+  },
+  caption1: {
+    ...e,
+    fontSize: 12,
+    lineHeight: "16px"
+  },
+  caption2: {
+    ...e,
+    fontSize: 10,
+    lineHeight: "14px"
+  }
+};
+export {
+  n as typography
+};

package/dist/types/children.types.d.ts

@@ -1,4 +1,3 @@
 export interface IClassnameProp {
     className?: string;
 }
-//# sourceMappingURL=children.types.d.ts.map

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
 export type * from './children.types';
 export type * from './object.types';
 export type * from './tokens.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/object.types.d.ts

@@ -1,4 +1,3 @@
 export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
-//# sourceMappingURL=object.types.d.ts.map

package/dist/types/tokens.types.d.ts

@@ -22,4 +22,3 @@ export type StatusColor = AccentType | NegativeType | PositiveType | WarningType
 export type StatusVariant = "default" | "tint" | "tint-low";
 export type ColorType = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | NeutralType | AccentType | InverseType | CustomType;
 export type HoverableColor<T extends string> = T | `${T}-hover`;
-//# sourceMappingURL=tokens.types.d.ts.map