@prodivix/ui 0.1.0

package/dist/nav/PdxRoute.js

@@ -0,0 +1,119 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Children as k, isValidElement as g } from "react";
+import "@prodivix/shared";
+/* empty css              */
+const P = (e) => {
+  const t = e.trim();
+  if (!t) return "/";
+  const r = t.split("#")[0] ?? t, o = r.split("?")[0] ?? r, s = (o.startsWith("/") ? o : `/${o}`).replace(/\/{2,}/g, "/");
+  return s.length > 1 && s.endsWith("/") ? s.slice(0, -1) : s;
+}, x = (e) => {
+  const t = P(e);
+  return t === "/" ? [] : t.split("/").filter(Boolean);
+}, N = (e) => {
+  const t = [];
+  return e.split("/").map((r) => r.trim()).filter(Boolean).forEach((r) => {
+    if (r !== ".") {
+      if (r === "..") {
+        t.length > 0 && t.pop();
+        return;
+      }
+      t.push(r);
+    }
+  }), t;
+}, v = (e, t, r) => {
+  let o = 0, n = r, s = 0, c = 0, a = !1;
+  for (; o < e.length; ) {
+    const u = e[o];
+    if (u === "*") {
+      a = !0, n = t.length;
+      break;
+    }
+    const l = t[n];
+    if (l === void 0) return null;
+    if (u.startsWith(":") && u.length > 1) {
+      c += 1, o += 1, n += 1;
+      continue;
+    }
+    if (u !== l) return null;
+    s += 1, o += 1, n += 1;
+  }
+  return {
+    exact: n === t.length,
+    wildcard: a,
+    staticCount: s,
+    paramCount: c,
+    consumedCount: n - r,
+    matchedPath: n > 0 ? `/${t.slice(0, n).join("/")}` : "/"
+  };
+}, w = (e, t) => {
+  const r = e.trim();
+  if (!r) return null;
+  const o = x(t), n = r.startsWith("/"), s = n ? x(r) : N(r);
+  return s.length === 0 && !n ? null : (n ? [0] : Array.from({ length: o.length + 1 }, (a, i) => i)).reduce((a, i) => {
+    const u = v(
+      s,
+      o,
+      i
+    );
+    if (!u) return a;
+    const d = {
+      score: (u.exact ? 1e4 : 0) + u.staticCount * 220 + u.paramCount * 120 + u.consumedCount * 10 + (u.wildcard ? -120 : 0) + (n ? 0 : i * 30),
+      matchedPath: u.matchedPath
+    };
+    return a ? d.score > a.score ? d : a : d;
+  }, null);
+}, y = (e) => {
+  const t = e.props["data-route-path"];
+  if (typeof t == "string") return t;
+  const r = e.props.node?.props?.["data-route-path"];
+  return typeof r == "string" ? r : void 0;
+}, I = (e) => e.props["data-route-fallback"] === !0 ? !0 : e.props.node?.props?.["data-route-fallback"] === !0, E = (e) => e.props["data-route-index"] === !0 ? !0 : e.props.node?.props?.["data-route-index"] === !0, C = (e, t) => {
+  if (!g(e)) return null;
+  const r = e;
+  if (I(r)) return null;
+  const o = E(r), n = y(r);
+  if (!n && !o) return null;
+  if (o)
+    return {
+      node: r,
+      score: Number.NEGATIVE_INFINITY,
+      index: !0
+    };
+  const s = w(n ?? "", t);
+  return s ? {
+    node: r,
+    score: s.score,
+    index: !1
+  } : null;
+}, A = (e, t) => t ? e ? t.score > e.score ? t : e : t : e, F = (e) => e.find((t) => g(t) ? I(t) : !1);
+function S({
+  currentPath: e,
+  emptyText: t,
+  children: r,
+  className: o,
+  style: n,
+  id: s,
+  dataAttributes: c = {}
+}) {
+  const a = P(e ?? "/"), i = k.toArray(r), l = i.reduce((f, p) => {
+    const h = C(p, a);
+    return h?.index ? f : A(f, h);
+  }, null) ?? i.reduce((f, p) => {
+    const h = C(p, a);
+    return h?.index ? f ?? h : f;
+  }, null), d = F(i), R = l?.node ?? d ?? (t ? /* @__PURE__ */ m("div", { className: "PdxRouteEmpty", children: t }) : null);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: `PdxRoute ${o ?? ""}`.trim(),
+      style: n,
+      id: s,
+      ...c,
+      children: R
+    }
+  );
+}
+export {
+  S as default
+};

package/dist/nav/PdxSidebar.js

@@ -0,0 +1,45 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+/* empty css                */
+import "@prodivix/shared";
+function S({
+  title: s,
+  items: c = [],
+  footer: d,
+  collapsed: r = !1,
+  width: n = 240,
+  children: l,
+  className: o,
+  style: x,
+  id: b,
+  dataAttributes: m = {}
+}) {
+  const t = `PdxSidebar ${r ? "Collapsed" : ""} ${o || ""}`.trim(), h = { ...m };
+  return /* @__PURE__ */ i(
+    "aside",
+    {
+      className: t,
+      style: { width: n, ...x },
+      id: b,
+      ...h,
+      children: [
+        s && /* @__PURE__ */ e("div", { className: "PdxSidebarTitle", children: s }),
+        l || /* @__PURE__ */ e("nav", { className: "PdxSidebarNav", children: c.map((a) => /* @__PURE__ */ i(
+          "a",
+          {
+            href: a.href || "#",
+            className: `PdxSidebarItem ${a.active ? "Active" : ""}`,
+            children: [
+              a.icon && /* @__PURE__ */ e("span", { className: "PdxSidebarIcon", children: a.icon }),
+              !r && /* @__PURE__ */ e("span", { children: a.label })
+            ]
+          },
+          a.label
+        )) }),
+        d && /* @__PURE__ */ e("div", { className: "PdxSidebarFooter", children: d })
+      ]
+    }
+  );
+}
+export {
+  S as default
+};

package/dist/nav/PdxTabs.js

@@ -0,0 +1,49 @@
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+/* empty css             */
+import "@prodivix/shared";
+import { useState as k, useEffect as m } from "react";
+function j({
+  items: a,
+  activeKey: n,
+  defaultActiveKey: t,
+  onChange: r,
+  className: l,
+  style: c,
+  id: i,
+  dataAttributes: b = {}
+}) {
+  const [f, e] = k(
+    t || a[0]?.key
+  );
+  m(() => {
+    n !== void 0 && e(n);
+  }, [n]);
+  const o = n !== void 0 ? n : f, u = a.find((s) => s.key === o) || a[0], p = (s, P) => {
+    P || (n === void 0 && e(s), r && r(s));
+  }, x = `PdxTabs ${l || ""}`.trim(), T = { ...b };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: x,
+      style: c,
+      id: i,
+      ...T,
+      children: [
+        /* @__PURE__ */ d("div", { className: "PdxTabsHeader", children: a.map((s) => /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: `PdxTabsTab ${s.key === o ? "Active" : ""} ${s.disabled ? "Disabled" : ""}`,
+            onClick: () => p(s.key, s.disabled),
+            children: s.label
+          },
+          s.key
+        )) }),
+        /* @__PURE__ */ d("div", { className: "PdxTabsContent", children: u?.content })
+      ]
+    }
+  );
+}
+export {
+  j as default
+};

package/dist/style.css

