trepur_components 2.3.47 → 2.3.49

package/lib/components/Carousel/index.js

@@ -1,25 +1,25 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createContext as z, forwardRef as m, useState as g, useMemo as I, useContext as x } from "react";
+import { jsx as n } from "react/jsx-runtime";
+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: r,
+    breakpoints: o,
     children: t,
-    className: o,
+    className: s,
     loop: e,
-    perView: n,
+    perView: r,
     rubberband: c,
     spacing: l,
-    ...s
+    ...a
   }, f) => {
     const [d, i] = g(0), [C, D] = g(!1), [y, v] = $(
       {
-        breakpoints: r,
+        breakpoints: o,
         loop: e,
         rubberband: c,
         slideChanged(h) {
@@ -30,44 +30,44 @@ const p = z(null), b = m(
         },
         slides: {
           spacing: l,
-          perView: n
+          perView: r
         }
       },
       [M]
-    ), A = I(
+    ), A = z(
       () => ({
         sliderRef: y,
         instanceRef: v,
         currentSlide: d,
         setCurrentSlide: i,
-        perView: n,
-        ...s
+        perView: r,
+        ...a
       }),
       [
-        s,
+        a,
         y,
         v.current,
         d,
         i,
-        n,
+        r,
         C
       ]
     ), P = (h) => {
       var N;
       h.key === "Tab" && ((N = v.current) == null || N.next());
     };
-    return /* @__PURE__ */ a(p.Provider, { value: A, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ n(p.Provider, { value: A, children: /* @__PURE__ */ n(
       "div",
       {
         onKeyDown: P,
-        className: u("navigation-wrapper w-full", o),
+        className: u("navigation-wrapper w-full", s),
         ref: f,
-        ...s,
+        ...a,
         children: t
       }
     ) });
   }
-), k = m(({ children: r, className: t, ...o }, e) => /* @__PURE__ */ a(
+), k = m(({ children: o, className: t, ...s }, e) => /* @__PURE__ */ n(
   "div",
   {
     ref: e,
@@ -75,59 +75,59 @@ const p = z(null), b = m(
       "navigation-wrapper flex w-full justify-between gap-4",
       t
     ),
-    ...o,
-    children: r
+    ...s,
+    children: o
   }
-)), S = m(({ className: r, children: t, ...o }) => {
-  const { sliderRef: e } = x(p) || {};
-  return /* @__PURE__ */ a(
+)), S = m(({ className: o, children: t, ...s }, e) => {
+  const { sliderRef: r } = x(p) || {};
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: e,
-      className: u("keen-slider w-full pb-4", r),
-      ...o,
+      ref: r ?? e,
+      className: u("keen-slider w-full pb-4", o),
+      ...s,
       children: t
     }
   );
-}), R = m(({ className: r, rightArrow: t = !1, ...o }, e) => {
-  const { instanceRef: n } = x(p) || {};
-  return /* @__PURE__ */ a(
+}), R = m(({ className: o, rightArrow: t = !1, ...s }, e) => {
+  const { instanceRef: r } = x(p) || {};
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: e,
       className: u(
         "hidden md:block my-auto text-carousel-arrow-default hover:cursor-pointer hover:text-carousel-arrow-hover",
-        r
+        o
       ),
       onClick: (c) => {
-        var l, s;
-        t ? c.stopPropagation() !== void 0 || ((l = n.current) == null || l.next()) : c.stopPropagation() !== void 0 || ((s = n.current) == null || s.prev());
+        var l, a;
+        t ? c.stopPropagation() !== void 0 || ((l = r.current) == null || l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null || a.prev());
       },
-      ...o,
-      children: /* @__PURE__ */ a(w, { icon: t ? K : L, size: "3x" })
+      ...s,
+      children: /* @__PURE__ */ n(w, { icon: t ? L : T, size: "3x" })
     }
   );
-}), j = m(({ className: r, ...t }, o) => {
-  var l, s, f, d;
-  const { instanceRef: e, currentSlide: n } = x(p) || {}, c = (d = (f = (s = (l = e == null ? void 0 : e.current) == null ? void 0 : l.track) == null ? void 0 : s.details) == null ? void 0 : f.slides) == null ? void 0 : d.length;
-  return /* @__PURE__ */ a("div", { className: u("flex justify-center gap-0.5 pt-2", r), children: [...Array(c).keys()].map((i) => /* @__PURE__ */ a(
+}), j = m(({ className: o, ...t }, s) => {
+  var l, a, f, d;
+  const { instanceRef: e, currentSlide: r } = x(p) || {}, c = (d = (f = (a = (l = e == null ? void 0 : e.current) == null ? void 0 : l.track) == null ? void 0 : a.details) == null ? void 0 : f.slides) == null ? void 0 : d.length;
+  return /* @__PURE__ */ n("div", { className: u("flex justify-center gap-0.5 pt-2", o), children: [...Array(c).keys()].map((i) => /* @__PURE__ */ n(
     "button",
     {
-      ref: o,
+      ref: s,
       type: "button",
       onClick: () => {
         var C;
         (C = e.current) == null || C.moveToIdx(i);
       },
       "aria-label": `carousel-button${t.id ? `-${t.id}` : ""}`,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ n(
         w,
         {
           className: u(
             "hover:text-carousel-dots-hover",
-            n === i ? "text-carousel-dots-active" : "text-carousel-dots-default"
+            r === i ? "text-carousel-dots-active" : "text-carousel-dots-default"
           ),
-          icon: T,
+          icon: K,
           size: "xl"
         }
       )

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

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

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

@@ -1,5 +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;

package/lib/components/CarouselThumbnail/index.js

@@ -1,35 +1,35 @@
-import { jsx as l, jsxs as f, Fragment as C } from "react/jsx-runtime";
-import { createContext as T, forwardRef as o, useMemo as x, useContext as v } from "react";
+import { jsx as i, jsxs as C, Fragment as T } from "react/jsx-runtime";
+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 N } from "./const.js";
-import { WheelControls as S, ThumbnailPlugin as g } from "./utils.js";
-const m = T(null), u = o(({ children: i, className: e, ...r }, s) => {
+import { breakpointsToRender as S } from "./const.js";
+import { WheelControls as g, ThumbnailPlugin as w } from "./utils.js";
+const m = v(null), u = o(({ children: r, className: l, ...e }, s) => {
   const n = x(
     () => ({
-      ...r
+      ...e
     }),
-    [r]
+    [e]
   );
-  return /* @__PURE__ */ l(m.Provider, { value: n, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(m.Provider, { value: n, children: /* @__PURE__ */ i(
     "div",
     {
       ref: s,
-      className: t("navigation-wrapper w-full", e),
-      ...r,
-      children: i
+      className: t("navigation-wrapper w-full", l),
+      ...e,
+      children: r
     }
   ) });
-}), d = o(({ className: i, children: e }) => {
-  const { rubberband: r, loop: s, ...n } = v(m) || {}, [b, p] = a(
+}), d = o(({ className: r, children: l }, e) => {
+  const { rubberband: s, loop: n, ...b } = N(m) || {}, [p, h] = a(
     {
-      breakpoints: N,
-      loop: s,
-      rubberband: r
+      breakpoints: S,
+      loop: n,
+      rubberband: s
     },
-    [S]
-  ), [h] = a(
+    [g]
+  ), [f] = a(
     {
       initial: 0,
       slides: {
@@ -37,38 +37,39 @@ const m = T(null), u = o(({ children: i, className: e, ...r }, s) => {
         spacing: 10
       }
     },
-    [g(p)]
+    [w(h)]
   );
-  return /* @__PURE__ */ f(C, { children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ C(T, { children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        ref: b,
+        ref: p ?? e,
         className: t(
           "keen-slider h-96 w-full rounded-t-2xl pb-4",
-          i
+          r
         ),
-        ...n,
-        children: e
+        ...b,
+        children: l
       }
     ),
-    /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("div", { ref: h, className: "keen-slider thumbnail h-24 w-16", children: e }) })
+    /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", { ref: f, className: "keen-slider thumbnail h-24 w-16", children: l }) })
   ] });
-}), c = o(({ src: i, ...e }) => /* @__PURE__ */ l(
+}), c = o(({ src: r, ...l }, e) => /* @__PURE__ */ i(
   "img",
   {
+    ref: e,
     className: "keen-slider__slide rounded-t-2xl object-cover",
-    src: i,
-    ...e
+    src: r,
+    ...l
   }
 ));
 u.displayName = "CarouselThumbnail";
 d.displayName = "CarouselThumbnail.Slides";
 c.displayName = "CarouselThumbnail.Slide";
-const F = Object.assign(u, {
+const K = Object.assign(u, {
   Slides: d,
   Slide: c
 });
 export {
-  F as CarouselThumbnail
+  K as CarouselThumbnail
 };

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

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

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

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

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

@@ -1,11 +1,11 @@
-import { ImageProps } from '../Image';
 import { HTMLAttributes } from 'react';
+import { ImageProps } from '../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,80 @@ 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 +104,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/Counter.stories.d.ts

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../Button';
 import { HTMLAttributes } from 'react';
+import { ButtonProps } from '../Button';
 
 export interface DropdownContextProps {
     showDropdown?: boolean;

package/lib/components/Dropdown/index.js

@@ -1,45 +1,47 @@
-import { jsx as n, jsxs as w } from "react/jsx-runtime";
-import { createContext as f, forwardRef as r, useState as D, useRef as b, useMemo as x, useContext as a } from "react";
-import { Button as l } from "../Button/index.js";
-import { faChevronDown as y } from "@fortawesome/fontawesome-free-solid";
-import { useClickOutside as v } from "./utils.js";
-const s = f(null), d = r(({ children: t }) => {
-  const [o, e] = D(!1), i = b(null), u = x(
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+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 = y(null), c = s(({ children: t }, n) => {
+  const [o, e] = D(!1), l = b(null), w = x(
     () => ({
       showDropdown: o,
       setShowDropdown: e
     }),
     [o, e]
   );
-  return v(i, () => {
+  return C(l, () => {
     e(!1);
-  }), /* @__PURE__ */ n(s.Provider, { value: u, children: /* @__PURE__ */ n("div", { ref: i, className: "relative inline-block text-left", children: t }) });
-}), c = r(({ children: t }) => {
-  const { showDropdown: o, setShowDropdown: e } = a(s) || {};
-  return /* @__PURE__ */ w(l, { onClick: () => e == null ? void 0 : e(!o), children: [
+  }), /* @__PURE__ */ r(a.Provider, { value: w, children: /* @__PURE__ */ r("div", { ref: l ?? n, className: "relative inline-block text-left", children: t }) });
+}), m = s(({ children: t }, n) => {
+  const { showDropdown: o, setShowDropdown: e } = i(a) || {};
+  return /* @__PURE__ */ f(d, { ref: n, onClick: () => e == null ? void 0 : e(!o), children: [
     t,
-    /* @__PURE__ */ n(l.Icon, { icon: y })
+    /* @__PURE__ */ r(d.Icon, { icon: v })
   ] });
-}), m = r(
-  ({ children: t }) => {
-    const { showDropdown: o } = a(s) || {};
-    return o ? /* @__PURE__ */ n(
+}), p = s(
+  ({ children: t }, n) => {
+    const { showDropdown: o } = i(a) || {};
+    return o ? /* @__PURE__ */ r(
       "div",
       {
+        ref: n,
         className: "z-50 mt-2 w-48 rounded-lg border-2 bg-primary text-white",
         role: "menu",
         "aria-orientation": "vertical",
         "aria-labelledby": "menu-button",
-        children: /* @__PURE__ */ n("ul", { className: "py-1 text-sm", children: t })
+        children: /* @__PURE__ */ r("ul", { className: "py-1 text-sm", children: t })
       }
-    ) : /* @__PURE__ */ n("div", {});
+    ) : /* @__PURE__ */ r("div", {});
   }
-), p = r(
-  ({ children: t }) => {
-    const { setShowDropdown: o } = a(s) || {};
-    return /* @__PURE__ */ n(
+), u = s(
+  ({ children: t }, n) => {
+    const { setShowDropdown: o } = i(a) || {};
+    return /* @__PURE__ */ r(
       "li",
       {
+        ref: n,
         className: "px-4 py-2",
         onClick: () => {
           o == null || o(!1);
@@ -52,15 +54,15 @@ const s = f(null), d = r(({ children: t }) => {
     );
   }
 );
-d.displayName = "Dropdown";
-c.displayName = "Dropdown.Label";
-m.displayName = "Dropdown.List";
-p.displayName = "Dropdown.Item";
-const I = Object.assign(d, {
-  Label: c,
-  List: m,
-  Item: p
+c.displayName = "Dropdown";
+m.displayName = "Dropdown.Label";
+p.displayName = "Dropdown.List";
+u.displayName = "Dropdown.Item";
+const g = Object.assign(c, {
+  Label: m,
+  List: p,
+  Item: u
 });
 export {
-  I as Dropdown
+  g as Dropdown
 };