@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.1

package/dist/main.d.ts

@@ -1,8 +1,13 @@
-
+/**
+ * This file is automatically generated. Any changes will be lost.
+ * run "yarn export-files" or "yarn build" to regenerate it.
+ */
 export * from './components/Advice/Advice';
 export * from './components/Button/Button';
 export * from './components/Checkbox/Checkbox';
+export * from './components/Chip/Chip';
 export * from './components/Dialog/Dialog';
+export * from './components/EllipsisTooltip/EllipsisTooltip';
 export * from './components/Icon/Icon';
 export * from './components/IconButton/IconButton';
 export * from './components/Input/Input';
@@ -10,12 +15,16 @@ export * from './components/InputSearch/InputSearch';
 export * from './components/LoadingSpinner/LoadingSpinner';
 export * from './components/PageHeader/PageHeader';
 export * from './components/Pagination/Pagination';
+export * from './components/Select/Select';
 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/TextDisplay/TextDisplay';
 export * from './components/Toggle/Toggle';
+export * from './components/ToggleGroup/ToggleGroup';
 export * from './components/Tooltip/Tooltip';
 export * from './components/Typography/Typography';
+export * from './contexts/SnackbarProvider/SnackbarProvider';

package/dist/main.js

@@ -1,59 +1,78 @@
-import './assets/global.css';
-/* empty css                */
 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";
+import { Button as p } from "./components/Button/Button.js";
+import { Checkbox as f } from "./components/Checkbox/Checkbox.js";
+import { C as m, T as n } from "./Toggle-BCgIItCc.js";
+import { Dialog as i } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as s } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as g } from "./components/Icon/Icon.js";
+import { IconButton as u } from "./components/IconButton/IconButton.js";
+import { Input as d } from "./components/Input/Input.js";
+import { InputSearch as C } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as D } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as y } from "./components/PageHeader/PageHeader.js";
+import { Pagination as B, paginationDefaultTranslations as G } from "./components/Pagination/Pagination.js";
+import { Select as A, SelectOption as H } from "./components/Select/Select.js";
+import { Skeleton as L, SkeletonCircle as O, SkeletonTable as j } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as w } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as F, sortTooltipDefaultTranslations as J } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as M } from "./components/Stepper/Stepper.js";
+import { TBody as Q, THead as R, Table as U, Td as V, Th as W, Tr as X } from "./components/Table/Table.js";
+import { Tabs as Z } from "./components/Tabs/Tabs.js";
+import { TextDisplay as $ } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as ro } from "./components/Toggle/Toggle.js";
+import { G as to } from "./Group-B3p31ftp.js";
+import { Tooltip as ao } from "./components/Tooltip/Tooltip.js";
+import { Text as xo, Typography as mo } from "./components/Typography/Typography.js";
+import { SnackbarContext as lo, SnackbarProvider as io, useSnackbar as To } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as co } from "./components/Dialog/DialogTitle.js";
+import { default as So } from "./components/Dialog/Content.js";
+import { default as bo } from "./components/Dialog/Actions.js";
+import { Tab as Co } from "./components/Tabs/Tab.js";
+import { TabPanel as Do } from "./components/Tabs/TabPanel.js";
 export {
-  _ as Actions,
+  bo 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
+  p as Button,
+  f as Checkbox,
+  m as Chip,
+  So as Content,
+  i as Dialog,
+  co as DialogTitle,
+  s as EllipsisTooltip,
+  g as Icon,
+  u as IconButton,
+  d as Input,
+  C as InputSearch,
+  D as LoadingSpinner,
+  y as PageHeader,
+  B as Pagination,
+  A as Select,
+  H as SelectOption,
+  L as Skeleton,
+  O as SkeletonCircle,
+  j as SkeletonTable,
+  w as Snackbar,
+  lo as SnackbarContext,
+  io as SnackbarProvider,
+  F as SortTooltip,
+  M as Stepper,
+  Q as TBody,
+  R as THead,
+  Co as Tab,
+  Do as TabPanel,
+  U as Table,
+  Z as Tabs,
+  V as Td,
+  xo as Text,
+  $ as TextDisplay,
+  W as Th,
+  ro as Toggle,
+  to as ToggleGroup,
+  n as ToggleGroupItem,
+  ao as Tooltip,
+  X as Tr,
+  mo as Typography,
+  G as paginationDefaultTranslations,
+  J as sortTooltipDefaultTranslations,
+  To as useSnackbar
 };

package/dist/marola.css

@@ -0,0 +1 @@
+:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}

package/dist/{useButton-Bc8IAgyk.js → useButton-DNk3wrQp.js}

