@fluidattacks/design 8.0.0 → 8.2.0

package/dist/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.js

@@ -0,0 +1,65 @@
+import { useContext as u, useRef as l, useInsertionEffect as x, useEffect as j } from "react";
+import { LazyContext as I } from "../../context/LazyContext.js";
+import { MotionConfigContext as k } from "../../context/MotionConfigContext.js";
+import { MotionContext as S } from "../../context/MotionContext/index.js";
+import { PresenceContext as L } from "../../context/PresenceContext.js";
+import { SwitchLayoutGroupContext as O } from "../../context/SwitchLayoutGroupContext.js";
+import { isRefObject as R } from "../../utils/is-ref-object.js";
+import { useIsomorphicLayoutEffect as b } from "../../utils/use-isomorphic-effect.js";
+import { optimizedAppearDataAttribute as H } from "../../../../../motion-dom/dist/es/animation/optimized-appear/data-id.js";
+function K(o, f, n, e, s, a) {
+  const { visualElement: y } = u(S), c = u(I), i = u(L), d = u(k), C = d.reducedMotion, M = d.skipAnimations, r = l(null), w = l(!1);
+  e = e || c.renderer, !r.current && e && (r.current = e(o, {
+    visualState: f,
+    parent: y,
+    props: n,
+    presenceContext: i,
+    blockInitialAnimation: i ? i.initial === !1 : !1,
+    reducedMotionConfig: C,
+    skipAnimations: M,
+    isSVG: a
+  }), w.current && r.current && (r.current.manuallyAnimateOnMount = !0));
+  const t = r.current, A = u(O);
+  t && !t.projection && s && (t.type === "html" || t.type === "svg") && z(r.current, n, s, A);
+  const g = l(!1);
+  x(() => {
+    t && g.current && t.update(n, i);
+  });
+  const m = n[H], p = l(!!m && typeof window < "u" && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
+  return b(() => {
+    w.current = !0, t && (g.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), p.current && t.animationState && t.animationState.animateChanges());
+  }), j(() => {
+    t && (!p.current && t.animationState && t.animationState.animateChanges(), p.current && (queueMicrotask(() => {
+      window.MotionHandoffMarkAsComplete?.(m);
+    }), p.current = !1), t.enteringChildren = void 0);
+  }), t;
+}
+function z(o, f, n, e) {
+  const { layoutId: s, layout: a, drag: y, dragConstraints: c, layoutScroll: i, layoutRoot: d, layoutAnchor: C, layoutCrossfade: M } = f;
+  o.projection = new n(o.latestValues, f["data-framer-portal-id"] ? void 0 : h(o.parent)), o.projection.setOptions({
+    layoutId: s,
+    layout: a,
+    alwaysMeasureLayout: !!y || c && R(c),
+    visualElement: o,
+    /**
+     * TODO: Update options in an effect. This could be tricky as it'll be too late
+     * to update by the time layout animations run.
+     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+     * ensuring it gets called if there's no potential layout animations.
+     *
+     */
+    animationType: typeof a == "string" ? a : "both",
+    initialPromotionConfig: e,
+    crossfade: M,
+    layoutScroll: i,
+    layoutRoot: d,
+    layoutAnchor: C
+  });
+}
+function h(o) {
+  if (o)
+    return o.options.allowProjection !== !1 ? o.projection : h(o.parent);
+}
+export {
+  K as useVisualElement
+};

package/dist/node_modules/framer-motion/dist/es/motion/utils/use-visual-state.js

