gd-design-library 0.7.0 → 0.7.2

package/components/widget/DragAndDrop/DragAndDrop.js

@@ -1,74 +0,0 @@
-"use client";
-import { jsx as e, jsxs as l, Fragment as O } from "@emotion/react/jsx-runtime";
-import { forwardRef as _, useRef as R, useCallback as g, Children as q } from "react";
-import { COMPONENT_NAME as j } from "./constants.js";
-import { DragAndDropStyled as G, DragAndDropAreaStyled as J, UploadIconStyled as S, ContentTypographyStyled as a, DragOverContentStyled as K } from "./DragAndDropStyled.js";
-import { validateFiles as Q } from "./utils/validators.js";
-import { DragAndDropFiles as W } from "../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js";
-import { InputFile as X } from "../../core/InputFile/InputFile.js";
-import { colors as Y } from "../../../tokens/colors.js";
-import { useTheme as Z } from "../../../hooks/useTheme/useTheme.js";
-import { Column as T } from "../../layout/Column/Column.js";
-import { TypographyVariant as s } from "../../../types/typography.js";
-import { ButtonVariant as E } from "../../../types/button.js";
-const ee = _((N, m) => {
-  const {
-    styles: I = {},
-    files: u,
-    errors: o,
-    title: h,
-    description: f,
-    inputFileButtonLabel: L,
-    acceptedFileTypes: y,
-    maxFileSize: F,
-    maxFiles: d,
-    onError: v,
-    onFilesChanged: C,
-    disabled: n,
-    isLoading: i,
-    loadingOverlay: M,
-    children: D,
-    ...B
-  } = N, {
-    theme: r
-  } = Z(), A = R(null), b = R(null), c = g((t) => {
-    if (!t || i) return;
-    const p = u ?? [], w = Array.from(t), {
-      validFiles: x,
-      errors: z
-    } = Q(w, p, y, d, F);
-    if (v(z), x.length > 0) {
-      const U = [...p, ...x];
-      C(U);
-    }
-  }, [u, y, d, F, C, v, i]), H = g((t) => {
-    c(t);
-  }, [c]), P = g((t) => {
-    c(t.target.files);
-  }, [c]), V = o && o.length > 0, k = !d || d > 1, $ = q.count(D) > 0;
-  return /* @__PURE__ */ e(G, { ref: m || b, theme: r, styles: I, "data-testid": j, children: /* @__PURE__ */ l(W, { targetRef: m || null || b, triggerRef: A, dragOverContent: i ? null : /* @__PURE__ */ e(K, { theme: r, children: /* @__PURE__ */ l(T, { justify: "center", align: "center", gutter: 16, children: [
-    /* @__PURE__ */ e(S, { theme: r }),
-    /* @__PURE__ */ e(a, { theme: r, variant: s.H6, children: h })
-  ] }) }), onDrop: H, ...B, children: [
-    $ && D,
-    !$ && /* @__PURE__ */ e(J, { theme: r, ref: A, $disabled: n, $isError: V, $isLoading: i, children: /* @__PURE__ */ l(T, { justify: "center", align: "center", gutter: 16, children: [
-      !i && /* @__PURE__ */ l(O, { children: [
-        /* @__PURE__ */ e(S, { theme: r, $disabled: n }),
-        h && /* @__PURE__ */ l(O, { children: [
-          /* @__PURE__ */ e(a, { theme: r, variant: s.H6, $disabled: n, children: h }),
-          /* @__PURE__ */ e(a, { theme: r, as: "div", variant: s.Caption, $disabled: n, children: "or" })
-        ] }),
-        /* @__PURE__ */ e(X, { multiple: k, disabled: n, onChange: P, buttonProps: {
-          variant: n ? E.Text : E.Outlined
-        }, children: L }),
-        f && /* @__PURE__ */ e(a, { theme: r, as: "div", variant: s.Caption, $disabled: n, children: f }),
-        o == null ? void 0 : o.map((t, p) => /* @__PURE__ */ e(a, { theme: r, as: "div", color: Y.text.error, variant: s.Caption, children: t }, `${t}-${p}`))
-      ] }),
-      i && M
-    ] }) })
-  ] }) });
-});
-ee.displayName = j;
-export {
-  ee as DragAndDrop
-};

