@pismo/marola 1.0.0-beta.48 → 1.0.0-beta.5

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

@@ -2,7 +2,27 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Input').InputProps & import('react').RefAttributes<HTMLInputElement>>;
+    component: ({ label, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, type, maxLength, hideCharsCounter, onChange, classNameWrapper, classNameLabel, classNameInput, classNameInfoMessage, classNameErrorMessage, classNameCharsCounter, "data-testid-wrapper": testIdWrapper, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, "data-testid-charsCounter": testIdCharsCounter, ...rest }: import('react').InputHTMLAttributes<HTMLInputElement> & {
+        label?: string | undefined;
+        infoMessage?: string | undefined;
+        errorMessage?: string | undefined;
+        leftIcon?: import('react').ReactNode;
+        rightIcon?: import('react').ReactNode;
+        type?: "search" | "text" | "password" | undefined;
+        hideCharsCounter?: boolean | undefined;
+        classNameWrapper?: string | undefined;
+        classNameLabel?: string | undefined;
+        classNameInput?: string | undefined;
+        classNameInfoMessage?: string | undefined;
+        classNameErrorMessage?: string | undefined;
+        classNameCharsCounter?: string | undefined;
+        'data-testid-wrapper'?: string | undefined;
+        'data-testid-label'?: string | undefined;
+        'data-testid-input'?: string | undefined;
+        'data-testid-infoMessage'?: string | undefined;
+        'data-testid-errorMessage'?: string | undefined;
+        'data-testid-charsCounter'?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -21,4 +41,3 @@ export declare const WithRightIconAndClickEvent: Story;
 export declare const WithBothIcons: Story;
 export declare const WithInfoMessage: Story;
 export declare const WithErrorMessage: Story;
-export declare const Textarea: Story;

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

@@ -4,7 +4,27 @@ declare const meta: {
     title: string;
     component: ({ classNameWrapper, triggerDelay, value, onChange, ...rest }: {
         triggerDelay?: number | undefined;
-    } & (import('../Input/Input').InputProps & import('react').RefAttributes<HTMLInputElement>)) => import("react/jsx-runtime").JSX.Element;
+    } & import('react').InputHTMLAttributes<HTMLInputElement> & {
+        label?: string | undefined;
+        infoMessage?: string | undefined;
+        errorMessage?: string | undefined;
+        leftIcon?: import('react').ReactNode;
+        rightIcon?: import('react').ReactNode;
+        type?: "search" | "text" | "password" | undefined;
+        hideCharsCounter?: boolean | undefined;
+        classNameWrapper?: string | undefined;
+        classNameLabel?: string | undefined;
+        classNameInput?: string | undefined;
+        classNameInfoMessage?: string | undefined;
+        classNameErrorMessage?: string | undefined;
+        classNameCharsCounter?: string | undefined;
+        'data-testid-wrapper'?: string | undefined;
+        'data-testid-label'?: string | undefined;
+        'data-testid-input'?: string | undefined;
+        'data-testid-infoMessage'?: string | undefined;
+        'data-testid-errorMessage'?: string | undefined;
+        'data-testid-charsCounter'?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         invert?: boolean | undefined;
         classNames?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

package/dist/components/PageHeader/PageHeader.js

@@ -1,85 +1,85 @@
 import '../../assets/PageHeader.css';
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
 import { useMemo as L } from "react";
-import { c as h } from "../../clsx-DB4S2d7J.js";
+import { c as n } from "../../clsx-DB4S2d7J.js";
 import { Icon as B } from "../Icon/Icon.js";
 import { IconButton as C } from "../IconButton/IconButton.js";
-const j = "_title_1qpkd_22", w = "_subtitle_1qpkd_43", e = {
-  "u-typography-h1": "_u-typography-h1_1qpkd_1",
-  "u-typography-h2": "_u-typography-h2_1qpkd_8",
-  "u-typography-h3": "_u-typography-h3_1qpkd_15",
-  "u-typography-h4": "_u-typography-h4_1qpkd_22",
-  "page-header__main-left-content": "_page-header__main-left-content_1qpkd_22",
+const j = "_title_z7ezb_22", w = "_subtitle_z7ezb_43", e = {
+  "u-typography-h1": "_u-typography-h1_z7ezb_1",
+  "u-typography-h2": "_u-typography-h2_z7ezb_8",
+  "u-typography-h3": "_u-typography-h3_z7ezb_15",
+  "u-typography-h4": "_u-typography-h4_z7ezb_22",
+  "page-header__main-left-content": "_page-header__main-left-content_z7ezb_22",
   title: j,
-  "u-typography-h5": "_u-typography-h5_1qpkd_29",
-  "u-typography-h6": "_u-typography-h6_1qpkd_36",
-  "u-typography-base": "_u-typography-base_1qpkd_43",
+  "u-typography-h5": "_u-typography-h5_z7ezb_29",
+  "u-typography-h6": "_u-typography-h6_z7ezb_36",
+  "u-typography-base": "_u-typography-base_z7ezb_43",
   subtitle: w,
-  "u-typography-base--xxl": "_u-typography-base--xxl_1qpkd_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1qpkd_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1qpkd_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1qpkd_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1qpkd_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1qpkd_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1qpkd_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1qpkd_74",
-  "page-header": "_page-header_1qpkd_22",
-  "page-header__top-content": "_page-header__top-content_1qpkd_87",
-  "page-header__main-content": "_page-header__main-content_1qpkd_90",
-  "page-header__bottom-content": "_page-header__bottom-content_1qpkd_90",
-  "page-header__breadcrumb": "_page-header__breadcrumb_1qpkd_104",
-  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_1qpkd_109",
-  "page-header__main-right-content": "_page-header__main-right-content_1qpkd_132"
+  "u-typography-base--xxl": "_u-typography-base--xxl_z7ezb_48",
+  "u-typography-base--xl": "_u-typography-base--xl_z7ezb_52",
+  "u-typography-base--lg": "_u-typography-base--lg_z7ezb_56",
+  "u-typography-base--sm": "_u-typography-base--sm_z7ezb_60",
+  "u-typography-base--bold": "_u-typography-base--bold_z7ezb_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_z7ezb_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_z7ezb_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_z7ezb_73",
+  "page-header": "_page-header_z7ezb_22",
+  "page-header__top-content": "_page-header__top-content_z7ezb_86",
+  "page-header__main-content": "_page-header__main-content_z7ezb_89",
+  "page-header__bottom-content": "_page-header__bottom-content_z7ezb_89",
+  "page-header__breadcrumb": "_page-header__breadcrumb_z7ezb_103",
+  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_z7ezb_108",
+  "page-header__main-right-content": "_page-header__main-right-content_z7ezb_131"
 }, P = ({
-  title: g,
-  subtitle: y,
-  rightChildren: n,
-  bottomChildren: c,
-  classNameWrapper: u,
-  classNameTitle: b,
-  classNameSubtitle: k,
+  title: l,
+  subtitle: g,
+  rightChildren: d,
+  bottomChildren: b,
+  classNameWrapper: y,
+  classNameTitle: u,
+  classNameSubtitle: z,
   "data-testid-wrapper": m,
-  "data-testid-title": q,
+  "data-testid-title": k,
   "data-testid-subtitle": N,
   ...f
 }) => {
   const {
-    breadcrumb: _,
-    backLinkText: r,
-    onBackLinkClick: d,
-    classNameBackLink: i,
-    "data-testid-backLink": l,
+    breadcrumb: r,
+    backLinkText: p,
+    onBackLinkClick: s,
+    classNameBackLink: c,
+    "data-testid-backLink": i,
     ...x
   } = f, v = L(() => {
-    const p = [];
-    return r && d && p.push({
-      label: r,
-      className: i,
-      "data-testid": l,
-      onClick: d
-    }), _ && p.push(..._), /* @__PURE__ */ a("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: p.map((t, s) => /* @__PURE__ */ a(
+    const _ = [];
+    return p && s && _.push({
+      label: p,
+      className: c,
+      "data-testid": i,
+      onClick: s
+    }), r && _.push(...r), /* @__PURE__ */ a("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: _.map((t, o) => /* @__PURE__ */ a(
       C,
       {
-        icon: s === 0 ? /* @__PURE__ */ a(B, { icon: "arrow-left" }) : /* @__PURE__ */ a("span", { className: e["page-header__breadcrumb__separator"], children: "/" }),
+        icon: o === 0 ? /* @__PURE__ */ a(B, { icon: "arrow-left" }) : /* @__PURE__ */ a("span", { className: e["page-header__breadcrumb__separator"], children: "/" }),
         onClick: () => t.onClick && t.onClick(),
         className: t.className,
         "data-testid": t["data-testid"],
-        disabled: p.length === 1 ? !1 : s === p.length - 1,
+        disabled: _.length === 1 ? !1 : o === _.length - 1,
         children: t.label
       },
-      `${t.label}_${s}`
+      `${t.label}_${o}`
     )) }) });
-  }, [_, r, i, l, d]);
-  return /* @__PURE__ */ o("div", { className: h([e["page-header"], u]), "data-testid": m, ...x, children: [
+  }, [r, p, c, i, s]);
+  return /* @__PURE__ */ h("div", { className: n([e["page-header"], y]), "data-testid": m, ...x, children: [
     v,
-    /* @__PURE__ */ o("div", { className: e["page-header__main-content"], children: [
-      /* @__PURE__ */ o("div", { className: e["page-header__main-left-content"], children: [
-        /* @__PURE__ */ a("h1", { className: h(e.title, b), "data-testid": q, children: g }),
-        /* @__PURE__ */ a("h2", { className: h(e.subtitle, k), "data-testid": N, children: y })
+    /* @__PURE__ */ h("div", { className: e["page-header__main-content"], children: [
+      /* @__PURE__ */ h("div", { className: e["page-header__main-left-content"], children: [
+        /* @__PURE__ */ a("h1", { className: n(e.title, u), "data-testid": k, children: l }),
+        /* @__PURE__ */ a("h2", { className: n(e.subtitle, z), "data-testid": N, children: g })
       ] }),
-      n && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: n })
+      d && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: d })
     ] }),
-    c && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: c })
+    b && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: b })
   ] });
 };
 export {

package/dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,3 @@
-import { UsePaginationProps } from './usePagination';
-
 export type PaginationParams = {
     /** Total number of items to paginate */
     totalItems: number;
@@ -55,11 +53,9 @@ export type PaginationProps = {
     language?: PaginationLanguages;
     /** Custom translation object to be used for texts. */
     t?: Partial<PaginationTranslations>;
-    /** usePagination hook props */
-    usePaginationProps?: UsePaginationProps;
 } & PaginationParams & PaginationCommonProps;
 export declare const paginationDefaultTranslations: {
     [key in PaginationLanguages]: PaginationTranslations;
 };
-export declare const Pagination: ({ perPageOptions, language, usePaginationProps, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Pagination/Pagination.js

@@ -1,33 +1,129 @@
 import '../../assets/Pagination.css';
-import { jsxs as s, Fragment as p, jsx as t } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
-import { Select as d } from "../Select/Select.js";
-import C from "./usePagination.js";
-const w = "_pagination_2n0nk_43", a = {
-  "u-typography-h1": "_u-typography-h1_2n0nk_1",
-  "u-typography-h2": "_u-typography-h2_2n0nk_8",
-  "u-typography-h3": "_u-typography-h3_2n0nk_15",
-  "u-typography-h4": "_u-typography-h4_2n0nk_22",
-  "u-typography-h5": "_u-typography-h5_2n0nk_29",
-  "u-typography-h6": "_u-typography-h6_2n0nk_36",
-  "u-typography-base": "_u-typography-base_2n0nk_43",
-  pagination: w,
-  "per-page-container": "_per-page-container_2n0nk_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_2n0nk_49",
-  "u-typography-base--xl": "_u-typography-base--xl_2n0nk_53",
-  "u-typography-base--lg": "_u-typography-base--lg_2n0nk_57",
-  "u-typography-base--sm": "_u-typography-base--sm_2n0nk_61",
-  "u-typography-base--bold": "_u-typography-base--bold_2n0nk_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_2n0nk_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_2n0nk_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2n0nk_74",
-  "per-page-container__select": "_per-page-container__select_2n0nk_91",
-  "pages-navigator-container": "_pages-navigator-container_2n0nk_98",
-  "page-item": "_page-item_2n0nk_115",
-  "page-number__btn": "_page-number__btn_2n0nk_115",
-  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_2n0nk_134",
-  "page-number__btn--selected": "_page-number__btn--selected_2n0nk_159"
-}, B = {
+import { jsxs as c, Fragment as w, jsx as r } from "react/jsx-runtime";
+import { c as y } from "../../clsx-DB4S2d7J.js";
+import { Select as L } from "../Select/Select.js";
+import { _ as A, b as E } from "../../index-CH45lKw7.js";
+import { u as $ } from "../../useControlled-CCMYYdCM.js";
+const R = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function T(u = {}) {
+  const {
+    boundaryCount: s = 1,
+    componentName: e = "usePagination",
+    count: i = 1,
+    defaultPage: P = 1,
+    disabled: b = !1,
+    hideNextButton: v = !1,
+    hidePrevButton: l = !1,
+    onChange: f,
+    page: p,
+    showFirstButton: m = !1,
+    showLastButton: j = !1,
+    siblingCount: _ = 1
+  } = u, n = A(u, R), [t, C] = $({
+    controlled: p,
+    default: P,
+    name: e,
+    state: "page"
+  }), x = (a, g) => {
+    p || C(g), f && f(a, g);
+  }, h = (a, g) => {
+    const D = g - a + 1;
+    return Array.from({
+      length: D
+    }, (z, F) => a + F);
+  }, d = h(1, Math.min(s, i)), N = h(Math.max(i - s + 1, s + 1), i), I = Math.max(
+    Math.min(
+      // Natural start
+      t - _,
+      // Lower boundary when page is high
+      i - s - _ * 2 - 1
+    ),
+    // Greater than startPages
+    s + 2
+  ), B = Math.min(
+    Math.max(
+      // Natural end
+      t + _,
+      // Upper boundary when page is low
+      s + _ * 2 + 2
+    ),
+    // Less than endPages
+    N.length > 0 ? N[0] - 2 : i - 1
+  ), M = [
+    ...m ? ["first"] : [],
+    ...l ? [] : ["previous"],
+    ...d,
+    // Start ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...I > s + 2 ? ["start-ellipsis"] : s + 1 < i - s ? [s + 1] : [],
+    // Sibling pages
+    ...h(I, B),
+    // End ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...B < i - s - 1 ? ["end-ellipsis"] : i - s > s ? [i - s] : [],
+    ...N,
+    ...v ? [] : ["next"],
+    ...j ? ["last"] : []
+  ], k = (a) => {
+    switch (a) {
+      case "first":
+        return 1;
+      case "previous":
+        return t - 1;
+      case "next":
+        return t + 1;
+      case "last":
+        return i;
+      default:
+        return null;
+    }
+  }, S = M.map((a) => typeof a == "number" ? {
+    onClick: (g) => {
+      x(g, a);
+    },
+    type: "page",
+    page: a,
+    selected: a === t,
+    disabled: b,
+    "aria-current": a === t ? "true" : void 0
+  } : {
+    onClick: (g) => {
+      x(g, k(a));
+    },
+    type: a,
+    page: k(a),
+    selected: !1,
+    disabled: b || a.indexOf("ellipsis") === -1 && (a === "next" || a === "last" ? t >= i : t <= 1)
+  });
+  return E({
+    items: S
+  }, n);
+}
+const W = "_pagination_19imj_43", o = {
+  "u-typography-h1": "_u-typography-h1_19imj_1",
+  "u-typography-h2": "_u-typography-h2_19imj_8",
+  "u-typography-h3": "_u-typography-h3_19imj_15",
+  "u-typography-h4": "_u-typography-h4_19imj_22",
+  "u-typography-h5": "_u-typography-h5_19imj_29",
+  "u-typography-h6": "_u-typography-h6_19imj_36",
+  "u-typography-base": "_u-typography-base_19imj_43",
+  pagination: W,
+  "per-page-container": "_per-page-container_19imj_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_19imj_48",
+  "u-typography-base--xl": "_u-typography-base--xl_19imj_52",
+  "u-typography-base--lg": "_u-typography-base--lg_19imj_56",
+  "u-typography-base--sm": "_u-typography-base--sm_19imj_60",
+  "u-typography-base--bold": "_u-typography-base--bold_19imj_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_19imj_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_19imj_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_19imj_73",
+  "per-page-container__select": "_per-page-container__select_19imj_90",
+  "pages-navigator-container": "_pages-navigator-container_19imj_97",
+  "page-item": "_page-item_19imj_114",
+  "page-number__btn": "_page-number__btn_19imj_114",
+  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_19imj_133",
+  "page-number__btn--selected": "_page-number__btn--selected_19imj_158"
+}, q = {
   pt: {
     showing: "Exibindo",
     of: "de",
@@ -44,106 +140,108 @@ const w = "_pagination_2n0nk_43", a = {
     next: "Next",
     perPage: "Items per page"
   }
-}, $ = ({
-  perPageOptions: o = [5, 10, 25, 50, 100],
-  language: y = "en",
-  usePaginationProps: b = {},
-  ...e
-}) => {
-  const l = Math.ceil(e.totalItems / e.perPage), m = e.currentPage <= 1, k = e.currentPage >= l, v = { ...B[y], ...e.t || {} }, i = (n) => v[n], { items: x } = C({
-    count: l,
-    page: e.currentPage,
+}, U = ({ perPageOptions: u = [5, 10, 25, 50, 100], language: s = "en", ...e }) => {
+  const i = Math.ceil(e.totalItems / e.perPage), P = e.currentPage <= 1, b = e.currentPage >= i, v = { ...q[s], ...e.t || {} }, l = (n) => v[n], { items: f } = T({
+    count: i,
     hideNextButton: !0,
     hidePrevButton: !0,
+    page: e.currentPage,
     siblingCount: 1,
     boundaryCount: 2,
-    ...b
-  }), c = e.perPage * (e.currentPage - 1) + 1, u = c + e.perPage - 1, P = u > e.totalItems ? u - e.totalItems : 0, N = u - P;
-  return /* @__PURE__ */ s("div", { className: _(a.pagination, e.className), "data-testid": e["data-testid"], children: [
-    /* @__PURE__ */ s(
+    onChange: (n, t) => e.onPageChange(t)
+  }), p = e.perPage * (e.currentPage - 1) + 1, m = p + e.perPage - 1, j = m > e.totalItems ? m - e.totalItems : 0, _ = m - j;
+  return /* @__PURE__ */ c("div", { className: y(o.pagination, e.className), "data-testid": e["data-testid"], children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        className: _(a["per-page-container"], e.classNamePerPage),
+        className: y(o["per-page-container"], e.classNamePerPage),
         "data-testid": e["data-testid-per-page"],
         children: [
-          o && /* @__PURE__ */ s(p, { children: [
-            /* @__PURE__ */ t("span", { children: i`perPage` }),
-            /* @__PURE__ */ t(
-              d,
+          u && /* @__PURE__ */ c(w, { children: [
+            /* @__PURE__ */ r("span", { children: l`perPage` }),
+            /* @__PURE__ */ r(
+              L,
               {
-                className: a["per-page-container__select"],
+                className: o["per-page-container__select"],
                 value: String(e.perPage),
                 onChange: (n) => e.onRowsPerPageChange(Number(n)),
-                children: o == null ? void 0 : o.map((n) => {
-                  const r = typeof n == "number";
-                  return /* @__PURE__ */ t(
-                    d.Option,
+                children: u == null ? void 0 : u.map((n) => {
+                  const t = typeof n == "number";
+                  return /* @__PURE__ */ r(
+                    L.Option,
                     {
-                      value: String(r ? n : n.value),
-                      children: r ? n : n.label
+                      value: String(t ? n : n.value),
+                      children: t ? n : n.label
                     },
-                    `per-page__${r ? n : n.value}`
+                    `per-page__${t ? n : n.value}`
                   );
                 })
               }
             )
           ] }),
-          /* @__PURE__ */ s("div", { className: e.classNamePagesInfo, "data-testid": e["data-testid-pages-info"], children: [
-            /* @__PURE__ */ s("span", { children: [
-              c,
-              " - ",
-              N
-            ] }),
-            " ",
-            /* @__PURE__ */ s("span", { children: [
-              i`of`,
-              " ",
-              /* @__PURE__ */ t("strong", { children: e.totalItems }),
-              " ",
-              i`results`
-            ] })
-          ] })
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: y(o["page-infos"], e.classNamePagesInfo),
+              "data-testid": e["data-testid-pages-info"],
+              children: [
+                /* @__PURE__ */ c("span", { children: [
+                  p,
+                  " - ",
+                  _
+                ] }),
+                " ",
+                /* @__PURE__ */ c("span", { children: [
+                  l`of`,
+                  " ",
+                  /* @__PURE__ */ r("strong", { children: e.totalItems }),
+                  " ",
+                  l`results`
+                ] })
+              ]
+            }
+          )
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: _(a["pages-navigator-container"], e.classNamePagesNav),
+        className: y(o["pages-navigator-container"], e.classNamePagesNav),
         "data-testid": e["data-testid-pages-nav"],
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "button",
             {
-              className: a["pages-navigator-container__previous-next-btn"],
-              disabled: m,
+              className: o["pages-navigator-container__previous-next-btn"],
+              disabled: P,
               onClick: () => e.onPageChange(e.currentPage - 1),
               type: "button",
-              children: i`previous`
+              children: l`previous`
             },
             "page__previous"
           ),
-          /* @__PURE__ */ t("ul", { children: x.map(({ page: n, type: r, selected: f, ...I }, h) => {
-            let g = /* @__PURE__ */ t(p, {});
-            return r === "start-ellipsis" || r === "end-ellipsis" ? g = /* @__PURE__ */ t("span", { className: a["page-item"], children: "..." }) : r === "page" ? g = /* @__PURE__ */ t(
+          /* @__PURE__ */ r("ul", { children: f.map(({ page: n, type: t, selected: C, ...x }, h) => {
+            let d = /* @__PURE__ */ r(w, {});
+            return t === "start-ellipsis" || t === "end-ellipsis" ? d = /* @__PURE__ */ r("span", { className: o["page-item"], children: "..." }) : t === "page" ? d = /* @__PURE__ */ r(
               "button",
               {
-                className: _(a["page-number__btn"], f && a["page-number__btn--selected"]),
+                className: y(o["page-number__btn"], C && o["page-number__btn--selected"]),
                 onClick: () => e.onPageChange(n || 0),
                 type: "button",
                 children: n
               },
               `page__${h}`
-            ) : g = /* @__PURE__ */ t("button", { type: "button", ...I, children: r }), /* @__PURE__ */ t("li", { children: g }, h);
+            ) : d = /* @__PURE__ */ r("button", { type: "button", ...x, children: t }), /* @__PURE__ */ r("li", { children: d }, h);
           }) }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "button",
             {
-              className: a["pages-navigator-container__previous-next-btn"],
-              disabled: k,
+              className: o["pages-navigator-container__previous-next-btn"],
+              disabled: b,
               onClick: () => e.onPageChange(e.currentPage + 1),
               type: "button",
-              children: i`next`
+              children: l`next`
             },
             "page__next"
           )
@@ -153,6 +251,6 @@ const w = "_pagination_2n0nk_43", a = {
   ] });
 };
 export {
-  $ as Pagination,
-  B as paginationDefaultTranslations
+  U as Pagination,
+  q as paginationDefaultTranslations
 };

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ perPageOptions, language, usePaginationProps, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Select/Select.d.ts

@@ -15,30 +15,9 @@ export type SelectProps = {
     placeholder?: string;
     prefix?: string;
     className?: string;
-    id?: string;
     value?: string;
-    label?: string;
-    classNameWrapper?: string;
-    classNameLabel?: string;
-    testIdLabel?: string;
-    testIdWrapper?: string;
     'data-testid'?: string;
     onChange?: (value: string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
-    fullWidth?: boolean;
-    /** Info message text */
-    infoMessage?: string;
-    /** Show the field layout as an error */
-    error?: boolean;
-    /** Error message text, if has "errorMessage", the "error" props will be "true" */
-    errorMessage?: string;
-    /** CSS classes to be applied on the info message element */
-    classNameInfoMessage?: string;
-    /** CSS classes to be applied on the error message element */
-    classNameErrorMessage?: string;
-    /** Id to be applied as `data-testid` on the info message element */
-    'data-testid-infoMessage'?: string;
-    /** Id to be applied as `data-testid` on the error message element */
-    'data-testid-errorMessage'?: string;
 };
 declare const Select: {
     (props: SelectProps): import("react/jsx-runtime").JSX.Element;