trepur_components 2.3.47 → 2.3.49

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

@@ -1,5 +1,5 @@
-import { StoryObj } from '@storybook/react';
 import { FileUploader } from './';
+import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { StoryObj } from '@storybook/react';
 import { Footer } from './';
+import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;

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

@@ -1,16 +1,16 @@
-import { StoryObj } from '@storybook/react';
 import { FooterNav } 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> & {
-            href?: string | undefined;
+            href?: string;
             onClick?: any;
         } & import('react').RefAttributes<HTMLDivElement>>;
         Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         Icon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-            icon: import('@fortawesome/fontawesome-svg-core').IconProp | import('@fortawesome/fontawesome-free-solid').IconDefinition;
+            icon: import('@fortawesome/fontawesome-free-solid').IconDefinition | import('@fortawesome/fontawesome-svg-core').IconProp;
         } & import('react').RefAttributes<HTMLDivElement>>;
     };
     args: {

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

@@ -1,10 +1,10 @@
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
 import { HTMLAttributes } from 'react';
+import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
 
 declare const FooterNav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        href?: string | undefined;
+        href?: string;
         onClick?: any;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/FooterNav/index.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import s from "clsx";
-import { Icon as N } from "../Icon/index.js";
+import { Icon as d } from "../Icon/index.js";
 const l = n(({ className: o, children: e, ...t }, r) => /* @__PURE__ */ a(
   "div",
   {
@@ -13,9 +13,10 @@ const l = n(({ className: o, children: e, ...t }, r) => /* @__PURE__ */ a(
     ...t,
     children: e
   }
-)), m = n(({ className: o, children: e, href: t, onClick: r, ...p }) => /* @__PURE__ */ a(
+)), m = n(({ className: o, children: e, href: t, onClick: r, ...p }, N) => /* @__PURE__ */ a(
   "div",
   {
+    ref: N,
     className: s(
       "group w-full cursor-pointer py-2 text-center transition-all duration-500",
       o
@@ -31,16 +32,16 @@ const l = n(({ className: o, children: e, ...t }, r) => /* @__PURE__ */ a(
     ...t,
     children: e
   }
-)), c = n(({ icon: o, ...e }) => /* @__PURE__ */ a(N, { icon: o, ...e }));
+)), c = n(({ icon: o, ...e }, t) => /* @__PURE__ */ a(d, { icon: o, ref: t, ...e }));
 l.displayName = "FooterNav";
 m.displayName = "FooterNav.Item";
 c.displayName = "FooterNav.Icon";
 i.displayName = "FooterNav.Label";
-const x = Object.assign(l, {
+const F = Object.assign(l, {
   Item: m,
   Label: i,
   Icon: c
 });
 export {
-  x as FooterNav
+  F as FooterNav
 };

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

@@ -1,5 +1,5 @@
-import { Form } from '.';
 import { StoryObj } from '@storybook/react';
+import { Form } from '.';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { InputContextProps } from '../Input';
 import { ButtonProps } from '../Button';
+import { InputContextProps } from '../Input';
 
 export interface Props {
     id?: string;

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

@@ -1,5 +1,5 @@
-import { StoryObj } from '@storybook/react';
 import { Gallery } from './';
+import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { ImageProps } from '../Image';
 import { HTMLAttributes } from 'react';
+import { ImageProps } from '../Image';
 
 declare const Gallery: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & ImageProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
-import { StoryObj } from '@storybook/react';
 import { Greeting } from './';
+import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { HamburgerIcon } from '.';
 import { StoryObj } from '@storybook/react';
+import { HamburgerIcon } from '.';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { StoryObj } from '@storybook/react';
 import { Icon } from './';
+import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { IconProp, SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
+import { IconProp, SizeProp } from '@fortawesome/fontawesome-svg-core';
 
 export interface IconProps {
     className?: string;

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

@@ -1,5 +1,5 @@
-import { Image } from '.';
 import { StoryObj } from '@storybook/react';
+import { Image } from '.';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { ImageCard } from '.';
 import { StoryObj } from '@storybook/react';
+import { ImageCard } from '.';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { ImageProps } from '../Image';
 import { HTMLAttributes } from 'react';
+import { ImageProps } from '../Image';
 
 declare const ImageCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Image: import('react').ForwardRefExoticComponent<HTMLAttributes<ImageProps> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;

package/lib/components/ImageCard/index.js

@@ -1,35 +1,36 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { Image as N } from "../Image/index.js";
-import s from "clsx";
+import r from "clsx";
 import { Button as f } from "../Button/index.js";
-const d = o(({ className: a, children: e, onClick: t, ...r }, I) => /* @__PURE__ */ m(
+const d = o(({ className: a, children: e, onClick: t, ...s }, I) => /* @__PURE__ */ m(
   "div",
   {
     ref: I,
-    className: s(
+    className: r(
       "grid overflow-hidden rounded-xl bg-white drop-shadow",
       a
     ),
     onClick: t,
-    ...r,
+    ...s,
     children: e
   }
-)), n = o(({ src: a, ...e }) => /* @__PURE__ */ m("div", { className: "h-64", children: /* @__PURE__ */ m(N, { className: "object-cover", src: a, ...e }) })), l = o(({ children: a, className: e, ...t }, r) => /* @__PURE__ */ m("div", { className: s("p-4 pt-2", e), ref: r, ...t, children: a })), i = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: s("text-sm font-bold", a), ref: t, ...e })), p = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: s("text-sm font-normal", a), ref: t, ...e })), c = o(({ className: a, ...e }, t) => /* @__PURE__ */ m(
+)), n = o(({ src: a, ...e }, t) => /* @__PURE__ */ m("div", { ref: t, className: "h-64", children: /* @__PURE__ */ m(N, { className: "object-cover", src: a, ...e }) })), l = o(({ children: a, className: e, ...t }, s) => /* @__PURE__ */ m("div", { className: r("p-4 pt-2", e), ref: s, ...t, children: a })), i = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: r("text-sm font-bold", a), ref: t, ...e })), p = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: r("text-sm font-normal", a), ref: t, ...e })), c = o(({ className: a, ...e }, t) => /* @__PURE__ */ m(
   "p",
   {
-    className: s("line-clamp-5 pt-2 text-md font-normal", a),
+    className: r("line-clamp-5 pt-2 text-md font-normal", a),
     ref: t,
     ...e
   }
-)), g = o(({ children: a, className: e, ...t }) => /* @__PURE__ */ m(
+)), g = o(({ children: a, className: e, ...t }, s) => /* @__PURE__ */ m(
   f,
   {
-    className: s("mt-4 my-auto w-full justify-center", e),
+    ref: s,
+    className: r("mt-4 my-auto w-full justify-center", e),
     ...t,
     children: a
   }
-)), C = o(({ children: a, className: e, ...t }) => /* @__PURE__ */ m("p", { className: s("pt-4 text-end text-sm", e), ...t, children: a }));
+)), C = o(({ children: a, className: e, ...t }, s) => /* @__PURE__ */ m("p", { ref: s, className: r("pt-4 text-end text-sm", e), ...t, children: a }));
 d.displayName = "ImageCard";
 n.displayName = "ImageCard.Image";
 i.displayName = "ImageCard.Title";

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

