@pismo/marola 0.0.1-alpha.17 → 0.0.1-alpha.18

package/dist/{index-BfeM9yWx.js → index-CjW42-M-.js}

@@ -1,8 +1,7 @@
-import { a as Ak } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { f as Hk } from "./index-CtPvew6C.js";
+import { b as Ak, h as Hk } from "./index-CH45lKw7.js";
 import QE from "react";
 const Fk = "exact-prop: ​";
-function qk(ne) {
+function Xk(ne) {
   return process.env.NODE_ENV === "production" ? ne : Ak({}, ne, {
     [Fk]: (ze) => {
       const L = Object.keys(ze).filter((pn) => !ne.hasOwnProperty(pn));
@@ -19577,9 +19576,9 @@ function GE() {
 }
 process.env.NODE_ENV === "production" ? (GE(), a0.exports = Bk()) : a0.exports = Pk();
 var Yk = a0.exports;
-const Kk = /* @__PURE__ */ Hk(Yk);
+const qk = /* @__PURE__ */ Hk(Yk);
 export {
-  Kk as R,
-  qk as e,
+  qk as R,
+  Xk as e,
   Yk as r
 };

package/dist/main.d.ts

@@ -21,6 +21,7 @@ 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/Tooltip/Tooltip';
 export * from './components/Typography/Typography';

package/dist/main.js

@@ -1,15 +1,15 @@
 import { Advice as e } from "./components/Advice/Advice.js";
 import { Button as p } from "./components/Button/Button.js";
 import { Checkbox as f } from "./components/Checkbox/Checkbox.js";
-import { Chip as n } from "./components/Chip/Chip.js";
+import { Chip as m } from "./components/Chip/Chip.js";
 import { Dialog as l } from "./components/Dialog/Dialog.js";
-import { FamilyAndIcons as T, Icon as c } from "./components/Icon/Icon.js";
+import { FamilyAndIcons as T, Icon as s } from "./components/Icon/Icon.js";
 import { IconButton as S } from "./components/IconButton/IconButton.js";
 import { Input as u } from "./components/Input/Input.js";
 import { InputSearch as d } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as I } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as C } from "./components/PageHeader/PageHeader.js";
-import { Pagination as y, paginationDefaultTranslations as A } from "./components/Pagination/Pagination.js";
+import { LoadingSpinner as D } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as h } from "./components/PageHeader/PageHeader.js";
+import { Pagination as C, paginationDefaultTranslations as A } from "./components/Pagination/Pagination.js";
 import { Select as B, SelectOption as v } from "./components/Select/Select.js";
 import { Skeleton as H, SkeletonCircle as L, SkeletonTable as O } from "./components/Skeleton/Skeleton.js";
 import { Snackbar as q } from "./components/Snackbar/Snackbar.js";
@@ -17,31 +17,32 @@ import { SortTooltip as z, sortTooltipDefaultTranslations as E } from "./compone
 import { Stepper as J } from "./components/Stepper/Stepper.js";
 import { Table as M } from "./components/Table/Table.js";
 import { Tabs as Q } from "./components/Tabs/Tabs.js";
-import { Toggle as U } from "./components/Toggle/Toggle.js";
-import { Tooltip as W } from "./components/Tooltip/Tooltip.js";
-import { Typography as Y } from "./components/Typography/Typography.js";
-import { default as _ } from "./components/Dialog/Title.js";
-import { default as oo } from "./components/Dialog/Content.js";
-import { default as eo } from "./components/Dialog/Actions.js";
-import { Tab as po } from "./components/Tabs/Tab.js";
-import { TabPanel as fo } from "./components/Tabs/TabPanel.js";
+import { TextDisplay as U } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as W } from "./components/Toggle/Toggle.js";
+import { Tooltip as Y } from "./components/Tooltip/Tooltip.js";
+import { Typography as _ } from "./components/Typography/Typography.js";
+import { default as oo } from "./components/Dialog/Title.js";
+import { default as eo } from "./components/Dialog/Content.js";
+import { default as po } from "./components/Dialog/Actions.js";
+import { Tab as fo } from "./components/Tabs/Tab.js";
+import { TabPanel as mo } from "./components/Tabs/TabPanel.js";
 export {
-  eo as Actions,
+  po as Actions,
   e as Advice,
   p as Button,
   f as Checkbox,
-  n as Chip,
-  oo as Content,
+  m as Chip,
+  eo as Content,
   l as Dialog,
-  _ as DialogTitle,
+  oo as DialogTitle,
   T as FamilyAndIcons,
-  c as Icon,
+  s as Icon,
   S as IconButton,
   u as Input,
   d as InputSearch,
-  I as LoadingSpinner,
-  C as PageHeader,
-  y as Pagination,
+  D as LoadingSpinner,
+  h as PageHeader,
+  C as Pagination,
   B as Select,
   v as SelectOption,
   H as Skeleton,
@@ -50,13 +51,14 @@ export {
   q as Snackbar,
   z as SortTooltip,
   J as Stepper,
-  po as Tab,
-  fo as TabPanel,
+  fo as Tab,
+  mo as TabPanel,
   M as Table,
   Q as Tabs,
-  U as Toggle,
-  W as Tooltip,
-  Y as Typography,
+  U as TextDisplay,
+  W as Toggle,
+  Y as Tooltip,
+  _ as Typography,
   A as paginationDefaultTranslations,
   E as sortTooltipDefaultTranslations
 };

package/dist/{useButton-DSAvAfH_.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-CtPvew6C.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/{useEventCallback-lXNMsMLa.js → useEventCallback-xTG9piMa.js}

@@ -1,4 +1,4 @@
-import { P as a } from "./index-CtPvew6C.js";
+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) {

package/dist/{useList-C5PBIv2I.js → useList-B0hog_3-.js}

@@ -1,7 +1,6 @@
-import { a as p } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { b as p, u as re, f as ie } from "./index-CH45lKw7.js";
 import * as f from "react";
-import { L as x } from "./combineHooksSlotProps-D8j4htsd.js";
-import { u as re, e as ie } from "./index-CtPvew6C.js";
+import { L as x } from "./combineHooksSlotProps-DVjg9PRh.js";
 function W(t, e, r = (n, l) => n === l) {
   return t.length === e.length && t.every((n, l) => r(n, e[l]));
 }
@@ -16,44 +15,44 @@ function L(t, e) {
     e[n] !== void 0 && (r[n] = e[n]);
   }), r;
 }
-function ae(t) {
+function se(t) {
   const {
     nextState: e,
     initialState: r,
     stateComparers: n,
     onStateChange: l,
-    controlledProps: s,
+    controlledProps: a,
     lastActionRef: i
   } = t, h = f.useRef(r);
   f.useEffect(() => {
     if (i.current === null)
       return;
-    const a = L(h.current, s);
+    const s = L(h.current, a);
     Object.keys(e).forEach((C) => {
       var V;
-      const g = (V = n[C]) != null ? V : ue, c = e[C], m = a[C];
+      const g = (V = n[C]) != null ? V : ue, c = e[C], m = s[C];
       if (m == null && c != null || m != null && c == null || m != null && c != null && !g(c, m)) {
         var o, S;
         l == null || l((o = i.current.event) != null ? o : null, C, c, (S = i.current.type) != null ? S : "", e);
       }
     }), h.current = e, i.current = null;
-  }, [h, e, i, l, n, s]);
+  }, [h, e, i, l, n, a]);
 }
