gd-design-library 0.7.0 → 0.7.2

package/components/domainSpecific/Card/CartStyled.js

@@ -1,26 +0,0 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { getBoxStyles as n } from "../../../tokens/utils.js";
-import { get as e } from "../../../utils/helpers.js";
-const $ = h((s, d) => {
-  const {
-    theme: {
-      card: t
-    } = {},
-    $variant: r,
-    $gutter: o,
-    $isBordered: i,
-    $isHighlighted: m,
-    styles: f = {},
-    ...l
-  } = s, {
-    boxStyles: a,
-    restProps: g
-  } = n(l), p = [e(t, "default", {}), e(t, [r, "default"], {}), i ? e(t, [r, "bordered"], {}) : {}, m ? e(t, [r, "highlighted"], {}) : {}, o ? {
-    gap: o
-  } : {}, a, f];
-  return /* @__PURE__ */ c("div", { css: p, ...g, ref: d });
-});
-export {
-  $ as CardStyled
-};

package/components/domainSpecific/Card/constants.d.ts

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

package/components/domainSpecific/Card/constants.js

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

package/components/domainSpecific/Card/index.d.ts

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

package/components/domainSpecific/Carousel/Carousel.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { ImageProps } from '../../core/Image';
-import { TypographyProps } from '../../core/Typography/Typography.types';
-import { CarouselProps, CarouselRef, ExtractedCarousel } from './Carousel.types';
-export declare function extractCarouselNodes(children: ReactNode): ExtractedCarousel;
-export declare const Carousel: import('react').ForwardRefExoticComponent<CarouselProps & import('react').RefAttributes<CarouselRef>> & {
-    Slide: (props: import('./Carousel.types').CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Image: (props: ImageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Title: (props: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Description: (props: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Content: (props: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-};

package/components/domainSpecific/Carousel/Carousel.js

@@ -1,137 +0,0 @@
-"use client";
-import { jsx as t, jsxs as S } from "@emotion/react/jsx-runtime";
-import { Fragment as q, forwardRef as G, Children as J, isValidElement as K, cloneElement as Q, useRef as U, useImperativeHandle as X } from "react";
-import { COMPONENT_NAME as o } from "./constants.js";
-import { CarouselSlideStyled as A, CarouselContainerStyled as Y, CarouselControlsWrapperStyled as Z, CarouselControlsStyled as tt, CarouselControlsButtonStyled as T, ContentContainerStyled as et, CarouselViewportStyled as rt, CarouselViewportSlideWrapperStyled as ot, CarouselDotsStyled as at, CarouselDotStyled as nt, CarouselThumbsStyled as lt, CarouselThumbsViewportStyled as it, CarouselThumbsWrapperStyled as st, CarouselThumbStyled as dt } from "./CarouselStyled.js";
-import { useCarousel as ct } from "../../../hooks/useCarousel/useCarousel.js";
-import { LayoutType as mt, ThumbsPosition as D, CarouselVariantTypes as ut } from "../../../types/carousel.js";
-import { Typography as V } from "../../core/Typography/Typography.js";
-import { TypographyVariant as B } from "../../../types/typography.js";
-import { Image as pt } from "../../core/Image/Image.js";
-import { useTheme as ft } from "../../../hooks/useTheme/useTheme.js";
-import { get as E } from "../../../utils/helpers.js";
-import { TabIndex as j } from "../../../types/accesability.js";
-import { ButtonColorVariant as g, ButtonVariant as I } from "../../../types/button.js";
-import { Icon as x } from "../../core/Icon/Icon.js";
-function Ct(r) {
-  const i = [];
-  function s(N) {
-    return J.toArray(N).flatMap((n) => {
-      if (!K(n))
-        return [n];
-      if (n.type === ht.Image)
-        return i.push(n), [];
-      const {
-        children: d,
-        ...P
-      } = n.props;
-      if (d) {
-        const c = s(d);
-        return [Q(n, P, c.length > 0 ? c : void 0)];
-      }
-      return [n];
-    });
-  }
-  const w = s(r);
-  return {
-    images: i,
-    content: /* @__PURE__ */ t(q, { children: w })
-  };
-}
-const L = G(({
-  layout: r = mt.Horizontal,
-  variant: i = ut.Cards,
-  showArrows: s = !0,
-  isFocusable: w = !0,
-  showDots: N = !1,
-  thumbs: n = D.End,
-  styles: d,
-  children: P
-}, c) => {
-  var k;
-  const {
-    theme: e
-  } = ft(), {
-    images: l,
-    content: H
-  } = Ct(P), {
-    active: m,
-    disabled: u
-  } = E(e, "colors.icon.primary"), {
-    icons: {
-      base: p,
-      controlLeft: M,
-      controlRight: O
-    }
-  } = E(e, "carousel"), R = U(null), {
-    carouselRef: W,
-    carouselApi: z,
-    thumbsRef: _,
-    activeIndex: f,
-    scrollTo: C,
-    scrollPrev: h,
-    scrollNext: y,
-    canScrollPrev: $,
-    canScrollNext: b,
-    slidesCount: F
-  } = ct({
-    options: {
-      axis: r === "vertical" ? "y" : "x"
-    },
-    targetRef: R
-  });
-  return X(c, () => ({
-    scrollPrev: h,
-    scrollNext: y,
-    scrollTo: C,
-    carouselApi: z,
-    selectedIndex: f
-  }), [h, y, C, f]), /* @__PURE__ */ S(Y, { ref: R, theme: e, $layout: r, styles: d, $variant: i, tabIndex: w ? j.Default : j.Disabled, "data-testid": o, children: [
-    /* @__PURE__ */ S(Z, { "data-testid": `${o}-controls-wrapper`, theme: e, styles: {
-      order: n === D.Start ? 1 : "inherit"
-    }, children: [
-      s && /* @__PURE__ */ S(tt, { theme: e, "data-testid": `${o}-controls`, children: [
-        /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, color: g.Primary, onClick: h, disabled: !$, "data-testid": `${o}-control-previous`, children: /* @__PURE__ */ t(x, { ...p, name: "arrowLeft", fill: $ ? m : u }) }),
-        /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, styles: {
-          transform: "rotate(180deg)"
-        }, color: g.Primary, onClick: y, disabled: !b, "data-testid": `${o}-control-next`, children: /* @__PURE__ */ t(x, { ...p, name: "arrowLeft", fill: b ? m : u }) })
-      ] }),
-      /* @__PURE__ */ t(et, { theme: e, "data-testid": `${o}-content-container`, children: H }),
-      /* @__PURE__ */ t(rt, { theme: e, ref: W, "data-testid": `${o}-viewport`, children: /* @__PURE__ */ t(ot, { theme: e, "data-testid": `${o}-slider-wrapper`, children: l == null ? void 0 : l.map((v, a) => /* @__PURE__ */ t(A, { theme: e, "data-testid": `${o}-slide-${a}`, children: v }, a)) }) }),
-      N && /* @__PURE__ */ t(at, { theme: e, "data-testid": `${o}-dots`, children: (k = Array.from({
-        length: F
-      })) == null ? void 0 : k.map((v, a) => /* @__PURE__ */ t(nt, { theme: e, $active: a === f, onClick: () => C(a) }, a)) })
-    ] }),
-    n && /* @__PURE__ */ S(lt, { theme: e, $layout: r, "data-testid": `${o}-thumbnails`, children: [
-      /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, styles: {
-        transform: `rotate(${r === "vertical" ? "90" : "0"}deg)`
-      }, color: g.Primary, onClick: h, disabled: !$, "data-testid": `${o}-thumbnail-control-previous`, children: /* @__PURE__ */ t(x, { ...p, ...M, fill: $ ? m : u }) }),
-      /* @__PURE__ */ t(it, { theme: e, $layout: r, "data-testid": `${o}-thumbs-viewport`, ref: _, children: /* @__PURE__ */ t(st, { theme: e, $layout: r, "data-testid": `${o}-thumbs-wrapper`, children: l == null ? void 0 : l.map((v, a) => /* @__PURE__ */ t(dt, { theme: e, $layout: r, $active: a === f, onClick: () => C(a), "data-testid": `${o}-thumbnail-${a}`, children: v }, a)) }) }),
-      /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, color: g.Primary, onClick: y, styles: {
-        transform: `rotate(${r === "vertical" ? "90" : "0"}deg)`
-      }, disabled: !b, "data-testid": `${o}-thumbnail-control-next`, children: /* @__PURE__ */ t(x, { ...p, ...O, fill: b ? m : u }) })
-    ] })
-  ] });
-});
-L.displayName = o;
-const ht = Object.assign(L, {
-  Slide: A,
-  Image: (r) => /* @__PURE__ */ t(pt, { styles: {
-    height: "100%",
-    width: "100%"
-  }, ...r }),
-  Title: (r) => /* @__PURE__ */ t(V, { variant: B.H1, ...r }),
-  Description: (r) => /* @__PURE__ */ t(V, { variant: B.Body1, ...r }),
-  Content: (r) => /* @__PURE__ */ t(V, { styles: {
-    flexDirection: "column",
-    height: "100%",
-    position: "absolute",
-    justifyContent: "center",
-    alignItems: "center",
-    zIndex: "100"
-  }, ...r })
-});
-export {
-  ht as Carousel,
-  Ct as extractCarouselNodes
-};

