@px-ui/core 1.23.0 → 1.24.0

package/dist/components/input.js

@@ -0,0 +1,46 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cn as l } from "../utils/classnames.js";
+import { cva as o } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+const p = o(
+  "font-medium shadow-xs inline-flex border-ppx-neutral-5 bg-ppx-neutral-1 text-ppx-sm text-ppx-foreground outline-transparent focus:-outline-offset-1 focus:outline-2 placeholder:text-ppx-sm placeholder:text-ppx-neutral-12 focus:not-aria-invalid:outline-ppx-primary-2 focus:not-aria-invalid:not-aria-disabled:bg-ppx-background focus:not-aria-invalid:bg-white disabled:cursor-not-allowed disabled:border-ppx-neutral-3 disabled:bg-ppx-neutral-3 disabled:text-ppx-neutral-11 disabled:placeholder:text-ppx-neutral-11 aria-invalid:outline-ppx-red-4 aria-invalid:bg-ppx-red-1 aria-invalid:outline aria-invalid:-outline-offset-1 placeholder:font-sans-light p-input border",
+  {
+    variants: {
+      size: {
+        default: "h-input rounded-input",
+        sm: "h-input-s rounded-input-s"
+      },
+      widthVariant: {
+        enforced: "min-w-input w-fit",
+        full: "min-w-0 w-full"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      widthVariant: "enforced"
+    }
+  }
+);
+function x({
+  className: i,
+  size: a,
+  invalid: n,
+  widthVariant: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r.jsx(
+    "input",
+    {
+      "data-slot": "input",
+      className: l(
+        p({ size: a, widthVariant: e }),
+        t.type === "number" && "no-arrow-spin",
+        i
+      ),
+      "aria-invalid": n,
+      ...t
+    }
+  );
+}
+export {
+  x as Input
+};

package/dist/components/label.js

@@ -0,0 +1,18 @@
+import { j as a } from "../_virtual/jsx-runtime.js";
+import { cn as o } from "../utils/classnames.js";
+function l({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "label",
+    {
+      "data-slot": "label",
+      className: o(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  l as Label
+};

package/dist/components/menu.js

@@ -0,0 +1,141 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cn as o } from "../utils/classnames.js";
+import s from "../icons/chevron-down-icon.js";
+import { DROPDOWN_POPUP_CN as p, DROPDOWN_POSITIONER_CN as f, DROPDOWN_ITEM_CN as i } from "../tw-styles/dropdown.js";
+import { cva as l } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { MenuRoot as c } 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/menu/root/MenuRoot.js";
+import { MenuGroup as d } 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/menu/group/MenuGroup.js";
+import { MenuRadioGroup 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/menu/radio-group/MenuRadioGroup.js";
+import { MenuTrigger as u } 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/menu/trigger/MenuTrigger.js";
+import * 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/menu/index.parts.js";
+import { MenuPortal 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/menu/portal/MenuPortal.js";
+import { MenuPositioner as b } 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/menu/positioner/MenuPositioner.js";
+import { MenuPopup as j } 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/menu/popup/MenuPopup.js";
+import { MenuItem as w } 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/menu/item/MenuItem.js";
+import { Separator as M } 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/separator/Separator.js";
+import { MenuGroupLabel 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/menu/group-label/MenuGroupLabel.js";
+import { MenuRadioItem as R } 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/menu/radio-item/MenuRadioItem.js";
+const O = l(
+  "gap-2 p-input text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 text-ppx-foreground not-disabled:not-data-popup-open:hover:bg-ppx-neutral-2 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ppx-primary-2 data-popup-open:bg-ppx-neutral-3 disabled:opacity-50 disabled:cursor-not-allowed",
+  {
+    variants: {
+      size: {
+        default: "h-input rounded-input",
+        sm: "h-input-s rounded-input-s"
+      },
+      widthVariant: {
+        enforced: "min-w-input w-[var(--min-width-input)]",
+        fit: "min-w-0 w-fit",
+        full: "min-w-0 w-full"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      widthVariant: "fit"
+    }
+  }
+), k = c;
+function q({
+  className: e,
+  children: t,
+  size: n,
+  widthVariant: a,
+  ...m
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    u,
+    {
+      className: o(O({ size: n, widthVariant: a }), e),
+      ...m,
+      children: [
+        t,
+        /* @__PURE__ */ r.jsx(I, {})
+      ]
+    }
+  );
+}
+function A({
+  portalProps: e,
+  positionerProps: t,
+  popupProps: n,
+  children: a
+}) {
+  return /* @__PURE__ */ r.jsx(N, { ...e, children: /* @__PURE__ */ r.jsx(
+    b,
+    {
+      sideOffset: 6,
+      align: "start",
+      ...t,
+      className: o(f, t == null ? void 0 : t.className),
+      children: /* @__PURE__ */ r.jsx(
+        j,
+        {
+          className: o(p, n == null ? void 0 : n.className),
+          ...n,
+          children: a
+        }
+      )
+    }
+  ) });
+}
+function I() {
+  return /* @__PURE__ */ r.jsx(s, { className: "data-popup-open:rotate-180" });
+}
+function F({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ r.jsx(w, { className: o(i, e), ...n, children: t });
+}
+function H({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r.jsx(
+    M,
+    {
+      className: o("my-1.5 mx-2 h-px bg-ppx-neutral-5", e),
+      ...t
+    }
+  );
+}
+const J = d;
+function K({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r.jsx(
+    h,
+    {
+      className: o(
+        "py-2 px-4 leading-4 cursor-default text-ppx-base text-ppx-muted-foreground select-none",
+        e
+      ),
+      ...t
+    }
+  );
+}
+const P = x;
+function Q({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r.jsx(R, { className: o(i, e), ...t });
+}
+const X = u, Y = g;
+export {
+  Y as BaseMenu,
+  X as BaseTrigger,
+  A as Content,
+  I as DropdownIndicator,
+  J as Group,
+  K as GroupLabel,
+  F as Item,
+  P as RadioGroup,
+  Q as RadioItem,
+  k as Root,
+  H as Separator,
+  q as Trigger,
+  O as triggerVariants
+};

package/dist/components/popover.js

@@ -0,0 +1,144 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { cn as e } from "../utils/classnames.js";
+import { PopoverRoot as l } 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/popover/root/PopoverRoot.js";
+import { PopoverTrigger as d } 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/popover/trigger/PopoverTrigger.js";
+import { PopoverTitle as m } 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/popover/title/PopoverTitle.js";
+import { PopoverDescription as f } 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/popover/description/PopoverDescription.js";
+import { PopoverPopup as c } 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/popover/popup/PopoverPopup.js";
+import { PopoverClose 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/popover/close/PopoverClose.js";
+import { PopoverArrow as u } 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/popover/arrow/PopoverArrow.js";
+import { PopoverPositioner as v } 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/popover/positioner/PopoverPositioner.js";
+import { PopoverPortal 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/popover/portal/PopoverPortal.js";
+function k({ ...o }) {
+  return /* @__PURE__ */ t.jsx(l, { "data-slot": "popover", ...o });
+}
+function j({ ...o }) {
+  return /* @__PURE__ */ t.jsx(g, { "data-slot": "popover-portal", ...o });
+}
+function A({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(d, { "data-slot": "popover-trigger", ...o });
+}
+function D({ ...o }) {
+  return /* @__PURE__ */ t.jsx(x, { "data-slot": "popover-close", ...o });
+}
+function h({ ...o }) {
+  return /* @__PURE__ */ t.jsx(u, { "data-slot": "popover-arrow", ...o });
+}
+function P({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(v, { "data-slot": "popover-positioner", ...o });
+}
+function Z({ className: o, ...r }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: e("gap-y-1 relative flex flex-col", o),
+      ...r
+    }
+  );
+}
+function z({
+  className: o,
+  ...r
+}) {
+  return /* @__PURE__ */ t.jsx(
+    m,
+    {
+      "data-slot": "popover-title",
+      className: e("text-sm font-semibold", o),
+      ...r
+    }
+  );
+}
+function B({
+  className: o,
+  ...r
+}) {
+  return /* @__PURE__ */ t.jsx(
+    f,
+    {
+      "data-slot": "popover-description",
+      className: e("text-sm text-ppx-muted-foreground", o),
+      ...r
+    }
+  );
+}
+function E({
+  children: o,
+  className: r,
+  align: a = "center",
+  sideOffset: s = 8,
+  arrow: i = !0,
+  side: p = "bottom",
+  ...n
+}) {
+  return /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsx(
+    P,
+    {
+      sideOffset: s,
+      align: a,
+      positionMethod: "fixed",
+      side: p,
+      children: /* @__PURE__ */ t.jsxs(
+        c,
+        {
+          "data-slot": "popover-content",
+          className: e(
+            "w-72 rounded-md p-4 shadow-md z-50 origin-[var(--transform-origin)] bg-ppx-background text-ppx-foreground outline -outline-offset-1 outline-ppx-border transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+            r
+          ),
+          ...n,
+          children: [
+            i && /* @__PURE__ */ t.jsx(h, { className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", children: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", children: [
+              /* @__PURE__ */ t.jsx(
+                "path",
+                {
+                  d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V9H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+                  className: "fill-ppx-background"
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "path",
+                {
+                  d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+                  className: "fill-ppx-border"
+                }
+              )
+            ] }) }),
+            o
+          ]
+        }
+      )
+    }
+  ) });
+}
+function F({ className: o, ...r }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "popover-footer",
+      className: e(
+        "gap-2 sm:flex-row sm:justify-end flex flex-col-reverse",
+        o
+      ),
+      ...r
+    }
+  );
+}
+export {
+  h as Arrow,
+  D as Close,
+  E as Content,
+  B as Description,
+  F as Footer,
+  Z as Header,
+  j as Portal,
+  P as Positioner,
+  k as Root,
+  z as Title,
+  A as Trigger
+};

package/dist/components/radio-group.js

@@ -0,0 +1,85 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cn as e } from "../utils/classnames.js";
+import { cva as s } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { RadioGroup as d } 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";
+import { RadioRoot as l } 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/root/RadioRoot.js";
+import { RadioIndicator 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/indicator/RadioIndicator.js";
+function g({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r.jsx(
+    d,
+    {
+      "data-slot": "radio-group",
+      className: e("gap-3 flex flex-col", a),
+      ...t
+    }
+  );
+}
+const p = s(
+  "bg-white aria-invalid:border-ppx-red-5 aspect-square shrink-0 rounded-full border border-ppx-neutral-10 shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 ",
+  {
+    variants: {
+      variant: {
+        default: "data-checked:border-ppx-primary-5 text-ppx-primary-5"
+      },
+      size: {
+        default: "size-5",
+        sm: "size-4",
+        lg: "size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function v({
+  className: a,
+  variant: t,
+  size: o,
+  ...i
+}) {
+  return /* @__PURE__ */ r.jsx(
+    l,
+    {
+      "data-slot": "radio-group-item",
+      className: e(p({ variant: t, size: o, className: a })),
+      ...i,
+      children: /* @__PURE__ */ r.jsx(
+        n,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: e(
+                "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+                o === "sm" && "size-2",
+                o === void 0 && "size-3",
+                o === "lg" && "size-3.5"
+              ),
+              children: /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "10" })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  g as RadioGroup,
+  v as RadioGroupItem
+};

package/dist/components/segmented-control.js

@@ -0,0 +1,61 @@
+import { j as o } from "../_virtual/jsx-runtime.js";
+import { cva as s } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as a } from "../utils/classnames.js";
+import { RadioGroup as l } 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";
+import { RadioRoot as m } 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/root/RadioRoot.js";
+const d = s(
+  "relative flex items-center justify-center px-4 py-2 text-sm font-medium transition-all duration-200 ease-in-out cursor-pointer rounded-full whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-ppx-primary-5 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "text-ppx-neutral-11 data-checked:bg-ppx-primary-5 data-checked:text-white data-checked:shadow-sm hover:text-ppx-neutral-12"
+      },
+      size: {
+        default: "min-h-10 px-6",
+        sm: "min-h-8 px-4 text-xs",
+        lg: "min-h-12 px-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function h({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o.jsx(
+    l,
+    {
+      "data-slot": "segmented-control",
+      className: a(
+        "p-1 inline-flex items-center rounded-full bg-ppx-neutral-3",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function g({
+  children: t,
+  className: e,
+  variant: i,
+  size: r,
+  ...n
+}) {
+  return /* @__PURE__ */ o.jsx(
+    m,
+    {
+      "data-slot": "segmented-control-item",
+      className: a(d({ variant: i, size: r, className: e })),
+      ...n,
+      children: t
+    }
+  );
+}
+export {
+  g as Item,
+  h as Root
+};

package/dist/components/select.js

@@ -0,0 +1,155 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import * as l from "react";
+import { cn as a } from "../utils/classnames.js";
+import { DROPDOWN_POPUP_CN as d, DROPDOWN_POSITIONER_CN as u, DROPDOWN_ITEM_CN as s } from "../tw-styles/dropdown.js";
+import f from "../icons/check-icon.js";
+import x from "../icons/chevron-down-icon.js";
+import { cva as p } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { SelectList 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/select/list/SelectList.js";
+import * as j 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/select/index.parts.js";
+import { SelectRoot as b } 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/select/root/SelectRoot.js";
+import { SelectPortal 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/select/portal/SelectPortal.js";
+import { SelectPositioner 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/select/positioner/SelectPositioner.js";
+import { SelectPopup as v } 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/select/popup/SelectPopup.js";
+import { SelectItem as c } 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/select/item/SelectItem.js";
+import { SelectItemText 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/select/item-text/SelectItemText.js";
+import { SelectTrigger as S } 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/select/trigger/SelectTrigger.js";
+import { SelectIcon as w } 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/select/icon/SelectIcon.js";
+import { SelectValue as I } 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/select/value/SelectValue.js";
+import { SelectItemIndicator 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/select/item-indicator/SelectItemIndicator.js";
+const m = l.createContext(
+  {}
+);
+function C() {
+  return l.useContext(m);
+}
+function G({
+  children: r,
+  invalid: e,
+  ...n
+}) {
+  const i = l.useMemo(() => ({ invalid: e }), [e]);
+  return /* @__PURE__ */ t.jsx(m.Provider, { value: i, children: /* @__PURE__ */ t.jsx(b, { ...n, children: r }) });
+}
+function H({
+  portalProps: r,
+  positionerProps: e,
+  popupProps: n,
+  children: i
+}) {
+  return /* @__PURE__ */ t.jsx(N, { ...r, children: /* @__PURE__ */ t.jsx(
+    g,
+    {
+      sideOffset: 6,
+      ...e,
+      className: a(u, e == null ? void 0 : e.className),
+      alignItemWithTrigger: !1,
+      children: /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: a(d, n == null ? void 0 : n.className),
+          ...n,
+          children: i
+        }
+      )
+    }
+  ) });
+}
+const J = h;
+function K({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(c, { className: a(s, r), ...e, children: /* @__PURE__ */ t.jsx(o, { children: e.children }) });
+}
+function Q({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    c,
+    {
+      ...e,
+      render: (n, i) => /* @__PURE__ */ t.jsxs("div", { ...n, className: a(s, r), children: [
+        /* @__PURE__ */ t.jsx(R, { selected: i.selected }),
+        /* @__PURE__ */ t.jsx(o, { children: e.children })
+      ] })
+    }
+  );
+}
+function R(r) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: a(
+        "peer rounded-sm bg-white size-4 flex shrink-0 items-center justify-center border border-ppx-neutral-10 transition-colors duration-150 outline-none",
+        r.selected && "text-white border-ppx-primary-5 bg-ppx-primary-5"
+      ),
+      children: /* @__PURE__ */ t.jsx(O, { children: /* @__PURE__ */ t.jsx(f, {}) })
+    }
+  );
+}
+const y = p(
+  "gap-2 text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 aria-invalid:border-ppx-red-4 text-ppx-foreground outline-transparent p-input focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ppx-primary-2 focus-visible:aria-invalid:outline-transparent data-disabled:cursor-not-allowed data-disabled:border-ppx-neutral-3 data-disabled:bg-ppx-neutral-3 data-disabled:text-ppx-neutral-11",
+  {
+    variants: {
+      size: {
+        default: "rounded-input h-input",
+        sm: "rounded-input-s h-input-s"
+      },
+      widthVariant: {
+        enforced: "min-w-input w-[var(--min-width-input)]",
+        fit: "min-w-0 w-fit",
+        full: "min-w-0 w-full"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      widthVariant: "enforced"
+    }
+  }
+);
+function X({
+  size: r,
+  widthVariant: e,
+  ...n
+}) {
+  const { invalid: i } = C();
+  return /* @__PURE__ */ t.jsxs(
+    S,
+    {
+      "aria-label": "Open popup",
+      className: a(y({ size: r, widthVariant: e }), n.className),
+      "aria-invalid": i ?? void 0,
+      children: [
+        n.children,
+        /* @__PURE__ */ t.jsx(w, { className: "shrink-0", children: /* @__PURE__ */ t.jsx(x, {}) })
+      ]
+    }
+  );
+}
+function Y({
+  selectedValue: r,
+  maxItems: e
+}) {
+  return !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ t.jsxs("div", { className: "gap-1 flex items-center", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r.slice(0, e).join(", ") }),
+    r.length > e && /* @__PURE__ */ t.jsx("span", { className: "truncate", children: `(+${r.length - e})` })
+  ] });
+}
+function Z({ children: r, className: e, ...n }) {
+  return /* @__PURE__ */ t.jsx(I, { className: a("truncate text-ppx-sm", e), ...n, children: r });
+}
+const ee = j;
+export {
+  ee as BaseSelect,
+  H as Content,
+  K as Item,
+  J as List,
+  Q as MultiItem,
+  Y as MultiSelectedValue,
+  G as Root,
+  X as Trigger,
+  Z as Value,
+  y as triggerVariants
+};