@@ -0,0 +1,52 @@
+import { useContext as C } from "react";
+import { MotionContext as x } from "../../context/MotionContext/index.js";
+import { PresenceContext as S } from "../../context/PresenceContext.js";
+import { useConstant as h } from "../../utils/use-constant.js";
+import { resolveMotionValue as M } from "../../../../../motion-dom/dist/es/value/utils/resolve-motion-value.js";
+import { isControllingVariants as N, isVariantNode as P } from "../../../../../motion-dom/dist/es/render/utils/is-controlling-variants.js";
+import { isAnimationControls as T } from "../../../../../motion-dom/dist/es/render/utils/is-animation-controls.js";
+import { resolveVariantFromProps as $ } from "../../../../../motion-dom/dist/es/render/utils/resolve-variants.js";
+function b({ scrapeMotionValuesFromProps: t, createRenderState: i }, e, s, n) {
+  return {
+    latestValues: p(e, s, n, t),
+    renderState: i()
+  };
+}
+function p(t, i, e, s) {
+  const n = {}, o = s(t, {});
+  for (const l in o)
+    n[l] = M(o[l]);
+  let { initial: m, animate: u } = t;
+  const g = N(t), v = P(t);
+  i && v && !g && t.inherit !== !1 && (m === void 0 && (m = i.initial), u === void 0 && (u = i.animate));
+  let c = e ? e.initial === !1 : !1;
+  c = c || m === !1;
+  const a = c ? u : m;
+  if (a && typeof a != "boolean" && !T(a)) {
+    const l = Array.isArray(a) ? a : [a];
+    for (let d = 0; d < l.length; d++) {
+      const V = $(t, l[d]);
+      if (V) {
+        const { transitionEnd: k, transition: B, ...y } = V;
+        for (const f in y) {
+          let r = y[f];
+          if (Array.isArray(r)) {
+            const A = c ? r.length - 1 : 0;
+            r = r[A];
+          }
+          r !== null && (n[f] = r);
+        }
+        for (const f in k)
+          n[f] = k[f];
+      }
+    }
+  }
+  return n;
+}
+const z = (t) => (i, e) => {
+  const s = C(x), n = C(S), o = () => b(t, i, s, n);
+  return e ? o() : h(o);
+};
+export {
+  z as makeUseVisualState
+};

package/dist/node_modules/framer-motion/dist/es/motion/utils/valid-prop.js

@@ -0,0 +1,39 @@
+const a = /* @__PURE__ */ new Set([
+  "animate",
+  "exit",
+  "variants",
+  "initial",
+  "style",
+  "values",
+  "variants",
+  "transition",
+  "transformTemplate",
+  "custom",
+  "inherit",
+  "onBeforeLayoutMeasure",
+  "onAnimationStart",
+  "onAnimationComplete",
+  "onUpdate",
+  "onDragStart",
+  "onDrag",
+  "onDragEnd",
+  "onMeasureDragConstraints",
+  "onDirectionLock",
+  "onDragTransitionEnd",
+  "_dragX",
+  "_dragY",
+  "onHoverStart",
+  "onHoverEnd",
+  "onViewportEnter",
+  "onViewportLeave",
+  "globalTapTarget",
+  "propagate",
+  "ignoreStrict",
+  "viewport"
+]);
+function o(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || a.has(t);
+}
+export {
+  o as isValidMotionProp
+};

package/dist/node_modules/framer-motion/dist/es/render/components/create-proxy.js

@@ -0,0 +1,18 @@
+import { createMotionComponent as e } from "../../motion/index.js";
+import { warnOnce as a } from "../../../../../motion-utils/dist/es/warn-once.js";
+function u(r, c) {
+  if (typeof Proxy > "u")
+    return e;
+  const o = /* @__PURE__ */ new Map(), i = (n, t) => e(n, t, r, c), f = (n, t) => (process.env.NODE_ENV !== "production" && a(!1, "motion() is deprecated. Use motion.create() instead."), i(n, t));
+  return new Proxy(f, {
+    /**
+     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
+     * The prop name is passed through as `key` and we can use that to generate a `motion`
+     * DOM component with that name.
+     */
+    get: (n, t) => t === "create" ? i : (o.has(t) || o.set(t, e(t, void 0, r, c)), o.get(t))
+  });
+}
+export {
+  u as createMotionProxy
+};

package/dist/node_modules/framer-motion/dist/es/render/components/m/proxy.js

@@ -0,0 +1,5 @@
+import { createMotionProxy as o } from "../create-proxy.js";
+const t = /* @__PURE__ */ o();
+export {
+  t as m
+};

package/dist/node_modules/framer-motion/dist/es/render/components/motion/feature-bundle.js

@@ -0,0 +1,13 @@
+import { animations as o } from "../../../motion/features/animations.js";
+import { drag as r } from "../../../motion/features/drag.js";
+import { gestureAnimations as t } from "../../../motion/features/gestures.js";
+import { layout as m } from "../../../motion/features/layout.js";
+const f = {
+  ...o,
+  ...t,
+  ...r,
+  ...m
+};
+export {
+  f as featureBundle
+};

