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

package/dist/{index-D2P7y2mE.js → index-CqjC7P5Y.js}

@@ -803,11 +803,12 @@ function or(e, s) {
 export {
   rr as P,
   or as a,
-  er as b,
+  nr as b,
   tr as c,
-  Ue as d,
+  er as d,
   $e as e,
   Xe as g,
+  xe as i,
   Fe as s,
-  nr as u
+  Ue as u
 };

package/dist/main.d.ts

@@ -1,12 +1,21 @@
 
+export * from './components/Advice/Advice';
+export * from './components/Button/Button';
+export * from './components/Checkbox/Checkbox';
 export * from './components/Dialog/Dialog';
-export * from './components/Typography/Typography';
+export * from './components/Icon/Icon';
+export * from './components/IconButton/IconButton';
+export * from './components/Input/Input';
+export * from './components/InputSearch/InputSearch';
 export * from './components/LoadingSpinner/LoadingSpinner';
-export * from './components/Tabs/Tabs';
-export * from './components/Tabs/Tab';
-export * from './components/Tabs/TabPanel';
-export * from './components/Table/Table';
-export * from './components/Pagination/Pagination';
 export * from './components/PageHeader/PageHeader';
-export * from './components/Button/Button';
-export * from './components/IconButton/IconButton';
+export * from './components/Pagination/Pagination';
+export * from './components/Skeleton/Skeleton';
+export * from './components/Snackbar/Snackbar';
+export * from './components/SortTooltip/SortTooltip';
+export * from './components/Stepper/Stepper';
+export * from './components/Table/Table';
+export * from './components/Tabs/Tabs';
+export * from './components/Toggle/Toggle';
+export * from './components/Tooltip/Tooltip';
+export * from './components/Typography/Typography';

package/dist/main.js

@@ -1,32 +1,59 @@
 import './assets/global.css';
 /* empty css                */
-import { Dialog as a } from "./components/Dialog/Dialog.js";
-import { Typography as f } from "./components/Typography/Typography.js";
-import { LoadingSpinner as n } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { Tabs as i } from "./components/Tabs/Tabs.js";
-import { Tab as s } from "./components/Tabs/Tab.js";
-import { TabPanel as g } from "./components/Tabs/TabPanel.js";
-import "./components/Table/Table.js";
-import { Pagination as T, defaultTranslations as b } from "./components/Pagination/Pagination.js";
-import { PageHeader as c } from "./components/PageHeader/PageHeader.js";
-import { Button as B } from "./components/Button/Button.js";
-import { IconButton as h } from "./components/IconButton/IconButton.js";
-import { default as C } from "./components/Dialog/Title.js";
-import { default as I } from "./components/Dialog/Content.js";
-import { default as S } from "./components/Dialog/Actions.js";
+import { Advice as e } from "./components/Advice/Advice.js";
+import { Button as a } from "./components/Button/Button.js";
+import { Checkbox as m } from "./components/Checkbox/Checkbox.js";
+import { Dialog as x } from "./components/Dialog/Dialog.js";
+import { FamilyAndIcons as i, Icon as T } from "./components/Icon/Icon.js";
+import { IconButton as c } from "./components/IconButton/IconButton.js";
+import { Input as u } from "./components/Input/Input.js";
+import { InputSearch as b } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as k } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as D } from "./components/PageHeader/PageHeader.js";
+import { Pagination as y, paginationDefaultTranslations as A } from "./components/Pagination/Pagination.js";
+import { Skeleton as P, SkeletonCircle as B, SkeletonTable as v } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as H } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as j, sortTooltipDefaultTranslations as q } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as z } from "./components/Stepper/Stepper.js";
+import { Table as G } from "./components/Table/Table.js";
+import { Tabs as K } from "./components/Tabs/Tabs.js";
+import { Toggle as N } from "./components/Toggle/Toggle.js";
+import { Tooltip as Q } from "./components/Tooltip/Tooltip.js";
+import { Typography as U } from "./components/Typography/Typography.js";
+import { default as W } from "./components/Dialog/Title.js";
+import { default as Y } from "./components/Dialog/Content.js";
+import { default as _ } from "./components/Dialog/Actions.js";
+import { T as oo } from "./Tab-CRwnhsj5.js";
+import { TabPanel as to } from "./components/Tabs/TabPanel.js";
 export {
-  S as Actions,
-  B as Button,
-  I as Content,
-  a as Dialog,
-  C as DialogTitle,
-  h as IconButton,
-  n as LoadingSpinner,
-  c as PageHeader,
-  T as Pagination,
-  s as Tab,
-  g as TabPanel,
-  i as Tabs,
-  f as Typography,
-  b as defaultTranslations
+  _ as Actions,
+  e as Advice,
+  a as Button,
+  m as Checkbox,
+  Y as Content,
+  x as Dialog,
+  W as DialogTitle,
+  i as FamilyAndIcons,
+  T as Icon,
+  c as IconButton,
+  u as Input,
+  b as InputSearch,
+  k as LoadingSpinner,
+  D as PageHeader,
+  y as Pagination,
+  P as Skeleton,
+  B as SkeletonCircle,
+  v as SkeletonTable,
+  H as Snackbar,
+  j as SortTooltip,
+  z as Stepper,
+  oo as Tab,
+  to as TabPanel,
+  G as Table,
+  K as Tabs,
+  N as Toggle,
+  Q as Tooltip,
+  U as Typography,
+  A as paginationDefaultTranslations,
+  q as sortTooltipDefaultTranslations
 };

