@phillips/seldon 1.32.0 → 1.33.0

package/dist/node_modules/react-remove-scroll/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,27 @@
+var p = function() {
+  return p = Object.assign || function(e) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, p.apply(this, arguments);
+};
+function c(t, e) {
+  var n = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
+  return n;
+}
+function l(t, e, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = e.length, a; r < o; r++)
+    (a || !(r in e)) && (a || (a = Array.prototype.slice.call(e, 0, r)), a[r] = e[r]);
+  return t.concat(a || Array.prototype.slice.call(e));
+}
+export {
+  p as __assign,
+  c as __rest,
+  l as __spreadArray
+};

package/dist/node_modules/react-remove-scroll-bar/dist/es2015/component.js

@@ -0,0 +1,71 @@
+import * as d from "react";
+import { styleSingleton as f } from "../../../react-style-singleton/dist/es2015/component.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./constants.js";
+import { getGapWidth as m } from "./utils.js";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
+`);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
+    };
+  }, []);
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+};
+export {
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
+};

package/dist/node_modules/react-remove-scroll-bar/dist/es2015/constants.js

@@ -0,0 +1,7 @@
+var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
+export {
+  a as fullWidthClassName,
+  l as noScrollbarsClassName,
+  e as removedBarSizeVariable,
+  r as zeroRightClassName
+};

package/dist/node_modules/react-remove-scroll-bar/dist/es2015/utils.js

@@ -0,0 +1,25 @@
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window == "undefined")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
+};
+export {
+  f as getGapWidth,
+  a as zeroGap
+};

package/dist/node_modules/react-style-singleton/dist/es2015/component.js

@@ -0,0 +1,11 @@
+import { styleHookSingleton as o } from "./hook.js";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
+  };
+  return n;
+};
+export {
+  s as styleSingleton
+};

package/dist/node_modules/react-style-singleton/dist/es2015/hook.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import { stylesheetSingleton as r } from "./singleton.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
+};
+export {
+  i as styleHookSingleton
+};

package/dist/node_modules/react-style-singleton/dist/es2015/singleton.js

@@ -0,0 +1,30 @@
+import { getNonce as o } from "../../../get-nonce/dist/es2015/index.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};

package/dist/node_modules/use-callback-ref/dist/es2015/assignRef.js

@@ -0,0 +1,6 @@
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
+export {
+  i as assignRef
+};

package/dist/node_modules/use-callback-ref/dist/es2015/useMergeRef.js

@@ -0,0 +1,26 @@
+import * as f from "react";
+import { assignRef as o } from "./assignRef.js";
+import { useCallbackRef as l } from "./useRef.js";
+var s = typeof window != "undefined" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
+function v(e, m) {
+  var t = l(null, function(n) {
+    return e.forEach(function(u) {
+      return o(u, n);
+    });
+  });
+  return s(function() {
+    var n = c.get(t);
+    if (n) {
+      var u = new Set(n), r = new Set(e), i = t.current;
+      u.forEach(function(a) {
+        r.has(a) || o(a, null);
+      }), r.forEach(function(a) {
+        u.has(a) || o(a, i);
+      });
+    }
+    c.set(t, e);
+  }, [e]), t;
+}
+export {
+  v as useMergeRefs
+};

package/dist/node_modules/use-callback-ref/dist/es2015/useRef.js

@@ -0,0 +1,25 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};

package/dist/node_modules/use-sidecar/dist/es2015/exports.js

@@ -0,0 +1,18 @@
+import { __rest as o, __assign as d } from "../../node_modules/tslib/tslib.es6.js";
+import * as n from "react";
+var i = function(r) {
+  var e = r.sideCar, a = o(r, ["sideCar"]);
+  if (!e)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var t = e.read();
+  if (!t)
+    throw new Error("Sidecar medium not found");
+  return n.createElement(t, d({}, a));
+};
+i.isSideCarExport = !0;
+function p(r, e) {
+  return r.useMedium(e), i;
+}
+export {
+  p as exportSidecar
+};

package/dist/node_modules/use-sidecar/dist/es2015/medium.js

@@ -0,0 +1,67 @@
+import { __assign as d } from "../../node_modules/tslib/tslib.es6.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
+export {
+  v as createSidecarMedium
+};

package/dist/node_modules/use-sidecar/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,21 @@
+var p = function() {
+  return p = Object.assign || function(o) {
+    for (var t, r = 1, n = arguments.length; r < n; r++) {
+      t = arguments[r];
+      for (var a in t) Object.prototype.hasOwnProperty.call(t, a) && (o[a] = t[a]);
+    }
+    return o;
+  }, p.apply(this, arguments);
+};
+function u(e, o) {
+  var t = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, r = Object.getOwnPropertySymbols(e); n < r.length; n++)
+      o.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[n]) && (t[r[n]] = e[r[n]]);
+  return t;
+}
+export {
+  p as __assign,
+  u as __rest
+};

package/dist/scss/_vars.scss

@@ -42,6 +42,7 @@ $clock-widget-red: $widget-red;
 $articker-red: #fc1e2b;
 $articker-orange: #ff8201;
 $articker-red-orange-gradient: linear-gradient(90deg, #fc1e2b, #ff8201);
+$overlay-black: rgba(0, 0, 0, 80%);
 
 // Legacy mapping
 $pure-white: $white;
@@ -242,3 +243,4 @@ $size-sm: 'sm';
 $size-md: 'md';
 $size-lg: 'lg';
 $size-xl: 'xl';
+$default-transition: 150ms cubic-bezier(0.16, 1, 0.3, 1);

package/dist/scss/components/Drawer/_drawer.scss

@@ -0,0 +1,66 @@
+@import '../../_vars';
+
+.#{$px}-drawer {
+  align-items: center;
+  animation: content-show $default-transition;
+  background-color: $white;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  max-width: 600px;
+  padding: $padding-md;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+
+  &:focus {
+    outline: none;
+  }
+
+  @media (max-width: $breakpoint-sm) {
+    max-width: 100%;
+  }
+
+  &__overlay {
+    animation: overlay-show $default-transition;
+    background-color: $overlay-black;
+    inset: 0;
+    position: fixed;
+    z-index: 10;
+  }
+
+  &__close {
+    align-items: center;
+    border-radius: 100%;
+    color: $pure-black;
+    display: inline-flex;
+    justify-content: center;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+  }
+
+  @keyframes overlay-show {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes content-show {
+    from {
+      opacity: 0;
+      transform: translateX(12rem);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+}

package/dist/scss/components/Subscribe/_subscribe.scss

@@ -5,6 +5,7 @@
 
 .#{$px}-subscribe {
   max-width: 30rem;
+  width: 100%;
 
   &__title {
     @include text($heading3);

package/dist/scss/styles.scss

@@ -38,3 +38,4 @@
 @import 'components/Modal/modal';
 @import 'components/Accordion/accordion';
 @import 'components/Breadcrumb/breadcrumb';
+@import 'components/Drawer/drawer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.32.0",
+  "version": "1.33.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -40,6 +40,7 @@
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-dialog": "^1.1.1",
     "change-case": "^5.4.4",
     "classnames": "^2.5.1",
     "flatpickr": "^4.6.13",
@@ -77,10 +78,10 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.8",
+    "eslint-plugin-react-refresh": "^0.4.9",
     "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^9.1.2",
-    "prettier": "3.3.2",
+    "husky": "^9.1.4",
+    "prettier": "3.3.3",
     "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
@@ -90,14 +91,14 @@
     "sass": "^1.77.8",
     "semantic-release": "^23.1.1",
     "storybook": "^8.1.4",
-    "stylelint": "^16.6.1",
+    "stylelint": "^16.8.1",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
     "stylelint-scss": "^6.4.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.5.4",
-    "vite": "^5.3.3",
+    "vite": "^5.3.5",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",

package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-context/dist/index.js

@@ -1,52 +0,0 @@
-import * as i from "react";
-import { jsx as _ } from "react/jsx-runtime";
-function P(t, x = []) {
-  let o = [];
-  function f(u, e) {
-    const n = i.createContext(e), r = o.length;
-    o = [...o, e];
-    function m(a) {
-      const { scope: c, children: C, ...p } = a, d = (c == null ? void 0 : c[t][r]) || n, v = i.useMemo(() => p, Object.values(p));
-      return /* @__PURE__ */ _(d.Provider, { value: v, children: C });
-    }
-    function S(a, c) {
-      const C = (c == null ? void 0 : c[t][r]) || n, p = i.useContext(C);
-      if (p) return p;
-      if (e !== void 0) return e;
-      throw new Error(`\`${a}\` must be used within \`${u}\``);
-    }
-    return m.displayName = u + "Provider", [m, S];
-  }
-  const s = () => {
-    const u = o.map((e) => i.createContext(e));
-    return function(n) {
-      const r = (n == null ? void 0 : n[t]) || u;
-      return i.useMemo(
-        () => ({ [`__scope${t}`]: { ...n, [t]: r } }),
-        [n, r]
-      );
-    };
-  };
-  return s.scopeName = t, [f, h(s, ...x)];
-}
-function h(...t) {
-  const x = t[0];
-  if (t.length === 1) return x;
-  const o = () => {
-    const f = t.map((s) => ({
-      useScope: s(),
-      scopeName: s.scopeName
-    }));
-    return function(u) {
-      const e = f.reduce((n, { useScope: r, scopeName: m }) => {
-        const a = r(u)[`__scope${m}`];
-        return { ...n, ...a };
-      }, {});
-      return i.useMemo(() => ({ [`__scope${x.scopeName}`]: e }), [e]);
-    };
-  };
-  return o.scopeName = x.scopeName, o;
-}
-export {
-  P as createContextScope
-};

