@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.1

package/dist/components/Slideout/Slideout.js

@@ -1,23 +1,23 @@
-import { jsx as q } from "react/jsx-runtime";
-import { c as ee } from "../../cx-DN21T1EH.js";
-import { useState as te, useRef as O, useEffect as w, useMemo as F, useCallback as ne, cloneElement as re } from "react";
-import { u as se, b as le, c as oe, d as ie, e as ue, g as fe } from "../../floating-ui.react-CPN4oQCc.js";
-import { idsLogger as ae } from "../../helpers/utility/idsLogger.js";
-import { propagateTestid as ce } from "../../helpers/utility/propagateTestid.js";
-import { SlideoutInner as de } from "./components/SlideoutInner.js";
-import { slideout as me } from "./Slideout.styles.js";
-import { useIdIfNeeded as he } from "../../hooks/useIdIfNeeded.js";
-import { IressText as pe } from "../Text/Text.js";
-import { usePushElement as ge } from "./hooks/usePushElement.js";
-import { s as ye } from "../../is-valid-prop-DFFvE05x.js";
-import { GlobalCSSClass as U } from "../../enums.js";
-import { timeStringToNumber as Se } from "../../helpers/transition/timeStringToNumber.js";
-import { useProviderSlideout as be } from "./hooks/useProviderSlideout.js";
-function Ne(r) {
-  function i() {
-    s && (e.length > 0 && /^[~+>]$/.test(e[e.length - 1]) && e.push(" "), e.push(s));
+import { jsx as C } from "react/jsx-runtime";
+import { c as V } from "../../cx-DN21T1EH.js";
+import { useState as ee, useRef as A, useEffect as b, useMemo as O, useCallback as te } from "react";
+import { u as ne, b as oe, c as re, d as se, e as le, g as ie } from "../../floating-ui.react-CmSaAiNF.js";
+import { idsLogger as ue } from "../../helpers/utility/idsLogger.js";
+import { propagateTestid as ae } from "../../helpers/utility/propagateTestid.js";
+import { SlideoutInner as fe } from "./components/SlideoutInner.js";
+import { slideout as ce } from "./Slideout.styles.js";
+import { useIdIfNeeded as de } from "../../hooks/useIdIfNeeded.js";
+import { IressText as he } from "../Text/Text.js";
+import { usePushElement as me } from "./hooks/usePushElement.js";
+import { s as pe } from "../../is-valid-prop-Ce0wiweq.js";
+import { GlobalCSSClass as P } from "../../enums.js";
+import { timeStringToNumber as ge } from "../../helpers/transition/timeStringToNumber.js";
+import { useProviderSlideout as ye } from "./hooks/useProviderSlideout.js";
+function Se(o) {
+  function l() {
+    r && (e.length > 0 && /^[~+>]$/.test(e[e.length - 1]) && e.push(" "), e.push(r));
   }
-  var e = [], t, s, u, n = [0], o = 0, f, a = /(?:[^\\]|(?:^|[^\\])(?:\\\\)+)$/, m = /^\s+$/, h = [
+  var e = [], t, r, i, n = [0], s = 0, a, u = /(?:[^\\]|(?:^|[^\\])(?:\\\\)+)$/, d = /^\s+$/, p = [
     /\s+|\/\*|["'>~+[(]/g,
     // general
     /\s+|\/\*|["'[\]()]/g,
@@ -29,216 +29,211 @@ function Ne(r) {
     /\*\//g
     // comment
   ];
-  for (r = r.trim(); ; )
-    if (s = "", u = h[n[n.length - 1]], u.lastIndex = o, t = u.exec(r), t)
-      if (f = o, o = u.lastIndex, f < o - t[0].length && (s = r.substring(
-        f,
-        o - t[0].length
+  for (o = o.trim(); ; )
+    if (r = "", i = p[n[n.length - 1]], i.lastIndex = s, t = i.exec(o), t)
+      if (a = s, s = i.lastIndex, a < s - t[0].length && (r = o.substring(
+        a,
+        s - t[0].length
       )), n[n.length - 1] < 3) {
-        if (i(), t[0] === "[")
+        if (l(), t[0] === "[")
           n.push(1);
         else if (t[0] === "(")
           n.push(2);
         else if (/^["']$/.test(t[0]))
-          n.push(3), h[3] = new RegExp(t[0], "g");
+          n.push(3), p[3] = new RegExp(t[0], "g");
         else if (t[0] === "/*")
           n.push(4);
         else if (/^[\])]$/.test(t[0]) && n.length > 0)
           n.pop();
-        else if (/^(?:\s+|[~+>])$/.test(t[0]) && (e.length > 0 && !m.test(e[e.length - 1]) && n[n.length - 1] === 0 && e.push(" "), n[n.length - 1] === 1 && e.length === 5 && e[2].charAt(e[2].length - 1) === "=" && (e[4] = " " + e[4]), m.test(t[0])))
+        else if (/^(?:\s+|[~+>])$/.test(t[0]) && (e.length > 0 && !d.test(e[e.length - 1]) && n[n.length - 1] === 0 && e.push(" "), n[n.length - 1] === 1 && e.length === 5 && e[2].charAt(e[2].length - 1) === "=" && (e[4] = " " + e[4]), d.test(t[0])))
           continue;
         e.push(t[0]);
       } else
-        e[e.length - 1] += s, a.test(e[e.length - 1]) && (n[n.length - 1] === 4 && (e.length < 2 || m.test(e[e.length - 2]) ? e.pop() : e[e.length - 1] = " ", t[0] = ""), n.pop()), e[e.length - 1] += t[0];
+        e[e.length - 1] += r, u.test(e[e.length - 1]) && (n[n.length - 1] === 4 && (e.length < 2 || d.test(e[e.length - 2]) ? e.pop() : e[e.length - 1] = " ", t[0] = ""), n.pop()), e[e.length - 1] += t[0];
     else {
-      s = r.substr(o), i();
+      r = o.substr(s), l();
       break;
     }
   return e.join("").trim();
 }
-function we(r, i = document, e = null) {
-  return Ie(r, !1, i, e);
+function be(o, l = document, e = null) {
+  return we(o, !1, l, e);
 }
-function Ie(r, i, e, t = null) {
-  r = Ne(r);
-  let s = e.querySelector(r);
-  return document.head.createShadowRoot || document.head.attachShadow ? s || v(r, ",").reduce((n, o) => {
+function we(o, l, e, t = null) {
+  o = Se(o);
+  let r = e.querySelector(o);
+  return document.head.createShadowRoot || document.head.attachShadow ? r || _(o, ",").reduce((n, s) => {
     if (n)
       return n;
-    const f = v(o.replace(/^\s+/g, "").replace(/\s*([>+~]+)\s*/g, "$1"), " ").filter((g) => !!g).map((g) => v(g, ">")), a = f.length - 1, m = f[a][f[a].length - 1], h = xe(m, e, t), S = _e(f, a, e);
-    return n = h.find(S), n || null;
-  }, null) : s;
+    const a = _(s.replace(/^\s+/g, "").replace(/\s*([>+~]+)\s*/g, "$1"), " ").filter((g) => !!g).map((g) => _(g, ">")), u = a.length - 1, d = a[u][a[u].length - 1], p = Ie(d, e, t), E = Ee(a, u, e);
+    return n = p.find(E), n || null;
+  }, null) : r;
 }
-function _e(r, i, e) {
+function Ee(o, l, e) {
   return (t) => {
-    let s = i, u = t, n = !1;
-    for (; u && !Re(u); ) {
-      let o = !0;
-      if (r[s].length === 1)
-        o = u.matches(r[s]);
+    let r = l, i = t, n = !1;
+    for (; i && !Ne(i); ) {
+      let s = !0;
+      if (o[r].length === 1)
+        s = i.matches(o[r]);
       else {
-        const f = [].concat(r[s]).reverse();
-        let a = u;
-        for (const m of f) {
-          if (!a || !a.matches(m)) {
-            o = !1;
+        const a = [].concat(o[r]).reverse();
+        let u = i;
+        for (const d of a) {
+          if (!u || !u.matches(d)) {
+            s = !1;
             break;
           }
-          a = Q(a, e);
+          u = T(u, e);
         }
       }
-      if (o && s === 0) {
+      if (s && r === 0) {
         n = !0;
         break;
       }
-      o && s--, u = Q(u, e);
+      s && r--, i = T(i, e);
     }
     return n;
   };
 }
-function v(r, i) {
-  return r.match(/\\?.|^$/g).reduce((e, t) => (t === '"' && !e.sQuote ? (e.quote ^= 1, e.a[e.a.length - 1] += t) : t === "'" && !e.quote ? (e.sQuote ^= 1, e.a[e.a.length - 1] += t) : !e.quote && !e.sQuote && t === i ? e.a.push("") : e.a[e.a.length - 1] += t, e), { a: [""] }).a;
+function _(o, l) {
+  return o.match(/\\?.|^$/g).reduce((e, t) => (t === '"' && !e.sQuote ? (e.quote ^= 1, e.a[e.a.length - 1] += t) : t === "'" && !e.quote ? (e.sQuote ^= 1, e.a[e.a.length - 1] += t) : !e.quote && !e.sQuote && t === l ? e.a.push("") : e.a[e.a.length - 1] += t, e), { a: [""] }).a;
 }
-function Re(r) {
-  return r.nodeType === Node.DOCUMENT_FRAGMENT_NODE || r.nodeType === Node.DOCUMENT_NODE;
+function Ne(o) {
+  return o.nodeType === Node.DOCUMENT_FRAGMENT_NODE || o.nodeType === Node.DOCUMENT_NODE;
 }
-function Q(r, i) {
-  const e = r.parentNode;
-  return e && e.host && e.nodeType === 11 ? e.host : e === i ? null : e;
+function T(o, l) {
+  const e = o.parentNode;
+  return e && e.host && e.nodeType === 11 ? e.host : e === l ? null : e;
 }
-function xe(r = null, i, e = null) {
+function Ie(o = null, l, e = null) {
   let t = [];
   if (e)
     t = e;
   else {
-    const s = function(u) {
-      for (let n = 0; n < u.length; n++) {
-        const o = u[n];
-        t.push(o), o.shadowRoot && s(o.shadowRoot.querySelectorAll("*"));
+    const r = function(i) {
+      for (let n = 0; n < i.length; n++) {
+        const s = i[n];
+        t.push(s), s.shadowRoot && r(s.shadowRoot.querySelectorAll("*"));
       }
     };
-    i.shadowRoot && s(i.shadowRoot.querySelectorAll("*")), s(i.querySelectorAll("*"));
+    l.shadowRoot && r(l.shadowRoot.querySelectorAll("*")), r(l.querySelectorAll("*"));
   }
-  return r ? t.filter((s) => s.matches(r)) : t;
+  return o ? t.filter((r) => r.matches(o)) : t;
 }
-const He = ({
-  children: r,
-  className: i,
+const Ue = ({
+  children: o,
+  className: l,
   closeText: e = "Close",
   container: t,
-  "data-testid": s,
-  defaultShow: u = !1,
+  "data-testid": r,
+  defaultShow: i = !1,
   eleToPush: n,
-  footer: o,
-  heading: f,
-  mode: a = "overlay",
-  onEntered: m,
-  onExited: h,
-  onShowChange: S,
+  footer: s,
+  heading: a,
+  mode: u = "overlay",
+  onEntered: d,
+  onExited: p,
+  onShowChange: E,
   onStatus: g,
-  onTransitionEnd: I,
-  position: b = "right",
-  show: R,
-  size: x = "sm",
-  style: j,
-  ...M
+  onTransitionEnd: R,
+  position: y = "right",
+  show: N,
+  size: I = "sm",
+  style: F,
+  ...x
 }) => {
-  const [G, H] = te(u), C = O(240), N = O(null), y = be(M.id), D = he({ id: M.id }), _ = `${D}--heading`, P = y.opened || R || G, $ = (l, c, A) => {
-    var E;
-    (E = y == null ? void 0 : y.show) == null || E.call(y, l), H(l), S == null || S(l, A);
-  }, { context: p } = se({
-    open: P,
-    onOpenChange: $
-  }), B = le(p, {
+  const [U, Q] = ee(i), M = A(240), S = A(null), w = ye(x.id), q = de({ id: x.id }), v = `${q}--heading`, j = w.opened || N || U, D = (f, m, k) => {
+    w?.show?.(f), Q(f), E?.(f, k);
+  }, { context: h } = ne({
+    open: j,
+    onOpenChange: D
+  }), G = oe(h, {
     enabled: !0,
     outsidePress: !1
-  }), L = oe(p), J = ie([B, L]), { isMounted: K, status: d } = ue(p, {
-    duration: C.current
-  }), W = me({
-    position: b,
-    size: x,
-    status: d,
-    mode: a
+  }), H = re(h), B = se([G, H]), { isMounted: L, status: c } = le(h, {
+    duration: M.current
+  }), J = ce({
+    position: y,
+    size: I,
+    status: c,
+    mode: u
   });
-  w(() => {
-    y.opened && R && ae(
+  b(() => {
+    w.opened && N && ue(
       "IressSlideout: Please use either IressSlideoutProvider for uncontrolled components, or the show prop for controlled components, rather than both. If you use both, the open state of the slideout will become unpredictable. If you want to show a slideout by default in uncontrolled mode, use the defaultShow prop."
     );
-  }, [y.opened, R]), w(() => {
-    g == null || g(d);
-  }, [d, g]), w(() => {
-    const l = (c) => typeof c == "string" ? we(c) : c instanceof Element ? c : c == null ? void 0 : c.current;
-    return a === "overlay" ? N.current = null : N.current = l(n), () => {
-      N.current = null;
+  }, [w.opened, N]), b(() => {
+    g?.(c);
+  }, [c, g]), b(() => {
+    const f = (m) => typeof m == "string" ? be(m) : m instanceof Element ? m : m?.current;
+    return u === "overlay" ? S.current = null : S.current = f(n), () => {
+      S.current = null;
     };
-  }, [n, a]), w(() => {
-    var l, c;
-    d === "initial" && ((l = p.refs.floating) != null && l.current) && (C.current = Se(
-      ((c = window.getComputedStyle(p.refs.floating.current, null)) == null ? void 0 : c.getPropertyValue("--iress-transition-duration")) || ".3s"
+  }, [n, u]), b(() => {
+    c === "initial" && h.refs.floating?.current && (M.current = ge(
+      window.getComputedStyle(h.refs.floating.current, null)?.getPropertyValue("--iress-transition-duration") || ".3s"
     ) * 1.2);
-  }, [p.refs.floating, d]), w(() => {
-    var l, c;
-    d === "open" && ((c = (l = p.refs.floating) == null ? void 0 : l.current) == null || c.focus());
-  }, [p.refs.floating, d]);
-  const X = F(
+  }, [h.refs.floating, c]), b(() => {
+    c === "open" && h.refs.floating?.current?.focus();
+  }, [h.refs.floating, c]);
+  const K = O(
     () => ({
-      element: N.current ?? null,
-      isActive: a === "push",
-      position: b,
-      size: x,
-      status: d
+      element: S.current ?? null,
+      isActive: u === "push",
+      position: y,
+      size: I,
+      status: c
     }),
-    [N, a, b, x, d]
+    [S, u, y, I, c]
   );
-  ge(X);
-  const Y = ne(
-    (l) => {
-      I == null || I(l);
-      const c = b === "right" ? "right" : "left";
-      !(l.propertyName === c || l.propertyName === "opacity" || !l.propertyName) || l.target !== l.currentTarget || (d === "open" ? m == null || m() : d === "close" && (h == null || h()));
+  me(K);
+  const W = te(
+    (f) => {
+      R?.(f);
+      const m = y === "right" ? "right" : "left";
+      !(f.propertyName === m || f.propertyName === "opacity" || !f.propertyName) || f.target !== f.currentTarget || (c === "open" ? d?.() : c === "close" && p?.());
     },
-    [I, b, d, m, h]
-  ), k = F(() => typeof f == "string" ? /* @__PURE__ */ q(
-    pe,
+    [R, y, c, d, p]
+  ), $ = O(() => typeof a == "string" ? /* @__PURE__ */ C(
+    he,
     {
-      id: _,
-      "data-testid": ce(s, "heading"),
+      id: v,
+      "data-testid": ae(r, "heading"),
       element: "h2",
-      children: f
+      children: a
     }
-  ) : f ? re(f, {
-    id: _
-  }) : null, [s, _, f]);
-  if (!K) return null;
-  const Z = ee(
-    W.root,
-    i,
-    U.Slideout,
-    d === "open" && U.SlideoutOpen
-  ), [z, T] = ye(M), V = {
-    "aria-labelledby": k ? _ : void 0,
-    children: r,
-    className: Z,
+  ) : a, [r, v, a]);
+  if (!L) return null;
+  const X = V(
+    J.root,
+    l,
+    P.Slideout,
+    c === "open" && P.SlideoutOpen
+  ), [Y, Z] = pe(x), z = {
+    "aria-labelledby": $ ? v : void 0,
+    children: o,
+    className: X,
     closeText: e,
-    "data-testid": s,
-    footer: o,
-    floatingRef: (l) => p.refs.setFloating(l),
-    heading: k,
-    id: D,
-    onOpenChange: $,
-    ...z,
-    ...J.getFloatingProps(T),
-    onTransitionEnd: Y
+    "data-testid": r,
+    footer: s,
+    floatingRef: (f) => h.refs.setFloating(f),
+    heading: $,
+    id: q,
+    onOpenChange: D,
+    ...Y,
+    ...B.getFloatingProps(Z),
+    onTransitionEnd: W
   };
-  return /* @__PURE__ */ q(fe, { root: t, children: /* @__PURE__ */ q(
-    de,
+  return /* @__PURE__ */ C(ie, { root: t, children: /* @__PURE__ */ C(
+    fe,
     {
-      ...V,
-      style: j,
-      "data-testid": s
+      ...z,
+      style: F,
+      "data-testid": r
     }
   ) });
 };
 export {
-  He as IressSlideout
+  Ue as IressSlideout
 };

package/dist/components/Slideout/Slideout.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-TRyehFkb.js";
+import { s as t } from "../../sva-OmxClA9g.js";
 const i = t({
   slots: ["root", "content", "footer", "closeButton"],
   base: {

package/dist/components/Slideout/SlideoutProvider.js

@@ -1,39 +1,37 @@
 import { jsx as f } from "react/jsx-runtime";
-import { createContext as m, useState as p, useCallback as r, useMemo as x } from "react";
-const S = m(
-  void 0
-), P = ({
+import { useState as p, useCallback as u, useMemo as a } from "react";
+import { SlideoutContext as S } from "./hooks/useSlideout.js";
+const P = ({
   children: i,
-  container: u
+  container: n
 }) => {
-  const [t, c] = p([]), s = r((e) => {
-    c([e]);
-  }, []), n = r((e) => {
-    c(
-      (o) => o.includes(e) ? o.filter((a) => a !== e) : [...o]
+  const [t, l] = p([]), s = u((e) => {
+    l([e]);
+  }, []), r = u((e) => {
+    l(
+      (o) => o.includes(e) ? o.filter((m) => m !== e) : [...o]
     );
-  }, []), l = r(
+  }, []), c = u(
     (e, o) => {
       if (o !== void 0) {
         if (o)
           return s(e);
-        n(e);
+        r(e);
         return;
       }
-      t.includes(e) ? n(e) : s(e);
+      t.includes(e) ? r(e) : s(e);
     },
-    [n, s, t]
-  ), d = x(
+    [r, s, t]
+  ), d = a(
     () => ({
-      container: u,
+      container: n,
       opened: t,
-      showSlideout: l
+      showSlideout: c
     }),
-    [u, t, l]
+    [n, t, c]
   );
   return /* @__PURE__ */ f(S.Provider, { value: d, children: i });
 };
 export {
-  P as IressSlideoutProvider,
-  S as SlideoutContext
+  P as IressSlideoutProvider
 };

package/dist/components/Slideout/components/SlideoutInner.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as d } from "react/jsx-runtime";
 import { propagateTestid as o } from "../../../helpers/utility/propagateTestid.js";
-import "../../../Button-BXzmntRi.js";
+import "../../../Button-D6AL0bia.js";
 import { IressCloseButton as j } from "../../Button/CloseButton/CloseButton.js";
 import { slideout as v } from "../Slideout.styles.js";
-import { s as f } from "../../../factory-DHLOr79I.js";
-import { s as B } from "../../../is-valid-prop-DFFvE05x.js";
+import { s as f } from "../../../factory-oPXoMw9H.js";
+import { s as B } from "../../../is-valid-prop-Ce0wiweq.js";
 import { IressText as _ } from "../../Text/Text.js";
 const F = ({
   children: u,

package/dist/components/Slideout/hooks/useProviderSlideout.js

@@ -1,13 +1,13 @@
-import { useContext as e } from "react";
-import { SlideoutContext as u } from "../SlideoutProvider.js";
-function l(o) {
-  const t = e(u);
+import { useContext as n } from "react";
+import { SlideoutContext as r } from "./useSlideout.js";
+function p(o) {
+  const e = n(r);
   return {
-    opened: o && (t == null ? void 0 : t.opened.includes(o)),
-    container: t == null ? void 0 : t.container,
-    show: (n) => o && (t == null ? void 0 : t.showSlideout(o, n))
+    opened: o && e?.opened.includes(o),
+    container: e?.container,
+    show: (t) => o && e?.showSlideout(o, t)
   };
 }
 export {
-  l as useProviderSlideout
+  p as useProviderSlideout
 };

package/dist/components/Slideout/hooks/usePushElement.js

@@ -1,49 +1,49 @@
-import { useRef as p, useEffect as y } from "react";
-import { GlobalCSSClass as f } from "../../../enums.js";
-import { t as m } from "../../../index-DlGwAtoO.js";
+import { useRef as m, useEffect as y } from "react";
+import { GlobalCSSClass as e } from "../../../enums.js";
+import { t as p } from "../../../index-CvOVcYUc.js";
 import { useBreakpoint as S } from "../../../hooks/useBreakpoint.js";
 function h({
   element: r,
-  isActive: o,
-  position: c,
-  size: d,
-  status: n,
-  onOpen: u,
-  onClose: i
+  isActive: l,
+  position: n,
+  size: u,
+  status: o,
+  onOpen: f,
+  onClose: a
 }) {
-  const s = p(null), { breakpoint: e } = S();
+  const t = m(null), { breakpoint: d } = S();
   y(() => {
     if (!r) return;
-    if (!s.current) {
-      const t = c === "left" ? "marginInlineStart" : "marginInlineEnd";
-      s.current = {
+    if (!t.current) {
+      const s = n === "left" ? "marginInlineStart" : "marginInlineEnd";
+      t.current = {
         classNames: [...r.classList],
         style: {
-          [t]: r.style[t],
+          [s]: r.style[s],
           transition: r.style.transition
         }
       };
     }
-    const a = window.matchMedia(
+    const i = window.matchMedia(
       "(prefers-reduced-motion: reduce)"
     ).matches;
-    return r.classList.add(f.SlideoutPushElement), r.style.transition = a ? "none" : "all 0.3s ease-out", () => {
-      if (r && s.current && (r.className = s.current.classNames.join(" "), s.current.style))
-        for (const t in s.current.style) {
-          const l = t;
+    return r.classList.add(e.SlideoutPushElement), r.style.transition = i ? "none" : "all 0.3s ease-out", () => {
+      if (r && t.current && (r.className = t.current.classNames.join(" "), t.current.style))
+        for (const s in t.current.style) {
+          const c = s;
           r.style.setProperty(
-            t,
-            String(s.current.style[l] ?? "")
+            s,
+            String(t.current.style[c] ?? "")
           );
         }
     };
-  }, [r, c]), y(() => {
-    if (!r || !o) return;
-    const a = c === "left" ? "marginInlineStart" : "marginInlineEnd", t = d === "md" ? "sizes.overlay.md" : "sizes.overlay.sm", l = ["xl", "xxl"];
-    return n === "open" ? (u == null || u(), r.classList.add(f.SlideoutOpen), l.includes(e) ? r.style[a] = m.var(t).replace(")", `, ${m(t)})`) : r.style[a] = "initial") : n === "close" && (i == null || i(), r.classList.remove(f.SlideoutOpen), r.style[a] = "initial"), () => {
-      r && n === "unmounted" && (i == null || i());
+  }, [r, n]), y(() => {
+    if (!r || !l) return;
+    const i = n === "left" ? "marginInlineStart" : "marginInlineEnd", s = u === "md" ? "sizes.overlay.md" : "sizes.overlay.sm", c = ["xl", "xxl"];
+    return o === "open" ? (f?.(), r.classList.add(e.SlideoutOpen), c.includes(d) ? r.style[i] = p.var(s).replace(")", `, ${p(s)})`) : r.style[i] = "initial") : o === "close" && (a?.(), r.classList.remove(e.SlideoutOpen), r.style[i] = "initial"), () => {
+      r && o === "unmounted" && a?.();
     };
-  }, [r, o, c, d, n, u, i, e]);
+  }, [r, l, n, u, o, f, a, d]);
 }
 export {
   h as usePushElement

package/dist/components/Slideout/hooks/useSlideout.js

@@ -1,20 +1,22 @@
-import { useContext as r, useMemo as s } from "react";
-import { SlideoutContext as u } from "../SlideoutProvider.js";
-const n = () => {
-  const o = r(u);
-  if (!o)
+import { createContext as r, useContext as s, useMemo as u } from "react";
+const i = r(
+  void 0
+), n = () => {
+  const e = s(i);
+  if (!e)
     throw new Error(
       "IressSlideout: showSlideout must be used within a IressSlideoutProvider"
     );
-  return s(
+  return u(
     () => ({
-      showSlideout: (e, t = !0) => {
-        o.showSlideout(e, t);
+      showSlideout: (t, o = !0) => {
+        e.showSlideout(t, o);
       }
     }),
-    [o]
+    [e]
   );
 };
 export {
+  i as SlideoutContext,
   n as useSlideout
 };

package/dist/components/Slideout/index.js

@@ -1,10 +1,11 @@
 import { IressSlideout as r } from "./Slideout.js";
-import { slideout as s } from "./Slideout.styles.js";
-import { IressSlideoutProvider as i } from "./SlideoutProvider.js";
-import { useSlideout as f } from "./hooks/useSlideout.js";
+import { slideout as d } from "./Slideout.styles.js";
+import { IressSlideoutProvider as s } from "./SlideoutProvider.js";
+import { SlideoutContext as l, useSlideout as x } from "./hooks/useSlideout.js";
 export {
   r as IressSlideout,
-  i as IressSlideoutProvider,
-  s as slideout,
-  f as useSlideout
+  s as IressSlideoutProvider,
+  l as SlideoutContext,
+  d as slideout,
+  x as useSlideout
 };