package/components/widget/DragAndDrop/DragAndDrop.types.d.ts

@@ -1,35 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { CommonCssComponentStyledProps, DragAndDropFilesProps, FileTypes, IconProps, TypographyProps } from '../..';
-import { defaultTheme } from '../../../tokens';
-export interface DragAndDropProps extends Omit<DragAndDropFilesProps, 'onError'> {
-    files?: File[];
-    errors?: string[];
-    description?: string;
-    title?: string;
-    inputFileButtonLabel?: string;
-    acceptedFileTypes?: FileTypes[];
-    maxFileSize?: number;
-    maxFiles?: number;
-    onFilesChanged: (files: File[]) => void;
-    onError: (errors: string[]) => void;
-    disabled?: boolean;
-    isLoading?: boolean;
-    loadingOverlay?: ReactNode;
-    children?: ReactNode;
-}
-export interface DragAndDropStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
-}
-export interface DragOverContentStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
-}
-export interface DragAndDropAreaStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
-    $disabled?: boolean;
-    $isError?: boolean;
-    $isLoading?: boolean;
-}
-export interface UploadIconStyledProps extends CommonCssComponentStyledProps<SVGElement>, Partial<IconProps> {
-    $disabled?: boolean;
-}
-export interface ContentTypographyStyledProps extends TypographyProps, PropsWithChildren {
-    theme?: typeof defaultTheme;
-    $disabled?: boolean;
-}

package/components/widget/DragAndDrop/DragAndDropStyled.d.ts