package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-primitive/dist/index.js

@@ -1,31 +0,0 @@
-import * as f from "react";
-import "react-dom";
-import { Slot as n } from "../../react-slot/dist/index.js";
-import { jsx as s } from "react/jsx-runtime";
-var d = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], c = d.reduce((o, r) => {
-  const i = f.forwardRef((t, e) => {
-    const { asChild: m, ...a } = t, p = m ? n : r;
-    return typeof window != "undefined" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(p, { ...a, ref: e });
-  });
-  return i.displayName = `Primitive.${r}`, { ...o, [r]: i };
-}, {});
-export {
-  c as Primitive
-};

package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/primitive/dist/index.js

@@ -1,9 +0,0 @@
-function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
-  return function(s) {
-    if (f == null || f(s), p === !1 || !s.defaultPrevented)
-      return c == null ? void 0 : c(s);
-  };
-}
-export {
-  h as composeEventHandlers
-};

package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-compose-refs/dist/index.js

@@ -1,14 +0,0 @@
-import * as e from "react";
-function c(o, n) {
-  typeof o == "function" ? o(n) : o != null && (o.current = n);
-}
-function u(...o) {
-  return (n) => o.forEach((t) => c(t, n));
-}
-function i(...o) {
-  return e.useCallback(u(...o), o);
-}
-export {
-  u as composeRefs,
-  i as useComposedRefs
-};

