trepur_components 2.3.48 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/lib/components/AlertBar/index.d.ts +0 -1
  2. package/lib/components/AlertBar/index.js +3 -3
  3. package/lib/components/Avatar/index.d.ts +0 -2
  4. package/lib/components/Breadcrumbs/index.d.ts +1 -2
  5. package/lib/components/Breadcrumbs/index.js +4 -4
  6. package/lib/components/Button/Button.stories.d.ts +4 -9
  7. package/lib/components/Button/index.d.ts +0 -1
  8. package/lib/components/Calendar/index.d.ts +0 -1
  9. package/lib/components/Calendar/index.js +1 -1
  10. package/lib/components/Carousel/index.d.ts +1 -2
  11. package/lib/components/Carousel/index.js +8 -8
  12. package/lib/components/CarouselThumbnail/index.d.ts +1 -2
  13. package/lib/components/CarouselThumbnail/index.js +4 -4
  14. package/lib/components/Checkbox/index.d.ts +0 -1
  15. package/lib/components/Collapsible/index.d.ts +2 -3
  16. package/lib/components/Collapsible/index.js +48 -42
  17. package/lib/components/Counter/index.d.ts +0 -1
  18. package/lib/components/Counter/index.js +6 -6
  19. package/lib/components/DetailUpdater/index.d.ts +0 -1
  20. package/lib/components/Dialog/index.d.ts +1 -2
  21. package/lib/components/Dropdown/index.d.ts +1 -2
  22. package/lib/components/Dropdown/index.js +3 -3
  23. package/lib/components/FileUploader/index.d.ts +0 -1
  24. package/lib/components/Footer/index.d.ts +0 -1
  25. package/lib/components/FooterNav/index.d.ts +3 -4
  26. package/lib/components/Form/index.d.ts +2 -3
  27. package/lib/components/Gallery/index.d.ts +1 -2
  28. package/lib/components/Icon/index.d.ts +1 -2
  29. package/lib/components/ImageCard/index.d.ts +1 -2
  30. package/lib/components/Input/index.d.ts +1 -2
  31. package/lib/components/Input/index.js +3 -3
  32. package/lib/components/Link/index.d.ts +0 -1
  33. package/lib/components/Map/index.d.ts +0 -1
  34. package/lib/components/Map/index.js +2 -2
  35. package/lib/components/Map/utils.d.ts +1 -2
  36. package/lib/components/Map/utils.js +3 -6
  37. package/lib/components/MenuButton/index.d.ts +0 -2
  38. package/lib/components/Modal/index.d.ts +0 -2
  39. package/lib/components/Nav/index.d.ts +2 -3
  40. package/lib/components/Nav/index.js +3 -3
  41. package/lib/components/NavItem/index.d.ts +4 -5
  42. package/lib/components/Pill/index.d.ts +0 -1
  43. package/lib/components/Search/index.d.ts +1 -2
  44. package/lib/components/Showcase/index.d.ts +1 -2
  45. package/lib/components/SideNav/index.d.ts +0 -1
  46. package/lib/components/SocialButton/index.d.ts +0 -2
  47. package/lib/components/SplitCard/index.d.ts +0 -1
  48. package/lib/components/SplitCard/index.js +3 -3
  49. package/lib/components/Testimonial/index.d.ts +1 -2
  50. package/lib/components/TextArea/index.d.ts +1 -2
  51. package/lib/components/TextArea/index.js +3 -3
  52. package/lib/components/Timeline/index.d.ts +0 -1
  53. package/lib/components/Tubestops/index.d.ts +0 -1
  54. package/lib/components/Tubestops/index.js +4 -4
  55. package/lib/components/Video/index.d.ts +1 -2
  56. package/lib/components/index.d.ts +37 -38
  57. package/lib/node_modules/keen-slider/react.js +261 -294
  58. package/lib/style.css +1 -1
  59. package/lib/tailwind/preset.ts +0 -1
  60. package/lib/utils/matchMedia.js +1 -2
  61. package/lib/utils/screens.js +3 -7
  62. package/package.json +36 -65
  63. package/lib/assets/sample.jpg +0 -0
  64. package/lib/assets/trepurComponentsLogo.svg +0 -32
  65. package/lib/components/Accordion/Accordion.stories.d.ts +0 -13
  66. package/lib/components/AlertBar/AlertBar.stories.d.ts +0 -25
  67. package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
  68. package/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -20
  69. package/lib/components/Calendar/Calendar.stories.d.ts +0 -11
  70. package/lib/components/Calendar/style.css.js +0 -1
  71. package/lib/components/Card/Card.stories.d.ts +0 -11
  72. package/lib/components/Carousel/Carousel.stories.d.ts +0 -21
  73. package/lib/components/CarouselThumbnail/CarouselThumbnail.stories.d.ts +0 -22
  74. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -17
  75. package/lib/components/Collapsible/Collapsible.stories.d.ts +0 -23
  76. package/lib/components/Counter/Counter.stories.d.ts +0 -17
  77. package/lib/components/DetailUpdater/DetailUpdater.stories.d.ts +0 -18
  78. package/lib/components/Dialog/Dialog.stories.d.ts +0 -15
  79. package/lib/components/Dropdown/Dropdown.stories.d.ts +0 -17
  80. package/lib/components/FileUploader/FileUploader.stories.d.ts +0 -18
  81. package/lib/components/Footer/Footer.stories.d.ts +0 -19
  82. package/lib/components/FooterNav/FooterNav.stories.d.ts +0 -22
  83. package/lib/components/Form/Form.stories.d.ts +0 -66
  84. package/lib/components/Gallery/Gallery.stories.d.ts +0 -16
  85. package/lib/components/Greeting/Greeting.stories.d.ts +0 -13
  86. package/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +0 -12
  87. package/lib/components/Icon/Icon.stories.d.ts +0 -16
  88. package/lib/components/Image/Image.stories.d.ts +0 -13
  89. package/lib/components/ImageCard/ImageCard.stories.d.ts +0 -23
  90. package/lib/components/Input/Input.stories.d.ts +0 -21
  91. package/lib/components/Link/Link.stories.d.ts +0 -30
  92. package/lib/components/Map/Map.stories.d.ts +0 -18
  93. package/lib/components/Map/map.css.js +0 -1
  94. package/lib/components/MenuButton/MenuButton.stories.d.ts +0 -28
  95. package/lib/components/Modal/Modal.stories.d.ts +0 -67
  96. package/lib/components/Nav/Nav.stories.d.ts +0 -32
  97. package/lib/components/NavItem/NavItem.stories.d.ts +0 -22
  98. package/lib/components/Pill/Pill.stories.d.ts +0 -26
  99. package/lib/components/Search/Search.stories.d.ts +0 -44
  100. package/lib/components/Select/Select.stories.d.ts +0 -24
  101. package/lib/components/Showcase/Showcase.stories.d.ts +0 -17
  102. package/lib/components/SideNav/SideNav.stories.d.ts +0 -40
  103. package/lib/components/SocialButton/SocialButton.stories.d.ts +0 -83
  104. package/lib/components/SplitCard/SplitCard.stories.d.ts +0 -21
  105. package/lib/components/Stars/Stars.stories.d.ts +0 -14
  106. package/lib/components/Testimonial/Testimonial.stories.d.ts +0 -21
  107. package/lib/components/TextArea/TextArea.stories.d.ts +0 -21
  108. package/lib/components/Timeline/Timeline.stories.d.ts +0 -21
  109. package/lib/components/Tubestops/Tubestops.stories.d.ts +0 -24
  110. package/lib/components/Video/Video.stories.d.ts +0 -23
  111. package/lib/documentation/assets/index.d.ts +0 -3
  112. package/lib/documentation/components/ThemeColours.d.ts +0 -20
  113. package/lib/documentation/typography/Fonts/Fonts.d.ts +0 -2
  114. package/lib/documentation/typography/Fonts/Fonts.stories.d.ts +0 -10
  115. package/lib/node_modules/@maptiler/sdk/dist/maptiler-sdk.css.js +0 -1
  116. package/lib/node_modules/keen-slider/keen-slider.min.css.js +0 -1
