@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/components/Combobox/ComboboxTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTrigger.js","sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["import { ChangeEvent, useEffect } from 'react';\n\nimport { useDropdownContext } from '../Dropdown/DropdownContext';\nimport { FormControl } from '../Form';\nimport Input from '../Input/Input';\n\nexport interface ComboboxTriggerProps\n  extends React.ComponentPropsWithRef<'button'> {\n  handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  value: string;\n  searchMinLength?: number;\n  placeholder?: string;\n}\n\nconst ComboboxTrigger = ({\n  placeholder,\n  value = '',\n  searchMinLength = 3,\n  handleSearchInputChange,\n}: ComboboxTriggerProps) => {\n  const { triggerProps, itemProps, setVisible } = useDropdownContext();\n\n  const inputProps: Record<string, any> = {\n    ...triggerProps,\n    role: 'combobox',\n    onClick: () => {\n      if (value.length >= searchMinLength) {\n        setVisible(true);\n      }\n    },\n    onChange: handleSearchInputChange,\n  };\n\n  useEffect(() => {\n    setVisible(value.length >= searchMinLength);\n  }, [setVisible, value, searchMinLength]);\n\n  return (\n    <FormControl className=\"d-flex align-items-center\" id=\"search\">\n      <Input\n        {...inputProps}\n        className=\"max-w-512\"\n        noValidationIcon\n        placeholder={placeholder}\n        size=\"md\"\n        type=\"search\"\n        onKeyDown={itemProps.onMenuItemKeyDown}\n      />\n    </FormControl>\n  );\n};\n\nexport default ComboboxTrigger;\n"],"names":["ComboboxTrigger","placeholder","value","searchMinLength","handleSearchInputChange","triggerProps","itemProps","setVisible","useDropdownContext","inputProps","role","onClick","length","onChange","useEffect","jsx","FormControl","Input","onMenuItemKeyDown"],"mappings":";;;;;AAcA,MAAMA,IAAkBA,CAAC;AAAA,EACvBC,aAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,iBAAAA,IAAkB;AAAA,EAClBC,yBAAAA;AACoB,MAAM;AACpB,QAAA;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,WAAAA;AAAAA,IAAWC,YAAAA;AAAAA,MAAeC,EAAmB,GAE7DC,IAAkC;AAAA,IACtC,GAAGJ;AAAAA,IACHK,MAAM;AAAA,IACNC,SAASA,MAAM;AACTT,MAAAA,EAAMU,UAAUT,KAClBI,EAAW,EAAI;AAAA,IAEnB;AAAA,IACAM,UAAUT;AAAAA,EAAAA;AAGZU,SAAAA,EAAU,MAAM;AACHZ,IAAAA,EAAAA,EAAMU,UAAUT,CAAe;AAAA,EACzC,GAAA,CAACI,GAAYL,GAAOC,CAAe,CAAC,GAGrC,gBAAAY,EAACC,KAAY,WAAU,6BAA4B,IAAG,UACpD,UAAA,gBAAAD,EAACE,GACC,EAAA,GAAIR,GACJ,WAAU,aACV,kBAAgB,IAChB,aAAAR,GACA,MAAK,MACL,MAAK,UACL,WAAWK,EAAUY,kBAAkB,CAAA,EAE3C,CAAA;AAEJ;"}

package/dist/components/Dropdown/Dropdown.js

@@ -1,61 +1,62 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, useEffect } from "react";
-import clsx from "clsx";
-import useDropdown from "../../hooks/useDropdown/useDropdown.js";
-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 useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-const Root = ({
-  children,
-  block,
-  overflow = !0,
-  placement = "bottom-start",
-  extraTriggerKeyDownHandler,
-  onToggle,
-  isTriggerHovered = !1
+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
 }) => {
   const {
-    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
+    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
   });
-  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
+  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
 });
 export {
-  Dropdown,
-  Dropdown as default
+  U as Dropdown,
+  U as default
 };
+//# sourceMappingURL=Dropdown.js.map

package/dist/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Dropdown/DropdownCheckboxItem.js

