@pismo/marola 1.0.9 → 1.0.10

package/dist/Tabs.module-By78tLjn.js

@@ -0,0 +1,26 @@
+import './assets/Tabs.css';
+import * as _ from "react";
+const a = /* @__PURE__ */ _.createContext(null);
+process.env.NODE_ENV !== "production" && (a.displayName = "TabsContext");
+function o() {
+  const t = _.useContext(a);
+  if (t == null)
+    throw new Error("No TabsContext provided");
+  return t;
+}
+const b = "_tabs_o8vxb_1", s = "_tabs__tab_o8vxb_5", e = {
+  tabs: b,
+  tabs__tab: s,
+  "tabs__tab--disabled": "_tabs__tab--disabled_o8vxb_23",
+  "tabs__tab--selected": "_tabs__tab--selected_o8vxb_32",
+  "tabs__tab--chip": "_tabs__tab--chip_o8vxb_36",
+  "tabs__tab--chip--disabled": "_tabs__tab--chip--disabled_o8vxb_59",
+  "tabs__tab-panel": "_tabs__tab-panel_o8vxb_69",
+  "tabs__tab-icon": "_tabs__tab-icon_o8vxb_73",
+  "tabs__tab-content": "_tabs__tab-content_o8vxb_78"
+};
+export {
+  a as T,
+  e as s,
+  o as u
+};

package/dist/assets/Tabs.css

