@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

package/dist/components/Checkbox/Checkbox.js

@@ -1,37 +1,35 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as p, useRef as u, useImperativeHandle as d, useEffect as h, useId as x } from "react";
-import k from "clsx";
-const j = /* @__PURE__ */ p(({
-  label: c,
-  disabled: a = !1,
-  checked: l = !1,
-  indeterminate: r = !1,
-  ...s
-}, f) => {
-  const e = u(null);
-  d(f, () => ({
-    ...e.current
-  })), h(() => {
-    e.current.indeterminate = r;
-  }, [e, r]);
-  const n = x(), m = {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useEffect, useId } from "react";
+import clsx from "clsx";
+const Checkbox = /* @__PURE__ */ forwardRef(({
+  label,
+  disabled = !1,
+  checked = !1,
+  indeterminate = !1,
+  ...restProps
+}, ref) => {
+  const refCheckbox = useRef(null);
+  useImperativeHandle(ref, () => ({
+    ...refCheckbox.current
+  })), useEffect(() => {
+    refCheckbox.current.indeterminate = indeterminate;
+  }, [refCheckbox, indeterminate]);
+  const id = useId(), checkboxProps = {
     type: "checkbox",
-    checked: l,
-    disabled: a,
-    ref: e,
-    className: k(s.className, "form-check-input c-pointer"),
-    id: n
-  }, o = {
-    ...s,
-    ...m
+    checked,
+    disabled,
+    ref: refCheckbox,
+    className: clsx(restProps.className, "form-check-input c-pointer"),
+    id
+  }, inputProps = {
+    ...restProps,
+    ...checkboxProps
   };
-  return /* @__PURE__ */ i("div", { className: "form-check d-flex align-items-center gap-8", children: [
-    /* @__PURE__ */ t("input", { ...o }),
-    c && /* @__PURE__ */ t("label", { className: "form-check-label", htmlFor: o.id, children: c })
+  return /* @__PURE__ */ jsxs("div", { className: "form-check d-flex align-items-center gap-8", children: [
+    /* @__PURE__ */ jsx("input", { ...inputProps }),
+    label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
   ] });
-});
+}), Checkbox$1 = Checkbox;
 export {
-  j as Checkbox,
-  j as default
+  Checkbox$1 as default
 };
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1,2 @@
+export { default as Checkbox } from './Checkbox';
 export * from './Checkbox';

package/dist/components/ColorPicker/ColorPalette.js

@@ -1,4 +1,4 @@
-const e = {
+const DefaultPalette = {
   className: "fw-bold",
   label: "defaultPalette",
   colors: [
@@ -136,7 +136,7 @@ const e = {
       hue: "light"
     }]
   ]
-}, l = {
+}, AccessiblePalette = {
   label: "accessiblePalette",
   tooltip: {
     message: "Veni, vidi, vici"
@@ -166,7 +166,6 @@ const e = {
   className: "mt-16"
 };
 export {
-  l as AccessiblePalette,
-  e as DefaultPalette
+  AccessiblePalette,
+  DefaultPalette
 };
-//# sourceMappingURL=ColorPalette.js.map

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -14,5 +14,5 @@ export interface ColorPickerProps extends ComponentPropsWithRef<'div'> {
      */
     onSuccess?: (item: ColorPaletteItem) => void;
 }
-export declare const ColorPicker: import('react').ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ColorPicker: import('react').ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default ColorPicker;

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,39 +1,37 @@
-import { jsx as l, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as k } from "react";
-import u from "clsx";
-import { useTranslation as x } from "react-i18next";
-import { DefaultPalette as b, AccessiblePalette as v } from "./ColorPalette.js";
-import { ColorPickerItem as N } from "./ColorPickerItem.js";
-import { Tooltip as C } from "../Tooltip/Tooltip.js";
-import { Icon as m } from "../Icon/Icon.js";
-const T = /* @__PURE__ */ k(({
-  palettes: t = [b, v],
-  model: s = "#4A4A4A",
-  onSuccess: r,
-  ...a
-}, n) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { InfoCircle, DeleteColor } from "@edifice.io/icons";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { DefaultPalette, AccessiblePalette } from "./ColorPalette.js";
+import ColorPickerItem from "./ColorPickerItem.js";
+import Tooltip from "../Tooltip/Tooltip.js";
+const ColorPicker = /* @__PURE__ */ forwardRef(({
+  palettes = [DefaultPalette, AccessiblePalette],
+  model = "#4A4A4A",
+  onSuccess,
+  ...restProps
+}, ref) => {
   const {
-    t: d
-  } = x(), c = (e) => {
-    e && (r == null || r(e));
+    t
+  } = useTranslation(), handleClick = (item) => {
+    item && (onSuccess == null || onSuccess(item));
   };
-  return /* @__PURE__ */ l("div", { ref: n, ...a, children: t.map((e, p) => /* @__PURE__ */ i("div", { className: u("color-picker mx-8", e.className), children: [
-    /* @__PURE__ */ i("div", { className: "color-picker-label small mt-4 mb-8", children: [
-      d(e.label),
-      e.tooltip && /* @__PURE__ */ l(C, { message: "", placement: "auto", ...e.tooltip, children: /* @__PURE__ */ l(m, { name: "info-circle", size: "18", className: "mx-4 position-relative", style: {
+  return /* @__PURE__ */ jsx("div", { ref, ...restProps, children: palettes.map((palette, paletteIdx) => /* @__PURE__ */ jsxs("div", { className: clsx("color-picker mx-8", palette.className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "color-picker-label small mt-4 mb-8", children: [
+      t(palette.label),
+      palette.tooltip && /* @__PURE__ */ jsx(Tooltip, { message: "", placement: "auto", ...palette.tooltip, children: /* @__PURE__ */ jsx(InfoCircle, { width: 18, height: 18, className: "mx-4 position-relative", style: {
         top: "4px"
       } }) })
     ] }),
     // Show/hide the reset option
-    e.reset && /* @__PURE__ */ i("button", { className: "color-picker-reset small my-8 gap-4", onClick: () => c(e.reset), children: [
-      /* @__PURE__ */ l(m, { name: "delete-color", size: "20" }),
-      e.reset.description
+    palette.reset && /* @__PURE__ */ jsxs("button", { className: "color-picker-reset small my-8 gap-4", onClick: () => handleClick(palette.reset), children: [
+      /* @__PURE__ */ jsx(DeleteColor, { width: 20, height: 20 }),
+      palette.reset.description
     ] }),
-    /* @__PURE__ */ l("div", { className: "color-picker-palette d-flex gap-2 justify-content-between", children: e.colors.map((f, h) => /* @__PURE__ */ l("div", { className: "color-picker-hue d-flex gap-2 justify-content-between flex-column ", children: f.map((o) => /* @__PURE__ */ l("button", { "aria-label": o.description, className: "color-picker-hue-color", onClick: () => c(o), children: /* @__PURE__ */ l(N, { ...a, model: o, selected: s === o.value }) }, o.value)) }, h)) })
-  ] }, p)) });
-});
+    /* @__PURE__ */ jsx("div", { className: "color-picker-palette d-flex gap-2 justify-content-between", children: palette.colors.map((hues, hueIndex) => /* @__PURE__ */ jsx("div", { className: "color-picker-hue d-flex gap-2 justify-content-between flex-column ", children: hues.map((color) => /* @__PURE__ */ jsx("button", { "aria-label": color.description, className: "color-picker-hue-color", onClick: () => handleClick(color), children: /* @__PURE__ */ jsx(ColorPickerItem, { ...restProps, model: color, selected: model === color.value }) }, color.value)) }, hueIndex)) })
+  ] }, paletteIdx)) });
+}), ColorPicker$1 = ColorPicker;
 export {
-  T as ColorPicker,
-  T as default
+  ColorPicker$1 as default
 };
-//# sourceMappingURL=ColorPicker.js.map

package/dist/components/ColorPicker/ColorPickerItem.d.ts

@@ -13,7 +13,7 @@ export interface ColorPickerItemProps {
      */
     className?: string;
 }
-export declare const ColorPickerItem: {
+declare const ColorPickerItem: {
     ({ model, selected, className, }: ColorPickerItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/ColorPicker/ColorPickerItem.js

@@ -1,15 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "clsx";
-import { Icon as l } from "../Icon/Icon.js";
-const m = ({
-  model: e,
-  selected: r,
-  className: t
-}) => e.isReset ? /* @__PURE__ */ o(l, { name: "delete-color" }) : /* @__PURE__ */ o("div", { "aria-label": e.description, className: i("color-picker-hue-color-item rounded-1", t, e.hue === "light" ? "light" : "dark", r && "selected"), style: {
-  backgroundColor: e.value
-} });
+import { jsx } from "react/jsx-runtime";
+import { DeleteColor } from "@edifice.io/icons";
+import clsx from "clsx";
+const ColorPickerItem = ({
+  model,
+  selected,
+  className
+}) => model.isReset ? /* @__PURE__ */ jsx(DeleteColor, {}) : /* @__PURE__ */ jsx("div", { "aria-label": model.description, className: clsx("color-picker-hue-color-item rounded-1", className, model.hue === "light" ? "light" : "dark", selected && "selected"), style: {
+  backgroundColor: model.value
+} }), ColorPickerItem$1 = ColorPickerItem;
 export {
-  m as ColorPickerItem,
-  m as default
+  ColorPickerItem$1 as default
 };
-//# sourceMappingURL=ColorPickerItem.js.map

package/dist/components/ColorPicker/index.d.ts

@@ -1,3 +1,5 @@
-export * from './ColorPalette';
+export { default as ColorPicker } from './ColorPicker';
+export { default as ColorPickerItem } from './ColorPickerItem';
 export * from './ColorPicker';
 export * from './ColorPickerItem';
+export * from './ColorPalette';

package/dist/components/Combobox/Combobox.d.ts

@@ -23,7 +23,7 @@ export interface OptionListItemType {
      */
     icon?: any;
 }
-export declare const Combobox: {
+declare const Combobox: {
     ({ onSearchResultsChange, onSearchInputChange, options, value, isLoading, noResult, searchMinLength, placeholder, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
     Trigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, }: import('./ComboboxTrigger').ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/Combobox/Combobox.js

@@ -1,42 +1,41 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useState as C, useEffect as T, Fragment as k } from "react";
-import { useTranslation as v } from "react-i18next";
-import N from "./ComboboxTrigger.js";
-import { Dropdown as n } from "../Dropdown/Dropdown.js";
-import { Loading as S } from "../Loading/Loading.js";
-const s = ({
-  onSearchResultsChange: m,
-  onSearchInputChange: p,
-  options: o,
-  value: d,
-  isLoading: l,
-  noResult: u,
-  searchMinLength: h,
-  placeholder: f
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import ComboboxTrigger from "./ComboboxTrigger.js";
+import Dropdown from "../Dropdown/Dropdown.js";
+import Loading from "../Loading/Loading.js";
+const Combobox = ({
+  onSearchResultsChange,
+  onSearchInputChange,
+  options,
+  value,
+  isLoading,
+  noResult,
+  searchMinLength,
+  placeholder
 }) => {
   const {
-    t: a
-  } = v(), [c, g] = C([]);
-  T(() => {
-    m(c);
-  }, [c]);
-  const b = (r) => {
-    g([r]);
-  }, x = () => l ? /* @__PURE__ */ t("div", { className: "d-flex align-items-center p-4", children: [
-    /* @__PURE__ */ e(S, { isLoading: l }),
-    /* @__PURE__ */ e("span", { className: "ps-4", children: a("explorer.search.pending") })
-  ] }) : u ? /* @__PURE__ */ e("div", { className: "p-4", children: a("portal.no.result") }) : o.map((r, i) => /* @__PURE__ */ t(k, { children: [
-    /* @__PURE__ */ e(n.Item, { type: "select", icon: r.icon, onClick: () => b(r.value), children: r.label }),
-    i < o.length - 1 && /* @__PURE__ */ e(n.Separator, {})
-  ] }, i));
-  return /* @__PURE__ */ t(n, { block: !0, children: [
-    /* @__PURE__ */ e(s.Trigger, { placeholder: f, searchMinLength: h, handleSearchInputChange: p, value: d }),
-    /* @__PURE__ */ e(n.Menu, { children: x() })
+    t
+  } = useTranslation(), [localValue, setLocalValue] = useState([]);
+  useEffect(() => {
+    onSearchResultsChange(localValue);
+  }, [localValue]);
+  const handleOptionClick = (value2) => {
+    setLocalValue([value2]);
+  }, renderContent = () => isLoading ? /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center p-4", children: [
+    /* @__PURE__ */ jsx(Loading, { isLoading }),
+    /* @__PURE__ */ jsx("span", { className: "ps-4", children: t("explorer.search.pending") })
+  ] }) : noResult ? /* @__PURE__ */ jsx("div", { className: "p-4", children: t("portal.no.result") }) : options.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dropdown.Item, { type: "select", icon: option.icon, onClick: () => handleOptionClick(option.value), children: option.label }),
+    index < options.length - 1 && /* @__PURE__ */ jsx(Dropdown.Separator, {})
+  ] }, index));
+  return /* @__PURE__ */ jsxs(Dropdown, { block: !0, children: [
+    /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, value }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: renderContent() })
   ] });
 };
-s.Trigger = N;
+Combobox.Trigger = ComboboxTrigger;
+const Combobox$1 = Combobox;
 export {
-  s as Combobox,
-  s as default
+  Combobox$1 as default
 };
-//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox/ComboboxTrigger.js

@@ -1,31 +1,30 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useEffect as c } from "react";
-import { useDropdownContext as l } from "../Dropdown/DropdownContext.js";
-import { Input as f } from "../Input/Input.js";
-import { FormControl as a } from "../Form/FormControl.js";
-const C = ({
-  placeholder: n,
-  value: o = "",
-  searchMinLength: r = 3,
-  handleSearchInputChange: m
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useDropdownContext } from "../Dropdown/DropdownContext.js";
+import Input from "../Input/Input.js";
+import FormControl from "../Form/FormControl.js";
+const ComboboxTrigger = ({
+  placeholder,
+  value = "",
+  searchMinLength = 3,
+  handleSearchInputChange
 }) => {
   const {
-    triggerProps: i,
-    itemProps: s,
-    setVisible: e
-  } = l(), p = {
-    ...i,
+    triggerProps,
+    itemProps,
+    setVisible
+  } = useDropdownContext(), inputProps = {
+    ...triggerProps,
     role: "combobox",
     onClick: () => {
-      o.length >= r && e(!0);
+      value.length >= searchMinLength && setVisible(!0);
     },
-    onChange: m
+    onChange: handleSearchInputChange
   };
-  return c(() => {
-    e(o.length >= r);
-  }, [e, o, r]), /* @__PURE__ */ t(a, { className: "d-flex align-items-center", id: "search", children: /* @__PURE__ */ t(f, { ...p, className: "max-w-512", noValidationIcon: !0, placeholder: n, size: "md", type: "search", onKeyDown: s.onMenuItemKeyDown }) });
+  return useEffect(() => {
+    setVisible(value.length >= searchMinLength);
+  }, [setVisible, value, searchMinLength]), /* @__PURE__ */ jsx(FormControl, { className: "d-flex align-items-center", id: "search", children: /* @__PURE__ */ jsx(Input, { ...inputProps, className: "max-w-512", noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown }) });
 };
 export {
-  C as default
+  ComboboxTrigger as default
 };
-//# sourceMappingURL=ComboboxTrigger.js.map

package/dist/components/Combobox/index.d.ts

@@ -1 +1,2 @@
+export { default as Combobox } from './Combobox';
 export * from './Combobox';

package/dist/components/Dropdown/Dropdown.d.ts

@@ -52,7 +52,7 @@ export type DropdownMenuOptions = {
      */
     type: 'divider';
 };
-export declare const Dropdown: {
+declare const Dropdown: {
     ({ children, block, overflow, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } & {

package/dist/components/Dropdown/Dropdown.js

@@ -1,62 +1,60 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useMemo as M, useEffect as b } from "react";
-import v from "clsx";
-import C from "../../hooks/useDropdown/useDropdown.js";
-import P from "./DropdownCheckboxItem.js";
-import { DropdownContext as R } from "./DropdownContext.js";
-import l from "./DropdownItem.js";
-import h from "./DropdownMenu.js";
-import j from "./DropdownMenuGroup.js";
-import G from "./DropdownRadioItem.js";
-import O from "./DropdownSeparator.js";
-import S from "./DropdownTrigger.js";
-import k from "../../hooks/useClickOutside/useClickOutside.js";
-const y = ({
-  children: r,
-  block: t,
-  overflow: u = !0,
-  placement: a = "bottom-start",
-  extraTriggerKeyDownHandler: c,
-  onToggle: e,
-  isTriggerHovered: w = !1
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useEffect } from "react";
+import clsx from "clsx";
+import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
+import { DropdownContext } from "./DropdownContext.js";
+import DropdownItem from "./DropdownItem.js";
+import DropdownMenu from "./DropdownMenu.js";
+import DropdownMenuGroup from "./DropdownMenuGroup.js";
+import DropdownRadioItem from "./DropdownRadioItem.js";
+import DropdownSeparator from "./DropdownSeparator.js";
+import DropdownTrigger from "./DropdownTrigger.js";
+import useDropdown from "../../hooks/useDropdown/useDropdown.js";
+import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
+const Root = ({
+  children,
+  block,
+  overflow = !0,
+  placement = "bottom-start",
+  extraTriggerKeyDownHandler,
+  onToggle,
+  isTriggerHovered = !1
 }) => {
   const {
-    visible: o,
-    isFocused: s,
-    triggerProps: m,
-    menuProps: n,
-    itemProps: f,
-    itemRefs: p,
-    setVisible: i
-  } = C(a, c, w), D = k(() => {
-    i(!1);
-  }), x = M(() => ({
-    visible: o,
-    isFocused: s,
-    triggerProps: m,
-    menuProps: n,
-    itemProps: f,
-    itemRefs: p,
-    block: t,
-    setVisible: i
-  }), [o, s, m, n, f, p, t, i]), I = v("dropdown", {
-    "w-100": t,
-    overflow: u
+    visible,
+    isFocused,
+    triggerProps,
+    menuProps,
+    itemProps,
+    itemRefs,
+    setVisible
+  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered), ref = useClickOutside(() => {
+    setVisible(!1);
+  }), value = useMemo(() => ({
+    visible,
+    isFocused,
+    triggerProps,
+    menuProps,
+    itemProps,
+    itemRefs,
+    block,
+    setVisible
+  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
+    "w-100": block,
+    overflow
   });
-  return b(() => {
-    e == null || e(o);
-  }, [o]), /* @__PURE__ */ d(R.Provider, { value: x, children: /* @__PURE__ */ d("div", { ref: D, className: I, children: typeof r == "function" ? r(m, p) : r }) });
-}, U = /* @__PURE__ */ Object.assign(y, {
-  Trigger: S,
-  Menu: h,
-  Item: l,
-  Separator: O,
-  CheckboxItem: P,
-  RadioItem: G,
-  MenuGroup: j
-});
+  return useEffect(() => {
+    onToggle == null || onToggle(visible);
+  }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs) : children }) });
+}, Dropdown = /* @__PURE__ */ Object.assign(Root, {
+  Trigger: DropdownTrigger,
+  Menu: DropdownMenu,
+  Item: DropdownItem,
+  Separator: DropdownSeparator,
+  CheckboxItem: DropdownCheckboxItem,
+  RadioItem: DropdownRadioItem,
+  MenuGroup: DropdownMenuGroup
+}), Dropdown$1 = Dropdown;
 export {
-  U as Dropdown,
-  U as default
+  Dropdown$1 as default
 };
-//# sourceMappingURL=Dropdown.js.map

package/dist/components/Dropdown/DropdownCheckboxItem.js

@@ -1,35 +1,34 @@
-import { jsx as c, jsxs as h } from "react/jsx-runtime";
-import { useId as l } from "react";
-import b from "clsx";
-import { useDropdownContext as k } from "./DropdownContext.js";
-import { Checkbox as w } from "../Checkbox/Checkbox.js";
-const C = ({
-  children: i,
-  value: e,
-  model: r,
-  onChange: s
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import clsx from "clsx";
+import { useDropdownContext } from "./DropdownContext.js";
+import Checkbox from "../Checkbox/Checkbox.js";
+const DropdownCheckboxItem = ({
+  children,
+  value,
+  model,
+  onChange
 }) => {
   const {
-    itemProps: m,
-    itemRefs: d,
-    isFocused: p
-  } = k(), {
-    onMenuItemKeyDown: u,
-    onMenuItemMouseEnter: x
-  } = m, o = l(), t = r.includes(e), f = {
-    value: e,
-    model: r,
-    checked: t,
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter
+  } = itemProps, id = useId(), checked = model.includes(value), checkboxProps = {
+    value,
+    model,
+    checked,
     readOnly: !0
-  }, a = b("dropdown-item c-pointer", {
-    focus: p === o
+  }, dropdownCheckboxItem = clsx("dropdown-item c-pointer", {
+    focus: isFocused === id
   });
-  return /* @__PURE__ */ c("div", { id: o, ref: (n) => d.current[o] = n, role: "menuitemcheckbox", "aria-checked": t, onMouseUp: () => s(e), onKeyDown: (n) => u(n, () => s(e)), onMouseEnter: x, tabIndex: t ? 0 : -1, className: a, children: /* @__PURE__ */ h("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
-    i,
-    /* @__PURE__ */ c(w, { ...f })
+  return /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemcheckbox", "aria-checked": checked, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: checked ? 0 : -1, className: dropdownCheckboxItem, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+    children,
+    /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps })
   ] }) });
 };
 export {
-  C as default
+  DropdownCheckboxItem as default
 };
-//# sourceMappingURL=DropdownCheckboxItem.js.map

package/dist/components/Dropdown/DropdownContext.js

@@ -1,12 +1,11 @@
-import { createContext as t, useContext as e } from "react";
-const n = /* @__PURE__ */ t(null), d = () => {
-  const o = e(n);
-  if (!o)
+import { createContext, useContext } from "react";
+const DropdownContext = /* @__PURE__ */ createContext(null), useDropdownContext = () => {
+  const context = useContext(DropdownContext);
+  if (!context)
     throw new Error("Cannot be rendered outside the Dropdown Component");
-  return o;
+  return context;
 };
 export {
-  n as DropdownContext,
-  d as useDropdownContext
+  DropdownContext,
+  useDropdownContext
 };
-//# sourceMappingURL=DropdownContext.js.map