-function se(t) {
+function ae(t) {
   const e = f.useRef(null), {
     reducer: r,
     initialState: n,
     controlledProps: l = N,
-    stateComparers: s = N,
+    stateComparers: a = N,
     onStateChange: i = q,
     actionContext: h,
-    componentName: a = ""
+    componentName: s = ""
   } = t, C = f.useRef(l);
   process.env.NODE_ENV !== "production" && f.useEffect(() => {
     Object.keys(l).forEach((o) => {
-      C.current[o] !== void 0 && l[o] === void 0 && console.error(`useControllableReducer: ${a ? `The ${a} component` : "A component"} is changing a controlled prop to be uncontrolled: ${o}`), C.current[o] === void 0 && l[o] !== void 0 && console.error(`useControllableReducer: ${a ? `The ${a} component` : "A component"} is changing an uncontrolled prop to be controlled: ${o}`);
+      C.current[o] !== void 0 && l[o] === void 0 && console.error(`useControllableReducer: ${s ? `The ${s} component` : "A component"} is changing a controlled prop to be uncontrolled: ${o}`), C.current[o] === void 0 && l[o] !== void 0 && console.error(`useControllableReducer: ${s ? `The ${s} component` : "A component"} is changing an uncontrolled prop to be controlled: ${o}`);
     });
-  }, [l, a]);
+  }, [l, s]);
   const V = f.useCallback((o, S) => {
     e.current = S;
     const R = L(o, l);
@@ -63,24 +62,24 @@ function se(t) {
       context: h
     }));
   }, [h]);
