@px-ui/core 1.23.0 → 1.24.0

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+var a = r();
+const t = /* @__PURE__ */ s(a);
+export {
+  t as default
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var s = { exports: {} };
+export {
+  s as __module
+};

package/dist/_virtual/index3.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/jsx-runtime.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-runtime.js";
+var i = r();
+export {
+  i as j
+};

package/dist/_virtual/jsx-runtime2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-jsx-runtime.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/with-selector.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/with-selector.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.0/node_modules/use-sync-external-store/shim/with-selector.js";
+var t = r();
+export {
+  t as w
+};

package/dist/_virtual/with-selector.production.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/with-selector2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/components/avatar-group.js

@@ -0,0 +1,82 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import x from "react";
+import { cn as o } from "../utils/classnames.js";
+import { AvatarImpl as d, Avatar as c } from "./avatar.js";
+import { Root as a, Trigger as h, Content as u } from "./popover.js";
+import { BaseProvider as f, BaseRoot as g, Trigger as j, Content as z } from "./tooltip.js";
+function A({ max: n = 4, avatars: r, className: l }) {
+  const p = r.length > n, t = r.slice(n);
+  return /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: o("flex items-center", l),
+      "data-slot": "avatar-group",
+      children: [
+        r.map((s, i) => /* @__PURE__ */ e.jsx(x.Fragment, { children: /* @__PURE__ */ e.jsxs(g, { children: [
+          /* @__PURE__ */ e.jsx(
+            j,
+            {
+              render: (m) => /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: "relative",
+                  style: {
+                    marginLeft: i > 0 ? `-${parseInt(s.size ?? "100px") * 0.25}px` : "0",
+                    zIndex: r.length - i
+                  },
+                  ...m,
+                  children: /* @__PURE__ */ e.jsx(d, { ...s, className: "ring-white ring-2" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(z, { children: s.name })
+        ] }) }, s.name)),
+        p && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "relative",
+            style: {
+              marginLeft: `-${parseInt(r[0].size ?? "100px") * 0.25}px`,
+              zIndex: 0
+            },
+            children: /* @__PURE__ */ e.jsxs(a, { openOnHover: !0, children: [
+              /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: o(
+                    "font-medium flex cursor-pointer items-center justify-center bg-ppx-neutral-3 text-ppx-neutral-18 transition-colors hover:bg-ppx-neutral-4",
+                    r[0].variant === "rounded" ? "rounded-full" : "rounded-ppx-s"
+                  ),
+                  style: {
+                    width: r[0].size ?? "100px",
+                    height: r[0].size ?? "100px",
+                    fontSize: `${parseInt(r[0].size ?? "100px") * 0.3}px`
+                  },
+                  children: [
+                    "+",
+                    t.length
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(u, { className: "w-80", align: "start", side: "top", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: t.map((s) => /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: "gap-3 p-2 rounded-md flex items-center",
+                  children: [
+                    /* @__PURE__ */ e.jsx(c, { ...s, size: "24px", hideTooltip: !0 }),
+                    /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-ppx-neutral-18", children: s.name })
+                  ]
+                },
+                s.name
+              )) }) })
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  A as AvatarGroup
+};

package/dist/components/avatar.js

@@ -0,0 +1,111 @@
+import { j as o } from "../_virtual/jsx-runtime.js";
+import { cn as s } from "../utils/classnames.js";
+import { useMemo as c } from "react";
+import { Root as d, Trigger as m, Content as u } from "./tooltip.js";
+import { AvatarRoot as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/avatar/root/AvatarRoot.js";
+import { AvatarImage as h } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/avatar/image/AvatarImage.js";
+import { AvatarFallback as g } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/avatar/fallback/AvatarFallback.js";
+const p = [
+  "#bdc3c7",
+  "#6f7b87",
+  "#2c3e50",
+  "#2f3193",
+  "#662d91",
+  "#922790",
+  "#ec2176",
+  "#ed1c24",
+  "#f36622",
+  "#f8941e",
+  "#fab70f",
+  "#fdde00",
+  "#d1d219",
+  "#8ec73f",
+  "#00a650",
+  "#00aa9c",
+  "#00adef",
+  "#0081cd",
+  "#005bab",
+  "#012a4a",
+  "#013a63",
+  "#06d6a0",
+  "#ef476f",
+  "#ff5d8f",
+  "#0496ff",
+  "#c879ff"
+], v = (e) => {
+  var n, r;
+  if (!e.length) return "";
+  const t = new RegExp(/(\b\w)/g), a = [...e.matchAll(t)];
+  return ((((n = a.shift()) == null ? void 0 : n[1]) || "") + (((r = a.pop()) == null ? void 0 : r[1]) || "")).toUpperCase();
+}, b = (e) => {
+  if (!e) return {};
+  let t = e[0].toUpperCase().charCodeAt(0);
+  const a = e.split(" ")[1];
+  return a && (t = t + a[0].toUpperCase().charCodeAt(0), t = Math.floor(t / 2)), t = Math.abs(t - 65), {
+    backgroundColor: p[t],
+    color: "#fff"
+  };
+}, j = (e, t) => {
+  const a = t.replace("px", ""), n = `${a}x${a}`;
+  return e.replace("/SIZE/", `/${n}/`);
+};
+function E(e) {
+  return /* @__PURE__ */ o.jsxs(d, { disabled: e.hideTooltip, children: [
+    /* @__PURE__ */ o.jsx(
+      m,
+      {
+        render: (t) => /* @__PURE__ */ o.jsx(A, { ...e, avatarRootProps: t })
+      }
+    ),
+    /* @__PURE__ */ o.jsx(u, { children: e.name })
+  ] });
+}
+function A(e) {
+  const { variant: t = "squared", size: a = "100px", avatarRootProps: n } = e, r = e.name ?? "", i = c(() => v(r), [r]), l = c(() => b(r), [r]), f = c(
+    () => e.imgSrc ? j(e.imgSrc, a) : void 0,
+    [e.imgSrc, a]
+  );
+  return /* @__PURE__ */ o.jsxs(
+    x,
+    {
+      "data-slot": "avatar",
+      className: s(
+        "@container relative flex shrink-0 overflow-hidden",
+        t === "rounded" && "rounded-full",
+        t === "squared" && "rounded-ppx-s",
+        e.className
+      ),
+      style: {
+        width: a,
+        height: a
+      },
+      ...n,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          h,
+          {
+            "data-slot": "avatar-image",
+            className: "size-full object-cover",
+            src: f
+          }
+        ),
+        /* @__PURE__ */ o.jsx(
+          g,
+          {
+            "data-slot": "avatar-fallback",
+            className: s(
+              "font-medium flex size-full items-center justify-center text-[40cqw] select-none"
+            ),
+            style: l,
+            children: i
+          }
+        ),
+        e.children
+      ]
+    }
+  );
+}
+export {
+  E as Avatar,
+  A as AvatarImpl
+};

package/dist/components/block-checkbox-group.js

@@ -0,0 +1,72 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cn as a } from "../utils/classnames.js";
+import { Checkbox as i } from "./checkbox.js";
+import { CheckboxGroup as o } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/checkbox-group/CheckboxGroup.js";
+function c({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ r.jsx(o, { className: a("gap-4 flex", e), ...s });
+}
+function m({
+  className: e,
+  invalid: s,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    "label",
+    {
+      className: a(
+        "gap-2 p-5 flex min-h-[155px] justify-between rounded-ppx-s border-2 border-ppx-neutral-3 shadow-[0px_0px_12px_#0000001F] transition-colors duration-300 has-not-disabled:hover:border-ppx-neutral-6 has-disabled:cursor-not-allowed has-disabled:opacity-60 has-disabled:hover:border-ppx-neutral-3 has-aria-invalid:shadow-ppx-red-2 has-data-checked:border-ppx-primary-5!",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ r.jsx("div", { className: "flex-1", children: t }),
+        /* @__PURE__ */ r.jsx(
+          i,
+          {
+            ...n,
+            className: "ml-auto shrink-0 self-start",
+            size: "lg",
+            "aria-invalid": s
+          }
+        )
+      ]
+    }
+  );
+}
+function u(e) {
+  return /* @__PURE__ */ r.jsx("div", { className: a("mb-5 gap-2 flex items-center", e.className), children: e.children });
+}
+function h(e) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: a(
+        "font-sans-sb text-ppx-base text-ppx-foreground",
+        e.className
+      ),
+      children: e.children
+    }
+  );
+}
+function f(e) {
+  return /* @__PURE__ */ r.jsx(
+    "p",
+    {
+      className: a(
+        "mb-5 text-ppx-sm text-ppx-muted-foreground",
+        e.className
+      ),
+      children: e.children
+    }
+  );
+}
+export {
+  f as Description,
+  c as Group,
+  u as Header,
+  m as Item,
+  h as Title
+};

package/dist/components/block-radio-group.js

@@ -0,0 +1,79 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cn as a } from "../utils/classnames.js";
+import { RadioGroupItem as o } from "./radio-group.js";
+import { RadioGroup as n } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/radio-group/RadioGroup.js";
+function c({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ r.jsx(
+    n,
+    {
+      "data-slot": "radio-group",
+      className: a("gap-4 flex", e),
+      ...s
+    }
+  );
+}
+function m({
+  className: e,
+  invalid: s,
+  children: t,
+  ...i
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    "label",
+    {
+      className: a(
+        "gap-2 p-5 flex min-h-[155px] justify-between rounded-ppx-s border-2 border-ppx-neutral-3 shadow-[0px_0px_12px_#0000001F] transition-colors duration-300 has-not-disabled:hover:border-ppx-neutral-6 has-disabled:cursor-not-allowed has-disabled:opacity-60 has-disabled:hover:border-ppx-neutral-3 has-aria-invalid:shadow-ppx-red-2 has-data-checked:border-ppx-primary-5!",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ r.jsx("div", { className: "flex-1", children: t }),
+        /* @__PURE__ */ r.jsx(
+          o,
+          {
+            ...i,
+            className: "ml-auto shrink-0 self-start",
+            size: "lg",
+            "aria-invalid": s
+          }
+        )
+      ]
+    }
+  );
+}
+function u(e) {
+  return /* @__PURE__ */ r.jsx("div", { className: a("mb-5 gap-2 flex items-center", e.className), children: e.children });
+}
+function h(e) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: a(
+        "font-sans-sb text-ppx-base text-ppx-foreground",
+        e.className
+      ),
+      children: e.children
+    }
+  );
+}
+function f(e) {
+  return /* @__PURE__ */ r.jsx(
+    "p",
+    {
+      className: a(
+        "mb-5 text-ppx-sm text-ppx-muted-foreground",
+        e.className
+      ),
+      children: e.children
+    }
+  );
+}
+export {
+  f as Description,
+  c as Group,
+  u as Header,
+  m as Item,
+  h as Title
+};

