sakana-element 2.2.0 → 2.3.0

package/dist/es/Table-BvA_xzDe.js

@@ -0,0 +1,10 @@
+import { w as e } from "./utils-BS5vsvlM.js";
+import { defineComponent as o, computed as s, createElementBlock as t, openBlock as a, normalizeClass as l, createElementVNode as p, renderSlot as i } from "vue";
+const r = { class: "px-table__inner" }, n = ["xs", "sm", "md", "lg", "xl"], b = e(o({ name: "PxTable", __name: "Table", props: { type: {}, zebra: { type: Boolean }, hover: { type: Boolean }, border: { type: Boolean }, stripe: { type: Boolean }, pinRows: { type: Boolean }, pinCols: { type: Boolean }, size: { default: "md" }, showHeader: { type: Boolean, default: true }, outline: { type: Boolean }, ghost: { type: Boolean }, hoverable: { type: Boolean } }, setup(e2) {
+  const o2 = e2, n2 = s((() => o2.zebra || o2.stripe)), b2 = s((() => ({ "px-table": true, [`px-table--${o2.size}`]: o2.size, [`px-table--${o2.type}`]: o2.type, "is-zebra": n2.value, "is-hover": o2.hover, "is-border": o2.border, "is-pin-rows": o2.pinRows, "is-pin-cols": o2.pinCols, "is-hide-header": !o2.showHeader, "is-outline": o2.outline, "is-ghost": o2.ghost, "is-hoverable": o2.hoverable })));
+  return (e3, o3) => (a(), t("div", { class: l(b2.value) }, [p("div", r, [i(e3.$slots, "default")])], 2));
+} }));
+export {
+  b as P,
+  n as t
+};

package/dist/es/Tooltip-J3ji6weH.js

@@ -0,0 +1,74 @@
+import { e, _ as t, w as a } from "./utils-BS5vsvlM.js";
+import { onMounted as o, watch as l, onUnmounted as i, defineComponent as r, ref as n, computed as u, watchEffect as s, createElementBlock as c, openBlock as v, mergeProps as p, toHandlers as d, renderSlot as f, createVNode as m, unref as g, Transition as h, withCtx as y, createCommentVNode as x, createTextVNode as _, toDisplayString as b } from "vue";
+import { createPopper as k } from "@popperjs/core";
+import { u as T, c as w } from "./hooks-BqobYUzS.js";
+import { H as B, f as $, E as j, v as W } from "./vendor-DXmGx29U.js";
+const A = ["aria-describedby"], E = ["id"], L = { key: 0, class: "px-tooltip__arrow", "data-popper-arrow": "" }, N = t(r({ name: "PxTooltip", __name: "Tooltip", props: { content: {}, trigger: { default: "hover" }, placement: { default: "bottom" }, manual: { type: Boolean }, disabled: { type: Boolean }, popperOptions: {}, transition: { default: "fade" }, showTimeout: { default: 0 }, hideTimeout: { default: 200 }, virtualRef: {}, virtualTriggering: { type: Boolean }, effect: { default: "dark" }, type: {}, enterable: { type: Boolean, default: true }, maxWidth: {}, showArrow: { type: Boolean } }, emits: ["visible-change", "click-outside"], setup(t2, { expose: a2, emit: r2 }) {
+  const N2 = t2, R2 = r2, O = n(false), P = T("px-tooltip"), D = n({}), H = n({}), I = n({}), M = n(), q = n(), z = n(), C = u((() => N2.virtualTriggering ? N2.virtualRef : z.value)), F = u((() => ({ placement: N2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...N2.popperOptions }))), G = u((() => "hover" === N2.trigger ? N2.showTimeout : 0)), J = u((() => "hover" === N2.trigger ? N2.hideTimeout : 0)), K = u((() => N2.maxWidth ? { maxWidth: e(N2.maxWidth) } : {}));
+  let Q, S, U;
+  function V() {
+    S == null ? void 0 : S.cancel(), Q == null ? void 0 : Q();
+  }
+  function X() {
+    Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S();
+  }
+  function Y() {
+    O.value ? X() : V();
+  }
+  function Z(e2) {
+    N2.disabled || (O.value = e2, R2("visible-change", e2));
+  }
+  function ee() {
+    if (!N2.disabled && !N2.manual) return "hover" === N2.trigger ? (D.value.mouseenter = V, H.value.mouseleave = X, void (N2.enterable && (I.value.mouseenter = V))) : void ("click" !== N2.trigger ? "contextmenu" !== N2.trigger || (D.value.contextmenu = (e2) => {
+      e2.preventDefault(), V();
+    }) : D.value.click = Y);
+  }
+  function te() {
+    U == null ? void 0 : U.destroy(), U = null;
+  }
+  function ae() {
+    D.value = {}, H.value = {}, I.value = {}, ee();
+  }
+  const oe = V, le = () => {
+    Q == null ? void 0 : Q.cancel(), Z(false);
+  };
+  return l(O, ((e2) => {
+    e2 && C.value && q.value && (U = k(C.value, q.value, F.value));
+  }), { flush: "post" }), l((() => N2.manual), ((e2) => {
+    e2 ? ae() : ee();
+  })), l((() => N2.trigger), (() => {
+    Q == null ? void 0 : Q.cancel(), O.value = false, R2("visible-change", false), ae();
+  })), s((() => {
+    N2.manual || ee(), Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S.cancel(), Q = j(W(Z, null, true), G.value), S = j(W(Z, null, false), J.value);
+  })), w(M, (() => {
+    R2("click-outside"), "hover" === N2.trigger || N2.manual || O.value && X();
+  })), (function(e2, t3, a3) {
+    let r3, n2;
+    const u2 = /* @__PURE__ */ new Map(), s2 = () => {
+      const e3 = t3.value;
+      e3 && B(e3) && $(a3.value, ((t4, a4) => {
+        u2.set(a4, t4), e3.addEventListener(a4, t4);
+      }));
+    }, c2 = (e3) => {
+      const a4 = e3 ?? t3.value;
+      a4 && B(a4) && $(["mouseenter", "click", "contextmenu"], ((e4) => u2.has(e4) && a4.removeEventListener(e4, u2.get(e4))));
+    };
+    o((() => {
+      n2 = l((() => e2.virtualRef), ((t4, a4) => {
+        e2.virtualTriggering && (B(a4) && c2(a4), B(t4) && s2());
+      }), { immediate: true }), r3 = l(a3, (() => {
+        e2.virtualTriggering && (c2(), s2(), Q == null ? void 0 : Q.cancel(), Z(false));
+      }), { deep: true });
+    })), i((() => {
+      r3 == null ? void 0 : r3(), n2 == null ? void 0 : n2();
+    }));
+  })(N2, C, D), i((() => {
+    te(), Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S.cancel();
+  })), a2({ show: oe, hide: le, toggle: () => {
+    O.value ? le() : oe();
+  } }), (e2, t3) => (v(), c("div", p({ class: ["px-tooltip", [`px-tooltip--${e2.effect}`, e2.type && `px-tooltip--${e2.type}`]], ref_key: "containerNode", ref: M }, d(H.value, true)), [e2.virtualTriggering ? f(e2.$slots, "default", { key: 1 }, void 0, true) : (v(), c("div", p({ key: 0, class: "px-tooltip__trigger", ref_key: "_triggerNode", ref: z }, d(D.value, true), { "aria-describedby": O.value ? g(P) : void 0 }), [f(e2.$slots, "default", {}, void 0, true)], 16, A)), m(h, { name: e2.transition, onAfterLeave: te }, { default: y((() => [O.value ? (v(), c("div", p({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: q }, d(I.value, true), { id: g(P), style: K.value, role: "tooltip" }), [f(e2.$slots, "content", {}, (() => [_(b(e2.content), 1)]), true), e2.showArrow ? (v(), c("div", L)) : x("", true)], 16, E)) : x("", true)])), _: 3 }, 8, ["name"])], 16));
+} }), [["__scopeId", "data-v-d982dfd2"]]), R = a(N);
+export {
+  R as P,
+  N as T
+};