package/dist/node_modules/framer-motion/dist/es/render/components/motion/proxy.js

@@ -0,0 +1,7 @@
+import { createDomVisualElement as o } from "../../dom/create-visual-element.js";
+import { createMotionProxy as r } from "../create-proxy.js";
+import { featureBundle as t } from "./feature-bundle.js";
+const n = /* @__PURE__ */ r(t, o);
+export {
+  n as motion
+};

package/dist/node_modules/framer-motion/dist/es/render/dom/create-visual-element.js

@@ -0,0 +1,10 @@
+import { Fragment as m } from "react";
+import { isSVGComponent as t } from "./utils/is-svg-component.js";
+import { SVGVisualElement as o } from "../../../../../motion-dom/dist/es/render/svg/SVGVisualElement.js";
+import { HTMLVisualElement as i } from "../../../../../motion-dom/dist/es/render/html/HTMLVisualElement.js";
+const G = (r, e) => e.isSVG ?? t(r) ? new o(e) : new i(e, {
+  allowProjection: r !== m
+});
+export {
+  G as createDomVisualElement
+};

package/dist/node_modules/framer-motion/dist/es/render/dom/features-animation.js

@@ -0,0 +1,11 @@
+import { animations as o } from "../../motion/features/animations.js";
+import { gestureAnimations as m } from "../../motion/features/gestures.js";
+import { createDomVisualElement as r } from "./create-visual-element.js";
+const n = {
+  renderer: r,
+  ...o,
+  ...m
+};
+export {
+  n as domAnimation
+};

package/dist/node_modules/framer-motion/dist/es/render/dom/use-render.js

@@ -0,0 +1,16 @@
+import { Fragment as p, useMemo as P, createElement as a } from "react";
+import { useHTMLProps as d } from "../html/use-props.js";
+import { useSVGProps as V } from "../svg/use-props.js";
+import { filterProps as g } from "./utils/filter-props.js";
+import { isSVGComponent as h } from "./utils/is-svg-component.js";
+import { isMotionValue as M } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+function H(r, s, o, { latestValues: t }, i, m = !1, n) {
+  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
+  return a(r, {
+    ...f,
+    children: c
+  });
+}
+export {
+  H as useRender
+};

package/dist/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.js

@@ -0,0 +1,21 @@
+import { isValidMotionProp as n } from "../../../motion/utils/valid-prop.js";
+import { isMotionValue as f } from "../../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+let r = (t) => !n(t);
+function u(t) {
+  typeof t == "function" && (r = (i) => i.startsWith("on") ? !n(i) : t(i));
+}
+try {
+  u(require("@emotion/is-prop-valid").default);
+} catch {
+}
+function s(t, i, a) {
+  const e = {};
+  for (const o in t)
+    o === "values" && typeof t.values == "object" || f(t[o]) || (r(o) || a === !0 && n(o) || !i && !n(o) || // If trying to use native HTML drag events, forward drag listeners
+    t.draggable && o.startsWith("onDrag")) && (e[o] = t[o]);
+  return e;
+}
+export {
+  s as filterProps,
+  u as loadExternalIsValidProp
+};

package/dist/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.js

@@ -0,0 +1,24 @@
+import { lowercaseSVGElements as r } from "../../svg/lowercase-elements.js";
+function s(e) {
+  return (
+    /**
+     * If it's not a string, it's a custom React component. Currently we only support
+     * HTML custom React components.
+     */
+    typeof e != "string" || /**
+     * If it contains a dash, the element is a custom HTML webcomponent.
+     */
+    e.includes("-") ? !1 : (
+      /**
+       * If it's in our list of lowercase SVG tags, it's an SVG component
+       */
+      !!(r.indexOf(e) > -1 || /**
+       * If it contains a capital letter, it's an SVG component
+       */
+      /[A-Z]/u.test(e))
+    )
+  );
+}
+export {
+  s as isSVGComponent
+};

package/dist/node_modules/framer-motion/dist/es/render/html/use-html-visual-state.js