package/lib/components/Modal/index.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- import { default as React } from 'react';
2
-
3
1
  export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
4
2
  children?: React.ReactNode;
5
3
  visible?: boolean;
package/lib/components/Nav/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import { ImageProps } from '../Image';
2
1
  import { HTMLAttributes } from 'react';
3
-
2
+ import { ImageProps } from '../Image';
4
3
  export interface NavContextProps {
5
4
  expanded?: boolean;
6
5
  setExpanded?: (val: boolean) => void;
@@ -15,7 +14,7 @@ declare const Nav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTML
15
14
  Body: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
16
15
  Folder: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
17
16
  label: string;
18
- active?: boolean | undefined;
17
+ active?: boolean;
19
18
  } & import('react').RefAttributes<HTMLDivElement>>;
20
19
  };
21
20
  export { Nav };
package/lib/components/Nav/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx as e, jsxs as p, Fragment as w } from "react/jsx-runtime";
2
- import { createContext as C, forwardRef as d, useState as v, useMemo as k, useContext as m, useRef as M } from "react";
2
+ import { forwardRef as d, useState as v, useMemo as C, createContext as k, useRef as M, useContext as m } from "react";
3
3
  import { HamburgerIcon as j } from "../HamburgerIcon/index.js";
4
4
  import { faChevronDown as D } from "@fortawesome/fontawesome-free-solid";
