@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.14

package/dist/components/ColorPicker/ColorPalette.js

@@ -1,172 +0,0 @@
-const e = {
-  className: "fw-bold",
-  label: "defaultPalette",
-  colors: [
-    /* Paint It Black */
-    [{
-      value: "#4A4A4A",
-      description: "color.gray.darkest"
-    }, {
-      value: "#909090",
-      description: "color.gray.dark"
-    }, {
-      value: "#C7C7C7",
-      description: "color.gray.medium"
-    }, {
-      value: "#F2F2F2",
-      description: "color.gray.light",
-      hue: "light"
-    }, {
-      value: "#FFFFFF",
-      description: "color.white",
-      hue: "light"
-    }],
-    /* Blue Sunday */
-    [{
-      value: "#005A8A",
-      description: "color.blue.darkest"
-    }, {
-      value: "#2F7EA7",
-      description: "color.blue.dark"
-    }, {
-      value: "#46AFE6",
-      description: "color.blue.medium"
-    }, {
-      value: "#B9E3F8",
-      description: "color.blue.light",
-      hue: "light"
-    }, {
-      value: "#E5F5FF",
-      description: "color.blue.lightest",
-      hue: "light"
-    }],
-    /* Purple haze */
-    [{
-      value: "#550070",
-      description: "color.purple.darkest"
-    }, {
-      value: "#7C2C96",
-      description: "color.purple.dark"
-    }, {
-      value: "#A348C0",
-      description: "color.purple.medium"
-    }, {
-      value: "#D7B5E2",
-      description: "color.purple.light",
-      hue: "light"
-    }, {
-      value: "#F6ECF9",
-      description: "color.purple.lightest",
-      hue: "light"
-    }],
-    /* Red House */
-    [{
-      value: "#9E0016",
-      description: "color.red.darkest"
-    }, {
-      value: "#C6253B",
-      description: "color.red.dark"
-    }, {
-      value: "#FF3A55",
-      description: "color.red.medium"
-    }, {
-      value: "#FFB6C0",
-      description: "color.red.light",
-      hue: "light"
-    }, {
-      value: "#FFECEE",
-      description: "color.red.lightest",
-      hue: "light"
-    }],
-    /* The Brown Album */
-    [{
-      value: "#9E4800",
-      description: "color.brown.darkest"
-    }, {
-      value: "#DA6A0B",
-      description: "color.brown.dark"
-    }, {
-      value: "#FF8D2E",
-      description: "color.brown.medium"
-    }, {
-      value: "#FFCBA0",
-      description: "color.brown.light",
-      hue: "light"
-    }, {
-      value: "#FFEFE3",
-      description: "color.brown.lightest",
-      hue: "light"
-    }],
-    /* Yellow Submarine */
-    [{
-      value: "#A89400",
-      description: "color.yellow.darkest"
-    }, {
-      value: "#D1AF00",
-      description: "color.yellow.dark"
-    }, {
-      value: "#F1CA00",
-      description: "color.yellow.medium"
-    }, {
-      value: "#FAEA9C",
-      description: "color.yellow.light",
-      hue: "light"
-    }, {
-      value: "#FBF4D5",
-      description: "color.yellow.lightest",
-      hue: "light"
-    }],
-    /* Green Naugahyde */
-    [{
-      value: "#2E6105",
-      description: "color.green.darkest"
-    }, {
-      value: "#4E9019",
-      description: "color.green.dark"
-    }, {
-      value: "#5AC235",
-      description: "color.green.medium"
-    }, {
-      value: "#C8E4AF",
-      description: "color.green.light",
-      hue: "light"
-    }, {
-      value: "#EAF7E4",
-      description: "color.green.lightest",
-      hue: "light"
-    }]
-  ]
-}, l = {
-  label: "accessiblePalette",
-  tooltip: {
-    message: "Veni, vidi, vici"
-  },
-  colors: [[{
-    value: "#4A4A4A",
-    description: "color.gray"
-  }], [{
-    value: "#648FFF",
-    description: "color.blue"
-  }], [{
-    value: "#785EF0",
-    description: "color.purple"
-  }], [{
-    value: "#DC267F",
-    description: "color.red"
-  }], [{
-    value: "#FE6100",
-    description: "color.brown"
-  }], [{
-    value: "#FFB000",
-    description: "color.orange"
-  }], [{
-    value: "#F3EA14",
-    description: "color.yellow"
-  }]],
-  className: "mt-16"
-};
-export {
-  l as AccessiblePalette,
-  e as DefaultPalette
-};
-//# sourceMappingURL=ColorPalette.js.map