package/dist/es/hooks-BqobYUzS.js

@@ -0,0 +1,171 @@
+import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as o, unref as a, getCurrentInstance as r, useSlots as l, watchEffect as u, ref as s, inject as i, computed as c, onUnmounted as d } from "vue";
+import { f as m, y as v, k as f, z as p, n as h, o as g, a as E } from "./vendor-DXmGx29U.js";
+function L(r2, l2, u2) {
+  e(r2) ? t(r2, ((e2, t2) => {
+    null == t2 || t2.removeEventListener(l2, u2), null == e2 || e2.addEventListener(l2, u2);
+  })) : n((() => null == r2 ? void 0 : r2.addEventListener(l2, u2))), o((() => {
+    var e2;
+    return null == (e2 = a(r2)) ? void 0 : e2.removeEventListener(l2, u2);
+  }));
+}
+function w(e2, t2) {
+  L(document, "click", ((n2) => {
+    e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
+  }));
+}
+const y = (e2, t2) => m(e2, ((e3) => {
+  v(t2) && t2(e3), e3.children && y(e3.children, t2);
+}));
+function x() {
+  var e2, t2;
+  const n2 = /* @__PURE__ */ new Map(), o2 = r(), a2 = null == (t2 = null == (e2 = l()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
+  u((() => {
+    (null == o2 ? void 0 : o2.props.disabled) ? y(a2 ?? [], ((e3) => {
+      (null == e3 ? void 0 : e3.props) && (n2.set(e3, f(e3.props)), e3.props = p(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
+    })) : y(a2 ?? [], ((e3) => {
+      n2.has(e3) && (e3.props = n2.get(e3));
+    }));
+  }));
+}
+function k(e2, n2, a2 = {}) {
+  let r2 = 0, l2 = 0, u2 = 0, s2 = 0, i2 = false;
+  function c2(e3) {
+    0 === e3.button && (i2 = true, u2 = e3.clientX - r2, s2 = e3.clientY - l2, document.addEventListener("mousemove", d2), document.addEventListener("mouseup", m2), e3.preventDefault());
+  }
+  function d2(t2) {
+    if (!i2) return;
+    const n3 = e2.value;
+    if (!n3) return;
+    let o2 = t2.clientX - u2, c3 = t2.clientY - s2;
+    if (a2.constrainToViewport) {
+      const e3 = n3.getBoundingClientRect(), t3 = document.documentElement.clientWidth, a3 = document.documentElement.clientHeight, u3 = e3.left - r2, s3 = e3.top - l2, i3 = -u3, d3 = t3 - u3 - e3.width, m3 = -s3, v3 = a3 - s3 - e3.height;
+      o2 = Math.max(i3, Math.min(d3, o2)), c3 = Math.max(m3, Math.min(v3, c3));
+    }
+    r2 = o2, l2 = c3, n3.style.transform = `translate(${r2}px, ${l2}px)`;
+  }
+  function m2() {
+    i2 = false, document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2);
+  }
+  function v2(e3) {
+    null == e3 || e3.removeEventListener("mousedown", c2);
+  }
+  return t(n2, ((e3, t2) => {
+    var n3;
+    v2(t2), i2 && (i2 = false, document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2)), null == (n3 = e3) || n3.addEventListener("mousedown", c2);
+  }), { immediate: true }), o((() => {
+    v2(n2.value), document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2);
+  })), { reset: function() {
+    const t2 = e2.value;
+    r2 = 0, l2 = 0, t2 && (t2.style.transform = "");
+  } };
+}
+function b(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: o2 } = {}) {
+  const a2 = r(), { emit: l2 } = a2, u2 = s(), i2 = s(false);
+  return L(u2, "click", (() => {
+    var t3;
+    null == (t3 = e2.value) || t3.focus();
+  })), { wrapperRef: u2, isFocused: i2, handleFocus: (e3) => {
+    i2.value || (i2.value = true, l2("focus", e3), null == o2 || o2());
+  }, handleBlur: (e3) => {
+    var o3;
+    v(n2) && n2(e3) || e3.relatedTarget && (null == (o3 = u2.value) ? void 0 : o3.contains(e3.relatedTarget)) || (i2.value = false, l2("blur", e3), null == t2 || t2());
+  } };
+}
+const M = ["a[href]", "button:not([disabled])", "input:not([disabled])", "textarea:not([disabled])", "select:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(", ");
+function D(e2) {
+  let t2 = null, n2 = false;
+  function a2(t3) {
+    if (!n2 || "Tab" !== t3.key) return;
+    const o2 = e2.value;
+    if (!o2) return;
+    const a3 = Array.from(o2.querySelectorAll(M)).filter(((e3) => null !== e3.offsetParent));
+    if (0 === a3.length) return void t3.preventDefault();
+    const r3 = a3[0], l2 = a3[a3.length - 1];
+    t3.shiftKey ? document.activeElement !== r3 && o2.contains(document.activeElement) || (t3.preventDefault(), l2.focus()) : document.activeElement !== l2 && o2.contains(document.activeElement) || (t3.preventDefault(), r3.focus());
+  }
+  function r2() {
+    n2 && (n2 = false, document.removeEventListener("keydown", a2), t2 && "function" == typeof t2.focus && t2.focus(), t2 = null);
+  }
+  return o((() => {
+    r2();
+  })), { activate: function() {
+    n2 || (t2 = document.activeElement, n2 = true, document.addEventListener("keydown", a2));
+  }, deactivate: r2 };
+}
+const T = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
+function B(e2 = "er") {
+  const t2 = `${e2}-${T.prefix}-${T.current++}`;
+  return s(t2);
+}
+const I = { name: "en", el: { select: { loading: "Loading", noMatch: "No matching data", noData: "No data", placeholder: "Select" }, dropdown: { toggleDropdown: "Toggle Dropdown" }, messagebox: { title: "Message", confirm: "OK", cancel: "Cancel", error: "Illegal input", close: "Close this dialog" }, popconfirm: { confirmButtonText: "Yes", cancelButtonText: "No" } } };
+function S(e2) {
+  {
+    const e3 = i(h, s(g({ locale: I.name, messages: { en: I.el } })));
+    return c((() => {
+      return t2 = a(e3), E(t2, "install");
+      var t2;
+    }));
+  }
+}
+function $(e2) {
+  const t2 = c((() => e2.getLastBottomOffset())), n2 = c((() => e2.offset + t2.value)), o2 = c((() => n2.value + e2.boxHeight.value));
+  return { topOffset: n2, bottomOffset: o2 };
+}
+const O = s(0);
+function j(e2 = 2e3) {
+  const t2 = s(e2), n2 = c((() => O.value + t2.value));
+  return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (O.value++, n2.value) };
+}
+function C() {
+  const e2 = s(false);
+  let t2 = null, o2 = null;
+  return n((() => {
+    "undefined" != typeof window && (t2 = window.matchMedia("(prefers-color-scheme: dark)"), e2.value = t2.matches, o2 = (t3) => {
+      e2.value = t3.matches;
+    }, t2.addEventListener ? t2.addEventListener("change", o2) : t2.addListener(o2));
+  })), d((() => {
+    t2 && o2 && (t2.removeEventListener ? t2.removeEventListener("change", o2) : t2.removeListener(o2));
+  })), { prefersDark: e2, prefers: c((() => e2.value ? "dark" : "light")) };
+}
+const F = "px-theme", N = "px-dark", Y = s("system"), A = s(false);
+function H(e2) {
+  "undefined" != typeof document && (e2 ? document.documentElement.classList.add(N) : document.documentElement.classList.remove(N));
+}
+function K(e2) {
+  return "system" === e2 ? "undefined" != typeof window && window.matchMedia("(prefers-color-scheme: dark)").matches : "dark" === e2;
+}
+let R = false;
+function V() {
+  if (!R && "undefined" != typeof window) {
+    !(function() {
+      if ("undefined" == typeof window) return;
+      const e4 = localStorage.getItem(F);
+      e4 && ["light", "dark", "system"].includes(e4) ? Y.value = e4 : Y.value = "system", A.value = K(Y.value), H(A.value);
+    })(), R = true;
+    const e3 = window.matchMedia("(prefers-color-scheme: dark)"), t2 = (e4) => {
+      "system" === Y.value && (A.value = e4.matches, H(A.value));
+    };
+    e3.addEventListener ? e3.addEventListener("change", t2) : e3.addListener(t2);
+  }
+  const e2 = (e3) => {
+    Y.value = e3, A.value = K(e3), H(A.value), "undefined" != typeof localStorage && localStorage.setItem(F, e3);
+  };
+  return { theme: c((() => Y.value)), isDark: c((() => A.value)), setTheme: e2, toggleTheme: () => {
+    const t2 = A.value ? "light" : "dark";
+    e2(t2);
+  } };
+}
+export {
+  j as a,
+  L as b,
+  w as c,
+  x as d,
+  b as e,
+  $ as f,
+  S as g,
+  D as h,
+  k as i,
+  C as j,
+  V as k,
+  B as u
+};

