indicator-ui 1.0.9 → 1.0.11

package/dist/index.js

@@ -14699,11 +14699,11 @@ function Dh(...r) {
     ease: "power1.in",
     duration: 0.5
   }, "<").set(e, { visibility: "hidden" }), n), changeHeight: (l) => {
-    const d = l / 1e3;
+    const d = e.clientHeight, p = Math.abs(d - l) / 500;
     return n.clear().to(e, {
       height: l,
       ease: "power2.out",
-      duration: d
+      duration: p
     }), n;
   } };
 }
@@ -15086,7 +15086,13 @@ function BB(r) {
     getElState: d,
     open: m,
     close: _,
-    toggle: y
+    toggle: y,
+    getContentInitStyle: () => ({
+      transform: `translateT(${e === "close" ? "-100%" : "0"})`
+    }),
+    getWrapperInitStyle: () => ({
+      height: e === "close" ? "0" : void 0
+    })
   };
 }
 function NB(r) {
@@ -15110,16 +15116,24 @@ function VB(r) {
   }, [u, e]), h = Dt(() => {
     u("close"), t();
   }, [u, t]);
-  return { toggle: Dt(() => {
-    switch (l()) {
-      case "open":
-        h();
-        break;
-      case "close":
-        d();
-        break;
-    }
-  }, [l, h, d]), open: d, close: h, elState: o, setElState: u, getElState: l, onResize: c };
+  return {
+    toggle: Dt(() => {
+      switch (l()) {
+        case "open":
+          h();
+          break;
+        case "close":
+          d();
+          break;
+      }
+    }, [l, h, d]),
+    open: d,
+    close: h,
+    elState: o,
+    setElState: u,
+    getElState: l,
+    onResize: c
+  };
 }
 function eU(...r) {
   const [e, t = {}] = r, { xSpeed: n } = t, [i] = wt(e), { getTimeline: o } = Ys(), u = () => {
@@ -24627,10 +24641,33 @@ function Vz(...r) {
   };
 }
 const Wz = (r, e) => {
-  const { as: t = "div", wrapperAs: n = "div", wrapperStyle: i, wrapperClassName: o, onUpdateState: u, initialState: l, ...c } = r, { actions: d, wrapperRef: h, contentRef: p } = Vz(u, l);
+  const {
+    as: t = "div",
+    wrapperAs: n = "div",
+    wrapperStyle: i,
+    wrapperClassName: o,
+    onUpdateState: u,
+    initialState: l,
+    ...c
+  } = r, { actions: d, wrapperRef: h, contentRef: p } = Vz(u, l);
   Tr(e, () => d, [d]);
   const _ = n, m = t;
-  return /* @__PURE__ */ E(_, { style: { overflow: "hidden", ...i }, className: o, ref: h, children: /* @__PURE__ */ E(m, { ...c, ref: p }) });
+  return /* @__PURE__ */ E(
+    _,
+    {
+      style: { overflow: "hidden", ...d.getWrapperInitStyle(), ...i },
+      className: o,
+      ref: h,
+      children: /* @__PURE__ */ E(
+        m,
+        {
+          ...c,
+          style: { ...d.getContentInitStyle(), ...c.style },
+          ref: p
+        }
+      )
+    }
+  );
 }, YU = Z(Wz);
 export {
   yU as ADJUST_SCROLL_POSITION_TIMEOUT,

package/dist/types/src/hooks/ui-animations/useCollapsible.d.ts

@@ -1,10 +1,19 @@
-import { default as React } from 'react';
+import { default as React, CSSProperties } from 'react';
 export type CollapseState = 'open' | 'close';
 type PropsType<W extends HTMLElement, C extends HTMLElement> = {
     initElState?: CollapseState;
     wrapperRef: React.RefObject<W>;
     contentRef: React.RefObject<C>;
 };
+type FunReturnType = {
+    elState: CollapseState;
+    getElState: () => CollapseState;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    getContentInitStyle: () => CSSProperties;
+    getWrapperInitStyle: () => CSSProperties;
+};
 /**
  * Хук React для создания сворачиваемых/разворачиваемых UI элементов с GSAP анимациями.
  *
@@ -52,11 +61,5 @@ type PropsType<W extends HTMLElement, C extends HTMLElement> = {
  * - Элемент обёртки должен иметь overflow: hidden для предотвращения видимости контента при сворачивании
  * - Ref объекты должны быть созданы через useRef перед вызовом хука
  */
-export declare function useCollapsible<W extends HTMLElement, C extends HTMLElement>(props: PropsType<W, C>): {
-    elState: CollapseState;
-    getElState: () => CollapseState;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-};
+export declare function useCollapsible<W extends HTMLElement, C extends HTMLElement>(props: PropsType<W, C>): FunReturnType;
 export {};

package/dist/types/src/types/mixins.d.ts

@@ -25,7 +25,7 @@ export type Undefinable<T> = undefined | (IsObject<T> extends true ? IsArray<T>
     [K in keyof T]?: T[K] | undefined;
 } : T);
 export type Merge<A extends Record<any, any>, B extends Record<any, any>> = Omit<A, keyof B> & B;
-export type AsProps<T extends ElementType, P extends Record<string, any> = {}> = Merge<React.ComponentProps<T>, {
+export type AsProps<T extends ElementType, P extends Record<string, any> = {}> = Merge<React.ComponentPropsWithoutRef<T>, {
     as?: T;
 } & P>;
 export {};

package/dist/types/src/ui/Collapse/hooks/useCollapse.d.ts

@@ -10,6 +10,8 @@ export declare function useCollapse<WEl extends HTMLElement, CEl extends HTMLEle
         open: () => void;
         close: () => void;
         toggle: () => void;
+        getContentInitStyle: () => import('react').CSSProperties;
+        getWrapperInitStyle: () => import('react').CSSProperties;
     };
     wrapperRef: import('react').MutableRefObject<WEl | null>;
     contentRef: import('react').MutableRefObject<CEl | null>;

package/package.json

@@ -11,7 +11,7 @@
     "react-components",
     "ui-kit"
   ],
-  "version": "1.0.9",
+  "version": "1.0.11",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",