package/dist/useButton-Bc8IAgyk.js

@@ -0,0 +1,106 @@
+import { a as D } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import * as i from "react";
+import { u as S, e as k } from "./index-CqjC7P5Y.js";
+import { u as _ } from "./useIsFocusVisible-BH4IAdcw.js";
+function v(p) {
+  const {
+    rootElementName: n = "",
+    componentName: l
+  } = p, [c, y] = i.useState(n.toUpperCase());
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
+    n && c !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${l ? `the ${l} component` : "a component"} expected the '${n}' element, but a '${c.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
+  }, [n, c, l]);
+  const u = i.useCallback((m) => {
+    var s;
+    y((s = m == null ? void 0 : m.tagName) != null ? s : "");
+  }, []);
+  return [c, u];
+}
+function h(p = {}) {
+  const {
+    disabled: n = !1,
+    focusableWhenDisabled: l,
+    href: c,
+    rootRef: y,
+    tabIndex: u,
+    to: m,
+    type: s,
+    rootElementName: T
+  } = p, b = i.useRef(), [B, N] = i.useState(!1), {
+    isFocusVisibleRef: E,
+    onFocus: F,
+    onBlur: M,
+    ref: U
+  } = _(), [d, R] = i.useState(!1);
+  n && !l && d && R(!1), i.useEffect(() => {
+    E.current = d;
+  }, [d, E]);
+  const [f, V] = v({
+    rootElementName: T ?? (c || m ? "a" : void 0),
+    componentName: "Button"
+  }), w = (t) => (e) => {
+    var o;
+    d && e.preventDefault(), (o = t.onMouseLeave) == null || o.call(t, e);
+  }, K = (t) => (e) => {
+    var o;
+    M(e), E.current === !1 && R(!1), (o = t.onBlur) == null || o.call(t, e);
+  }, P = (t) => (e) => {
+    var o;
+    if (b.current || (b.current = e.currentTarget), F(e), E.current === !0) {
+      var r;
+      R(!0), (r = t.onFocusVisible) == null || r.call(t, e);
+    }
+    (o = t.onFocus) == null || o.call(t, e);
+  }, g = () => {
+    const t = b.current;
+    return f === "BUTTON" || f === "INPUT" && ["button", "submit", "reset"].includes(t == null ? void 0 : t.type) || f === "A" && (t == null ? void 0 : t.href);
+  }, I = (t) => (e) => {
+    if (!n) {
+      var o;
+      (o = t.onClick) == null || o.call(t, e);
+    }
+  }, $ = (t) => (e) => {
+    var o;
+    n || (N(!0), document.addEventListener("mouseup", () => {
+      N(!1);
+    }, {
+      once: !0
+    })), (o = t.onMouseDown) == null || o.call(t, e);
+  }, C = (t) => (e) => {
+    var o;
+    if ((o = t.onKeyDown) == null || o.call(t, e), !e.defaultMuiPrevented && (e.target === e.currentTarget && !g() && e.key === " " && e.preventDefault(), e.target === e.currentTarget && e.key === " " && !n && N(!0), e.target === e.currentTarget && !g() && e.key === "Enter" && !n)) {
+      var r;
+      (r = t.onClick) == null || r.call(t, e), e.preventDefault();
+    }
+  }, L = (t) => (e) => {
+    var o;
+    if (e.target === e.currentTarget && N(!1), (o = t.onKeyUp) == null || o.call(t, e), e.target === e.currentTarget && !g() && !n && e.key === " " && !e.defaultMuiPrevented) {
+      var r;
+      (r = t.onClick) == null || r.call(t, e);
+    }
+  }, x = S(V, y, U, b), a = {};
+  return u !== void 0 && (a.tabIndex = u), f === "BUTTON" ? (a.type = s ?? "button", l ? a["aria-disabled"] = n : a.disabled = n) : f === "INPUT" ? s && ["button", "submit", "reset"].includes(s) && (l ? a["aria-disabled"] = n : a.disabled = n) : f !== "" && (!c && !m && (a.role = "button", a.tabIndex = u ?? 0), n && (a["aria-disabled"] = n, a.tabIndex = l ? u ?? 0 : -1)), {
+    getRootProps: (t = {}) => {
+      const e = D({}, k(p), k(t)), o = D({
+        type: s
+      }, e, a, t, {
+        onBlur: K(e),
+        onClick: I(e),
+        onFocus: P(e),
+        onKeyDown: C(e),
+        onKeyUp: L(e),
+        onMouseDown: $(e),
+        onMouseLeave: w(e),
+        ref: x
+      });
+      return delete o.onFocusVisible, o;
+    },
+    focusVisible: d,
+    setFocusVisible: R,
+    active: B,
+    rootRef: x
+  };
+}
+export {
+  h as u
+};

