trepur_components 2.3.9 → 2.3.11

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

@@ -0,0 +1,21 @@
+import { TextArea } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').TextAreaContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            required?: boolean | undefined;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Box: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Validation: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        placeholder: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof TextArea>;
+export declare const Default: Story;

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

@@ -0,0 +1,33 @@
+import { HTMLAttributes } from 'react';
+
+export interface TextAreaContextProps {
+    autoComplete?: string;
+    disabled?: boolean;
+    formId?: string;
+    height?: string;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    type?: string;
+    name?: string;
+    placeholder?: string;
+    withValidation?: boolean;
+    onChange?: (e: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onClick?: () => void;
+    errors?: string[];
+    value?: string;
+}
+declare const TextArea: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & TextAreaContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        required?: boolean | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Box: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Validation: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { TextArea };

package/lib/components/TextArea/index.js

@@ -0,0 +1,76 @@
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { createContext as b, forwardRef as n, useMemo as A, useRef as T, useContext as d } from "react";
+const i = b(null), x = n(({ children: o, errors: e, placeholder: t, ...r }, l) => {
+  const s = A(
+    () => ({
+      errors: e,
+      placeholder: t,
+      ...r
+    }),
+    [e, r]
+  );
+  return /* @__PURE__ */ a(i.Provider, { value: s, children: /* @__PURE__ */ a("div", { ref: l, children: o }) });
+}), c = n(
+  ({ children: o, ...e }, t) => {
+    const r = T(null);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "mt-4 w-full cursor-pointer bg-white",
+        onClick: () => {
+          var l;
+          return (l = r.current) == null ? void 0 : l.focus();
+        },
+        ref: t,
+        ...e,
+        children: o
+      }
+    );
+  }
+), m = n(({ children: o, required: e = !1 }, t) => /* @__PURE__ */ f(
+  "div",
+  {
+    ref: t,
+    className: "font-regular absolute -mt-3 ml-3 flex rounded-2xl bg-white px-1 text-sm ",
+    children: [
+      /* @__PURE__ */ a("p", { children: o }),
+      e && /* @__PURE__ */ a("p", { className: "font-semiBold text-lg text-error-default", children: " *" })
+    ]
+  }
+)), u = n(
+  ({ ...o }) => {
+    const { errors: e, placeholder: t } = d(i) || {};
+    return /* @__PURE__ */ a(
+      "textarea",
+      {
+        className: "text-ink text-md w-full cursor-pointer rounded-md border border-black bg-white py-2 pl-4",
+        placeholder: t
+      }
+    );
+  }
+), p = n(({ children: o, ...e }, t) => {
+  const { errors: r } = d(i) || {};
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: t,
+      className: "font-regular gap-y-2 text-sm text-error-default",
+      ...e,
+      children: r == null ? void 0 : r.map((l, s) => /* @__PURE__ */ a("p", { children: l }, `error-msg-${s + 1}`))
+    }
+  );
+});
+x.displayName = "TextArea";
+c.displayName = "TextArea.Item";
+m.displayName = "TextArea.Label";
+u.displayName = "TextArea.Box";
+p.displayName = "TextArea.Validation";
+const g = Object.assign(x, {
+  Item: c,
+  Label: m,
+  Box: u,
+  Validation: p
+});
+export {
+  g as TextArea
+};

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

@@ -0,0 +1,21 @@
+import { Timeline } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Dot: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            index: number;
+            length: number;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {};
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Timeline>;
+export declare const Default: Story;

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+
+declare const Timeline: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Dot: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        index: number;
+        length: number;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { Timeline };

package/lib/components/Timeline/index.js

@@ -0,0 +1,31 @@
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import l from "clsx";
+const o = t(({ id: e, className: m, children: i }, d) => /* @__PURE__ */ n("div", { ref: d, id: e, className: m, children: i })), r = t(
+  ({ id: e, children: m }, i) => /* @__PURE__ */ n("div", { ref: i, id: e, className: "flex", children: m })
+), s = t(({ className: e, index: m, length: i }) => /* @__PURE__ */ c("div", { className: "hidden sm:block", children: [
+  /* @__PURE__ */ n(
+    "p",
+    {
+      className: l("z-10 m-auto mt-12 h-4 w-4 rounded-full", e)
+    }
+  ),
+  /* @__PURE__ */ n(
+    "div",
+    {
+      className: m !== i - 1 ? l("m-auto h-full w-1", e) : "border-r-2 border-transparent"
+    }
+  )
+] })), a = t(({ children: e }) => /* @__PURE__ */ n("div", { className: "my-2 w-full sm:ml-8", children: e }));
+o.displayName = "Timeline";
+r.displayName = "Timeline.Item";
+s.displayName = "Timeline.Dot";
+a.displayName = "Timeline.Content";
+const T = Object.assign(o, {
+  Item: r,
+  Dot: s,
+  Content: a
+});
+export {
+  T as Timeline
+};

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

