bitboss-ui 2.1.131 → 2.1.133

package/dist/index278.js

@@ -1,9 +1,5 @@
-const s = (r, t) => {
-  if (r.endsWith("."))
-    return t === 0 ? r.slice(0, -1) : r;
-  const [n, i] = r.split(".");
-  return i ? `${n}.${i.slice(0, t)}` : r;
-};
+import r from "./index334.js";
+const t = r;
 export {
-  s as clampPrecision
+  t as deburr
 };

package/dist/index279.js

@@ -1,11 +1,15 @@
-function u(e, i) {
-  let t;
-  return function(...o) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o);
-    }, i);
-  };
-}
+const c = (t, r) => {
+  if (typeof t == "string") {
+    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
+    if (n) {
+      const [, o, a] = n;
+      return a ? t : o + "px";
+    } else if (t in r)
+      return r[t] + "px";
+    throw new Error(`Invalid size: ${t}`);
+  }
+  return t + "px";
+};
 export {
-  u as debounce
+  c as parseSize
 };

package/dist/index28.js

@@ -1,5 +1,5 @@
 import { defineComponent as V, computed as a, ref as D, watchPostEffect as M, nextTick as N, createElementBlock as c, openBlock as o, normalizeClass as I, createBlock as E, createVNode as P, createElementVNode as h, resolveDynamicComponent as C, normalizeProps as l, guardReactiveProps as s, withCtx as p, renderSlot as k, createTextVNode as q, toDisplayString as f, unref as v, Transition as F, createCommentVNode as G, TransitionGroup as R, Fragment as j, renderList as x } from "vue";
-import { deburr as J } from "./index242.js";
+import { deburr as J } from "./index278.js";
 import { getAsPercentage as T } from "./index146.js";
 import { useId as K } from "./index8.js";
 const O = ["id"], Q = { class: "bb-base-input-container__hint" }, Z = /* @__PURE__ */ V({

package/dist/index280.js

@@ -1,7 +1,15 @@
-const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
-  f(r, u),
-  ...o(r[n], n, f, f(r, u))
-] : [f(r, u)]).flat();
+import { ref as c, watch as f, toValue as u } from "vue";
+const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
+  const t = c(r);
+  if (r) return t;
+  const n = f(
+    () => u(e),
+    (s) => {
+      s && (t.value = o, n());
+    }
+  );
+  return t;
+};
 export {
-  o as flattenTree
+  p as useUntil
 };

package/dist/index281.js