package/dist/useIsFocusVisible-BH4IAdcw.js

@@ -0,0 +1,69 @@
+import * as a from "react";
+import { T as o } from "./useTimeout-DxF9kiZL.js";
+let n = !0, s = !1;
+const c = new o(), f = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function d(e) {
+  const {
+    type: t,
+    tagName: r
+  } = e;
+  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function h(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
+}
+function i() {
+  n = !1;
+}
+function y() {
+  this.visibilityState === "hidden" && s && (n = !0);
+}
+function m(e) {
+  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
+}
+function b(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+  }
+  return n || d(t);
+}
+function w() {
+  const e = a.useCallback((u) => {
+    u != null && m(u.ownerDocument);
+  }, []), t = a.useRef(!1);
+  function r() {
+    return t.current ? (s = !0, c.start(100, () => {
+      s = !1;
+    }), t.current = !1, !0) : !1;
+  }
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
+}
+export {
+  w as u
+};

package/dist/useTimeout-DxF9kiZL.js

@@ -0,0 +1,36 @@
+import * as n from "react";
+const u = {};
+function c(t, r) {
+  const e = n.useRef(u);
+  return e.current === u && (e.current = t(r)), e;
+}
+const i = [];
+function o(t) {
+  n.useEffect(t, i);
+}
+class s {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new s();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, e) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, e();
+    }, r);
+  }
+}
+function f() {
+  const t = c(s.create).current;
+  return o(t.disposeEffect), t;
+}
+export {
+  s as T,
+  f as u
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "0.0.1-alpha.6",
+  "version": "0.0.1-alpha.8",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -29,6 +29,8 @@
     "test:unit:watch": "vitest",
     "test:e2e": "echo \"no test implemented\"",
     "coverage": "vitest run --coverage",
+    "export-files": "node scripts/export-files.cjs",
+    "prebuild": "yarn export-files",
     "build": "tsc --p ./tsconfig-build.json && vite build",
     "postbuild": "storybook build --disable-telemetry --output-dir build",
     "storybook": "storybook dev -p 6006"
@@ -65,7 +67,7 @@
     "eslint-plugin-react-refresh": "^0.4.6",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.12",
+    "glob": "^10.3.14",
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "prettier": "^3.2.5",
@@ -87,7 +89,6 @@
   },
   "dependencies": {
     "@mui/base": "^5.0.0-beta.40",
-    "@mui/material": "^5.15.15",
-    "@pismo/waves-icons": "^1.3.3"
+    "@mui/material": "^5.15.15"
   }
 }

