@frontify/fondue-components 27.0.1 → 29.0.0

package/dist/fondue-components128.js

@@ -0,0 +1,173 @@
+import { computed as U, untracked as ue, batch as X, effect as le, signal as fe } from "./fondue-components131.js";
+import { Signal as Ee } from "./fondue-components131.js";
+var _e = Object.create, G = Object.defineProperty, he = Object.defineProperties, pe = Object.getOwnPropertyDescriptor, ve = Object.getOwnPropertyDescriptors, Y = Object.getOwnPropertySymbols, de = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable, Oe = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), O = (e) => {
+  throw TypeError(e);
+}, A = (e, t, r) => t in e ? G(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ye = (e, t) => {
+  for (var r in t || (t = {}))
+    de.call(t, r) && A(e, r, t[r]);
+  if (Y)
+    for (var r of Y(t))
+      ge.call(t, r) && A(e, r, t[r]);
+  return e;
+}, we = (e, t) => he(e, ve(t)), Z = (e, t) => G(e, "name", { value: t, configurable: !0 }), Pe = (e) => {
+  var t;
+  return [, , , _e((t = void 0) != null ? t : null)];
+}, x = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], P = (e) => e !== void 0 && typeof e != "function" ? O("Function expected") : e, Se = (e, t, r, i, n) => ({ kind: x[e], name: t, metadata: i, addInitializer: (a) => r._ ? O("Already initialized") : n.push(P(a || null)) }), ee = (e, t) => A(t, Oe("metadata"), e[3]), d = (e, t, r, i) => {
+  for (var n = 0, a = e[t >> 1], p = a && a.length; n < p; n++) t & 1 ? a[n].call(r) : i = a[n].call(r, i);
+  return i;
+}, y = (e, t, r, i, n, a) => {
+  var p, l, L, w, m, s = t & 7, j = !!(t & 8), h = !!(t & 16), D = s > 3 ? e.length + 1 : s ? j ? 1 : 2 : 0, Q = x[s + 5], R = s > 3 && (e[D - 1] = []), ce = e[D] || (e[D] = []), _ = s && (!h && !j && (n = n.prototype), s < 5 && (s > 3 || !h) && pe(s < 4 ? n : { get [r]() {
+    return f(this, a);
+  }, set [r](u) {
+    return v(this, a, u);
+  } }, r));
+  s ? h && s < 4 && Z(a, (s > 2 ? "set " : s > 1 ? "get " : "") + r) : Z(n, r);
+  for (var M = i.length - 1; M >= 0; M--)
+    w = Se(s, r, L = {}, e[3], ce), s && (w.static = j, w.private = h, m = w.access = { has: h ? (u) => ke(n, u) : (u) => r in u }, s ^ 3 && (m.get = h ? (u) => (s ^ 1 ? f : me)(u, n, s ^ 4 ? a : _.get) : (u) => u[r]), s > 2 && (m.set = h ? (u, V) => v(u, n, V, s ^ 4 ? a : _.set) : (u, V) => u[r] = V)), l = (0, i[M])(s ? s < 4 ? h ? a : _[Q] : s > 4 ? void 0 : { get: _.get, set: _.set } : n, w), L._ = 1, s ^ 4 || l === void 0 ? P(l) && (s > 4 ? R.unshift(l) : s ? h ? a = l : _[Q] = l : n = l) : typeof l != "object" || l === null ? O("Object expected") : (P(p = l.get) && (_.get = p), P(p = l.set) && (_.set = p), P(p = l.init) && R.unshift(p));
+  return s || ee(e, n), _ && G(n, r, _), h ? s ^ 4 ? a : _ : n;
+}, N = (e, t, r) => t.has(e) || O("Cannot " + r), ke = (e, t) => Object(t) !== t ? O('Cannot use the "in" operator on this value') : e.has(t), f = (e, t, r) => (N(e, t, "read from private field"), r ? r.call(e) : t.get(e)), S = (e, t, r) => t.has(e) ? O("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), v = (e, t, r, i) => (N(e, t, "write to private field"), i ? i.call(e, r) : t.set(e, r), r), me = (e, t, r) => (N(e, t, "access private method"), r);
+function je(e, t) {
+  if (t) {
+    let r;
+    return U(() => {
+      const i = e();
+      return i && r && t(r, i) ? r : (r = i, i);
+    });
+  }
+  return U(e);
+}
+function $(e, t) {
+  if (Object.is(e, t))
+    return !0;
+  if (e === null || t === null) return !1;
+  if (typeof e == "function" && typeof t == "function")
+    return e === t;
+  if (e instanceof Set && t instanceof Set) {
+    if (e.size !== t.size)
+      return !1;
+    for (const r of e)
+      if (!t.has(r))
+        return !1;
+    return !0;
+  }
+  if (Array.isArray(e))
+    return !Array.isArray(t) || e.length !== t.length ? !1 : !e.some(
+      (i, n) => !$(i, t[n])
+    );
+  if (typeof e == "object" && typeof t == "object") {
+    const r = Object.keys(e), i = Object.keys(t);
+    return r.length !== i.length ? !1 : !r.some(
+      (a) => !$(e[a], t[a])
+    );
+  }
+  return !1;
+}
+function W({ get: e }, t) {
+  return {
+    init(r) {
+      return fe(r);
+    },
+    get() {
+      return e.call(this).value;
+    },
+    set(r) {
+      const i = e.call(this);
+      i.peek() !== r && (i.value = r);
+    }
+  };
+}
+function Me(e, t) {
+  const r = /* @__PURE__ */ new WeakMap();
+  return function() {
+    let i = r.get(this);
+    return i || (i = je(e.bind(this)), r.set(this, i)), i.value;
+  };
+}
+function b(e = !0) {
+  return function(t, r) {
+    r.addInitializer(function() {
+      const i = r.kind === "field" ? this : r.static ? this : Object.getPrototypeOf(this), n = Object.getOwnPropertyDescriptor(i, r.name);
+      n && Object.defineProperty(i, r.name, we(ye({}, n), { enumerable: e }));
+    });
+  };
+}
+function Ve(...e) {
+  const t = e.map((r) => le(r));
+  return () => t.forEach((r) => r());
+}
+var te, re, ie, se, ne, ae, c, T, z, C, q, o, B, E, oe, F, J, I, H, K;
+ae = [W], ne = [W], se = [W], ie = [b()], re = [b()], te = [b()];
+var k = class {
+  constructor(e, t = Object.is) {
+    this.defaultValue = e, this.equals = t, d(c, 5, this), S(this, o), S(this, T, d(c, 8, this)), d(c, 11, this), S(this, B, d(c, 12, this)), d(c, 15, this), S(this, J, d(c, 16, this)), d(c, 19, this), this.reset = this.reset.bind(this), this.reset();
+  }
+  get current() {
+    return f(this, o, H);
+  }
+  get initial() {
+    return f(this, o, C);
+  }
+  get previous() {
+    return f(this, o, oe);
+  }
+  /** Set the current value */
+  set current(e) {
+    const t = ue(() => f(this, o, H));
+    e && t && this.equals(t, e) || X(() => {
+      f(this, o, C) || v(this, o, e, q), v(this, o, t, F), v(this, o, e, K);
+    });
+  }
+  /** Reset the state to the initial value */
+  reset(e = this.defaultValue) {
+    X(() => {
+      v(this, o, void 0, F), v(this, o, e, q), v(this, o, e, K);
+    });
+  }
+};
+c = Pe();
+T = /* @__PURE__ */ new WeakMap();
+o = /* @__PURE__ */ new WeakSet();
+B = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+z = y(c, 20, "#initial", ae, o, T), C = z.get, q = z.set;
+E = y(c, 20, "#previous", ne, o, B), oe = E.get, F = E.set;
+I = y(c, 20, "#current", se, o, J), H = I.get, K = I.set;
+y(c, 2, "current", ie, k);
+y(c, 2, "initial", re, k);
+y(c, 2, "previous", te, k);
+ee(c, k);
+var g, We = class {
+  constructor() {
+    S(this, g, /* @__PURE__ */ new WeakMap());
+  }
+  get(e, t) {
+    var r;
+    return e ? (r = f(this, g).get(e)) == null ? void 0 : r.get(t) : void 0;
+  }
+  set(e, t, r) {
+    var i;
+    if (e)
+      return f(this, g).has(e) || f(this, g).set(e, /* @__PURE__ */ new Map()), (i = f(this, g).get(e)) == null ? void 0 : i.set(t, r);
+  }
+  clear(e) {
+    var t;
+    return e ? (t = f(this, g).get(e)) == null ? void 0 : t.clear() : void 0;
+  }
+};
+g = /* @__PURE__ */ new WeakMap();
+export {
+  Ee as Signal,
+  k as ValueHistory,
+  We as WeakStore,
+  X as batch,
+  je as computed,
+  $ as deepEqual,
+  Me as derived,
+  le as effect,
+  Ve as effects,
+  b as enumerable,
+  W as reactive,
+  fe as signal,
+  ue as untracked
+};
+//# sourceMappingURL=fondue-components128.js.map

package/dist/fondue-components128.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components128.js","sources":["../../../node_modules/.pnpm/@dnd-kit+state@0.3.2/node_modules/@dnd-kit/state/dist/index.mjs"],"sourcesContent":["var __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for(\"Symbol.\" + name);\nvar __typeError = (msg) => {\n  throw TypeError(msg);\n};\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\nvar __decoratorStart = (base) => {\n  var _a2;\n  return [, , , __create((_a2 = base == null ? void 0 : base[__knownSymbol(\"metadata\")]) != null ? _a2 : null)];\n};\nvar __decoratorStrings = [\"class\", \"method\", \"getter\", \"setter\", \"accessor\", \"field\", \"value\", \"get\", \"set\"];\nvar __expectFn = (fn) => fn !== void 0 && typeof fn !== \"function\" ? __typeError(\"Function expected\") : fn;\nvar __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError(\"Already initialized\") : fns.push(__expectFn(fn || null)) });\nvar __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol(\"metadata\"), array[3]);\nvar __runInitializers = (array, flags, self, value) => {\n  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);\n  return value;\n};\nvar __decorateElement = (array, flags, name, decorators, target, extra) => {\n  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);\n  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];\n  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);\n  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {\n    return __privateGet(this, extra);\n  }, set [name](x) {\n    return __privateSet(this, extra, x);\n  } }, name));\n  k ? p && k < 4 && __name(extra, (k > 2 ? \"set \" : k > 1 ? \"get \" : \"\") + name) : __name(target, name);\n  for (var i = decorators.length - 1; i >= 0; i--) {\n    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);\n    if (k) {\n      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };\n      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];\n      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;\n    }\n    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;\n    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);\n    else if (typeof it !== \"object\" || it === null) __typeError(\"Object expected\");\n    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);\n  }\n  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;\n};\nvar __accessCheck = (obj, member, msg) => member.has(obj) || __typeError(\"Cannot \" + msg);\nvar __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the \"in\" operator on this value') : member.has(obj);\nvar __privateGet = (obj, member, getter) => (__accessCheck(obj, member, \"read from private field\"), getter ? getter.call(obj) : member.get(obj));\nvar __privateAdd = (obj, member, value) => member.has(obj) ? __typeError(\"Cannot add the same private member more than once\") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);\nvar __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, \"write to private field\"), setter ? setter.call(obj, value) : member.set(obj, value), value);\nvar __privateMethod = (obj, member, method) => (__accessCheck(obj, member, \"access private method\"), method);\n\n// src/index.ts\nimport {\n  batch as batch2,\n  effect as effect2,\n  untracked as untracked3,\n  signal as signal2,\n  Signal\n} from \"@preact/signals-core\";\n\n// src/computed.ts\nimport {\n  computed as computedSignal\n} from \"@preact/signals-core\";\nfunction computed(compute, comparator) {\n  if (comparator) {\n    let previousValue;\n    return computedSignal(() => {\n      const value = compute();\n      if (value && previousValue && comparator(previousValue, value)) {\n        return previousValue;\n      }\n      previousValue = value;\n      return value;\n    });\n  }\n  return computedSignal(compute);\n}\n\n// src/comparators.ts\nfunction deepEqual(a, b) {\n  if (Object.is(a, b)) {\n    return true;\n  }\n  if (a === null || b === null) return false;\n  if (typeof a === \"function\" && typeof b === \"function\") {\n    return a === b;\n  }\n  if (a instanceof Set && b instanceof Set) {\n    if (a.size !== b.size) {\n      return false;\n    }\n    for (const value of a) {\n      if (!b.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (Array.isArray(a)) {\n    if (!Array.isArray(b) || a.length !== b.length) {\n      return false;\n    }\n    const hasDifferentValues = a.some(\n      (value, index) => !deepEqual(value, b[index])\n    );\n    return !hasDifferentValues;\n  }\n  if (typeof a === \"object\" && typeof b === \"object\") {\n    const aKeys = Object.keys(a);\n    const bKeys = Object.keys(b);\n    if (aKeys.length !== bKeys.length) return false;\n    const hasDifferentValues = aKeys.some(\n      (key) => !deepEqual(a[key], b[key])\n    );\n    return !hasDifferentValues;\n  }\n  return false;\n}\n\n// src/decorators.ts\nimport { signal } from \"@preact/signals-core\";\nfunction reactive({ get }, _) {\n  return {\n    init(value) {\n      return signal(value);\n    },\n    get() {\n      const current = get.call(this);\n      return current.value;\n    },\n    set(newValue) {\n      const current = get.call(this);\n      if (current.peek() === newValue) {\n        return;\n      }\n      current.value = newValue;\n    }\n  };\n}\nfunction derived(target, _) {\n  const map = /* @__PURE__ */ new WeakMap();\n  return function() {\n    let result = map.get(this);\n    if (!result) {\n      result = computed(target.bind(this));\n      map.set(this, result);\n    }\n    return result.value;\n  };\n}\nfunction enumerable(enumerable2 = true) {\n  return function(_value, context) {\n    context.addInitializer(function() {\n      const host = context.kind === \"field\" ? this : context.static ? this : Object.getPrototypeOf(this);\n      const descriptor = Object.getOwnPropertyDescriptor(host, context.name);\n      if (descriptor) {\n        Object.defineProperty(host, context.name, __spreadProps(__spreadValues({}, descriptor), { enumerable: enumerable2 }));\n      }\n    });\n  };\n}\n\n// src/effects.ts\nimport { effect } from \"@preact/signals-core\";\nfunction effects(...entries) {\n  const effects2 = entries.map((fn) => effect(fn));\n  return () => effects2.forEach((cleanup) => cleanup());\n}\n\n// src/history.ts\nimport { batch, untracked } from \"@preact/signals-core\";\nvar _previous_dec, _initial_dec, _current_dec, _current_dec2, _previous_dec2, _initial_dec2, _init, _initial, _a, initial_get, initial_set, _ValueHistory_instances, _previous, _b, previous_get, previous_set, _current, _c, current_get, current_set;\n_initial_dec2 = [reactive], _previous_dec2 = [reactive], _current_dec2 = [reactive], _current_dec = [enumerable()], _initial_dec = [enumerable()], _previous_dec = [enumerable()];\nvar ValueHistory = class {\n  constructor(defaultValue, equals = Object.is) {\n    this.defaultValue = defaultValue;\n    this.equals = equals;\n    __runInitializers(_init, 5, this);\n    __privateAdd(this, _ValueHistory_instances);\n    // @ts-ignore\n    __privateAdd(this, _initial, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);\n    // @ts-ignore\n    __privateAdd(this, _previous, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);\n    // @ts-ignore\n    __privateAdd(this, _current, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);\n    this.reset = this.reset.bind(this);\n    this.reset();\n  }\n  get current() {\n    return __privateGet(this, _ValueHistory_instances, current_get);\n  }\n  get initial() {\n    return __privateGet(this, _ValueHistory_instances, initial_get);\n  }\n  get previous() {\n    return __privateGet(this, _ValueHistory_instances, previous_get);\n  }\n  /** Set the current value */\n  set current(value) {\n    const current = untracked(() => __privateGet(this, _ValueHistory_instances, current_get));\n    if (value && current && this.equals(current, value)) {\n      return;\n    }\n    batch(() => {\n      if (!__privateGet(this, _ValueHistory_instances, initial_get)) {\n        __privateSet(this, _ValueHistory_instances, value, initial_set);\n      }\n      __privateSet(this, _ValueHistory_instances, current, previous_set);\n      __privateSet(this, _ValueHistory_instances, value, current_set);\n    });\n  }\n  /** Reset the state to the initial value */\n  reset(value = this.defaultValue) {\n    batch(() => {\n      __privateSet(this, _ValueHistory_instances, void 0, previous_set);\n      __privateSet(this, _ValueHistory_instances, value, initial_set);\n      __privateSet(this, _ValueHistory_instances, value, current_set);\n    });\n  }\n};\n_init = __decoratorStart(null);\n_initial = new WeakMap();\n_ValueHistory_instances = new WeakSet();\n_previous = new WeakMap();\n_current = new WeakMap();\n_a = __decorateElement(_init, 20, \"#initial\", _initial_dec2, _ValueHistory_instances, _initial), initial_get = _a.get, initial_set = _a.set;\n_b = __decorateElement(_init, 20, \"#previous\", _previous_dec2, _ValueHistory_instances, _previous), previous_get = _b.get, previous_set = _b.set;\n_c = __decorateElement(_init, 20, \"#current\", _current_dec2, _ValueHistory_instances, _current), current_get = _c.get, current_set = _c.set;\n__decorateElement(_init, 2, \"current\", _current_dec, ValueHistory);\n__decorateElement(_init, 2, \"initial\", _initial_dec, ValueHistory);\n__decorateElement(_init, 2, \"previous\", _previous_dec, ValueHistory);\n__decoratorMetadata(_init, ValueHistory);\n\n// src/snapshot.ts\nimport { untracked as untracked2 } from \"@preact/signals-core\";\nfunction snapshot(value) {\n  return untracked2(() => {\n    const output = {};\n    for (const key in value) {\n      output[key] = value[key];\n    }\n    return output;\n  });\n}\n\n// src/store.ts\nvar _store;\nvar WeakStore = class {\n  constructor() {\n    __privateAdd(this, _store, /* @__PURE__ */ new WeakMap());\n  }\n  get(key, id) {\n    var _a2;\n    return key ? (_a2 = __privateGet(this, _store).get(key)) == null ? void 0 : _a2.get(id) : void 0;\n  }\n  set(key, id, value) {\n    var _a2;\n    if (!key) return;\n    if (!__privateGet(this, _store).has(key)) __privateGet(this, _store).set(key, /* @__PURE__ */ new Map());\n    return (_a2 = __privateGet(this, _store).get(key)) == null ? void 0 : _a2.set(id, value);\n  }\n  clear(key) {\n    var _a2;\n    return key ? (_a2 = __privateGet(this, _store).get(key)) == null ? void 0 : _a2.clear() : void 0;\n  }\n};\n_store = new WeakMap();\nexport {\n  Signal,\n  ValueHistory,\n  WeakStore,\n  batch2 as batch,\n  computed,\n  deepEqual,\n  derived,\n  effect2 as effect,\n  effects,\n  enumerable,\n  reactive,\n  signal2 as signal,\n  snapshot,\n  untracked3 as untracked\n};\n"],"names":["__create","__defProp","__defProps","__getOwnPropDesc","__getOwnPropDescs","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__knownSymbol","name","symbol","__typeError","msg","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","__spreadProps","__name","target","__decoratorStart","base","_a2","__decoratorStrings","__expectFn","fn","__decoratorContext","kind","done","metadata","fns","__decoratorMetadata","array","__runInitializers","flags","self","i","n","__decorateElement","decorators","extra","it","ctx","access","k","s","p","j","initializers","extraInitializers","desc","__privateGet","x","__privateSet","__privateIn","__privateMethod","y","__accessCheck","member","getter","__privateAdd","setter","method","computed","compute","comparator","previousValue","computedSignal","deepEqual","index","aKeys","bKeys","reactive","get","_","signal","newValue","current","derived","map","result","enumerable","enumerable2","_value","context","host","descriptor","effects","entries","effects2","effect","cleanup","_previous_dec","_initial_dec","_current_dec","_current_dec2","_previous_dec2","_initial_dec2","_init","_initial","_a","initial_get","initial_set","_ValueHistory_instances","_previous","_b","previous_get","previous_set","_current","_c","current_get","current_set","ValueHistory","defaultValue","equals","untracked","batch","_store","WeakStore","id"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/fondue-components129.js

@@ -0,0 +1,63 @@
+import { useEffect as m, useLayoutEffect as w, useRef as i, useMemo as y, useState as E, useCallback as k } from "react";
+import "./fondue-components128.js";
+import { flushSync as O } from "react-dom";
+import { currentValue as d } from "./fondue-components130.js";
+import { effect as S, untracked as V } from "./fondue-components131.js";
+var M = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", p = M ? w : m;
+function U() {
+  const e = E(0)[1];
+  return k(() => {
+    e((t) => t + 1);
+  }, [e]);
+}
+function D(e, t) {
+  const n = i(/* @__PURE__ */ new Map()), r = U();
+  return p(() => {
+    if (!e) {
+      n.current.clear();
+      return;
+    }
+    return S(() => {
+      var o;
+      let c = !1, u = !1;
+      for (const a of n.current) {
+        const [f] = a, l = V(() => a[1]), s = e[f];
+        l !== s && (c = !0, n.current.set(f, s), u = (o = t == null ? void 0 : t(f, l, s)) != null ? o : !1);
+      }
+      c && (u ? O(r) : r());
+    });
+  }, [e]), y(
+    () => e && new Proxy(e, {
+      get(o, c) {
+        const u = o[c];
+        return n.current.set(c, u), u;
+      }
+    }),
+    [e]
+  );
+}
+function I(e, t) {
+  e();
+}
+function L(e, t, n = m, r = Object.is) {
+  const o = i(e);
+  n(() => {
+    const c = o.current;
+    r(e, c) || (o.current = e, t(e, c));
+  }, [t, e]);
+}
+function _(e, t) {
+  const n = i(d(e));
+  p(() => {
+    const r = d(e);
+    r !== n.current && (n.current = r, t(r));
+  });
+}
+export {
+  D as useDeepSignal,
+  I as useImmediateEffect,
+  p as useIsomorphicLayoutEffect,
+  _ as useOnElementChange,
+  L as useOnValueChange
+};
+//# sourceMappingURL=fondue-components129.js.map

package/dist/fondue-components129.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components129.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/hooks.js"],"sourcesContent":["import { useLayoutEffect, useEffect, useRef, useMemo, useState, useCallback } from 'react';\nimport { computed, effect, untracked } from '@dnd-kit/state';\nimport { flushSync } from 'react-dom';\nimport { currentValue } from '@dnd-kit/react/utilities';\n\nfunction useConstant(initializer) {\n  const ref = useRef(null);\n  if (!ref.current) {\n    ref.current = initializer();\n  }\n  return ref.current;\n}\nvar canUseDOM = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.document.createElement !== \"undefined\";\nvar useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\nfunction useForceUpdate() {\n  const setState = useState(0)[1];\n  return useCallback(() => {\n    setState((value) => value + 1);\n  }, [setState]);\n}\n\n// src/hooks/useSignal.ts\nfunction useSignal(signal, sync = false) {\n  const previous = useRef(signal.peek());\n  const read = useRef(false);\n  const forceUpdate = useForceUpdate();\n  useIsomorphicLayoutEffect(\n    () => effect(() => {\n      const previousValue = previous.current;\n      const currentValue2 = signal.value;\n      if (previousValue !== currentValue2) {\n        previous.current = currentValue2;\n        if (!read.current) return;\n        if (sync) {\n          flushSync(forceUpdate);\n        } else {\n          forceUpdate();\n        }\n      }\n    }),\n    [signal, sync, forceUpdate]\n  );\n  return {\n    get value() {\n      read.current = true;\n      return signal.peek();\n    }\n  };\n}\n\n// src/hooks/useComputed.ts\nfunction useComputed(compute, dependencies = [], sync = false) {\n  const $compute = useRef(compute);\n  $compute.current = compute;\n  return useSignal(\n    useMemo(() => computed(() => $compute.current()), dependencies),\n    sync\n  );\n}\nfunction useDeepSignal(target, synchronous) {\n  const tracked = useRef(/* @__PURE__ */ new Map());\n  const forceUpdate = useForceUpdate();\n  useIsomorphicLayoutEffect(() => {\n    if (!target) {\n      tracked.current.clear();\n      return;\n    }\n    return effect(() => {\n      var _a;\n      let stale = false;\n      let sync = false;\n      for (const entry of tracked.current) {\n        const [key] = entry;\n        const value = untracked(() => entry[1]);\n        const latestValue = target[key];\n        if (value !== latestValue) {\n          stale = true;\n          tracked.current.set(key, latestValue);\n          sync = (_a = synchronous == null ? void 0 : synchronous(key, value, latestValue)) != null ? _a : false;\n        }\n      }\n      if (stale) {\n        sync ? flushSync(forceUpdate) : forceUpdate();\n      }\n    });\n  }, [target]);\n  return useMemo(\n    () => target ? new Proxy(target, {\n      get(target2, key) {\n        const value = target2[key];\n        tracked.current.set(key, value);\n        return value;\n      }\n    }) : target,\n    [target]\n  );\n}\n\n// src/hooks/useImmediateEffect.ts\nfunction useImmediateEffect(callback, _) {\n  callback();\n}\nfunction useLatest(value) {\n  const valueRef = useRef(value);\n  useIsomorphicLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n  return valueRef;\n}\nfunction useOnValueChange(value, onChange, effect3 = useEffect, compare = Object.is) {\n  const tracked = useRef(value);\n  effect3(() => {\n    const oldValue = tracked.current;\n    if (!compare(value, oldValue)) {\n      tracked.current = value;\n      onChange(value, oldValue);\n    }\n  }, [onChange, value]);\n}\nfunction useOnElementChange(value, onChange) {\n  const previous = useRef(currentValue(value));\n  useIsomorphicLayoutEffect(() => {\n    const current = currentValue(value);\n    if (current !== previous.current) {\n      previous.current = current;\n      onChange(current);\n    }\n  });\n}\n\nexport { useComputed, useConstant, useDeepSignal, useImmediateEffect, useIsomorphicLayoutEffect, useLatest, useOnElementChange, useOnValueChange };\n//# sourceMappingURL=hooks.js.map\n//# sourceMappingURL=hooks.js.map"],"names":["canUseDOM","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useForceUpdate","setState","useState","useCallback","value","useDeepSignal","target","synchronous","tracked","useRef","forceUpdate","effect","_a","stale","sync","entry","key","untracked","latestValue","flushSync","useMemo","target2","useImmediateEffect","callback","_","useOnValueChange","onChange","effect3","compare","oldValue","useOnElementChange","previous","currentValue","current"],"mappings":";;;;;AAYA,IAAIA,IAAY,OAAO,SAAW,OAAe,OAAO,OAAO,WAAa,OAAe,OAAO,OAAO,SAAS,gBAAkB,KAChIC,IAA4BD,IAAYE,IAAkBC;AAC9D,SAASC,IAAiB;AACxB,QAAMC,IAAWC,EAAS,CAAC,EAAE,CAAC;AAC9B,SAAOC,EAAY,MAAM;AACvB,IAAAF,EAAS,CAACG,MAAUA,IAAQ,CAAC;AAAA,EAC/B,GAAG,CAACH,CAAQ,CAAC;AACf;AAwCA,SAASI,EAAcC,GAAQC,GAAa;AAC1C,QAAMC,IAAUC,EAAuB,oBAAI,KAAK,GAC1CC,IAAcV,EAAc;AAClC,SAAAH,EAA0B,MAAM;AAC9B,QAAI,CAACS,GAAQ;AACX,MAAAE,EAAQ,QAAQ,MAAK;AACrB;AAAA,IACF;AACA,WAAOG,EAAO,MAAM;AAClB,UAAIC;AACJ,UAAIC,IAAQ,IACRC,IAAO;AACX,iBAAWC,KAASP,EAAQ,SAAS;AACnC,cAAM,CAACQ,CAAG,IAAID,GACRX,IAAQa,EAAU,MAAMF,EAAM,CAAC,CAAC,GAChCG,IAAcZ,EAAOU,CAAG;AAC9B,QAAIZ,MAAUc,MACZL,IAAQ,IACRL,EAAQ,QAAQ,IAAIQ,GAAKE,CAAW,GACpCJ,KAAQF,IAAKL,KAAe,OAAO,SAASA,EAAYS,GAAKZ,GAAOc,CAAW,MAAM,OAAON,IAAK;AAAA,MAErG;AACA,MAAIC,MACFC,IAAOK,EAAUT,CAAW,IAAIA,EAAW;AAAA,IAE/C,CAAC;AAAA,EACH,GAAG,CAACJ,CAAM,CAAC,GACJc;AAAA,IACL,MAAMd,KAAS,IAAI,MAAMA,GAAQ;AAAA,MAC/B,IAAIe,GAASL,GAAK;AAChB,cAAMZ,IAAQiB,EAAQL,CAAG;AACzB,eAAAR,EAAQ,QAAQ,IAAIQ,GAAKZ,CAAK,GACvBA;AAAA,MACT;AAAA,IACN,CAAK;AAAA,IACD,CAACE,CAAM;AAAA,EACX;AACA;AAGA,SAASgB,EAAmBC,GAAUC,GAAG;AACvC,EAAAD,EAAQ;AACV;AAQA,SAASE,EAAiBrB,GAAOsB,GAAUC,IAAU5B,GAAW6B,IAAU,OAAO,IAAI;AACnF,QAAMpB,IAAUC,EAAOL,CAAK;AAC5B,EAAAuB,EAAQ,MAAM;AACZ,UAAME,IAAWrB,EAAQ;AACzB,IAAKoB,EAAQxB,GAAOyB,CAAQ,MAC1BrB,EAAQ,UAAUJ,GAClBsB,EAAStB,GAAOyB,CAAQ;AAAA,EAE5B,GAAG,CAACH,GAAUtB,CAAK,CAAC;AACtB;AACA,SAAS0B,EAAmB1B,GAAOsB,GAAU;AAC3C,QAAMK,IAAWtB,EAAOuB,EAAa5B,CAAK,CAAC;AAC3C,EAAAP,EAA0B,MAAM;AAC9B,UAAMoC,IAAUD,EAAa5B,CAAK;AAClC,IAAI6B,MAAYF,EAAS,YACvBA,EAAS,UAAUE,GACnBP,EAASO,CAAO;AAAA,EAEpB,CAAC;AACH;","x_google_ignoreList":[0]}

