@pismo/marola 0.0.1-alpha.6 → 0.0.1-alpha.8

package/dist/components/Table/Table.js

@@ -3,8 +3,8 @@ import { jsxs as w, jsx as r, Fragment as T } from "react/jsx-runtime";
 import * as c from "react";
 import { useState as u } from "react";
 import { c as h } from "../../clsx-DB4S2d7J.js";
-import { defaultTranslations as b, Pagination as q } from "../Pagination/Pagination.js";
-import { defaultTranslations as f, SortTooltip as g } from "../SortTooltip/SortTooltip.js";
+import { paginationDefaultTranslations as b, Pagination as g } from "../Pagination/Pagination.js";
+import { sortTooltipDefaultTranslations as x, SortTooltip as q } from "../SortTooltip/SortTooltip.js";
 import { TableProvider as N, useTable as C } from "./TableContext.js";
 const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ c.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), E = "_table_xe8qp_1", v = "_th__wrapper_xe8qp_40", y = "_tr_xe8qp_58", P = "_td_xe8qp_62", t = {
   table: E,
@@ -25,14 +25,14 @@ const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
   "td__row-or-cell--clickable": "_td__row-or-cell--clickable_xe8qp_68",
   "td__row-or-cell--disabled": "_td__row-or-cell--disabled_xe8qp_72",
   "td-wrapper": "_td-wrapper_xe8qp_76"
-}, $ = {
+}, B = {
   pt: {
     ...b.pt,
-    ...f.pt
+    ...x.pt
   },
   en: {
     ...b.en,
-    ...f.en
+    ...x.en
   },
   // example to add a new language translation
   es: {
@@ -59,12 +59,12 @@ const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
     a ? t["table--full-width"] : "",
     t[`table--${e}-theme`],
     n
-  ), i = s && $[s] || o;
+  ), i = s && B[s] || o;
   return /* @__PURE__ */ w(N, { initialTranslations: i, children: [
     /* @__PURE__ */ r("table", { ...m, className: p, children: l }),
-    _ && /* @__PURE__ */ r(q, { ..._, t: i })
+    _ && /* @__PURE__ */ r(g, { ..._, t: i })
   ] });
-}, B = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), F = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), M = ({ children: l, onClick: e, disabled: a, className: n, ..._ }) => {
+}, D = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), F = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), M = ({ children: l, onClick: e, disabled: a, className: n, ..._ }) => {
   const s = h(
     t.tr,
     e && !a ? t["tr__row-or-cell--clickable"] : a ? t["tr__row-or-cell--disabled"] : "",
@@ -79,7 +79,7 @@ const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
     n
   );
   return /* @__PURE__ */ r("td", { ...s, className: o, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: l }) });
