trepur_components 2.3.9 → 2.3.10

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,24 @@
+import { StoryObj } from '@storybook/react';
+import { AlertBar } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').AlertBarProps & 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;

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+
+export interface AlertBarProps {
+    id?: string;
+    className?: string;
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    loading?: boolean;
+}
+declare const AlertBar: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AlertBarProps & 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,36 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { faExclamation as g } from "@fortawesome/fontawesome-free-solid";
+import u from "clsx";
+import { Button as p } from "../Button/index.js";
+import { Icon as o } from "../Icon/index.js";
+const s = l(
+  ({ id: e, className: a, children: f, variant: r = "default", loading: x, ...m }, d) => /* @__PURE__ */ t(
+    "div",
+    {
+      id: e,
+      className: u("flex w-full items-center gap-x-4 px-8 py-2", {
+        "": r === "default",
+        "border-error-default bg-error-light text-error-default": r === "error",
+        "border-info-default bg-info-light text-info-default": r === "info",
+        "border-success-default bg-success-light text-success-default": r === "success",
+        "border-warning-default bg-warning-light text-warning-default": r === "warning"
+      }),
+      ref: d,
+      ...m,
+      children: f
+    }
+  )
+), i = l(({ ...e }, a) => /* @__PURE__ */ t("p", { className: "text-md text-light-grey flex-1 truncate", ref: a, ...e })), n = l(({ icon: e }, a) => /* @__PURE__ */ t(o, { ref: a, icon: e })), c = l(({ ...e }) => /* @__PURE__ */ t(p, { variant: "ghost", ...e, children: /* @__PURE__ */ t(o, { icon: g }) }));
+s.displayName = "AlertBar";
+i.displayName = "AlertBar.Label";
+n.displayName = "AlertBar.Icon";
+c.displayName = "AlertBar.Dismiss";
+const y = Object.assign(s, {
+  Label: i,
+  Icon: n,
+  Dismiss: c
+});
+export {
+  y 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('.').BreadcrumbsProps & import('react').RefAttributes<HTMLUListElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & {
+            href: string;
+        } & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    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,17 @@
+import { HTMLAttributes } from 'react';
+
+export interface BreadcrumbsProps {
+    id?: string;
+    className?: string;
+    links?: Array<{
+        name: string;
+        href: string;
+    }>;
+}
+declare const Breadcrumbs: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & BreadcrumbsProps & import('react').RefAttributes<HTMLUListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & {
+        href: string;
+    } & import('react').RefAttributes<HTMLParagraphElement>>;
+};
+export { Breadcrumbs };

package/lib/components/Breadcrumbs/index.js

@@ -0,0 +1,16 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+const c = s(({ children: e, ...r }, m) => /* @__PURE__ */ a("ul", { className: "flex gap-2", ...r, children: e })), t = s(({ children: e, ...r }, m) => /* @__PURE__ */ n("li", { className: "flex items-center gap-2", ...r, children: [
+  e,
+  /* @__PURE__ */ a("p", { children: "/" })
+] })), l = s(({ children: e, href: r, ...m }, o) => /* @__PURE__ */ a("p", { className: "px-1 py-1", children: /* @__PURE__ */ a("a", { className: "text-facebook hover:underline", href: r, children: e }) }));
+c.displayName = "Breadcrumbs";
+t.displayName = "Breadcrumbs.Item";
+l.displayName = "Breadcrumbs.Label";
+const b = Object.assign(c, {
+  Item: t,
+  Label: l
+});
+export {
+  b as Breadcrumbs
+};

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

@@ -0,0 +1,20 @@
+import { Button } from '.';
+import { StoryObj } from '@storybook/react';
+
+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;

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+
+export interface ButtonProps {
+    variant?: 'primary' | 'secondary' | 'ghost';
+    disabled?: 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,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { Icon as m } from "../Icon/index.js";
+import b from "clsx";
+const a = n(({ className: t, children: o, variant: e = "primary", disabled: d, ...u }) => /* @__PURE__ */ r(
+  "button",
+  {
+    className: b(
+      "flex items-center gap-2 rounded-lg border px-4 py-2 text-center text-sm duration-200",
+      {
+        "border-button-primary-border bg-button-primary-bg text-button-primary-text hover:bg-button-primary-hover active:bg-button-primary-active": e === "primary",
+        "border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-hover active:bg-button-secondary-active": e === "secondary",
+        "border-button-ghost-border bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": e === "ghost"
+      },
+      t
+    ),
+    ...u,
+    children: o
+  }
+)), s = n(({ className: t, ...o }, e) => /* @__PURE__ */ r("p", { className: b("text-md", t), ref: e, ...o })), c = n(({ icon: t }, o) => /* @__PURE__ */ r(m, { size: "md", ref: o, icon: t }));
+a.displayName = "Button";
+c.displayName = "Button.Icon";
+s.displayName = "Button.Label";
+const x = Object.assign(a, {
+  Icon: c,
+  Label: s
+});
+export {
+  x 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 };