package/dist/fondue-components13.js

@@ -1,125 +1,66 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { IconCross as x } from "@frontify/fondue-icons";
-import * as l from "@radix-ui/react-popover";
-import { forwardRef as i } from "react";
-import { useTranslation as I } from "./fondue-components39.js";
-import { addAutoFocusAttribute as _, addShowFocusRing as B } from "./fondue-components52.js";
-import { Button as O } from "./fondue-components6.js";
-import { useFondueTheme as S, ThemeProvider as j } from "./fondue-components36.js";
-import u from "./fondue-components58.js";
-const f = ({ children: t, ...o }) => /* @__PURE__ */ e(l.Root, { ...o, children: t });
-f.displayName = "Flyout.Root";
-const y = ({ asChild: t = !0, children: o, "data-test-id": a = "fondue-flyout-trigger", ...r }, d) => /* @__PURE__ */ e(
-  l.Trigger,
-  {
-    onMouseDown: _,
-    "data-auto-focus-visible": "true",
-    "data-auto-focus-trigger": !0,
-    "data-test-id": a,
-    asChild: t,
-    ref: d,
-    ...r,
-    children: o
-  }
-);
-y.displayName = "Flyout.Trigger";
-const D = {
-  compact: 8,
-  comfortable: 12,
-  spacious: 16
-}, H = {
-  compact: 8,
-  spacious: 24
-}, p = ({
-  align: t = "start",
-  maxWidth: o = "360px",
-  padding: a = "compact",
-  rounded: r = "medium",
-  width: d = "fit-content",
-  shadow: n = "medium",
-  side: N,
-  triggerOffset: v = "compact",
-  viewportCollisionPadding: C = "compact",
-  "data-test-id": P = "fondue-flyout-content",
-  children: R,
-  ...b
-}, w) => {
-  const { theme: A, dir: c } = S(), T = (s) => !s || c === "ltr" ? s : s === "left" ? "right" : s === "right" ? "left" : s;
-  return /* @__PURE__ */ e(l.Portal, { children: /* @__PURE__ */ m(j, { theme: A, dir: c, children: [
-    /* @__PURE__ */ e("div", { "data-test-id": "fondue-flyout-overlay", className: u.overlay }),
-    /* @__PURE__ */ e(
-      l.Content,
+import { jsx as f } from "react/jsx-runtime";
+import { Slot as v } from "@radix-ui/react-slot";
+import { forwardRef as N, useState as S, useRef as c } from "react";
+import g from "./fondue-components63.js";
+const A = N(
+  ({
+    onChange: o,
+    asChild: m,
+    hugWidth: x = !0,
+    "aria-label": b,
+    children: p,
+    "data-test-id": w = "fondue-editable-text"
+  }, E) => {
+    const R = m ? v : "span", [n, u] = S(!1), s = c(!1), l = c(null), i = c(""), T = () => {
+      s.current = !0;
+    }, h = (t) => {
+      var d;
+      i.current = t.currentTarget.textContent ?? "", u(!0), (d = l.current) == null || d.setAttribute("data-show-focus-ring", String(!s.current));
+      const a = t.currentTarget, e = document.createRange();
+      e.selectNodeContents(a), e.collapse(!1);
+      const r = window.getSelection();
+      r == null || r.removeAllRanges(), r == null || r.addRange(e);
+    }, y = (t) => {
+      t.key === "Enter" && (t.preventDefault(), t.currentTarget.blur());
+    }, D = (t) => {
+      var e;
+      u(!1), (e = l.current) == null || e.setAttribute("data-show-focus-ring", "false"), s.current = !1, t.currentTarget.scrollLeft = 0;
+      const a = t.currentTarget.textContent ?? "";
+      a !== i.current && (o == null || o(a));
+    };
+    return /* @__PURE__ */ f(
+      "div",
       {
-        dir: c,
-        style: {
-          "--flyout-max-width": o,
-          "--flyout-width": d
-        },
-        ref: w,
-        align: t,
-        collisionPadding: H[C],
-        sideOffset: D[v],
-        side: T(N),
-        className: u.root,
-        "data-flyout-spacing": a,
-        "data-rounded": r,
-        "data-shadow": n,
-        "data-test-id": P,
-        onFocus: B,
-        ...b,
-        children: R
+        ref: l,
+        className: g.root,
+        "data-editing": n,
+        "data-hug-width": x,
+        "data-show-focus-ring": "false",
+        "data-test-id": w,
+        children: /* @__PURE__ */ f(
+          R,
+          {
+            ref: E,
+            className: g.text,
+            contentEditable: n ? "plaintext-only" : void 0,
+            suppressContentEditableWarning: !0,
+            tabIndex: 0,
+            role: n ? "textbox" : void 0,
+            "aria-label": n ? b : void 0,
+            "aria-live": "off",
+            onMouseDown: T,
+            onFocus: h,
+            onKeyDown: y,
+            onBlur: D,
+            children: p
+          }
+        )
       }
-    )
-  ] }) });
-};
-p.displayName = "Flyout.Content";
-const F = ({ showCloseButton: t, children: o, "data-test-id": a = "fondue-flyout-header", closeProps: r }, d) => {
-  const { t: n } = I();
-  return /* @__PURE__ */ m("div", { "data-test-id": a, ref: d, className: u.header, children: [
-    /* @__PURE__ */ e("div", { children: o }),
-    t && /* @__PURE__ */ e(l.Close, { asChild: !0, ...r, children: /* @__PURE__ */ e(
-      O,
-      {
-        size: "small",
-        aspect: "square",
-        emphasis: "weak",
-        "aria-label": n("Flyout_close"),
-        "data-test-id": `${a}-close`,
-        children: /* @__PURE__ */ e(x, { size: 20 })
-      }
-    ) })
-  ] });
-};
-F.displayName = "Flyout.Header";
-const g = ({ children: t, "data-test-id": o = "fondue-flyout-footer" }, a) => /* @__PURE__ */ e("div", { "data-test-id": o, ref: a, className: u.footer, children: t });
-g.displayName = "Flyout.Footer";
-const h = ({ children: t, "data-test-id": o = "fondue-flyout-body", scrollable: a = !1 }, r) => /* @__PURE__ */ e(
-  "div",
-  {
-    "data-test-id": o,
-    ref: r,
-    "data-flyout-spacing": "compact",
-    "data-scrollable": a,
-    className: u.body,
-    children: t
+    );
   }
 );
-h.displayName = "Flyout.Body";
-const W = {
-  Root: f,
-  Trigger: i(y),
-  Content: i(p),
-  Header: i(F),
-  Footer: i(g),
-  Body: i(h)
-};
+A.displayName = "EditableText";
 export {
-  W as Flyout,
-  h as FlyoutBody,
-  p as FlyoutContent,
-  g as FlyoutFooter,
-  F as FlyoutHeader,
-  f as FlyoutRoot,
-  y as FlyoutTrigger
+  A as EditableText
 };
 //# sourceMappingURL=fondue-components13.js.map

package/dist/fondue-components13.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components13.js","sources":["../src/components/Flyout/Flyout.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { forwardRef, type CSSProperties, type ForwardedRef, type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { useTranslation } from '#/hooks/useTranslation';\nimport { addAutoFocusAttribute, addShowFocusRing } from '#/utilities/domUtilities';\n\nimport { Button } from '../Button/Button';\nimport { ThemeProvider, useFondueTheme } from '../ThemeProvider/ThemeProvider';\n\nimport styles from './styles/flyout.module.scss';\n\nexport type FlyoutRootProps = {\n    /**\n     * Disable interaction with the rest of the page\n     * @default false\n     */\n    modal?: boolean;\n    /**\n     * The controlled `open` state of the flyout\n     * @default false\n     */\n    open?: boolean;\n    /**\n     * Event handler called when the `open` state changes\n     */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n};\n\nexport const FlyoutRoot = ({ children, ...props }: FlyoutRootProps) => {\n    return <RadixPopover.Root {...props}>{children}</RadixPopover.Root>;\n};\nFlyoutRoot.displayName = 'Flyout.Root';\n\nexport type FlyoutTriggerProps = {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default true\n     */\n    asChild?: boolean;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const FlyoutTrigger = (\n    { asChild = true, children, 'data-test-id': dataTestId = 'fondue-flyout-trigger', ...props }: FlyoutTriggerProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return (\n        <RadixPopover.Trigger\n            onMouseDown={addAutoFocusAttribute}\n            data-auto-focus-visible=\"true\"\n            data-auto-focus-trigger\n            data-test-id={dataTestId}\n            asChild={asChild}\n            ref={ref}\n            {...props}\n        >\n            {children}\n        </RadixPopover.Trigger>\n    );\n};\nFlyoutTrigger.displayName = 'Flyout.Trigger';\n\ntype FlyoutSpacing = 'compact' | 'comfortable' | 'spacious';\ntype FlyoutViewportCollisionPadding = 'compact' | 'spacious';\nexport type FlyoutContentProps = {\n    /**\n     * Add a shadow to the flyout\n     * @default \"medium\"\n     */\n    shadow?: 'none' | 'medium' | 'large';\n    /**\n     * Add rounded corners to the flyout\n     * @default \"medium\"\n     */\n    rounded?: 'none' | 'medium' | 'large';\n    /**\n     * Define the prefered side of the flyout. Can be overriden by viewport collisions viewport.\n     * @default \"bottom\"\n     */\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    /**\n     * Define the prefered alignment of the flyout. Can be overriden by viewport collisions viewport.\n     * @default \"start\"\n     */\n    align?: 'start' | 'center' | 'end';\n    /**\n     * Define the padding of the flyout\n     * @default \"compact\"\n     */\n    padding?: 'none' | 'tight' | 'compact' | 'comfortable' | 'spacious';\n    /**\n     * Define the fixed width of the flyout\n     * @default \"fit-content\"\n     */\n    width?: string;\n    /**\n     * Defines the spacing between the dropdown and its trigger.\n     * @default 'compact'\n     */\n    triggerOffset?: FlyoutSpacing;\n    /**\n     * Define the maximum width of the flyout\n     * @default \"360px\"\n     */\n    maxWidth?: string;\n    /**\n     * Define the minimum distance between the flyout and the viewport edge\n     * @default 'compact'\n     */\n    viewportCollisionPadding?: FlyoutViewportCollisionPadding;\n    /**\n     * Event handler called when auto-focusing on open\n     */\n    onOpenAutoFocus?: (event: Event) => void;\n    /**\n     * Event handler called when the escape key is pressed.\n     */\n    onEscapeKeyDown?: (event: KeyboardEvent) => void;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nconst SPACING_MAP: Record<FlyoutSpacing, number> = {\n    compact: 8,\n    comfortable: 12,\n    spacious: 16,\n};\n\nconst VIEWPORT_COLLISION_PADDING_MAP: Record<FlyoutViewportCollisionPadding, number> = {\n    compact: 8,\n    spacious: 24,\n};\n\nexport const FlyoutContent = (\n    {\n        align = 'start',\n        maxWidth = '360px',\n        padding = 'compact',\n        rounded = 'medium',\n        width = 'fit-content',\n        shadow = 'medium',\n        side,\n        triggerOffset = 'compact',\n        viewportCollisionPadding = 'compact',\n        'data-test-id': dataTestId = 'fondue-flyout-content',\n        children,\n        ...props\n    }: FlyoutContentProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { theme, dir } = useFondueTheme();\n\n    const getAdjustedSide = (side?: 'top' | 'right' | 'bottom' | 'left') => {\n        if (!side || dir === 'ltr') {\n            return side;\n        }\n\n        if (side === 'left') {\n            return 'right';\n        }\n        if (side === 'right') {\n            return 'left';\n        }\n\n        return side;\n    };\n\n    return (\n        <RadixPopover.Portal>\n            <ThemeProvider theme={theme} dir={dir}>\n                <div data-test-id=\"fondue-flyout-overlay\" className={styles.overlay} />\n                <RadixPopover.Content\n                    dir={dir}\n                    style={\n                        {\n                            '--flyout-max-width': maxWidth,\n                            '--flyout-width': width,\n                        } as CSSProperties\n                    }\n                    ref={ref}\n                    align={align}\n                    collisionPadding={VIEWPORT_COLLISION_PADDING_MAP[viewportCollisionPadding]}\n                    sideOffset={SPACING_MAP[triggerOffset]}\n                    side={getAdjustedSide(side)}\n                    className={styles.root}\n                    data-flyout-spacing={padding}\n                    data-rounded={rounded}\n                    data-shadow={shadow}\n                    data-test-id={dataTestId}\n                    onFocus={addShowFocusRing}\n                    {...props}\n                >\n                    {children}\n                </RadixPopover.Content>\n            </ThemeProvider>\n        </RadixPopover.Portal>\n    );\n};\nFlyoutContent.displayName = 'Flyout.Content';\n\nexport type FlyoutHeaderProps = {\n    /**\n     * Show a close button in the header\n     * @default false\n     */\n    showCloseButton?: boolean;\n    children?: ReactNode;\n    'data-test-id'?: string;\n    closeProps?: CommonAriaProps;\n};\n\nexport const FlyoutHeader = (\n    { showCloseButton, children, 'data-test-id': dataTestId = 'fondue-flyout-header', closeProps }: FlyoutHeaderProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { t } = useTranslation();\n\n    return (\n        <div data-test-id={dataTestId} ref={ref} className={styles.header}>\n            <div>{children}</div>\n            {showCloseButton && (\n                <RadixPopover.Close asChild {...closeProps}>\n                    <Button\n                        size=\"small\"\n                        aspect=\"square\"\n                        emphasis=\"weak\"\n                        aria-label={t('Flyout_close')}\n                        data-test-id={`${dataTestId}-close`}\n                    >\n                        <IconCross size={20} />\n                    </Button>\n                </RadixPopover.Close>\n            )}\n        </div>\n    );\n};\nFlyoutHeader.displayName = 'Flyout.Header';\n\nexport type FlyoutFooterProps = { children?: ReactNode; 'data-test-id'?: string };\n\nexport const FlyoutFooter = (\n    { children, 'data-test-id': dataTestId = 'fondue-flyout-footer' }: FlyoutFooterProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div data-test-id={dataTestId} ref={ref} className={styles.footer}>\n            {children}\n        </div>\n    );\n};\nFlyoutFooter.displayName = 'Flyout.Footer';\n\nexport type FlyoutBodyProps = {\n    children?: ReactNode;\n    'data-test-id'?: string;\n    /**\n     * Allow the body to scroll if the max height of the flyout is reached\n     * @default false\n     */\n    scrollable?: boolean;\n};\n\nexport const FlyoutBody = (\n    { children, 'data-test-id': dataTestId = 'fondue-flyout-body', scrollable = false }: FlyoutBodyProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div\n            data-test-id={dataTestId}\n            ref={ref}\n            data-flyout-spacing=\"compact\"\n            data-scrollable={scrollable}\n            className={styles.body}\n        >\n            {children}\n        </div>\n    );\n};\nFlyoutBody.displayName = 'Flyout.Body';\n\nexport const Flyout = {\n    Root: FlyoutRoot,\n    Trigger: forwardRef<HTMLButtonElement, FlyoutTriggerProps>(FlyoutTrigger),\n    Content: forwardRef<HTMLDivElement, FlyoutContentProps>(FlyoutContent),\n    Header: forwardRef<HTMLDivElement, FlyoutHeaderProps>(FlyoutHeader),\n    Footer: forwardRef<HTMLDivElement, FlyoutFooterProps>(FlyoutFooter),\n    Body: forwardRef<HTMLDivElement, FlyoutBodyProps>(FlyoutBody),\n};\n"],"names":["FlyoutRoot","children","props","RadixPopover","FlyoutTrigger","asChild","dataTestId","ref","jsx","addAutoFocusAttribute","SPACING_MAP","VIEWPORT_COLLISION_PADDING_MAP","FlyoutContent","align","maxWidth","padding","rounded","width","shadow","side","triggerOffset","viewportCollisionPadding","theme","dir","useFondueTheme","getAdjustedSide","jsxs","ThemeProvider","styles","addShowFocusRing","FlyoutHeader","showCloseButton","closeProps","t","useTranslation","Button","IconCross","FlyoutFooter","FlyoutBody","scrollable","Flyout","forwardRef"],"mappings":"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"}
+{"version":3,"file":"fondue-components13.js","sources":["../src/components/EditableText/EditableText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ReactNode, forwardRef, useRef, useState } from 'react';\n\nimport styles from './styles/editable-text.module.scss';\n\nexport type EditableTextProps = {\n    /**\n     * Callback fired with the plain text value when editing is confirmed (on blur or Enter).\n     * Only fires if the value has actually changed.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * When true, renders the child element instead of a default span,\n     * merging all editable props onto it.\n     */\n    asChild?: boolean;\n    /**\n     * When true, the EditableText only takes the width of the content.\n     * @default true\n     */\n    hugWidth?: boolean;\n    /**\n     * Accessible label for the editable text field.\n     */\n    'aria-label'?: string;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const EditableText = forwardRef<HTMLElement, EditableTextProps>(\n    (\n        {\n            onChange,\n            asChild,\n            hugWidth = true,\n            'aria-label': ariaLabel,\n            children,\n            'data-test-id': dataTestId = 'fondue-editable-text',\n        },\n        forwardedRef,\n    ) => {\n        const TextElement = asChild ? Slot : 'span';\n        const [isEditing, setIsEditing] = useState(false);\n        const wasClickedRef = useRef(false);\n        const rootRef = useRef<HTMLDivElement>(null);\n        const valueOnFocusRef = useRef('');\n\n        const handleMouseDown = () => {\n            wasClickedRef.current = true;\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLElement>) => {\n            valueOnFocusRef.current = event.currentTarget.textContent ?? '';\n            setIsEditing(true);\n            rootRef.current?.setAttribute('data-show-focus-ring', String(!wasClickedRef.current));\n            const element = event.currentTarget;\n            const range = document.createRange();\n            range.selectNodeContents(element);\n            range.collapse(false);\n            const selection = window.getSelection();\n            selection?.removeAllRanges();\n            selection?.addRange(range);\n        };\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n            if (event.key === 'Enter') {\n                event.preventDefault();\n                event.currentTarget.blur();\n            }\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLElement>) => {\n            setIsEditing(false);\n            rootRef.current?.setAttribute('data-show-focus-ring', 'false');\n            wasClickedRef.current = false;\n            event.currentTarget.scrollLeft = 0;\n            const currentValue = event.currentTarget.textContent ?? '';\n            if (currentValue !== valueOnFocusRef.current) {\n                onChange?.(currentValue);\n            }\n        };\n\n        return (\n            <div\n                ref={rootRef}\n                className={styles.root}\n                data-editing={isEditing}\n                data-hug-width={hugWidth}\n                data-show-focus-ring=\"false\"\n                data-test-id={dataTestId}\n            >\n                <TextElement\n                    ref={forwardedRef}\n                    className={styles.text}\n                    contentEditable={isEditing ? 'plaintext-only' : undefined}\n                    suppressContentEditableWarning\n                    tabIndex={0}\n                    role={isEditing ? 'textbox' : undefined}\n                    aria-label={isEditing ? ariaLabel : undefined}\n                    aria-live=\"off\"\n                    onMouseDown={handleMouseDown}\n                    onFocus={handleFocus}\n                    onKeyDown={handleKeyDown}\n                    onBlur={handleBlur}\n                >\n                    {children}\n                </TextElement>\n            </div>\n        );\n    },\n);\n\nEditableText.displayName = 'EditableText';\n"],"names":["EditableText","forwardRef","onChange","asChild","hugWidth","ariaLabel","children","dataTestId","forwardedRef","TextElement","Slot","isEditing","setIsEditing","useState","wasClickedRef","useRef","rootRef","valueOnFocusRef","handleMouseDown","handleFocus","event","_a","element","range","selection","handleKeyDown","handleBlur","currentValue","jsx","styles"],"mappings":";;;;AA+BO,MAAMA,IAAeC;AAAA,EACxB,CACI;AAAA,IACI,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,gBAAgBC,IAAa;AAAA,EAAA,GAEjCC,MACC;AACD,UAAMC,IAAcN,IAAUO,IAAO,QAC/B,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAgBC,EAAO,EAAK,GAC5BC,IAAUD,EAAuB,IAAI,GACrCE,IAAkBF,EAAO,EAAE,GAE3BG,IAAkB,MAAM;AAC1B,MAAAJ,EAAc,UAAU;AAAA,IAC5B,GAEMK,IAAc,CAACC,MAAyC;;AAC1D,MAAAH,EAAgB,UAAUG,EAAM,cAAc,eAAe,IAC7DR,EAAa,EAAI,IACjBS,IAAAL,EAAQ,YAAR,QAAAK,EAAiB,aAAa,wBAAwB,OAAO,CAACP,EAAc,OAAO;AACnF,YAAMQ,IAAUF,EAAM,eAChBG,IAAQ,SAAS,YAAA;AACvB,MAAAA,EAAM,mBAAmBD,CAAO,GAChCC,EAAM,SAAS,EAAK;AACpB,YAAMC,IAAY,OAAO,aAAA;AACzB,MAAAA,KAAA,QAAAA,EAAW,mBACXA,KAAA,QAAAA,EAAW,SAASD;AAAA,IACxB,GAEME,IAAgB,CAACL,MAA4C;AAC/D,MAAIA,EAAM,QAAQ,YACdA,EAAM,eAAA,GACNA,EAAM,cAAc,KAAA;AAAA,IAE5B,GAEMM,IAAa,CAACN,MAAyC;;AACzD,MAAAR,EAAa,EAAK,IAClBS,IAAAL,EAAQ,YAAR,QAAAK,EAAiB,aAAa,wBAAwB,UACtDP,EAAc,UAAU,IACxBM,EAAM,cAAc,aAAa;AACjC,YAAMO,IAAeP,EAAM,cAAc,eAAe;AACxD,MAAIO,MAAiBV,EAAgB,YACjCf,KAAA,QAAAA,EAAWyB;AAAA,IAEnB;AAEA,WACI,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAWa,EAAO;AAAA,QAClB,gBAAclB;AAAA,QACd,kBAAgBP;AAAA,QAChB,wBAAqB;AAAA,QACrB,gBAAcG;AAAA,QAEd,UAAA,gBAAAqB;AAAA,UAACnB;AAAA,UAAA;AAAA,YACG,KAAKD;AAAA,YACL,WAAWqB,EAAO;AAAA,YAClB,iBAAiBlB,IAAY,mBAAmB;AAAA,YAChD,gCAA8B;AAAA,YAC9B,UAAU;AAAA,YACV,MAAMA,IAAY,YAAY;AAAA,YAC9B,cAAYA,IAAYN,IAAY;AAAA,YACpC,aAAU;AAAA,YACV,aAAaa;AAAA,YACb,SAASC;AAAA,YACT,WAAWM;AAAA,YACX,QAAQC;AAAA,YAEP,UAAApB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAN,EAAa,cAAc;"}

package/dist/fondue-components130.js

@@ -0,0 +1,12 @@
+function t(r) {
+  return r != null && typeof r == "object" && "current" in r;
+}
+function i(r) {
+  var n;
+  if (r != null)
+    return t(r) ? (n = r.current) != null ? n : void 0 : r;
+}
+export {
+  i as currentValue
+};
+//# sourceMappingURL=fondue-components130.js.map

package/dist/fondue-components130.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components130.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/utilities.js"],"sourcesContent":["// src/utilities/currentValue.ts\nfunction isRef(value) {\n  return value != null && typeof value === \"object\" && \"current\" in value;\n}\nfunction currentValue(value) {\n  var _a;\n  if (value == null) {\n    return void 0;\n  }\n  if (isRef(value)) {\n    return (_a = value.current) != null ? _a : void 0;\n  }\n  return value;\n}\n\nexport { currentValue };\n//# sourceMappingURL=utilities.js.map\n//# sourceMappingURL=utilities.js.map"],"names":["isRef","value","currentValue","_a"],"mappings":"AACA,SAASA,EAAMC,GAAO;AACpB,SAAOA,KAAS,QAAQ,OAAOA,KAAU,YAAY,aAAaA;AACpE;AACA,SAASC,EAAaD,GAAO;AAC3B,MAAIE;AACJ,MAAIF,KAAS;AAGb,WAAID,EAAMC,CAAK,KACLE,IAAKF,EAAM,YAAY,OAAOE,IAAK,SAEtCF;AACT;","x_google_ignoreList":[0]}