@pismo/marola 0.0.1-alpha.5 → 0.0.1-alpha.7

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "0.0.1-alpha.5",
-  "private": false,
+  "version": "0.0.1-alpha.7",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -18,15 +17,23 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc --p ./tsconfig-build.json && vite build",
     "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "yarn lint --fix",
     "lint:scss": "stylelint \"**/*.scss\" --fix",
     "prettier": "prettier . --write",
     "preview": "vite preview",
     "prepublishOnly": "npm run build",
-    "test": "vitest",
-    "coverage": "vitest run --coverage"
+    "test": "yarn test:unit",
+    "test:unit": "vitest run",
+    "test:unit:visual": "vitest-preview",
+    "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"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -34,6 +41,16 @@
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
+    "@storybook/addon-a11y": "^8.0.8",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-interactions": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/addon-onboarding": "^8.0.8",
+    "@storybook/blocks": "^8.0.8",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-vite": "^8.0.8",
+    "@storybook/test": "^8.0.8",
+    "@testing-library/react": "^15.0.5",
     "@types/node": "^20.12.2",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
@@ -42,18 +59,22 @@
     "@vitejs/plugin-react": "^4.2.1",
     "clsx": "^2.1.0",
     "commitlint": "^19.2.1",
+    "cypress": "^13.8.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
     "eslint-plugin-simple-import-sort": "^12.0.0",
-    "glob": "^10.3.12",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.3.14",
     "husky": "^9.0.11",
+    "jsdom": "^24.0.0",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sass": "^1.72.0",
+    "storybook": "^8.0.8",
     "stylelint": "^16.3.1",
     "stylelint-config-recess-order": "^5.0.0",
     "stylelint-config-standard-scss": "^13.1.0",
@@ -63,11 +84,11 @@
     "vite-plugin-dts": "^3.8.1",
     "vite-plugin-lib-inject-css": "^2.0.1",
     "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^1.4.0"
+    "vitest": "^1.4.0",
+    "vitest-preview": "^0.0.1"
   },
   "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/Dialog.module-BKWFakxu.js

@@ -1,15 +0,0 @@
-import './assets/Dialog.css';
-const _ = "_dialog_h5vxo_1", o = "_dialog__backdrop_h5vxo_11", i = "_dialog__panel_h5vxo_19", l = "_dialog__title_h5vxo_35", a = "_dialog__subtitle_h5vxo_42", d = "_dialog__divider_h5vxo_51", t = "_dialog__actions_h5vxo_64", g = {
-  dialog: _,
-  dialog__backdrop: o,
-  dialog__panel: i,
-  dialog__title: l,
-  "dialog__title--small": "_dialog__title--small_h5vxo_39",
-  dialog__subtitle: a,
-  dialog__divider: d,
-  "dialog__close-icon": "_dialog__close-icon_h5vxo_55",
-  dialog__actions: t
-};
-export {
-  g as s
-};

package/dist/objectWithoutPropertiesLoose-ClNcje2_.js

@@ -1,22 +0,0 @@
-function o() {
-  return o = Object.assign ? Object.assign.bind() : function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var n = arguments[e];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
-    }
-    return t;
-  }, o.apply(this, arguments);
-}
-function s(t, e) {
-  if (t == null)
-    return {};
-  var n = {}, r = Object.keys(t), a, i;
-  for (i = 0; i < r.length; i++)
-    a = r[i], !(e.indexOf(a) >= 0) && (n[a] = t[a]);
-  return n;
-}
-export {
-  s as _,
-  o as a
-};

package/dist/useButton-abQpo0za.js