package/dist/components/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "primary" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
 export type Variant = VariantProps<typeof buttonVariants>["variant"];

package/dist/components/button.js

@@ -0,0 +1,47 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cva as d } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as i } from "../utils/classnames.js";
+const n = d(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors disabled:cursor-not-allowed shrink-0 [&_svg]:shrink-0 outline-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-ppx-neutral-11 text-white shadow-xs not-disabled:hover:bg-ppx-neutral-10 not-disabled:active:bg-ppx-neutral-11 disabled:bg-ppx-neutral-6",
+        primary: "bg-ppx-primary-5 text-white shadow-xs not-disabled:hover:bg-ppx-primary-4 not-disabled:active:bg-ppx-primary-5 disabled:bg-ppx-primary-2 disabled:text-ppx-neutral-8",
+        destructive: "bg-ppx-red-5 text-white shadow-xs hover:bg-ppx-red-4 not-disabled:active:bg-ppx-red-5 disabled:bg-ppx-red-2 disabled:text-ppx-neutral-8",
+        outline: "shadow-xs not-disabled:hover:bg-ppx-primary-1 not-disabled:active:bg-ppx-primary-2/50 disabled:text-ppx-primary-2 disabled:border-ppx-primary-2 border border-ppx-primary-5 text-ppx-primary-5",
+        ghost: "not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 not-disabled:hover:text-black text-ppx-neutral-12 disabled:opacity-70",
+        link: "text-ppx-neutral-12 underline-offset-4 underline cursor-pointer not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 disabled:opacity-70"
+      },
+      size: {
+        default: "px-5 py-3 text-ppx-base font-medium rounded-ppx-m",
+        sm: "gap-1.5 px-4 py-2 text-ppx-sm font-medium rounded-ppx-s",
+        lg: "px-6 py-4 text-ppx-base font-bold rounded-ppx-l",
+        icon: "size-9 rounded-ppx-s"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function l({
+  className: e,
+  variant: t,
+  size: p,
+  ...a
+}) {
+  return /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      "data-slot": "button",
+      className: i(n({ variant: t, size: p, className: e })),
+      ...a
+    }
+  );
+}
+export {
+  l as Button,
+  n as buttonVariants
+};