@@ -1,6 +1,5 @@
-import { a as D } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { u as S, b as D, f as k } from "./index-CH45lKw7.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 {
@@ -16,7 +15,7 @@ function v(p) {
   }, []);
   return [c, u];
 }
-function h(p = {}) {
+function W(p = {}) {
   const {
     disabled: n = !1,
     focusableWhenDisabled: l,
@@ -102,5 +101,5 @@ function h(p = {}) {
   };
 }
 export {
-  h as u
+  W as u
 };

package/dist/useCompoundItem-D1iRfg8D.js

@@ -0,0 +1,84 @@
+import * as o from "react";
+import { u as g } from "./useEnhancedEffect-CJGo-L3B.js";
+let I = 0;
+function x(e) {
+  const [n, t] = o.useState(e), u = e || n;
+  return o.useEffect(() => {
+    n == null && (I += 1, t(`mui-${I}`));
+  }, [n]), u;
+}
+const p = o.useId;
+function y(e) {
+  if (p !== void 0) {
+    const n = p();
+    return e ?? n;
+  }
+  return x(e);
+}
+const b = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (b.displayName = "CompoundComponentContext");
+function S(e) {
+  const n = Array.from(e.keys()).map((t) => {
+    const u = e.get(t);
+    return {
+      key: t,
+      subitem: u
+    };
+  });
+  return n.sort((t, u) => {
+    const s = t.subitem.ref.current, r = u.subitem.ref.current;
+    return s === null || r === null || s === r ? 0 : s.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+  }), new Map(n.map((t) => [t.key, t.subitem]));
+}
+function E() {
+  const [e, n] = o.useState(/* @__PURE__ */ new Map()), t = o.useRef(/* @__PURE__ */ new Set()), u = o.useCallback(function(a) {
+    t.current.delete(a), n((m) => {
+      const c = new Map(m);
+      return c.delete(a), c;
+    });
+  }, []), s = o.useCallback(function(a, m) {
+    let c;
+    return typeof a == "function" ? c = a(t.current) : c = a, t.current.add(c), n((C) => {
+      const l = new Map(C);
+      return l.set(c, m), l;
+    }), {
+      id: c,
+      deregister: () => u(c)
+    };
+  }, [u]), r = o.useMemo(() => S(e), [e]), i = o.useCallback(function(a) {
+    return Array.from(r.keys()).indexOf(a);
+  }, [r]);
+  return {
+    contextValue: o.useMemo(() => ({
+      getItemIndex: i,
+      registerItem: s,
+      totalSubitemCount: e.size
+    }), [i, s, e.size]),
+    subitems: r
+  };
+}
+function N(e, n) {
+  const t = o.useContext(b);
+  if (t === null)
+    throw new Error("useCompoundItem must be used within a useCompoundParent");
+  const {
+    registerItem: u
+  } = t, [s, r] = o.useState(typeof e == "function" ? void 0 : e);
+  return g(() => {
+    const {
+      id: i,
+      deregister: d
+    } = u(e, n);
+    return r(i), d;
+  }, [u, n, e]), {
+    id: s,
+    index: s !== void 0 ? t.getItemIndex(s) : -1,
+    totalItemCount: t.totalSubitemCount
+  };
+}
+export {
+  b as C,
+  N as a,
+  E as b,
+  y as u
+};

package/dist/useEventCallback-xTG9piMa.js

@@ -0,0 +1,45 @@
+import { P as a } from "./index-CH45lKw7.js";
+import * as c from "react";
+import { u as m } from "./useEnhancedEffect-CJGo-L3B.js";
+function s(e, n) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
+    return e(...o) || n(...o);
+  };
+}
+function d(e) {
+  const {
+    prototype: n = {}
+  } = e;
+  return !!n.isReactComponent;
+}
+function f(e, n, t, o, l) {
+  const u = e[n], p = l || n;
+  if (u == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let r;
+  const i = u.type;
+  return typeof i == "function" && !d(i) && (r = "Did you accidentally use a plain function component for an element instead?"), r !== void 0 ? new Error(`Invalid ${o} \`${p}\` supplied to \`${t}\`. Expected an element that can hold a ref. ${r} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const y = s(a.element, f);
+y.isRequired = s(a.element.isRequired, f);
+function E(e) {
+  return e && e.ownerDocument || document;
+}
+function h(e) {
+  const n = c.useRef(e);
+  return m(() => {
+    n.current = e;
+  }), c.useRef((...t) => (
+    // @ts-expect-error hide `this`
+    (0, n.current)(...t)
+  )).current;
+}
+export {
+  y as e,
+  E as o,
+  h as u
+};