trepur_components 2.3.9 → 2.3.11

package/lib/_virtual/react.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/lib/components/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,47 @@
+import { Accordion } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: any;
+    argTypes: {
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Default: Story;

package/lib/components/Accordion/const.d.ts

@@ -0,0 +1,31 @@
+export declare const items: ({
+    label: string;
+    title: string;
+    subtitle: string;
+    image: string;
+    content: string;
+} | {
+    title: string;
+    content: string;
+    label?: undefined;
+    subtitle?: undefined;
+    image?: undefined;
+} | {
+    label: string;
+    title: string;
+    image: string;
+    content: string;
+    subtitle?: undefined;
+} | {
+    subtitle: string;
+    image: string;
+    content: string;
+    label?: undefined;
+    title?: undefined;
+} | {
+    image: string;
+    content: string;
+    label?: undefined;
+    title?: undefined;
+    subtitle?: undefined;
+})[];

package/lib/components/Accordion/index.d.ts

@@ -0,0 +1,5 @@
+export interface AccordionProps {
+    loading?: boolean;
+}
+declare const Accordion: any;
+export { Accordion };

package/lib/components/Accordion/index.js

@@ -0,0 +1,9 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import t from "clsx";
+const o = a(({ id: r, className: c, children: i, loading: d = !1, ...s }, m) => /* @__PURE__ */ n("div", { id: r, className: t("", c), ref: m, ...s, children: i }));
+o.displayName = "Accordion";
+const l = Object.assign(o);
+export {
+  l as Accordion
+};

package/lib/components/AlertBar/AlertBar.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+import { AlertBar } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').AlertbarContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Dismiss: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLButtonElement>, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AlertBar>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Dismiss: Story;
+export declare const Loading: Story;

package/lib/components/AlertBar/index.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+
+export interface AlertbarContextProps {
+    variant?: 'success' | 'warning' | 'error' | 'info';
+    loading?: boolean;
+    dismiss?: boolean;
+}
+declare const AlertBar: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AlertbarContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Icon: import('react').ForwardRefExoticComponent<{
+        icon: any;
+    } & import('react').RefAttributes<SVGSVGElement>>;
+    Dismiss: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLButtonElement>, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export { AlertBar };

package/lib/components/AlertBar/index.js

@@ -0,0 +1,66 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as b, forwardRef as s, useMemo as h, useContext as l } from "react";
+import { faCrosshairs as A } from "@fortawesome/fontawesome-free-solid";
+import B from "clsx";
+import { Button as N } from "../Button/index.js";
+import { Icon as c } from "../Icon/index.js";
+const o = b(null), f = s(
+  ({
+    className: a,
+    children: t,
+    variant: e = "info",
+    dismiss: n = !1,
+    loading: i = !1,
+    ...g
+  }, p) => {
+    const x = h(
+      () => ({
+        dismiss: n,
+        loading: i
+      }),
+      [n, i]
+    );
+    return /* @__PURE__ */ r(o.Provider, { value: x, children: /* @__PURE__ */ r(
+      "div",
+      {
+        className: B("flex w-full items-center gap-x-2 px-8 py-2", {
+          "border-error-default bg-error-light text-error-default": e === "error",
+          "border-info-default bg-info-light text-info-default": e === "info",
+          "border-success-default bg-success-light text-success-default": e === "success",
+          "border-warning-default bg-warning-light text-warning-default": e === "warning"
+        }),
+        ref: p,
+        ...g,
+        children: t
+      }
+    ) });
+  }
+), d = s(({ ...a }, t) => {
+  const { loading: e } = l(o) || {};
+  return e ? /* @__PURE__ */ r("p", { className: "bg-loading h-6 w-40 animate-pulse rounded-lg" }) : /* @__PURE__ */ r(
+    "p",
+    {
+      className: "text-md text-light-grey flex-1 truncate",
+      ref: t,
+      ...a
+    }
+  );
+}), m = s(({ icon: a }, t) => {
+  const { loading: e } = l(o) || {};
+  return e ? /* @__PURE__ */ r("span", { className: "bg-loading h-6 w-6 animate-pulse rounded-lg" }) : /* @__PURE__ */ r(c, { ref: t, icon: a });
+}), u = s(({ ...a }) => {
+  const { loading: t = !1 } = l(o) || {};
+  return /* @__PURE__ */ r(N, { loading: t, variant: "ghost", ...a, children: /* @__PURE__ */ r(c, { icon: A }) });
+});
+f.displayName = "AlertBar";
+d.displayName = "AlertBar.Label";
+m.displayName = "AlertBar.Icon";
+u.displayName = "AlertBar.Dismiss";
+const j = Object.assign(f, {
+  Label: d,
+  Icon: m,
+  Dismiss: u
+});
+export {
+  j as AlertBar
+};

package/lib/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const Avatar: React.FC;

package/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,18 @@
+import { Breadcrumbs } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLUListElement> & import('.').BreadcrumbsContextProps & import('react').RefAttributes<HTMLUListElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
+            href: string;
+        } & import('react').RefAttributes<HTMLAnchorElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Breadcrumbs>;
+export declare const Default: Story;

