@ubloimmo/uikit 1.8.32 → 1.9.1

package/dist/node_modules/motion-dom/dist/es/value/index.js

@@ -0,0 +1,224 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { time as n } from "../frameloop/sync-time.js";
+import { frame as p } from "../frameloop/frame.js";
+import { warnOnce as u } from "../../../../motion-utils/dist/es/warn-once.js";
+import { SubscriptionManager as f } from "../../../../motion-utils/dist/es/subscription-manager.js";
+import { velocityPerSecond as l } from "../../../../motion-utils/dist/es/velocity-per-second.js";
+const h = 30, v = (s) => !isNaN(parseFloat(s));
+class m {
+  /**
+   * @param init - The initiating value
+   * @param config - Optional configuration options
+   *
+   * -  `transformer`: A function to transform incoming values with.
+   */
+  constructor(t, e = {}) {
+    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i, o = !0) => {
+      var r, a;
+      const d = n.now();
+      if (this.updatedAt !== d && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && ((r = this.events.change) == null || r.notify(this.current), this.dependents))
+        for (const c of this.dependents)
+          c.dirty();
+      o && ((a = this.events.renderRequest) == null || a.notify(this.current));
+    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = e.owner;
+  }
+  setCurrent(t) {
+    this.current = t, this.updatedAt = n.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = v(this.current));
+  }
+  setPrevFrameValue(t = this.current) {
+    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
+  }
+  /**
+   * Adds a function that will be notified when the `MotionValue` is updated.
+   *
+   * It returns a function that, when called, will cancel the subscription.
+   *
+   * When calling `onChange` inside a React component, it should be wrapped with the
+   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
+   * from the `useEffect` function to ensure you don't add duplicate subscribers..
+   *
+   * ```jsx
+   * export const MyComponent = () => {
+   *   const x = useMotionValue(0)
+   *   const y = useMotionValue(0)
+   *   const opacity = useMotionValue(1)
+   *
+   *   useEffect(() => {
+   *     function updateOpacity() {
+   *       const maxXY = Math.max(x.get(), y.get())
+   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
+   *       opacity.set(newOpacity)
+   *     }
+   *
+   *     const unsubscribeX = x.on("change", updateOpacity)
+   *     const unsubscribeY = y.on("change", updateOpacity)
+   *
+   *     return () => {
+   *       unsubscribeX()
+   *       unsubscribeY()
+   *     }
+   *   }, [])
+   *
+   *   return <motion.div style={{ x }} />
+   * }
+   * ```
+   *
+   * @param subscriber - A function that receives the latest value.
+   * @returns A function that, when called, will cancel this subscription.
+   *
+   * @deprecated
+   */
+  onChange(t) {
+    return process.env.NODE_ENV !== "production" && u(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+  }
+  on(t, e) {
+    this.events[t] || (this.events[t] = new f());
+    const i = this.events[t].add(e);
+    return t === "change" ? () => {
+      i(), p.read(() => {
+        this.events.change.getSize() || this.stop();
+      });
+    } : i;
+  }
+  clearListeners() {
+    for (const t in this.events)
+      this.events[t].clear();
+  }
+  /**
+   * Attaches a passive effect to the `MotionValue`.
+   */
+  attach(t, e) {
+    this.passiveEffect = t, this.stopPassiveEffect = e;
+  }
+  /**
+   * Sets the state of the `MotionValue`.
+   *
+   * @remarks
+   *
+   * ```jsx
+   * const x = useMotionValue(0)
+   * x.set(10)
+   * ```
+   *
+   * @param latest - Latest value to set.
+   * @param render - Whether to notify render subscribers. Defaults to `true`
+   *
+   * @public
+   */
+  set(t, e = !0) {
+    !e || !this.passiveEffect ? this.updateAndNotify(t, e) : this.passiveEffect(t, this.updateAndNotify);
+  }
+  setWithVelocity(t, e, i) {
+    this.set(e), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - i;
+  }
+  /**
+   * Set the state of the `MotionValue`, stopping any active animations,
+   * effects, and resets velocity to `0`.
+   */
+  jump(t, e = !0) {
+    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, e && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+  dirty() {
+    var t;
+    (t = this.events.change) == null || t.notify(this.current);
+  }
+  addDependent(t) {
+    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(t);
+  }
+  removeDependent(t) {
+    this.dependents && this.dependents.delete(t);
+  }
+  /**
+   * Returns the latest state of `MotionValue`
+   *
+   * @returns - The latest state of `MotionValue`
+   *
+   * @public
+   */
+  get() {
+    return this.current;
+  }
+  /**
+   * @public
+   */
+  getPrevious() {
+    return this.prev;
+  }
+  /**
+   * Returns the latest velocity of `MotionValue`
+   *
+   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
+   *
+   * @public
+   */
+  getVelocity() {
+    const t = n.now();
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > h)
+      return 0;
+    const e = Math.min(this.updatedAt - this.prevUpdatedAt, h);
+    return l(parseFloat(this.current) - parseFloat(this.prevFrameValue), e);
+  }
+  /**
+   * Registers a new animation to control this `MotionValue`. Only one
+   * animation can drive a `MotionValue` at one time.
+   *
+   * ```jsx
+   * value.start()
+   * ```
+   *
+   * @param animation - A function that starts the provided animation
+   */
+  start(t) {
+    return this.stop(), new Promise((e) => {
+      this.hasAnimated = !0, this.animation = t(e), this.events.animationStart && this.events.animationStart.notify();
+    }).then(() => {
+      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
+    });
+  }
+  /**
+   * Stop the currently active animation.
+   *
+   * @public
+   */
+  stop() {
+    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
+  }
+  /**
+   * Returns `true` if this value is currently animating.
+   *
+   * @public
+   */
+  isAnimating() {
+    return !!this.animation;
+  }
+  clearAnimation() {
+    delete this.animation;
+  }
+  /**
+   * Destroy and clean up subscribers to this `MotionValue`.
+   *
+   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
+   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
+   * created a `MotionValue` via the `motionValue` function.
+   *
+   * @public
+   */
+  destroy() {
+    var t, e;
+    (t = this.dependents) == null || t.clear(), (e = this.events.destroy) == null || e.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+}
+function w(s, t) {
+  return new m(s, t);
+}
+export {
+  m as MotionValue,
+  w as motionValue
+};

package/dist/node_modules/motion-dom/dist/es/value/types/auto.js

@@ -0,0 +1,15 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+const o = {
+  test: (t) => t === "auto",
+  parse: (t) => t
+};
+export {
+  o as auto
+};

package/dist/node_modules/motion-dom/dist/es/value/types/color/hex.js

@@ -0,0 +1,27 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { rgba as i } from "./rgba.js";
+import { isColorString as g } from "./utils.js";
+function a(r) {
+  let t = "", e = "", n = "", s = "";
+  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
+    red: parseInt(t, 16),
+    green: parseInt(e, 16),
+    blue: parseInt(n, 16),
+    alpha: s ? parseInt(s, 16) / 255 : 1
+  };
+}
+const u = {
+  test: /* @__PURE__ */ g("#"),
+  parse: a,
+  transform: i.transform
+};
+export {
+  u as hex
+};

