gd-design-library 0.7.0 → 0.7.2

package/components/core/Loader/LoaderStyled.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsxs as h, jsx as x } from "@emotion/react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { getAnimationDataByName as V } from "./utils.js";
-import { WrapperVariant as g } from "../../../types/wrapper.js";
-import { SizeVariant as j } from "../../../types/common.js";
-import { get as t } from "../../../utils/helpers.js";
-const B = S((e, i) => {
-  const {
-    theme: {
-      loader: a,
-      animations: r
-    } = {},
-    styles: m,
-    $name: n,
-    $variant: s = g.Inline,
-    $size: p = j.Md,
-    $animationProps: f,
-    children: c,
-    ...d
-  } = e, l = t(a, ["animation", n, "name"], ""), u = t(r, l, {}), {
-    animation: o,
-    AnimationView: y
-  } = V(n, u, f), $ = {
-    ...t(a, "default", {}),
-    ...t(a, s, {}),
-    ...t(a, [n, "default"], {}),
-    ...t(a, [n, p], {}),
-    ...o ? {
-      animation: o
-    } : {},
-    ...m
-  };
-  return /* @__PURE__ */ h("span", { css: $, ...d, ref: i, children: [
-    /* @__PURE__ */ x(y, {}),
-    c
-  ] });
-});
-export {
-  B as LoaderStyled
-};

package/components/core/Loader/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const COMPONENT_NAME = "Loader";
-export declare const BASE_ANIMATION = "2000ms ease-in-out infinite";

package/components/core/Loader/constants.js

@@ -1,6 +0,0 @@
-import { BASE_ANIMATION_MS as o } from "../../../constants/timers.js";
-const N = "Loader", t = `${o}ms ease-in-out infinite`;
-export {
-  t as BASE_ANIMATION,
-  N as COMPONENT_NAME
-};

package/components/core/Loader/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Loader';
-export * from './Loader.types';

package/components/core/Loader/utils.d.ts

@@ -1,11 +0,0 @@
-import { CSSObject } from '@emotion/react';
-export declare const getAnimationDataByName: (animationName?: string, animationKeyframes?: Record<string, CSSObject>, animationProps?: string) => {
-    animation: null;
-    AnimationView: () => import("@emotion/react/jsx-runtime").JSX.Element;
-} | {
-    animation: string;
-    AnimationView: () => null;
-} | {
-    animation: null;
-    AnimationView: () => null;
-};

package/components/core/Loader/utils.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsxs as o, Fragment as m, jsx as n } from "@emotion/react/jsx-runtime";
-import { css as a } from "@emotion/react";
-import { convertJsonToCssKeyframeCss as c } from "../../../tokens/utils.js";
-const d = (t, e = {}, i) => {
-  const s = `${c(e)} ${i}`;
-  switch (t) {
-    case "dots":
-      return {
-        animation: null,
-        AnimationView: () => /* @__PURE__ */ o(m, { children: [
-          /* @__PURE__ */ n("span", { css: /* @__PURE__ */ a({
-            animation: s
-          }), className: "dot" }),
-          /* @__PURE__ */ n("span", { css: /* @__PURE__ */ a({
-            animation: s
-          }), className: "dot" }),
-          /* @__PURE__ */ n("span", { css: /* @__PURE__ */ a({
-            animation: s
-          }), className: "dot" })
-        ] })
-      };
-    case "circle":
-      return {
-        animation: s,
-        AnimationView: () => null
-      };
-    default:
-      return {
-        animation: null,
-        AnimationView: () => null
-      };
-  }
-};
-export {
-  d as getAnimationDataByName
-};

package/components/core/Menu/Menu.d.ts

@@ -1,2 +0,0 @@
-import { MenuProps } from './Menu.types';
-export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps<unknown> & import('react').RefAttributes<HTMLButtonElement>>;

package/components/core/Menu/Menu.js