@@ -1,187 +0,0 @@
-import { a as k } from "./objectWithoutPropertiesLoose-ClNcje2_.js";
-import * as l from "react";
-import { f as A, h as I } from "./index-BvA1HyDs.js";
-function _(r) {
-  const {
-    rootElementName: n = "",
-    componentName: o
-  } = r, [s, i] = l.useState(n.toUpperCase());
-  process.env.NODE_ENV !== "production" && l.useEffect(() => {
-    n && s !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${o ? `the ${o} component` : "a component"} expected the '${n}' element, but a '${s.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
-  }, [n, s, o]);
-  const c = l.useCallback((b) => {
-    var f;
-    i((f = b == null ? void 0 : b.tagName) != null ? f : "");
-  }, []);
-  return [s, c];
-}
-class F {
-  constructor() {
-    this.currentId = null, this.clear = () => {
-      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-    }, this.disposeEffect = () => this.clear;
-  }
-  static create() {
-    return new F();
-  }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(n, o) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, o();
-    }, n);
-  }
-}
-let R = !0, w = !1;
-const W = new F(), j = {
-  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 X(r) {
-  const {
-    type: n,
-    tagName: o
-  } = r;
-  return !!(o === "INPUT" && j[n] && !r.readOnly || o === "TEXTAREA" && !r.readOnly || r.isContentEditable);
-}
-function q(r) {
-  r.metaKey || r.altKey || r.ctrlKey || (R = !0);
-}
-function T() {
-  R = !1;
-}
-function z() {
-  this.visibilityState === "hidden" && w && (R = !0);
-}
-function G(r) {
-  r.addEventListener("keydown", q, !0), r.addEventListener("mousedown", T, !0), r.addEventListener("pointerdown", T, !0), r.addEventListener("touchstart", T, !0), r.addEventListener("visibilitychange", z, !0);
-}
-function J(r) {
-  const {
-    target: n
-  } = r;
-  try {
-    return n.matches(":focus-visible");
-  } catch {
-  }
-  return R || X(n);
-}
-function Q() {
-  const r = l.useCallback((i) => {
-    i != null && G(i.ownerDocument);
-  }, []), n = l.useRef(!1);
-  function o() {
-    return n.current ? (w = !0, W.start(100, () => {
-      w = !1;
-    }), n.current = !1, !0) : !1;
-  }
-  function s(i) {
-    return J(i) ? (n.current = !0, !0) : !1;
-  }
-  return {
-    isFocusVisibleRef: n,
-    onFocus: s,
-    onBlur: o,
-    ref: r
-  };
-}
-function ee(r = {}) {
-  const {
-    disabled: n = !1,
-    focusableWhenDisabled: o,
-    href: s,
-    rootRef: i,
-    tabIndex: c,
-    to: b,
-    type: f,
-    rootElementName: V
-  } = r, y = l.useRef(), [K, E] = l.useState(!1), {
-    isFocusVisibleRef: h,
-    onFocus: x,
-    onBlur: B,
-    ref: v
-  } = Q(), [p, N] = l.useState(!1);
-  n && !o && p && N(!1), l.useEffect(() => {
-    h.current = p;
-  }, [p, h]);
-  const [m, M] = _({
-    rootElementName: V ?? (s || b ? "a" : void 0),
-    componentName: "Button"
-  }), U = (t) => (e) => {
-    var u;
-    p && e.preventDefault(), (u = t.onMouseLeave) == null || u.call(t, e);
-  }, L = (t) => (e) => {
-    var u;
-    B(e), h.current === !1 && N(!1), (u = t.onBlur) == null || u.call(t, e);
-  }, P = (t) => (e) => {
-    var u;
-    if (y.current || (y.current = e.currentTarget), x(e), h.current === !0) {
-      var d;
-      N(!0), (d = t.onFocusVisible) == null || d.call(t, e);
-    }
-    (u = t.onFocus) == null || u.call(t, e);
-  }, g = () => {
-    const t = y.current;
-    return m === "BUTTON" || m === "INPUT" && ["button", "submit", "reset"].includes(t == null ? void 0 : t.type) || m === "A" && (t == null ? void 0 : t.href);
-  }, C = (t) => (e) => {
-    if (!n) {
-      var u;
-      (u = t.onClick) == null || u.call(t, e);
-    }
-  }, $ = (t) => (e) => {
-    var u;
-    n || (E(!0), document.addEventListener("mouseup", () => {
-      E(!1);
-    }, {
-      once: !0
-    })), (u = t.onMouseDown) == null || u.call(t, e);
-  }, S = (t) => (e) => {
-    var u;
-    if ((u = t.onKeyDown) == null || u.call(t, e), !e.defaultMuiPrevented && (e.target === e.currentTarget && !g() && e.key === " " && e.preventDefault(), e.target === e.currentTarget && e.key === " " && !n && E(!0), e.target === e.currentTarget && !g() && e.key === "Enter" && !n)) {
-      var d;
-      (d = t.onClick) == null || d.call(t, e), e.preventDefault();
-    }
-  }, O = (t) => (e) => {
-    var u;
-    if (e.target === e.currentTarget && E(!1), (u = t.onKeyUp) == null || u.call(t, e), e.target === e.currentTarget && !g() && !n && e.key === " " && !e.defaultMuiPrevented) {
-      var d;
-      (d = t.onClick) == null || d.call(t, e);
-    }
-  }, D = A(M, i, v, y), a = {};
-  return c !== void 0 && (a.tabIndex = c), m === "BUTTON" ? (a.type = f ?? "button", o ? a["aria-disabled"] = n : a.disabled = n) : m === "INPUT" ? f && ["button", "submit", "reset"].includes(f) && (o ? a["aria-disabled"] = n : a.disabled = n) : m !== "" && (!s && !b && (a.role = "button", a.tabIndex = c ?? 0), n && (a["aria-disabled"] = n, a.tabIndex = o ? c ?? 0 : -1)), {
-    getRootProps: (t = {}) => {
-      const e = k({}, I(r), I(t)), u = k({
-        type: f
-      }, e, a, t, {
-        onBlur: L(e),
-        onClick: C(e),
-        onFocus: P(e),
-        onKeyDown: S(e),
-        onKeyUp: O(e),
-        onMouseDown: $(e),
-        onMouseLeave: U(e),
-        ref: D
-      });
-      return delete u.onFocusVisible, u;
-    },
-    focusVisible: p,
-    setFocusVisible: N,
-    active: K,
-    rootRef: D
-  };
-}
-export {
-  ee as u
-};