package/dist/components/checkbox.js

@@ -0,0 +1,84 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import { cn as i } from "../utils/classnames.js";
+import { cva as a } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { CheckboxRoot as o } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/checkbox/root/CheckboxRoot.js";
+import { CheckboxIndicator as n } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/checkbox/indicator/CheckboxIndicator.js";
+const d = a(
+  "peer aria-invalid:border-ppx-red-5 aria-invalid:text-shadow-ppx-red-5 flex items-center justify-center rounded-sm border transition-colors duration-150 outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-white data-checked:bg-ppx-primary-5 data-[indeterminate]:bg-ppx-primary-5 data-checked:text-white data-[indeterminate]:text-white  border-ppx-neutral-10 data-checked:border-ppx-primary-5 data-[indeterminate]:border-ppx-primary-5"
+      },
+      size: {
+        default: "size-5",
+        sm: "size-4",
+        lg: "size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function m({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o,
+    {
+      "data-slot": "checkbox",
+      className: i(
+        d({
+          variant: t.variant,
+          size: t.size
+        }),
+        r
+      ),
+      ...t,
+      children: /* @__PURE__ */ e.jsx(
+        n,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "block data-[unchecked]:hidden",
+          children: t.indeterminate ? /* @__PURE__ */ e.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "size-3.5",
+              children: /* @__PURE__ */ e.jsx("path", { d: "M5 12h14" })
+            }
+          ) : /* @__PURE__ */ e.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "size-3.5",
+              children: /* @__PURE__ */ e.jsx("path", { d: "M20 6 9 17l-5-5" })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  m as Checkbox
+};