package/lib/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+
+export interface BreadcrumbsContextProps {
+    allLinks?: any;
+}
+export interface BreadcrumbsItemContextProps {
+    isLast?: boolean;
+}
+declare const Breadcrumbs: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & BreadcrumbsContextProps & import('react').RefAttributes<HTMLUListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
+        href: string;
+    } & import('react').RefAttributes<HTMLAnchorElement>>;
+};
+export { Breadcrumbs };

package/lib/components/Breadcrumbs/index.js

@@ -0,0 +1,49 @@
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import { createContext as i, forwardRef as m, useMemo as b, useContext as x, Children as I } from "react";
+const f = i(null), B = i(null), N = m(({ children: e, ...r }, t) => {
+  const a = b(
+    () => ({
+      allLinks: e
+    }),
+    [e]
+  );
+  return /* @__PURE__ */ s(f.Provider, { value: a, children: /* @__PURE__ */ s("ul", { ref: t, className: "flex gap-2", ...r, children: e }) });
+}), L = m(({ children: e, ...r }, t) => {
+  const { allLinks: a } = x(f) || {}, n = I.toArray(a), c = n.findIndex(
+    (o) => {
+      var l, u, p, d;
+      return ((p = (u = (l = o == null ? void 0 : o.props) == null ? void 0 : l.children) == null ? void 0 : u.props) == null ? void 0 : p.children) === ((d = e == null ? void 0 : e.props) == null ? void 0 : d.children);
+    }
+  ) === n.length - 1, C = b(
+    () => ({
+      isLast: c
+    }),
+    [e]
+  );
+  return /* @__PURE__ */ s(B.Provider, { value: C, children: /* @__PURE__ */ v("li", { ref: t, className: "flex items-center gap-2", ...r, children: [
+    e,
+    !c && /* @__PURE__ */ s("p", { children: "/" })
+  ] }) });
+}), y = m(({ children: e, href: r, ...t }, a) => {
+  const { isLast: n } = x(B) || {};
+  return n ? /* @__PURE__ */ s("p", { className: "px-1 py-1 font-bold underline underline-offset-4", children: e }) : /* @__PURE__ */ s("p", { className: "px-1 py-1", children: /* @__PURE__ */ s(
+    "a",
+    {
+      ref: a,
+      className: "text-facebook hover:underline",
+      href: r,
+      ...t,
+      children: e
+    }
+  ) });
+});
+N.displayName = "Breadcrumbs";
+L.displayName = "Breadcrumbs.Item";
+y.displayName = "Breadcrumbs.Label";
+const P = Object.assign(N, {
+  Item: L,
+  Label: y
+});
+export {
+  P as Breadcrumbs
+};

package/lib/components/Button/Button.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { Button } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('./').ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        variant: "primary";
+        children: import("react/jsx-runtime").JSX.Element[];
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Secondary: Story;
+export declare const Bordered: Story;
+export declare const Ghost: Story;
+export declare const Loading: Story;

package/lib/components/Button/index.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+
+export interface ButtonProps {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'bordered';
+    disabled?: boolean;
+    loading?: boolean;
+}
+declare const Button: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
+    Icon: import('react').ForwardRefExoticComponent<{
+        icon: any;
+    } & import('react').RefAttributes<SVGSVGElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+};
+export { Button };

package/lib/components/Button/index.js

@@ -0,0 +1,43 @@
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { Icon as m } from "../Icon/index.js";
+import s from "clsx";
+const a = n(
+  ({
+    className: o,
+    children: e,
+    loading: t = !1,
+    variant: r = "primary",
+    disabled: g,
+    ...d
+  }) => /* @__PURE__ */ b(
+    "button",
+    {
+      disabled: t,
+      className: s(
+        "flex h-[38px] items-center gap-2 rounded-lg border px-4 py-2 text-center text-sm",
+        {
+          "duration-200": !t,
+          "border-button-primary-border bg-button-primary-bg text-button-primary-text hover:bg-button-primary-hover active:bg-button-primary-active": r === "primary" && !t,
+          "border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-hover active:bg-button-secondary-active": r === "secondary" && !t,
+          "border-button-ghost-border bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": r === "ghost" && !t,
+          "border-button-bordered-border text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": r === "bordered" && !t,
+          "w-40 animate-pulse border-loading bg-loading": t
+        },
+        o
+      ),
+      ...d,
+      children: !t && e
+    }
+  )
+), u = n(({ className: o, ...e }, t) => /* @__PURE__ */ b("p", { className: s("text-md", o), ref: t, ...e })), c = n(({ icon: o }, e) => /* @__PURE__ */ b(m, { size: "md", ref: e, icon: o }));
+a.displayName = "Button";
+c.displayName = "Button.Icon";
+u.displayName = "Button.Label";
+const y = Object.assign(a, {
+  Icon: c,
+  Label: u
+});
+export {
+  y as Button
+};