package/dist/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.js

@@ -0,0 +1,30 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+function c(e, f, r) {
+  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (f - e) * 6 * r : r < 1 / 2 ? f : r < 2 / 3 ? e + (f - e) * (2 / 3 - r) * 6 : e;
+}
+function R({ hue: e, saturation: f, lightness: r, alpha: M }) {
+  e /= 360, f /= 100, r /= 100;
+  let o = 0, u = 0, d = 0;
+  if (!f)
+    o = u = d = r;
+  else {
+    const n = r < 0.5 ? r * (1 + f) : r + f - r * f, b = 2 * r - n;
+    o = c(b, n, e + 1 / 3), u = c(b, n, e), d = c(b, n, e - 1 / 3);
+  }
+  return {
+    red: Math.round(o * 255),
+    green: Math.round(u * 255),
+    blue: Math.round(d * 255),
+    alpha: M
+  };
+}
+export {
+  R as hslaToRgba
+};

package/dist/node_modules/motion-dom/dist/es/value/types/color/hsla.js

@@ -0,0 +1,20 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { alpha as n } from "../numbers/index.js";
+import { percent as t } from "../numbers/units.js";
+import { sanitize as r } from "../utils/sanitize.js";
+import { isColorString as i, splitColor as e } from "./utils.js";
+const u = {
+  test: /* @__PURE__ */ i("hsl", "hue"),
+  parse: /* @__PURE__ */ e("hue", "saturation", "lightness"),
+  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
+};
+export {
+  u as hsla
+};

package/dist/node_modules/motion-dom/dist/es/value/types/color/index.js

@@ -0,0 +1,23 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { hex as o } from "./hex.js";
+import { hsla as t } from "./hsla.js";
+import { rgba as e } from "./rgba.js";
+const a = {
+  test: (r) => e.test(r) || o.test(r) || t.test(r),
+  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : o.parse(r),
+  transform: (r) => typeof r == "string" ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r),
+  getAnimatableNone: (r) => {
+    const s = a.parse(r);
+    return s.alpha = 0, a.transform(s);
+  }
+};
+export {
+  a as color
+};

