@pismo/marola 0.0.1-alpha.2 → 0.0.1-alpha.20

package/dist/components/InputSearch/InputSearch.js

@@ -0,0 +1,34 @@
+import '../../assets/InputSearch.css';
+import { jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../clsx-DB4S2d7J.js";
+import { Icon as p } from "../Icon/Icon.js";
+import { Input as u } from "../Input/Input.js";
+const l = "_inputSearch_114e1_1", h = {
+  inputSearch: l
+};
+let n;
+const d = ({
+  classNameWrapper: r,
+  triggerDelay: o = 500,
+  value: c,
+  onChange: i = () => {
+  },
+  ...a
+}) => {
+  const s = (t) => {
+    n && clearTimeout(n), n = setTimeout(() => i(t), o);
+  };
+  return /* @__PURE__ */ e("div", { className: m(h.inputSearch, r), children: /* @__PURE__ */ e(
+    u,
+    {
+      type: "search",
+      ...a,
+      leftIcon: /* @__PURE__ */ e(p, { icon: "magnifying-glass" }),
+      defaultValue: c,
+      onChange: (t) => s(t)
+    }
+  ) });
+};
+export {
+  d as InputSearch
+};

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

@@ -0,0 +1,39 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ classNameWrapper, triggerDelay, value, onChange, ...rest }: {
+        triggerDelay?: number | undefined;
+    } & 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;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithLabel: Story;
+export declare const WithCustomDelay: Story;
+export declare const WithPlaceholder: Story;
+export declare const Disabled: Story;

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