@@ -1,14 +1,14 @@
-import { Input } from '.';
 import { StoryObj } from '@storybook/react';
+import { Input } from '.';
 
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').InputContextProps & 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;
+            required?: boolean;
         } & import('react').RefAttributes<HTMLDivElement>>;
-        Box: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Box: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
         Validation: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     };
     args: {

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

@@ -25,9 +25,9 @@ export interface InputContextProps {
 declare const Input: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & InputContextProps & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        required?: boolean | undefined;
+        required?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Box: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Box: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
     Validation: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export { Input };

package/lib/components/Input/index.js

@@ -1,69 +1,70 @@
 import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { createContext as b, forwardRef as a, useMemo as N, useRef as y, useContext as d } from "react";
+import { forwardRef as a, useMemo as b, createContext as N, useContext as d, useRef as y } from "react";
 import m from "clsx";
-const s = b(null), p = a(({ children: n, errors: e, placeholder: t, ...r }, l) => {
-  const f = N(
+const s = N(null), p = a(({ children: r, errors: e, placeholder: t, ...n }, l) => {
+  const f = b(
     () => ({
       errors: e,
       placeholder: t,
-      ...r
+      ...n
     }),
-    [e, r]
+    [e, n]
   );
-  return /* @__PURE__ */ o(s.Provider, { value: f, children: /* @__PURE__ */ o("div", { ref: l, children: n }) });
+  return /* @__PURE__ */ o(s.Provider, { value: f, children: /* @__PURE__ */ o("div", { ref: l, children: r }) });
 }), u = a(
-  ({ children: n, ...e }, t) => {
-    const r = y(null);
+  ({ children: r, ...e }, t) => {
+    const n = y(null);
     return /* @__PURE__ */ o(
       "div",
       {
         className: "mt-4 w-full",
         onClick: () => {
           var l;
-          return (l = r.current) == null ? void 0 : l.focus();
+          return (l = n.current) == null ? void 0 : l.focus();
         },
         ref: t,
         ...e,
-        children: n
+        children: r
       }
     );
   }
-), i = a(({ className: n, children: e, required: t = !1 }, r) => /* @__PURE__ */ I(
+), i = a(({ className: r, children: e, required: t = !1 }, n) => /* @__PURE__ */ I(
   "div",
   {
-    ref: r,
-    className: m("flex px-1 text-sm font-normal leading-5", n),
+    ref: n,
+    className: m("flex px-1 text-sm font-normal leading-5", r),
     children: [
       /* @__PURE__ */ o("p", { children: e }),
       t && /* @__PURE__ */ o("p", { className: "text-sm font-normal", children: " *" })
     ]
   }
 )), c = a(
-  ({ ...n }) => {
-    const { errors: e, placeholder: t } = d(s) || {};
+  ({ ...r }, e) => {
+    const { errors: t, placeholder: n } = d(s) || {};
     return /* @__PURE__ */ o(
       "input",
       {
-        placeholder: t,
+        ref: e,
+        placeholder: n,
         className: m(
           "text-ink text-md w-full rounded-md border border-gray-300 bg-white py-2 pl-4",
           {
-            "border-error border-2": e != null
+            "border-error border-2": t != null
           }
         ),
-        ...n
+        ...r
       }
     );
   }
-), x = a(({ ...n }, e) => {
+), x = a(({ ...r }, e) => {
   const { errors: t } = d(s) || {};
   return /* @__PURE__ */ o(
     "div",
     {
       ref: e,
       className: "text-md gap-y-2 pl-1 pt-2 font-semibold text-error-default",
-      ...n,
-      children: t == null ? void 0 : t.map((r, l) => /* @__PURE__ */ o("p", { children: r }, `error-msg-${l + 1}`))
+      ...r,
+      children: t == null ? void 0 : t.map((n, l) => /* @__PURE__ */ o("p", { children: n }, `error-msg-${l + 1}`))
     }
   );
 });

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

@@ -1,5 +1,5 @@
-import { Link } from '.';
 import { StoryObj } from '@storybook/react';
+import { Link } from '.';
 
 declare const meta: {
     title: string;
@@ -26,6 +26,5 @@ export declare const Ghost: Story;
 export declare const Basic: Story;
 export declare const Loading: Story;
 export declare const Small: Story;
-export declare const Medium: Story;
 export declare const Large: Story;
 export declare const Download: Story;

package/lib/components/Link/index.js

@@ -1,6 +1,6 @@
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { Icon as x } from "../Icon/index.js";
+import { Icon as h } from "../Icon/index.js";
 import c from "clsx";
 const i = a(
   ({
@@ -8,15 +8,16 @@ const i = a(
     children: e,
     loading: t = !1,
     variant: r = "primary",
-    size: n = "sm",
+    size: b = "sm",
     downloadFileName: s,
-    href: g,
+    href: m,
     target: u,
     ...p
-  }) => /* @__PURE__ */ b("div", { className: "inline-block", children: /* @__PURE__ */ b(
+  }, x) => /* @__PURE__ */ n(
     "a",
     {
-      href: g,
+      ref: x,
+      href: m,
       target: u,
       ...s && { download: s },
       className: c(
@@ -29,24 +30,24 @@ const i = a(
           "border-button-bordered-border text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": r === "bordered" && !t,
           "border-button-basic-border bg-button-basic-bg text-button-basic-text hover:bg-button-basic-hover active:bg-button-basic-active": r === "basic" && !t,
           "w-40 animate-pulse border-loading bg-loading": t,
-          "px-12 py-3 text-base font-normal leading-4": n === "sm",
-          "px-12 py-3 text-lg font-normal leading-8": n === "md",
-          "px-12 py-4 text-xl font-normal leading-8": n === "lg"
+          "px-12 py-3 text-base font-normal leading-4": b === "sm",
+          "px-12 py-3 text-lg font-normal leading-8": b === "md",
+          "px-12 py-4 text-xl font-normal leading-8": b === "lg"
         },
         o
       ),
       ...p,
       children: !t && e
     }
-  ) })
-), d = a(({ className: o, ...e }, t) => /* @__PURE__ */ b("p", { className: c("text-md", o), ref: t, ...e })), m = a(({ icon: o }, e) => /* @__PURE__ */ b(x, { size: "md", ref: e, icon: o }));
+  )
+), g = a(({ className: o, ...e }, t) => /* @__PURE__ */ n("p", { className: c("text-md", o), ref: t, ...e })), d = a(({ icon: o }, e) => /* @__PURE__ */ n(h, { size: "lg", ref: e, icon: o }));
 i.displayName = "Link";
-m.displayName = "Link.Icon";
-d.displayName = "Link.Label";
-const f = Object.assign(i, {
-  Icon: m,
-  Label: d
+d.displayName = "Link.Icon";
+g.displayName = "Link.Label";
+const L = Object.assign(i, {
+  Icon: d,
+  Label: g
 });
 export {
-  f as Link
+  L as Link
 };

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

@@ -1,5 +1,5 @@
-import { Map } from '.';
 import { StoryObj } from '@storybook/react';
+import { Map } from '.';
 
 declare const meta: {
     title: string;

package/lib/components/Map/index.js

@@ -3,8 +3,8 @@ import { useRef as D, useEffect as J } from "react";
 import { handleBoundary as j, renderMarkers as q, handleFitMarkers as C, renderInformationPopups as Q } from "./utils.js";
 import X from "clsx";
 import * as l from "@maptiler/sdk";
-import "../../node_modules/@maptiler/sdk/dist/maptiler-sdk.css.js";
-import "./map.css.js";
+/* empty css                                                     */
+/* empty css        */
 function G({
   id: P,
   markers: u,

package/lib/components/Map/utils.d.ts

@@ -1,5 +1,5 @@
-import { Marker } from './types';
 import { MutableRefObject } from 'react';
+import { Marker } from './types';
 
 import * as maptilersdk from '@maptiler/sdk';
 export interface FeatureGeometry {

package/lib/components/Map/utils.js

@@ -44,8 +44,7 @@ function B(t, e) {
     });
     (i = t.current) == null || i.on("mouseenter", "places", function(o) {
       var c, s, f, g;
-      if (!t.current)
-        return;
+      if (!t.current) return;
       t.current.getCanvas().style.cursor = "pointer";
       const { coordinates: r } = (s = (c = o.features) == null ? void 0 : c[0]) == null ? void 0 : s.geometry, { title: l } = (g = (f = o.features) == null ? void 0 : f[0]) == null ? void 0 : g.properties, a = `
         <h3 class='bg-red-600 text-white'>
@@ -62,8 +61,7 @@ function B(t, e) {
 }
 async function P(t, e, u, i, n = !1, o, r, l) {
   var f, g, y, v, h, L, S, p, I, $;
-  if (!t.current)
-    return;
+  if (!t.current) return;
   const a = (f = t.current) == null ? void 0 : f.getSource(u), c = (g = t.current) == null ? void 0 : g.getSource(i);
   !a && !((y = t.current) != null && y.getSource(e)) && ((v = t.current) == null || v.addSource(e, {
     type: "geojson",
@@ -115,8 +113,7 @@ async function P(t, e, u, i, n = !1, o, r, l) {
 }
 function j(t, e) {
   var i, n, o, r;
-  if (!e || e.length === 0)
-    return;
+  if (!e || e.length === 0) return;
   const u = new M.LngLatBounds(
     {
       lat: (i = e == null ? void 0 : e[0]) == null ? void 0 : i.lat,

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

@@ -1,5 +1,5 @@
-import { MenuButton } from '.';
 import { StoryObj } from '@storybook/react';
+import { MenuButton } from '.';
 
 declare const meta: {
     title: string;

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

@@ -1,5 +1,5 @@
-import { Nav } from '..';
 import { StoryObj } from '@storybook/react';
+import { Nav } from '..';
 
 declare const meta: {
     title: string;
@@ -12,7 +12,7 @@ declare const meta: {
         Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         Folder: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
             label: string;
-            active?: boolean | undefined;
+            active?: boolean;
         } & import('react').RefAttributes<HTMLDivElement>>;
     };
     parameters: {

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

@@ -1,5 +1,5 @@
-import { ImageProps } from '../Image';
 import { HTMLAttributes } from 'react';
+import { ImageProps } from '../Image';
 
 export interface NavContextProps {
     expanded?: boolean;
@@ -15,7 +15,7 @@ declare const Nav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTML
     Body: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Folder: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
         label: string;
-        active?: boolean | undefined;
+        active?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>>;
 };
 export { Nav };