package/dist/ListContext-Dj2Va7Iv.js

@@ -1,18 +0,0 @@
-import * as t from "react";
-const e = {
-  blur: "list:blur",
-  focus: "list:focus",
-  itemClick: "list:itemClick",
-  itemHover: "list:itemHover",
-  itemsChange: "list:itemsChange",
-  keyDown: "list:keyDown",
-  resetHighlight: "list:resetHighlight",
-  highlightLast: "list:highlightLast",
-  textNavigation: "list:textNavigation",
-  clearSelection: "list:clearSelection"
-}, i = /* @__PURE__ */ t.createContext(null);
-process.env.NODE_ENV !== "production" && (i.displayName = "ListContext");
-export {
-  i as L,
-  e as a
-};

package/dist/Tabs.module-BA-PC7fA.js

@@ -1,66 +0,0 @@
-import './assets/Tabs.css';
-import * as n from "react";
-const p = /* @__PURE__ */ n.createContext(null);
-process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
-function C(e) {
-  const c = Array.from(e.keys()).map((t) => {
-    const a = e.get(t);
-    return {
-      key: t,
-      subitem: a
-    };
-  });
-  return c.sort((t, a) => {
-    const u = t.subitem.ref.current, r = a.subitem.ref.current;
-    return u === null || r === null || u === r ? 0 : u.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
-  }), new Map(c.map((t) => [t.key, t.subitem]));
-}
-function N() {
-  const [e, c] = n.useState(/* @__PURE__ */ new Map()), t = n.useRef(/* @__PURE__ */ new Set()), a = n.useCallback(function(o) {
-    t.current.delete(o), c((b) => {
-      const s = new Map(b);
-      return s.delete(o), s;
-    });
-  }, []), u = n.useCallback(function(o, b) {
-    let s;
-    return typeof o == "function" ? s = o(t.current) : s = o, t.current.add(s), c((d) => {
-      const _ = new Map(d);
-      return _.set(s, b), _;
-    }), {
-      id: s,
-      deregister: () => a(s)
-    };
-  }, [a]), r = n.useMemo(() => C(e), [e]), i = n.useCallback(function(o) {
-    return Array.from(r.keys()).indexOf(o);
-  }, [r]);
-  return {
-    contextValue: n.useMemo(() => ({
-      getItemIndex: i,
-      registerItem: u,
-      totalSubitemCount: e.size
-    }), [i, u, e.size]),
-    subitems: r
-  };
-}
-const l = /* @__PURE__ */ n.createContext(null);
-process.env.NODE_ENV !== "production" && (l.displayName = "TabsContext");
-function I() {
-  const e = n.useContext(l);
-  if (e == null)
-    throw new Error("No TabsContext provided");
-  return e;
-}
-const f = "_tabs_18ymz_1", x = "_tabs__tab_18ymz_5", w = {
-  tabs: f,
-  tabs__tab: x,
-  "tabs__tab--disabled": "_tabs__tab--disabled_18ymz_22",
-  "tabs__tab--selected": "_tabs__tab--selected_18ymz_31",
-  "tabs__tab-panel": "_tabs__tab-panel_18ymz_35"
-};
-export {
-  p as C,
-  l as T,
-  N as a,
-  w as s,
-  I as u
-};

package/dist/react-CGNQ6M5x.js