package/dist/es/index.js

@@ -1,91 +1,111 @@
-import { P as g } from "./Alert-C76ZWSVk.js";
-import { P as I } from "./Avatar-CxsRW-wl.js";
-import { P as C } from "./Badge-CoFWwBwv.js";
-import { P as o, a as l } from "./Breadcrumb-BtrwTVKW.js";
-import { a as Z, P as c } from "./Button-S_31-UWJ.js";
-import { P as e } from "./Card-DcW6nHYD.js";
-import { P as s, a as A } from "./Collapse-DsS7M-m3.js";
-import { P as B, p } from "./ConfigProvider-BgIewHXP.js";
-import { E, u } from "./ConfigProvider-BgIewHXP.js";
-import { P as G, a as b } from "./Dropdown-GcomGMAI.js";
-import { P as t } from "./FileInput-BQ59woas.js";
-import { P as r, a as y } from "./Form-j90EzLXU.js";
-import { u as u2 } from "./Form-j90EzLXU.js";
-import { a as W, r as X } from "./Icon-DpJyuj7c.js";
-import { d, i } from "./Icon-DpJyuj7c.js";
-import { P as w } from "./Input-CiE4bPJN.js";
-import { P as H } from "./Link-B9B2APZq.js";
-import { P as S, a as K } from "./Loading-BW99pE5N.js";
-import { v, L, v as v2 } from "./Loading-BW99pE5N.js";
-import { P as Y, a as R } from "./Message-DCNnTUje.js";
-import { m } from "./Message-DCNnTUje.js";
-import { P as Q } from "./Notification-CBzY5904.js";
-import { a, n } from "./Notification-CBzY5904.js";
-import { P as V } from "./Popconfirm-DF6d2ORS.js";
-import { P as N, a as k } from "./Select-Dwqv8isB.js";
-import { P as f } from "./Switch-B1Gnv1tB.js";
-import { P as x } from "./Tooltip-k6gKnMyt.js";
-import { f as F } from "./vendor-DXmGx29U.js";
+import { P as g } from "./Alert-BwTsp4X3.js";
+import { P as o } from "./Avatar-CJu6JYV3.js";
+import { P as I } from "./Badge-BmxZXX8k.js";
+import { P as C, a as l } from "./Breadcrumb-BP8MSklj.js";
+import { a as Z, P as s } from "./Button-BJHtN7gh.js";
+import { P as c } from "./Card-DJHkCmsz.js";
+import { P as e, a as A } from "./Checkbox-DX8L3fyp.js";
+import { P as p, a as B } from "./Collapse-Ir3V9CuO.js";
+import { P as b, p as G } from "./ConfigProvider-CsbSqwwi.js";
+import { E, u } from "./ConfigProvider-CsbSqwwi.js";
+import { P as r } from "./Drawer-C2eVmvUp.js";
+import { P as y } from "./Divider-C7PtODSK.js";
+import { P as W, a as X } from "./Dropdown-CVg_c2fB.js";
+import { P as w } from "./FileInput-BE26BmXm.js";
+import { P as h, a as S } from "./Form-7lZt5ehf.js";
+import { u as u2 } from "./Form-7lZt5ehf.js";
+import { a as H, r as K } from "./Icon-BLDDdSU-.js";
+import { d, i } from "./Icon-BLDDdSU-.js";
+import { P as Y } from "./Indicator-B-en-MgG.js";
+import { P as R } from "./Input-C5HuVehE.js";
+import { P as Q } from "./Link-Av9RdcFv.js";
+import { P as V, a as f } from "./Loading-CBNDUWQd.js";
+import { v, L, v as v2 } from "./Loading-CBNDUWQd.js";
+import { P as x, a as N } from "./Message-DgnyyuXn.js";
+import { m } from "./Message-DgnyyuXn.js";
+import { P as F } from "./Notification-LYRXnVAf.js";
+import { a, n } from "./Notification-LYRXnVAf.js";
+import { P } from "./Pixelate-BPypBgJU.js";
+import { P as J } from "./Popconfirm-DvxFdLrw.js";
+import { P as D } from "./Progress-Bc5INMhJ.js";
+import { P as U, a as z } from "./Radio-263_rtRl.js";
+import { P as T, a as M } from "./Select-7ZxUCS8z.js";
+import { P as O } from "./Switch-DiCsMJT3.js";
+import { P as q } from "./Table-BvA_xzDe.js";
+import { t } from "./Table-BvA_xzDe.js";
+import { P as $ } from "./Tooltip-J3ji6weH.js";
+import { f as _ } from "./vendor-DXmGx29U.js";
 import "vue";