package/components/domainSpecific/Carousel/Carousel.types.d.ts

@@ -1,35 +0,0 @@
-import { ReactElement, ReactNode, PropsWithChildren } from 'react';
-import { EmblaOptionsType } from 'embla-carousel';
-import { Theme } from '../../../hooks';
-import { CommonCssComponentProps, CommonCssComponentStyledProps, ButtonProps } from '../..';
-import { CarouselVariantTypes, LayoutType, ThumbsPosition } from '../../../types';
-export type KeyboardHandler = () => void;
-export type KeyboardConfig = Record<string, KeyboardHandler>;
-export interface CarouselProps extends PropsWithChildren<CommonCssComponentProps> {
-    options?: EmblaOptionsType;
-    layout?: LayoutType;
-    showArrows?: boolean;
-    showDots?: boolean;
-    thumbs?: ThumbsPosition;
-    variant?: CarouselVariantTypes;
-    keyboardConfig?: KeyboardConfig;
-    isFocusable?: boolean;
-    onSlideChange?: (activeIndex: number) => void;
-}
-export interface CarouselRef {
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    scrollTo: (index: number) => void;
-}
-export interface CarouselStyledProps<T = HTMLDivElement> extends PropsWithChildren<CommonCssComponentStyledProps<T>> {
-    $layout?: LayoutType;
-    $active?: boolean;
-    $variant?: CarouselVariantTypes;
-}
-export interface CarouselControlsButtonStyledProps extends ButtonProps {
-    theme?: Theme;
-}
-export type ExtractedCarousel = {
-    images: ReactElement[];
-    content: ReactNode;
-};