@@ -0,0 +1 @@
+.PdxButton{font-weight:var(--font-weight-regular);border-radius:6px;cursor:pointer;transition:background-color var(--motion-duration-normal) var(--motion-easing-standard),color var(--motion-duration-normal) var(--motion-easing-standard),border-color var(--motion-duration-normal) var(--motion-easing-standard);text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;border:1px solid;display:inline-flex;align-items:center;justify-content:center;gap:.3em}.PdxButton:active{opacity:.9}.PdxButton.Disabled{opacity:.5;cursor:not-allowed}.PdxButton.Disabled:hover,.PdxButton.Disabled:active{opacity:.5}.PdxButton.Big{font-weight:var(--font-weight-medium);padding:16px 32px;font-size:var(--font-size-2xl);border-radius:8px}.PdxButton.Medium{font-weight:var(--font-weight-medium);padding:12px 24px;font-size:var(--font-size-lg)}.PdxButton.Small{padding:8px 16px;font-size:var(--font-size-md)}.PdxButton.Tiny{padding:5px 10px;font-size:var(--font-size-xs)}.PdxButton.Primary{background-color:var(--accent-color);color:var(--text-inverse);border-color:var(--accent-color)}.PdxButton.Primary:not(.Disabled):hover{background-color:var(--accent-hover);color:var(--text-inverse);border-color:var(--accent-hover)}.PdxButton.Secondary{background-color:var(--bg-canvas);color:var(--text-primary);border-color:var(--border-default)}.PdxButton.Secondary:not(.Disabled):hover{background-color:var(--bg-raised);color:var(--text-primary)}.PdxButton.Secondary:not(.Disabled):active{opacity:.75}.PdxButton.Danger{background-color:var(--danger-color);color:var(--text-inverse);border-color:var(--danger-color)}.PdxButton.Danger:not(.Disabled):hover{background-color:var(--danger-hover);border-color:var(--danger-hover)}.PdxButton.Warning{background-color:var(--warning-color);color:var(--text-primary);border-color:var(--warning-color)}.PdxButton.Warning:not(.Disabled):hover{background-color:var(--warning-hover);border-color:var(--warning-hover)}.PdxButton.Ghost{background-color:transparent;color:var(--text-primary);border-color:var(--border-strong)}.PdxButton.Ghost:not(.Disabled):hover{background-color:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-secondary);border-color:var(--text-secondary)}.PdxButton.SubtleDanger{background-color:transparent;color:var(--danger-color);border-color:var(--danger-subtle)}.PdxButton.SubtleDanger:not(.Disabled):hover{background-color:var(--danger-subtle-hover);color:var(--danger-color);border-color:var(--danger-hover)}.PdxButton.SubtleWarning{background-color:transparent;color:var(--warning-color);border-color:var(--warning-subtle)}.PdxButton.SubtleWarning:not(.Disabled):hover{background-color:var(--warning-subtle-hover);color:var(--warning-color);border-color:var(--warning-hover)}.PdxButton.OnlyIcon{padding:8px}.PdxButton.OnlyIcon.Big{font-size:40px}.PdxButton.OnlyIcon.Medium{font-size:32px}.PdxButton.OnlyIcon.Small{font-size:24px}.PdxButton.OnlyIcon.Tiny{font-size:16px}.PdxLink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}.PdxLink.Disabled{cursor:not-allowed}.PdxIcon{margin:0;padding:0;display:inline-flex}.PdxIconLink{color:var(--icon-link-color, var(--text-secondary));transition:color var(--motion-duration-normal) var(--motion-easing-standard)}.PdxIconLink:hover{color:var(--icon-link-hover-color, var(--text-primary))}.PdxNav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;box-sizing:border-box;background-color:var(--bg-canvas);color:var(--text-primary)}.PdxNav.Float{position:sticky;top:0;z-index:10;box-shadow:var(--shadow-md)}.PdxNav.CanHide{transition:transform .25s ease,opacity .25s ease}.PdxNav.CanHide.Hidden{transform:translateY(-100%);opacity:0}.PdxNav.Transparent{background-color:transparent;border-color:transparent;box-shadow:none}.PdxNav.Solid{background-color:var(--bg-canvas)}.PdxNav.Blurred{background-color:color-mix(in srgb,var(--bg-canvas) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.PdxNav.Columns-2 .PdxNavCenter{display:none}.PdxNav.Columns-2 .PdxNavLeft,.PdxNav.Columns-2 .PdxNavRight,.PdxNav.Columns-3 .PdxNavCenter{flex:1}.PdxNavLeft,.PdxNavCenter,.PdxNavRight{display:flex;align-items:center}.PdxNavLeft,.PdxNavRight{display:flex;flex-direction:row;align-items:center;min-width:140px}.PdxNavCenter{justify-content:center}.PdxNavLeft{justify-content:flex-start}.PdxNavRight{justify-content:flex-end}.PdxNavRight p{font-size:18px;color:var(--text-muted);cursor:pointer;transition:color var(--motion-duration-normal) var(--motion-easing-standard),background-color var(--motion-duration-normal) var(--motion-easing-standard);font-weight:var(--font-weight-medium);padding:4px 15px;border-radius:18px}.PdxNavRight p:hover{color:var(--text-primary);background-color:var(--bg-panel)}.PdxNavHeading{font-family:var(--font-family-ui);font-size:24px;font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin:0 1rem}.PdxNavbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-md);background-color:var(--bg-canvas);color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.PdxNavbar.Sticky{position:sticky;top:0;z-index:10}.PdxNavbar.Transparent{background-color:transparent;border-bottom:none}.PdxNavbar.Blurred{background-color:color-mix(in srgb,var(--bg-canvas) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.PdxNavbarBrand{font-weight:var(--font-weight-semibold)}.PdxNavbarItems{display:flex;align-items:center;gap:var(--spacing-md)}.PdxNavbarItem{color:inherit;text-decoration:none;font-size:14px;padding:4px 8px;border-radius:var(--radius-sm)}.PdxNavbarItem.Active{background-color:var(--bg-raised)}.PdxNavbarActions{display:flex;align-items:center;gap:var(--spacing-sm)}.PdxNavbar.Small{padding:var(--spacing-xs) var(--spacing-md)}.PdxNavbar.Large{padding:var(--spacing-md) var(--spacing-xl)}.PdxSidebar{display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--bg-canvas);border-right:1px solid var(--border-subtle);padding:var(--spacing-md);color:var(--text-secondary);min-height:100vh}.PdxSidebarTitle{font-weight:var(--font-weight-semibold);font-size:14px}.PdxSidebarNav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.PdxSidebarItem{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit;padding:6px 8px;border-radius:var(--radius-sm)}.PdxSidebarItem.Active{background-color:var(--bg-raised);font-weight:var(--font-weight-semibold)}.PdxSidebarFooter{margin-top:auto}.PdxSidebar.Collapsed{width:72px}.PdxBreadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--text-muted);font-size:13px}.PdxBreadcrumbItem{display:inline-flex;align-items:center;gap:6px}.PdxBreadcrumbItem a{color:inherit;text-decoration:none}.PdxBreadcrumbSeparator{margin:0 4px}.PdxPagination{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.PdxPagination button{border:1px solid var(--border-default);background-color:var(--bg-canvas);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.PdxPagination button.Active{background-color:var(--accent-color);color:var(--text-inverse);border-color:var(--accent-color)}.PdxPagination button:disabled{opacity:.5;cursor:not-allowed}.PdxAnchorNavigation{display:flex;gap:var(--spacing-sm);color:var(--text-muted)}.PdxAnchorNavigation.Vertical{flex-direction:column}.PdxAnchorNavigationItem{text-decoration:none;color:inherit;font-size:13px;padding:4px 8px;border-radius:var(--radius-sm)}.PdxAnchorNavigationItem.Active{background-color:var(--bg-raised);color:var(--text-primary)}.PdxTabs{width:100%}.PdxTabsHeader{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.PdxTabsTab{border:none;background:transparent;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--text-muted);border-bottom:2px solid transparent}.PdxTabsTab.Active{color:var(--text-primary);border-bottom-color:var(--accent-color)}.PdxTabsTab.Disabled{opacity:.5;cursor:not-allowed}.PdxTabsContent{padding:var(--spacing-md) 0;color:var(--text-secondary)}.PdxCollapse{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-canvas)}.PdxCollapseItem+.PdxCollapseItem{border-top:1px solid var(--border-default)}.PdxCollapseHeader{width:100%;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.PdxCollapseContent{padding:var(--spacing-md);color:var(--text-muted);border-top:1px solid var(--border-default)}.PdxCollapseItem.Disabled .PdxCollapseHeader{opacity:.5;cursor:not-allowed}.PdxCollapseIcon{display:flex;align-items:center;justify-content:center}.PdxRoute{display:block;width:100%;min-height:48px}.PdxRouteEmpty{border:1px dashed var(--border-default);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--text-muted)}.PdxOutlet{position:relative;min-height:48px;width:100%}.PdxOutletEmpty{border:1px dashed var(--border-default);border-radius:8px;color:var(--text-muted);font-size:12px;line-height:1.4;padding:12px}.PdxText{line-height:1.5;word-wrap:break-word}.PdxText.Truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PdxText.Left{text-align:left}.PdxText.Center{text-align:center}.PdxText.Right{text-align:right}.PdxText.Tiny{font-size:var(--font-size-xs)}.PdxText.Small{font-size:var(--font-size-sm)}.PdxText.Medium{font-size:var(--font-size-md)}.PdxText.Large{font-size:var(--font-size-lg)}.PdxText.Big{font-size:var(--font-size-xl)}.PdxText.Light{font-weight:300}.PdxText.Normal{font-weight:400}.PdxText.Medium{font-weight:500}.PdxText.SemiBold{font-weight:600}.PdxText.Bold{font-weight:700}.PdxText.Default{color:var(--text-primary)}.PdxText.Muted{color:var(--text-muted)}.PdxText.Primary{color:var(--text-primary)}.PdxText.Secondary{color:var(--text-secondary)}.PdxText.Danger{color:var(--danger-color)}.PdxText.Warning{color:var(--warning-color)}.PdxText.Success{color:var(--success-color)}.PdxHeading{line-height:1.3;margin:0;word-wrap:break-word}.PdxHeading.Left{text-align:left}.PdxHeading.Center{text-align:center}.PdxHeading.Right{text-align:right}.PdxHeading.Level1{font-size:var(--font-size-4xl)}.PdxHeading.Level2{font-size:var(--font-size-3xl)}.PdxHeading.Level3{font-size:var(--font-size-2xl)}.PdxHeading.Level4{font-size:var(--font-size-xl)}.PdxHeading.Level5{font-size:var(--font-size-lg)}.PdxHeading.Level6{font-size:var(--font-size-md)}.PdxHeading.Light{font-weight:300}.PdxHeading.Normal{font-weight:400}.PdxHeading.Medium{font-weight:500}.PdxHeading.SemiBold{font-weight:600}.PdxHeading.Bold{font-weight:700}.PdxHeading.Default{color:var(--text-primary)}.PdxHeading.Muted{color:var(--text-muted)}.PdxHeading.Primary{color:var(--text-primary)}.PdxHeading.Secondary{color:var(--text-secondary)}.PdxHeading.Danger{color:var(--danger-color)}.PdxHeading.Warning{color:var(--warning-color)}.PdxHeading.Success{color:var(--success-color)}.PdxParagraph{line-height:1.6;margin:0;word-wrap:break-word}.PdxParagraph.Left{text-align:left}.PdxParagraph.Center{text-align:center}.PdxParagraph.Right{text-align:right}.PdxParagraph.Small{font-size:var(--font-size-sm)}.PdxParagraph.Medium{font-size:var(--font-size-md)}.PdxParagraph.Large{font-size:var(--font-size-lg)}.PdxParagraph.Light{font-weight:300}.PdxParagraph.Normal{font-weight:400}.PdxParagraph.Medium{font-weight:500}.PdxParagraph.SemiBold{font-weight:600}.PdxParagraph.Default{color:var(--text-primary)}.PdxParagraph.Muted{color:var(--text-muted)}.PdxParagraph.Primary{color:var(--text-primary)}.PdxParagraph.Secondary{color:var(--text-secondary)}.PdxParagraph.Danger{color:var(--danger-color)}.PdxParagraph.Warning{color:var(--warning-color)}.PdxParagraph.Success{color:var(--success-color)}.PdxKbd{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-width:1.65em;min-height:1.65em;margin:0;padding:.1em .45em;border:1px solid transparent;border-radius:5px;background-color:transparent;color:var(--text-primary);font-family:var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:0;text-align:center;white-space:nowrap;vertical-align:baseline;-webkit-user-select:none;user-select:none;box-sizing:border-box}.PdxKbdText{display:inline-flex;align-items:center;min-width:0;line-height:1}.PdxKbdIcon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1em;height:1em;color:currentColor}.PdxKbdIcon>svg{width:1em;height:1em}.PdxKbd.Tiny{min-width:1.45em;min-height:1.45em;padding:.05em .35em;font-size:var(--font-size-caption);border-radius:4px}.PdxKbd.Medium{min-width:1.8em;min-height:1.8em;padding:.15em .55em;font-size:var(--font-size-sm)}.PdxKbd.Large{min-width:2em;min-height:2em;padding:.2em .65em;font-size:var(--font-size-md);border-radius:6px}.PdxKbd.Filled{background-color:var(--bg-panel)}.PdxKbd.Bordered{border-color:var(--border-default)}.PdxKbd.Borderless{border-color:transparent}.PdxKbd.Unfilled{background-color:transparent}.PdxKbd.Flat{box-shadow:none}.PdxKbd.Soft{background-color:color-mix(in srgb,var(--bg-raised) 76%,transparent)}.PdxKbd.Raised{background-color:var(--bg-raised);border-color:var(--border-strong);box-shadow:inset 0 1px color-mix(in srgb,var(--text-inverse) 55%,transparent),0 1px 2px color-mix(in srgb,var(--text-primary) 12%,transparent)}.PdxKbd.Inset{background-color:var(--bg-canvas);border-color:var(--border-default);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--text-primary) 14%,transparent),inset 0 -1px color-mix(in srgb,var(--text-inverse) 38%,transparent)}.PdxKbd.Muted{color:var(--text-muted)}.PdxKbd.Primary{color:var(--accent-color)}.PdxKbd.Danger{color:var(--danger-color)}.PdxKbd.Warning{color:var(--warning-color)}.PdxKbd.Success{color:var(--success-color)}.PdxKbd.Primary.Filled{background-color:color-mix(in srgb,var(--accent-color) 11%,var(--bg-panel));border-color:color-mix(in srgb,var(--accent-color) 28%,var(--border-default))}.PdxKbd.Danger.Filled{background-color:color-mix(in srgb,var(--danger-color) 10%,var(--bg-panel));border-color:color-mix(in srgb,var(--danger-color) 26%,var(--border-default))}.PdxKbd.Warning.Filled{background-color:color-mix(in srgb,var(--warning-color) 16%,var(--bg-panel));border-color:color-mix(in srgb,var(--warning-color) 34%,var(--border-default))}.PdxKbd.Success.Filled{background-color:color-mix(in srgb,var(--success-color) 11%,var(--bg-panel));border-color:color-mix(in srgb,var(--success-color) 28%,var(--border-default))}.PdxInput{display:inline-flex;align-items:center;position:relative;max-width:400px;width:100%;border:1px solid;border-radius:var(--radius-md);padding:0 var(--spacing-sm);font-size:var(--font-size-lg);line-height:var(--line-height-normal);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);outline:none;background-color:var(--bg-canvas);color:var(--text-primary);border-color:var(--border-default)}.PdxInput::placeholder{color:var(--text-muted)}.PdxInput:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxInput:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxInput:read-only{background-color:var(--bg-raised);cursor:default}.PdxInput.Small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md)}.PdxInput.Medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg)}.PdxInput.Large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xl)}.PdxInput.Error{border-color:var(--danger-color)}.PdxInput.Error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-color) 12%,transparent)}.PdxInput.Warning{border-color:var(--warning-color)}.PdxInput.Warning:focus{border-color:var(--warning-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning-color) 14%,transparent)}.PdxInput.Success{border-color:var(--success-color)}.PdxInput.Success:focus{border-color:var(--success-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--success-color) 12%,transparent)}.PdxInput.WithIcon input{padding-left:var(--spacing-xl)}.PdxInput.WithIcon.Small{padding-left:var(--spacing-lg)}.PdxInput.WithIcon.Large{padding-left:var(--spacing-xl)}.PdxInput.WithIcon.WithIcon{padding-right:var(--spacing-xl)}.PdxInput.WithIcon.Small.WithIcon{padding-right:var(--spacing-lg)}.PdxInput.WithIcon.Large.WithIcon{padding-right:var(--spacing-xl)}.PdxInput .PdxInputIcon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.PdxInput .PdxInputIcon.Left{left:var(--spacing-sm)}.PdxInput .PdxInputIcon.Right{right:var(--spacing-sm)}.PdxInput.Small .PdxInputIcon.Left{left:var(--spacing-sm)}.PdxInput.Small .PdxInputIcon.Right{right:var(--spacing-sm)}.PdxInput.Large .PdxInputIcon.Left{left:var(--spacing-md)}.PdxInput.Large .PdxInputIcon.Right{right:var(--spacing-md)}.PdxInput-wrapper{display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:center}.PdxTextarea{width:100%;max-width:600px;border:1px solid;border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-size-lg);line-height:var(--line-height-normal);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);outline:none;background-color:var(--bg-canvas);color:var(--text-primary);border-color:var(--border-strong);font-family:var(--font-family-ui);word-wrap:break-word}.PdxTextarea::placeholder{color:var(--text-muted)}.PdxTextarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxTextarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxTextarea:read-only{background-color:var(--bg-raised);cursor:default}.PdxTextarea.Small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md)}.PdxTextarea.Medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg)}.PdxTextarea.Large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xl)}.PdxTextarea.Error{border-color:var(--danger-color)}.PdxTextarea.Error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-color) 12%,transparent)}.PdxTextarea.Warning{border-color:var(--warning-color)}.PdxTextarea.Warning:focus{border-color:var(--warning-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning-color) 14%,transparent)}.PdxTextarea.Success{border-color:var(--success-color)}.PdxTextarea.Success:focus{border-color:var(--success-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--success-color) 12%,transparent)}.PdxTextarea.None{resize:none}.PdxTextarea.Vertical{resize:vertical}.PdxTextarea.Horizontal{resize:horizontal}.PdxTextarea.Both{resize:both}.PdxSearch{display:inline-flex;align-items:center;position:relative;width:100%;max-width:400px;border:1px solid;border-radius:var(--radius-md);background-color:var(--bg-canvas);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);border-color:var(--border-strong)}.PdxSearch:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxSearch.Disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxSearch .PdxSearchIcon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;flex-shrink:0}.PdxSearch input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--text-primary)}.PdxSearch input::placeholder{color:var(--text-muted)}.PdxSearch input:disabled{cursor:not-allowed}.PdxSearch .PdxSearchClear{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard);flex-shrink:0}.PdxSearch .PdxSearchClear:hover{background-color:var(--bg-raised);color:var(--text-primary)}.PdxSearch .PdxSearchClear:active{background-color:var(--border-subtle)}.PdxSearch .PdxSearchClear svg{display:block}.PdxSearch.Small .PdxSearchIcon{padding:var(--spacing-xs) var(--spacing-sm)}.PdxSearch.Small input{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md)}.PdxSearch.Small .PdxSearchClear{padding:var(--spacing-xs)}.PdxSearch.Medium .PdxSearchIcon{padding:var(--spacing-sm) var(--spacing-md)}.PdxSearch.Medium input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg)}.PdxSearch.Medium .PdxSearchClear{padding:var(--spacing-xs) var(--spacing-sm)}.PdxSearch.Large .PdxSearchIcon{padding:var(--spacing-md) var(--spacing-lg)}.PdxSearch.Large input{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xl)}.PdxSearch.Large .PdxSearchClear{padding:var(--spacing-sm) var(--spacing-md)}.PdxDatePicker{width:100%}.PdxDatePickerControl{position:relative;display:flex;align-items:center}.PdxDatePickerInput{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);background-color:var(--bg-canvas);color:var(--text-primary);outline:none}.PdxDatePickerInput:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxDatePickerInput:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxDatePickerInput:read-only{background-color:var(--bg-raised);cursor:default}.PdxDatePickerIcon{position:absolute;right:var(--spacing-sm);display:inline-flex;color:var(--text-muted);pointer-events:none}.PdxDatePicker.Small .PdxDatePickerInput{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-sm);font-size:14px}.PdxDatePicker.Large .PdxDatePickerInput{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);font-size:18px}.PdxDatePicker.Error .PdxDatePickerInput{border-color:var(--danger-color)}.PdxDatePicker.Error .PdxDatePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-color) 12%,transparent)}.PdxDatePicker.Warning .PdxDatePickerInput{border-color:var(--warning-color)}.PdxDatePicker.Warning .PdxDatePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--warning-color) 14%,transparent)}.PdxDatePicker.Success .PdxDatePickerInput{border-color:var(--success-color)}.PdxDatePicker.Success .PdxDatePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--success-color) 12%,transparent)}.PdxDateRangePicker{width:100%}.PdxDateRangePickerControls{display:flex;align-items:center;gap:var(--spacing-sm)}.PdxDateRangePickerInput{flex:1;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);min-width:0;font-size:var(--font-size-lg);line-height:var(--line-height-normal);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);background-color:var(--bg-canvas);color:var(--text-primary);outline:none}.PdxDateRangePickerInput:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxDateRangePickerInput:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxDateRangePickerInput:read-only{background-color:var(--bg-raised);cursor:default}.PdxDateRangePickerSeparator{font-size:12px;color:var(--text-muted)}.PdxDateRangePicker.Small .PdxDateRangePickerInput{padding:var(--spacing-xs) var(--spacing-sm);font-size:14px}.PdxDateRangePicker.Large .PdxDateRangePickerInput{padding:var(--spacing-md) var(--spacing-md);font-size:18px}.PdxDateRangePicker.Error .PdxDateRangePickerInput{border-color:var(--danger-color)}.PdxDateRangePicker.Error .PdxDateRangePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-color) 12%,transparent)}.PdxDateRangePicker.Warning .PdxDateRangePickerInput{border-color:var(--warning-color)}.PdxDateRangePicker.Warning .PdxDateRangePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--warning-color) 14%,transparent)}.PdxDateRangePicker.Success .PdxDateRangePickerInput{border-color:var(--success-color)}.PdxDateRangePicker.Success .PdxDateRangePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--success-color) 12%,transparent)}.PdxTimePicker{width:100%}.PdxTimePickerControl{position:relative;display:flex;align-items:center}.PdxTimePickerInput{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);background-color:var(--bg-canvas);color:var(--text-primary);outline:none}.PdxTimePickerInput:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxTimePickerInput:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxTimePickerInput:read-only{background-color:var(--bg-raised);cursor:default}.PdxTimePickerIcon{position:absolute;right:var(--spacing-sm);display:inline-flex;color:var(--text-muted);pointer-events:none}.PdxTimePicker.Small .PdxTimePickerInput{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-sm);font-size:14px}.PdxTimePicker.Large .PdxTimePickerInput{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);font-size:18px}.PdxTimePicker.Error .PdxTimePickerInput{border-color:var(--danger-color)}.PdxTimePicker.Error .PdxTimePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-color) 12%,transparent)}.PdxTimePicker.Warning .PdxTimePickerInput{border-color:var(--warning-color)}.PdxTimePicker.Warning .PdxTimePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--warning-color) 14%,transparent)}.PdxTimePicker.Success .PdxTimePickerInput{border-color:var(--success-color)}.PdxTimePicker.Success .PdxTimePickerInput:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--success-color) 12%,transparent)}.PdxRegionPicker{width:100%}.PdxRegionPickerControls{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.PdxRegionPickerSelect{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);background-color:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxRegionPickerSelect:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent);outline:none}.PdxRegionPickerSelect:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxRegionPicker.Small .PdxRegionPickerSelect{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.PdxRegionPicker.Large .PdxRegionPickerSelect{padding:var(--spacing-md) var(--spacing-md);font-size:17px}.PdxRegionPicker.Error .PdxRegionPickerSelect{border-color:var(--danger-color)}.PdxRegionPicker.Warning .PdxRegionPickerSelect{border-color:var(--warning-color)}.PdxRegionPicker.Success .PdxRegionPickerSelect{border-color:var(--success-color)}@media(max-width:640px){.PdxRegionPickerControls{grid-template-columns:1fr}}.PdxVerificationCode{width:100%}.PdxVerificationCodeInputs{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.PdxVerificationCodeItem{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.PdxVerificationCodeInput{width:44px;height:44px;text-align:center;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);background-color:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard)}.PdxVerificationCodeInput:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent);transform:translateY(-1px)}.PdxVerificationCodeInput:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxVerificationCodeSeparator{color:var(--border-strong);font-size:14px}.PdxVerificationCode.Small .PdxVerificationCodeInput{width:36px;height:36px;font-size:16px}.PdxVerificationCode.Large .PdxVerificationCodeInput{width:52px;height:52px;font-size:20px}.PdxVerificationCode.Error .PdxVerificationCodeInput{border-color:var(--danger-color)}.PdxVerificationCode.Warning .PdxVerificationCodeInput{border-color:var(--warning-color)}.PdxVerificationCode.Success .PdxVerificationCodeInput{border-color:var(--success-color)}.PdxPasswordStrength{width:100%}.PdxPasswordStrengthInput{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);background-color:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxPasswordStrengthInput:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxPasswordStrengthInput:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxPasswordStrengthMeter{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.PdxPasswordStrengthBar{height:6px;border-radius:var(--radius-full);background-color:var(--border-default);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard)}.PdxPasswordStrengthBar.Active{transform:scaleY(1.18)}.PdxPasswordStrengthBar.Active.Level1{background-color:var(--danger-color)}.PdxPasswordStrengthBar.Active.Level2{background-color:var(--warning-color)}.PdxPasswordStrengthBar.Active.Level3,.PdxPasswordStrengthBar.Active.Level4{background-color:var(--success-color)}.PdxPasswordStrengthText{font-size:12px;color:var(--text-muted)}.PdxPasswordStrength.Small .PdxPasswordStrengthInput{padding:var(--spacing-xs) var(--spacing-sm);font-size:14px}.PdxPasswordStrength.Large .PdxPasswordStrengthInput{padding:var(--spacing-md) var(--spacing-md);font-size:18px}.PdxRegexInput{width:100%}.PdxRegexInputControl{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);background-color:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxRegexInputControl:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxRegexInputControl:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxRegexInput.Small .PdxRegexInputControl{padding:var(--spacing-xs) var(--spacing-sm);font-size:14px}.PdxRegexInput.Large .PdxRegexInputControl{padding:var(--spacing-md) var(--spacing-md);font-size:18px}.PdxRegexInput.Error .PdxRegexInputControl{border-color:var(--danger-color)}.PdxRegexInput.Warning .PdxRegexInputControl{border-color:var(--warning-color)}.PdxRegexInput.Success .PdxRegexInputControl{border-color:var(--success-color)}.PdxFileUpload{width:100%}.PdxFileUploadDropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;cursor:pointer;background-color:var(--bg-canvas);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxFileUploadDropzone:hover{border-color:var(--accent-color);background-color:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--border-subtle)}.PdxFileUploadIcon{color:var(--text-muted);margin-bottom:var(--spacing-xs)}.PdxFileUploadText{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.PdxFileUploadHint{font-size:12px;color:var(--text-muted)}.PdxFileUploadInput{display:none}.PdxFileUploadList{list-style:none;padding:0;margin:var(--spacing-sm) 0 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.PdxFileUploadItem{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--bg-panel);color:var(--text-primary);font-size:13px}.PdxFileUpload.Disabled .PdxFileUploadDropzone{opacity:.6;cursor:not-allowed}.PdxImageUpload{width:100%}.PdxImageUploadDropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;cursor:pointer;background-color:var(--bg-canvas);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxImageUploadDropzone:hover{border-color:var(--accent-color);background-color:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--border-subtle)}.PdxImageUploadText{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-secondary)}.PdxImageUploadInput{display:none}.PdxImageUploadGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.PdxImageUploadItem{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default);background-color:var(--bg-panel);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxImageUploadItem:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.PdxImageUploadItem img{width:100%;height:96px;object-fit:cover;display:block}.PdxImageUpload.Disabled .PdxImageUploadDropzone{opacity:.6;cursor:not-allowed}.PdxRichTextEditor{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.PdxRichTextEditorToolbar{display:flex;flex-wrap:wrap;gap:4px;padding:3px 4px;border-bottom:1px solid var(--border-subtle)}.PdxRichTextEditorToolbar button{width:20px;height:20px;border:1px solid transparent;border-radius:6px;background-color:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxRichTextEditorToolbar button:hover{border-color:var(--border-default);background-color:var(--bg-raised);color:var(--text-primary)}.PdxRichTextEditorToolbar button.Active{border-color:var(--border-strong);background-color:var(--bg-raised);color:var(--text-primary)}.PdxRichTextEditorToolbar button:disabled{opacity:.45;cursor:not-allowed}.PdxRichTextEditorContent{min-height:140px;padding:0 10px;font-size:var(--font-size-sm);line-height:var(--line-height-editor);color:var(--text-primary);outline:none;border:0}.PdxRichTextEditorContent:focus{box-shadow:inset 0 0 0 1px var(--accent-color)}.PdxRichTextEditorContent:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.PdxRichTextEditorContent p,.PdxRichTextEditorContent ul,.PdxRichTextEditorContent ol{margin:0 0 .5em}.PdxRichTextEditorContent ul,.PdxRichTextEditorContent ol{padding-left:1.2em}.PdxRichTextEditorFooter{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 5px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--font-size-micro);line-height:var(--line-height-tight)}.PdxRichTextEditor.Disabled .PdxRichTextEditorContent,.PdxRichTextEditor.ReadOnly .PdxRichTextEditorContent{background-color:var(--bg-raised);cursor:not-allowed}.PdxRichTextEditor.Disabled .PdxRichTextEditorToolbar,.PdxRichTextEditor.ReadOnly .PdxRichTextEditorToolbar{opacity:.6}.PdxRating{width:100%}.PdxRatingStars{display:inline-flex;gap:var(--spacing-xs)}.PdxRatingStar{border:none;background:transparent;cursor:pointer;color:var(--border-default);padding:0;line-height:1;transition:color var(--transition-fast)}.PdxRatingStar.Active{color:var(--warning-color)}.PdxRatingStar:disabled{cursor:not-allowed;opacity:.5}.PdxRatingIcon{width:20px;height:20px}.PdxRating.Small .PdxRatingIcon{width:16px;height:16px}.PdxRating.Large .PdxRatingIcon{width:28px;height:28px}.PdxColorPicker{width:100%}.PdxColorPickerControls{display:flex;align-items:center;gap:var(--spacing-sm)}.PdxColorPickerInput{width:44px;height:36px;border:none;background:none;padding:0;cursor:pointer}.PdxColorPickerText{flex:1;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md);line-height:var(--line-height-normal);background-color:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxColorPickerText:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxColorPickerSwatch{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-default)}.PdxColorPicker.Disabled{opacity:.6}.PdxColorPicker.Small .PdxColorPickerInput{width:36px;height:30px}.PdxColorPicker.Large .PdxColorPickerInput{width:52px;height:42px}.PdxSlider{width:100%}.PdxSliderInput{width:100%;accent-color:var(--accent-color)}.PdxSliderValue{margin-left:auto;font-size:12px;color:var(--text-muted)}.PdxSlider.Disabled .PdxSliderInput{opacity:.6}.PdxSlider.Small .PdxSliderInput{height:4px}.PdxSlider.Large .PdxSliderInput{height:8px}.PdxRange{width:100%}.PdxRangeValue{margin-left:auto;font-size:12px;color:var(--text-muted)}.PdxRangeTrack{position:relative;height:8px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--border-default) 0%,var(--border-default) var(--range-start),var(--accent-color) var(--range-start),var(--accent-color) var(--range-end),var(--border-default) var(--range-end),var(--border-default) 100%)}.PdxRangeInput{position:absolute;left:0;top:-6px;width:100%;height:20px;background:transparent;pointer-events:auto;appearance:none}.PdxRangeInput::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-canvas);cursor:pointer}.PdxRangeInput::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-canvas);cursor:pointer}.PdxRange.Disabled .PdxRangeTrack{opacity:.6}.PdxSelect{width:100%}.PdxSelectControl{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);background-color:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxSelectControl:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxSelectControl:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxSelect.Small .PdxSelectControl{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md)}.PdxSelect.Medium .PdxSelectControl{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg)}.PdxSelect.Large .PdxSelectControl{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xl)}.PdxSelect.Disabled{opacity:.6}.PdxRadioGroup{width:100%}.PdxRadioGroupList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.PdxRadioGroup.Horizontal .PdxRadioGroupList{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.PdxRadioGroupItem{padding:var(--spacing-xs) 0}.PdxRadioGroupLabel{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--text-primary);cursor:pointer}.PdxRadioGroupLabel input{width:16px;height:16px;margin-top:2px}.PdxRadioGroupLabel.Disabled{opacity:.5;cursor:not-allowed}.PdxRadioGroupText{display:flex;flex-direction:column;gap:2px;font-size:13px}.PdxRadioGroupDescription{font-size:11px;color:var(--text-muted)}.PdxDiv{box-sizing:border-box}.PdxDiv.Block{display:block}.PdxDiv.Inline{display:inline}.PdxDiv.InlineBlock{display:inline-block}.PdxDiv.Flex{display:flex}.PdxDiv.Grid{display:grid}.PdxDiv.Visible{overflow:visible}.PdxDiv.Hidden{overflow:hidden}.PdxDiv.Auto{overflow:auto}.PdxDiv.Scroll{overflow:scroll}.PdxDiv.Left{text-align:left}.PdxDiv.Center{text-align:center}.PdxDiv.Right{text-align:right}.PdxDiv.Justify{text-align:justify}.PdxSection{box-sizing:border-box;width:100%;position:relative;border-radius:var(--radius-md);transition:background-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal)}.PdxSection.Small{min-height:200px}.PdxSection.Medium{min-height:400px}.PdxSection.Large{min-height:600px}.PdxSection.FullWidth{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.PdxSection.PaddingNone{padding:0}.PdxSection.PaddingSmall{padding:var(--spacing-md)}.PdxSection.PaddingMedium{padding:var(--spacing-lg)}.PdxSection.PaddingLarge{padding:var(--spacing-xl)}.PdxSection.Left{text-align:left}.PdxSection.Center{text-align:center}.PdxSection.Right{text-align:right}.PdxSection.Default{background-color:var(--bg-canvas);border:1px solid var(--bg-raised)}.PdxSection.Light{background-color:var(--bg-raised);border:1px solid var(--border-default)}.PdxSection.Dark{background-color:var(--text-primary);color:var(--bg-canvas)}.PdxSection.Primary{background-color:var(--accent-color);color:var(--bg-canvas);box-shadow:var(--shadow-sm)}.PdxSection.Secondary{background-color:var(--text-primary);color:var(--bg-canvas);box-shadow:var(--shadow-sm)}.PdxCard{box-sizing:border-box;background-color:var(--bg-canvas);border-radius:var(--radius-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast),background-color var(--transition-normal);color:var(--text-primary);display:block}.PdxCard.Small{min-height:100px}.PdxCard.Medium{min-height:200px}.PdxCard.Large{min-height:300px}.PdxCard.PaddingNone{padding:0}.PdxCard.PaddingSmall{padding:var(--spacing-sm)}.PdxCard.PaddingMedium{padding:var(--spacing-md)}.PdxCard.PaddingLarge{padding:var(--spacing-lg)}.PdxCard.Default{border:1px solid var(--border-default)}.PdxCard.Bordered{border:2px solid var(--border-default)}.PdxCard.Elevated{border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.PdxCard.Flat{border:none;background-color:var(--bg-raised)}.PdxCard.Hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.PdxCard.Clickable{cursor:pointer}.PdxCard.Clickable:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg)}.PdxCard.Clickable:active{transform:scale(.98)}.PdxPanel{box-sizing:border-box;background-color:var(--bg-canvas);border-radius:var(--radius-md);border:1px solid var(--border-default);transition:background-color var(--motion-duration-normal) var(--motion-easing-standard),border-color var(--motion-duration-normal) var(--motion-easing-standard),box-shadow var(--motion-duration-normal) var(--motion-easing-standard);color:var(--text-primary);overflow:hidden}.PdxPanel.Small{min-height:80px}.PdxPanel.Medium{min-height:150px}.PdxPanel.Large{min-height:250px}.PdxPanel .PdxPanelHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle);cursor:default}.PdxPanel.Collapsible .PdxPanelHeader{cursor:pointer;-webkit-user-select:none;user-select:none}.PdxPanel.Collapsible .PdxPanelHeader:hover{background-color:var(--bg-raised)}.PdxPanel.Collapsed .PdxPanelHeader{border-bottom:none}.PdxPanel .PdxPanelTitle{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.PdxPanel .PdxPanelToggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxPanel .PdxPanelToggle:hover{background-color:var(--bg-raised)}.PdxPanel .PdxPanelToggle:active{background-color:var(--border-subtle)}.PdxPanel .PdxPanelContent{overflow:hidden;transition:max-height var(--motion-duration-normal) var(--motion-easing-standard),opacity var(--motion-duration-normal) var(--motion-easing-standard)}.PdxPanel:not(.Collapsed) .PdxPanelContent{max-height:1000px;opacity:1}.PdxPanel.PaddingNone .PdxPanelContent{padding:0}.PdxPanel.PaddingSmall .PdxPanelContent{padding:var(--spacing-sm)}.PdxPanel.PaddingMedium .PdxPanelContent{padding:var(--spacing-md)}.PdxPanel.PaddingLarge .PdxPanelContent{padding:var(--spacing-lg)}.PdxPanel.Collapsed .PdxPanelContent{max-height:0;padding:0;opacity:0}.PdxPanel.Default{border-color:var(--border-default)}.PdxPanel.Bordered{border-width:2px;border-color:var(--border-strong)}.PdxPanel.Filled{border-color:transparent;background-color:var(--bg-panel)}.PdxPanel.Elevated{border-color:var(--border-default);box-shadow:var(--shadow-md)}.PdxPanel.Flat{background-color:var(--bg-raised)}[data-theme=dark] .PdxPanel.Elevated{box-shadow:var(--shadow-lg)}.PdxImage{display:block;object-fit:cover;transition:all var(--transition-normal)}.PdxImage.Small{width:64px;height:64px}.PdxImage.Medium{width:128px;height:128px}.PdxImage.Large{width:256px;height:256px}.PdxImage.Original{width:auto;height:auto;max-width:100%}.PdxImage.Cover{object-fit:cover}.PdxImage.Contain{object-fit:contain}.PdxImage.Fill{object-fit:fill}.PdxImage.None{object-fit:none}.PdxImage.ScaleDown{object-fit:scale-down}.PdxImage.Square{border-radius:var(--radius-none)}.PdxImage.Rounded{border-radius:var(--radius-md)}.PdxImage.Circle{border-radius:var(--radius-full)}.PdxTableWrapper{width:100%;overflow-x:auto}.PdxTableTitle{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.PdxTable{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary)}.PdxTable th,.PdxTable td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.PdxTable thead th{font-weight:600;text-align:left;color:var(--text-secondary);background-color:var(--bg-panel)}.PdxTable tbody tr{background-color:var(--bg-canvas);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxTable tbody tr:last-child td{border-bottom:none}.PdxTable.Bordered th,.PdxTable.Bordered td{border-right:1px solid var(--border-default)}.PdxTable.Bordered th:last-child,.PdxTable.Bordered td:last-child{border-right:none}.PdxTable.Striped tbody tr:nth-child(2n){background-color:var(--bg-panel)}.PdxTable.Hoverable tbody tr:hover{background-color:var(--bg-raised)}.PdxTable.Small th,.PdxTable.Small td{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.PdxTable.Large th,.PdxTable.Large td{padding:var(--spacing-md) var(--spacing-md);font-size:15px}.PdxTable caption{caption-side:bottom;padding-top:var(--spacing-xs);font-size:12px;color:var(--text-muted)}.PdxTableEmpty{text-align:center;padding:var(--spacing-md);color:var(--text-muted)}.PdxDataGrid{width:100%;display:flex;flex-direction:column;gap:0;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-canvas);color:var(--text-primary);font-size:14px}.PdxDataGridHeader,.PdxDataGridRow{display:grid;align-items:center}.PdxDataGridHeader{background-color:var(--bg-panel);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.PdxDataGridRow{border-bottom:1px solid var(--border-subtle);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxDataGridRow:last-child{border-bottom:none}.PdxDataGridCell{min-width:0;padding:var(--spacing-sm)}.PdxDataGrid.Striped .PdxDataGridRow:nth-child(2n){background-color:var(--bg-panel)}.PdxDataGrid.Hoverable .PdxDataGridRow:hover{background-color:var(--bg-raised)}.PdxDataGrid.Bordered .PdxDataGridCell{border-right:1px solid var(--border-subtle)}.PdxDataGrid.Bordered .PdxDataGridCell:last-child{border-right:none}.PdxDataGridEmpty{padding:var(--spacing-md);text-align:center;color:var(--text-muted)}.AlignLeft{text-align:left}.AlignCenter{text-align:center}.AlignRight{text-align:right}.PdxList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-primary)}.PdxListItem{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--bg-canvas)}.PdxList.Split .PdxListItem{border-bottom:1px solid var(--border-default);border-radius:0}.PdxList.Bordered{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.PdxListTitle{font-weight:600}.PdxListDescription,.PdxListExtra{font-size:12px;color:var(--text-muted)}.PdxList.Small .PdxListItem{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.PdxList.Large .PdxListItem{padding:var(--spacing-md) var(--spacing-lg);font-size:15px}.PdxCheckList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.PdxCheckListItem{padding:var(--spacing-xs) 0}.PdxCheckListLabel{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);cursor:pointer}.PdxCheckListLabel input{width:16px;height:16px}.PdxCheckListLabel.Disabled{opacity:.5;cursor:not-allowed}.PdxTree{display:flex;flex-direction:column;gap:2px;color:var(--text-primary);font-size:14px}.PdxTreeRow{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.PdxTreeToggle{border:none;background:transparent;cursor:pointer;color:var(--text-muted);font-size:12px;width:18px;height:18px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxTreeToggle:hover{background-color:var(--bg-raised);color:var(--text-primary)}.PdxTreeSpacer{width:18px;flex:0 0 auto}.PdxTreeLabel{border:none;background:transparent;cursor:pointer;color:inherit;padding:3px 7px;border-radius:var(--radius-sm);min-width:0;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxTreeLabel:hover{background-color:var(--bg-panel)}.PdxTreeLabel.Selected{background-color:var(--bg-raised);color:var(--accent-color)}.PdxTreeLabel.Disabled{opacity:.5;cursor:not-allowed}.PdxField{display:flex;flex-direction:column;width:100%}.PdxFieldHeader{display:flex;align-items:center;gap:var(--spacing-xs)}.PdxFieldLabel{font-size:14px;font-weight:600;color:var(--text-primary)}.PdxFieldRequired{color:var(--danger-color)}.PdxFieldDescription,.PdxFieldMessage{font-size:12px;color:var(--text-muted)}.PdxFieldMessage.Error{color:var(--danger-color)}.PdxFieldMessage.Warning{color:var(--warning-color)}.PdxFieldMessage.Success{color:var(--success-color)}.PdxTreeSelect{width:100%}.PdxTreeSelectControl{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);background-color:var(--bg-canvas);color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.PdxTreeSelectControl:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.PdxTreeSelectControl:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-raised)}.PdxTreeSelect.Disabled{opacity:.6}.PdxTag{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid transparent;background-color:var(--bg-panel);color:var(--text-secondary)}.PdxTagText{line-height:var(--line-height-tight)}.PdxTagClose{border:none;background:transparent;cursor:pointer;color:inherit;font-size:var(--font-size-md);line-height:var(--line-height-tight);display:inline-flex;align-items:center;justify-content:center}.PdxTag.Small{font-size:var(--font-size-caption);padding:1px 8px}.PdxTag.Large{font-size:var(--font-size-sm);padding:4px 12px}.PdxTag.Primary{color:var(--text-inverse);background-color:var(--accent-color)}.PdxTag.Secondary{color:var(--text-primary);background-color:var(--bg-raised)}.PdxTag.Success{color:var(--text-inverse);background-color:var(--success-color)}.PdxTag.Warning{color:var(--text-primary);background-color:var(--warning-color)}.PdxTag.Danger{color:var(--text-inverse);background-color:var(--danger-color)}.PdxTag.Outline{background-color:transparent;border-color:var(--border-default)}.PdxTag.Soft{background-color:var(--bg-raised);color:var(--text-secondary)}.PdxBadge{position:relative;display:inline-flex}.PdxBadgeCount{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background-color:var(--danger-color);color:var(--bg-canvas);font-size:11px;display:flex;align-items:center;justify-content:center;line-height:1}.PdxBadgeCount.Dot{width:10px;height:10px;min-width:10px;padding:0}.PdxProgress{width:100%}.PdxProgressHeader{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:12px;color:var(--text-muted)}.PdxProgressTrack{width:100%;height:8px;background-color:var(--bg-raised);border-radius:var(--radius-full);overflow:hidden}.PdxProgressBar{height:100%;background-color:var(--accent-color);transition:width var(--transition-normal)}.PdxProgress.Small .PdxProgressTrack{height:4px}.PdxProgress.Large .PdxProgressTrack{height:12px}.PdxProgress.Success .PdxProgressBar{background-color:var(--success-color)}.PdxProgress.Warning .PdxProgressBar{background-color:var(--warning-color)}.PdxProgress.Danger .PdxProgressBar{background-color:var(--danger-color)}.PdxSpinner{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--text-muted)}.PdxSpinnerCircle{width:24px;height:24px;border-radius:50%;border:3px solid var(--border-default);border-top-color:var(--accent-color);animation:prodivix-spin .8s linear infinite}.PdxSpinnerLabel{font-size:12px}.PdxSpinner.Small .PdxSpinnerCircle{width:16px;height:16px;border-width:2px}.PdxSpinner.Large .PdxSpinnerCircle{width:32px;height:32px;border-width:4px}@keyframes prodivix-spin{to{transform:rotate(360deg)}}.PdxStatistic{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-primary)}.PdxStatisticTitle{font-size:12px;color:var(--text-muted)}.PdxStatisticValue{font-size:24px;font-weight:600;display:flex;align-items:baseline;gap:6px}.PdxStatisticTrend{display:inline-flex}.PdxStatisticTrendIcon{width:18px;height:18px}.PdxStatistic.Up .PdxStatisticTrend{color:var(--success-color)}.PdxStatistic.Down .PdxStatisticTrend{color:var(--danger-color)}.PdxStatisticPrefix,.PdxStatisticSuffix{font-size:14px;color:var(--text-muted)}.PdxTimeline{display:flex;flex-direction:column;gap:var(--spacing-md);color:var(--text-primary)}.PdxTimelineItem{display:flex;gap:var(--spacing-md);align-items:flex-start}.PdxTimelineDot{width:10px;height:10px;border-radius:50%;margin-top:6px;background-color:var(--border-strong)}.PdxTimelineDot.Success{background-color:var(--success-color)}.PdxTimelineDot.Warning{background-color:var(--warning-color)}.PdxTimelineDot.Danger{background-color:var(--danger-color)}.PdxTimelineTitle{font-weight:600}.PdxTimelineTime{font-size:12px;color:var(--text-muted)}.PdxTimelineDescription{font-size:13px;color:var(--text-secondary)}.PdxSteps{display:flex;gap:var(--spacing-lg);color:var(--text-primary)}.PdxSteps.Vertical{flex-direction:column;gap:var(--spacing-md)}.PdxStep{display:flex;align-items:center;position:relative;gap:var(--spacing-sm)}.PdxSteps.Vertical .PdxStep{align-items:flex-start}.PdxStepIndicator{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:12px;font-weight:var(--font-weight-semibold);background-color:var(--bg-canvas);color:var(--text-muted);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxStep.Active .PdxStepIndicator{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent)}.PdxStep.Completed .PdxStepIndicator{border-color:var(--success-color);background-color:var(--success-color);color:var(--text-inverse)}.PdxStepContent{display:flex;flex-direction:column;gap:2px;min-width:0}.PdxStepTitle{font-weight:600}.PdxStepDescription{font-size:12px;color:var(--text-muted)}.PdxStepConnector{flex:1;height:2px;background-color:var(--border-default);margin-left:var(--spacing-sm)}.PdxSteps.Vertical .PdxStepConnector{width:2px;height:24px;margin-left:12px}.PdxModalOverlay{position:fixed;inset:0;background-color:#0000006b;display:flex;align-items:center;justify-content:center;z-index:1000}.PdxModal{background-color:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:520px;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);color:var(--text-primary)}.PdxModalHeader{padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.PdxModalHeader h3{margin:0;font-size:18px;font-weight:600;line-height:var(--line-height-compact)}.PdxModalBody{padding:var(--spacing-md);font-size:14px;color:var(--text-secondary)}.PdxModalFooter{padding:var(--spacing-md);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.PdxModalClose{border:none;background:transparent;cursor:pointer;width:28px;height:28px;border-radius:var(--radius-sm);font-size:20px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxModalClose:hover{background-color:var(--bg-raised);color:var(--text-primary)}.PdxModal.Small{width:360px}.PdxModal.Large{width:720px}.PdxDrawerOverlay{position:fixed;inset:0;background-color:#0000006b;z-index:1000}.PdxDrawer{position:absolute;background-color:var(--bg-canvas);color:var(--text-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.PdxDrawer.Right{top:0;right:0;height:100%;border-left:1px solid var(--border-default)}.PdxDrawer.Left{top:0;left:0;height:100%;border-right:1px solid var(--border-default)}.PdxDrawer.Top{top:0;left:0;width:100%;border-bottom:1px solid var(--border-default)}.PdxDrawer.Bottom{bottom:0;left:0;width:100%;border-top:1px solid var(--border-default)}.PdxDrawerHeader{padding:var(--spacing-md);font-weight:600;border-bottom:1px solid var(--border-subtle)}.PdxDrawerBody{padding:var(--spacing-md);flex:1;color:var(--text-secondary);overflow:auto}.PdxDrawerFooter{padding:var(--spacing-md);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.PdxTooltip{position:relative;display:inline-flex;align-items:center}.PdxTooltipContent{position:absolute;white-space:nowrap;background-color:var(--accent-color);color:var(--bg-canvas);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:20}.PdxTooltip:hover .PdxTooltipContent{opacity:1}.PdxTooltipContent.Top{bottom:100%;left:50%;transform:translate(-50%,-6px)}.PdxTooltipContent.Bottom{top:100%;left:50%;transform:translate(-50%,6px)}.PdxTooltipContent.Left{right:100%;top:50%;transform:translate(-6px,-50%)}.PdxTooltipContent.Right{left:100%;top:50%;transform:translate(6px,-50%)}.PdxPopover{position:relative;display:inline-flex}.PdxPopoverPanel{position:absolute;top:100%;left:0;margin-top:6px;background-color:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm);min-width:180px;box-shadow:var(--shadow-md);z-index:20}.PdxPopoverTitle{font-weight:600;margin-bottom:4px;color:var(--text-primary)}.PdxPopoverContent{font-size:13px;color:var(--text-muted)}.PdxMessage{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:13px;border:1px solid var(--border-subtle);background-color:var(--bg-panel);color:var(--text-primary);box-shadow:var(--shadow-sm)}.PdxMessage.Info{background-color:var(--bg-panel)}.PdxMessage.Success{border-color:color-mix(in srgb,var(--success-color) 35%,transparent);background-color:color-mix(in srgb,var(--success-color) 12%,transparent);color:var(--success-color)}.PdxMessage.Warning{border-color:color-mix(in srgb,var(--warning-color) 35%,transparent);background-color:color-mix(in srgb,var(--warning-color) 16%,transparent);color:var(--warning-color)}.PdxMessage.Danger{border-color:color-mix(in srgb,var(--danger-color) 35%,transparent);background-color:color-mix(in srgb,var(--danger-color) 14%,transparent);color:var(--danger-color)}.PdxMessageClose{border:none;background:transparent;cursor:pointer;font-size:16px;color:inherit;display:inline-flex;align-items:center;justify-content:center}.PdxNotification{width:320px;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--bg-canvas);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.PdxNotificationHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.PdxNotificationTitle{font-weight:600;line-height:var(--line-height-compact)}.PdxNotificationDescription{font-size:13px;color:var(--text-muted)}.PdxNotificationActions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.PdxNotificationClose{border:none;background:transparent;cursor:pointer;width:26px;height:26px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:18px;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.PdxNotificationClose:hover{background-color:var(--bg-raised);color:var(--text-primary)}.PdxNotification.Success{border-color:var(--success-color)}.PdxNotification.Warning{border-color:var(--warning-color)}.PdxNotification.Danger{border-color:var(--danger-color)}.PdxEmpty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);text-align:center;color:var(--text-muted)}.PdxEmptyIcon{font-size:32px;color:var(--border-default)}.PdxEmptyTitle{font-weight:600;color:var(--text-primary)}.PdxEmptyDescription{font-size:13px}.PdxSkeleton{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--border-default) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:prodivix-skeleton 1.4s ease infinite;border-radius:var(--radius-sm);width:100%;height:12px}.PdxSkeleton.Rect{height:120px}.PdxSkeleton.Circle{border-radius:50%;width:48px;height:48px}.PdxSkeletonGroup{display:flex;flex-direction:column;gap:var(--spacing-xs)}@keyframes prodivix-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .PdxSkeleton{background-size:200% 100%}

package/dist/text/PdxHeading.js

@@ -0,0 +1,21 @@
+import { jsx as c } from "react/jsx-runtime";
+/* empty css                */
+import "@prodivix/shared";
+function P({
+  children: a,
+  level: t = 1,
+  weight: e = "Bold",
+  color: o = "Default",
+  align: s = "Left",
+  as: n,
+  className: r,
+  style: m,
+  id: d,
+  dataAttributes: i = {}
+}) {
+  const l = `PdxHeading Level${t} ${e} ${o} ${s} ${r || ""}`.trim(), f = { ...i }, $ = n || `h${t}`;
+  return /* @__PURE__ */ c($, { className: l, style: m, id: d, ...f, children: a });
+}
+export {
+  P as default
+};

package/dist/text/PdxKbd.js

@@ -0,0 +1,42 @@
+import { jsxs as P, jsx as e } from "react/jsx-runtime";
+/* empty css            */
+import "@prodivix/shared";
+import { Keyboard as B } from "lucide-react";
+function g({
+  children: a,
+  text: n,
+  size: l = "Small",
+  texture: o = "Soft",
+  tone: c = "Default",
+  showIcon: i = !1,
+  icon: t,
+  iconPosition: r = "Left",
+  bordered: m = !0,
+  filled: f = !0,
+  className: u,
+  style: h,
+  id: p,
+  dataAttributes: x = {},
+  onClick: b,
+  as: $ = "kbd"
+}) {
+  const K = a ?? n, d = i || !!t, s = t ?? /* @__PURE__ */ e(B, { size: 12, "aria-hidden": "true" }), I = `PdxKbd ${l} ${o} ${c} ${m ? "Bordered" : "Borderless"} ${f ? "Filled" : "Unfilled"} ${d ? "WithIcon" : ""} ${u || ""}`.trim(), N = { ...x };
+  return /* @__PURE__ */ P(
+    $,
+    {
+      className: I,
+      style: h,
+      id: p,
+      onClick: b,
+      ...N,
+      children: [
+        d && r === "Left" && /* @__PURE__ */ e("span", { className: "PdxKbdIcon", "aria-hidden": "true", children: s }),
+        /* @__PURE__ */ e("span", { className: "PdxKbdText", children: K }),
+        d && r === "Right" && /* @__PURE__ */ e("span", { className: "PdxKbdIcon", "aria-hidden": "true", children: s })
+      ]
+    }
+  );
+}
+export {
+  g as default
+};

package/dist/text/PdxParagraph.js

@@ -0,0 +1,21 @@
+import { jsx as u } from "react/jsx-runtime";
+/* empty css                  */
+import "@prodivix/shared";
+function x({
+  children: a,
+  size: t = "Medium",
+  weight: r = "Normal",
+  color: e = "Default",
+  align: m = "Left",
+  as: o = "p",
+  className: s,
+  style: l,
+  id: n,
+  dataAttributes: p = {}
+}) {
+  const f = `PdxParagraph ${t} ${r} ${e} ${m} ${s || ""}`.trim(), i = { ...p };
+  return /* @__PURE__ */ u(o, { className: f, style: l, id: n, ...i, children: a });
+}
+export {
+  x as default
+};

package/dist/text/PdxText.js

@@ -0,0 +1,22 @@
+import { jsx as p } from "react/jsx-runtime";
+/* empty css             */
+import "@prodivix/shared";
+function P({
+  children: t,
+  size: e = "Medium",
+  weight: a = "Normal",
+  color: s = "Default",
+  align: m = "Left",
+  truncate: o = !1,
+  as: r = "span",
+  className: l,
+  style: n,
+  id: f,
+  dataAttributes: u = {}
+}) {
+  const c = `PdxText ${e} ${a} ${s} ${m} ${o ? "Truncate" : ""} ${l || ""}`.trim(), i = { ...u };
+  return /* @__PURE__ */ p(r, { className: c, style: n, id: f, ...i, children: t });
+}
+export {
+  P as default
+};

package/dist/video/PdxAudio.js

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+function S({
+  src: t,
+  autoplay: o = !1,
+  controls: e = !0,
+  loop: r = !1,
+  muted: s = !1,
+  preload: d = "Metadata",
+  className: i,
+  style: l,
+  id: n,
+  dataAttributes: c = {},
+  onPlay: m,
+  onPause: u,
+  onEnded: f,
+  onTimeUpdate: p,
+  onProgress: x,
+  onLoadedMetadata: P,
+  onClick: h
+}) {
+  const y = `PdxAudio ${i || ""}`.trim(), v = { ...c }, w = t?.trim() ? t : void 0, A = {
+    ...l,
+    width: "100%",
+    maxWidth: "600px"
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: y,
+      style: A,
+      id: n,
+      onClick: h,
+      ...v,
+      children: /* @__PURE__ */ a(
+        "audio",
+        {
+          src: w,
+          autoPlay: o,
+          controls: e,
+          loop: r,
+          muted: s,
+          preload: d.toLowerCase(),
+          onPlay: m,
+          onPause: u,
+          onEnded: f,
+          onTimeUpdate: p,
+          onProgress: x,
+          onLoadedMetadata: P
+        }
+      )
+    }
+  );
+}
+export {
+  S as default
+};

package/dist/video/PdxVideo.js

@@ -0,0 +1,84 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+function F({
+  src: e,
+  poster: o,
+  autoplay: a = !1,
+  controls: s = !0,
+  loop: d = !1,
+  muted: l = !1,
+  playsInline: r = !1,
+  preload: n = "Metadata",
+  width: c,
+  height: p,
+  aspectRatio: i = "16:9",
+  className: f,
+  style: h,
+  id: m,
+  dataAttributes: u = {},
+  onPlay: v,
+  onPause: y,
+  onEnded: w,
+  onTimeUpdate: x,
+  onProgress: P,
+  onLoadedMetadata: S,
+  onClick: b
+}) {
+  const C = `PdxVideo ${i.replace(":", "-")} ${f || ""}`.trim(), g = { ...u }, M = e?.trim() ? e : void 0, R = o?.trim() ? o : void 0, j = {
+    ...h,
+    width: c || "100%",
+    height: p || "auto"
+  }, z = {
+    position: "relative",
+    width: "100%",
+    aspectRatio: {
+      "16:9": "16 / 9",
+      "4:3": "4 / 3",
+      "1:1": "1 / 1",
+      "21:9": "21 / 9"
+    }[i],
+    overflow: "hidden",
+    backgroundColor: "#000",
+    borderRadius: "8px"
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: C,
+      style: j,
+      id: m,
+      onClick: b,
+      ...g,
+      children: /* @__PURE__ */ t("div", { style: z, children: /* @__PURE__ */ t(
+        "video",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            objectFit: "contain"
+          },
+          src: M,
+          poster: R,
+          autoPlay: a,
+          controls: s,
+          loop: d,
+          muted: l,
+          playsInline: r,
+          preload: n.toLowerCase(),
+          onPlay: v,
+          onPause: y,
+          onEnded: w,
+          onTimeUpdate: x,
+          onProgress: P,
+          onLoadedMetadata: S
+        }
+      ) })
+    }
+  );
+}
+export {
+  F as default
+};