-  return ae({
+  return se({
     nextState: g,
     initialState: n,
-    stateComparers: s ?? N,
+    stateComparers: a ?? N,
     onStateChange: i ?? q,
     controlledProps: l,
     lastActionRef: e
   }), [L(g, l), m];
 }
-function oe(t, e, r, n, l, s) {
-  if (r.length === 0 || !n && r.every((h, a) => l(h, a)))
+function oe(t, e, r, n, l, a) {
+  if (r.length === 0 || !n && r.every((h, s) => l(h, s)))
     return -1;
   let i = t;
   for (; ; ) {
-    if (!s && e === "next" && i === r.length || !s && e === "previous" && i === -1)
+    if (!a && e === "next" && i === r.length || !a && e === "previous" && i === -1)
       return -1;
     if (n ? !1 : l(r[i], i))
-      i += e === "next" ? 1 : -1, s && (i = (i + r.length) % r.length);
+      i += e === "next" ? 1 : -1, a && (i = (i + r.length) % r.length);
     else
       return i;
   }
@@ -89,12 +88,12 @@ function w(t, e, r) {
   var n;
   const {
     items: l,
-    isItemDisabled: s,
+    isItemDisabled: a,
     disableListWrap: i,
     disabledItemsFocusable: h,
-    itemComparer: a,
+    itemComparer: s,
     focusManagement: C
-  } = r, V = C === "DOM" ? 0 : -1, g = l.length - 1, c = t == null ? -1 : l.findIndex((D) => a(D, t));
+  } = r, V = C === "DOM" ? 0 : -1, g = l.length - 1, c = t == null ? -1 : l.findIndex((D) => s(D, t));
   let m, o, S = !i;
   switch (e) {
     case "reset":
@@ -113,8 +112,8 @@ function w(t, e, r) {
       D < 0 ? !S && c !== -1 || Math.abs(e) > 1 ? (m = 0, o = "next") : (m = g, o = "previous") : D > g ? !S || Math.abs(e) > 1 ? (m = g, o = "previous") : (m = 0, o = "next") : (m = D, o = e >= 0 ? "next" : "previous");
     }
   }
-  const R = oe(m, o, l, h, s, S);
-  return R === -1 && t !== null && !s(t, c) ? t : (n = l[R]) != null ? n : null;
+  const R = oe(m, o, l, h, a, S);
+  return R === -1 && t !== null && !a(t, c) ? t : (n = l[R]) != null ? n : null;
 }
 function ce(t, e, r, n) {
   return r === "none" ? [] : r === "single" ? n(e[0], t) ? e : [t] : e.some((l) => n(l, t)) ? e.filter((l) => !n(l, t)) : [...e, t];
@@ -123,14 +122,14 @@ function j(t, e, r) {
   const {
     itemComparer: n,
     isItemDisabled: l,
-    selectionMode: s,
+    selectionMode: a,
     items: i
   } = r, {
     selectedValues: h
-  } = e, a = i.findIndex((V) => n(t, V));
-  if (l(t, a))
+  } = e, s = i.findIndex((V) => n(t, V));
+  if (l(t, s))
     return e;
-  const C = ce(t, h, s, n);
+  const C = ce(t, h, a, n);
   return p({}, e, {
     selectedValues: C,
     highlightedValue: t
@@ -139,7 +138,7 @@ function j(t, e, r) {
 function he(t, e, r) {
   const n = e.highlightedValue, {
     orientation: l,
-    pageSize: s
+    pageSize: a
   } = r;
   switch (t) {
     case "Home":
@@ -152,11 +151,11 @@ function he(t, e, r) {
       });
     case "PageUp":
       return p({}, e, {
-        highlightedValue: w(n, -s, r)
+        highlightedValue: w(n, -a, r)
       });
     case "PageDown":
       return p({}, e, {
-        highlightedValue: w(n, s, r)
+        highlightedValue: w(n, a, r)
       });
     case "ArrowUp":
       if (l !== "vertical")
@@ -204,34 +203,34 @@ function fe(t, e, r) {
   const {
     items: n,
     isItemDisabled: l,
-    disabledItemsFocusable: s,
+    disabledItemsFocusable: a,
     getItemAsString: i
   } = r, h = e.length > 1;
-  let a = h ? t.highlightedValue : w(t.highlightedValue, 1, r);
+  let s = h ? t.highlightedValue : w(t.highlightedValue, 1, r);
   for (let C = 0; C < n.length; C += 1) {
-    if (!a || !h && t.highlightedValue === a)
+    if (!s || !h && t.highlightedValue === s)
       return t;
-    if (de(a, e, i) && (!l(a, n.indexOf(a)) || s))
+    if (de(s, e, i) && (!l(s, n.indexOf(s)) || a))
       return p({}, t, {
-        highlightedValue: a
+        highlightedValue: s
       });
-    a = w(a, 1, r);
+    s = w(s, 1, r);
   }
   return t;
 }
 function me(t, e, r, n) {
   var l;
   const {
-    itemComparer: s,
+    itemComparer: a,
     focusManagement: i
   } = n;
   let h = null;
   if (r.highlightedValue != null) {
-    var a;
-    h = (a = t.find((g) => s(g, r.highlightedValue))) != null ? a : null;
+    var s;
+    h = (s = t.find((g) => a(g, r.highlightedValue))) != null ? s : null;
   } else
     i === "DOM" && e.length === 0 && (h = w(null, "reset", n));
-  const V = ((l = r.selectedValues) != null ? l : []).filter((g) => t.some((c) => s(c, g)));
+  const V = ((l = r.selectedValues) != null ? l : []).filter((g) => t.some((c) => a(c, g)));
   return p({}, r, {
     highlightedValue: h,
     selectedValues: V
@@ -287,8 +286,8 @@ function xe(t) {
   });
   return f.useCallback((r) => {
     if (r.key.length === 1 && r.key !== " ") {
-      const n = e.current, l = r.key.toLowerCase(), s = performance.now();
-      n.searchString.length > 0 && n.lastTime && s - n.lastTime > be ? n.searchString = l : (n.searchString.length !== 1 || l !== n.searchString) && (n.searchString += l), n.lastTime = s, t(n.searchString, r);
+      const n = e.current, l = r.key.toLowerCase(), a = performance.now();
+      n.searchString.length > 0 && n.lastTime && a - n.lastTime > be ? n.searchString = l : (n.searchString.length !== 1 || l !== n.searchString) && (n.searchString += l), n.lastTime = a, t(n.searchString, r);
     }
   }, [t]);
 }
@@ -297,16 +296,16 @@ const z = {}, Ve = () => {
   highlightedValue: null,
   selectedValues: []
 });
-function Oe(t) {
+function Me(t) {
   const {
     controlledProps: e = z,
     disabledItemsFocusable: r = !1,
     disableListWrap: n = !1,
     focusManagement: l = "activeDescendant",
-    getInitialState: s = ve,
+    getInitialState: a = ve,
     getItemDomElement: i,
     getItemId: h,
-    isItemDisabled: a = De,
+    isItemDisabled: s = De,
     rootRef: C,
     onStateChange: V = Ve,
     items: g,
@@ -349,7 +348,7 @@ function Oe(t) {
     disabledItemsFocusable: r,
     disableListWrap: n,
     focusManagement: l,
-    isItemDisabled: a,
+    isItemDisabled: s,
     itemComparer: c,
     items: g,
     getItemAsString: m,
@@ -358,7 +357,7 @@ function Oe(t) {
     pageSize: P,
     selectionMode: $,
     stateComparers: O
-  }), [r, n, l, a, c, g, m, T, D, P, $, O]), Y = s(), X = _ ?? Ie, Q = f.useMemo(() => p({}, H, K), [H, K]), [k, v] = se({
+  }), [r, n, l, s, c, g, m, T, D, P, $, O]), Y = a(), X = _ ?? Ie, Q = f.useMemo(() => p({}, H, K), [H, K]), [k, v] = ae({
     reducer: X,
     actionContext: Q,
     initialState: Y,
@@ -433,5 +432,5 @@ export {
   j as h,
   Ie as l,
   w as m,
-  Oe as u
+  Me as u
 };

package/package.json

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

package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js

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