package/components/domainSpecific/Carousel/CarouselStyled.d.ts

@@ -1,15 +0,0 @@
-import { CarouselStyledProps, CarouselControlsButtonStyledProps } from './Carousel.types';
-export declare const CarouselContainerStyled: import('react').ForwardRefExoticComponent<Omit<CarouselStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const CarouselViewportStyled: import('react').ForwardRefExoticComponent<Omit<CarouselStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const CarouselThumbsViewportStyled: import('react').ForwardRefExoticComponent<Omit<CarouselStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ContentContainerStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselViewportSlideWrapperStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselSlideStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselControlsWrapperStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselControlsStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselControlsButtonStyled: (props: CarouselControlsButtonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselDotsStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselDotStyled: (props: CarouselStyledProps<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselThumbsStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselThumbsWrapperStyled: (props: CarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselThumbStyled: (props: CarouselStyledProps<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Carousel/CarouselStyled.js

@@ -1,143 +0,0 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { get as o } from "../../../utils/helpers.js";
-import { Button as d } from "../../core/Button/Button.js";
-const S = n((s, t) => {
-  const {
-    theme: {
-      carousel: e
-    } = {},
-    $layout: r,
-    $variant: u,
-    styles: l,
-    ...a
-  } = s, p = [o(e, "container.default", {}), o(e, `container.layout.${r}`, {}), o(e, `container.variant.${u}`, {}), l];
-  return /* @__PURE__ */ c("div", { css: p, ...a, ref: t });
-}), C = n((s, t) => {
-  const {
-    theme: {
-      carousel: e
-    } = {},
-    ...r
-  } = s;
-  return /* @__PURE__ */ c("div", { css: o(e, "carouselViewport", {}), ...r, ref: t });
-}), v = n((s, t) => {
-  const {
-    theme: {
-      carousel: e
-    } = {},
-    $layout: r,
-    ...u
-  } = s, l = [o(e, "carouselThumbsViewport.default", {}), o(e, `carouselThumbsViewport.${r}`, {})];
-  return /* @__PURE__ */ c("div", { css: l, ...u, ref: t });
-}), b = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = s;
-  return /* @__PURE__ */ c("div", { css: o(t, "contentContainer", {}), ...e });
-}, f = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = s;
-  return /* @__PURE__ */ c("div", { css: o(t, "carouselViewportSlideWrapper", {}), ...e });
-}, P = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = s;
-  return /* @__PURE__ */ c("div", { css: o(t, "carouselSlide", {}), ...e });
-}, T = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    styles: e,
-    ...r
-  } = s, u = [o(t, "carouselControlsWrapper", {}), e];
-  return /* @__PURE__ */ c("div", { css: u, ...r });
-}, $ = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = s;
-  return /* @__PURE__ */ c("div", { css: o(t, "carouselControls", {}), ...e });
-}, w = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = s;
-  return /* @__PURE__ */ c(d, { styles: o(t, "controlsButton.default", {}), ...o(t, "controlsButton.attrs", {}), ...e });
-}, V = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = s;
-  return /* @__PURE__ */ c("div", { css: o(t, "carouselDots", {}), ...e });
-}, W = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    $active: e,
-    ...r
-  } = s, u = [o(t, "carouselDot.default", {}), e ? o(t, "carouselDot.active", {}) : o(t, "carouselDot.nonActive", {})];
-  return /* @__PURE__ */ c("button", { css: u, ...r });
-}, D = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    $layout: e,
-    ...r
-  } = s, u = [o(t, "carouselThumbs.default", {}), o(t, `carouselThumbs.${e}`, {})];
-  return /* @__PURE__ */ c("div", { css: u, ...r });
-}, B = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    $layout: e,
-    ...r
-  } = s, u = [o(t, "carouselThumbsWrapper.default", {}), o(t, `carouselThumbsWrapper.${e}`, {})];
-  return /* @__PURE__ */ c("div", { css: u, ...r });
-}, x = (s) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    $active: e,
-    $layout: r,
-    ...u
-  } = s, l = [o(t, "carouselThumb.default", {}), o(t, `carouselThumb.${r}`, {}), e ? o(t, "carouselThumb.active", {}) : o(t, "carouselThumb.nonActive", {})];
-  return /* @__PURE__ */ c("button", { css: l, ...u });
-};
-export {
-  S as CarouselContainerStyled,
-  w as CarouselControlsButtonStyled,
-  $ as CarouselControlsStyled,
-  T as CarouselControlsWrapperStyled,
-  W as CarouselDotStyled,
-  V as CarouselDotsStyled,
-  P as CarouselSlideStyled,
-  x as CarouselThumbStyled,
-  D as CarouselThumbsStyled,
-  v as CarouselThumbsViewportStyled,
-  B as CarouselThumbsWrapperStyled,
-  f as CarouselViewportSlideWrapperStyled,
-  C as CarouselViewportStyled,
-  b as ContentContainerStyled
-};