@@ -1,6 +0,0 @@
-import { DragAndDropAreaStyledProps, DragAndDropStyledProps, DragOverContentStyledProps, ContentTypographyStyledProps, UploadIconStyledProps } from './DragAndDrop.types';
-export declare const DragAndDropStyled: import('react').ForwardRefExoticComponent<Omit<DragAndDropStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const DragAndDropAreaStyled: import('react').ForwardRefExoticComponent<Omit<DragAndDropAreaStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const DragOverContentStyled: (props: DragOverContentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const UploadIconStyled: (props: UploadIconStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ContentTypographyStyled: (props: ContentTypographyStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/widget/DragAndDrop/DragAndDropStyled.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { get as d } from "../../../utils/helpers.js";
-import { Icon as f } from "../../core/Icon/Icon.js";
-import { Typography as S } from "../../core/Typography/Typography.js";
-const $ = p((o, t) => {
-  const {
-    theme: r,
-    styles: e = {},
-    ...a
-  } = o, n = [d(r, "draganddrop.default", {}), e];
-  return /* @__PURE__ */ l("div", { ref: t, css: n, ...a });
-}), I = p((o, t) => {
-  const {
-    theme: r,
-    $disabled: e,
-    $isError: a,
-    $isLoading: n,
-    styles: s = {},
-    ...c
-  } = o, g = d(r, "draganddrop.dragAndDropArea.hover", {}), y = d(r, "draganddrop.dragAndDropArea.disabled", {}), i = d(r, "draganddrop.dragAndDropArea.error", {}), u = d(r, "draganddrop.dragAndDropArea.loading", {}), m = [d(r, "draganddrop.dragAndDropArea.default", {}), e || n ? y : {}, e ? {} : g, a ? i : {}, n ? u : {}, s];
-  return /* @__PURE__ */ l("div", { ref: t, css: m, ...c });
-}), T = (o) => {
-  const {
-    theme: t,
-    styles: r = {},
-    ...e
-  } = o, a = [d(t, "draganddrop.dragOverContent.default", {}), r];
-  return /* @__PURE__ */ l("div", { css: a, ...e });
-}, C = (o) => {
-  const {
-    theme: t,
-    $disabled: r,
-    ...e
-  } = o, a = d(t, "draganddrop.uploadIcon.default", {}), n = d(t, "draganddrop.uploadIcon.disabled", {}), s = {
-    name: "",
-    ...a,
-    ...r ? n : {},
-    ...e
-  };
-  return /* @__PURE__ */ l(f, { ...s });
-}, x = (o) => {
-  const {
-    theme: t,
-    $disabled: r,
-    ...e
-  } = o, a = d(t, "draganddrop.contentTypography.default", {}), n = d(t, "draganddrop.contentTypography.disabled", {}), s = {
-    ...a,
-    ...r ? n : {},
-    ...e
-  };
-  return /* @__PURE__ */ l(S, { ...s });
-};
-export {
-  x as ContentTypographyStyled,
-  I as DragAndDropAreaStyled,
-  $ as DragAndDropStyled,
-  T as DragOverContentStyled,
-  C as UploadIconStyled
-};

package/components/widget/DragAndDrop/constants.d.ts

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

package/components/widget/DragAndDrop/constants.js

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

package/components/widget/DragAndDrop/index.d.ts

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

package/components/widget/DragAndDrop/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './validators';

package/components/widget/DragAndDrop/utils/validators.d.ts

@@ -1,5 +0,0 @@
-export declare const validateFile: (file: File, acceptedFileTypes?: string[], maxFileSize?: number) => string | null;
-export declare const validateFiles: (files: File[], existingFiles: File[], acceptedFileTypes?: string[], maxFilesNumber?: number, maxFilesSize?: number) => {
-    validFiles: File[];
-    errors: string[];
-};

package/components/widget/DragAndDrop/utils/validators.js

@@ -1,17 +0,0 @@
-const d = (t, n, o) => n && !n.includes(t.type) ? `File type not supported: ${t.name} (${t.type})` : o && t.size > o ? `File too large: ${t.name} (${(t.size / 1048576).toFixed(2)} MB). Max allowed is ${(o / 1048576).toFixed(2)} MB.` : null, i = (t, n, o, e, l) => {
-  const r = [], s = [];
-  return e && t.length + n.length > e ? (r.push(`Too many files. You can upload a maximum of ${e} files.`), {
-    validFiles: [],
-    errors: r
-  }) : (t.forEach((a) => {
-    const u = d(a, o, l);
-    u ? r.push(u) : s.push(a);
-  }), {
-    validFiles: s,
-    errors: r
-  });
-};
-export {
-  d as validateFile,
-  i as validateFiles
-};

package/components/widget/index.d.ts

@@ -1 +0,0 @@
-export * from './DragAndDrop';

package/constants/index.d.ts

@@ -1,3 +0,0 @@
-export * from './positioning';
-export * from './timers';
-export * from './keyboard';

package/constants/keyboard.d.ts

@@ -1,8 +0,0 @@
-export declare const KEYBOARD_KEYS: {
-    ESCAPE: string;
-    ENTER: string;
-    ARROW_DOWN: string;
-    ARROW_UP: string;
-    SPACE: string;
-    TAB: string;
-};

package/constants/keyboard.js

@@ -1,11 +0,0 @@
-const E = {
-  ESCAPE: "Escape",
-  ENTER: "Enter",
-  ARROW_DOWN: "ArrowDown",
-  ARROW_UP: "ArrowUp",
-  SPACE: " ",
-  TAB: "Tab"
-};
-export {
-  E as KEYBOARD_KEYS
-};

package/constants/positioning.d.ts

@@ -1,9 +0,0 @@
-export declare const Z_INDEX: {
-    ZERO: number;
-    NEGATIVE: number;
-    FIRST: number;
-    LOW: number;
-    MEDIUM: number;
-    HIGH: number;
-    TOP: number;
-};

package/constants/positioning.js

@@ -1,11 +0,0 @@
-const E = {
-  ZERO: 0,
-  NEGATIVE: -1,
-  FIRST: 1,
-  MEDIUM: 500,
-  HIGH: 900,
-  TOP: 1e3
-};
-export {
-  E as Z_INDEX
-};

package/constants/timers.d.ts

@@ -1,2 +0,0 @@
-export declare const BASE_ANIMATION_MS = 2000;
-export declare const BASE_ANIMATION_DELAY_MS = 500;

package/constants/timers.js

@@ -1,5 +0,0 @@
-const A = 2e3, _ = 500;
-export {
-  _ as BASE_ANIMATION_DELAY_MS,
-  A as BASE_ANIMATION_MS
-};

package/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from './useTheme';
-export * from './useClickOutside';
-export * from './useAutoFocus';
-export * from './useMediaQuery';
-export * from './useKeyControls';
-export * from './useCarousel';

package/hooks/useAutoFocus/index.d.ts

@@ -1 +0,0 @@
-export * from './useAutoFocus';

package/hooks/useAutoFocus/useAutoFocus.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useAutoFocus: <T extends HTMLElement>(ref: RefObject<T>, autoFocus: boolean) => void;

package/hooks/useAutoFocus/useAutoFocus.js

@@ -1,11 +0,0 @@
-"use client";
-import { useEffect as u } from "react";
-const s = (e, t) => {
-  u(() => {
-    var c, r;
-    t && e.current && ((r = (c = e.current).focus) == null || r.call(c));
-  }, [t]);
-};
-export {
-  s as useAutoFocus
-};

package/hooks/useCarousel/index.d.ts

@@ -1 +0,0 @@
-export * from './useCarousel';

package/hooks/useCarousel/useCarousel.d.ts

@@ -1,23 +0,0 @@
-import { EmblaOptionsType } from 'embla-carousel';
-type KeyboardHandler = (() => void) | undefined;
-type KeyboardConfig = Record<string, KeyboardHandler>;
-interface UseCarouselParams {
-    options?: EmblaOptionsType;
-    keyboardConfig?: KeyboardConfig;
-    targetRef?: React.RefObject<HTMLElement>;
-    onSlideChange?: (index: number) => void;
-}
-export declare const useCarousel: ({ options, keyboardConfig, targetRef, onSlideChange }: UseCarouselParams) => {
-    carouselRef: import('embla-carousel-react').EmblaViewportRefType;
-    carouselApi: import('embla-carousel').EmblaCarouselType | undefined;
-    thumbsRef: import('embla-carousel-react').EmblaViewportRefType;
-    thumbsApi: import('embla-carousel').EmblaCarouselType | undefined;
-    activeIndex: number;
-    scrollTo: (index: number) => void;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
-    slidesCount: number;
-};
-export {};

package/hooks/useCarousel/useCarousel.js

@@ -1,61 +0,0 @@
-"use client";
-import { useState as s, useCallback as o, useEffect as x } from "react";
-import y from "embla-carousel-react";
-const g = ({
-  options: t = {},
-  keyboardConfig: C = {},
-  targetRef: c,
-  onSlideChange: u
-}) => {
-  const [i, e] = y(), [m, l] = y({
-    containScroll: "keepSnaps",
-    dragFree: !0,
-    ...t
-  }), [d, N] = s(0), [b, k] = s(0), [I, P] = s(!1), [E, K] = s(!1), r = o(() => {
-    e && (N(e.selectedScrollSnap()), P(e.canScrollPrev()), K(e.canScrollNext()), l == null || l.scrollTo(e.selectedScrollSnap()), u && u(d));
-  }, [e, d, l]), h = o((n) => {
-    e == null || e.scrollTo(n), r();
-  }, [e, r]), a = o(() => {
-    e == null || e.scrollPrev(), r();
-  }, [e, r]), f = o(() => {
-    e == null || e.scrollNext(), r();
-  }, [e, r]), v = {
-    ...{
-      ArrowLeft: a,
-      ArrowRight: f,
-      ArrowUp: (t == null ? void 0 : t.axis) === "y" ? a : void 0,
-      ArrowDown: (t == null ? void 0 : t.axis) === "y" ? f : void 0
-    },
-    ...C
-  }, S = o((n) => {
-    const w = v[n.key];
-    w && (n.preventDefault(), w());
-  }, [v]);
-  return x(() => {
-    const n = (c == null ? void 0 : c.current) ?? window;
-    return n.addEventListener("keydown", S), () => n.removeEventListener("keydown", S);
-  }, [S, c]), x(() => {
-    if (!e) return;
-    const n = () => {
-      r(), k(e.slideNodes().length);
-    };
-    return e.on("select", r), e.on("reInit", n), n(), () => {
-      e == null || e.off("select", r), e == null || e.off("reInit", n);
-    };
-  }, [e, r]), {
-    carouselRef: i,
-    carouselApi: e,
-    thumbsRef: m,
-    thumbsApi: l,
-    activeIndex: d,
-    scrollTo: h,
-    scrollPrev: a,
-    scrollNext: f,
-    canScrollPrev: I,
-    canScrollNext: E,
-    slidesCount: b
-  };
-};
-export {
-  g as useCarousel
-};

package/hooks/useClickOutside/index.d.ts

@@ -1 +0,0 @@
-export * from './useClickOutside';

package/hooks/useClickOutside/useClickOutside.d.ts

@@ -1 +0,0 @@
-export declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;

package/hooks/useClickOutside/useClickOutside.js

@@ -1,15 +0,0 @@
-import { useEffect as u } from "react";
-const i = (t, e) => {
-  u(() => {
-    const n = (s) => {
-      var o;
-      (o = t == null ? void 0 : t.current) != null && o.contains(s.target) || e();
-    };
-    return document.addEventListener("mousedown", n), () => {
-      document.removeEventListener("mousedown", n);
-    };
-  }, [t, e]);
-};
-export {
-  i as useClickOutside
-};

package/hooks/useKeyControls/index.d.ts

@@ -1 +0,0 @@
-export * from './useKeyControls';

package/hooks/useKeyControls/useKeyControls.d.ts

@@ -1,2 +0,0 @@
-import { UseKeyControlsOptions } from '../../types';
-export declare const useKeyControls: ({ ref, keyHandlers }: UseKeyControlsOptions) => void;

package/hooks/useKeyControls/useKeyControls.js

@@ -1,19 +0,0 @@
-"use client";
-import { useEffect as c } from "react";
-const d = ({
-  ref: n,
-  keyHandlers: e
-}) => {
-  c(() => {
-    const o = (t) => {
-      const s = t.target;
-      if (!n.current || !n.current.contains(s)) return;
-      const r = e[t.key];
-      r && r(t);
-    };
-    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
-  }, [e, n]);
-};
-export {
-  d as useKeyControls
-};

package/hooks/useMediaQuery/index.d.ts

@@ -1 +0,0 @@
-export * from './useMediaQuery';

package/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -1 +0,0 @@
-export declare const useMediaQuery: (query: string) => boolean;

package/hooks/useMediaQuery/useMediaQuery.js

@@ -1,14 +0,0 @@
-"use client";
-import { useState as i, useEffect as r } from "react";
-const o = (e) => {
-  const [a, s] = i(() => window.matchMedia(e).matches);
-  return r(() => {
-    const t = window.matchMedia(e), n = (c) => s(c.matches);
-    return t.addEventListener("change", n), s(t.matches), () => {
-      t.removeEventListener("change", n);
-    };
-  }, [e]), a;
-};
-export {
-  o as useMediaQuery
-};

package/hooks/useTheme/index.d.ts

@@ -1,4 +0,0 @@
-export * from './utils';
-export * from './useTheme';
-export * from './useTheme.types';
-export { useTheme as default } from './useTheme';

package/hooks/useTheme/useTheme.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ThemeProviderProps, ThemeContextProps } from './useTheme.types';
-export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const useTheme: () => ThemeContextProps;

package/hooks/useTheme/useTheme.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as c, useCallback as d, createContext as y, useContext as N } from "react";
-import { ThemeProvider as $ } from "@emotion/react";
-import { get as T, size as g } from "../../utils/helpers.js";
-import { defaultTheme as i } from "../../tokens/defaultTheme.js";
-const u = y({
-  theme: i,
-  setTheme: () => {
-    console.warn("setTheme method is not implemented yet.");
-  },
-  addTheme: () => {
-    console.warn("addTheme method is not implemented yet.");
-  }
-}), E = (o) => {
-  const {
-    children: f,
-    initialTheme: n,
-    isDefault: p = !1
-  } = o;
-  let e, m;
-  p ? (e = T(i, "name"), m = {
-    [e]: i
-  }) : (e = T(n, "name", ""), m = e ? {
-    [e]: n
-  } : {});
-  const [s, x] = c(m), [v, r] = c(e), h = s[v], l = g(s), w = d((t = "") => {
-    s[t] ? r(t) : (r(e), console.warn(`Theme '${t}' does not exist.`));
-  }, [l, e]), P = d((t, C) => {
-    s[t] ? console.warn(`Theme '${t}' already exist.`) : x((b) => Object.assign(b, {
-      [t]: C
-    }));
-  }, [l]);
-  return /* @__PURE__ */ a(u.Provider, { value: {
-    theme: h,
-    setTheme: w,
-    addTheme: P
-  }, children: /* @__PURE__ */ a($, { theme: h, children: f }) });
-}, O = () => {
-  const o = N(u);
-  if (!o)
-    throw new Error("useTheme could not be used outside ThemeProvider");
-  return o;
-};
-export {
-  E as ThemeProvider,
-  O as useTheme
-};

package/hooks/useTheme/useTheme.types.d.ts

@@ -1,14 +0,0 @@
-import { defaultTheme } from '../../tokens';
-export type Theme<T = typeof defaultTheme> = T & Record<string, unknown>;
-export interface ThemeProviderProps {
-    isDefault?: boolean;
-    initialTheme?: Theme;
-}
-export interface ThemeContextProps {
-    theme: Theme;
-    setTheme: (themeName?: string) => void;
-    addTheme: (themeName: string, themeConfig: Theme) => void;
-}
-export type ThemeState = {
-    [key: string]: Theme;
-};

package/hooks/useTheme/utils.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './';
-export declare const updateThemeTokens: (theme: Theme, tokens: Record<string, unknown>) => void;

package/hooks/useTheme/utils.js

@@ -1,10 +0,0 @@
-"use client";
-import { set as s } from "../../utils/helpers.js";
-const n = (e, t) => {
-  Object.entries(t).forEach(([o, r]) => {
-    s(e, o, r, !0);
-  });
-};
-export {
-  n as updateThemeTokens
-};

package/stories/Introduction/ThemeJsonPreview.d.ts

@@ -1,4 +0,0 @@
-export declare const ThemeJsonPreview: (props: {
-    themeKey?: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ThemeDownloadLink: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/stories/components/TokenViewer/TokenViewer.d.ts

@@ -1,2 +0,0 @@
-import { TokenViewerProps } from './TokenViewer.types';
-export declare const TokenViewer: ({ tokens, tokensDescription, path, indent }: TokenViewerProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/stories/components/TokenViewer/TokenViewer.types.d.ts

@@ -1,12 +0,0 @@
-export interface TokenViewerProps {
-    tokens: Record<string, unknown>;
-    path?: string;
-    indent?: number;
-    tokensDescription?: Record<string, unknown>;
-}
-export interface JsonNodeProps {
-    indent: number;
-    value: object | number | string;
-    path?: string;
-    tokensDescription?: Record<string, unknown>;
-}

package/stories/components/TokenViewer/TokenViewerStyled.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-interface CommonTokenViewerStyledProps<T = HTMLDivElement> extends PropsWithChildren, HTMLAttributes<T> {
-}
-export declare const TokenViewerStyled: ({ ...rest }: CommonTokenViewerStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const JsonLineStyled: ({ ...rest }: CommonTokenViewerStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const JsonNodeStyled: ({ ...rest }: CommonTokenViewerStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const JsonKeyStyled: ({ ...rest }: CommonTokenViewerStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const BraceStyled: ({ ...rest }: CommonTokenViewerStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ValueStyled: ({ ...rest }: CommonTokenViewerStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const TooltipStyled: ({ ...rest }: CommonTokenViewerStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/stories/components/TokenViewer/index.d.ts

@@ -1 +0,0 @@
-export * from './TokenViewer';