@@ -1,5 +1,7 @@
 export interface LoadingSpinnerProps {
+    /** Whether to invert colours or not */
     invert?: boolean;
+    /** Space separated list of CSS classes to apply */
     classNames?: string;
 }
 export declare const LoadingSpinner: ({ invert, classNames }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LoadingSpinner/LoadingSpinner.js

@@ -1,17 +1,16 @@
 import '../../assets/LoadingSpinner.css';
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { useMemo as e } from "react";
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { useMemo as o } from "react";
 import { c as t } from "../../clsx-DB4S2d7J.js";
 const n = {
-  "ls-ring": "_ls-ring_19dsy_1",
-  "ls-ring--invert": "_ls-ring--invert_19dsy_34"
-}, c = ({ invert: i = !1, classNames: r }) => {
-  const l = e(() => t(
-    [n["ls-ring"]],
-    { [n["ls-ring--invert"]]: i },
-    r
-  ), [r, i]);
-  return /* @__PURE__ */ o("div", { className: l, children: [
+  "ls-ring": "_ls-ring_elvjz_1",
+  "ls-ring--invert": "_ls-ring--invert_elvjz_34"
+}, a = ({ invert: i = !1, classNames: r }) => {
+  const l = o(
+    () => t([n["ls-ring"]], { [n["ls-ring--invert"]]: i }, r),
+    [r, i]
+  );
+  return /* @__PURE__ */ e("div", { className: l, children: [
     /* @__PURE__ */ s("div", {}),
     /* @__PURE__ */ s("div", {}),
     /* @__PURE__ */ s("div", {}),
@@ -19,6 +18,6 @@ const n = {
   ] });
 };
 export {
-  c as LoadingSpinner,
-  c as default
+  a as LoadingSpinner,
+  a as default
 };

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        invert?: boolean | undefined;
+        classNames?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,36 @@
+import { RequireAllOrNone } from '../../types/helpers';
+import { ReactNode } from 'react';
+
+type PageHeaderCommonProps = {
+    /** Title text */
+    title: string;
+    /** Subtitle text */
+    subtitle?: string;
+    /** Back link text */
+    backLinkText?: string;
+    /** Callback called when `back link` is clicked */
+    onBackLinkClick?: () => void;
+    /** Element to be rendered on the right slot of the component */
+    rightChildren?: ReactNode;
+    /** Element to be rendered on the bottom slot of the component */
+    bottomChildren?: ReactNode;
+    /** CSS classes to be applied on the container element */
+    classNameWrapper?: string;
+    /** CSS classes to be applied on the back link element */
+    classNameBackLink?: string;
+    /** CSS classes to be applied on the title element */
+    classNameTitle?: string;
+    /** CSS classes to be applied on the subtitle element */
+    classNameSubtitle?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid-wrapper'?: string;
+    /** Id to be applied as `data-testid` on the back link element */
+    'data-testid-backLink'?: string;
+    /** Id to be applied as `data-testid` on the title element */
+    'data-testid-title'?: string;
+    /** Id to be applied as `data-testid` on the subtitle element */
+    'data-testid-subtitle'?: string;
+};
+type PageHeaderProps = RequireAllOrNone<PageHeaderCommonProps, 'backLinkText' | 'onBackLinkClick'>;
+export declare const PageHeader: ({ title, subtitle, backLinkText, onBackLinkClick, rightChildren, bottomChildren, classNameWrapper, classNameBackLink, classNameTitle, classNameSubtitle, "data-testid-wrapper": wrapperTestId, "data-testid-backLink": backLinkTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PageHeader/PageHeader.js

@@ -0,0 +1,66 @@
+import '../../assets/PageHeader.css';
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+import * as g from "react";
+const j = (r) => /* @__PURE__ */ g.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+  fill: "currentcolor",
+  color: "currentcolor",
+  width: "1em",
+  height: "1em"
+}, ...r }, /* @__PURE__ */ g.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), f = "_subtitle_8gwjb_43", v = "_title_8gwjb_48", e = {
+  "u-typography-h1": "_u-typography-h1_8gwjb_1",
+  "u-typography-h2": "_u-typography-h2_8gwjb_8",
+  "u-typography-h3": "_u-typography-h3_8gwjb_15",
+  "u-typography-h4": "_u-typography-h4_8gwjb_22",
+  "u-typography-h5": "_u-typography-h5_8gwjb_29",
+  "u-typography-h6": "_u-typography-h6_8gwjb_36",
+  "u-typography-base": "_u-typography-base_8gwjb_43",
+  "page-header__main-left-content": "_page-header__main-left-content_8gwjb_43",
+  subtitle: f,
+  "page-header__top-content": "_page-header__top-content_8gwjb_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_8gwjb_48",
+  title: v,
+  "u-typography-base--xl": "_u-typography-base--xl_8gwjb_52",
+  "u-typography-base--lg": "_u-typography-base--lg_8gwjb_56",
+  "u-typography-base--sm": "_u-typography-base--sm_8gwjb_60",
+  "u-typography-base--bold": "_u-typography-base--bold_8gwjb_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_8gwjb_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_8gwjb_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_8gwjb_73",
+  "page-header": "_page-header_8gwjb_43",
+  "page-header__main-content": "_page-header__main-content_8gwjb_89",
+  "page-header__bottom-content": "_page-header__bottom-content_8gwjb_89",
+  "page-header__main-right-content": "_page-header__main-right-content_8gwjb_128"
+}, k = ({
+  title: r,
+  subtitle: s,
+  backLinkText: o,
+  onBackLinkClick: n,
+  rightChildren: p,
+  bottomChildren: h,
+  classNameWrapper: i,
+  classNameBackLink: d,
+  classNameTitle: l,
+  classNameSubtitle: y,
+  "data-testid-wrapper": c,
+  "data-testid-backLink": b,
+  "data-testid-title": u,
+  "data-testid-subtitle": m,
+  ...w
+}) => /* @__PURE__ */ a("div", { className: _([e["page-header"], i]), "data-testid": c, ...w, children: [
+  o && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: n, className: d, "data-testid": b, children: [
+    /* @__PURE__ */ t(j, { fontSize: 16 }),
+    o
+  ] }) }),
+  /* @__PURE__ */ a("div", { className: e["page-header__main-content"], children: [
+    /* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: [
+      /* @__PURE__ */ t("h1", { className: _(e.title, l), "data-testid": u, children: r }),
+      /* @__PURE__ */ t("h2", { className: _(e.subtitle, y), "data-testid": m, children: s })
+    ] }),
+    p && /* @__PURE__ */ t("div", { className: e["page-header__main-right-content"], children: p })
+  ] }),
+  h && /* @__PURE__ */ t("div", { className: e["page-header__bottom-content"], children: h })
+] });
+export {
+  k as PageHeader
+};

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