package/components/domainSpecific/Carousel/constants.d.ts

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

package/components/domainSpecific/Carousel/constants.js

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

package/components/domainSpecific/Carousel/index.d.ts

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

package/components/domainSpecific/ChatBubble/ChatBubble.d.ts

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

package/components/domainSpecific/ChatBubble/ChatBubble.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsxs as u, jsx as a } from "@emotion/react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { COMPONENT_NAME as e } from "./constants.js";
-import { ChatBubbleStyled as h, ChatContentStyled as c, ChatActionsStyled as p } from "./ChatBubbleStyled.js";
-import { useTheme as C } from "../../../hooks/useTheme/useTheme.js";
-const y = f((o, i) => {
-  const {
-    styles: n = {},
-    status: r = "fulfilled",
-    variant: l = "question",
-    actions: t = [],
-    children: d,
-    ...m
-  } = o, {
-    theme: s
-  } = C();
-  return /* @__PURE__ */ u(h, { theme: s, styles: n, $variant: l, ref: i, $status: r, "data-testid": e, ...m, children: [
-    /* @__PURE__ */ a(c, { theme: s, $status: r, "data-testid": `${e}-content`, children: d }),
-    t != null && t.length ? /* @__PURE__ */ a(p, { theme: s, "data-testid": `${e}-actions`, children: t }) : null
-  ] });
-});
-y.displayName = e;
-export {
-  y as ChatBubble
-};

package/components/domainSpecific/ChatBubble/ChatBubble.types.d.ts

