@dss-kit/ui-kit 1.0.2 → 1.0.4

package/dist/utils/hooks/useLatestRef.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Ref с последним значением — для колбэков, которые вызываются вне рендера
+ * (события клавиатуры и указателя, завершение анимации) и должны видеть
+ * актуальные пропсы.
+ */
+export declare function useLatestRef<T>(value: T): import('react').MutableRefObject<T>;

package/dist/utils/hooks/useLatestRef.js

@@ -0,0 +1,10 @@
+import { useRef as r, useLayoutEffect as f } from "react";
+function u(e) {
+  const t = r(e);
+  return f(() => {
+    t.current = e;
+  }), t;
+}
+export {
+  u as useLatestRef
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dss-kit/ui-kit",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "./dist/ui-kit.cjs",
   "module": "./dist/index.js",

package/dist/components/builders/Modal/ModalFooter/ModalFooter.js

@@ -1,35 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cx as c, css as f } from "@emotion/css";
-import { forwardRef as d } from "react";
-import { Box as n } from "../../Box/Box.js";
-import { theme as o } from "../../../../utils/theme/index.js";
-const x = f({
-  borderTop: `1px solid ${o.color.border.neutral_alpha_basic}`
-}), u = d(
-  ({
-    children: r,
-    row: t = !0,
-    flex: e = !0,
-    gap: a = o.spacing.lg,
-    p: m = o.spacing["2xl"],
-    className: s,
-    // Остальные пропсы передаются в компонент Box
-    ...p
-  }, l) => /* @__PURE__ */ i(
-    n,
-    {
-      flex: e,
-      row: t,
-      gap: a,
-      p: m,
-      className: c(x, s),
-      ref: l,
-      ...p,
-      children: r
-    }
-  )
-);
-u.displayName = "ModalFooter";
-export {
-  u as ModalFooter
-};

package/dist/components/builders/Modal/ModalFooter/index.d.ts

@@ -1,2 +0,0 @@
-export type { ModalFooterProps } from './ModalFooter';
-export { ModalFooter } from './ModalFooter';

package/dist/components/builders/Modal/ModalHeader/ModalHeader.js

@@ -1,86 +0,0 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import W from "../../../../assets/svg/modal/close.svg.js";
-import { useModalContext as B } from "../context.js";
-import { Box as t } from "../../Box/Box.js";
-import { theme as r } from "../../../../utils/theme/index.js";
-import { Text as i } from "../../Text/Text.js";
-import { IconButton as M } from "../../../controls/IconButton/IconButton.js";
-const j = v(
-  ({
-    title: a,
-    subtitle: l,
-    w: m = "full",
-    p: s,
-    py: d,
-    px: n = r.spacing["2xl"],
-    pt: c = r.spacing["2xl"],
-    pb: p = r.spacing.lg,
-    row: f = !0,
-    justifyContent: h = "space-between",
-    showCloseButton: b = !1,
-    className: g,
-    titleClassName: x,
-    subtitleClassName: u,
-    closeButtonClassName: N
-  }, y) => {
-    const { onClose: C } = B();
-    return /* @__PURE__ */ e(
-      t,
-      {
-        w: m,
-        p: s,
-        py: d,
-        px: n,
-        pt: c,
-        pb: p,
-        row: f,
-        justifyContent: h,
-        ref: y,
-        borderColor: r.color.border.neutral_alpha_basic,
-        borderWidth: 0,
-        borderBottomWidth: 1,
-        borderStyle: "solid",
-        className: g,
-        children: [
-          /* @__PURE__ */ e(t, { gap: r.spacing.sm, children: [
-            /* @__PURE__ */ o(
-              i,
-              {
-                variant: "title-3",
-                colorName: "primary",
-                fontWeight: "semibold",
-                className: x,
-                children: a
-              }
-            ),
-            /* @__PURE__ */ o(
-              i,
-              {
-                variant: "body-1",
-                colorName: "tertiary",
-                fontWeight: "medium",
-                className: u,
-                children: l
-              }
-            )
-          ] }),
-          b && /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-            M,
-            {
-              onClick: C,
-              color: "neutral",
-              className: N,
-              size: "xs",
-              children: /* @__PURE__ */ o(W, {})
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-j.displayName = "ModalHeader";
-export {
-  j as ModalHeader
-};

package/dist/components/builders/Modal/ModalHeader/index.d.ts

@@ -1,2 +0,0 @@
-export type { ModalHeaderProps } from './ModalHeader';
-export { ModalHeader } from './ModalHeader';

package/dist/components/builders/Modal/ModalMain/index.d.ts

@@ -1,2 +0,0 @@
-export type { ModalMainProps, ModalMainRef } from './ModalMain';
-export { ModalMain } from './ModalMain';

package/dist/components/builders/Modal/ModalMain/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const styles: {
-    main: string;
-};

package/dist/components/builders/Modal/context.d.ts

@@ -1,8 +0,0 @@
-export declare const ModalContext: import('react').Context<{
-    isOpen: boolean;
-    onClose: () => void;
-}>;
-export declare const useModalContext: () => {
-    isOpen: boolean;
-    onClose: () => void;
-};