-import { h, i as i2 } from "./hooks-BaG7l8K5.js";
-const j = [I, C, o, l, Z, c, e, W, s, A, g, x, V, G, b, Y, Q, w, H, t, R, S, K, f, N, k, r, y, B], J = { name: "ja", el: { select: { loading: "ロード中", noMatch: "データなし", noData: "データなし", placeholder: "選択してください" }, dropdown: { toggleDropdown: "ドロップダウン切替" }, messagebox: { title: "メッセージ", confirm: "OK", cancel: "キャンセル", error: "正しくない入力", close: "このダイアログを閉じる" }, popconfirm: { confirmButtonText: "はい", cancelButtonText: "いいえ" } } }, D = { name: "ko", el: { select: { loading: "불러오는 중", noMatch: "검색된 데이터 없음", noData: "데이터 없음", placeholder: "선택" }, dropdown: { toggleDropdown: "드롭다운 전환" }, messagebox: { title: "메시지", confirm: "확인", cancel: "취소", error: "올바르지 않은 입력", close: "대화 상자 닫기" }, popconfirm: { confirmButtonText: "예", cancelButtonText: "아니오" } } }, P = { name: "zh-cn", el: { select: { loading: "加载中", noMatch: "无匹配数据", noData: "无数据", placeholder: "请选择" }, dropdown: { toggleDropdown: "切换下拉菜单" }, messagebox: { title: "提示", confirm: "确定", cancel: "取消", error: "输入的数据不合法!", close: "关闭此对话框" }, popconfirm: { confirmButtonText: "确定", cancelButtonText: "取消" } } }, U = { name: "zh-tw", el: { select: { loading: "載入中", noMatch: "無相符資料", noData: "無資料", placeholder: "請選擇" }, dropdown: { toggleDropdown: "切換下拉選單" }, messagebox: { title: "提示", confirm: "確定", cancel: "取消", error: "輸入的資料不符規定!", close: "關閉此對話框" }, popconfirm: { confirmButtonText: "確認", cancelButtonText: "取消" } } };
-if (X(), "undefined" != typeof CSS && "paintWorklet" in CSS) try {
+import { j, k } from "./hooks-BqobYUzS.js";
+const gg = [o, I, C, l, Z, s, c, e, A, H, Y, p, B, g, r, $, J, W, X, x, F, R, Q, w, N, V, f, O, q, T, M, P, D, h, S, b, y, U, z], og = { name: "ja", el: { select: { loading: "ロード中", noMatch: "データなし", noData: "データなし", placeholder: "選択してください" }, dropdown: { toggleDropdown: "ドロップダウン切替" }, messagebox: { title: "メッセージ", confirm: "OK", cancel: "キャンセル", error: "正しくない入力", close: "このダイアログを閉じる" }, popconfirm: { confirmButtonText: "はい", cancelButtonText: "いいえ" } } }, Ig = { name: "ko", el: { select: { loading: "불러오는 중", noMatch: "검색된 데이터 없음", noData: "데이터 없음", placeholder: "선택" }, dropdown: { toggleDropdown: "드롭다운 전환" }, messagebox: { title: "메시지", confirm: "확인", cancel: "취소", error: "올바르지 않은 입력", close: "대화 상자 닫기" }, popconfirm: { confirmButtonText: "예", cancelButtonText: "아니오" } } }, Cg = { name: "zh-cn", el: { select: { loading: "加载中", noMatch: "无匹配数据", noData: "无数据", placeholder: "请选择" }, dropdown: { toggleDropdown: "切换下拉菜单" }, messagebox: { title: "提示", confirm: "确定", cancel: "取消", error: "输入的数据不合法!", close: "关闭此对话框" }, popconfirm: { confirmButtonText: "确定", cancelButtonText: "取消" } } }, ag = { name: "zh-tw", el: { select: { loading: "載入中", noMatch: "無相符資料", noData: "無資料", placeholder: "請選擇" }, dropdown: { toggleDropdown: "切換下拉選單" }, messagebox: { title: "提示", confirm: "確定", cancel: "取消", error: "輸入的資料不符規定!", close: "關閉此對話框" }, popconfirm: { confirmButtonText: "確認", cancelButtonText: "取消" } } };
+if (K(), "undefined" != typeof CSS && "paintWorklet" in CSS) try {
   CSS.paintWorklet.addModule(new URL("data:text/javascript;base64,LyoqCiAqIENTUyBIb3VkaW5pIFBhaW50IFdvcmtsZXQgLSBQaXhlbCBCb3JkZXIKICoKICogQ3JlYXRlcyBhdXRoZW50aWMgcGl4ZWxhdGVkIGJvcmRlcnMgZm9yIHJldHJvIFVJIGFlc3RoZXRpYwogKgogKiBDdXN0b20gUHJvcGVydGllczoKICogLSAtLXB4LWJvcmRlci1jb2xvcjogQm9yZGVyIGNvbG9yIChkZWZhdWx0OiAjMDAwMDAwKQogKiAtIC0tcHgtYm9yZGVyLXdpZHRoOiBCb3JkZXIgd2lkdGggaW4gcGl4ZWxzIChkZWZhdWx0OiAyKQogKiAtIC0tcHgtYm9yZGVyLXBpeGVsLXNpemU6IFNpemUgb2YgZWFjaCBwaXhlbCBibG9jayAoZGVmYXVsdDogMikKICovCgpjbGFzcyBQaXhlbEJvcmRlclBhaW50ZXIgewogIHN0YXRpYyBnZXQgaW5wdXRQcm9wZXJ0aWVzKCkgewogICAgcmV0dXJuIFsnLS1weC1ib3JkZXItY29sb3InLCAnLS1weC1ib3JkZXItd2lkdGgnLCAnLS1weC1ib3JkZXItcGl4ZWwtc2l6ZSddOwogIH0KCiAgcGFpbnQoY3R4LCBzaXplLCBwcm9wZXJ0aWVzKSB7CiAgICAvLyBHZXQgY3VzdG9tIHByb3BlcnR5IHZhbHVlcwogICAgY29uc3QgYm9yZGVyQ29sb3IgPSBwcm9wZXJ0aWVzLmdldCgnLS1weC1ib3JkZXItY29sb3InKS50b1N0cmluZygpLnRyaW0oKSB8fCAnIzAwMDAwMCc7CiAgICBjb25zdCBib3JkZXJXaWR0aCA9IHBhcnNlSW50KHByb3BlcnRpZXMuZ2V0KCctLXB4LWJvcmRlci13aWR0aCcpLnRvU3RyaW5nKCksIDEwKSB8fCAyOwogICAgY29uc3QgcGl4ZWxTaXplID0gcGFyc2VJbnQocHJvcGVydGllcy5nZXQoJy0tcHgtYm9yZGVyLXBpeGVsLXNpemUnKS50b1N0cmluZygpLCAxMCkgfHwgMjsKCiAgICBjb25zdCB3aWR0aCA9IHNpemUud2lkdGg7CiAgICBjb25zdCBoZWlnaHQgPSBzaXplLmhlaWdodDsKCiAgICBjdHguZmlsbFN0eWxlID0gYm9yZGVyQ29sb3I7CgogICAgLy8gRHJhdyB0b3AgYm9yZGVyIChwaXhlbGF0ZWQpCiAgICBmb3IgKGxldCB4ID0gMDsgeCA8IHdpZHRoOyB4ICs9IHBpeGVsU2l6ZSkgewogICAgICBmb3IgKGxldCB5ID0gMDsgeSA8IGJvcmRlcldpZHRoOyB5ICs9IHBpeGVsU2l6ZSkgewogICAgICAgIGN0eC5maWxsUmVjdCh4LCB5LCBwaXhlbFNpemUsIHBpeGVsU2l6ZSk7CiAgICAgIH0KICAgIH0KCiAgICAvLyBEcmF3IGJvdHRvbSBib3JkZXIgKHBpeGVsYXRlZCkKICAgIGZvciAobGV0IHggPSAwOyB4IDwgd2lkdGg7IHggKz0gcGl4ZWxTaXplKSB7CiAgICAgIGZvciAobGV0IHkgPSBoZWlnaHQgLSBib3JkZXJXaWR0aDsgeSA8IGhlaWdodDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICB9CiAgICB9CgogICAgLy8gRHJhdyBsZWZ0IGJvcmRlciAocGl4ZWxhdGVkKQogICAgZm9yIChsZXQgeCA9IDA7IHggPCBib3JkZXJXaWR0aDsgeCArPSBwaXhlbFNpemUpIHsKICAgICAgZm9yIChsZXQgeSA9IDA7IHkgPCBoZWlnaHQ7IHkgKz0gcGl4ZWxTaXplKSB7CiAgICAgICAgY3R4LmZpbGxSZWN0KHgsIHksIHBpeGVsU2l6ZSwgcGl4ZWxTaXplKTsKICAgICAgfQogICAgfQoKICAgIC8vIERyYXcgcmlnaHQgYm9yZGVyIChwaXhlbGF0ZWQpCiAgICBmb3IgKGxldCB4ID0gd2lkdGggLSBib3JkZXJXaWR0aDsgeCA8IHdpZHRoOyB4ICs9IHBpeGVsU2l6ZSkgewogICAgICBmb3IgKGxldCB5ID0gMDsgeSA8IGhlaWdodDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICB9CiAgICB9CgogICAgLy8gT3B0aW9uYWw6IEFkZCBjb3JuZXIgcGl4ZWxzIGZvciBtb3JlIHByb25vdW5jZWQgcGl4ZWwgZWZmZWN0CiAgICBjb25zdCBjb3JuZXJTaXplID0gYm9yZGVyV2lkdGggKyBwaXhlbFNpemU7CgogICAgLy8gVG9wLWxlZnQgY29ybmVyIGVuaGFuY2VtZW50CiAgICBjdHguZmlsbFJlY3QoMCwgMCwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CgogICAgLy8gVG9wLXJpZ2h0IGNvcm5lciBlbmhhbmNlbWVudAogICAgY3R4LmZpbGxSZWN0KHdpZHRoIC0gY29ybmVyU2l6ZSwgMCwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CgogICAgLy8gQm90dG9tLWxlZnQgY29ybmVyIGVuaGFuY2VtZW50CiAgICBjdHguZmlsbFJlY3QoMCwgaGVpZ2h0IC0gY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CgogICAgLy8gQm90dG9tLXJpZ2h0IGNvcm5lciBlbmhhbmNlbWVudAogICAgY3R4LmZpbGxSZWN0KHdpZHRoIC0gY29ybmVyU2l6ZSwgaGVpZ2h0IC0gY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CiAgfQp9CgovLyBSZWdpc3RlciB0aGUgcGFpbnQgd29ya2xldApyZWdpc3RlclBhaW50KCdwaXhlbC1ib3JkZXInLCBQaXhlbEJvcmRlclBhaW50ZXIpOwo=", import.meta.url).href), CSS.paintWorklet.addModule(new URL("data:text/javascript;base64,LyoqCiAqIENTUyBIb3VkaW5pIFBhaW50IFdvcmtsZXQgLSBQaXhlbCBTaGFkb3cKICoKICogQ3JlYXRlcyBwaXhlbGF0ZWQgc2hhZG93IGVmZmVjdCBmb3IgZGVwdGgKICoKICogQ3VzdG9tIFByb3BlcnRpZXM6CiAqIC0gLS1weC1zaGFkb3ctY29sb3I6IFNoYWRvdyBjb2xvciAoZGVmYXVsdDogcmdiYSgwLDAsMCwwLjMpKQogKiAtIC0tcHgtc2hhZG93LW9mZnNldDogU2hhZG93IG9mZnNldCBpbiBwaXhlbHMgKGRlZmF1bHQ6IDQpCiAqIC0gLS1weC1ib3JkZXItcGl4ZWwtc2l6ZTogU2l6ZSBvZiBlYWNoIHBpeGVsIGJsb2NrIChkZWZhdWx0OiAyKQogKi8KCmNsYXNzIFBpeGVsU2hhZG93UGFpbnRlciB7CiAgc3RhdGljIGdldCBpbnB1dFByb3BlcnRpZXMoKSB7CiAgICByZXR1cm4gWyctLXB4LXNoYWRvdy1jb2xvcicsICctLXB4LXNoYWRvdy1vZmZzZXQnLCAnLS1weC1ib3JkZXItcGl4ZWwtc2l6ZSddOwogIH0KCiAgcGFpbnQoY3R4LCBzaXplLCBwcm9wZXJ0aWVzKSB7CiAgICAvLyBHZXQgY3VzdG9tIHByb3BlcnR5IHZhbHVlcwogICAgY29uc3Qgc2hhZG93Q29sb3IgPSBwcm9wZXJ0aWVzLmdldCgnLS1weC1zaGFkb3ctY29sb3InKS50b1N0cmluZygpLnRyaW0oKSB8fCAncmdiYSgwLDAsMCwwLjMpJzsKICAgIGNvbnN0IHNoYWRvd09mZnNldCA9IHBhcnNlSW50KHByb3BlcnRpZXMuZ2V0KCctLXB4LXNoYWRvdy1vZmZzZXQnKS50b1N0cmluZygpLCAxMCkgfHwgNDsKICAgIGNvbnN0IHBpeGVsU2l6ZSA9IHBhcnNlSW50KHByb3BlcnRpZXMuZ2V0KCctLXB4LWJvcmRlci1waXhlbC1zaXplJykudG9TdHJpbmcoKSwgMTApIHx8IDI7CgogICAgY29uc3Qgd2lkdGggPSBzaXplLndpZHRoOwogICAgY29uc3QgaGVpZ2h0ID0gc2l6ZS5oZWlnaHQ7CgogICAgY3R4LmZpbGxTdHlsZSA9IHNoYWRvd0NvbG9yOwoKICAgIC8vIERyYXcgcmlnaHQgc2hhZG93IChwaXhlbGF0ZWQpCiAgICBmb3IgKGxldCB4ID0gd2lkdGg7IHggPCB3aWR0aCArIHNoYWRvd09mZnNldDsgeCArPSBwaXhlbFNpemUpIHsKICAgICAgZm9yIChsZXQgeSA9IHNoYWRvd09mZnNldDsgeSA8IGhlaWdodCArIHNoYWRvd09mZnNldDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICAvLyBDcmVhdGUgc3RlcHBlZCBzaGFkb3cgZWZmZWN0CiAgICAgICAgY29uc3QgZGlzdGFuY2UgPSB4IC0gd2lkdGg7CiAgICAgICAgaWYgKGRpc3RhbmNlIDwgc2hhZG93T2Zmc2V0KSB7CiAgICAgICAgICBjdHguZ2xvYmFsQWxwaGEgPSAxIC0gZGlzdGFuY2UgLyBzaGFkb3dPZmZzZXQ7CiAgICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICAgIH0KICAgICAgfQogICAgfQoKICAgIC8vIERyYXcgYm90dG9tIHNoYWRvdyAocGl4ZWxhdGVkKQogICAgY3R4Lmdsb2JhbEFscGhhID0gMTsKICAgIGZvciAobGV0IHggPSBzaGFkb3dPZmZzZXQ7IHggPCB3aWR0aDsgeCArPSBwaXhlbFNpemUpIHsKICAgICAgZm9yIChsZXQgeSA9IGhlaWdodDsgeSA8IGhlaWdodCArIHNoYWRvd09mZnNldDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICBjb25zdCBkaXN0YW5jZSA9IHkgLSBoZWlnaHQ7CiAgICAgICAgaWYgKGRpc3RhbmNlIDwgc2hhZG93T2Zmc2V0KSB7CiAgICAgICAgICBjdHguZ2xvYmFsQWxwaGEgPSAxIC0gZGlzdGFuY2UgLyBzaGFkb3dPZmZzZXQ7CiAgICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICAgIH0KICAgICAgfQogICAgfQoKICAgIC8vIERyYXcgY29ybmVyIHNoYWRvdwogICAgY3R4Lmdsb2JhbEFscGhhID0gMC41OwogICAgZm9yIChsZXQgeCA9IHdpZHRoOyB4IDwgd2lkdGggKyBzaGFkb3dPZmZzZXQ7IHggKz0gcGl4ZWxTaXplKSB7CiAgICAgIGZvciAobGV0IHkgPSBoZWlnaHQ7IHkgPCBoZWlnaHQgKyBzaGFkb3dPZmZzZXQ7IHkgKz0gcGl4ZWxTaXplKSB7CiAgICAgICAgY3R4LmZpbGxSZWN0KHgsIHksIHBpeGVsU2l6ZSwgcGl4ZWxTaXplKTsKICAgICAgfQogICAgfQoKICAgIGN0eC5nbG9iYWxBbHBoYSA9IDE7CiAgfQp9CgovLyBSZWdpc3RlciB0aGUgcGFpbnQgd29ya2xldApyZWdpc3RlclBhaW50KCdwaXhlbC1zaGFkb3cnLCBQaXhlbFNoYWRvd1BhaW50ZXIpOwo=", import.meta.url).href);
 } catch (g2) {
 }
-const z = /* @__PURE__ */ (function(g2) {
-  return (I2, C2) => {
-    F(g2, ((g3) => I2.use(g3))), C2 && p(C2, I2, true);
+const lg = /* @__PURE__ */ (function(g2) {
+  return (o2, I2) => {
+    _(g2, ((g3) => o2.use(g3))), I2 && G(I2, o2, true);
   };
-})(j);
+})(gg);
 export {
   g as PxAlert,
-  I as PxAvatar,
-  C as PxBadge,
-  o as PxBreadcrumb,
+  o as PxAvatar,
+  I as PxBadge,
+  C as PxBreadcrumb,
   l as PxBreadcrumbItem,
   Z as PxButton,
-  c as PxButtonGroup,
-  e as PxCard,
-  s as PxCollapse,
-  A as PxCollapseItem,
-  B as PxConfigProvider,
-  G as PxDropdown,
-  b as PxDropdownItem,
-  t as PxFileInput,
-  r as PxForm,
-  y as PxFormItem,
-  W as PxIcon,
-  w as PxInput,
-  H as PxLink,
-  S as PxLoading,
+  s as PxButtonGroup,
+  c as PxCard,
+  e as PxCheckbox,
+  A as PxCheckboxGroup,
+  p as PxCollapse,
+  B as PxCollapseItem,
+  b as PxConfigProvider,
+  y as PxDivider,
+  r as PxDrawer,
+  W as PxDropdown,
+  X as PxDropdownItem,
+  w as PxFileInput,
+  h as PxForm,
+  S as PxFormItem,
+  H as PxIcon,
+  Y as PxIndicator,
+  R as PxInput,
+  Q as PxLink,
+  V as PxLoading,
   v as PxLoadingDirective,
-  K as PxLoadingIndicator,
+  f as PxLoadingIndicator,
   L as PxLoadingService,
-  Y as PxMessage,
-  R as PxMessageBox,
-  Q as PxNotification,
-  k as PxOption,
-  V as PxPopconfirm,
-  N as PxSelect,
-  f as PxSwitch,
-  x as PxTooltip,
-  z as default,
+  x as PxMessage,
+  N as PxMessageBox,
+  F as PxNotification,
+  M as PxOption,
+  P as PxPixelate,
+  J as PxPopconfirm,
+  D as PxProgress,
+  U as PxRadio,
+  z as PxRadioGroup,
+  T as PxSelect,
+  O as PxSwitch,
+  q as PxTable,
+  $ as PxTooltip,
+  lg as default,
   d as defaultPixelIcons,
   E as en,
   i as iconSizeMap,
-  J as ja,
-  D as ko,
+  og as ja,
+  Ig as ko,
   m as messageTypes,
   a as notificationPosition,
   n as notificationTypes,
-  p as provideGlobalConfig,
-  X as registerDefaultPixelIcons,
+  G as provideGlobalConfig,
+  K as registerDefaultPixelIcons,
+  t as tableSize,
   u2 as useFormItem,
   u as useGlobalConfig,
-  h as useSystemTheme,
-  i2 as useTheme,
+  j as useSystemTheme,
+  k as useTheme,
   v2 as vLoading,
-  P as zhCn,
-  U as zhTw
+  Cg as zhCn,
+  ag as zhTw
 };

package/dist/{theme → es/theme}/Avatar.css

@@ -1,5 +1,5 @@
 /* Avatar Variables */
-.px-avatar[data-v-47da9c60] {
+.px-avatar[data-v-be451b35] {
   --px-avatar-size: 48px;
   --px-avatar-bg-color: var(--px-fill-color);
   --px-avatar-text-color: var(--px-text-color-primary);
@@ -8,7 +8,7 @@
   --px-avatar-font-size: var(--px-font-size-base);
 }
 /* Base Avatar Styles - Pixel Game Aesthetic */
-.px-avatar[data-v-47da9c60] {
+.px-avatar[data-v-be451b35] {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -31,8 +31,8 @@
   filter: drop-shadow(2px 2px 0px var(--px-avatar-shadow-color));
 }
 /* Circle shape (default) — 4-step staircase pixel circle */
-.px-avatar[data-v-47da9c60]::before,
-  .px-avatar[data-v-47da9c60]::after {
+.px-avatar[data-v-be451b35]::before,
+  .px-avatar[data-v-be451b35]::after {
     content: '';
     position: absolute;
     background: var(--px-avatar-bg-color);
@@ -45,25 +45,25 @@
     );
 }
 /* Border layer — hidden by default, shown with is-border */
-.px-avatar[data-v-47da9c60]::before {
+.px-avatar[data-v-be451b35]::before {
     inset: 0;
     background: var(--px-avatar-border-color);
     display: none;
 }
 /* Fill layer */
-.px-avatar[data-v-47da9c60]::after {
+.px-avatar[data-v-be451b35]::after {
     inset: 0;
 }
 /* Border visible */
-.px-avatar.is-border[data-v-47da9c60]::before {
+.px-avatar.is-border[data-v-be451b35]::before {
       display: block;
 }
-.px-avatar.is-border[data-v-47da9c60]::after {
+.px-avatar.is-border[data-v-be451b35]::after {
       inset: 2px;
 }
 /* Square shape — 2px chamfered pixel rectangle */
-.px-avatar.is-square[data-v-47da9c60]::before,
-    .px-avatar.is-square[data-v-47da9c60]::after {
+.px-avatar.is-square[data-v-be451b35]::before,
+    .px-avatar.is-square[data-v-be451b35]::after {
       clip-path: polygon(
         0 2px, 2px 2px, 2px 0,
         calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,
@@ -71,46 +71,16 @@
         2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)
       );
 }
-.px-avatar + .px-avatar[data-v-47da9c60] {
+.px-avatar + .px-avatar[data-v-be451b35] {
     margin-left: 8px;
 }
 /* Size variants */
-.px-avatar--large[data-v-47da9c60] {
+.px-avatar--large[data-v-be451b35] {
   --px-avatar-size: 64px;
   --px-avatar-font-size: var(--px-font-size-large);
 }
-.px-avatar--small[data-v-47da9c60] {
+.px-avatar--small[data-v-be451b35] {
   --px-avatar-size: 32px;
   --px-avatar-font-size: var(--px-font-size-small);
   filter: drop-shadow(1px 1px 0px var(--px-avatar-shadow-color));
 }
-/* Online/Offline indicator dot */
-.px-avatar__indicator[data-v-47da9c60] {
-  --px-avatar-indicator-size: 10px;
-
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  width: var(--px-avatar-indicator-size);
-  height: var(--px-avatar-indicator-size);
-  border: 2px solid var(--px-bg-color, #ffffff);
-  border-radius: 50%;
-  z-index: 1;
-}
-.px-avatar__indicator.is-online[data-v-47da9c60] {
-    background-color: var(--px-color-success);
-}
-.px-avatar__indicator.is-offline[data-v-47da9c60] {
-    background-color: var(--px-color-info);
-}
-.px-avatar--large .px-avatar__indicator[data-v-47da9c60] {
-  --px-avatar-indicator-size: 12px;
-  top: 4px;
-  right: 4px;
-}
-.px-avatar--small .px-avatar__indicator[data-v-47da9c60] {
-  --px-avatar-indicator-size: 8px;
-  top: 0;
-  right: 0;
-  border-width: 1px;
-}

package/dist/{theme → es/theme}/Breadcrumb.css

@@ -42,10 +42,29 @@
 }
 a.px-breadcrumb__link[data-v-a0927948] {
   cursor: pointer;
-  border-bottom: 2px solid transparent;
+  background-image: none;
+  background-repeat: no-repeat;
+  background-position: bottom 0 left 0;
+  background-size: 100% 2px;
+  padding-bottom: 2px;
+  transition: none;
 }
 a.px-breadcrumb__link[data-v-a0927948]:hover:not(.is-disabled) {
-    border-bottom: 2px solid var(--px-breadcrumb-link-color);
+    background-image: repeating-linear-gradient(
+      to right,
+      var(--px-breadcrumb-link-color) 0px,
+      var(--px-breadcrumb-link-color) 4px,
+      transparent 4px,
+      transparent 8px
+    );
+    transform: translate(-1px, -1px);
+}
+a.px-breadcrumb__link[data-v-a0927948]:active:not(.is-disabled) {
+    transform: translate(1px, 1px);
+}
+a.px-breadcrumb__link[data-v-a0927948]:focus-visible:not(.is-disabled) {
+    outline: 2px dashed var(--px-color-primary);
+    outline-offset: 2px;
 }
 /* Current (last) item — plain text, no link styling */
 .px-breadcrumb__link.is-current[data-v-a0927948] {
@@ -72,6 +91,8 @@ a.px-breadcrumb__link[data-v-a0927948]:hover:not(.is-disabled) {
   margin: 0 8px;
   color: var(--px-breadcrumb-separator-color);
   font-weight: 400;
+  font-family: var(--px-font-family);
+  image-rendering: pixelated;
 }
 /* Breadcrumb Variables */
 .px-breadcrumb[data-v-8be388ff] {
@@ -117,10 +138,29 @@ a.px-breadcrumb__link[data-v-a0927948]:hover:not(.is-disabled) {
 }
 a.px-breadcrumb__link[data-v-8be388ff] {
   cursor: pointer;
-  border-bottom: 2px solid transparent;
+  background-image: none;
+  background-repeat: no-repeat;
+  background-position: bottom 0 left 0;
+  background-size: 100% 2px;
+  padding-bottom: 2px;
+  transition: none;
 }
 a.px-breadcrumb__link[data-v-8be388ff]:hover:not(.is-disabled) {
-    border-bottom: 2px solid var(--px-breadcrumb-link-color);
+    background-image: repeating-linear-gradient(
+      to right,
+      var(--px-breadcrumb-link-color) 0px,
+      var(--px-breadcrumb-link-color) 4px,
+      transparent 4px,
+      transparent 8px
+    );
+    transform: translate(-1px, -1px);
+}
+a.px-breadcrumb__link[data-v-8be388ff]:active:not(.is-disabled) {
+    transform: translate(1px, 1px);
+}
+a.px-breadcrumb__link[data-v-8be388ff]:focus-visible:not(.is-disabled) {
+    outline: 2px dashed var(--px-color-primary);
+    outline-offset: 2px;
 }
 /* Current (last) item — plain text, no link styling */
 .px-breadcrumb__link.is-current[data-v-8be388ff] {
@@ -147,4 +187,6 @@ a.px-breadcrumb__link[data-v-8be388ff]:hover:not(.is-disabled) {
   margin: 0 8px;
   color: var(--px-breadcrumb-separator-color);
   font-weight: 400;
+  font-family: var(--px-font-family);
+  image-rendering: pixelated;
 }