@@ -1,106 +0,0 @@
-"use client";
-import { jsxs as K, Fragment as V, jsx as g } from "@emotion/react/jsx-runtime";
-import { forwardRef as W, useState as M, useMemo as Y, useRef as h, useCallback as O, useImperativeHandle as $, useEffect as I } from "react";
-import { MENU_DEFAULT_OPTIONS as j, EMPTY_CLIENT_RECT as P, COMPONENT_NAME as w } from "./constants.js";
-import { MenuTriggerStyled as U, MenuContentStyled as J } from "./MenuStyled.js";
-import { useAnimationFrame as q } from "../../../utils/animationFrame.js";
-import { SelectContext as z } from "../Select/hooks/useSelectContext.js";
-import { convertToInlineBoxStyles as G } from "../../../tokens/utils.js";
-import { useTheme as Q } from "../../../hooks/useTheme/useTheme.js";
-import { Portal as X } from "../Portal/Portal.js";
-import { KEYBOARD_KEYS as Z } from "../../../constants/keyboard.js";
-const tt = W((S, T) => {
-  const {
-    onSelect: v,
-    children: N,
-    content: k,
-    options: x = {},
-    itemIdentifier: R = (t, n) => (t == null ? void 0 : t.value) === (n == null ? void 0 : n.value),
-    ...y
-  } = S, {
-    theme: C
-  } = Q(), [B, L] = M(), a = Y(() => ({
-    ...j,
-    ...x
-  }), [JSON.stringify(x)]), r = h(null), o = h(null), b = h(), _ = h({
-    top: 0,
-    left: 0,
-    maxHeight: a.maxHeight
-  }), [u, f] = M(!1), A = O(({
-    width: t,
-    height: n
-  }) => {
-    const e = r.current ? r.current.getBoundingClientRect() : P, {
-      minHeight: i,
-      align: c,
-      direction: m,
-      offset: s
-    } = a, l = b.current || m || "top", E = e.right + s, p = {
-      top: e.top - 2 * s,
-      bottom: window.innerHeight - e.bottom - 2 * s
-    }, d = {
-      top: e.top,
-      bottom: e.bottom + s,
-      right: E,
-      center: e.left + e.width / 2 + t / 2 < window.innerWidth - s ? e.left + e.width / 2 - t / 2 : E,
-      left: e.left + t < window.innerWidth - s ? e.left : E
-    }, H = p.top > p.bottom ? "top" : "bottom";
-    return p[l] > i && m || p[l] > n ? {
-      top: d[l],
-      left: d[c]
-    } : (b.current = H, {
-      top: d[H],
-      left: d[c]
-    });
-  }, [a]), D = {
-    onSelect: ({
-      event: t,
-      data: n
-    }) => {
-      v == null || v({
-        event: t,
-        data: n
-      }), L(n), f(!1);
-    },
-    value: B,
-    itemIdentifier: R
-  }, F = O(() => {
-    f((t) => !t);
-  }, []);
-  return $(T, () => r.current), q(() => {
-    if (o.current && u) {
-      const t = o.current.getBoundingClientRect(), n = r.current ? r.current.getBoundingClientRect() : P, {
-        top: e,
-        left: i
-      } = A(t), {
-        offset: c,
-        maxHeight: m
-      } = a, l = i < n.right && t.right > n.left && e < 2 * c ? n.top - 2 * c : window.innerHeight - e - c;
-      _.current = {
-        top: e,
-        left: i,
-        maxHeight: Math.min(m, l)
-      }, o.current && (o.current.style.left = `${i}px`, o.current.style.top = `${e}px`, o.current.style.maxHeight = `${Math.min(m, l)}px`);
-    }
-  }), I(() => {
-    const t = (n) => {
-      u && n.key === Z.ESCAPE && f(!1);
-    };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [u]), I(() => {
-    const t = (n) => {
-      var e, i;
-      !((e = r == null ? void 0 : r.current) != null && e.contains(n.target)) && !((i = o == null ? void 0 : o.current) != null && i.contains(n.target)) && f(!1);
-    };
-    return document.addEventListener("mousedown", t), () => {
-      document.removeEventListener("mousedown", t);
-    };
-  }, [o]), /* @__PURE__ */ K(V, { children: [
-    /* @__PURE__ */ g(U, { onClick: F, theme: C, ref: r, "data-testid": w, ...y, children: N }),
-    u && /* @__PURE__ */ g(X, { withWrapper: !1, children: /* @__PURE__ */ g(z.Provider, { value: D, children: /* @__PURE__ */ g(J, { ref: o, "data-testid": w, theme: C, ...G(y), children: k }) }) })
-  ] });
-});
-tt.displayName = w;
-export {
-  tt as Menu
-};

package/components/core/Menu/Menu.types.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { Theme } from '../../../hooks';
-import { ButtonProps, CommonCssComponentStyledProps, SelectProps } from '../..';
-import { MENU_DEFAULT_OPTIONS } from './constants';
-export type MenuOptions = Partial<typeof MENU_DEFAULT_OPTIONS>;
-export type VerticalAlignment = 'bottom' | 'top';
-export interface MenuProps<T> extends Partial<Pick<SelectProps<T>, 'styles' | 'onSelect' | 'itemIdentifier' | 'children'>> {
-    title?: string;
-    content?: ReactNode;
-    options?: MenuOptions;
-}
-export interface MenuTriggerStyledProps extends Partial<ButtonProps> {
-    theme?: Theme;
-}
-export type MenuContentStyledProps = CommonCssComponentStyledProps;

package/components/core/Menu/MenuStyled.d.ts

@@ -1,3 +0,0 @@
-import { MenuTriggerStyledProps, MenuContentStyledProps } from './Menu.types';
-export declare const MenuTriggerStyled: import('react').ForwardRefExoticComponent<MenuTriggerStyledProps & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const MenuContentStyled: import('react').ForwardRefExoticComponent<Omit<MenuContentStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Menu/MenuStyled.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { Button as u } from "../Button/Button.js";
-import { get as m } from "../../../utils/helpers.js";
-import { ButtonVariant as i } from "../../../types/button.js";
-const y = s((t, e) => {
-  const {
-    theme: {
-      menu: r
-    } = {},
-    styles: o = {},
-    ...f
-  } = t;
-  return /* @__PURE__ */ n(u, { variant: i.Text, styles: {
-    ...m(r, "wrapper.default", {}),
-    ...o
-  }, ...f, ref: e });
-}), g = s((t, e) => {
-  const {
-    theme: {
-      menu: r
-    } = {},
-    ...o
-  } = t;
-  return /* @__PURE__ */ n("div", { css: m(r, "content.default", {}), ...o, ref: e });
-});
-export {
-  g as MenuContentStyled,
-  y as MenuTriggerStyled
-};

package/components/core/Menu/constants.d.ts

@@ -1,10 +0,0 @@
-export declare const COMPONENT_NAME = "Menu";
-export declare const EMPTY_CLIENT_RECT: DOMRect;
-export declare const MENU_DEFAULT_OPTIONS: {
-    align: string;
-    direction: null;
-    limitWidth: string;
-    maxHeight: number;
-    minHeight: number;
-    offset: number;
-};

package/components/core/Menu/constants.js

@@ -1,24 +0,0 @@
-const i = "Menu", t = {
-  bottom: 0,
-  height: 0,
-  left: 0,
-  right: 0,
-  top: 0,
-  width: 0,
-  x: 0,
-  y: 0
-}, o = {
-  ...t
-}, e = {
-  align: "right",
-  direction: null,
-  limitWidth: "auto",
-  maxHeight: 400,
-  minHeight: 80,
-  offset: 4
-};
-export {
-  i as COMPONENT_NAME,
-  o as EMPTY_CLIENT_RECT,
-  e as MENU_DEFAULT_OPTIONS
-};

package/components/core/Menu/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Menu';
-export * from './Menu.types';

package/components/core/Modal/Modal.d.ts

@@ -1,2 +0,0 @@
-import { ModalProps } from './Modal.types';
-export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Modal/Modal.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx as t, jsxs as m, Fragment as k } from "@emotion/react/jsx-runtime";
-import { forwardRef as w, useEffect as O } from "react";
-import { COMPONENT_NAME as r } from "./constants.js";
-import { ModalOverlayStyled as v, ModalContentStyled as B, ModalHeaderStyled as T, ModalTitleStyled as b, CloseButtonStyled as x, ModalBodyStyled as N, ModalFooterStyled as P } from "./ModalStyled.js";
-import { useTheme as $ } from "../../../hooks/useTheme/useTheme.js";
-import { get as f } from "../../../utils/helpers.js";
-import { Portal as g } from "../Portal/Portal.js";
-import { convertToInlineBoxStyles as A } from "../../../tokens/utils.js";
-import { Icon as K } from "../Icon/Icon.js";
-import { KEYBOARD_KEYS as j } from "../../../constants/keyboard.js";
-const D = w((y, p) => {
-  const {
-    isOpen: d = !1,
-    isCustomView: u = !1,
-    onClose: o,
-    showCloseButton: s = !0,
-    closeOnEscape: a,
-    title: l,
-    children: i,
-    footer: c,
-    styles: h,
-    ...S
-  } = y, {
-    theme: e
-  } = $(), C = f(e, "modal.icons", {}), E = l || s && o;
-  return O(() => {
-    if (!a) return;
-    const n = (M) => {
-      o && M.key === j.ESCAPE && o();
-    };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [d, a, o]), d ? /* @__PURE__ */ t(g, { blocksScroll: !0, children: /* @__PURE__ */ t(v, { onClick: o, theme: e, children: /* @__PURE__ */ t(B, { ref: p, onClick: (n) => n.stopPropagation(), "data-testid": r, theme: e, styles: h, ...A(S), children: u ? i : /* @__PURE__ */ m(k, { children: [
-    E && /* @__PURE__ */ m(T, { theme: e, $withTitle: !!l, children: [
-      l && /* @__PURE__ */ t(b, { theme: e, "data-testid": `${r}-title`, children: l }),
-      s && o && /* @__PURE__ */ t(x, { onClick: o, "data-testid": "close-button", theme: e, children: /* @__PURE__ */ t(K, { ...f(C, "close", {
-        name: "cross"
-      }) }) })
-    ] }),
-    i && /* @__PURE__ */ t(N, { theme: e, "data-testid": `${r}-body`, children: i }),
-    c && /* @__PURE__ */ t(P, { theme: e, "data-testid": `${r}-footer`, children: c })
-  ] }) }) }) }) : null;
-});
-D.displayName = r;
-export {
-  D as Modal
-};

package/components/core/Modal/Modal.types.d.ts

@@ -1,18 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps } from '../..';
-export interface ModalProps extends Omit<BoxCssComponentProps, 'title'>, PropsWithChildren {
-    isOpen?: boolean;
-    isCustomView?: boolean;
-    showCloseButton?: boolean;
-    closeOnEscape?: boolean;
-    onClose?: () => void;
-    title?: ReactNode;
-    footer?: ReactNode;
-}
-export interface ModalContentStyledProps extends Omit<BoxCssComponentStyledProps, 'onClick'>, PropsWithChildren {
-    onClick: (event: Event) => void;
-}
-export type ModalCommonStyledProps<T = HTMLDivElement> = CommonCssComponentStyledProps<T> & PropsWithChildren;
-export interface ModalHeaderStyledProps extends BoxCssComponentStyledProps, PropsWithChildren {
-    $withTitle: boolean;
-}