package/lib/components/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { CalendarComponent } from './';
+
+declare const meta: {
+    title: string;
+    component: any;
+};
+export default meta;
+type Story = StoryObj<typeof CalendarComponent>;
+export declare const Default: Story;
+export declare const ShowDoubleView: Story;

package/lib/components/Calendar/index.d.ts

@@ -0,0 +1,14 @@
+
+export type Detail = 'month' | 'year' | 'decade' | 'century';
+export interface CalendarProps {
+    onChange?: () => void;
+    useRange?: boolean;
+    minDetail?: Detail;
+    minDate?: Date;
+    maxDate?: Date;
+    showNavigation?: true;
+    disabledDates?: string[];
+    showDoubleView?: boolean;
+}
+declare const CalendarComponent: any;
+export { CalendarComponent };

package/lib/components/Calendar/index.js

@@ -0,0 +1,49 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as w, useState as y } from "react";
+import b from "react-calendar";
+import "./style.css.js";
+const i = w(
+  ({
+    onChange: m,
+    useRange: l,
+    minDetail: s,
+    minDate: c,
+    maxDate: f,
+    showNavigation: d,
+    disabledDates: u,
+    showDoubleView: p
+  }, D) => {
+    const [n, r] = y(/* @__PURE__ */ new Date()), C = (e, t) => {
+      const a = new Intl.DateTimeFormat("en-gb", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit"
+      }).format(e == null ? void 0 : e.date);
+      return t ? t.includes(a) : !1;
+    };
+    return /* @__PURE__ */ g(
+      b,
+      {
+        ref: D,
+        onActiveStartDateChange: ({ value: e, activeStartDate: t, action: a }) => {
+          const o = t !== null ? t : n;
+          a === "next" && r(new Date(o)), a === "prev" && r(new Date(o));
+        },
+        activeStartDate: n,
+        onChange: m,
+        selectRange: l,
+        minDetail: s,
+        minDate: c,
+        maxDate: f,
+        showNavigation: d,
+        showDoubleView: p,
+        tileDisabled: (e) => C(e, u)
+      }
+    );
+  }
+);
+i.displayName = "Calendar";
+const F = Object.assign(i);
+export {
+  F as CalendarComponent
+};

package/lib/components/Calendar/style.css.js

@@ -0,0 +1 @@
+

package/lib/components/Card/Card.stories.d.ts

@@ -0,0 +1,11 @@
+import { Card } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: any;
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+declare const Card: any;
+export { Card };

package/lib/components/Card/index.js

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import m from "clsx";
+const t = l(({ className: s, href: o, target: r, children: d, ...i }, p) => {
+  let a = "div", e = {};
+  return (o || r) && (a = "a", e = { href: o, target: r, ...i }), /* @__PURE__ */ n(
+    a,
+    {
+      className: m(
+        "grid grid-cols-1 rounded-xl bg-white p-4 drop-shadow",
+        {
+          "hover:cursor-pointer": o
+        },
+        s
+      ),
+      ...e,
+      children: d
+    }
+  );
+});
+t.displayName = "Card";
+const u = Object.assign(t);
+export {
+  u as Card
+};

package/lib/components/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,23 @@
+import { Carousel } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').CarouselContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Arrow: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').ArrowProps & import('react').RefAttributes<HTMLDivElement>>;
+        Dots: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('.').DotProps & import('react').RefAttributes<HTMLButtonElement>>;
+        Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            rightArrow?: boolean | undefined;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        perView: number;
+        spacing: number;
+        loop: true;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Carousel>;
+export declare const Default: Story;

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

@@ -0,0 +1,70 @@
+import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
+import { HTMLAttributes } from 'react';
+
+export interface ArrowProps {
+    rightArrow?: boolean;
+    visible?: boolean;
+    disabled?: boolean;
+    onClick?: any;
+}
+export interface DotProps {
+    isActive?: boolean;
+    visible?: boolean;
+    onClick?: any;
+}
+export interface CarouselContextProps {
+    sliderRef?: any;
+    instanceRef?: any;
+    currentSlide?: number;
+    slideWrapperClassName?: string;
+    breakpoints?: Record<string, Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>>;
+    defaultAnimation?: {
+        duration?: number;
+        easing?: (t: number) => number;
+    };
+    disabled: boolean;
+    drag?: boolean;
+    dragSpeed?: number;
+    initial?: number;
+    loop?: boolean;
+    mode?: 'snap' | 'free' | 'free-snap';
+    range?: {
+        align?: boolean;
+        min?: number;
+        max?: number;
+    };
+    renderMode?: 'precision' | 'performance' | 'custom';
+    rtl?: boolean;
+    rubberband?: boolean;
+    slides?: any[];
+    vertical?: boolean;
+    animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    slideChanged?: boolean;
+    updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    perView?: number;
+    spacing?: number;
+    number?: number;
+    origin?: number | 'auto' | 'center';
+    arrows?: ArrowProps;
+    dots?: DotProps;
+}
+declare const Carousel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CarouselContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Arrow: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & ArrowProps & import('react').RefAttributes<HTMLDivElement>>;
+    Dots: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & DotProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Slides: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        rightArrow?: boolean | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { Carousel };