@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/combobox.js

@@ -0,0 +1,692 @@
+"use client";
+
+// src/combobox.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
+import { CaretDownIcon, CheckIcon, MagnifyingGlassIcon } from "@phosphor-icons/react";
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/combobox.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  inputGroup: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "xcc0o6n",
+    kVAM5u: "xmt3ebw",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    k1xSpc: "x78zum5",
+    kZKoxP: "x1f00wt4",
+    kZCmMZ: "x1i08l6l",
+    kIyJzY: "xznvecg",
+    k1ekBW: "xshfolx",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "x1q2mzld",
+    kYcSvW: "x17uuci8",
+    kpj6Ty: "xyxltx7",
+    kfQpEX: "x1vzskv2",
+    kXImzq: "x14xc8xn",
+    krA4I7: "x1g9kpee",
+    $$css: true
+  },
+  inline: {
+    kzqmXN: "xh8yej3",
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kt9PQ7: "x1ue9prv",
+    kaIpWk: "x2u8bby",
+    kZCmMZ: "x1c1uobl",
+    $$css: true
+  },
+  popup: {
+    kWkggS: "xssngo0",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x9up7g5",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kGVxlE: "xms81ks",
+    kMwMTN: "x1t28c4i",
+    kskxy: "xd7ad8z",
+    k7Eaqz: "x80t9vs",
+    kI3sdo: "x1a2a7pz",
+    kVQacm: "xb3r6kr",
+    kmVPX3: "x7fjq2a",
+    k3aq6I: "x3oybdh",
+    k3nNDw: "xctpfpq",
+    kIyJzY: "x1vrxc1k",
+    k1ekBW: "x6o7n8i",
+    kAMwcw: "x1oxff63",
+    kehFko: "xjilbjb",
+    kxero2: "xt8ron0",
+    $$css: true
+  },
+  popupTransitioning: {
+    kSiTet: "xg01cxk",
+    k3aq6I: "xjzqdv7",
+    $$css: true
+  },
+  popupEnding: {
+    kIyJzY: "xznvecg",
+    kAMwcw: "xitywxs",
+    kxero2: "xt8ron0",
+    $$css: true
+  },
+  list: {
+    kORKVm: "x1odjw0f",
+    kZeWKH: "xish69e",
+    $$css: true
+  },
+  item: {
+    kGNEyG: "x6s0dn4",
+    kaIpWk: "x1p5vitp",
+    kkrTdU: "xt0e3qv",
+    k1xSpc: "x78zum5",
+    kGuDYH: "x1lskvfa",
+    kOIVth: "x136xbx3",
+    kAzted: "x1rwmkbm",
+    kI3sdo: "x1a2a7pz",
+    kwRFfy: "x79n4ua",
+    kZCmMZ: "x1n9i75o",
+    kVAEAm: "x1n2onr6",
+    kfSwDN: "x87ps6o",
+    $$css: true
+  },
+  itemHighlighted: {
+    kWkggS: "x7lga2",
+    $$css: true
+  },
+  itemDisabled: {
+    kWkggS: "xjbqb8w",
+    kMwMTN: "xdmzwdx",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  },
+  empty: {
+    kMwMTN: "xj9e3ow",
+    kGuDYH: "x1lskvfa",
+    kmVPX3: "xv3ig3d",
+    k9WMMc: "x2b8uid",
+    kyjxKa: "x1az1eml",
+    $$css: true
+  },
+  label: {
+    kMwMTN: "xj9e3ow",
+    kGuDYH: "x1gag4p9",
+    k63SB2: "xoop9yj",
+    k8WAf4: "x1fdd5fa",
+    kg3NbH: "x1gr5eyh",
+    $$css: true
+  },
+  separator: {
+    kWkggS: "xh31czb",
+    kZKoxP: "xlb0jvj",
+    kqGvvJ: "xmm05p4",
+    kUOVxO: "x1pctbhn",
+    $$css: true
+  }
+};
+var Combobox = ComboboxPrimitive.Root;
+var ComboboxCollection = ComboboxPrimitive.Collection;
+function ComboboxGroup(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ComboboxPrimitive.Group, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function ComboboxInput(t0) {
+  const $ = _c(28);
+  let className;
+  let endAddon;
+  let props2;
+  let startAddon;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      variant: t1,
+      startAddon,
+      endAddon,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = endAddon;
+    $[3] = props2;
+    $[4] = startAddon;
+    $[5] = style;
+    $[6] = t1;
+    $[7] = xstyle;
+  } else {
+    className = $[1];
+    endAddon = $[2];
+    props2 = $[3];
+    startAddon = $[4];
+    style = $[5];
+    t1 = $[6];
+    xstyle = $[7];
+  }
+  const variant = t1 === void 0 ? "outline" : t1;
+  let t2;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = function getInputStyles2(state) {
+      return {
+        0: {
+          className: "xjyslct xjbqb8w xng3xce xc342km x1gnnqk1 x1t28c4i x98rzlu x1b1to7n x1lskvfa x5yr21d xeuugli x1a2a7pz x1gr5eyh x15njwyp"
+        },
+        1: {
+          className: "xjyslct xjbqb8w xng3xce xc342km x1gnnqk1 x98rzlu x1b1to7n x1lskvfa x5yr21d xeuugli x1a2a7pz x1gr5eyh x15njwyp xdmzwdx x1h6gzvc"
+        }
+      }[!!state.disabled << 0];
+    };
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const getInputStyles = t2;
+  let t3;
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = function getTriggerStyles2(state_0) {
+      return {
+        0: {
+          className: "x6s0dn4 xkh2ocl xjyslct xjbqb8w xng3xce xc342km x1gnnqk1 xj9e3ow x1ypdohk x3nfvp2 xl56j7k x1a2a7pz xznvecg xt3l3uh xrkjf8i x18pndxb"
+        },
+        1: {
+          className: "x6s0dn4 xkh2ocl xjyslct xjbqb8w xng3xce xc342km x1gnnqk1 x3nfvp2 xl56j7k x1a2a7pz xznvecg xt3l3uh xrkjf8i x18pndxb xdmzwdx x1h6gzvc x1n5bzlp"
+        }
+      }[!!state_0.disabled << 0];
+    };
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const getTriggerStyles = t3;
+  let t4;
+  if ($[10] !== className || $[11] !== style || $[12] !== variant || $[13] !== xstyle) {
+    t4 = mergeStyles(stylex.props(styles.inputGroup, variant === "inline" && styles.inline, xstyle), className, style);
+    $[10] = className;
+    $[11] = style;
+    $[12] = variant;
+    $[13] = xstyle;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== startAddon) {
+    t5 = startAddon ?? /* @__PURE__ */ jsx(MagnifyingGlassIcon, { "aria-hidden": "true", className: "xj9e3ow x2lah0s" });
+    $[15] = startAddon;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  let t7;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (state_1) => getInputStyles(state_1).className;
+    t7 = (state_2) => getInputStyles(state_2).style;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t6 = $[17];
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== props2) {
+    t8 = /* @__PURE__ */ jsx(ComboboxPrimitive.Input, { ...props2, className: t6, style: t7 });
+    $[19] = props2;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== endAddon) {
+    t9 = endAddon ?? /* @__PURE__ */ jsx(ComboboxPrimitive.Trigger, { "aria-label": "Open options", className: (state_3) => getTriggerStyles(state_3).className ?? "", style: (state_4) => getTriggerStyles(state_4).style, children: /* @__PURE__ */ jsx(CaretDownIcon, { "aria-hidden": "true" }) });
+    $[21] = endAddon;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== t4 || $[24] !== t5 || $[25] !== t8 || $[26] !== t9) {
+    t10 = /* @__PURE__ */ jsxs(ComboboxPrimitive.InputGroup, { ...t4, children: [
+      t5,
+      t8,
+      t9
+    ] });
+    $[23] = t4;
+    $[24] = t5;
+    $[25] = t8;
+    $[26] = t9;
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  return t10;
+}
+function ComboboxPopup(t0) {
+  const $ = _c(27);
+  let children;
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let t3;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      align: t1,
+      children,
+      side: t2,
+      sideOffset: t3,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    xstyle = $[8];
+  }
+  const align = t1 === void 0 ? "start" : t1;
+  const side = t2 === void 0 ? "bottom" : t2;
+  const sideOffset = t3 === void 0 ? 4 : t3;
+  let t4;
+  if ($[9] !== className || $[10] !== style || $[11] !== xstyle) {
+    t4 = function getPopupStyles2(state) {
+      return mergeStyles(stylex.props(styles.popup, (state.transitionStatus === "starting" || state.transitionStatus === "ending") && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupEnding, xstyle), className, style);
+    };
+    $[9] = className;
+    $[10] = style;
+    $[11] = xstyle;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const getPopupStyles = t4;
+  let t5;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      className: "x1cc015y"
+    };
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  let t7;
+  if ($[14] !== getPopupStyles) {
+    t6 = (state_0) => getPopupStyles(state_0).className;
+    t7 = (state_1) => getPopupStyles(state_1).style;
+    $[14] = getPopupStyles;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t6 = $[15];
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== children || $[18] !== props2 || $[19] !== t6 || $[20] !== t7) {
+    t8 = /* @__PURE__ */ jsx(ComboboxPrimitive.Popup, { ...props2, className: t6, style: t7, children });
+    $[17] = children;
+    $[18] = props2;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== align || $[23] !== side || $[24] !== sideOffset || $[25] !== t8) {
+    t9 = /* @__PURE__ */ jsx(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx(ComboboxPrimitive.Positioner, { align, side, sideOffset, ...t5, children: t8 }) });
+    $[22] = align;
+    $[23] = side;
+    $[24] = sideOffset;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  return t9;
+}
+function ComboboxItem(t0) {
+  const $ = _c(19);
+  let children;
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      children,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    xstyle = $[5];
+  }
+  let t1;
+  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {
+    t1 = function getItemStyles2(state) {
+      return mergeStyles(stylex.props(styles.item, state.highlighted && styles.itemHighlighted, state.disabled && styles.itemDisabled, xstyle), className, style);
+    };
+    $[6] = className;
+    $[7] = style;
+    $[8] = xstyle;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const getItemStyles = t1;
+  let t2;
+  let t3;
+  if ($[10] !== getItemStyles) {
+    t2 = (state_0) => getItemStyles(state_0).className;
+    t3 = (state_1) => getItemStyles(state_1).style;
+    $[10] = getItemStyles;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t2 = $[11];
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(ComboboxPrimitive.ItemIndicator, { className: "x6s0dn4 x3nfvp2 xf4dcrw xl56j7k x10l6tqk", children: /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) });
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== children || $[15] !== props2 || $[16] !== t2 || $[17] !== t3) {
+    t5 = /* @__PURE__ */ jsxs(ComboboxPrimitive.Item, { ...props2, className: t2, style: t3, children: [
+      t4,
+      children
+    ] });
+    $[14] = children;
+    $[15] = props2;
+    $[16] = t2;
+    $[17] = t3;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}
+function ComboboxEmpty(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.empty, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ComboboxPrimitive.Empty, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function ComboboxLabel(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.label, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ComboboxPrimitive.GroupLabel, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function ComboboxSeparator(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.separator, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ComboboxPrimitive.Separator, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function ComboboxList(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.list, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ComboboxPrimitive.List, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+export {
+  Combobox,
+  ComboboxCollection,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxPopup,
+  ComboboxSeparator
+};
+//# sourceMappingURL=combobox.js.map