@@ -0,0 +1,43 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ title, subtitle, backLinkText, onBackLinkClick, rightChildren, bottomChildren, classNameWrapper, classNameBackLink, classNameTitle, classNameSubtitle, "data-testid-wrapper": wrapperTestId, "data-testid-backLink": backLinkTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, ...rest }: (Required<Pick<{
+        title: string;
+        subtitle?: string | undefined;
+        backLinkText?: string | undefined;
+        onBackLinkClick?: (() => void) | undefined;
+        rightChildren?: import('react').ReactNode;
+        bottomChildren?: import('react').ReactNode;
+        classNameWrapper?: string | undefined;
+        classNameBackLink?: string | undefined;
+        classNameTitle?: string | undefined;
+        classNameSubtitle?: string | undefined;
+        'data-testid-wrapper'?: string | undefined;
+        'data-testid-backLink'?: string | undefined;
+        'data-testid-title'?: string | undefined;
+        'data-testid-subtitle'?: string | undefined;
+    }, "backLinkText" | "onBackLinkClick">> | Partial<Record<"backLinkText" | "onBackLinkClick", never>>) & Omit<{
+        title: string;
+        subtitle?: string | undefined;
+        backLinkText?: string | undefined;
+        onBackLinkClick?: (() => void) | undefined;
+        rightChildren?: import('react').ReactNode;
+        bottomChildren?: import('react').ReactNode;
+        classNameWrapper?: string | undefined;
+        classNameBackLink?: string | undefined;
+        classNameTitle?: string | undefined;
+        classNameSubtitle?: string | undefined;
+        'data-testid-wrapper'?: string | undefined;
+        'data-testid-backLink'?: string | undefined;
+        'data-testid-title'?: string | undefined;
+        'data-testid-subtitle'?: string | undefined;
+    }, "backLinkText" | "onBackLinkClick">) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithBackLink: Story;
+export declare const WithRightChildren: Story;
+export declare const WithBottomChildren: Story;

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