@@ -1,34 +1,35 @@
-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
+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
 }) => {
   const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter
-  } = itemProps, id = useId(), checked = model.includes(value), checkboxProps = {
-    value,
-    model,
-    checked,
+    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,
     readOnly: !0
-  }, dropdownCheckboxItem = clsx("dropdown-item c-pointer", {
-    focus: isFocused === id
+  }, a = b("dropdown-item c-pointer", {
+    focus: p === o
   });
-  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 })
+  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 })
   ] }) });
 };
 export {
-  DropdownCheckboxItem as default
+  C as default
 };
+//# sourceMappingURL=DropdownCheckboxItem.js.map

package/dist/components/Dropdown/DropdownCheckboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownCheckboxItem.js","sources":["../../../src/components/Dropdown/DropdownCheckboxItem.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\nimport { Checkbox } from '../Checkbox';\n\ninterface DropdownCheckboxItem {\n  /**\n   * Children Node\n   */\n  children: ReactNode;\n  /**\n   * Value\n   */\n  value: string | number;\n  /**\n   * Model\n   */\n  model: (string | number)[];\n  /**\n   * OnKeyDown handler\n   */\n  onChange: (value: string | number) => void;\n}\n\nconst DropdownCheckboxItem = ({\n  children,\n  value,\n  model,\n  onChange,\n}: DropdownCheckboxItem) => {\n  const { itemProps, itemRefs, isFocused } = useDropdownContext();\n  const { onMenuItemKeyDown, onMenuItemMouseEnter } = itemProps;\n\n  const id = useId();\n\n  const checked = model.includes(value);\n\n  const checkboxProps = {\n    value,\n    model,\n    checked,\n    readOnly: true,\n  };\n\n  const dropdownCheckboxItem = clsx('dropdown-item c-pointer', {\n    focus: isFocused === id,\n  });\n\n  return (\n    <div\n      id={id}\n      ref={(el) => (itemRefs.current[id] = el)}\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      onMouseUp={() => onChange(value)}\n      onKeyDown={(event) => onMenuItemKeyDown(event, () => onChange(value))}\n      onMouseEnter={onMenuItemMouseEnter}\n      tabIndex={checked ? 0 : -1}\n      className={dropdownCheckboxItem}\n    >\n      <div className=\"d-flex gap-8 align-items-center justify-content-between position-relative\">\n        {children}\n        <Checkbox {...checkboxProps} />\n      </div>\n    </div>\n  );\n};\n\nDropdownCheckboxItem.displayName = 'Dropdown.CheckboxItem';\n\nexport default DropdownCheckboxItem;\n"],"names":["DropdownCheckboxItem","children","value","model","onChange","itemProps","itemRefs","isFocused","useDropdownContext","onMenuItemKeyDown","onMenuItemMouseEnter","id","useId","checked","includes","checkboxProps","readOnly","dropdownCheckboxItem","clsx","focus","el","current","event","jsxs","jsx","Checkbox"],"mappings":";;;;;AA0BA,MAAMA,IAAuBA,CAAC;AAAA,EAC5BC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AACoB,MAAM;AACpB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,MAAcC,EAAmB,GACxD;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,sBAAAA;AAAAA,EAAyBL,IAAAA,GAE9CM,IAAKC,KAELC,IAAUV,EAAMW,SAASZ,CAAK,GAE9Ba,IAAgB;AAAA,IACpBb,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAU,SAAAA;AAAAA,IACAG,UAAU;AAAA,EAAA,GAGNC,IAAuBC,EAAK,2BAA2B;AAAA,IAC3DC,OAAOZ,MAAcI;AAAAA,EAAAA,CACtB;AAED,2BACG,OACC,EAAA,IAAAA,GACA,KAAMS,CAAAA,MAAQd,EAASe,QAAQV,CAAE,IAAIS,GACrC,MAAK,oBACL,gBAAcP,GACd,WAAW,MAAMT,EAASF,CAAK,GAC/B,WAAYoB,CAAAA,MAAUb,EAAkBa,GAAO,MAAMlB,EAASF,CAAK,CAAC,GACpE,cAAcQ,GACd,UAAUG,IAAU,IAAI,IACxB,WAAWI,GAEX,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAU,6EACZtB,UAAAA;AAAAA,IAAAA;AAAAA,IACD,gBAAAuB,EAACC,GAAS,EAAA,GAAIV,GAAc;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/Dropdown/DropdownContext.js

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

package/dist/components/Dropdown/DropdownContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownContext.js","sources":["../../../src/components/Dropdown/DropdownContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { UseDropdownProps } from '../../hooks/useDropdown/useDropdown';\n\ntype OmittedProps = Omit<UseDropdownProps, 'triggerRef' | 'menuRef'>;\nexport interface DropdownContextProps extends OmittedProps {\n  block?: boolean;\n}\n\nexport const DropdownContext = createContext<DropdownContextProps | null>(\n  null!,\n);\n\nexport const useDropdownContext = () => {\n  const context = useContext(DropdownContext);\n  if (!context) {\n    throw new Error(`Cannot be rendered outside the Dropdown Component`);\n  }\n  return context;\n};\n"],"names":["DropdownContext","useDropdownContext","context","useContext","Error"],"mappings":";AASaA,MAAAA,sBACX,IACF,GAEaC,IAAqBA,MAAM;AAChCC,QAAAA,IAAUC,EAAWH,CAAe;AAC1C,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,mDAAmD;AAE9DF,SAAAA;AACT;"}

package/dist/components/Dropdown/DropdownItem.js

@@ -1,33 +1,34 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import clsx from "clsx";
-import { useDropdownContext } from "./DropdownContext.js";
-const DropdownItem = ({
-  type = "action",
-  icon,
-  onClick,
-  children,
-  className,
-  ...restProps
+import { jsx as I, jsxs as w } from "react/jsx-runtime";
+import { useId as M } from "react";
+import D from "clsx";
+import { useDropdownContext as g } from "./DropdownContext.js";
+const K = ({
+  type: r = "action",
+  icon: s,
+  onClick: t,
+  children: m,
+  className: i,
+  ...d
 }) => {
   const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter,
-    onMenuItemClick
-  } = itemProps, handleOnClick = (event) => {
-    onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation());
-  }, id = useId(), dropdownItem = clsx("dropdown-item", {
-    focus: isFocused === id
-  }, className);
-  return /* @__PURE__ */ jsx("div", { id, role: "menuitem", ref: (el) => itemRefs.current[id] = el, tabIndex: isFocused === id ? 0 : -1, className: dropdownItem, "aria-current": isFocused === id, onClick: handleOnClick, onMouseEnter: onMenuItemMouseEnter, onKeyDown: (event) => onMenuItemKeyDown(event, onClick), ...restProps, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
-    icon,
-    children
+    itemProps: a,
+    itemRefs: c,
+    isFocused: n
+  } = g(), {
+    onMenuItemKeyDown: u,
+    onMenuItemMouseEnter: p,
+    onMenuItemClick: f
+  } = a, l = (e) => {
+    t == null || t(e), r === "action" && (f(), e.stopPropagation());
+  }, o = M(), x = D("dropdown-item", {
+    focus: n === o
+  }, i);
+  return /* @__PURE__ */ I("div", { id: o, role: "menuitem", ref: (e) => c.current[o] = e, tabIndex: n === o ? 0 : -1, className: x, "aria-current": n === o, onClick: l, onMouseEnter: p, onKeyDown: (e) => u(e, t), ...d, children: /* @__PURE__ */ w("div", { className: "d-flex gap-8 align-items-center", children: [
+    s,
+    m
   ] }) });
 };
 export {
-  DropdownItem as default
+  K as default
 };
+//# sourceMappingURL=DropdownItem.js.map

package/dist/components/Dropdown/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sources":["../../../src/components/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\n\nexport interface DropdownItemProps {\n  /**\n   * Object type\n   */\n  type?: 'action' | 'select';\n  /**\n   * Icon component\n   */\n  icon?: JSX.Element;\n  /**\n   * Content\n   */\n  children: ReactNode;\n  /**\n   *\n   * Action on click\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Additional class name\n   */\n  className?: string;\n}\n\nconst DropdownItem = ({\n  type = 'action',\n  icon,\n  onClick,\n  children,\n  className,\n  ...restProps\n}: DropdownItemProps) => {\n  const { itemProps, itemRefs, isFocused } = useDropdownContext();\n  const { onMenuItemKeyDown, onMenuItemMouseEnter, onMenuItemClick } =\n    itemProps;\n\n  const handleOnClick = (event: React.MouseEvent) => {\n    onClick?.(event);\n\n    if (type === 'action') {\n      onMenuItemClick();\n      event.stopPropagation();\n    }\n  };\n\n  const id = useId();\n\n  const dropdownItem = clsx(\n    'dropdown-item',\n    {\n      focus: isFocused === id,\n    },\n    className,\n  );\n\n  return (\n    <div\n      id={id}\n      role=\"menuitem\"\n      ref={(el) => (itemRefs.current[id] = el)}\n      tabIndex={isFocused === id ? 0 : -1}\n      className={dropdownItem}\n      aria-current={isFocused === id}\n      onClick={handleOnClick}\n      onMouseEnter={onMenuItemMouseEnter}\n      onKeyDown={(event) => onMenuItemKeyDown(event, onClick)}\n      {...restProps}\n    >\n      <div className=\"d-flex gap-8 align-items-center\">\n        {icon}\n        {children}\n      </div>\n    </div>\n  );\n};\n\nDropdownItem.displayName = 'Dropdown.Item';\n\nexport default DropdownItem;\n"],"names":["DropdownItem","type","icon","onClick","children","className","restProps","itemProps","itemRefs","isFocused","useDropdownContext","onMenuItemKeyDown","onMenuItemMouseEnter","onMenuItemClick","handleOnClick","event","stopPropagation","id","useId","dropdownItem","clsx","focus","el","current","jsxs"],"mappings":";;;;AA8BA,MAAMA,IAAeA,CAAC;AAAA,EACpBC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,MAAcC,EAAmB,GACxD;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,sBAAAA;AAAAA,IAAsBC,iBAAAA;AAAAA,EAC/CN,IAAAA,GAEIO,IAAgBA,CAACC,MAA4B;AACjDZ,IAAAA,KAAAA,QAAAA,EAAUY,IAENd,MAAS,aACKY,KAChBE,EAAMC,gBAAgB;AAAA,EACxB,GAGIC,IAAKC,KAELC,IAAeC,EACnB,iBACA;AAAA,IACEC,OAAOZ,MAAcQ;AAAAA,KAEvBZ,CACF;AAEA,2BACG,OACC,EAAA,IAAAY,GACA,MAAK,YACL,KAAMK,CAAQd,MAAAA,EAASe,QAAQN,CAAE,IAAIK,GACrC,UAAUb,MAAcQ,IAAK,IAAI,IACjC,WAAWE,GACX,gBAAcV,MAAcQ,GAC5B,SAASH,GACT,cAAcF,GACd,WAAYG,CAAAA,MAAUJ,EAAkBI,GAAOZ,CAAO,GACtD,GAAIG,GAEJ,UAAC,gBAAAkB,EAAA,OAAA,EAAI,WAAU,mCACZtB,UAAAA;AAAAA,IAAAA;AAAAA,IACAE;AAAAA,EAAAA,EACH,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/Dropdown/DropdownMenu.js

@@ -1,26 +1,27 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { useDropdownContext } from "./DropdownContext.js";
-const DropdownMenu = /* @__PURE__ */ forwardRef(({
-  children,
-  block,
-  unstyled,
-  ...restProps
-}, forwardRef2) => {
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import f from "clsx";
+import { useDropdownContext as i } from "./DropdownContext.js";
+const N = /* @__PURE__ */ c(({
+  children: e,
+  block: s,
+  unstyled: m,
+  ...o
+}, t) => {
   const {
-    menuProps,
-    visible
-  } = useDropdownContext(), className = clsx({
-    "w-100": block,
-    "bg-white shadow rounded-4 p-8": !unstyled
-  }, menuProps.className, restProps.className), mergedProps = {
-    ...menuProps,
-    ...restProps,
-    className
+    menuProps: r,
+    visible: n
+  } = i(), a = f({
+    "w-100": s,
+    "bg-white shadow rounded-4 p-8": !m
+  }, r.className, o.className), d = {
+    ...r,
+    ...o,
+    className: a
   };
-  return visible ? /* @__PURE__ */ jsx("div", { ref: forwardRef2, ...mergedProps, children }) : null;
+  return n ? /* @__PURE__ */ p("div", { ref: t, ...d, children: e }) : null;
 });
 export {
-  DropdownMenu as default
+  N as default
 };
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/Dropdown/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ReactNode, Ref, forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\n\ninterface Item {\n  /**\n   * Object type\n   */\n  type?: undefined;\n  /**\n   * Icon component\n   */\n  icon: JSX.Element;\n  /**\n   * Label for a11y\n   */\n  label: string;\n  /**\n   * Action OnClick\n   */\n  action: (elem: any) => any;\n}\n\ninterface Divider {\n  /**\n   * Object type\n   */\n  type: 'divider';\n}\n\nexport type DropdownMenuOptions = Item | Divider;\n\nexport interface DropdownMenuProps extends ComponentPropsWithRef<'div'> {\n  children: ReactNode;\n  /** Use whole width ? */\n  block?: boolean;\n  /** Do not apply the default CSS classes in addition to those in the className prop ? */\n  unstyled?: boolean;\n}\n\nconst DropdownMenu = forwardRef(\n  (\n    { children, block, unstyled, ...restProps }: DropdownMenuProps,\n    forwardRef: Ref<HTMLDivElement>,\n  ) => {\n    const { menuProps, visible } = useDropdownContext();\n\n    const className = clsx(\n      { 'w-100': block, 'bg-white shadow rounded-4 p-8': !unstyled },\n      menuProps.className,\n      restProps.className,\n    );\n\n    const mergedProps = { ...menuProps, ...restProps, className };\n\n    return visible ? (\n      <div ref={forwardRef} {...mergedProps}>\n        {children}\n      </div>\n    ) : null;\n  },\n);\n\nDropdownMenu.displayName = 'Dropdown.Menu';\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","children","block","unstyled","restProps","forwardRef","menuProps","visible","useDropdownContext","className","clsx","mergedProps"],"mappings":";;;;AA0CMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,OAAAA;AAAAA,EAAOC,UAAAA;AAAAA,EAAU,GAAGC;AAA6B,GAC7DC,MACG;AACG,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,SAAAA;AAAAA,MAAYC,EAAmB,GAE5CC,IAAYC,EAChB;AAAA,IAAE,SAASR;AAAAA,IAAO,iCAAiC,CAACC;AAAAA,EACpDG,GAAAA,EAAUG,WACVL,EAAUK,SACZ,GAEME,IAAc;AAAA,IAAE,GAAGL;AAAAA,IAAW,GAAGF;AAAAA,IAAWK,WAAAA;AAAAA,EAAAA;AAE3CF,SAAAA,sBACJ,OAAI,EAAA,KAAKF,GAAY,GAAIM,GACvBV,UAAAA,GACH,IACE;AACN,CACF;"}

package/dist/components/Dropdown/DropdownMenuGroup.js

@@ -1,12 +1,13 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const DropdownMenuGroup = /* @__PURE__ */ forwardRef(({
-  label,
-  children
-}, forwardRef2) => /* @__PURE__ */ jsxs("div", { ref: forwardRef2, role: "group", children: [
-  /* @__PURE__ */ jsx("span", { className: "small px-4", children: /* @__PURE__ */ jsx("strong", { children: label }) }),
-  children
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+const d = /* @__PURE__ */ l(({
+  label: o,
+  children: e
+}, s) => /* @__PURE__ */ n("div", { ref: s, role: "group", children: [
+  /* @__PURE__ */ r("span", { className: "small px-4", children: /* @__PURE__ */ r("strong", { children: o }) }),
+  e
 ] }));
 export {
-  DropdownMenuGroup as default
+  d as default
 };
+//# sourceMappingURL=DropdownMenuGroup.js.map

package/dist/components/Dropdown/DropdownMenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuGroup.js","sources":["../../../src/components/Dropdown/DropdownMenuGroup.tsx"],"sourcesContent":["import { ReactNode, Ref, forwardRef } from 'react';\n\nexport interface DropdownMenuGroupProps {\n  /**\n   * Label\n   */\n  label: string;\n  /**\n   * Children Node\n   */\n  children: ReactNode;\n}\n\nconst DropdownMenuGroup = forwardRef(\n  (\n    { label, children }: DropdownMenuGroupProps,\n    forwardRef: Ref<HTMLDivElement>,\n  ) => {\n    return (\n      <div ref={forwardRef} role=\"group\">\n        <span className=\"small px-4\">\n          <strong>{label}</strong>\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nDropdownMenuGroup.displayName = 'Dropdown.MenuGroup';\n\nexport default DropdownMenuGroup;\n"],"names":["DropdownMenuGroup","label","children","forwardRef","jsxs","jsx"],"mappings":";;AAaMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,UAAAA;AAAiC,GAC1CC,MAGG,gBAAAC,EAAA,OAAA,EAAI,KAAKD,GAAY,MAAK,SACzB,UAAA;AAAA,EAAA,gBAAAE,EAAC,UAAK,WAAU,cACd,UAAC,gBAAAA,EAAA,UAAA,EAAQJ,aAAM,EACjB,CAAA;AAAA,EACCC;AACH,EAAA,CAAA,CAGN;"}

package/dist/components/Dropdown/DropdownRadioItem.js

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

package/dist/components/Dropdown/DropdownRadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownRadioItem.js","sources":["../../../src/components/Dropdown/DropdownRadioItem.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\nimport { Radio } from '../Radio';\n\nexport interface DropdownRadioItemProps {\n  /**\n   * Children Node\n   */\n  children: ReactNode;\n\n  /**\n   * Item Value\n   */\n  value: string;\n\n  /**\n   * Item model\n   */\n  model: string;\n\n  /**\n   * onKeyDown, onMouseUp handlers\n   */\n  onChange: (value: string) => void;\n}\n\nconst DropdownRadioItem = ({\n  children,\n  value,\n  model,\n  onChange,\n}: DropdownRadioItemProps) => {\n  const { itemProps, itemRefs, isFocused } = useDropdownContext();\n  const { onMenuItemKeyDown, onMenuItemMouseEnter } = itemProps;\n\n  const id = useId();\n\n  const checked = value === model;\n\n  const radioProps = {\n    value,\n    model,\n    checked,\n    readOnly: true,\n  };\n\n  const dropdownRadioItem = clsx('dropdown-item c-pointer', {\n    focus: isFocused === id,\n  });\n\n  return (\n    <div\n      id={id}\n      ref={(el) => (itemRefs.current[id] = el)}\n      role=\"menuitemradio\"\n      aria-checked={value === model}\n      onMouseUp={() => onChange(value)}\n      onKeyDown={(event) => onMenuItemKeyDown(event, () => onChange(value))}\n      onMouseEnter={onMenuItemMouseEnter}\n      tabIndex={value === model ? 0 : -1}\n      className={dropdownRadioItem}\n    >\n      <div className=\"d-flex gap-8 align-items-center justify-content-between position-relative\">\n        {children}\n        <Radio\n          {...radioProps}\n          className=\"position-absolute start-0 end-0 top-0 bottom-0 opacity-0\"\n        />\n      </div>\n    </div>\n  );\n};\n\nDropdownRadioItem.displayName = 'Dropdown.RadioItem';\n\nexport default DropdownRadioItem;\n"],"names":["DropdownRadioItem","children","value","model","onChange","itemProps","itemRefs","isFocused","useDropdownContext","onMenuItemKeyDown","onMenuItemMouseEnter","id","useId","radioProps","checked","readOnly","dropdownRadioItem","clsx","focus","el","current","event","jsxs","jsx","Radio"],"mappings":";;;;;AA6BA,MAAMA,IAAoBA,CAAC;AAAA,EACzBC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AACsB,MAAM;AACtB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,MAAcC,EAAmB,GACxD;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,sBAAAA;AAAAA,EAAyBL,IAAAA,GAE9CM,IAAKC,KAILC,IAAa;AAAA,IACjBX,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAW,SALcZ,MAAUC;AAAAA,IAMxBY,UAAU;AAAA,EAAA,GAGNC,IAAoBC,EAAK,2BAA2B;AAAA,IACxDC,OAAOX,MAAcI;AAAAA,EAAAA,CACtB;AAED,2BACG,OACC,EAAA,IAAAA,GACA,KAAMQ,CAAQb,MAAAA,EAASc,QAAQT,CAAE,IAAIQ,GACrC,MAAK,iBACL,gBAAcjB,MAAUC,GACxB,WAAW,MAAMC,EAASF,CAAK,GAC/B,WAAYmB,CAAAA,MAAUZ,EAAkBY,GAAO,MAAMjB,EAASF,CAAK,CAAC,GACpE,cAAcQ,GACd,UAAUR,MAAUC,IAAQ,IAAI,IAChC,WAAWa,GAEX,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAU,6EACZrB,UAAAA;AAAAA,IAAAA;AAAAA,IACA,gBAAAsB,EAAAC,GAAA,EACC,GAAIX,GACJ,WAAU,2DAA0D,CAAA;AAAA,EAAA,EAExE,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/Dropdown/DropdownSeparator.js

@@ -1,5 +1,6 @@
-import { jsx } from "react/jsx-runtime";
-const DropdownSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", className: "px-4", children: /* @__PURE__ */ jsx("hr", { className: "m-0" }) });
+import { jsx as r } from "react/jsx-runtime";
+const e = () => /* @__PURE__ */ r("div", { role: "separator", className: "px-4", children: /* @__PURE__ */ r("hr", { className: "m-0" }) });
 export {
-  DropdownSeparator as default
+  e as default
 };
+//# sourceMappingURL=DropdownSeparator.js.map

package/dist/components/Dropdown/DropdownSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSeparator.js","sources":["../../../src/components/Dropdown/DropdownSeparator.tsx"],"sourcesContent":["const DropdownSeparator = () => {\n  return (\n    <div role=\"separator\" className=\"px-4\">\n      <hr className=\"m-0\" />\n    </div>\n  );\n};\n\nDropdownSeparator.displayName = 'Dropdown.Separator';\n\nexport default DropdownSeparator;\n"],"names":["DropdownSeparator","jsx"],"mappings":";AAAA,MAAMA,IAAoBA,MAEtB,gBAAAC,EAAC,OAAI,EAAA,MAAK,aAAY,WAAU,QAC9B,UAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,MAAK,CAAA,EACrB,CAAA;"}

package/dist/components/Dropdown/DropdownTrigger.js

@@ -1,34 +1,35 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { useDropdownContext } from "./DropdownContext.js";
-import { Icon } from "../Icon/Icon.js";
-const DropdownTrigger = /* @__PURE__ */ forwardRef(({
-  label,
-  icon,
-  variant,
-  disabled = !1,
-  size,
-  badgeContent,
-  hideCarret = !1,
-  ...restProps
-}, forwardRef2) => {
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import w from "clsx";
+import { useDropdownContext as x } from "./DropdownContext.js";
+import { Icon as N } from "../Icon/Icon.js";
+const y = /* @__PURE__ */ u(({
+  label: a,
+  icon: t,
+  variant: m,
+  disabled: c = !1,
+  size: l,
+  badgeContent: o,
+  hideCarret: n = !1,
+  ...r
+}, d) => {
   const {
-    triggerProps,
-    block
-  } = useDropdownContext(), className = clsx("dropdown-toggle ", size, variant, {
-    "w-100": block
-  }, triggerProps.className, restProps.className), mergedProps = {
-    ...triggerProps,
-    ...restProps,
-    className
+    triggerProps: e,
+    block: p
+  } = x(), f = w("dropdown-toggle ", l, m, {
+    "w-100": p
+  }, e.className, r.className), i = {
+    ...e,
+    ...r,
+    className: f
   };
-  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, disabled, ...mergedProps, children: [
-    icon,
-    label,
-    badgeContent ? /* @__PURE__ */ jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(Icon, { name: "rafter-up", size: "16", className: "dropdown-toggle-caret" })
+  return /* @__PURE__ */ g("button", { ref: d, disabled: c, ...i, children: [
+    t,
+    a,
+    o ? /* @__PURE__ */ s("span", { className: "badge text-bg-secondary rounded-pill", children: o }) : !n && /* @__PURE__ */ s(N, { name: "rafter-up", size: "16", className: "dropdown-toggle-caret" })
   ] });
 });
 export {
-  DropdownTrigger as default
+  y as default
 };
+//# sourceMappingURL=DropdownTrigger.js.map

package/dist/components/Dropdown/DropdownTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTrigger.js","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { useDropdownContext } from './DropdownContext';\n\nexport interface DropdownTriggerProps\n  extends React.ComponentPropsWithRef<'button'> {\n  /**\n   * Dropdown trigger title\n   */\n  label?: string;\n  /**\n   * Add an icon in dropdown trigger\n   */\n  icon?: React.ReactNode;\n  /**\n   * Add a badge\n   */\n  badgeContent?: string | number;\n  /**\n   * Set appearance\n   */\n  variant?: 'ghost';\n  /**\n   * Button size\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Disabled Trigger\n   * */\n  disabled?: boolean;\n  /**\n   * Stretch the dropdown trigger.\n   */\n  block?: boolean;\n  /**\n   * Hide the carret\n   */\n  hideCarret?: boolean;\n}\n\nexport type DropdownTriggerType = React.ReactElement<DropdownTriggerProps>;\n\nconst DropdownTrigger = forwardRef(\n  (\n    {\n      label,\n      icon,\n      variant,\n      disabled = false,\n      size,\n      badgeContent,\n      hideCarret = false,\n      ...restProps\n    }: DropdownTriggerProps,\n    forwardRef: Ref<HTMLButtonElement>,\n  ) => {\n    const { triggerProps, block } = useDropdownContext();\n\n    const className = clsx(\n      'dropdown-toggle ',\n      size,\n      variant,\n      { 'w-100': block },\n      triggerProps.className,\n      restProps.className,\n    );\n\n    const mergedProps = {\n      ...triggerProps,\n      ...restProps,\n      className,\n    };\n\n    return (\n      <button ref={forwardRef} disabled={disabled} {...mergedProps}>\n        {icon}\n        {label}\n        {badgeContent ? (\n          <span className=\"badge text-bg-secondary rounded-pill\">\n            {badgeContent}\n          </span>\n        ) : (\n          !hideCarret && (\n            <Icon\n              name=\"rafter-up\"\n              size=\"16\"\n              className=\"dropdown-toggle-caret\"\n            />\n          )\n        )}\n      </button>\n    );\n  },\n);\n\nDropdownTrigger.displayName = 'Dropdown.Trigger';\n\nexport default DropdownTrigger;\n"],"names":["DropdownTrigger","label","icon","variant","disabled","size","badgeContent","hideCarret","restProps","forwardRef","triggerProps","block","useDropdownContext","className","clsx","mergedProps","jsx","Icon"],"mappings":";;;;;AA6CMA,MAAAA,sBACJ,CACE;AAAA,EACEC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACb,GAAGC;AACiB,GACtBC,MACG;AACG,QAAA;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,OAAAA;AAAAA,MAAUC,EAAmB,GAE7CC,IAAYC,EAChB,oBACAT,GACAF,GACA;AAAA,IAAE,SAASQ;AAAAA,EACXD,GAAAA,EAAaG,WACbL,EAAUK,SACZ,GAEME,IAAc;AAAA,IAClB,GAAGL;AAAAA,IACH,GAAGF;AAAAA,IACHK,WAAAA;AAAAA,EAAAA;AAGF,2BACG,UAAO,EAAA,KAAKJ,GAAY,UAAAL,GAAoB,GAAIW,GAC9Cb,UAAAA;AAAAA,IAAAA;AAAAA,IACAD;AAAAA,IACAK,IACE,gBAAAU,EAAA,QAAA,EAAK,WAAU,wCACbV,aACH,IAEA,CAACC,KACC,gBAAAS,EAACC,KACC,MAAK,aACL,MAAK,MACL,WAAU,yBAGf;AAAA,EACH,EAAA,CAAA;AAEJ,CACF;"}