package/components/core/Modal/ModalStyled.d.ts

@@ -1,8 +0,0 @@
-import { ModalContentStyledProps, ModalCommonStyledProps, ModalHeaderStyledProps } from './Modal.types';
-export declare const ModalOverlayStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ModalContentStyled: import('react').ForwardRefExoticComponent<Omit<ModalContentStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ModalHeaderStyled: (props: ModalHeaderStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ModalTitleStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ModalBodyStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ModalFooterStyled: (props: ModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CloseButtonStyled: (props: ModalCommonStyledProps<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Modal/ModalStyled.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { get as s } from "../../../utils/helpers.js";
-import { getBoxStyles as u } from "../../../tokens/utils.js";
-const S = (t) => {
-  const {
-    theme: {
-      modal: e
-    } = {},
-    ...o
-  } = t;
-  return /* @__PURE__ */ r("div", { css: s(e, "overlay.default", {}), ...o });
-}, h = m((t, e) => {
-  const {
-    theme: {
-      modal: o
-    } = {},
-    styles: d = {},
-    ...l
-  } = t, {
-    boxStyles: n,
-    restProps: c
-  } = u(l), a = [s(o, "content.default", {}), d, n];
-  return /* @__PURE__ */ r("div", { css: a, ...c, ref: e });
-}), P = (t) => {
-  const {
-    theme: {
-      modal: e
-    } = {},
-    $withTitle: o,
-    ...d
-  } = t, l = s(e, "header", {}), n = [s(l, "default", {}), o ? s(l, "withTitle", {}) : {}];
-  return /* @__PURE__ */ r("div", { css: n, ...d });
-}, v = (t) => {
-  const {
-    theme: {
-      modal: e
-    } = {},
-    ...o
-  } = t;
-  return /* @__PURE__ */ r("div", { css: s(e, "title.default", {}), ...o });
-}, M = (t) => {
-  const {
-    theme: {
-      modal: e
-    } = {},
-    ...o
-  } = t;
-  return /* @__PURE__ */ r("div", { css: s(e, "body.default", {}), ...o });
-}, x = (t) => {
-  const {
-    theme: {
-      modal: e
-    } = {},
-    ...o
-  } = t;
-  return /* @__PURE__ */ r("div", { css: s(e, "footer.default", {}), ...o });
-}, B = (t) => {
-  const {
-    theme: {
-      modal: e
-    } = {},
-    ...o
-  } = t;
-  return /* @__PURE__ */ r("button", { css: s(e, "closeButton.default", {}), ...o });
-};
-export {
-  B as CloseButtonStyled,
-  M as ModalBodyStyled,
-  h as ModalContentStyled,
-  x as ModalFooterStyled,
-  P as ModalHeaderStyled,
-  S as ModalOverlayStyled,
-  v as ModalTitleStyled
-};

package/components/core/Modal/constants.d.ts

@@ -1 +0,0 @@
-export declare const COMPONENT_NAME = "Modal";

package/components/core/Modal/constants.js

@@ -1,4 +0,0 @@
-const o = "Modal";
-export {
-  o as COMPONENT_NAME
-};

package/components/core/Modal/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Modal';
-export * from './Modal.types';

package/components/core/Portal/Portal.d.ts

@@ -1,2 +0,0 @@
-import { PortalProps } from './Portal.types';
-export declare const Portal: import('react').ForwardRefExoticComponent<PortalProps & import('react').RefAttributes<HTMLBaseElement>>;

package/components/core/Portal/Portal.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { forwardRef as f, useEffect as m } from "react";
-import { createPortal as s } from "react-dom";
-import u from "../Wrapper/Wrapper.js";
-import { WrapperVariant as y } from "../../../types/wrapper.js";
-const P = f((t, a) => {
-  const {
-    children: r,
-    container: i,
-    wrapperVariant: n = y.FullPage,
-    withWrapper: d = !0,
-    WrapperView: l = "div",
-    blocksScroll: e,
-    ...p
-  } = t;
-  return m(() => {
-    const o = document.body.style.overflow === "hidden";
-    return e && !o && (document.body.style.overflow = "hidden"), () => {
-      o || (document.body.style.overflow = "");
-    };
-  }, [e]), s(d ? /* @__PURE__ */ c(u, { ref: a, variant: n, as: l, ...p, children: r }) : r, i || document.body);
-});
-export {
-  P as Portal
-};

package/components/core/Portal/Portal.types.d.ts

@@ -1,10 +0,0 @@
-import { ElementType, PropsWithChildren } from 'react';
-import { WrapperVariant, Maybe, EnumOrPrimitive } from '../../../types';
-import { CommonCssComponentProps } from '../..';
-export interface PortalProps extends CommonCssComponentProps, PropsWithChildren {
-    container?: Maybe<Element | DocumentFragment>;
-    wrapperVariant?: EnumOrPrimitive<WrapperVariant>;
-    withWrapper?: boolean;
-    blocksScroll?: boolean;
-    WrapperView?: keyof HTMLElementTagNameMap | ElementType;
-}

package/components/core/Portal/constants.d.ts

@@ -1 +0,0 @@
-export declare const COMPONENT_NAME = "Portal";

package/components/core/Portal/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Portal';
-export * from './Portal.types';

package/components/core/Scroll/Scroll.d.ts

@@ -1,19 +0,0 @@
-import { ScrollProps } from './Scroll.types';
-/**
- * Scroll is a customizable scroll container component with optional custom scrollbars.
- *
- * Supports vertical and horizontal scrollbars with three visibility modes:
- * - 'auto' (default): Scrollbar appears only when needed.
- * - 'hidden': Scrollbar is always hidden.
- * - 'visible': Scrollbar is always visible.
- *
- * @component
- * @param {'auto' | 'hidden' | 'visible'} [vertical='auto'] - Controls vertical scrollbar visibility.
- * @param {'auto' | 'hidden' | 'visible'} [horizontal='auto'] - Controls horizontal scrollbar visibility.
- *
- * @example
- * <Scroll vertical="auto" horizontal="hidden">
- *   <div>Scrollable content</div>
- * </Scroll>
- */
-export declare const Scroll: import('react').ForwardRefExoticComponent<ScrollProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Scroll/Scroll.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsxs as f, jsx as o } from "@emotion/react/jsx-runtime";
-import { forwardRef as z, useState as u, useRef as x, useImperativeHandle as M } from "react";
-import { ScrollStyled as V, ScrollBarsStyled as W, ScrollContentStyled as j } from "./ScrollStyled.js";
-import { ScrollBar as S } from "./ScrollBar.js";
-import { COMPONENT_NAME as i } from "./constants.js";
-import { useTheme as A } from "../../../hooks/useTheme/useTheme.js";
-import { useAnimationFrame as B } from "../../../utils/animationFrame.js";
-const I = z((b, c) => {
-  const [s, p] = u(!1), [a, g] = u(!1), t = x(null), {
-    theme: e
-  } = A(), {
-    vertical: w = "auto",
-    horizontal: n = "auto",
-    children: H,
-    ...N
-  } = b, d = (r, l) => r === "visible" ? !0 : r === "hidden" ? !1 : l;
-  return B(() => {
-    if (!t.current)
-      return;
-    const {
-      clientHeight: r,
-      scrollHeight: l,
-      clientWidth: v,
-      scrollWidth: y
-    } = t.current, h = d(w, Math.ceil(r / l * 100) < 100), m = d(n, Math.ceil(v / y * 100) < 100);
-    h !== s && p(h), m !== a && g(m);
-  }, 300), M(c, () => t.current, []), /* @__PURE__ */ f(V, { className: "gd-scroll", ref: t, theme: e, ...N, "data-testid": i, children: [
-    /* @__PURE__ */ f(W, { className: "gd-scroll--scrollbars", theme: e, "data-testid": `${i}-scrollbars`, children: [
-      s && /* @__PURE__ */ o(S, { direction: "vertical", containerRef: t }),
-      a && /* @__PURE__ */ o(S, { direction: "horizontal", containerRef: t })
-    ] }),
-    /* @__PURE__ */ o(j, { ref: c, className: "gd-scroll--content", theme: e, style: n === "hidden" ? {
-      maxWidth: "100%"
-    } : void 0, "data-testid": `${i}-content`, children: H })
-  ] });
-});
-export {
-  I as Scroll
-};

package/components/core/Scroll/Scroll.types.d.ts

@@ -1,19 +0,0 @@
-import { RefObject, PropsWithChildren } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
-export type ScrollDirection = 'vertical' | 'horizontal';
-export type ScrollBarPosition = 'hidden' | 'visible' | 'auto';
-export interface ScrollProps extends PropsWithChildren<CommonCssComponentProps> {
-    vertical?: ScrollBarPosition;
-    horizontal?: ScrollBarPosition;
-}
-export interface ScrollBarProps extends CommonCssComponentProps {
-    direction?: ScrollDirection;
-    containerRef?: RefObject<HTMLElement>;
-}
-export interface ScrollStyledProps extends PropsWithChildren<CommonCssComponentStyledProps> {
-    $vertical?: ScrollBarPosition;
-    $horizontal?: ScrollBarPosition;
-}
-export interface ScrollBarStyledProps extends CommonCssComponentStyledProps {
-    $direction?: ScrollDirection;
-}

package/components/core/Scroll/ScrollBar.d.ts

@@ -1,2 +0,0 @@
-import { ScrollBarProps } from './Scroll.types';
-export declare const ScrollBar: (props: ScrollBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;