@@ -0,0 +1,55 @@
+export type PaginationParams = {
+    /** Total number of items to paginate */
+    totalItems: number;
+    /** Number of items to show per page */
+    perPage: number;
+    /** Current page */
+    currentPage: number;
+};
+export type PaginationTranslations = {
+    /** Translation text for `showing` */
+    showing: string;
+    /** Translation text for `of` */
+    of: string;
+    /** Translation text for `result` */
+    results: string;
+    /** Translation text for `previous` */
+    previous: string;
+    /** Translation text for `next` */
+    next: string;
+};
+type PaginationLanguages = 'pt' | 'en';
+type PaginationCommonProps = {
+    /** CSS classes to be applied on the container element */
+    className?: string;
+    /** CSS classes to be applied on the per page element */
+    classNamePerPage?: string;
+    /** CSS classes to be applied on the pages navigation element */
+    classNamePagesNav?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
+    /** Id to be applied as `data-testid` on per page element */
+    'data-testid-per-page'?: string;
+    /** Id to be applied as `data-testid` on the pages navigation element */
+    'data-testid-pages-nav'?: string;
+};
+export type PaginationProps = {
+    /** Array of options to be rendered as per page options. */
+    perPageOptions?: (number | {
+        value: number;
+        label: string;
+    })[] | undefined;
+    /** Callback called when page changes. */
+    onPageChange: (page: number) => void;
+    /** Callback called when items per page changes. */
+    onRowsPerPageChange: (perPage: number) => void;
+    /** Language to be used for texts. */
+    language?: PaginationLanguages;
+    /** Custom translation object to be used for texts. */
+    t?: PaginationTranslations;
+} & PaginationParams & PaginationCommonProps;
+export declare const paginationDefaultTranslations: {
+    [key in PaginationLanguages]: PaginationTranslations;
+};
+export declare const Pagination: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,236 @@
+import '../../assets/Pagination.css';
+import { jsxs as b, jsx as r, Fragment as k } from "react/jsx-runtime";
+import { c as y } from "../../clsx-DB4S2d7J.js";
+import { Select as w } from "../Select/Select.js";
+import { _ as I, b as A } from "../../index-CH45lKw7.js";
+import { u as E } from "../../useControlled-CCMYYdCM.js";
+const $ = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function R(g = {}) {
+  const {
+    boundaryCount: a = 1,
+    componentName: e = "usePagination",
+    count: o = 1,
+    defaultPage: m = 1,
+    disabled: h = !1,
+    hideNextButton: v = !1,
+    hidePrevButton: d = !1,
+    onChange: c,
+    page: t,
+    showFirstButton: i = !1,
+    showLastButton: x = !1,
+    siblingCount: _ = 1
+  } = g, p = I(g, $), [s, M] = E({
+    controlled: t,
+    default: m,
+    name: e,
+    state: "page"
+  }), P = (n, l) => {
+    t || M(l), c && c(n, l);
+  }, f = (n, l) => {
+    const D = l - n + 1;
+    return Array.from({
+      length: D
+    }, (q, F) => n + F);
+  }, S = f(1, Math.min(a, o)), C = f(Math.max(o - a + 1, a + 1), o), z = Math.max(
+    Math.min(
+      // Natural start
+      s - _,
+      // Lower boundary when page is high
+      o - a - _ * 2 - 1
+    ),
+    // Greater than startPages
+    a + 2
+  ), N = Math.min(
+    Math.max(
+      // Natural end
+      s + _,
+      // Upper boundary when page is low
+      a + _ * 2 + 2
+    ),
+    // Less than endPages
+    C.length > 0 ? C[0] - 2 : o - 1
+  ), L = [
+    ...i ? ["first"] : [],
+    ...d ? [] : ["previous"],
+    ...S,
+    // Start ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...z > a + 2 ? ["start-ellipsis"] : a + 1 < o - a ? [a + 1] : [],
+    // Sibling pages
+    ...f(z, N),
+    // End ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...N < o - a - 1 ? ["end-ellipsis"] : o - a > a ? [o - a] : [],
+    ...C,
+    ...v ? [] : ["next"],
+    ...x ? ["last"] : []
+  ], B = (n) => {
+    switch (n) {
+      case "first":
+        return 1;
+      case "previous":
+        return s - 1;
+      case "next":
+        return s + 1;
+      case "last":
+        return o;
+      default:
+        return null;
+    }
+  }, j = L.map((n) => typeof n == "number" ? {
+    onClick: (l) => {
+      P(l, n);
+    },
+    type: "page",
+    page: n,
+    selected: n === s,
+    disabled: h,
+    "aria-current": n === s ? "true" : void 0
+  } : {
+    onClick: (l) => {
+      P(l, B(n));
+    },
+    type: n,
+    page: B(n),
+    selected: !1,
+    disabled: h || n.indexOf("ellipsis") === -1 && (n === "next" || n === "last" ? s >= o : s <= 1)
+  });
+  return A({
+    items: j
+  }, p);
+}
+const T = "_pagination_ondmz_43", u = {
+  "u-typography-h1": "_u-typography-h1_ondmz_1",
+  "u-typography-h2": "_u-typography-h2_ondmz_8",
+  "u-typography-h3": "_u-typography-h3_ondmz_15",
+  "u-typography-h4": "_u-typography-h4_ondmz_22",
+  "u-typography-h5": "_u-typography-h5_ondmz_29",
+  "u-typography-h6": "_u-typography-h6_ondmz_36",
+  "u-typography-base": "_u-typography-base_ondmz_43",
+  pagination: T,
+  "per-page-container": "_per-page-container_ondmz_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_ondmz_48",
+  "u-typography-base--xl": "_u-typography-base--xl_ondmz_52",
+  "u-typography-base--lg": "_u-typography-base--lg_ondmz_56",
+  "u-typography-base--sm": "_u-typography-base--sm_ondmz_60",
+  "u-typography-base--bold": "_u-typography-base--bold_ondmz_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_ondmz_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_ondmz_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_ondmz_73",
+  "pages-navigator-container": "_pages-navigator-container_ondmz_96",
+  "pages-navigator-container__label": "_pages-navigator-container__label_ondmz_107",
+  "page-number__btn": "_page-number__btn_ondmz_107",
+  "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_ondmz_120",
+  "page-number__btn--selected": "_page-number__btn--selected_ondmz_145"
+}, W = {
+  pt: {
+    showing: "Exibindo",
+    of: "de",
+    results: "resultados",
+    previous: "Anterior",
+    next: "Próximo"
+  },
+  en: {
+    showing: "Showing",
+    of: "of",
+    results: "results",
+    previous: "Previous",
+    next: "Next"
+  }
+}, U = ({ perPageOptions: g = [5, 10, 25, 50, 100], language: a = "en", ...e }) => {
+  const o = Math.ceil(e.totalItems / e.perPage), m = e.currentPage <= 1, h = e.currentPage >= o, v = e.t || W[a], d = (t) => v[t], { items: c } = R({
+    count: o,
+    hideNextButton: !0,
+    hidePrevButton: !0,
+    page: e.currentPage,
+    siblingCount: 1,
+    boundaryCount: 2,
+    onChange: (t, i) => e.onPageChange(i)
+  });
+  return /* @__PURE__ */ b("div", { className: y(u.pagination, e.className), "data-testid": e["data-testid"], children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: y(u["per-page-container"], e.classNamePerPage),
+        "data-testid": e["data-testid-per-page"],
+        children: g && /* @__PURE__ */ b(k, { children: [
+          /* @__PURE__ */ r("span", { children: d`showing` }),
+          /* @__PURE__ */ r(
+            w,
+            {
+              className: u["per-page-container__select"],
+              value: String(e.perPage),
+              onChange: (t) => e.onRowsPerPageChange(Number(t)),
+              children: g == null ? void 0 : g.map((t) => {
+                const i = typeof t == "number";
+                return /* @__PURE__ */ r(
+                  w.Option,
+                  {
+                    value: String(i ? t : t.value),
+                    children: i ? t : t.label
+                  },
+                  `per-page__${i ? t : t.value}`
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ b("span", { children: [
+            d`of`,
+            " ",
+            /* @__PURE__ */ r("strong", { children: e.totalItems }),
+            " ",
+            d`results`
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: y(u["pages-navigator-container"], e.classNamePagesNav),
+        "data-testid": e["data-testid-pages-nav"],
+        children: [
+          /* @__PURE__ */ r(
+            "button",
+            {
+              className: u["pages-navigator-container__previous-next-btn"],
+              disabled: m,
+              onClick: () => e.onPageChange(e.currentPage - 1),
+              type: "button",
+              children: d`previous`
+            },
+            "page__previous"
+          ),
+          /* @__PURE__ */ r("ul", { children: c.map(({ page: t, type: i, selected: x, ..._ }, p) => {
+            let s = /* @__PURE__ */ r(k, {});
+            return i === "start-ellipsis" || i === "end-ellipsis" ? s = /* @__PURE__ */ r("span", { className: u["pages-navigator-container__label"], children: "..." }) : i === "page" ? s = /* @__PURE__ */ r(
+              "button",
+              {
+                className: y(u["page-number__btn"], x && u["page-number__btn--selected"]),
+                onClick: () => e.onPageChange(t || 0),
+                type: "button",
+                children: t
+              },
+              `page__${p}`
+            ) : s = /* @__PURE__ */ r("button", { type: "button", ..._, children: i }), /* @__PURE__ */ r("li", { children: s }, p);
+          }) }),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              className: u["pages-navigator-container__previous-next-btn"],
+              disabled: h,
+              onClick: () => e.onPageChange(e.currentPage + 1),
+              type: "button",
+              children: d`next`
+            },
+            "page__next"
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  U as Pagination,
+  W as paginationDefaultTranslations
+};

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

@@ -0,0 +1,17 @@
+import { PaginationProps } from '../../main';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithCustomPerPageOptions: Story;
+export declare const WithLanguage: Story;
+export declare const WithCustomTexts: Story;

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+
+export type SelectOptionProps = {
+    disabled?: boolean;
+    value: string;
+    children: ReactNode;
+    icon?: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+};
+export declare const SelectOption: (props: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
+export type SelectProps = {
+    children?: ReactNode;
+    disabled?: boolean;
+    placeholder?: string;
+    prefix?: string;
+    className?: string;
+    value?: string;
+    'data-testid'?: string;
+    onChange?: (value: string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
+};
+declare const Select: {
+    (props: SelectProps): import("react/jsx-runtime").JSX.Element;
+    Option: (props: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Select };