@@ -1,117 +0,0 @@
-import { c as N, g as W } from "./_commonjsHelpers-CT_km90n.js";
-import T from "react";
-var E = { exports: {} };
-(function(A, I) {
-  (function(y, w) {
-    A.exports = w(T);
-  })(N, (y) => (() => {
-    var w = { 639: (e) => {
-      e.exports = y;
-    } }, S = {};
-    function c(e) {
-      var o = S[e];
-      if (o !== void 0)
-        return o.exports;
-      var s = S[e] = { exports: {} };
-      return w[e](s, s.exports, c), s.exports;
-    }
-    c.n = (e) => {
-      var o = e && e.__esModule ? () => e.default : () => e;
-      return c.d(o, { a: o }), o;
-    }, c.d = (e, o) => {
-      for (var s in o)
-        c.o(o, s) && !c.o(e, s) && Object.defineProperty(e, s, { enumerable: !0, get: o[s] });
-    }, c.o = (e, o) => Object.prototype.hasOwnProperty.call(e, o), c.r = (e) => {
-      typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 });
-    };
-    var x = {};
-    return (() => {
-      c.r(x), c.d(x, { default: () => O });
-      var e = c(639), o = c.n(e), s = function(a, i, u, r) {
-        return new (u || (u = Promise))(function(m, l) {
-          function p(n) {
-            try {
-              d(r.next(n));
-            } catch (t) {
-              l(t);
-            }
-          }
-          function f(n) {
-            try {
-              d(r.throw(n));
-            } catch (t) {
-              l(t);
-            }
-          }
-          function d(n) {
-            var t;
-            n.done ? m(n.value) : (t = n.value, t instanceof u ? t : new u(function(h) {
-              h(t);
-            })).then(p, f);
-          }
-          d((r = r.apply(a, [])).next());
-        });
-      };
-      function j() {
-        return typeof globalThis < "u" && globalThis.WAVES_ICONS_BASE_URL ? globalThis.WAVES_ICONS_BASE_URL : typeof window < "u" && window.WAVES_ICONS_BASE_URL ? window.WAVES_ICONS_BASE_URL : "https://waves-icons.pismolabs.io/bin";
-      }
-      function _(a, i, u) {
-        const r = i && Number.isNaN(Number(i)) ? i : i ? `${i}px` : "1em", m = u || "currentColor", l = { fill: m, color: m, width: r, height: r };
-        return a && Object.keys(l).forEach((p) => {
-          a.setAttribute(p, l[p]);
-        }), a && Object.assign(a.style, l), a;
-      }
-      const O = ({ icon: a, color: i, size: u }) => {
-        const r = (0, e.useRef)(null), [m, l] = (0, e.useState)(null), p = (f) => {
-          const d = _(f, `${u || ""}`, i);
-          r != null && r.current && (r.current.innerHTML = "", r.current.append(d)), l(d);
-        };
-        return (0, e.useEffect)(() => {
-          (function(f, d = !1) {
-            return s(this, void 0, void 0, function* () {
-              return function(n) {
-                return s(this, void 0, void 0, function* () {
-                  return fetch(n, { cache: "force-cache" }).then((t) => t.status >= 200 && t.status <= 299 ? t.text() : Promise.resolve(`
-    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
-      <!-- Waves Icon Not Found -->
-    </svg>
-  `)).catch(console.error);
-                });
-              }(f.startsWith("http") ? f : function(n, t = "svg", h) {
-                return h || (h = j()), `${h}/${n}.${t}`;
-              }(f)).then((n) => {
-                try {
-                  const t = d ? n : function(h, b) {
-                    b || (b = `
-    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
-      <!-- Waves Icon Not Found -->
-    </svg>
-  `);
-                    const g = Object.assign(document.createElement("template"), { innerHTML: b }).content.querySelector("svg");
-                    return Array.from(g.attributes).map(({ name: v }) => v).find((v) => {
-                      v.startsWith("on") && g.removeAttribute(v);
-                    }), g.querySelectorAll(["a", "animate", "color-profile", "cursor", "discard", "fedropshadow", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"].join(",")).forEach((v) => {
-                      v.remove();
-                    }), g.setAttribute("data-waves-icon", h), g;
-                  }(f, n);
-                  return Promise.resolve(t);
-                } catch (t) {
-                  return Promise.reject(t);
-                }
-              }).catch(console.error);
-            });
-          })(a).then(p).catch(console.error);
-        }, [a]), (0, e.useEffect)(() => {
-          _(m, `${u || ""}`, i);
-        }, [u, i]), o().createElement("span", { ref: r });
-      };
-    })(), x;
-  })());
-})(E);
-var P = E.exports;
-const L = /* @__PURE__ */ W(P);
-export {
-  L as W
-};