@@ -1,4 +1,375 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { defineComponent as Ae, ref as c, computed as L, onMounted as xe, onUnmounted as Re, watch as Le, createElementBlock as b, openBlock as w, createElementVNode as u, createCommentVNode as G, unref as $, normalizeStyle as y, normalizeClass as te, Fragment as ne, renderList as re } from "vue";
+import { useLocale as $e } from "./index245.js";
+const Se = ["aria-label"], Be = { class: "bb-color-palette__controls" }, Ie = { class: "bb-color-palette__preview-wrap" }, Ee = { class: "bb-color-palette__sliders" }, He = ["aria-label", "aria-valuenow"], We = ["aria-label", "aria-valuenow"], Ke = ["aria-label", "disabled"], Ve = {
+  key: 0,
+  class: "bb-color-palette__swatches"
+}, Ge = ["aria-label", "aria-pressed", "onClick"], ze = /* @__PURE__ */ Ae({
+  __name: "ColorPalette",
+  props: {
+    modelValue: {},
+    alpha: { type: Boolean, default: !1 },
+    picker: { type: Boolean, default: !1 },
+    swatches: { type: [Boolean, Array] }
+  },
+  emits: ["update:modelValue"],
+  setup(le, { expose: oe, emit: se }) {
+    function k(e, a, t) {
+      const n = (r) => {
+        const l = (r + e / 60) % 6;
+        return t - t * a * Math.max(Math.min(l, 4 - l, 1), 0);
+      };
+      return [
+        Math.round(n(5) * 255),
+        Math.round(n(3) * 255),
+        Math.round(n(1) * 255)
+      ];
+    }
+    function U(e, a, t) {
+      const n = e / 255, r = a / 255, l = t / 255, s = Math.max(n, r, l), g = Math.min(n, r, l), _ = s - g, De = s === 0 ? 0 : _ / s, Pe = s;
+      let R = 0;
+      return _ !== 0 && (s === n ? R = ((r - l) / _ + (r < l ? 6 : 0)) / 6 : s === r ? R = ((l - n) / _ + 2) / 6 : R = ((n - r) / _ + 4) / 6), [R * 360, De, Pe];
+    }
+    function T(e) {
+      const a = e.replace(/^#/, "");
+      return a.length === 3 ? [
+        parseInt(a[0] + a[0], 16),
+        parseInt(a[1] + a[1], 16),
+        parseInt(a[2] + a[2], 16),
+        1
+      ] : a.length === 6 ? [
+        parseInt(a.slice(0, 2), 16),
+        parseInt(a.slice(2, 4), 16),
+        parseInt(a.slice(4, 6), 16),
+        1
+      ] : a.length === 8 ? [
+        parseInt(a.slice(0, 2), 16),
+        parseInt(a.slice(2, 4), 16),
+        parseInt(a.slice(4, 6), 16),
+        parseInt(a.slice(6, 8), 16) / 255
+      ] : [0, 0, 0, 1];
+    }
+    function F(e) {
+      return Math.round(Math.max(0, Math.min(255, e))).toString(16).padStart(2, "0");
+    }
+    function ie(e, a, t, n, r) {
+      const l = `#${F(e)}${F(a)}${F(t)}`;
+      return r ? l + F(n * 255) : l;
+    }
+    const ce = [
+      ["#FFCDD2", "#EF9A9A", "#F44336", "#D32F2F", "#B71C1C"],
+      // Red
+      ["#FFE0B2", "#FFCC80", "#FF9800", "#F57C00", "#E65100"],
+      // Orange
+      ["#FFF9C4", "#FFF59D", "#FFEB3B", "#FBC02D", "#F57F17"],
+      // Yellow
+      ["#C8E6C9", "#A5D6A7", "#4CAF50", "#388E3C", "#1B5E20"],
+      // Green
+      ["#BBDEFB", "#90CAF9", "#2196F3", "#1976D2", "#0D47A1"],
+      // Blue
+      ["#E1BEE7", "#CE93D8", "#9C27B0", "#7B1FA2", "#4A148C"]
+      // Purple
+    ], o = le, ue = se, { t: M } = $e(), i = c(0), v = c(1), p = c(1), h = c(1), S = L(() => {
+      const [e, a, t] = k(i.value, v.value, p.value);
+      return ie(e, a, t, h.value, o.alpha);
+    }), ve = L(() => {
+      const [e, a, t] = k(i.value, v.value, p.value);
+      return o.alpha ? `rgba(${e},${a},${t},${h.value})` : `rgb(${e},${a},${t})`;
+    }), pe = L(() => !!o.swatches), he = L(
+      () => Array.isArray(o.swatches) ? o.swatches : ce
+    ), z = c(null), m = c(null), B = c(null), D = c(null), P = c(null), A = c(null), x = c(null), C = () => {
+      const e = m.value;
+      if (!e || e.width === 0 || e.height === 0) return;
+      const a = e.getContext("2d");
+      if (!a) return;
+      const [t, n, r] = k(i.value, 1, 1), l = a.createLinearGradient(0, 0, e.width, 0);
+      l.addColorStop(0, "#ffffff"), l.addColorStop(1, `rgb(${t},${n},${r})`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
+      const s = a.createLinearGradient(0, 0, 0, e.height);
+      s.addColorStop(0, "rgba(0,0,0,0)"), s.addColorStop(1, "rgba(0,0,0,1)"), a.fillStyle = s, a.fillRect(0, 0, e.width, e.height);
+    }, de = () => {
+      const e = B.value;
+      if (!e || e.width === 0 || e.height === 0) return;
+      const a = e.getContext("2d");
+      if (!a) return;
+      const t = a.createLinearGradient(0, 0, e.width, 0);
+      for (let n = 0; n <= 6; n++)
+        t.addColorStop(n / 6, `hsl(${n * 60},100%,50%)`);
+      a.fillStyle = t, a.fillRect(0, 0, e.width, e.height);
+    }, f = () => {
+      const e = D.value;
+      if (!e || e.width === 0 || e.height === 0) return;
+      const a = e.getContext("2d");
+      if (!a) return;
+      a.clearRect(0, 0, e.width, e.height);
+      const [t, n, r] = k(i.value, v.value, p.value), l = a.createLinearGradient(0, 0, e.width, 0);
+      l.addColorStop(0, `rgba(${t},${n},${r},0)`), l.addColorStop(1, `rgba(${t},${n},${r},1)`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
+    }, fe = () => {
+      C(), de(), o.alpha && f();
+    };
+    let I = null;
+    const E = (e) => {
+      e.width = e.offsetWidth, e.height = e.offsetHeight;
+    }, X = () => {
+      const e = m.value, a = B.value;
+      !e || !a || e.offsetWidth === 0 || (E(e), E(a), o.alpha && D.value && E(D.value), fe());
+    };
+    xe(() => {
+      I = new ResizeObserver(X), m.value && I.observe(m.value), N(o.modelValue), X();
+    }), Re(() => {
+      I?.disconnect();
+    });
+    const N = (e) => {
+      if (e)
+        try {
+          const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
+          s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r;
+        } catch {
+        }
+    };
+    Le(
+      () => o.modelValue,
+      (e) => {
+        !e || e === S.value || (N(e), C(), o.alpha && f());
+      }
+    );
+    const d = () => ue("update:modelValue", S.value), H = c(!1), O = (e) => {
+      const a = P.value;
+      if (!a) return { s: v.value, v: p.value };
+      const t = a.getBoundingClientRect();
+      return {
+        s: Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)),
+        v: Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height))
+      };
+    }, be = (e) => {
+      P.value?.setPointerCapture(e.pointerId), H.value = !0;
+      const { s: a, v: t } = O(e);
+      v.value = a, p.value = t, o.alpha && f(), d();
+    }, we = (e) => {
+      if (!H.value) return;
+      const { s: a, v: t } = O(e);
+      v.value = a, p.value = t, o.alpha && f(), d();
+    }, Y = (e) => {
+      P.value?.releasePointerCapture(e.pointerId), H.value = !1;
+    }, Ce = (e) => {
+      const a = e.shiftKey ? 0.05 : 0.01;
+      switch (e.key) {
+        case "ArrowLeft":
+          v.value = Math.max(0, v.value - a);
+          break;
+        case "ArrowRight":
+          v.value = Math.min(1, v.value + a);
+          break;
+        case "ArrowUp":
+          p.value = Math.min(1, p.value + a);
+          break;
+        case "ArrowDown":
+          p.value = Math.max(0, p.value - a);
+          break;
+        default:
+          return;
+      }
+      o.alpha && f(), d(), e.preventDefault();
+    }, W = c(!1), Z = (e) => {
+      const a = A.value;
+      if (!a) return i.value;
+      const t = a.getBoundingClientRect();
+      return Math.max(
+        0,
+        Math.min(360, (e.clientX - t.left) / t.width * 360)
+      );
+    }, me = (e) => {
+      A.value?.setPointerCapture(e.pointerId), W.value = !0, i.value = Z(e), C(), o.alpha && f(), d();
+    }, ge = (e) => {
+      W.value && (i.value = Z(e), C(), o.alpha && f(), d());
+    }, j = (e) => {
+      A.value?.releasePointerCapture(e.pointerId), W.value = !1;
+    }, _e = (e) => {
+      const a = e.shiftKey ? 10 : 1;
+      switch (e.key) {
+        case "ArrowLeft":
+          i.value = Math.max(0, i.value - a);
+          break;
+        case "ArrowRight":
+          i.value = Math.min(360, i.value + a);
+          break;
+        default:
+          return;
+      }
+      C(), o.alpha && f(), d(), e.preventDefault();
+    }, K = c(!1), q = (e) => {
+      const a = x.value;
+      if (!a) return h.value;
+      const t = a.getBoundingClientRect();
+      return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
+    }, ye = (e) => {
+      x.value?.setPointerCapture(e.pointerId), K.value = !0, h.value = q(e), d();
+    }, ke = (e) => {
+      K.value && (h.value = q(e), d());
+    }, J = (e) => {
+      x.value?.releasePointerCapture(e.pointerId), K.value = !1;
+    }, Fe = (e) => {
+      const a = e.shiftKey ? 0.05 : 0.01;
+      switch (e.key) {
+        case "ArrowLeft":
+          h.value = Math.max(0, h.value - a);
+          break;
+        case "ArrowRight":
+          h.value = Math.min(1, h.value + a);
+          break;
+        default:
+          return;
+      }
+      d(), e.preventDefault();
+    }, Q = "EyeDropper" in window, V = c(!1), Me = async () => {
+      if (Q)
+        try {
+          V.value = !0;
+          const e = window, t = await new e.EyeDropper().open();
+          ae(t.sRGBHex);
+        } catch {
+        } finally {
+          V.value = !1;
+        }
+    }, ee = (e) => S.value.slice(0, 7).toLowerCase() === e.slice(0, 7).toLowerCase(), ae = (e) => {
+      const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
+      s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r, C(), o.alpha && f(), d();
+    };
+    return oe({ el: z }), (e, a) => (w(), b("div", {
+      ref_key: "pickerRef",
+      ref: z,
+      class: "bb-color-palette"
+    }, [
+      u("div", {
+        ref_key: "canvasWrapRef",
+        ref: P,
+        class: "bb-color-palette__canvas-wrap",
+        role: "application",
+        tabindex: "0",
+        "aria-label": $(M)("colorInput.mainCanvasDesc").value,
+        onPointerdown: be,
+        onPointermove: we,
+        onPointerup: Y,
+        onPointercancel: Y,
+        onKeydown: Ce
+      }, [
+        u("canvas", {
+          ref_key: "mainCanvasRef",
+          ref: m,
+          class: "bb-color-palette__canvas",
+          "aria-hidden": "true"
+        }, null, 512),
+        u("div", {
+          class: "bb-color-palette__canvas-thumb",
+          style: y({ left: `${v.value * 100}%`, top: `${(1 - p.value) * 100}%` }),
+          "aria-hidden": "true"
+        }, null, 4)
+      ], 40, Se),
+      u("div", Be, [
+        u("div", Ie, [
+          u("div", {
+            class: te(["bb-color-palette__preview", { "bb-color-palette__preview--alpha": e.alpha }]),
+            style: y({ "--bb-picker-preview-color": ve.value })
+          }, null, 6)
+        ]),
+        u("div", Ee, [
+          u("div", {
+            ref_key: "hueWrapRef",
+            ref: A,
+            class: "bb-color-palette__slider-wrap",
+            role: "slider",
+            tabindex: "0",
+            "aria-label": $(M)("colorInput.hueCanvasDesc").value,
+            "aria-valuenow": Math.round(i.value),
+            "aria-valuemin": "0",
+            "aria-valuemax": "360",
+            onPointerdown: me,
+            onPointermove: ge,
+            onPointerup: j,
+            onPointercancel: j,
+            onKeydown: _e
+          }, [
+            u("canvas", {
+              ref_key: "hueCanvasRef",
+              ref: B,
+              class: "bb-color-palette__slider-track",
+              "aria-hidden": "true"
+            }, null, 512),
+            u("div", {
+              class: "bb-color-palette__slider-thumb",
+              style: y({ left: `${i.value / 360 * 100}%` }),
+              "aria-hidden": "true"
+            }, null, 4)
+          ], 40, He),
+          e.alpha ? (w(), b("div", {
+            key: 0,
+            ref_key: "alphaWrapRef",
+            ref: x,
+            class: "bb-color-palette__slider-wrap bb-color-palette__slider-wrap--alpha",
+            role: "slider",
+            tabindex: "0",
+            "aria-label": $(M)("colorInput.alphaSliderDesc").value,
+            "aria-valuenow": Math.round(h.value * 100),
+            "aria-valuemin": "0",
+            "aria-valuemax": "100",
+            onPointerdown: ye,
+            onPointermove: ke,
+            onPointerup: J,
+            onPointercancel: J,
+            onKeydown: Fe
+          }, [
+            u("canvas", {
+              ref_key: "alphaCanvasRef",
+              ref: D,
+              class: "bb-color-palette__slider-track",
+              "aria-hidden": "true"
+            }, null, 512),
+            u("div", {
+              class: "bb-color-palette__slider-thumb",
+              style: y({ left: `${h.value * 100}%` }),
+              "aria-hidden": "true"
+            }, null, 4)
+          ], 40, We)) : G("", !0)
+        ]),
+        e.picker && Q ? (w(), b("button", {
+          key: 0,
+          class: "bb-color-palette__eyedropper",
+          type: "button",
+          "aria-label": $(M)("colorInput.eyeDropper").value,
+          disabled: V.value || void 0,
+          onClick: Me
+        }, a[0] || (a[0] = [
+          u("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            "aria-hidden": "true"
+          }, [
+            u("path", { d: "M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L13.71,3.71L12.29,5.12L13.41,6.24L3,16.59V21H7.41L17.76,10.59L18.88,11.71L20.29,10.29L18.88,8.88L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63M6.58,19H5V17.42L13.29,9.12L14.88,10.71L6.58,19Z" })
+          ], -1)
+        ]), 8, Ke)) : G("", !0)
+      ]),
+      pe.value ? (w(), b("div", Ve, [
+        (w(!0), b(ne, null, re(he.value, (t, n) => (w(), b("div", {
+          key: n,
+          class: "bb-color-palette__swatch-group"
+        }, [
+          (w(!0), b(ne, null, re(t, (r) => (w(), b("button", {
+            key: r,
+            class: te(["bb-color-palette__swatch", {
+              "bb-color-palette__swatch--active": ee(r)
+            }]),
+            style: y({ background: r }),
+            "aria-label": r,
+            "aria-pressed": ee(r),
+            type: "button",
+            onClick: (l) => ae(r)
+          }, null, 14, Ge))), 128))
+        ]))), 128))
+      ])) : G("", !0)
+    ], 512));
+  }
+});
 export {
-  o as booleanishToBoolean
+  ze as default
 };