package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-context/dist/index.js

@@ -1,52 +0,0 @@
-import * as i from "react";
-import { jsx as _ } from "react/jsx-runtime";
-function P(t, x = []) {
-  let o = [];
-  function f(u, e) {
-    const n = i.createContext(e), r = o.length;
-    o = [...o, e];
-    function m(a) {
-      const { scope: c, children: C, ...p } = a, d = (c == null ? void 0 : c[t][r]) || n, v = i.useMemo(() => p, Object.values(p));
-      return /* @__PURE__ */ _(d.Provider, { value: v, children: C });
-    }
-    function S(a, c) {
-      const C = (c == null ? void 0 : c[t][r]) || n, p = i.useContext(C);
-      if (p) return p;
-      if (e !== void 0) return e;
-      throw new Error(`\`${a}\` must be used within \`${u}\``);
-    }
-    return m.displayName = u + "Provider", [m, S];
-  }
-  const s = () => {
-    const u = o.map((e) => i.createContext(e));
-    return function(n) {
-      const r = (n == null ? void 0 : n[t]) || u;
-      return i.useMemo(
-        () => ({ [`__scope${t}`]: { ...n, [t]: r } }),
-        [n, r]
-      );
-    };
-  };
-  return s.scopeName = t, [f, h(s, ...x)];
-}
-function h(...t) {
-  const x = t[0];
-  if (t.length === 1) return x;
-  const o = () => {
-    const f = t.map((s) => ({
-      useScope: s(),
-      scopeName: s.scopeName
-    }));
-    return function(u) {
-      const e = f.reduce((n, { useScope: r, scopeName: m }) => {
-        const a = r(u)[`__scope${m}`];
-        return { ...n, ...a };
-      }, {});
-      return i.useMemo(() => ({ [`__scope${x.scopeName}`]: e }), [e]);
-    };
-  };
-  return o.scopeName = x.scopeName, o;
-}
-export {
-  P as createContextScope
-};

package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-id/dist/index.js

@@ -1,13 +0,0 @@
-import * as f from "react";
-import { useLayoutEffect as a } from "../../react-use-layout-effect/dist/index.js";
-var e = f.useId || (() => {
-}), r = 0;
-function i(o) {
-  const [u, s] = f.useState(e());
-  return a(() => {
-    o || s((t) => t != null ? t : String(r++));
-  }, [o]), o || (u ? `radix-${u}` : "");
-}
-export {
-  i as useId
-};