@@ -0,0 +1,19 @@
+import { Tubestops } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').TubestopsContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Stop: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            stopId: number;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        activeStop: number;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Tubestops>;
+export declare const Default: Story;

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

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+
+export interface TubestopsContextProps {
+    stops?: number;
+    activeStop?: number;
+    currentStop?: number;
+    setCurrentStop?: (stop: number) => void;
+}
+declare const Tubestops: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & TubestopsContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Stop: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        stopId: number;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Text: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+};
+export { Tubestops };

package/lib/components/Tubestops/index.js

@@ -0,0 +1,77 @@
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createContext as b, forwardRef as m, useState as x, Children as C, useMemo as f, useContext as c } from "react";
+import l from "clsx";
+const i = b(null), v = b(
+  null
+), T = m(({ className: n, children: t, activeStop: r = 0 }, s) => {
+  const [e, o] = x(r), a = C.count(t), p = f(
+    () => ({
+      stops: a ?? 0,
+      currentStop: e,
+      setCurrentStop: o
+    }),
+    [e, o]
+  );
+  return /* @__PURE__ */ u(i.Provider, { value: p, children: /* @__PURE__ */ u("div", { ref: s, className: l("flex py-4", n), children: t }) });
+}), N = m(({ className: n, stopId: t = 0, children: r }, s) => {
+  const { currentStop: e = 0, stops: o = 0 } = c(i) || {}, [a] = x(t), p = f(
+    () => ({
+      stopNumber: a
+    }),
+    [a]
+  );
+  return /* @__PURE__ */ u(v.Provider, { value: p, children: /* @__PURE__ */ d("div", { ref: s, className: l(n, "w-full min-w-[120px]"), children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: l({
+          "mt-4 h-1 w-full translate-x-1/2 bg-tubestop-line-future": t >= e && t < o,
+          "mt-4 h-1 w-full translate-x-1/2 bg-tubestop-line-complete": t < e && t < o
+        })
+      }
+    ),
+    /* @__PURE__ */ u(
+      "p",
+      {
+        className: l(
+          {
+            "relative z-20 -mt-4 bg-tubestop-station-complete": t < e,
+            "relative z-20 -mt-4 bg-tubestop-station-active": e === t,
+            "relative z-20 -mt-4 bg-tubestop-station-future": t > e,
+            "mt-1": t === o
+          },
+          "z-10 mx-auto h-6 w-6 rounded-full"
+        )
+      }
+    ),
+    r
+  ] }) });
+}), S = m(({ className: n, children: t }, r) => {
+  const { currentStop: s = 0 } = c(i) || {}, { stopNumber: e = 0 } = c(v) || {};
+  return /* @__PURE__ */ u(
+    "p",
+    {
+      ref: r,
+      className: l(
+        "mt-2 text-center",
+        {
+          "font-medium text-tubestop-text-complete": e < s,
+          "font-bold text-tubestop-text-active": s === e,
+          "font-medium text-tubestop-text-future": e > s
+        },
+        n
+      ),
+      children: t
+    }
+  );
+});
+T.displayName = "Tubestop";
+N.displayName = "Tubestops.Stop";
+S.displayName = "Tubestops.Text";
+const y = Object.assign(T, {
+  Stop: N,
+  Text: S
+});
+export {
+  y as Tubestops
+};

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+import { Video } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLVideoElement> & import('./').VideoProps & import('react').RefAttributes<HTMLVideoElement>> & {
+        File: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLSourceElement> & {
+            src: string;
+            type: "video/mp4" | "video/webm" | "video/ogv";
+        } & import('react').RefAttributes<HTMLSourceElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Video>;
+export declare const Default: Story;
+export declare const Mp4: Story;
+export declare const withControls: Story;
+export declare const Muted: Story;
+export declare const autoPlay: Story;
+export declare const withPoster: Story;

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+
+export interface VideoProps {
+    autoPlay?: boolean;
+    muted?: boolean;
+    poster?: string;
+    mp4File?: string;
+    webmFile?: string;
+    withControls?: boolean;
+    withPoster?: boolean;
+}
+declare const Video: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLVideoElement> & VideoProps & import('react').RefAttributes<HTMLVideoElement>> & {
+    File: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSourceElement> & {
+        src: string;
+        type: 'video/mp4' | 'video/webm' | 'video/ogv';
+    } & import('react').RefAttributes<HTMLSourceElement>>;
+};
+export { Video };

package/lib/components/Video/index.js

@@ -0,0 +1,32 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+const a = r(
+  ({
+    children: e,
+    poster: o,
+    withControls: s = !1,
+    autoPlay: i = !1,
+    muted: d = !1,
+    ...f
+  }, m) => /* @__PURE__ */ l(
+    "video",
+    {
+      className: "h-full w-full max-w-[800px]",
+      ref: m,
+      poster: o,
+      controls: s,
+      autoPlay: i,
+      muted: d,
+      ...f,
+      children: e
+    }
+  )
+), t = r(({ src: e, type: o, ...s }, i) => /* @__PURE__ */ l("source", { ref: i, src: e, type: o, ...s }));
+a.displayName = "Video";
+t.displayName = "Video.File";
+const p = Object.assign(a, {
+  File: t
+});
+export {
+  p as Video
+};

package/{src/components/index.ts → lib/components/index.d.ts}

@@ -1,73 +1,37 @@
-import { Accordion } from './Accordion';
-import { AlertBar } from './AlertBar';
-import { Breadcrumbs } from './Breadcrumbs';
-import { Button } from './Button';
-import { CalendarComponent } from './Calendar';
-import { Card } from './Card';
-import { Carousel } from './Carousel';
-import { CarouselThumbnail } from './CarouselThumbnail';
-import { Checkbox } from './Checkbox';
-import { Collapsible } from './Collapsible';
-import { Counter } from './Counter';
-import { DetailUpdater } from './DetailUpdater';
-import { Dialog } from './Dialog';
-import { Dropdown } from './Dropdown';
-import { Footer } from './Footer';
-import { FooterNav } from './FooterNav';
-import { Form } from './Form';
-import { Greeting } from './Greeting';
-import { Icon } from './Icon';
-import { Image } from './Image';
-import { ImageCard } from './ImageCard';
-import { Input } from './Input';
-import { MenuButton } from './MenuButton';
-import { Modal } from './Modal';
-import { Nav } from './Nav';
-import { NavItem } from './NavItem';
-import { Pill } from './Pill';
-import { Search } from './Search';
-import { Select } from './Select';
-import { Stars } from './Stars';
-import { Testimonial } from './Testimonial';
-import { TextArea } from './TextArea';
-import { Timeline } from './Timeline';
-import { Tubestops } from './Tubestops';
 import { Video } from './Video';
+import { Tubestops } from './Tubestops';
+import { Timeline } from './Timeline';
+import { TextArea } from './TextArea';
+import { Testimonial } from './Testimonial';
+import { Stars } from './Stars';
+import { Select } from './Select';
+import { Search } from './Search';
+import { Pill } from './Pill';
+import { NavItem } from './NavItem';
+import { Nav } from './Nav';
+import { Modal } from './Modal';
+import { MenuButton } from './MenuButton';
+import { Input } from './Input';
+import { ImageCard } from './ImageCard';
+import { Image } from './Image';
+import { Icon } from './Icon';
+import { Greeting } from './Greeting';
+import { Form } from './Form';
+import { FooterNav } from './FooterNav';
+import { Footer } from './Footer';
+import { Dropdown } from './Dropdown';
+import { Dialog } from './Dialog';
+import { DetailUpdater } from './DetailUpdater';
+import { Counter } from './Counter';
+import { Collapsible } from './Collapsible';
+import { Checkbox } from './Checkbox';
+import { CarouselThumbnail } from './CarouselThumbnail';
+import { Carousel } from './Carousel';
+import { Card } from './Card';
+import { CalendarComponent } from './Calendar';
+import { Button } from './Button';
+import { Breadcrumbs } from './Breadcrumbs';
+import { AlertBar } from './AlertBar';
+import { Accordion } from './Accordion';
 
-export {
-  Accordion,
-  AlertBar,
-  Breadcrumbs,
-  Button,
-  CalendarComponent,
-  Card,
-  Checkbox,
-  Carousel,
-  CarouselThumbnail,
-  Collapsible,
-  Counter,
-  DetailUpdater,
-  Dialog,
-  Dropdown,
-  Form,
-  Footer,
-  FooterNav,
-  Greeting,
-  Icon,
-  Image,
-  ImageCard,
-  Input,
-  MenuButton,
-  Modal,
-  Nav,
-  NavItem,
-  Pill,
-  Search,
-  Select,
-  Stars,
-  Testimonial,
-  TextArea,
-  Timeline,
-  Tubestops,
-  Video,
-};
+export { Accordion, AlertBar, Breadcrumbs, Button, CalendarComponent, Card, Checkbox, Carousel, CarouselThumbnail, Collapsible, Counter, DetailUpdater, Dialog, Dropdown, Form, Footer, FooterNav, Greeting, Icon, Image, ImageCard, Input, MenuButton, Modal, Nav, NavItem, Pill, Search, Select, Stars, Testimonial, TextArea, Timeline, Tubestops, Video, };

package/lib/documentation/assets/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TrepurComponentsLogo } from './trepurComponentsLogo.svg';
+
+export { TrepurComponentsLogo };