5
5
  import n from "clsx";
6
6
  import { Icon as F } from "../Icon/index.js";
7
7
  import { NavItem as L } from "../NavItem/index.js";
8
- const c = C(null), g = d(({ className: r, children: t, loading: a }, o) => {
9
- const [s, l] = v(!1), i = k(
8
+ const c = k(null), g = d(({ className: r, children: t, loading: a }, o) => {
9
+ const [s, l] = v(!1), i = C(
10
10
  () => ({
11
11
  expanded: s,
12
12
  setExpanded: l,
package/lib/components/NavItem/index.d.ts CHANGED
@@ -1,10 +1,9 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  declare const NavItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
4
- href?: string | undefined;
5
- active?: boolean | undefined;
6
- loading?: boolean | undefined;
7
- isInFolder?: boolean | undefined;
3
+ href?: string;
4
+ active?: boolean;
5
+ loading?: boolean;
6
+ isInFolder?: boolean;
8
7
  } & import('react').RefAttributes<HTMLAnchorElement>> & {
9
8
  Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
10
9
  };
package/lib/components/Pill/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  export type PickU<T, K extends keyof T> = T extends any ? {
4
3
  [P in K]: T[P];
5
4
  } : never;
package/lib/components/Search/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import { IconProps } from '../Icon';
2
-
1
+ import { IconProps } from 'src/components/Icon';
3
2
  export interface Props {
4
3
  id?: string;
5
4
  className?: string;
package/lib/components/Showcase/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
+ import { IconProps } from 'src/components/Icon';
1
2
  import { Colours } from '../../utils/controls';
2
- import { IconProps } from '../Icon';
3
-
4
3
  export interface Props {
5
4
  id: string;
6
5
  className?: string;
package/lib/components/SideNav/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { Colours } from '../../utils/controls';
2
-
3
2
  export interface Props {
4
3
  id: string;
5
4
  className: string;
package/lib/components/SocialButton/index.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- import { default as React } from 'react';
2
-
3
1
  export interface Props {
4
2
  id?: string;
5
3
  className?: string;
package/lib/components/SplitCard/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  export interface SplitCardContextProps {
4
3
  swapDesktop?: boolean;
5
4
  swapMobile?: boolean;
package/lib/components/SplitCard/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { jsx as e, jsxs as N } from "react/jsx-runtime";
2
- import { createContext as S, forwardRef as n, useMemo as v, useContext as u } from "react";
2
+ import { forwardRef as n, useMemo as S, createContext as v, useContext as u } from "react";
3
3
  import w from "../../utils/matchMedia.js";
4
4
  import { Screens as y } from "../../utils/screens.js";
5
5
  import o from "clsx";
6
- const p = S(null), g = n(
6
+ const p = v(null), g = n(
7
7
  ({ className: r, children: a, swapDesktop: t, swapMobile: l, loading: s, ...i }, d) => {
8
- const C = `(min-width: ${y.md})`, c = w(C), h = v(
8
+ const C = `(min-width: ${y.md})`, c = w(C), h = S(
9
9
  () => ({
10
10
  swapDesktop: t,
11
11
  swapMobile: l,
package/lib/components/Testimonial/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import { ImageProps } from '../Image';
2
1
  import { HTMLAttributes } from 'react';
3
-
2
+ import { ImageProps } from 'src/components/Image';
4
3
  declare const Testimonial: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
5
4
  Image: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
6
5
  Title: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
package/lib/components/TextArea/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  export interface TextAreaContextProps {
4
3
  autoComplete?: string;
5
4
  disabled?: boolean;
@@ -25,7 +24,7 @@ export interface TextAreaContextProps {
25
24
  declare const TextArea: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & TextAreaContextProps & import('react').RefAttributes<HTMLDivElement>> & {
26
25
  Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
27
26
  Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
28
- required?: boolean | undefined;
27
+ required?: boolean;
29
28
  } & import('react').RefAttributes<HTMLDivElement>>;
30
29
  Box: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
31
30
  Validation: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
package/lib/components/TextArea/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as f } from "react/jsx-runtime";
2
- import { createContext as A, forwardRef as o, useMemo as T, useRef as N, useContext as d } from "react";
3
- const s = A(null), x = o(({ children: e, errors: a, placeholder: t, ...l }, n) => {
4
- const p = T(
2
+ import { forwardRef as o, useMemo as A, createContext as T, useContext as d, useRef as N } from "react";
3
+ const s = T(null), x = o(({ children: e, errors: a, placeholder: t, ...l }, n) => {
4
+ const p = A(
5
5
  () => ({
6
6
  errors: a,
7
7
  placeholder: t,
package/lib/components/Timeline/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  declare const Timeline: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
4
3
  Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
5
4
  Dot: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
package/lib/components/Tubestops/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  export interface TubestopsContextProps {
4
3
  totalStops?: number;
5
4
  setTotalStops?: (stop: number) => void;
package/lib/components/Tubestops/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx as r, jsxs as T } from "react/jsx-runtime";
2
- import { createContext as f, forwardRef as a, useState as v, Children as z, useMemo as N, useContext as i } from "react";
2
+ import { forwardRef as a, useState as f, Children as z, useMemo as v, createContext as N, useContext as i } from "react";
3
3
  import l from "clsx";
4
4
  import { Button as d } from "../Button/index.js";
5
- const p = f(null), h = f(
5
+ const p = N(null), h = N(
6
6
  null
7
7
  ), y = a(({ className: n, children: t, activeStop: e = 1 }, s) => {
8
8
  var b, x;
9
- const [o, u] = v(e), c = (x = (b = z.toArray(t)[0]) == null ? void 0 : b.props) == null ? void 0 : x.children.length, m = N(
9
+ const [o, u] = f(e), c = (x = (b = z.toArray(t)[0]) == null ? void 0 : b.props) == null ? void 0 : x.children.length, m = v(
10
10
  () => ({
11
11
  totalStops: c,
12
12
  currentStop: o,
@@ -57,7 +57,7 @@ const p = f(null), h = f(
57
57
  currentStop: o = 0,
58
58
  setCurrentStop: u,
59
59
  totalStops: c = 0
60
- } = i(p) || {}, [m] = v(t), b = N(
60
+ } = i(p) || {}, [m] = f(t), b = v(
61
61
  () => ({
62
62
  stopNumber: m
63
63
  }),
package/lib/components/Video/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  export interface VideoProps {
4
3
  autoPlay?: boolean;
5
4
  muted?: boolean;
@@ -12,7 +11,7 @@ export interface VideoProps {
12
11
  declare const Video: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLVideoElement> & VideoProps & import('react').RefAttributes<HTMLVideoElement>> & {
13
12
  File: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSourceElement> & {
14
13
  src: string;
15
- type: 'video/mp4' | 'video/webm' | 'video/ogv';
14
+ type: "video/mp4" | "video/webm" | "video/ogv";
16
15
  } & import('react').RefAttributes<HTMLSourceElement>>;
17
16
  };
18
17
  export { Video };
package/lib/components/index.d.ts CHANGED
@@ -1,40 +1,39 @@
1
- import { Video } from './Video';
2
- import { Tubestops } from './Tubestops';
3
- import { Timeline } from './Timeline';
4
- import { TextArea } from './TextArea';
5
- import { Testimonial } from './Testimonial';
6
- import { Stars } from './Stars';
7
- import { SplitCard } from './SplitCard';
8
- import { Select } from './Select';
9
- import { Search } from './Search';
10
- import { Pill } from './Pill';
11
- import { NavItem } from './NavItem';
12
- import { Nav } from './Nav';
13
- import { Modal } from './Modal';
14
- import { MenuButton } from './MenuButton';
15
- import { Map } from './Map';
16
- import { Link } from './Link';
17
- import { Input } from './Input';
18
- import { ImageCard } from './ImageCard';
19
- import { Image } from './Image';
20
- import { Icon } from './Icon';
21
- import { Greeting } from './Greeting';
22
- import { Form } from './Form';
23
- import { FooterNav } from './FooterNav';
24
- import { Footer } from './Footer';
25
- import { Dropdown } from './Dropdown';
26
- import { Dialog } from './Dialog';
27
- import { DetailUpdater } from './DetailUpdater';
28
- import { Counter } from './Counter';
29
- import { Collapsible } from './Collapsible';
30
- import { Checkbox } from './Checkbox';
31
- import { CarouselThumbnail } from './CarouselThumbnail';
32
- import { Carousel } from './Carousel';
33
- import { Card } from './Card';
34
- import { CalendarComponent } from './Calendar';
35
- import { Button } from './Button';
36
- import { Breadcrumbs } from './Breadcrumbs';
37
- import { AlertBar } from './AlertBar';
38
1
  import { Accordion } from './Accordion';
39
-
2
+ import { AlertBar } from './AlertBar';
3
+ import { Breadcrumbs } from './Breadcrumbs';
4
+ import { Button } from './Button';
5
+ import { CalendarComponent } from './Calendar';
6
+ import { Card } from './Card';
7
+ import { Carousel } from './Carousel';
8
+ import { CarouselThumbnail } from './CarouselThumbnail';
9
+ import { Checkbox } from './Checkbox';
10
+ import { Collapsible } from './Collapsible';
11
+ import { Counter } from './Counter';
12
+ import { DetailUpdater } from './DetailUpdater';
13
+ import { Dialog } from './Dialog';
14
+ import { Dropdown } from './Dropdown';
15
+ import { Footer } from './Footer';
16
+ import { FooterNav } from './FooterNav';
17
+ import { Form } from './Form';
18
+ import { Greeting } from './Greeting';
19
+ import { Icon } from './Icon';
20
+ import { Image } from './Image';
21
+ import { ImageCard } from './ImageCard';
22
+ import { Input } from './Input';
23
+ import { Link } from './Link';
24
+ import { Map } from './Map';
25
+ import { MenuButton } from './MenuButton';
26
+ import { Modal } from './Modal';
27
+ import { Nav } from './Nav';
28
+ import { NavItem } from './NavItem';
29
+ import { Pill } from './Pill';
30
+ import { Search } from './Search';
31
+ import { Select } from './Select';
32
+ import { SplitCard } from './SplitCard';
33
+ import { Stars } from './Stars';
34
+ import { Testimonial } from './Testimonial';
35
+ import { TextArea } from './TextArea';
36
+ import { Timeline } from './Timeline';
37
+ import { Tubestops } from './Tubestops';
38
+ import { Video } from './Video';
40
39
  export { Accordion, AlertBar, Breadcrumbs, Button, CalendarComponent, Card, Checkbox, Carousel, CarouselThumbnail, Collapsible, Counter, DetailUpdater, Dialog, Dropdown, Form, Footer, FooterNav, Greeting, Icon, Image, ImageCard, Input, Link, Map, MenuButton, Modal, Nav, NavItem, Pill, Search, Select, SplitCard, Stars, Testimonial, TextArea, Timeline, Tubestops, Video };