trepur_components 2.3.48 → 2.4.0

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface AlertbarContextProps {
     variant?: 'success' | 'warning' | 'error' | 'info';
     loading?: boolean;

package/lib/components/AlertBar/index.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createContext as b, forwardRef as o, useMemo as h, useContext as l } from "react";
+import { forwardRef as o, useMemo as b, createContext as h, useContext as l } from "react";
 import { faCrosshairs as A } from "@fortawesome/fontawesome-free-solid";
 import B from "clsx";
 import { Button as w } from "../Button/index.js";
 import { Icon as c } from "../Icon/index.js";
-const s = b(null), f = o(
+const s = h(null), f = o(
   ({
     className: t,
     children: a,
@@ -13,7 +13,7 @@ const s = b(null), f = o(
     loading: i = !1,
     ...g
   }, p) => {
-    const x = h(
+    const x = b(
       () => ({
         dismiss: n,
         loading: i

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

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

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface BreadcrumbsContextProps {
     allLinks?: any;
 }
@@ -11,7 +10,7 @@ declare const Breadcrumbs: import('react').ForwardRefExoticComponent<HTMLAttribu
         children?: any;
     } & import('react').RefAttributes<HTMLLIElement>>;
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
-        href?: string | undefined;
+        href?: string;
     } & import('react').RefAttributes<HTMLAnchorElement>>;
 };
 export { Breadcrumbs };

package/lib/components/Breadcrumbs/index.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import { createContext as p, forwardRef as n, useMemo as d, useContext as i, Children as v } from "react";
-const b = p(null), f = p(null), x = n(({ children: e, ...r }, t) => {
-  const a = d(
+import { forwardRef as n, useMemo as p, createContext as d, useContext as i, Children as v } from "react";
+const b = d(null), f = d(null), x = n(({ children: e, ...r }, t) => {
+  const a = p(
     () => ({
       allLinks: e
     }),
@@ -10,7 +10,7 @@ const b = p(null), f = p(null), x = n(({ children: e, ...r }, t) => {
   return /* @__PURE__ */ s(b.Provider, { value: a, children: /* @__PURE__ */ s("ul", { ref: t, className: "flex gap-2", ...r, children: e }) });
 }), B = n(({ children: e, ...r }, t) => {
   var c, m, u;
-  const { allLinks: a } = i(b) || {}, o = v.toArray(a), l = ((c = e == null ? void 0 : e.props) == null ? void 0 : c.children) === ((u = (m = o[o.length - 1]) == null ? void 0 : m.props) == null ? void 0 : u.children.props.children), N = d(
+  const { allLinks: a } = i(b) || {}, o = v.toArray(a), l = ((c = e == null ? void 0 : e.props) == null ? void 0 : c.children) === ((u = (m = o[o.length - 1]) == null ? void 0 : m.props) == null ? void 0 : u.children.props.children), N = p(
     () => ({
       isLast: l
     }),

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

@@ -1,19 +1,14 @@
-import { StoryObj } from '@storybook/react';
-import { Button } from './';
-
+import { Button } from '.';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
+    tags: string[];
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('./').ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
+    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>;

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface ButtonProps {
     variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     disabled?: boolean;

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

@@ -1,4 +1,3 @@
-
 export type Detail = 'month' | 'year' | 'decade' | 'century';
 export interface CalendarProps {
     onChange?: () => void;

package/lib/components/Calendar/index.js

@@ -1,7 +1,7 @@
 import { jsx as C } from "react/jsx-runtime";
 import { forwardRef as g, useState as w } from "react";
 import y from "react-calendar";
-import "./style.css.js";
+/* empty css          */
 const o = g(
   ({
     onChange: i,

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

@@ -1,6 +1,5 @@
-import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
 import { HTMLAttributes } from 'react';
-
+import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
 export interface ArrowProps {
     rightArrow?: boolean;
     visible?: boolean;

package/lib/components/Carousel/index.js

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createContext as z, forwardRef as m, useState as g, useMemo as I, useContext as x } from "react";
+import { forwardRef as m, useState as g, useMemo as z, createContext as I, useContext as x } from "react";
 import { Icon as w } from "../Icon/index.js";
-import { faChevronRight as K, faChevronLeft as L, faCircle as T } from "@fortawesome/fontawesome-free-solid";
+import { faCircle as K, faChevronRight as L, faChevronLeft as T } from "@fortawesome/fontawesome-free-solid";
 import u from "clsx";
-import "../../node_modules/keen-slider/keen-slider.min.css.js";
+/* empty css                                                 */
 import { useKeenSlider as $ } from "../../node_modules/keen-slider/react.js";
 import { WheelControls as M } from "./utils.js";
-const p = z(null), b = m(
+const p = I(null), b = m(
   ({
     breakpoints: o,
     children: t,
@@ -34,7 +34,7 @@ const p = z(null), b = m(
         }
       },
       [M]
-    ), A = I(
+    ), A = z(
       () => ({
         sliderRef: y,
         instanceRef: v,
@@ -101,10 +101,10 @@ const p = z(null), b = m(
       ),
       onClick: (c) => {
         var l, a;
-        t ? c.stopPropagation() !== void 0 || ((l = r.current) == null || l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null || a.prev());
+        return t ? c.stopPropagation() !== void 0 || ((l = r.current) == null ? void 0 : l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null ? void 0 : a.prev());
       },
       ...s,
-      children: /* @__PURE__ */ n(w, { icon: t ? K : L, size: "3x" })
+      children: /* @__PURE__ */ n(w, { icon: t ? L : T, size: "3x" })
     }
   );
 }), j = m(({ className: o, ...t }, s) => {
@@ -127,7 +127,7 @@ const p = z(null), b = m(
             "hover:text-carousel-dots-hover",
             r === i ? "text-carousel-dots-active" : "text-carousel-dots-default"
           ),
-          icon: T,
+          icon: K,
           size: "xl"
         }
       )

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

@@ -1,6 +1,5 @@
-import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
 import { HTMLAttributes } from 'react';
-
+import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
 export interface CarouselThumbnailContextProps {
     slideWrapperClassName?: string;
     breakpoints?: Record<string, Omit<KeenSliderOptions<object, object, KeenSliderHooks>, 'breakpoints'>>;

package/lib/components/CarouselThumbnail/index.js

@@ -1,12 +1,12 @@
 import { jsx as i, jsxs as C, Fragment as T } from "react/jsx-runtime";
-import { createContext as x, forwardRef as o, useMemo as v, useContext as N } from "react";
+import { forwardRef as o, useMemo as x, createContext as v, useContext as N } from "react";
 import t from "clsx";
-import "../../node_modules/keen-slider/keen-slider.min.css.js";
+/* empty css                                                 */
 import { useKeenSlider as a } from "../../node_modules/keen-slider/react.js";
 import { breakpointsToRender as S } from "./const.js";
 import { WheelControls as g, ThumbnailPlugin as w } from "./utils.js";
-const m = x(null), u = o(({ children: r, className: l, ...e }, s) => {
-  const n = v(
+const m = v(null), u = o(({ children: r, className: l, ...e }, s) => {
+  const n = x(
     () => ({
       ...e
     }),

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface CheckboxProps {
     label?: string;
     onClick?: (isChecked: boolean) => void;

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

@@ -1,11 +1,10 @@
-import { ImageProps } from '../Image';
 import { HTMLAttributes } from 'react';
-
+import { ImageProps } from 'src/components/Image';
 export interface CollapsibleContextProps {
     loading?: boolean;
     expanded?: boolean;
     setExpanded?: (expanded: boolean) => void;
-    expandFully?: boolean;
+    defaultExpanded?: boolean;
 }
 declare const Collapsible: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CollapsibleContextProps & import('react').RefAttributes<HTMLDivElement>> & {
     Header: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/Collapsible/index.js

@@ -1,21 +1,20 @@
-import { jsx as t, jsxs as H } from "react/jsx-runtime";
-import { createContext as T, forwardRef as o, useState as I, useMemo as S, useContext as c } from "react";
-import { Icon as j } from "../Icon/index.js";
-import { Image as L } from "../Image/index.js";
-import { faChevronDown as k, faChevronUp as q } from "@fortawesome/fontawesome-free-solid";
+import { jsx as s, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as o, useState as T, useMemo as I, createContext as S, useContext as c } from "react";
+import { Icon as L } from "../Icon/index.js";
+import { Image as j } from "../Image/index.js";
+import { faChevronDown as M, faChevronUp as _ } from "@fortawesome/fontawesome-free-solid";
 import n from "clsx";
-const r = T(null), x = o(
-  ({ id: e, className: l, children: a, loading: s, expandFully: i = !1, ...m }, g) => {
-    const [p, d] = I(!1), w = S(
+const m = S(null), x = o(
+  ({ id: e, className: l, children: t, loading: a, defaultExpanded: i = !1, ...r }, g) => {
+    const [p, d] = T(i), w = I(
       () => ({
-        loading: s,
+        loading: a,
         expanded: p,
-        setExpanded: d,
-        expandFully: i
+        setExpanded: d
       }),
-      [s, p, d]
+      [a, p, d]
     );
-    return /* @__PURE__ */ t(r.Provider, { value: w, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ s(m.Provider, { value: w, children: /* @__PURE__ */ s(
       "div",
       {
         id: e,
@@ -24,81 +23,88 @@ const r = T(null), x = o(
           l
         ),
         ref: g,
-        ...m,
-        children: a
+        ...r,
+        children: t
       }
     ) });
   }
-), C = o(({ className: e, children: l, ...a }, s) => {
-  const { expanded: i, setExpanded: m } = c(r) || {};
+), C = o(({ className: e, children: l, ...t }, a) => {
+  const { expanded: i, setExpanded: r } = c(m) || {};
   return /* @__PURE__ */ H(
     "div",
     {
       className: n("flex h-24 pr-4 sm:pr-8", e),
-      onClick: () => m == null ? void 0 : m(!i),
-      ref: s,
-      ...a,
+      onClick: () => r == null ? void 0 : r(!i),
+      ref: a,
+      ...t,
       children: [
         l,
-        /* @__PURE__ */ t("div", { className: "my-auto flex-none", children: /* @__PURE__ */ t(j, { icon: i ? k : q }) })
+        /* @__PURE__ */ s("div", { className: "my-auto flex-none", children: /* @__PURE__ */ s(L, { icon: i ? M : _ }) })
       ]
     }
   );
-}), b = o(({ children: e, className: l, ...a }, s) => /* @__PURE__ */ t(
+}), b = o(({ children: e, className: l, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
     className: n("mx-4 my-auto grid w-full", l),
-    ref: s,
-    ...a,
+    ref: a,
+    ...t,
     children: e
   }
-)), u = o(({ className: e, src: l, ...a }, s) => /* @__PURE__ */ t("div", { ref: s, className: n("aspect-square flex-none p-4", e), children: /* @__PURE__ */ t(L, { src: l, className: "h-full rounded-2xl", ...a }) })), f = o(({ className: e, ...l }, a) => /* @__PURE__ */ t(
+)), u = o(({ className: e, src: l, ...t }, a) => /* @__PURE__ */ s("div", { ref: a, className: n("aspect-square flex-none p-4", e), children: /* @__PURE__ */ s(j, { src: l, className: "h-full rounded-2xl", ...t }) })), N = o(({ className: e, ...l }, t) => /* @__PURE__ */ s(
   "p",
   {
     className: n("text-xxs text-light-grey truncate md:text-xs", e),
-    ref: a,
+    ref: t,
     ...l
   }
-)), N = o(({ className: e, ...l }, a) => /* @__PURE__ */ t(
+)), f = o(({ className: e, ...l }, t) => /* @__PURE__ */ s(
   "p",
   {
     className: n("md:text-md truncate text-sm", e),
-    ref: a,
+    ref: t,
     ...l
   }
-)), h = o(({ className: e, ...l }, a) => /* @__PURE__ */ t(
+)), h = o(({ className: e, ...l }, t) => /* @__PURE__ */ s(
   "p",
   {
     className: n("truncate text-xs md:text-sm", e),
-    ref: a,
+    ref: t,
     ...l
   }
-)), y = o(({ children: e, className: l, ...a }, s) => {
-  const { expanded: i, expandFully: m } = c(r) || {};
-  return /* @__PURE__ */ t(
+)), y = o(({ children: e, className: l, ...t }, a) => {
+  const { expanded: i } = c(m) || {};
+  return /* @__PURE__ */ s(
     "div",
     {
       className: n(
         "w-auto overflow-scroll px-4 transition-max-height duration-300",
         {
-          "max-h-32": i && !m,
-          "max-h-full": i && m,
+          "max-h-[800px]": i,
           "max-h-0": !i
         },
         l
       ),
-      ref: s,
-      ...a,
+      ref: a,
+      ...t,
       children: e
     }
   );
-}), v = o(({ className: e, ...l }, a) => /* @__PURE__ */ t("p", { className: n("text-xs md:text-sm", e), ref: a, ...l }));
+}), v = o(({ children: e, className: l, ...t }, a) => /* @__PURE__ */ s(
+  "p",
+  {
+    className: n("text-xs md:text-sm pb-6", l),
+    ref: a,
+    ...t,
+    dangerouslySetInnerHTML: { __html: e }
+  }
+));
 x.displayName = "Collapsible";
 C.displayName = "Collapsible.Header";
 y.displayName = "Collapsible.Content";
 u.displayName = "Collapsible.Image";
-f.displayName = "Collapsible.Label";
-N.displayName = "Collapsible.Title";
+N.displayName = "Collapsible.Label";
+f.displayName = "Collapsible.Title";
 h.displayName = "Collapsible.Subtitle";
 b.displayName = "Collapsible.HeaderContent";
 v.displayName = "Collapsible.Text";
@@ -106,8 +112,8 @@ const U = Object.assign(x, {
   Header: C,
   HeaderContent: b,
   Image: u,
-  Label: f,
-  Title: N,
+  Label: N,
+  Title: f,
   Subtitle: h,
   Content: y,
   Text: v

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface CounterContextProps {
     currentCount?: number;
     setCurrentCount?: (val: number) => void;

package/lib/components/Counter/index.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createContext as f, forwardRef as t, useState as I, useMemo as v, useContext as c } from "react";
+import { forwardRef as t, useState as f, useMemo as I, createContext as v, useContext as c } from "react";
 import { Icon as i } from "../Icon/index.js";
-import { faChevronCircleLeft as h, faChevronCircleRight as N } from "@fortawesome/fontawesome-free-solid";
-const r = f(null), a = t(({ children: e, count: o = 0 }, d) => {
-  const [u, s] = I(o), p = v(
+import { faChevronCircleRight as h, faChevronCircleLeft as N } from "@fortawesome/fontawesome-free-solid";
+const r = v(null), a = t(({ children: e, count: o = 0 }, d) => {
+  const [u, s] = f(o), p = I(
     () => ({
       currentCount: u,
       setCurrentCount: s
@@ -16,7 +16,7 @@ const r = f(null), a = t(({ children: e, count: o = 0 }, d) => {
   return /* @__PURE__ */ n("div", { className: "my-auto cursor-pointer", children: /* @__PURE__ */ n(
     i,
     {
-      icon: h,
+      icon: N,
       onClick: () => e == null ? void 0 : e(o - 1)
     }
   ) });
@@ -25,7 +25,7 @@ const r = f(null), a = t(({ children: e, count: o = 0 }, d) => {
   return /* @__PURE__ */ n("div", { className: "my-auto cursor-pointer", children: /* @__PURE__ */ n(
     i,
     {
-      icon: N,
+      icon: h,
       onClick: () => e == null ? void 0 : e(o + 1)
     }
   ) });

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DetailUpdatesProps {
     id?: string;
     className?: string;

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

@@ -1,5 +1,4 @@
-import { ButtonProps } from '../Button';
-
+import { ButtonProps } from 'src/components/Button';
 export interface DialogProps extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     title: string;
     paragraph: string;

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

@@ -1,6 +1,5 @@
-import { ButtonProps } from '../Button';
 import { HTMLAttributes } from 'react';
-
+import { ButtonProps } from 'src/components/Button';
 export interface DropdownContextProps {
     showDropdown?: boolean;
     setShowDropdown?: (val: boolean) => void;

package/lib/components/Dropdown/index.js

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { createContext as D, forwardRef as s, useState as b, useRef as x, useMemo as y, useContext as i } from "react";
+import { forwardRef as s, useState as D, useRef as b, useMemo as x, createContext as y, useContext as i } from "react";
 import { Button as d } from "../Button/index.js";
 import { faChevronDown as v } from "@fortawesome/fontawesome-free-solid";
 import { useClickOutside as C } from "./utils.js";
-const a = D(null), c = s(({ children: t }, n) => {
-  const [o, e] = b(!1), l = x(null), w = y(
+const a = y(null), c = s(({ children: t }, n) => {
+  const [o, e] = D(!1), l = b(null), w = x(
     () => ({
       showDropdown: o,
       setShowDropdown: e

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface FileUploaderContextProps {
     fileList?: any;
     setFileList: (open: any) => void;

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface Props {
     id?: string;
     className?: string;

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

@@ -1,10 +1,9 @@
-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/Form/index.d.ts

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

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

@@ -1,6 +1,5 @@
-import { ImageProps } from '../Image';
 import { HTMLAttributes } from 'react';
-
+import { ImageProps } from 'src/components/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/Icon/index.d.ts

@@ -1,6 +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;
     icon: IconProp | IconDefinition;

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

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

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface InputContextProps {
     autoComplete?: string;
     disabled?: boolean;
@@ -25,7 +24,7 @@ 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<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
     Validation: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/Input/index.js

@@ -1,8 +1,8 @@
 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: r, errors: e, placeholder: t, ...n }, 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,

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface LinkProps {
     variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     loading?: boolean;

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

@@ -1,5 +1,4 @@
 import { Marker } from './types';
-
 import * as maptilersdk from '@maptiler/sdk';
 interface MapProps {
     id: 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,6 +1,5 @@
-import { Marker } from './types';
 import { MutableRefObject } from 'react';
-
+import { Marker } from './types';
 import * as maptilersdk from '@maptiler/sdk';
 export interface FeatureGeometry {
     type: string;

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/index.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export interface Props {
     id?: string;
     className?: string;