package/dist/components/ColorPicker/ColorPalette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPalette.js","sources":["../../../src/components/ColorPicker/ColorPalette.tsx"],"sourcesContent":["import { TooltipProps } from '../Tooltip';\n\nexport interface ColorPaletteItem {\n  /**\n   * CSS Color Value, in the form #AABBCC\n   */\n  value: string;\n  /**\n   * i18n key describing the color.\n   */\n  description: string;\n  /**\n   * Is it a dark or light color ?\n   * When undefined, will be considered Dark.\n   */\n  hue?: 'dark' | 'light';\n  /**\n   * Is it intended to be a reset color ?\n   */\n  isReset?: boolean;\n}\n\n/** Variations of one color. */\nexport type ColorPaletteHues = Array<ColorPaletteItem>;\n\nexport interface ColorPalette {\n  /**\n   * Description of the color palette.\n   */\n  label: string;\n  /**\n   * [Optional] informative tooltip.\n   */\n  tooltip?: Partial<TooltipProps>;\n  /**\n   * Array of colors * variations.\n   */\n  colors: ColorPaletteHues[];\n  /**\n   * Reset option\n   */\n  reset?: ColorPaletteItem;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const DefaultPalette: ColorPalette = {\n  className: 'fw-bold',\n  label: 'defaultPalette',\n  colors: [\n    /* Paint It Black */\n    [\n      { value: '#4A4A4A', description: 'color.gray.darkest' },\n      { value: '#909090', description: 'color.gray.dark' },\n      { value: '#C7C7C7', description: 'color.gray.medium' },\n      { value: '#F2F2F2', description: 'color.gray.light', hue: 'light' },\n      { value: '#FFFFFF', description: 'color.white', hue: 'light' },\n    ],\n    /* Blue Sunday */\n    [\n      { value: '#005A8A', description: 'color.blue.darkest' },\n      { value: '#2F7EA7', description: 'color.blue.dark' },\n      { value: '#46AFE6', description: 'color.blue.medium' },\n      { value: '#B9E3F8', description: 'color.blue.light', hue: 'light' },\n      { value: '#E5F5FF', description: 'color.blue.lightest', hue: 'light' },\n    ],\n    /* Purple haze */\n    [\n      { value: '#550070', description: 'color.purple.darkest' },\n      { value: '#7C2C96', description: 'color.purple.dark' },\n      { value: '#A348C0', description: 'color.purple.medium' },\n      { value: '#D7B5E2', description: 'color.purple.light', hue: 'light' },\n      { value: '#F6ECF9', description: 'color.purple.lightest', hue: 'light' },\n    ],\n    /* Red House */\n    [\n      { value: '#9E0016', description: 'color.red.darkest' },\n      { value: '#C6253B', description: 'color.red.dark' },\n      { value: '#FF3A55', description: 'color.red.medium' },\n      { value: '#FFB6C0', description: 'color.red.light', hue: 'light' },\n      { value: '#FFECEE', description: 'color.red.lightest', hue: 'light' },\n    ],\n    /* The Brown Album */\n    [\n      { value: '#9E4800', description: 'color.brown.darkest' },\n      { value: '#DA6A0B', description: 'color.brown.dark' },\n      { value: '#FF8D2E', description: 'color.brown.medium' },\n      { value: '#FFCBA0', description: 'color.brown.light', hue: 'light' },\n      { value: '#FFEFE3', description: 'color.brown.lightest', hue: 'light' },\n    ],\n    /* Yellow Submarine */\n    [\n      { value: '#A89400', description: 'color.yellow.darkest' },\n      { value: '#D1AF00', description: 'color.yellow.dark' },\n      { value: '#F1CA00', description: 'color.yellow.medium' },\n      { value: '#FAEA9C', description: 'color.yellow.light', hue: 'light' },\n      { value: '#FBF4D5', description: 'color.yellow.lightest', hue: 'light' },\n    ],\n    /* Green Naugahyde */\n    [\n      { value: '#2E6105', description: 'color.green.darkest' },\n      { value: '#4E9019', description: 'color.green.dark' },\n      { value: '#5AC235', description: 'color.green.medium' },\n      { value: '#C8E4AF', description: 'color.green.light', hue: 'light' },\n      { value: '#EAF7E4', description: 'color.green.lightest', hue: 'light' },\n    ],\n  ],\n};\n\nexport const AccessiblePalette: ColorPalette = {\n  label: 'accessiblePalette',\n  tooltip: { message: 'Veni, vidi, vici' },\n  colors: [\n    [{ value: '#4A4A4A', description: 'color.gray' }],\n    [{ value: '#648FFF', description: 'color.blue' }],\n    [{ value: '#785EF0', description: 'color.purple' }],\n    [{ value: '#DC267F', description: 'color.red' }],\n    [{ value: '#FE6100', description: 'color.brown' }],\n    [{ value: '#FFB000', description: 'color.orange' }],\n    [{ value: '#F3EA14', description: 'color.yellow' }],\n  ],\n  className: 'mt-16',\n};\n"],"names":["DefaultPalette","className","label","colors","value","description","hue","AccessiblePalette","tooltip","message"],"mappings":"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"}

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,39 +0,0 @@
-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) => {
-  const {
-    t: d
-  } = x(), c = (e) => {
-    e && (r == null || r(e));
-  };
-  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: {
-        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
-    ] }),
-    /* @__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)) });
-});
-export {
-  T as ColorPicker,
-  T as default
-};
-//# sourceMappingURL=ColorPicker.js.map

package/dist/components/ColorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { ComponentPropsWithRef, Ref, forwardRef } from 'react';\n\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport { Tooltip } from '../Tooltip';\nimport {\n  AccessiblePalette,\n  ColorPalette,\n  ColorPaletteHues,\n  ColorPaletteItem,\n  DefaultPalette,\n} from './ColorPalette';\nimport ColorPickerItem from './ColorPickerItem';\n\nexport interface ColorPickerProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Palettes of pickable colors\n   */\n  palettes?: ColorPalette[];\n\n  /**\n   * Current picked color\n   */\n  model?: string;\n\n  /**\n   * Triggered when a color is picked\n   */\n  onSuccess?: (item: ColorPaletteItem) => void;\n}\n\nexport const ColorPicker = forwardRef(\n  (\n    {\n      palettes = [DefaultPalette, AccessiblePalette],\n      model = '#4A4A4A',\n      onSuccess,\n      ...restProps\n    }: ColorPickerProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const { t } = useTranslation();\n    const handleClick = (item?: ColorPaletteItem) => {\n      item && onSuccess?.(item);\n    };\n\n    return (\n      <div ref={ref} {...restProps}>\n        {palettes.map((palette: ColorPalette, paletteIdx) => (\n          <div\n            key={paletteIdx}\n            className={clsx('color-picker mx-8', palette.className)}\n          >\n            <div className=\"color-picker-label small mt-4 mb-8\">\n              {t(palette.label)}\n              {palette.tooltip && (\n                <Tooltip message=\"\" placement=\"auto\" {...palette.tooltip}>\n                  <Icon\n                    name=\"info-circle\"\n                    size=\"18\"\n                    className=\"mx-4 position-relative\"\n                    style={{ top: '4px' }}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {\n              // Show/hide the reset option\n              palette.reset && (\n                <button\n                  className=\"color-picker-reset small my-8 gap-4\"\n                  onClick={() => handleClick(palette.reset)}\n                >\n                  <Icon name=\"delete-color\" size=\"20\" />\n                  {palette.reset.description}\n                </button>\n              )\n            }\n\n            <div className=\"color-picker-palette d-flex gap-2 justify-content-between\">\n              {palette.colors.map((hues: ColorPaletteHues, hueIndex) => (\n                <div\n                  key={hueIndex}\n                  className=\"color-picker-hue d-flex gap-2 justify-content-between flex-column \"\n                >\n                  {hues.map((color) => (\n                    <button\n                      key={color.value}\n                      aria-label={color.description}\n                      className=\"color-picker-hue-color\"\n                      onClick={() => handleClick(color)}\n                    >\n                      <ColorPickerItem\n                        {...restProps}\n                        model={color}\n                        selected={model === color.value}\n                      />\n                    </button>\n                  ))}\n                </div>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default ColorPicker;\n"],"names":["ColorPicker","palettes","DefaultPalette","AccessiblePalette","model","onSuccess","restProps","ref","t","useTranslation","handleClick","item","map","palette","paletteIdx","clsx","className","jsxs","label","tooltip","jsx","Tooltip","Icon","top","reset","description","colors","hues","hueIndex","color","ColorPickerItem","value"],"mappings":";;;;;;;;AAiCaA,MAAAA,sBACX,CACE;AAAA,EACEC,UAAAA,IAAW,CAACC,GAAgBC,CAAiB;AAAA,EAC7CC,OAAAA,IAAQ;AAAA,EACRC,WAAAA;AAAAA,EACA,GAAGC;AACa,GAClBC,MACG;AACG,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvBC,IAAcA,CAACC,MAA4B;AAC/CA,IAAAA,MAAQN,KAAAA,QAAAA,EAAYM;AAAAA,EAAI;AAG1B,2BACG,OAAI,EAAA,KAAAJ,GAAcD,GAAAA,GAChBL,YAASW,IAAI,CAACC,GAAuBC,wBACnC,OAEC,EAAA,WAAWC,EAAK,qBAAqBF,EAAQG,SAAS,GAEtD,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,sCACZT,UAAAA;AAAAA,MAAAA,EAAEK,EAAQK,KAAK;AAAA,MACfL,EAAQM,WACP,gBAAAC,EAACC,KAAQ,SAAQ,IAAG,WAAU,WAAWR,EAAQM,SAC/C,UAAA,gBAAAC,EAACE,KACC,MAAK,eACL,MAAK,MACL,WAAU,0BACV,OAAO;AAAA,QAAEC,KAAK;AAAA,SAAQ,EAE1B,CAAA;AAAA,IAAA,GAEJ;AAAA;AAAA,IAIEV,EAAQW,SACN,gBAAAP,EAAC,UACC,EAAA,WAAU,uCACV,SAAS,MAAMP,EAAYG,EAAQW,KAAK,GAExC,UAAA;AAAA,MAAA,gBAAAJ,EAACE,GAAK,EAAA,MAAK,gBAAe,MAAK,MAAI;AAAA,MAClCT,EAAQW,MAAMC;AAAAA,IAAAA,GACjB;AAAA,IAIJ,gBAAAL,EAAC,SAAI,WAAU,6DACZP,YAAQa,OAAOd,IAAI,CAACe,GAAwBC,wBAC1C,OAEC,EAAA,WAAU,sEAETD,UAAKf,EAAAA,IAAKiB,OACR,gBAAAT,EAAA,UAAA,EAEC,cAAYS,EAAMJ,aAClB,WAAU,0BACV,SAAS,MAAMf,EAAYmB,CAAK,GAEhC,4BAACC,GACC,EAAA,GAAIxB,GACJ,OAAOuB,GACP,UAAUzB,MAAUyB,EAAME,MAAM,CAAA,EAR7BF,GAAAA,EAAME,KAUb,CACD,EAAA,GAhBIH,CAiBP,CACD,EACH,CAAA;AAAA,EAAA,KApDKd,CAqDP,CACD,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/ColorPicker/ColorPickerItem.js

@@ -1,15 +0,0 @@
-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
-} });
-export {
-  m as ColorPickerItem,
-  m as default
-};
-//# sourceMappingURL=ColorPickerItem.js.map

package/dist/components/ColorPicker/ColorPickerItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPickerItem.js","sources":["../../../src/components/ColorPicker/ColorPickerItem.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { ColorPaletteItem } from './ColorPalette';\n\nexport interface ColorPickerItemProps {\n  /**\n   * Color item to display\n   */\n  model: ColorPaletteItem;\n  /**\n   * Render as selected\n   */\n  selected?: boolean;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const ColorPickerItem = ({\n  model,\n  selected,\n  className,\n}: ColorPickerItemProps) =>\n  model.isReset ? (\n    <Icon name=\"delete-color\" />\n  ) : (\n    <div\n      aria-label={model.description}\n      className={clsx(\n        'color-picker-hue-color-item rounded-1',\n        className,\n        model.hue === 'light' ? 'light' : 'dark',\n        selected && 'selected',\n      )}\n      style={{ backgroundColor: model.value }}\n    ></div>\n  );\n\nColorPickerItem.displayName = 'ColorPickerItem';\n\nexport default ColorPickerItem;\n"],"names":["ColorPickerItem","model","selected","className","isReset","jsx","Icon","description","clsx","hue","backgroundColor","value"],"mappings":";;;AAoBO,MAAMA,IAAkBA,CAAC;AAAA,EAC9BC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AACoB,MACpBF,EAAMG,UACJ,gBAAAC,EAACC,GAAK,EAAA,MAAK,gBAAiB,IAE5B,gBAAAD,EAAC,OACC,EAAA,cAAYJ,EAAMM,aAClB,WAAWC,EACT,yCACAL,GACAF,EAAMQ,QAAQ,UAAU,UAAU,QAClCP,KAAY,UACd,GACA,OAAO;AAAA,EAAEQ,iBAAiBT,EAAMU;AAAM,EACvC,CAAA;"}

package/dist/components/Combobox/Combobox.js

@@ -1,42 +0,0 @@
-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
-}) => {
-  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() })
-  ] });
-};
-s.Trigger = N;
-export {
-  s as Combobox,
-  s as default
-};
-//# sourceMappingURL=Combobox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { ChangeEvent, Fragment, useEffect, useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Dropdown } from '../Dropdown';\nimport { Loading } from '../Loading';\nimport ComboboxTrigger from './ComboboxTrigger';\n\nexport interface ComboboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  onSearchResultsChange: (model: (string | number)[]) => void;\n  onSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  options: OptionListItemType[];\n  value: string;\n  isLoading: boolean;\n  noResult: boolean;\n  searchMinLength?: number;\n  placeholder?: string;\n}\n\nexport interface OptionListItemType {\n  /**\n   * Value\n   */\n  value: string | number;\n  /**\n   * Label\n   */\n  label: string;\n  /**\n   * Add an icon\n   */\n  icon?: any;\n}\n\nexport const Combobox = ({\n  onSearchResultsChange,\n  onSearchInputChange,\n  options,\n  value,\n  isLoading,\n  noResult,\n  searchMinLength,\n  placeholder,\n}: ComboboxProps) => {\n  const { t } = useTranslation();\n\n  const [localValue, setLocalValue] = useState<(string | number)[]>([]);\n\n  useEffect(() => {\n    onSearchResultsChange(localValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localValue]);\n\n  const handleOptionClick = (value: string | number) => {\n    setLocalValue([value]);\n  };\n\n  const renderContent = () => {\n    if (isLoading) {\n      return (\n        <div className=\"d-flex align-items-center p-4\">\n          <Loading isLoading={isLoading} />\n          <span className=\"ps-4\">{t('explorer.search.pending')}</span>\n        </div>\n      );\n    }\n\n    if (noResult) {\n      return <div className=\"p-4\">{t('portal.no.result')}</div>;\n    }\n\n    return options.map((option, index) => (\n      <Fragment key={index}>\n        <Dropdown.Item\n          type=\"select\"\n          icon={option.icon}\n          onClick={() => handleOptionClick(option.value)}\n        >\n          {option.label}\n        </Dropdown.Item>\n\n        {index < options.length - 1 && <Dropdown.Separator />}\n      </Fragment>\n    ));\n  };\n\n  return (\n    <Dropdown block>\n      <Combobox.Trigger\n        placeholder={placeholder}\n        searchMinLength={searchMinLength}\n        handleSearchInputChange={onSearchInputChange}\n        value={value}\n      />\n      <Dropdown.Menu>{renderContent()}</Dropdown.Menu>\n    </Dropdown>\n  );\n};\n\nCombobox.Trigger = ComboboxTrigger;\nCombobox.displayName = 'Combobox';\n\nexport default Combobox;\n"],"names":["Combobox","onSearchResultsChange","onSearchInputChange","options","value","isLoading","noResult","searchMinLength","placeholder","t","useTranslation","localValue","setLocalValue","useState","useEffect","handleOptionClick","renderContent","jsxs","jsx","Loading","map","option","index","Fragment","Dropdown","icon","label","length","Trigger","ComboboxTrigger"],"mappings":";;;;;;AAmCO,MAAMA,IAAWA,CAAC;AAAA,EACvBC,uBAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,aAAAA;AACa,MAAM;AACb,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB,CAACC,GAAYC,CAAa,IAAIC,EAA8B,CAAE,CAAA;AAEpEC,EAAAA,EAAU,MAAM;AACdb,IAAAA,EAAsBU,CAAU;AAAA,EAAA,GAE/B,CAACA,CAAU,CAAC;AAETI,QAAAA,IAAoBA,CAACX,MAA2B;AACtC,IAAAQ,EAAA,CAACR,CAAK,CAAC;AAAA,EAAA,GAGjBY,IAAgBA,MAChBX,IAEA,gBAAAY,EAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,WAAAd,GAAqB;AAAA,sBAC7B,QAAK,EAAA,WAAU,QAAQI,UAAAA,EAAE,yBAAyB,GAAE;AAAA,EACvD,EAAA,CAAA,IAIAH,sBACM,OAAI,EAAA,WAAU,OAAOG,UAAAA,EAAE,kBAAkB,EAAE,CAAA,IAG9CN,EAAQiB,IAAI,CAACC,GAAQC,wBACzBC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAL,EAACM,EAAS,MAAT,EACC,MAAK,UACL,MAAMH,EAAOI,MACb,SAAS,MAAMV,EAAkBM,EAAOjB,KAAK,GAE5CiB,YAAOK,OACV;AAAA,IAECJ,IAAQnB,EAAQwB,SAAS,KAAM,gBAAAT,EAAAM,EAAS,WAAT,EAAqB;AAAA,EAAA,EAAA,GATxCF,CAUf,CACD;AAID,SAAA,gBAAAL,EAACO,GAAS,EAAA,OAAK,IACb,UAAA;AAAA,IAAA,gBAAAN,EAAClB,EAAS,SAAT,EACC,aAAAQ,GACA,iBAAAD,GACA,yBAAyBL,GACzB,OAAAE,GAAa;AAAA,IAEd,gBAAAc,EAAAM,EAAS,MAAT,EAAeR,YAAgB,EAAA,CAAA;AAAA,EAClC,EAAA,CAAA;AAEJ;AAEAhB,EAAS4B,UAAUC;"}

