@pismo/marola 2.1.48 → 2.1.50

package/README.md

@@ -33,3 +33,15 @@ browser
 #### Node version
 
 This project uses a .nvmrc file, to auto switch node version follow [these steps](https://github.com/nvm-sh/nvm?tab=readme-ov-file#zsh) from the nvm project .
+
+
+#### Publishing
+
+This project is distributed to the Pismo's microfrontends via npm. To publish a new version of this library follow the following steps:
+1 - Create a new branch from main and work on whatever updates, fixes or new features are needed.
+2 - Before updating the version, pull from main to guarantee you are on the last published version.
+3 - In the package.json file, update the version following the version semantics convention
+4 - Open a Pull Request with your changes and send it to review on the design system guild channel
+5 - When the PR is approved and the pipelines have passed, merge the branch
+6 - Checkout main and pull from origin
+7 - Run yarn publish (you will be requested for your NPM OTP, which should be available on your Google Authenticator App)

package/dist/assets/Alert.css

@@ -1 +1 @@
-._u-typography-h1_1043z_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1043z_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1043z_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1043z_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1043z_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1043z_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1043z_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1043z_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1043z_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1043z_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1043z_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1043z_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1043z_68{text-decoration:line-through}._u-typography-base--underlined_1043z_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1043z_74{text-decoration:underline line-through}._container_1043z_78{display:flex;width:100%;padding:16px;border:1px solid;border-radius:6px}._container--success_1043z_85{background-color:var(--green-1);border-color:var(--green-3)}._container--warning_1043z_89{background-color:var(--gold-1);border-color:var(--gold-3)}._container--error_1043z_93{background-color:var(--error-background);border-color:var(--error-border)}._container--info_1043z_97{background-color:var(--blue-1);border-color:var(--blue-3)}._container--default_1043z_101{background-color:var(--white-100);border-color:var(--border)}._container--close-icon_1043z_105{justify-self:flex-end;margin-left:16px;cursor:pointer}._container--content_1043z_110{width:100%}
+._u-typography-h1_zek1y_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_zek1y_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_zek1y_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_zek1y_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_zek1y_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_zek1y_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_zek1y_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_zek1y_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_zek1y_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_zek1y_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_zek1y_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_zek1y_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_zek1y_68{text-decoration:line-through}._u-typography-base--underlined_zek1y_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_zek1y_74{text-decoration:underline line-through}._container_zek1y_78{display:flex;width:100%;padding:16px;border:1px solid;border-radius:6px}._container_zek1y_78 ._container--wrapper-content_zek1y_85{width:100%;display:flex;flex-direction:column;gap:.5rem}._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-header_zek1y_91,._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-body_zek1y_92{width:100%;display:flex;align-items:center;gap:.75rem}._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-header_zek1y_91 ._container--title_zek1y_98,._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-header_zek1y_91 ._container--content_zek1y_99,._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-body_zek1y_92 ._container--title_zek1y_98,._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-body_zek1y_92 ._container--content_zek1y_99{width:100%}._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-header_zek1y_91 ._container--icon_zek1y_104,._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-body_zek1y_92 ._container--icon_zek1y_104{display:flex}._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-header_zek1y_91 ._container--icon_zek1y_104._hidden-icon_zek1y_108,._container_zek1y_78 ._container--wrapper-content_zek1y_85 ._container--wrapper-body_zek1y_92 ._container--icon_zek1y_104._hidden-icon_zek1y_108{visibility:hidden}._container--success_zek1y_112{background-color:var(--green-1);border-color:var(--green-3)}._container--success_zek1y_112 ._container--icon_zek1y_104 svg{fill:var(--green-6)}._container--warning_zek1y_119{background-color:var(--gold-1);border-color:var(--gold-3)}._container--warning_zek1y_119 ._container--icon_zek1y_104 svg{fill:var(--gold-6)}._container--error_zek1y_126{background-color:var(--error-background);border-color:var(--error-border)}._container--error_zek1y_126 ._container--icon_zek1y_104 svg{fill:var(--error-text)}._container--info_zek1y_133{background-color:var(--blue-1);border-color:var(--blue-3)}._container--info_zek1y_133 ._container--icon_zek1y_104 svg{fill:var(--blue-6)}._container--default_zek1y_140{background-color:var(--white-100);border-color:var(--border)}._container--close-icon_zek1y_144{justify-self:flex-end;margin-left:16px;cursor:pointer}._container--content_zek1y_99{width:100%}

package/dist/assets/DropdownMenu.css

@@ -0,0 +1 @@
+._menu-icon-button_1sw09_1{position:relative;display:inline-block}._menu-options_1sw09_6{position:absolute;top:2.5rem;z-index:1001;display:flex;flex-direction:column;min-width:16.25rem;padding-top:1rem;background-color:var(--white-100);border:1px solid var(--border-secondary);border-radius:.375rem;box-shadow:0 .125rem .625rem #0000000d}._menu-options_1sw09_6 ._menu-section--title_1sw09_19{padding-left:1rem}._menu-options_1sw09_6 ._menu-section_1sw09_19:not(:last-of-type){padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-secondary)}._menu-options_1sw09_6 ul{padding:0;margin:0;margin-bottom:.5rem;list-style:none}._menu-options_1sw09_6 li{display:flex;column-gap:.5rem;align-items:center;padding:.375rem 1rem;margin:.5rem .25rem;cursor:pointer;border-radius:.25rem}._menu-options_1sw09_6 li:hover{background-color:#0000000a}

package/dist/components/Alert/Alert.d.ts

@@ -1,10 +1,16 @@
 import { ReactNode } from 'react';
+import { IconName } from '../Icon/types';
 type AlertType = 'success' | 'error' | 'info' | 'warning' | 'default';
 type AlertProps = {
     type?: AlertType;
-    children: ReactNode;
+    children?: ReactNode;
+    title?: ReactNode;
+    content?: ReactNode;
     'data-testid'?: string;
     onClose?: () => void;
+    useDefaultIcon?: boolean;
+    customIconName?: IconName;
+    className?: string;
 };
-export declare const Alert: ({ type, children, "data-testid": dataTestId, onClose }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Alert: ({ type, children, "data-testid": dataTestId, onClose, className, useDefaultIcon, customIconName, title, content, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Alert/Alert.js

@@ -1,45 +1,76 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { c as y } from "../../clsx-OuTLNxxd.js";
-import { Icon as s } from "../Icon/Icon.js";
-import '../../assets/Alert.css';const h = "_container_1043z_78", t = {
-  "u-typography-h1": "_u-typography-h1_1043z_1",
-  "u-typography-h2": "_u-typography-h2_1043z_8",
-  "u-typography-h3": "_u-typography-h3_1043z_15",
-  "u-typography-h4": "_u-typography-h4_1043z_22",
-  "u-typography-h5": "_u-typography-h5_1043z_29",
-  "u-typography-h6": "_u-typography-h6_1043z_36",
-  "u-typography-base": "_u-typography-base_1043z_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1043z_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1043z_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1043z_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1043z_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1043z_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1043z_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1043z_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1043z_74",
-  container: h,
-  "container--success": "_container--success_1043z_85",
-  "container--warning": "_container--warning_1043z_89",
-  "container--error": "_container--error_1043z_93",
-  "container--info": "_container--info_1043z_97",
-  "container--default": "_container--default_1043z_101",
-  "container--close-icon": "_container--close-icon_1043z_105",
-  "container--content": "_container--content_1043z_110"
-}, g = ({ type: e = "default", children: n, "data-testid": o, onClose: r }) => {
-  const _ = y(t.container, t[`container--${e}`]);
-  return /* @__PURE__ */ p("div", { "data-testid": o, className: _, children: [
-    /* @__PURE__ */ a("div", { className: t["container--content"], children: n }),
-    !!r && /* @__PURE__ */ a(
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { Icon as i } from "../Icon/Icon.js";
+import '../../assets/Alert.css';const z = "_container_zek1y_78", e = {
+  "u-typography-h1": "_u-typography-h1_zek1y_1",
+  "u-typography-h2": "_u-typography-h2_zek1y_8",
+  "u-typography-h3": "_u-typography-h3_zek1y_15",
+  "u-typography-h4": "_u-typography-h4_zek1y_22",
+  "u-typography-h5": "_u-typography-h5_zek1y_29",
+  "u-typography-h6": "_u-typography-h6_zek1y_36",
+  "u-typography-base": "_u-typography-base_zek1y_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_zek1y_49",
+  "u-typography-base--xl": "_u-typography-base--xl_zek1y_53",
+  "u-typography-base--lg": "_u-typography-base--lg_zek1y_57",
+  "u-typography-base--sm": "_u-typography-base--sm_zek1y_61",
+  "u-typography-base--bold": "_u-typography-base--bold_zek1y_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_zek1y_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_zek1y_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_zek1y_74",
+  container: z,
+  "container--wrapper-content": "_container--wrapper-content_zek1y_85",
+  "container--wrapper-header": "_container--wrapper-header_zek1y_91",
+  "container--wrapper-body": "_container--wrapper-body_zek1y_92",
+  "container--title": "_container--title_zek1y_98",
+  "container--content": "_container--content_zek1y_99",
+  "container--icon": "_container--icon_zek1y_104",
+  "hidden-icon": "_hidden-icon_zek1y_108",
+  "container--success": "_container--success_zek1y_112",
+  "container--warning": "_container--warning_zek1y_119",
+  "container--error": "_container--error_zek1y_126",
+  "container--info": "_container--info_zek1y_133",
+  "container--default": "_container--default_zek1y_140",
+  "container--close-icon": "_container--close-icon_zek1y_144"
+}, b = {
+  success: "circle-check",
+  error: "circle-exclamation",
+  info: "circle-info",
+  warning: "circle-exclamation",
+  default: void 0
+}, w = ({
+  type: y = "default",
+  children: a,
+  "data-testid": _,
+  onClose: p,
+  className: d,
+  useDefaultIcon: u,
+  customIconName: g,
+  title: s,
+  content: h
+}) => {
+  const k = l(e.container, e[`container--${y}`], d), r = g ?? (u ? b[y] : void 0), o = s ?? (!h && a ? a : void 0), c = h ?? (s && a ? a : void 0);
+  return /* @__PURE__ */ t("div", { "data-testid": _, className: k, children: [
+    /* @__PURE__ */ t("div", { className: e["container--wrapper-content"], children: [
+      o ? /* @__PURE__ */ t("div", { className: e["container--wrapper-header"], children: [
+        r && /* @__PURE__ */ n("div", { className: e["container--icon"], children: /* @__PURE__ */ n(i, { icon: r }) }),
+        o && /* @__PURE__ */ n("div", { className: e["container--title"], children: o })
+      ] }) : null,
+      c ? /* @__PURE__ */ t("div", { className: e["container--wrapper-body"], children: [
+        r && /* @__PURE__ */ n("div", { className: l(e["container--icon"], o && e["hidden-icon"]), children: /* @__PURE__ */ n(i, { icon: r }) }),
+        c && /* @__PURE__ */ n("div", { className: e["container--content"], children: c })
+      ] }) : null
+    ] }),
+    !!p && /* @__PURE__ */ n(
       "div",
       {
-        "data-testid": `${o}-close-button`,
-        onClick: () => r(),
-        className: t["container--close-icon"],
-        children: /* @__PURE__ */ a(s, { icon: "xmark" })
+        "data-testid": `${_}-close-button`,
+        onClick: () => p(),
+        className: e["container--close-icon"],
+        children: /* @__PURE__ */ n(i, { icon: "xmark" })
       }
     )
   ] });
 };
 export {
-  g as Alert
+  w as Alert
 };

package/dist/components/Alert/Alert.stories.d.ts

@@ -1,11 +1,16 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ type, children, "data-testid": dataTestId, onClose }: {
+    component: ({ type, children, "data-testid": dataTestId, onClose, className, useDefaultIcon, customIconName, title, content, }: {
         type?: ("default" | "error" | "success" | "info" | "warning") | undefined;
-        children: import('react').ReactNode;
+        children?: import('react').ReactNode;
+        title?: import('react').ReactNode;
+        content?: import('react').ReactNode;
         'data-testid'?: string | undefined;
         onClose?: (() => void) | undefined;
+        useDefaultIcon?: boolean | undefined;
+        customIconName?: import('../Icon/types').IconName | undefined;
+        className?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
@@ -14,6 +19,8 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const TypeUseDefaultIconWithTitleAndContent: Story;
+export declare const TypeUseCustomIcon: Story;
 export declare const General: Story;
 export declare const Success: Story;
 export declare const Error: Story;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ButtonProps, TypographyProps } from '../../main';
+import { IconName } from '../Icon/types';
+export type MenuSections = {
+    sectionTitle?: ReactNode;
+    sectionTitleProps?: Omit<TypographyProps, 'children'>;
+    sectionItems: {
+        label: ReactNode;
+        labelProps?: Omit<TypographyProps, 'children'>;
+        onClick: () => void;
+        key: string;
+        icon?: IconName;
+        iconColor?: string;
+    }[];
+}[];
+type DropdownMenuProps = {
+    buttonProps?: Omit<ButtonProps, 'link'>;
+    menuSections: MenuSections;
+    buttonLabel: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+};
+export declare const DropdownMenu: ({ buttonProps, menuSections, buttonLabel, className, "data-testid": dataTestId, }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,69 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
+import { Icon as v } from "../Icon/Icon.js";
+import { Typography as t } from "../Typography/Typography.js";
+import "../Input/Input.js";
+import "../Avatar/Avatar.js";
+import { Button as C } from "../Button/Button.js";
+import "../../Toggle-DcZTfLrC.js";
+import "../Dialog/Dialog.js";
+import "../DatePicker/DatePicker.js";
+import "../../index-1UpBa69h.js";
+import "../Draggable/useDraggable.js";
+import "../IconButton/IconButton.js";
+import "../InputSearch/InputSearch.js";
+import "../Select/Select.js";
+import "../Popover/Popover.js";
+import "../Table/Table.js";
+import "../Tabs/Tabs.js";
+import "../../Group-DJz1rK2n.js";
+import "../../contexts/SnackbarProvider/SnackbarProvider.js";
+import "../../utils/iconsList.js";
+import '../../assets/DropdownMenu.css';const c = {
+  "menu-options": "_menu-options_1sw09_6",
+  "menu-section--title": "_menu-section--title_1sw09_19",
+  "menu-section": "_menu-section_1sw09_19"
+}, K = ({
+  buttonProps: n,
+  menuSections: m,
+  buttonLabel: a,
+  className: p,
+  "data-testid": d
+}) => {
+  const [l, s] = u(!1), h = _(c["menu-options"], p);
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ e("div", { className: c["menu-button"], children: /* @__PURE__ */ e(
+      C,
+      {
+        "data-testid": d,
+        ...n,
+        onClick: () => {
+          var o;
+          (o = n == null ? void 0 : n.onClick) == null || o.call(n), s(!l);
+        },
+        children: a
+      }
+    ) }),
+    l && /* @__PURE__ */ e("div", { className: h, children: m.map((o, f) => /* @__PURE__ */ r("div", { className: c["menu-section"], children: [
+      !!o.sectionTitle && /* @__PURE__ */ e("div", { className: c["menu-section--title"], children: /* @__PURE__ */ e(t, { ...o.sectionTitleProps, children: o.sectionTitle }) }),
+      /* @__PURE__ */ e("ul", { children: o.sectionItems.map((i) => /* @__PURE__ */ r(
+        "li",
+        {
+          onClick: () => {
+            i == null || i.onClick(), s(!1);
+          },
+          children: [
+            i.icon && /* @__PURE__ */ e(v, { color: i.iconColor || "var(--accent)", icon: i.icon }),
+            /* @__PURE__ */ e(t, { ...i.labelProps, children: i.label })
+          ]
+        },
+        i.key
+      )) })
+    ] }, f)) })
+  ] });
+};
+export {
+  K as DropdownMenu,
+  K as default
+};

package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ buttonProps, menuSections, buttonLabel, className, "data-testid": dataTestId, }: {
+        buttonProps?: Omit<import('../Button/Button').ButtonProps, "link"> | undefined;
+        menuSections: import('./DropdownMenu').MenuSections;
+        buttonLabel: import('react').ReactNode;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            story: {
+                height: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithOneSection: Story;
+export declare const WithTwoSections: Story;

package/dist/components/DropdownMenu/DropdownMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Icon/types.d.ts

@@ -2,4 +2,4 @@
  * This file is automatically generated. Any changes will be lost.
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
  */
-export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'gift-card' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'laptop' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'plus' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'sd-card' | 'sd-cards' | 'server' | 'sheet-plastic' | 'sidebar' | 'sitemap' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-group-crown' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
+export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'gift-card' | 'graduation-cap' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'laptop' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'plus' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'sd-card' | 'sd-cards' | 'server' | 'sheet-plastic' | 'sidebar' | 'sitemap' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-group-crown' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';

package/dist/main.d.ts

@@ -22,6 +22,7 @@ export * from './components/Dialog/Dialog';
 export * from './components/DoubleAutocomplete/DoubleAutocomplete';
 export * from './components/DoubleInput/DoubleInput';
 export * from './components/Draggable/Draggable';
+export * from './components/DropdownMenu/DropdownMenu';
 export * from './components/EllipsisTooltip/EllipsisTooltip';
 export * from './components/Fieldset/Fieldset';
 export * from './components/Icon/Icon';

package/dist/main.js

@@ -2,7 +2,7 @@ import { Adornment as e } from "./components/Adornment/Adornment.js";
 import { Advice as p } from "./components/Advice/Advice.js";
 import { Alert as m } from "./components/Alert/Alert.js";
 import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
-import { Avatar as n } from "./components/Avatar/Avatar.js";
+import { Avatar as l } from "./components/Avatar/Avatar.js";
 import { Badge as s } from "./components/Badge/Badge.js";
 import { BankCard as g } from "./components/BankCard/BankCard.js";
 import { BankingCard as u } from "./components/BankingCard/BankingCard.js";
@@ -13,59 +13,60 @@ import { Checkbox as D } from "./components/Checkbox/Checkbox.js";
 import { C as h, R, T as A } from "./Toggle-DcZTfLrC.js";
 import { ConfirmationDialog as v } from "./components/ConfirmationDialog/ConfirmationDialog.js";
 import { DatePicker as O } from "./components/DatePicker/DatePicker.js";
-import { Description as G } from "./components/Description/Description.js";
+import { Description as E } from "./components/Description/Description.js";
 import { Dialog as N } from "./components/Dialog/Dialog.js";
 import { DoubleAutocomplete as K } from "./components/DoubleAutocomplete/DoubleAutocomplete.js";
 import { DoubleInput as F } from "./components/DoubleInput/DoubleInput.js";
 import { Draggable as W } from "./components/Draggable/Draggable.js";
-import { EllipsisTooltip as q } from "./components/EllipsisTooltip/EllipsisTooltip.js";
-import { Fieldset as J } from "./components/Fieldset/Fieldset.js";
-import { Icon as U } from "./components/Icon/Icon.js";
-import { IconButton as Y } from "./components/IconButton/IconButton.js";
-import { Input as _ } from "./components/Input/Input.js";
-import { InputSearch as oo } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as eo } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as po } from "./components/PageHeader/PageHeader.js";
-import { Pagination as mo, paginationDefaultTranslations as fo } from "./components/Pagination/Pagination.js";
-import { Popover as lo } from "./components/Popover/Popover.js";
-import { RadioButton as io } from "./components/RadioButton/RadioButton.js";
-import { ResultContainer as To } from "./components/ResultContainer/ResultContainer.js";
-import { ResultWithChips as co } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as bo, SelectContext as So, SelectOption as Co, useSelectContext as Bo } from "./components/Select/Select.js";
-import { Skeleton as yo, SkeletonCircle as Do, SkeletonTable as ko } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as Ro } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as Po, sortTooltipDefaultTranslations as vo } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as Oo } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as Go } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as No, THead as Ho, Table as Ko, Td as Lo, Th as Fo, Tr as Vo } from "./components/Table/Table.js";
-import { Tabs as jo } from "./components/Tabs/Tabs.js";
-import { Tag as zo } from "./components/Tag/Tag.js";
-import { TextDisplay as Qo } from "./components/TextDisplay/TextDisplay.js";
-import { ToastCard as Xo } from "./components/ToastCard/ToastCard.js";
-import { Toggle as Zo } from "./components/Toggle/Toggle.js";
-import { G as $o } from "./Group-DJz1rK2n.js";
-import { Tooltip as rr } from "./components/Tooltip/Tooltip.js";
-import { TransactionRow as tr } from "./components/TransactionRow/TransactionRow.js";
-import { Text as ar, Typography as mr } from "./components/Typography/Typography.js";
-import { DraggableProvider as xr } from "./contexts/DraggableProvider/DraggableProvider.js";
-import { SnackbarContext as nr, SnackbarProvider as ir, useSnackbar as sr } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { replaceItemsByIndex as gr, replaceItemsByKey as cr, sortItemsByIndex as ur, sortItemsByKey as dr } from "./utils/draggable.js";
-import { iconsList as Sr } from "./utils/iconsList.js";
-import { allowOnlyIntegerNumbers as Br, allowOnlyMathSignals as Ir, allowOnlyNumbers as yr, formatDecimalValue as Dr, parseToInteger as kr } from "./utils/inputNumberAsText.js";
-import { bemify as Rr, getBEMBase as Ar, getBEMBlock as Pr } from "./utils/styleStrings.js";
-import { default as wr } from "./components/Dialog/DialogTitle.js";
-import { default as Er } from "./components/Dialog/Content.js";
-import { default as Mr } from "./components/Dialog/Actions.js";
-import { R as Hr } from "./RadioOption-DYovqiwF.js";
-import { Tab as Lr } from "./components/Tabs/Tab.js";
-import { TabPanel as Vr } from "./components/Tabs/TabPanel.js";
+import { DropdownMenu as q } from "./components/DropdownMenu/DropdownMenu.js";
+import { EllipsisTooltip as J } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Fieldset as U } from "./components/Fieldset/Fieldset.js";
+import { Icon as Y } from "./components/Icon/Icon.js";
+import { IconButton as _ } from "./components/IconButton/IconButton.js";
+import { Input as oo } from "./components/Input/Input.js";
+import { InputSearch as eo } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as po } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as mo } from "./components/PageHeader/PageHeader.js";
+import { Pagination as xo, paginationDefaultTranslations as no } from "./components/Pagination/Pagination.js";
+import { Popover as io } from "./components/Popover/Popover.js";
+import { RadioButton as To } from "./components/RadioButton/RadioButton.js";
+import { ResultContainer as co } from "./components/ResultContainer/ResultContainer.js";
+import { ResultWithChips as bo } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as Co, SelectContext as Bo, SelectOption as Io, useSelectContext as yo } from "./components/Select/Select.js";
+import { Skeleton as ko, SkeletonCircle as ho, SkeletonTable as Ro } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as Po } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as wo, sortTooltipDefaultTranslations as Oo } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as Eo } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as No } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as Ko, THead as Lo, Table as Fo, Td as Vo, Th as Wo, Tr as jo } from "./components/Table/Table.js";
+import { Tabs as zo } from "./components/Tabs/Tabs.js";
+import { Tag as Qo } from "./components/Tag/Tag.js";
+import { TextDisplay as Xo } from "./components/TextDisplay/TextDisplay.js";
+import { ToastCard as Zo } from "./components/ToastCard/ToastCard.js";
+import { Toggle as $o } from "./components/Toggle/Toggle.js";
+import { G as rr } from "./Group-DJz1rK2n.js";
+import { Tooltip as tr } from "./components/Tooltip/Tooltip.js";
+import { TransactionRow as ar } from "./components/TransactionRow/TransactionRow.js";
+import { Text as fr, Typography as xr } from "./components/Typography/Typography.js";
+import { DraggableProvider as lr } from "./contexts/DraggableProvider/DraggableProvider.js";
+import { SnackbarContext as sr, SnackbarProvider as Tr, useSnackbar as gr } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { replaceItemsByIndex as ur, replaceItemsByKey as dr, sortItemsByIndex as br, sortItemsByKey as Sr } from "./utils/draggable.js";
+import { iconsList as Br } from "./utils/iconsList.js";
+import { allowOnlyIntegerNumbers as yr, allowOnlyMathSignals as Dr, allowOnlyNumbers as kr, formatDecimalValue as hr, parseToInteger as Rr } from "./utils/inputNumberAsText.js";
+import { bemify as Pr, getBEMBase as vr, getBEMBlock as wr } from "./utils/styleStrings.js";
+import { default as Mr } from "./components/Dialog/DialogTitle.js";
+import { default as Gr } from "./components/Dialog/Content.js";
+import { default as Hr } from "./components/Dialog/Actions.js";
+import { R as Lr } from "./RadioOption-DYovqiwF.js";
+import { Tab as Vr } from "./components/Tabs/Tab.js";
+import { TabPanel as jr } from "./components/Tabs/TabPanel.js";
 export {
-  Mr as Actions,
+  Hr as Actions,
   e as Adornment,
   p as Advice,
   m as Alert,
   x as Autocomplete,
-  n as Avatar,
+  l as Avatar,
   s as Badge,
   g as BankCard,
   u as BankingCard,
@@ -75,76 +76,77 @@ export {
   D as Checkbox,
   h as Chip,
   v as ConfirmationDialog,
-  Er as Content,
+  Gr as Content,
   O as DatePicker,
-  G as Description,
+  E as Description,
   N as Dialog,
-  wr as DialogTitle,
+  Mr as DialogTitle,
   K as DoubleAutocomplete,
   F as DoubleInput,
   W as Draggable,
-  xr as DraggableProvider,
-  q as EllipsisTooltip,
-  J as Fieldset,
-  U as Icon,
-  Y as IconButton,
-  _ as Input,
-  oo as InputSearch,
-  eo as LoadingSpinner,
-  po as PageHeader,
-  mo as Pagination,
-  lo as Popover,
-  io as RadioButton,
-  Hr as RadioOption,
-  To as ResultContainer,
-  co as ResultWithChips,
+  lr as DraggableProvider,
+  q as DropdownMenu,
+  J as EllipsisTooltip,
+  U as Fieldset,
+  Y as Icon,
+  _ as IconButton,
+  oo as Input,
+  eo as InputSearch,
+  po as LoadingSpinner,
+  mo as PageHeader,
+  xo as Pagination,
+  io as Popover,
+  To as RadioButton,
+  Lr as RadioOption,
+  co as ResultContainer,
+  bo as ResultWithChips,
   R as RowItem,
-  bo as Select,
-  So as SelectContext,
-  Co as SelectOption,
-  yo as Skeleton,
-  Do as SkeletonCircle,
-  ko as SkeletonTable,
-  Ro as Snackbar,
-  nr as SnackbarContext,
-  ir as SnackbarProvider,
-  Po as SortTooltip,
-  Oo as Stepper,
-  Go as StepperNavigator,
-  No as TBody,
-  Ho as THead,
-  Lr as Tab,
-  Vr as TabPanel,
-  Ko as Table,
-  jo as Tabs,
-  zo as Tag,
-  Lo as Td,
-  ar as Text,
-  Qo as TextDisplay,
-  Fo as Th,
-  Xo as ToastCard,
-  Zo as Toggle,
-  $o as ToggleGroup,
+  Co as Select,
+  Bo as SelectContext,
+  Io as SelectOption,
+  ko as Skeleton,
+  ho as SkeletonCircle,
+  Ro as SkeletonTable,
+  Po as Snackbar,
+  sr as SnackbarContext,
+  Tr as SnackbarProvider,
+  wo as SortTooltip,
+  Eo as Stepper,
+  No as StepperNavigator,
+  Ko as TBody,
+  Lo as THead,
+  Vr as Tab,
+  jr as TabPanel,
+  Fo as Table,
+  zo as Tabs,
+  Qo as Tag,
+  Vo as Td,
+  fr as Text,
+  Xo as TextDisplay,
+  Wo as Th,
+  Zo as ToastCard,
+  $o as Toggle,
+  rr as ToggleGroup,
   A as ToggleGroupItem,
-  rr as Tooltip,
-  Vo as Tr,
-  tr as TransactionRow,
-  mr as Typography,
-  Br as allowOnlyIntegerNumbers,
-  Ir as allowOnlyMathSignals,
-  yr as allowOnlyNumbers,
-  Rr as bemify,
-  Dr as formatDecimalValue,
-  Ar as getBEMBase,
-  Pr as getBEMBlock,
-  Sr as iconsList,
-  fo as paginationDefaultTranslations,
-  kr as parseToInteger,
-  gr as replaceItemsByIndex,
-  cr as replaceItemsByKey,
-  ur as sortItemsByIndex,
-  dr as sortItemsByKey,
-  vo as sortTooltipDefaultTranslations,
-  Bo as useSelectContext,
-  sr as useSnackbar
+  tr as Tooltip,
+  jo as Tr,
+  ar as TransactionRow,
+  xr as Typography,
+  yr as allowOnlyIntegerNumbers,
+  Dr as allowOnlyMathSignals,
+  kr as allowOnlyNumbers,
+  Pr as bemify,
+  hr as formatDecimalValue,
+  vr as getBEMBase,
+  wr as getBEMBlock,
+  Br as iconsList,
+  no as paginationDefaultTranslations,
+  Rr as parseToInteger,
+  ur as replaceItemsByIndex,
+  dr as replaceItemsByKey,
+  br as sortItemsByIndex,
+  Sr as sortItemsByKey,
+  Oo as sortTooltipDefaultTranslations,
+  yo as useSelectContext,
+  gr as useSnackbar
 };