-}, j = ({
+}, $ = ({
   children: l,
   onSort: e,
   sortType: a,
@@ -88,18 +88,18 @@ const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
   align: s = "left",
   ...o
 }) => {
-  const { translations: m } = C(), [p, i] = u(!1), x = h(
+  const { translations: m } = C(), [p, i] = u(!1), f = h(
     t.th__wrapper,
     p ? t["th__wrapper--pressed"] : "",
     e ? t["th__wrapper--clickable"] : "",
     n
   );
-  return /* @__PURE__ */ r("th", { ...o, className: t[`cell--${s}-alignment`], children: /* @__PURE__ */ w("span", { className: x, onClick: e && (() => i(!p)), children: [
+  return /* @__PURE__ */ r("th", { ...o, className: t[`cell--${s}-alignment`], children: /* @__PURE__ */ w("span", { className: f, onClick: e && (() => i(!p)), children: [
     /* @__PURE__ */ r("span", { children: l }),
     e && /* @__PURE__ */ w(T, { children: [
       /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(L, {}) }),
       /* @__PURE__ */ r(
-        g,
+        q,
         {
           onClose: () => i(!1),
           onSort: e,
@@ -112,11 +112,11 @@ const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
     ] })
   ] }) });
 };
-d.THead = B;
+d.THead = D;
 d.TBody = F;
 d.Tr = M;
 d.Td = O;
-d.Th = j;
+d.Th = $;
 export {
-  d as default
+  d as Table
 };

package/dist/components/Tabs/Tab.js

@@ -1,241 +1,8 @@
-import { jsx as I } from "react/jsx-runtime";
-import * as f from "react";
-import { forwardRef as S, useContext as U, useMemo as j } from "react";
-import { c as D } from "../../clsx-DB4S2d7J.js";
-import { u as $, T as A, s as y } from "../../Tabs.module-BA-PC7fA.js";
-import { a as p, _ as B } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { e as O, g as W, a as q, d as N, u as z, P as o, c as G, b as J } from "../../index-D2P7y2mE.js";
-import { u as K, a as Q } from "../../useCompoundItem-CTYi5M_E.js";
-import { L as X, a as E } from "../../ListContext-Dj2Va7Iv.js";
-import { u as Y } from "../../useButton-JpyBo5M4.js";
-function Z(n) {
-  const {
-    handlePointerOverEvents: t = !1,
-    item: e
-  } = n, s = f.useContext(X);
-  if (!s)
-    throw new Error("useListItem must be used within a ListProvider");
-  const {
-    dispatch: a,
-    getItemState: i
-  } = s, {
-    highlighted: c,
-    selected: b,
-    focusable: m
-  } = i(e), h = f.useCallback((l) => (r) => {
-    var d;
-    if ((d = l.onClick) == null || d.call(l, r), !r.defaultPrevented) {
-      if (process.env.NODE_ENV !== "production" && e === void 0)
-        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
-`));
-      a({
-        type: E.itemClick,
-        item: e,
-        event: r
-      });
-    }
-  }, [a, e]), P = f.useCallback((l) => (r) => {
-    var d;
-    if ((d = l.onMouseOver) == null || d.call(l, r), !r.defaultPrevented) {
-      if (process.env.NODE_ENV !== "production" && e === void 0)
-        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
-`));
-      a({
-        type: E.itemHover,
-        item: e,
-        event: r
-      });
-    }
-  }, [a, e]);
-  let u;
-  return m && (u = c ? 0 : -1), {
-    getRootProps: (l = {}) => {
-      const r = O(l);
-      return p({}, l, {
-        onClick: h(r),
-        onPointerOver: t ? P(r) : void 0,
-        tabIndex: u
-      });
-    },
-    highlighted: c,
-    selected: b
-  };
-}
-function ee(n, t) {
-  return function(s = {}) {
-    const a = p({}, s, n(s));
-    return p({}, a, t(a));
-  };
-}
-const w = "Tab";
-function te(n) {
-  return W(w, n);
-}
-q(w, ["root", "selected", "disabled"]);
-function oe(n) {
-  return n.size;
-}
-function se(n) {
-  const {
-    value: t,
-    rootRef: e,
-    disabled: s = !1,
-    id: a
-  } = n, i = f.useRef(null), c = K(a), {
-    value: b,
-    selectionFollowsFocus: m,
-    getTabPanelId: h
-  } = $(), P = f.useMemo(() => ({
-    disabled: s,
-    ref: i,
-    id: c
-  }), [s, i, c]), {
-    id: u,
-    index: C,
-    totalItemCount: l
-  } = Q(t ?? oe, P), {
-    getRootProps: r,
-    highlighted: d,
-    selected: g
-  } = Z({
-    item: u
-  }), {
-    getRootProps: v,
-    rootRef: R,
-    active: T,
-    focusVisible: L,
-    setFocusVisible: M
-  } = Y({
-    disabled: s,
-    focusableWhenDisabled: !m,
-    type: "button"
-  }), _ = N(i, e, R), H = u !== void 0 ? h(u) : void 0;
-  return {
-    getRootProps: (x = {}) => {
-      const V = O(x), F = ee(r, v);
-      return p({}, x, F(V), {
-        role: "tab",
-        "aria-controls": H,
-        "aria-selected": g,
-        id: c,
-        ref: _
-      });
-    },
-    active: T,
-    focusVisible: L,
-    highlighted: d,
-    index: C,
-    rootRef: _,
-    // the `selected` state isn't set on the server (it relies on effects to be calculated),
-    // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
-    selected: g || u === b,
-    setFocusVisible: M,
-    totalTabsCount: l
-  };
-}
-const ne = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], re = (n) => {
-  const {
-    selected: t,
-    disabled: e
-  } = n;
-  return G({
-    root: ["root", t && "selected", e && "disabled"]
-  }, J(te));
-}, k = /* @__PURE__ */ f.forwardRef(function(t, e) {
-  var s;
-  const {
-    children: a,
-    disabled: i = !1,
-    slotProps: c = {},
-    slots: b = {},
-    value: m
-  } = t, h = B(t, ne), P = f.useRef(), u = N(P, e), {
-    active: C,
-    highlighted: l,
-    selected: r,
-    getRootProps: d
-  } = se(p({}, t, {
-    rootRef: u,
-    value: m
-  })), g = p({}, t, {
-    active: C,
-    disabled: i,
-    highlighted: l,
-    selected: r
-  }), v = re(g), R = (s = b.root) != null ? s : "button", T = z({
-    elementType: R,
-    getSlotProps: d,
-    externalSlotProps: c.root,
-    externalForwardedProps: h,
-    additionalProps: {
-      ref: e
-    },
-    ownerState: g,
-    className: v.root
-  });
-  return /* @__PURE__ */ I(R, p({}, T, {
-    children: a
-  }));
-});
-process.env.NODE_ENV !== "production" && (k.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A ref for imperative actions. It currently only supports `focusVisible()` action.
-   */
-  action: o.oneOfType([o.func, o.shape({
-    current: o.shape({
-      focusVisible: o.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  children: o.node,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * Callback invoked when new value is being set.
-   */
-  onChange: o.func,
-  /**
-   * The props used for each slot inside the Tab.
-   * @default {}
-   */
-  slotProps: o.shape({
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside the Tab.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: o.shape({
-    root: o.elementType
-  }),
-  /**
-   * You can provide your own value. Otherwise, it falls back to the child position index.
-   */
-  value: o.oneOfType([o.number, o.string])
-});
-const he = S(
-  ({ children: n, value: t, disabled: e, dataTestId: s }, a) => {
-    const i = U(A), c = j(
-      () => D(
-        y.tabs__tab,
-        t === (i == null ? void 0 : i.value) && y["tabs__tab--selected"],
-        e && y["tabs__tab--disabled"]
-      ),
-      [t, i, e]
-    );
-    return /* @__PURE__ */ I(k, { className: c, disabled: e, value: t, "data-testid": s, ref: a, children: n });
-  }
-);
+import "react/jsx-runtime";
+import "react";
+import "../../clsx-DB4S2d7J.js";
+import "../../Tabs.module-yYcTJnj6.js";
+import { T as a } from "../../Tab-CRwnhsj5.js";
 export {
-  he as Tab
+  a as Tab
 };

package/dist/components/Tabs/TabPanel.js

@@ -1,15 +1,14 @@
 import { jsx as T } from "react/jsx-runtime";
-import * as P from "react";
+import * as m from "react";
 import { forwardRef as v } from "react";
-import { u as y, s as x } from "../../Tabs.module-BA-PC7fA.js";
-import { a as b, _ as C } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as N, a as _, d as w, u as O, P as o, c as E, b as I } from "../../index-D2P7y2mE.js";
-import { u as S, a as U } from "../../useCompoundItem-CTYi5M_E.js";
+import { u as y, a as x, b as C, s as N } from "../../Tabs.module-yYcTJnj6.js";
+import { a as b, _ } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { g as w, a as O, u as E, b as I, P as o, c as S, d as U } from "../../index-CqjC7P5Y.js";
 const h = "TabPanel";
 function j(t) {
-  return N(h, t);
+  return w(h, t);
 }
-_(h, ["root", "hidden"]);
+O(h, ["root", "hidden"]);
 function M(t) {
   return t.size;
 }
@@ -23,13 +22,13 @@ function V(t) {
     throw new Error("No TabContext provided");
   const {
     value: f,
-    getTabId: m
-  } = i, a = S(s), r = P.useRef(null), c = w(r, n), u = P.useMemo(() => ({
+    getTabId: P
+  } = i, a = x(s), r = m.useRef(null), c = E(r, n), u = m.useMemo(() => ({
     id: a,
     ref: r
   }), [a]), {
     id: l
-  } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? m(l) : void 0;
+  } = C(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
   return {
     hidden: d,
     getRootProps: (g = {}) => b({
@@ -46,21 +45,21 @@ const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
   const {
     hidden: e
   } = t;
-  return E({
+  return S({
     root: ["root", e && "hidden"]
-  }, I(j));
-}, R = /* @__PURE__ */ P.forwardRef(function(e, s) {
+  }, U(j));
+}, R = /* @__PURE__ */ m.forwardRef(function(e, s) {
   var n;
   const {
     children: i,
     slotProps: f = {},
-    slots: m = {}
-  } = e, a = C(e, F), {
+    slots: P = {}
+  } = e, a = _(e, F), {
     hidden: r,
     getRootProps: c
   } = V(e), u = b({}, e, {
     hidden: r
-  }), l = $(u), d = (n = m.root) != null ? n : "div", p = O({
+  }), l = $(u), d = (n = P.root) != null ? n : "div", p = I({
     elementType: d,
     getSlotProps: c,
     externalSlotProps: f.root,
@@ -111,9 +110,9 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
    */
   value: o.oneOfType([o.number, o.string])
 });
-const q = v(
-  ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: x["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
+const W = v(
+  ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: N["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
 );
 export {
-  q as TabPanel
+  W as TabPanel
 };

package/dist/components/Tabs/Tabs.d.ts

@@ -7,3 +7,5 @@ export interface TabsProps {
     onChange?: (tabValue: number | string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
 }
 export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
+export * from './Tab';
+export * from './TabPanel';

package/dist/components/Tabs/Tabs.js

@@ -1,11 +1,13 @@
 import { jsx as E } from "react/jsx-runtime";
 import * as i from "react";
 import { forwardRef as xe, useState as Ve } from "react";
-import { a as Q, C as Z, T as Te, u as Ie, s as Se } from "../../Tabs.module-BA-PC7fA.js";
+import { c as Q, C as Z, T as Te, u as Ie, s as Se } from "../../Tabs.module-yYcTJnj6.js";
+import { L as S, a as Re } from "../../Tab-CRwnhsj5.js";
+import { T as bt } from "../../Tab-CRwnhsj5.js";
+import { TabPanel as vt } from "./TabPanel.js";
 import { a as b, _ as ee } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { d as Re, e as we, g as te, a as ne, u as oe, P as v, c as le, b as se } from "../../index-D2P7y2mE.js";
-import { u as Pe } from "../../useControlled-CCMYYdCM.js";
-import { a as S, L as ye } from "../../ListContext-Dj2Va7Iv.js";
+import { u as we, e as Pe, g as te, a as ne, b as oe, P as v, c as le, d as se } from "../../index-CqjC7P5Y.js";
+import { u as ye } from "../../useControlled-CCMYYdCM.js";
 function J(t, e, l = (n, o) => n === o) {
   return t.length === e.length && t.every((n, o) => l(n, e[o]));
 }
@@ -332,7 +334,7 @@ function Je(t) {
     if (o === "activeDescendant" && u == null)
       throw new Error("useList: The `getItemId` prop is required when using the `activeDescendant` focus management.");
   }
-  const A = i.useRef(null), F = Re(d, A), k = i.useCallback((x, p, I) => {
+  const A = i.useRef(null), F = we(d, A), k = i.useCallback((x, p, I) => {
     if (C == null || C(x, p, I), o === "DOM" && p != null && (I === S.itemClick || I === S.keyDown || I === S.textNavigation)) {
       var R;
       s == null || (R = s(p)) == null || R.focus();
@@ -403,7 +405,7 @@ function Je(t) {
       event: p
     }));
   }, Ce = (x = {}) => {
-    const p = we(x);
+    const p = Pe(x);
     return b({}, x, {
       "aria-activedescendant": o === "activeDescendant" && N != null ? u(N) : void 0,
       tabIndex: o === "DOM" ? -1 : 0,
@@ -446,7 +448,7 @@ function Xe(t) {
     orientation: o = "horizontal",
     direction: a = "ltr",
     selectionFollowsFocus: s = !1
-  } = t, [u, r] = Pe({
+  } = t, [u, r] = ye({
     controlled: e,
     default: l,
     name: "Tabs",
@@ -739,7 +741,7 @@ function lt(t) {
   }), [s, o, u]);
   return /* @__PURE__ */ E(Z.Provider, {
     value: d,
-    children: /* @__PURE__ */ E(ye.Provider, {
+    children: /* @__PURE__ */ E(Re.Provider, {
       value: r,
       children: l
     })
@@ -819,5 +821,7 @@ const ft = xe(({ children: t, onChange: e, dataTestId: l }, n) => {
   }, ref: n, children: /* @__PURE__ */ E(he, { className: Se.tabs, children: t }) });
 });
 export {
+  bt as Tab,
+  vt as TabPanel,
   ft as Tabs
 };

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+
+type ToggleProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    disabled?: boolean;
+    'data-testid'?: string;
+    classNameWrapper?: string;
+    classNameInput?: string;
+    classNameLabel?: string;
+};
+export declare const Toggle: ({ onChange, label, disabled, classNameWrapper, "data-testid": dataTestId, classNameInput, classNameLabel, }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export {};