@@ -1,16 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-export type ChatBubbleVariant = 'answer' | 'question';
-export type ChatBubbleStatus = 'pending' | 'fulfilled' | 'rejected';
-export interface ChatBubbleProps<T = HTMLDivElement> extends CommonCssComponentProps<T>, PropsWithChildren {
-    variant?: ChatBubbleVariant;
-    actions?: ReactNode[];
-    status?: ChatBubbleStatus;
-}
-export interface ChatBubbleStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
-    $variant?: ChatBubbleVariant;
-    $status?: ChatBubbleStatus;
-}
-export interface ChatBubbleCommonStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
-    $status?: ChatBubbleStatus;
-}

package/components/domainSpecific/ChatBubble/ChatBubbleStyled.d.ts

@@ -1,4 +0,0 @@
-import { ChatBubbleStyledProps, ChatBubbleCommonStyledProps } from './ChatBubble.types';
-export declare const ChatBubbleStyled: import('react').ForwardRefExoticComponent<Omit<ChatBubbleStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ChatContentStyled: (props: ChatBubbleCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ChatActionsStyled: (props: ChatBubbleCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/ChatBubble/ChatBubbleStyled.js

@@ -1,43 +0,0 @@
-"use client";
-import { jsx as a, jsxs as p } from "@emotion/react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { Loader as m } from "../../core/Loader/Loader.js";
-import { get as s } from "../../../utils/helpers.js";
-const y = u((o, e) => {
-  const {
-    theme: {
-      chatbubble: t
-    } = {},
-    styles: r = {},
-    $variant: c,
-    $status: n,
-    ...d
-  } = o, l = [s(t, "default", {}), s(t, c, {}), s(t, n, {}), r];
-  return /* @__PURE__ */ a("div", { css: l, ...d, ref: e });
-}), S = (o) => {
-  const {
-    theme: {
-      chatbubble: e
-    } = {},
-    $status: t,
-    children: r,
-    ...c
-  } = o, n = s(e, "loader.props", {}), d = [s(e, "content.default", {}), s(e, ["content", t], {})];
-  return /* @__PURE__ */ p("div", { css: d, ...c, children: [
-    t === "pending" && /* @__PURE__ */ a(m, { ...n }),
-    r
-  ] });
-}, v = (o) => {
-  const {
-    theme: {
-      chatbubble: e
-    } = {},
-    ...t
-  } = o, r = s(e, "actions", {});
-  return /* @__PURE__ */ a("div", { css: r, ...t });
-};
-export {
-  v as ChatActionsStyled,
-  y as ChatBubbleStyled,
-  S as ChatContentStyled
-};

package/components/domainSpecific/ChatBubble/constants.d.ts

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

package/components/domainSpecific/ChatBubble/constants.js

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

package/components/domainSpecific/ChatBubble/index.d.ts

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

package/components/domainSpecific/ContentCarousel/ContentCarousel.d.ts

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

package/components/domainSpecific/ContentCarousel/ContentCarousel.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
-import { forwardRef as F, useRef as P, useImperativeHandle as V } from "react";
-import { CarouselContainerStyled as j, CarouselControlsWrapperStyled as B, CarouselViewportStyled as E, CarouselViewportSlideWrapperStyled as H, CarouselDotsStyled as L, CarouselDotStyled as M, CarouselControlsButtonStyled as S } from "../Carousel/CarouselStyled.js";
-import { COMPONENT_NAME as t } from "./constants.js";
-import { ContentSlideStyled as O, CarouselFooterStyled as W, CarouselFooterControlsStyled as _ } from "./ContentCarouselStyled.js";
-import { useTheme as z } from "../../../hooks/useTheme/useTheme.js";
-import { useCarousel as q } from "../../../hooks/useCarousel/useCarousel.js";
-import { TabIndex as $ } from "../../../types/accesability.js";
-import { CarouselVariantTypes as G, LayoutType as J } from "../../../types/carousel.js";
-import { Icon as v } from "../../core/Icon/Icon.js";
-const K = F((b, w) => {
-  var y;
-  const {
-    theme: e
-  } = z(), {
-    items: l,
-    renderItem: I,
-    showArrows: x = !0,
-    isFocusable: N = !0,
-    showDots: R = !0,
-    styles: T
-  } = b, {
-    active: c,
-    disabled: p
-  } = e.colors.icon.primary, {
-    icons: {
-      base: u,
-      controlLeft: D,
-      controlRight: g
-    }
-  } = e.carousel, m = P(null), {
-    carouselRef: k,
-    activeIndex: a,
-    scrollTo: s,
-    scrollPrev: i,
-    scrollNext: d,
-    canScrollPrev: C,
-    canScrollNext: f,
-    slidesCount: A
-  } = q({
-    options: {
-      axis: "x"
-    },
-    targetRef: m
-  });
-  return V(w, () => ({
-    scrollPrev: i,
-    scrollNext: d,
-    scrollTo: s,
-    selectedIndex: a
-  }), [i, d, s, a]), /* @__PURE__ */ n(j, { ref: m, theme: e, styles: T, $layout: J.Horizontal, $variant: G.Cards, tabIndex: N ? $.Default : $.Disabled, "data-testid": t, children: [
-    /* @__PURE__ */ o(B, { "data-testid": `${t}-controls-wrapper`, theme: e, children: /* @__PURE__ */ o(E, { theme: e, ref: k, "data-testid": `${t}-viewport`, children: /* @__PURE__ */ o(H, { theme: e, "data-testid": `${t}-slider-wrapper`, children: l == null ? void 0 : l.map((h, r) => /* @__PURE__ */ o(O, { theme: e, "data-testid": `${t}-content-slide-${r}`, children: I(h, r) }, r)) }) }) }),
-    /* @__PURE__ */ n(W, { theme: e, "data-testid": `${t}-footer`, children: [
-      R && /* @__PURE__ */ o(L, { theme: e, "data-testid": `${t}-dots`, children: (y = Array.from({
-        length: A
-      })) == null ? void 0 : y.map((h, r) => /* @__PURE__ */ o(M, { theme: e, $active: r === a, onClick: () => s(r) }, r)) }),
-      x && /* @__PURE__ */ n(_, { theme: e, "data-testid": `${t}-controls`, children: [
-        /* @__PURE__ */ o(S, { theme: e, onClick: i, disabled: !C, "data-testid": `${t}-control-previous`, children: /* @__PURE__ */ o(v, { ...u, ...D, fill: C ? c : p }) }),
-        /* @__PURE__ */ o(S, { theme: e, onClick: d, disabled: !f, "data-testid": `${t}-control-next`, children: /* @__PURE__ */ o(v, { ...u, ...g, fill: f ? c : p }) })
-      ] })
-    ] })
-  ] });
-});
-K.displayName = t;
-export {
-  K as ContentCarousel
-};

package/components/domainSpecific/ContentCarousel/ContentCarousel.types.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-export interface ContentCarouselProps<T> extends CommonCssComponentProps {
-    items: T[];
-    renderItem: (item: T, index: number) => ReactNode;
-    showArrows?: boolean;
-    showDots?: boolean;
-    isFocusable?: boolean;
-}
-export type ContentCarouselStyledProps = CommonCssComponentStyledProps;
-export interface ContentCarouselRef {
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    scrollTo: (index: number) => void;
-    selectedIndex: number;
-}

package/components/domainSpecific/ContentCarousel/ContentCarouselStyled.d.ts

@@ -1,5 +0,0 @@
-import { ContentCarouselStyledProps } from '../..';
-export declare const ContentSlideStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselHeaderStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselFooterStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CarouselFooterControlsStyled: (props: ContentCarouselStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/ContentCarousel/ContentCarouselStyled.js

@@ -1,32 +0,0 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { get as s } from "../../../utils/helpers.js";
-const l = (o) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = o;
-  return /* @__PURE__ */ r("div", { css: s(t, "contentSlide", {}), ...e });
-}, d = (o) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = o;
-  return /* @__PURE__ */ r("div", { css: s(t, "footer", {}), ...e });
-}, u = (o) => {
-  const {
-    theme: {
-      carousel: t
-    } = {},
-    ...e
-  } = o;
-  return /* @__PURE__ */ r("div", { css: s(t, "footerControls", {}), ...e });
-};
-export {
-  u as CarouselFooterControlsStyled,
-  d as CarouselFooterStyled,
-  l as ContentSlideStyled
-};

package/components/domainSpecific/ContentCarousel/constants.d.ts

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

package/components/domainSpecific/ContentCarousel/constants.js

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

package/components/domainSpecific/ContentCarousel/index.d.ts

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