package/dist/index283.js

@@ -1,5 +1,25 @@
-import { isEmpty as o } from "./index250.js";
-const m = (t) => !o(t);
+const i = (t) => {
+  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
+  return parseFloat(n) || 0;
+};
+function s(t) {
+  if (typeof t == "number")
+    return {
+      value: i(t),
+      unit: "px"
+    };
+  if (typeof t == "string") {
+    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
+    if (e) {
+      const [, n, o = "px"] = e, a = parseFloat(n);
+      return {
+        value: i(a),
+        unit: o
+      };
+    }
+  }
+  throw new Error(`Invalid width: ${t}`);
+}
 export {
-  m as isNotEmpty
+  s as parseWidthString
 };

package/dist/index284.js

@@ -1,35 +1,69 @@
-import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-/* empty css         */
-import n from "./index312.js";
-const l = {}, s = {
-  class: "bb-error-icon",
-  fill: "none",
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function i(c, r) {
-  return t(), e("svg", s, r[0] || (r[0] = [
-    o("path", {
-      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
-      fill: "currentColor"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 6.66666V9.99999",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 13.3333H10.0025",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1)
-  ]));
-}
-const a = /* @__PURE__ */ n(l, [["render", i]]);
+import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
+import { useLocale as k } from "./index245.js";
+import h from "./index14.js";
+/* empty css        */
+import C from "./index88.js";
+/* empty css        */
+const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
+  key: 1,
+  class: "bb-toast-message__title"
+}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
+  __name: "BbToastMessage",
+  props: {
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
+  },
+  emits: ["click:close"],
+  setup(r, { emit: c }) {
+    const m = r, p = c, { t: _ } = k(), b = () => {
+      p("click:close", m.id);
+    };
+    return (e, a) => (o(), l("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    }, [
+      t("div", w, [
+        e.icon ? (o(), i(C, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : s("", !0)
+      ]),
+      t("div", v, [
+        e.showClose ? (o(), i(h, {
+          key: 0,
+          "aria-label": f(_)("common.closeLabel").value,
+          class: "bb-toast-message__close",
+          onClick: b
+        }, {
+          default: g(() => a[0] || (a[0] = [
+            t("svg", {
+              fill: "none",
+              viewBox: "0 0 24 24",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              t("path", {
+                d: "M23 23L1 1M23 1L1 23",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                "stroke-width": "2"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["aria-label"])) : s("", !0),
+        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
+        t("p", B, n(e.text), 1)
+      ])
+    ], 2));
+  }
+});
 export {
-  a as default
+  z as default
 };

package/dist/index285.js

@@ -1,30 +1,11 @@
-import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
-import { useLocale as s } from "./index230.js";
-const c = ["aria-label"], b = /* @__PURE__ */ l({
-  __name: "ClearableButton",
-  setup(u) {
-    const { t: o } = s();
-    return (i, e) => (r(), n("button", {
-      "aria-label": a(o)("common.clearLabel").value,
-      class: "bb-clearable-button",
-      type: "button"
-    }, e[0] || (e[0] = [
-      t("svg", {
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, [
-        t("path", {
-          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
-          fill: "none",
-          stroke: "currentColor",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          "stroke-width": "2"
-        })
-      ], -1)
-    ]), 8, c));
+import { get as o } from "./index288.js";
+const e = () => ({
+  getItemValue(n, f) {
+    if (typeof f > "u") return n;
+    if (typeof f == "function") return f(n);
+    if (typeof f == "string") return o(n, f);
   }
 });
 export {
-  b as default
+  e as useItemValue
 };

package/dist/index286.js

@@ -0,0 +1,46 @@
+import { computed as u, toValue as s, ref as m, reactive as v, watchEffect as I, onMounted as T, watch as h, onBeforeUnmount as w } from "vue";
+import { useId as E } from "./index8.js";
+const o = v(/* @__PURE__ */ new Map()), b = "[data-bb-table-id]";
+function y(c) {
+  const p = E().id, r = u(() => s(c.id) || p.value), t = m(null), l = v({
+    id: r.value,
+    parentId: null,
+    tracks: {}
+  });
+  I(() => {
+    l.id = r.value, l.parentId = t.value, o.set(r.value, l);
+  });
+  const d = () => {
+    const e = s(c.container), a = s(c.inheritFrom);
+    let n = e?.parentElement?.closest(b) ?? null;
+    if (a)
+      for (; n && n.dataset.bbTableId !== a; )
+        n = n.parentElement?.closest(b) ?? null;
+    t.value = n?.dataset.bbTableId ?? null;
+  };
+  T(d), h(() => s(c.inheritFrom), d), w(() => o.delete(r.value));
+  const i = u(
+    () => t.value ? o.get(t.value) ?? null : null
+  ), f = (e) => {
+    l.tracks = e;
+  }, k = u(() => {
+    const e = {};
+    for (const [a, n] of Object.entries(l.tracks))
+      e[`--bb-table-${r.value}-track-${a}`] = n;
+    return e;
+  });
+  return {
+    id: r,
+    parentId: t,
+    parentNode: i,
+    parentHasTrack: (e) => !!i.value?.tracks[e],
+    parentVar: (e, a = "auto") => t.value ? `var(--bb-table-${t.value}-track-${e}, ${a})` : a,
+    node: l,
+    registry: o,
+    setTracks: f,
+    cssVars: k
+  };
+}
+export {
+  y as useTableWidthContext
+};