@@ -1 +1 @@
-._tabs_q5he5_1{gap:8px;width:100%}._tabs__tab_q5he5_5{min-width:94px;height:48px;padding:0 4px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center}._tabs__tab_q5he5_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_q5he5_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_q5he5_26{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_q5he5_26:focus,._tabs__tab--disabled_q5he5_26:active,._tabs__tab--disabled_q5he5_26:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_q5he5_35{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab--selected_q5he5_35._tabs__tab--chip_q5he5_39{color:var(--accent);border-color:var(--accent)}._tabs__tab--chip_q5he5_39{height:32px;border:1px solid var(--gray-75);border-radius:var(--border-radius);color:var(--gray-75);background-color:transparent}._tabs__tab--chip_q5he5_39:hover{color:var(--hover);border-color:var(--hover);border-bottom:1px solid var(--hover)}._tabs__tab--chip_q5he5_39:active{color:var(--active);border-color:var(--active)}._tabs__tab--chip--disabled_q5he5_59{color:#00000040;cursor:default;border:1px solid rgba(0,0,0,.25)}._tabs__tab--chip--disabled_q5he5_59:focus,._tabs__tab--chip--disabled_q5he5_59:active,._tabs__tab--chip--disabled_q5he5_59:hover{color:#00000040;border:1px solid rgba(0,0,0,.25);background-color:transparent}._tabs__tab-panel_q5he5_69{width:100%;margin-top:16px}._tabs__tab-icon_q5he5_73{height:16px;width:16px;margin-right:12px}
+._tabs_o8vxb_1{gap:8px;width:100%}._tabs__tab_o8vxb_5{min-width:94px;height:48px;padding:0 4px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent}._tabs__tab_o8vxb_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_o8vxb_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_o8vxb_23{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_o8vxb_23:focus,._tabs__tab--disabled_o8vxb_23:active,._tabs__tab--disabled_o8vxb_23:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_o8vxb_32{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab--selected_o8vxb_32._tabs__tab--chip_o8vxb_36{color:var(--accent);border-color:var(--accent)}._tabs__tab--chip_o8vxb_36{display:flex;align-items:center;justify-content:center;height:32px;color:var(--gray-75);background-color:transparent;border:1px solid var(--gray-75);border-radius:var(--border-radius)}._tabs__tab--chip_o8vxb_36:hover{color:var(--hover);border-color:var(--hover);border-bottom:1px solid var(--hover)}._tabs__tab--chip_o8vxb_36:active{color:var(--active);border-color:var(--active)}._tabs__tab--chip--disabled_o8vxb_59{color:#00000040;cursor:default;border:1px solid rgba(0,0,0,.25)}._tabs__tab--chip--disabled_o8vxb_59:focus,._tabs__tab--chip--disabled_o8vxb_59:active,._tabs__tab--chip--disabled_o8vxb_59:hover{color:#00000040;background-color:transparent;border:1px solid rgba(0,0,0,.25)}._tabs__tab-panel_o8vxb_69{width:100%;margin-top:16px}._tabs__tab-icon_o8vxb_73{width:16px;height:16px;margin-right:12px}._tabs__tab-content_o8vxb_78{display:flex;align-items:center;justify-content:center}

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

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

package/dist/components/Tabs/Tab.js

@@ -1,61 +1,61 @@
-import { jsx as m, jsxs as j, Fragment as k } from "react/jsx-runtime";
+import { jsx as m, jsxs as j } from "react/jsx-runtime";
 import * as R from "react";
-import { forwardRef as H, useContext as U, useMemo as B } from "react";
-import { c as D } from "../../clsx-DB4S2d7J.js";
-import { Icon as L } from "../Icon/Icon.js";
-import { Skeleton as W } from "../Skeleton/Skeleton.js";
-import { u as $, T as q, s as i } from "../../Tabs.module-DSjBjg0Z.js";
-import { g as z, a as A, u as F, f as G, b as h, _ as J, c as K, P as e, d as Q, e as X } from "../../useSlotProps-C_I1kEHr.js";
-import { u as Y, c as Z } from "../../combineHooksSlotProps-C-zYvfnF.js";
-import { u as ee } from "../../useId-BW-oWmul.js";
-import { u as te } from "../../useButton-DcihopJG.js";
-import { u as oe } from "../../useCompoundItem-B7Eo_qZk.js";
-const I = "Tab";
-function se(s) {
-  return z(I, s);
+import { forwardRef as k, useContext as H, useMemo as U } from "react";
+import { c as B } from "../../clsx-DB4S2d7J.js";
+import { Icon as D } from "../Icon/Icon.js";
+import { Skeleton as L } from "../Skeleton/Skeleton.js";
+import { u as W, T as $, s as c } from "../../Tabs.module-By78tLjn.js";
+import { g as q, a as z, u as I, f as A, b as h, _ as G, c as J, P as e, d as K, e as Q } from "../../useSlotProps-C_I1kEHr.js";
+import { u as X, c as Y } from "../../combineHooksSlotProps-C-zYvfnF.js";
+import { u as Z } from "../../useId-BW-oWmul.js";
+import { u as ee } from "../../useButton-DcihopJG.js";
+import { u as te } from "../../useCompoundItem-B7Eo_qZk.js";
+const O = "Tab";
+function se(o) {
+  return q(O, o);
 }
-A(I, ["root", "selected", "disabled"]);
-function ae(s) {
-  return s.size;
+z(O, ["root", "selected", "disabled"]);
+function oe(o) {
+  return o.size;
 }
-function ne(s) {
+function ae(o) {
   const {
     value: t,
-    rootRef: o,
+    rootRef: s,
     disabled: r = !1,
     id: d
-  } = s, a = R.useRef(null), n = ee(d), {
+  } = o, a = R.useRef(null), n = Z(d), {
     value: u,
     selectionFollowsFocus: b,
     getTabPanelId: l
-  } = $(), f = R.useMemo(() => ({
+  } = W(), f = R.useMemo(() => ({
     disabled: r,
     ref: a,
     id: n
   }), [r, a, n]), {
-    id: c,
+    id: i,
     index: g,
     totalItemCount: T
-  } = oe(t ?? ae, f), {
+  } = te(t ?? oe, f), {
     getRootProps: _,
     highlighted: C,
     selected: p
-  } = Y({
-    item: c
+  } = X({
+    item: i
   }), {
-    getRootProps: y,
+    getRootProps: v,
     rootRef: P,
-    active: v,
-    focusVisible: E,
+    active: y,
+    focusVisible: F,
     setFocusVisible: S
-  } = te({
+  } = ee({
     disabled: r,
     focusableWhenDisabled: !b,
     type: "button"
-  }), x = F(a, o, P), V = c !== void 0 ? l(c) : void 0;
+  }), x = I(a, s, P), V = i !== void 0 ? l(i) : void 0;
   return {
     getRootProps: (N = {}) => {
-      const w = G(N), M = Z(_, y);
+      const w = A(N), M = Y(_, v);
       return h({}, N, M(w), {
         role: "tab",
         "aria-controls": V,
@@ -64,27 +64,27 @@ function ne(s) {
         ref: x
       });
     },
-    active: v,
-    focusVisible: E,
+    active: y,
+    focusVisible: F,
     highlighted: C,
     index: g,
     rootRef: x,
     // 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: p || c === u,
+    selected: p || i === u,
     setFocusVisible: S,
     totalTabsCount: T
   };
 }
-const re = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], le = (s) => {
+const ne = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], re = (o) => {
   const {
     selected: t,
-    disabled: o
-  } = s;
-  return Q({
-    root: ["root", t && "selected", o && "disabled"]
-  }, X(se));
-}, O = /* @__PURE__ */ R.forwardRef(function(t, o) {
+    disabled: s
+  } = o;
+  return K({
+    root: ["root", t && "selected", s && "disabled"]
+  }, Q(se));
+}, E = /* @__PURE__ */ R.forwardRef(function(t, s) {
   var r;
   const {
     children: d,
@@ -92,35 +92,35 @@ const re = ["action", "children", "disabled", "onChange", "onClick", "onFocus",
     slotProps: n = {},
     slots: u = {},
     value: b
-  } = t, l = J(t, re), f = R.useRef(), c = F(f, o), {
+  } = t, l = G(t, ne), f = R.useRef(), i = I(f, s), {
     active: g,
     highlighted: T,
     selected: _,
     getRootProps: C
-  } = ne(h({}, t, {
-    rootRef: c,
+  } = ae(h({}, t, {
+    rootRef: i,
     value: b
   })), p = h({}, t, {
     active: g,
     disabled: a,
     highlighted: T,
     selected: _
-  }), y = le(p), P = (r = u.root) != null ? r : "button", v = K({
+  }), v = re(p), P = (r = u.root) != null ? r : "button", y = J({
     elementType: P,
     getSlotProps: C,
     externalSlotProps: n.root,
     externalForwardedProps: l,
     additionalProps: {
-      ref: o
+      ref: s
     },
     ownerState: p,
-    className: y.root
+    className: v.root
   });
-  return /* @__PURE__ */ m(P, h({}, v, {
+  return /* @__PURE__ */ m(P, h({}, y, {
     children: d
   }));
 });
-process.env.NODE_ENV !== "production" && (O.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -166,25 +166,25 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
    */
   value: e.oneOfType([e.number, e.string])
 });
-const Te = H(
-  ({ children: s, value: t, disabled: o, className: r, "data-testid": d, icon: a, chip: n, isLoading: u }, b) => {
-    const l = U(q), f = B(
-      () => D(
-        i.tabs__tab,
-        t === (l == null ? void 0 : l.value) && i["tabs__tab--selected"],
-        o && !n && i["tabs__tab--disabled"],
-        n && i["tabs__tab--chip"],
-        n && o && i["tabs__tab--chip--disabled"],
+const ge = k(
+  ({ children: o, value: t, disabled: s, className: r, "data-testid": d, icon: a, chip: n, isLoading: u }, b) => {
+    const l = H($), f = U(
+      () => B(
+        c.tabs__tab,
+        t === (l == null ? void 0 : l.value) && c["tabs__tab--selected"],
+        s && !n && c["tabs__tab--disabled"],
+        n && c["tabs__tab--chip"],
+        n && s && c["tabs__tab--chip--disabled"],
         r
       ),
-      [t, l, o, n]
+      [t, l, s, n]
     );
-    return /* @__PURE__ */ m(O, { className: f, disabled: o, value: t, "data-testid": d, ref: b, children: u ? /* @__PURE__ */ m(W, { style: { width: "50px" } }) : /* @__PURE__ */ j(k, { children: [
-      a && /* @__PURE__ */ m("span", { className: i["tabs__tab-icon"], children: typeof a == "string" ? /* @__PURE__ */ m(L, { icon: a }) : a }),
-      s
+    return /* @__PURE__ */ m(E, { className: f, disabled: s, value: t, "data-testid": d, ref: b, children: u ? /* @__PURE__ */ m(L, { style: { width: "50px", margin: "auto" } }) : /* @__PURE__ */ j("div", { className: c["tabs__tab-content"], children: [
+      a && /* @__PURE__ */ m("span", { className: c["tabs__tab-icon"], children: typeof a == "string" ? /* @__PURE__ */ m(D, { icon: a }) : a }),
+      o
     ] }) });
   }
 );
 export {
-  Te as Tab
+  ge as Tab
 };

package/dist/components/Tabs/TabPanel.js

@@ -2,7 +2,7 @@ import { jsx as T } from "react/jsx-runtime";
 import * as P from "react";
 import { forwardRef as v } from "react";
 import { c as y } from "../../clsx-DB4S2d7J.js";
-import { u as x, s as C } from "../../Tabs.module-DSjBjg0Z.js";
+import { u as x, s as C } from "../../Tabs.module-By78tLjn.js";
 import { g as N, a as _, u as w, b, _ as O, c as E, P as o, d as I, e as S } from "../../useSlotProps-C_I1kEHr.js";
 import { u as U } from "../../useId-BW-oWmul.js";
 import { u as j } from "../../useCompoundItem-B7Eo_qZk.js";

package/dist/components/Tabs/Tabs.js

@@ -2,7 +2,7 @@ import { jsx as T } from "react/jsx-runtime";
 import * as r from "react";
 import { forwardRef as q } from "react";
 import { c as B } from "../../clsx-DB4S2d7J.js";
-import { T as G, u as J, s as Q } from "../../Tabs.module-DSjBjg0Z.js";
+import { T as G, u as J, s as Q } from "../../Tabs.module-By78tLjn.js";
 import { Tab as Ie } from "./Tab.js";
 import { TabPanel as Fe } from "./TabPanel.js";
 import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as w } from "../../useSlotProps-C_I1kEHr.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Tabs.module-DSjBjg0Z.js

@@ -1,25 +0,0 @@
-import './assets/Tabs.css';
-import * as _ from "react";
-const a = /* @__PURE__ */ _.createContext(null);
-process.env.NODE_ENV !== "production" && (a.displayName = "TabsContext");
-function e() {
-  const t = _.useContext(a);
-  if (t == null)
-    throw new Error("No TabsContext provided");
-  return t;
-}
-const s = "_tabs_q5he5_1", b = "_tabs__tab_q5he5_5", o = {
-  tabs: s,
-  tabs__tab: b,
-  "tabs__tab--disabled": "_tabs__tab--disabled_q5he5_26",
-  "tabs__tab--selected": "_tabs__tab--selected_q5he5_35",
-  "tabs__tab--chip": "_tabs__tab--chip_q5he5_39",
-  "tabs__tab--chip--disabled": "_tabs__tab--chip--disabled_q5he5_59",
-  "tabs__tab-panel": "_tabs__tab-panel_q5he5_69",
-  "tabs__tab-icon": "_tabs__tab-icon_q5he5_73"
-};
-export {
-  a as T,
-  o as s,
-  e as u
-};