package/dist/components/Combobox/ComboboxTrigger.js

@@ -1,31 +0,0 @@
-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
-}) => {
-  const {
-    triggerProps: i,
-    itemProps: s,
-    setVisible: e
-  } = l(), p = {
-    ...i,
-    role: "combobox",
-    onClick: () => {
-      o.length >= r && e(!0);
-    },
-    onChange: m
-  };
-  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 }) });
-};
-export {
-  C as default
-};
-//# sourceMappingURL=ComboboxTrigger.js.map

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

@@ -1 +0,0 @@
-{"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,62 +0,0 @@
-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: 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 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 {
-  U as Dropdown,
-  U as default
-};
-//# sourceMappingURL=Dropdown.js.map

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

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

package/dist/components/Dropdown/DropdownCheckboxItem.js

@@ -1,35 +0,0 @@
-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: 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
-  }, a = b("dropdown-item c-pointer", {
-    focus: p === o
-  });
-  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 {
-  C as default
-};
-//# sourceMappingURL=DropdownCheckboxItem.js.map

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

@@ -1 +0,0 @@
-{"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,12 +0,0 @@
-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 o;
-};
-export {
-  n as DropdownContext,
-  d as useDropdownContext
-};
-//# sourceMappingURL=DropdownContext.js.map

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

@@ -1 +0,0 @@
-{"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,34 +0,0 @@
-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: 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 {
-  K as default
-};
-//# sourceMappingURL=DropdownItem.js.map

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

@@ -1 +0,0 @@
-{"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,27 +0,0 @@
-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: 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 n ? /* @__PURE__ */ p("div", { ref: t, ...d, children: e }) : null;
-});
-export {
-  N as default
-};
-//# sourceMappingURL=DropdownMenu.js.map

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

@@ -1 +0,0 @@
-{"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,13 +0,0 @@
-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 {
-  d as default
-};
-//# sourceMappingURL=DropdownMenuGroup.js.map

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

@@ -1 +0,0 @@
-{"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,35 +0,0 @@
-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: c,
-    itemRefs: d,
-    isFocused: m
-  } = l(), {
-    onMenuItemKeyDown: p,
-    onMenuItemMouseEnter: a
-  } = c, t = x(), f = {
-    value: o,
-    model: e,
-    checked: o === e,
-    readOnly: !0
-  }, u = I("dropdown-item c-pointer", {
-    focus: m === t
-  });
-  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 {
-  k as default
-};
-//# sourceMappingURL=DropdownRadioItem.js.map

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

@@ -1 +0,0 @@
-{"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;"}