package/dist/node_modules/motion-dom/dist/es/value/types/color/rgba.js

@@ -0,0 +1,24 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { number as n, alpha as s } from "../numbers/index.js";
+import { sanitize as i } from "../utils/sanitize.js";
+import { isColorString as p, splitColor as e } from "./utils.js";
+import { clamp as f } from "../../../../../../motion-utils/dist/es/clamp.js";
+const l = (r) => f(0, 255, r), o = {
+  ...n,
+  transform: (r) => Math.round(l(r))
+}, h = {
+  test: /* @__PURE__ */ p("rgb", "red"),
+  parse: /* @__PURE__ */ e("red", "green", "blue"),
+  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + i(s.transform(m)) + ")"
+};
+export {
+  o as rgbUnit,
+  h as rgba
+};

package/dist/node_modules/motion-dom/dist/es/value/types/color/utils.js

@@ -0,0 +1,26 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { floatRegex as i } from "../utils/float-regex.js";
+import { isNullish as n } from "../utils/is-nullish.js";
+import { singleColorRegex as f } from "../utils/single-color-regex.js";
+const h = (r, o) => (t) => !!(typeof t == "string" && f.test(t) && t.startsWith(r) || o && !n(t) && Object.prototype.hasOwnProperty.call(t, o)), u = (r, o, t) => (e) => {
+  if (typeof e != "string")
+    return e;
+  const [l, s, p, a] = e.match(i);
+  return {
+    [r]: parseFloat(l),
+    [o]: parseFloat(s),
+    [t]: parseFloat(p),
+    alpha: a !== void 0 ? parseFloat(a) : 1
+  };
+};
+export {
+  h as isColorString,
+  u as splitColor
+};

package/dist/node_modules/motion-dom/dist/es/value/types/complex/filter.js

@@ -0,0 +1,32 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { complex as c } from "./index.js";
+import { floatRegex as i } from "../utils/float-regex.js";
+const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function u(t) {
+  const [e, n] = t.slice(0, -1).split("(");
+  if (e === "drop-shadow")
+    return t;
+  const [o] = n.match(i) || [];
+  if (!o)
+    return t;
+  const r = n.replace(o, "");
+  let a = s.has(e) ? 1 : 0;
+  return o !== n && (a *= 100), e + "(" + a + r + ")";
+}
+const l = /\b([a-z-]*)\(.*?\)/gu, p = {
+  ...c,
+  getAnimatableNone: (t) => {
+    const e = t.match(l);
+    return e ? e.map(u).join(" ") : t;
+  }
+};
+export {
+  p as filter
+};

package/dist/node_modules/motion-dom/dist/es/value/types/complex/index.js

@@ -0,0 +1,57 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { color as u } from "../color/index.js";
+import { colorRegex as N } from "../utils/color-regex.js";
+import { floatRegex as d } from "../utils/float-regex.js";
+import { sanitize as b } from "../utils/sanitize.js";
+function x(t) {
+  var o, e;
+  return isNaN(t) && typeof t == "string" && (((o = t.match(d)) == null ? void 0 : o.length) || 0) + (((e = t.match(N)) == null ? void 0 : e.length) || 0) > 0;
+}
+const p = "number", m = "color", T = "var", O = "var(", a = "${}", R = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function f(t) {
+  const o = t.toString(), e = [], c = {
+    color: [],
+    number: [],
+    var: []
+  }, n = [];
+  let s = 0;
+  const l = o.replace(R, (i) => (u.test(i) ? (c.color.push(s), n.push(m), e.push(u.parse(i))) : i.startsWith(O) ? (c.var.push(s), n.push(T), e.push(i)) : (c.number.push(s), n.push(p), e.push(parseFloat(i))), ++s, a)).split(a);
+  return { values: e, split: l, indexes: c, types: n };
+}
+function h(t) {
+  return f(t).values;
+}
+function g(t) {
+  const { split: o, types: e } = f(t), c = o.length;
+  return (n) => {
+    let s = "";
+    for (let r = 0; r < c; r++)
+      if (s += o[r], n[r] !== void 0) {
+        const l = e[r];
+        l === p ? s += b(n[r]) : l === m ? s += u.transform(n[r]) : s += n[r];
+      }
+    return s;
+  };
+}
+const y = (t) => typeof t == "number" ? 0 : u.test(t) ? u.getAnimatableNone(t) : t;
+function E(t) {
+  const o = h(t);
+  return g(t)(o.map(y));
+}
+const S = {
+  test: x,
+  parse: h,
+  createTransformer: g,
+  getAnimatableNone: E
+};
+export {
+  f as analyseComplexValue,
+  S as complex
+};