package/lib/documentation/typography/Fonts/Fonts.d.ts

@@ -0,0 +1,2 @@
+
+export declare const Fonts: () => import("react/jsx-runtime").JSX.Element;

package/lib/documentation/typography/Fonts/Fonts.stories.d.ts

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

package/lib/index.js

@@ -0,0 +1,72 @@
+import { Accordion as e } from "./components/Accordion/index.js";
+import { AlertBar as m } from "./components/AlertBar/index.js";
+import { Breadcrumbs as x } from "./components/Breadcrumbs/index.js";
+import { Button as a } from "./components/Button/index.js";
+import { CalendarComponent as n } from "./components/Calendar/index.js";
+import { Card as u } from "./components/Card/index.js";
+import { Checkbox as C } from "./components/Checkbox/index.js";
+import { Carousel as c } from "./components/Carousel/index.js";
+import { CarouselThumbnail as I } from "./components/CarouselThumbnail/index.js";
+import { Collapsible as g } from "./components/Collapsible/index.js";
+import { Counter as h } from "./components/Counter/index.js";
+import { DetailUpdater as A } from "./components/DetailUpdater/index.js";
+import { Dialog as F } from "./components/Dialog/index.js";
+import { Dropdown as S } from "./components/Dropdown/index.js";
+import { Form as k } from "./components/Form/index.js";
+import { Footer as G } from "./components/Footer/index.js";
+import { FooterNav as U } from "./components/FooterNav/index.js";
+import { Greeting as j } from "./components/Greeting/index.js";
+import { Icon as y } from "./components/Icon/index.js";
+import { Image as E } from "./components/Image/index.js";
+import { ImageCard as J } from "./components/ImageCard/index.js";
+import { Input as L } from "./components/Input/index.js";
+import { MenuButton as Q } from "./components/MenuButton/index.js";
+import { Modal as W } from "./components/Modal/index.js";
+import { Nav as Y } from "./components/Nav/index.js";
+import { NavItem as _ } from "./components/NavItem/index.js";
+import { Pill as oo } from "./components/Pill/index.js";
+import { Search as eo } from "./components/Search/index.js";
+import { Select as mo } from "./components/Select/index.js";
+import { Stars as xo } from "./components/Stars/index.js";
+import { Testimonial as ao } from "./components/Testimonial/index.js";
+import { TextArea as no } from "./components/TextArea/index.js";
+import { Timeline as uo } from "./components/Timeline/index.js";
+import { Tubestops as so } from "./components/Tubestops/index.js";
+import { Video as bo } from "./components/Video/index.js";
+export {
+  e as Accordion,
+  m as AlertBar,
+  x as Breadcrumbs,
+  a as Button,
+  n as CalendarComponent,
+  u as Card,
+  c as Carousel,
+  I as CarouselThumbnail,
+  C as Checkbox,
+  g as Collapsible,
+  h as Counter,
+  A as DetailUpdater,
+  F as Dialog,
+  S as Dropdown,
+  G as Footer,
+  U as FooterNav,
+  k as Form,
+  j as Greeting,
+  y as Icon,
+  E as Image,
+  J as ImageCard,
+  L as Input,
+  Q as MenuButton,
+  W as Modal,
+  Y as Nav,
+  _ as NavItem,
+  oo as Pill,
+  eo as Search,
+  mo as Select,
+  xo as Stars,
+  ao as Testimonial,
+  no as TextArea,
+  uo as Timeline,
+  so as Tubestops,
+  bo as Video
+};

package/lib/node_modules/keen-slider/keen-slider.min.css.js

@@ -0,0 +1 @@
+