@@ -0,0 +1,10 @@
+import { makeUseVisualState as e } from "../../motion/utils/use-visual-state.js";
+import { createHtmlRenderState as t } from "./utils/create-render-state.js";
+import { scrapeMotionValuesFromProps as r } from "../../../../../motion-dom/dist/es/render/html/utils/scrape-motion-values.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: r,
+  createRenderState: t
+});
+export {
+  m as useHTMLVisualState
+};

package/dist/node_modules/framer-motion/dist/es/render/html/use-props.js

@@ -0,0 +1,27 @@
+import { useMemo as i } from "react";
+import { createHtmlRenderState as a } from "./utils/create-render-state.js";
+import { isMotionValue as r } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+import { isForcedMotionValue as l } from "../../../../../motion-dom/dist/es/render/utils/is-forced-motion-value.js";
+import { buildHTMLStyles as s } from "../../../../../motion-dom/dist/es/render/html/utils/build-styles.js";
+function u(t, o, n) {
+  for (const e in o)
+    !r(o[e]) && !l(e, n) && (t[e] = o[e]);
+}
+function c({ transformTemplate: t }, o) {
+  return i(() => {
+    const n = a();
+    return s(n, o, t), Object.assign({}, n.vars, n.style);
+  }, [o]);
+}
+function f(t, o) {
+  const n = t.style || {}, e = {};
+  return u(e, n, t), Object.assign(e, c(t, o)), e;
+}
+function M(t, o) {
+  const n = {}, e = f(t, o);
+  return t.drag && t.dragListener !== !1 && (n.draggable = !1, e.userSelect = e.WebkitUserSelect = e.WebkitTouchCallout = "none", e.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = e, n;
+}
+export {
+  u as copyRawValuesOnly,
+  M as useHTMLProps
+};

package/dist/node_modules/framer-motion/dist/es/render/html/utils/create-render-state.js

@@ -0,0 +1,9 @@
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
+export {
+  r as createHtmlRenderState
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.js

@@ -0,0 +1,30 @@
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
+export {
+  e as lowercaseSVGElements
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/use-props.js

@@ -0,0 +1,22 @@
+import { useMemo as m } from "react";
+import { copyRawValuesOnly as l } from "../html/use-props.js";
+import { createSvgRenderState as i } from "./utils/create-render-state.js";
+import { buildSVGAttrs as a } from "../../../../../motion-dom/dist/es/render/svg/utils/build-attrs.js";
+import { isSVGTag as n } from "../../../../../motion-dom/dist/es/render/svg/utils/is-svg-tag.js";
+function G(e, s, y, o) {
+  const r = m(() => {
+    const t = i();
+    return a(t, s, n(o), e.transformTemplate, e.style), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
+  }
+  return r;
+}
+export {
+  G as useSVGProps
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.js

@@ -0,0 +1,10 @@
+import { makeUseVisualState as e } from "../../motion/utils/use-visual-state.js";
+import { createSvgRenderState as r } from "./utils/create-render-state.js";
+import { scrapeMotionValuesFromProps as t } from "../../../../../motion-dom/dist/es/render/svg/utils/scrape-motion-values.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
+export {
+  m as useSVGVisualState
+};

package/dist/node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.js

@@ -0,0 +1,8 @@
+import { createHtmlRenderState as t } from "../../html/utils/create-render-state.js";
+const r = () => ({
+  ...t(),
+  attrs: {}
+});
+export {
+  r as createSvgRenderState
+};

package/dist/node_modules/framer-motion/dist/es/utils/distance.js

@@ -0,0 +1,9 @@
+const s = (t, n) => Math.abs(t - n);
+function e(t, n) {
+  const a = s(t.x, n.x), c = s(t.y, n.y);
+  return Math.sqrt(a ** 2 + c ** 2);
+}
+export {
+  s as distance,
+  e as distance2D
+};

package/dist/node_modules/framer-motion/dist/es/utils/get-context-window.js

@@ -0,0 +1,4 @@
+const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+export {
+  t as getContextWindow
+};

package/dist/node_modules/framer-motion/dist/es/utils/is-browser.js

@@ -0,0 +1,4 @@
+const e = typeof window < "u";
+export {
+  e as isBrowser
+};

package/dist/node_modules/framer-motion/dist/es/utils/is-ref-object.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+}
+export {
+  e as isRefObject
+};

package/dist/node_modules/framer-motion/dist/es/utils/use-constant.js

@@ -0,0 +1,8 @@
+import { useRef as t } from "react";
+function u(n) {
+  const r = t(null);
+  return r.current === null && (r.current = n()), r.current;
+}
+export {
+  u as useConstant
+};

package/dist/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./is-browser.js";
+const s = e ? o : t;
+export {
+  s as useIsomorphicLayoutEffect
+};

package/dist/node_modules/framer-motion/dist/es/value/use-combine-values.js

@@ -0,0 +1,15 @@
+import { useIsomorphicLayoutEffect as a } from "../utils/use-isomorphic-effect.js";
+import { useMotionValue as c } from "./use-motion-value.js";
+import { cancelFrame as m, frame as p } from "../../../../motion-dom/dist/es/frameloop/frame.js";
+function d(n, t) {
+  const r = c(t()), e = () => r.set(t());
+  return e(), a(() => {
+    const s = () => p.preRender(e, !1, !0), u = n.map((o) => o.on("change", s));
+    return () => {
+      u.forEach((o) => o()), m(e);
+    };
+  }), r;
+}
+export {
+  d as useCombineMotionValues
+};

package/dist/node_modules/framer-motion/dist/es/value/use-computed.js

@@ -0,0 +1,10 @@
+import { useCombineMotionValues as n } from "./use-combine-values.js";
+import { collectMotionValues as e } from "../../../../motion-dom/dist/es/value/index.js";
+function i(o) {
+  e.current = [], o();
+  const r = n(e.current, o);
+  return e.current = void 0, r;
+}
+export {
+  i as useComputed
+};

package/dist/node_modules/framer-motion/dist/es/value/use-motion-value.js

@@ -0,0 +1,15 @@
+import { useContext as s, useState as r, useEffect as u } from "react";
+import { MotionConfigContext as f } from "../context/MotionConfigContext.js";
+import { useConstant as i } from "../utils/use-constant.js";
+import { motionValue as m } from "../../../../motion-dom/dist/es/value/index.js";
+function x(t) {
+  const o = i(() => m(t)), { isStatic: e } = s(f);
+  if (e) {
+    const [, n] = r(t);
+    u(() => o.on("change", n), []);
+  }
+  return o;
+}
+export {
+  x as useMotionValue
+};

package/dist/node_modules/framer-motion/dist/es/value/use-transform.js

@@ -0,0 +1,28 @@
+import { useConstant as i } from "../utils/use-constant.js";
+import { useCombineMotionValues as l } from "./use-combine-values.js";
+import { useComputed as u } from "./use-computed.js";
+import { transform as y } from "../../../../motion-dom/dist/es/utils/transform.js";
+function V(e, t, r, s) {
+  if (typeof e == "function")
+    return u(e);
+  const c = typeof t == "function" ? t : y(t, r, s), n = Array.isArray(e) ? m(e, c) : m([e], ([a]) => c(a)), f = Array.isArray(e) ? void 0 : e.accelerate;
+  return f && !f.isTransformed && typeof t != "function" && Array.isArray(r) && s?.clamp !== !1 && (n.accelerate = {
+    ...f,
+    times: t,
+    keyframes: r,
+    isTransformed: !0
+  }), n;
+}
+function m(e, t) {
+  const r = i(() => []);
+  return l(e, () => {
+    r.length = 0;
+    const s = e.length;
+    for (let o = 0; o < s; o++)
+      r[o] = e[o].get();
+    return t(r);
+  });
+}
+export {
+  V as useTransform
+};

package/dist/node_modules/hast-util-parse-selector/lib/index.js

@@ -0,0 +1,20 @@
+const i = /[#.]/g;
+function p(n, o) {
+  const l = n || "", s = {};
+  let t = 0, r, c;
+  for (; t < l.length; ) {
+    i.lastIndex = t;
+    const a = i.exec(l), e = l.slice(t, a ? a.index : l.length);
+    e && (r ? r === "#" ? s.id = e : Array.isArray(s.className) ? s.className.push(e) : s.className = [e] : c = e, t += e.length), a && (r = a[0], t++);
+  }
+  return {
+    type: "element",
+    // @ts-expect-error: tag name is parsed.
+    tagName: c || o || "div",
+    properties: s,
+    children: []
+  };
+}
+export {
+  p as parseSelector
+};