package/dist/node_modules/motion-dom/dist/es/value/types/dimensions.js

@@ -0,0 +1,17 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { auto as o } from "./auto.js";
+import { number as r } from "./numbers/index.js";
+import { px as m, percent as t, degrees as i, vw as n, vh as p } from "./numbers/units.js";
+import { testValueType as s } from "./test.js";
+const f = [r, m, t, i, n, p, o], l = (e) => f.find(s(e));
+export {
+  f as dimensionValueTypes,
+  l as findDimensionValueType
+};

package/dist/node_modules/motion-dom/dist/es/value/types/int.js

@@ -0,0 +1,16 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { number as r } from "./numbers/index.js";
+const t = {
+  ...r,
+  transform: Math.round
+};
+export {
+  t as int
+};

package/dist/node_modules/motion-dom/dist/es/value/types/maps/defaults.js

@@ -0,0 +1,32 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { color as o } from "../color/index.js";
+import { filter as r } from "../complex/filter.js";
+import { numberValueTypes as l } from "./number.js";
+const t = {
+  ...l,
+  // Color props
+  color: o,
+  backgroundColor: o,
+  outlineColor: o,
+  fill: o,
+  stroke: o,
+  // Border props
+  borderColor: o,
+  borderTopColor: o,
+  borderRightColor: o,
+  borderBottomColor: o,
+  borderLeftColor: o,
+  filter: r,
+  WebkitFilter: r
+}, m = (e) => t[e];
+export {
+  t as defaultValueTypes,
+  m as getDefaultValueType
+};

package/dist/node_modules/motion-dom/dist/es/value/types/maps/number.js

@@ -0,0 +1,58 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { int as o } from "../int.js";
+import { alpha as i } from "../numbers/index.js";
+import { px as t } from "../numbers/units.js";
+import { transformValueTypes as r } from "./transform.js";
+const p = {
+  // Border props
+  borderWidth: t,
+  borderTopWidth: t,
+  borderRightWidth: t,
+  borderBottomWidth: t,
+  borderLeftWidth: t,
+  borderRadius: t,
+  radius: t,
+  borderTopLeftRadius: t,
+  borderTopRightRadius: t,
+  borderBottomRightRadius: t,
+  borderBottomLeftRadius: t,
+  // Positioning props
+  width: t,
+  maxWidth: t,
+  height: t,
+  maxHeight: t,
+  top: t,
+  right: t,
+  bottom: t,
+  left: t,
+  // Spacing props
+  padding: t,
+  paddingTop: t,
+  paddingRight: t,
+  paddingBottom: t,
+  paddingLeft: t,
+  margin: t,
+  marginTop: t,
+  marginRight: t,
+  marginBottom: t,
+  marginLeft: t,
+  // Misc
+  backgroundPositionX: t,
+  backgroundPositionY: t,
+  ...r,
+  zIndex: o,
+  // SVG
+  fillOpacity: i,
+  strokeOpacity: i,
+  numOctaves: o
+};
+export {
+  p as numberValueTypes
+};

package/dist/node_modules/motion-dom/dist/es/value/types/maps/transform.js

@@ -0,0 +1,39 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { scale as t, alpha as s } from "../numbers/index.js";
+import { degrees as r, px as e, progressPercentage as a } from "../numbers/units.js";
+const n = {
+  rotate: r,
+  rotateX: r,
+  rotateY: r,
+  rotateZ: r,
+  scale: t,
+  scaleX: t,
+  scaleY: t,
+  scaleZ: t,
+  skew: r,
+  skewX: r,
+  skewY: r,
+  distance: e,
+  translateX: e,
+  translateY: e,
+  translateZ: e,
+  x: e,
+  y: e,
+  z: e,
+  perspective: e,
+  transformPerspective: e,
+  opacity: s,
+  originX: a,
+  originY: a,
+  originZ: e
+};
+export {
+  n as transformValueTypes
+};

package/dist/node_modules/motion-dom/dist/es/value/types/numbers/index.js

@@ -0,0 +1,25 @@
+/**
+* @ubloimmo/uikit version 1.9.1
+*
+* Copyright © Ublo 2025
+* https://ublo.immo
+*/
+
+
+import { clamp as a } from "../../../../../../motion-utils/dist/es/clamp.js";
+const r = {
+  test: (t) => typeof t == "number",
+  parse: parseFloat,
+  transform: (t) => t
+}, e = {
+  ...r,
+  transform: (t) => a(0, 1, t)
+}, s = {
+  ...r,
+  default: 1
+};
+export {
+  e as alpha,
+  r as number,
+  s as scale
+};