@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/link.d.ts

@@ -0,0 +1,18 @@
+import { useRender } from "@base-ui/react/use-render";
+import { ArrowSquareOutIcon } from "@phosphor-icons/react";
+import type { ComponentProps } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type LinkVariant = "current" | "inline" | "plain";
+export type LinkProps = StyledProps<useRender.ComponentProps<"a">> & {
+    variant?: LinkVariant;
+    xstyle?: ControlPlacementStyles;
+};
+declare function LinkBase({ className, style, xstyle, ref, render, variant, ...props }: LinkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ExternalIcon({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof ArrowSquareOutIcon>> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare const Link: typeof LinkBase & {
+    ExternalIcon: typeof ExternalIcon;
+};
+export {};

package/dist/link.js

@@ -0,0 +1,194 @@
+"use client";
+
+// src/link.tsx
+import { c as _c } from "react/compiler-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { ArrowSquareOutIcon } 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/link.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kaIpWk: "x1aepk7r",
+    k1xSpc: "x3nfvp2",
+    kMv6JI: "x1b1to7n",
+    kOIVth: "x3yxr07",
+    kI3sdo: "x1a2a7pz",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x1cp1di3",
+    kAMwcw: "xrkjf8i",
+    kZs9gx: "x768paa",
+    kiEn40: "x1p3hdyt",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    $$css: true
+  }
+};
+var variantStyles = {
+  inline: {
+    kMwMTN: "xi3ntsr",
+    kMnn75: "xujl8zx",
+    kNySMw: "x116fkhr",
+    kcSHmL: "xg830sg",
+    kKhh5M: "x184fef6",
+    $$css: true
+  },
+  current: {
+    kMwMTN: "x15rks2t",
+    kMnn75: "xujl8zx",
+    kNySMw: "x116fkhr",
+    kcSHmL: "xg830sg",
+    kKhh5M: "x184fef6",
+    $$css: true
+  },
+  plain: {
+    kMwMTN: "xi3ntsr",
+    kMnn75: "xkrqix3",
+    kKhh5M: "x184fef6",
+    $$css: true
+  }
+};
+function LinkBase(t0) {
+  const $ = _c(20);
+  let className;
+  let props2;
+  let ref;
+  let render;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ref,
+      render,
+      variant: t1,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = ref;
+    $[4] = render;
+    $[5] = style;
+    $[6] = t1;
+    $[7] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    ref = $[3];
+    render = $[4];
+    style = $[5];
+    t1 = $[6];
+    xstyle = $[7];
+  }
+  const variant = t1 === void 0 ? "inline" : t1;
+  let t2;
+  if ($[8] !== className || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {
+    t2 = mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style);
+    $[8] = className;
+    $[9] = style;
+    $[10] = variant;
+    $[11] = xstyle;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== props2 || $[14] !== t2) {
+    t3 = {
+      ...props2,
+      ...t2
+    };
+    $[13] = props2;
+    $[14] = t2;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  let t4;
+  if ($[16] !== ref || $[17] !== render || $[18] !== t3) {
+    t4 = {
+      defaultTagName: "a",
+      props: t3,
+      ref,
+      render
+    };
+    $[16] = ref;
+    $[17] = render;
+    $[18] = t3;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  return useRender(t4);
+}
+function ExternalIcon(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(ArrowSquareOutIcon, { "aria-hidden": "true", size: "1em", ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+var Link = Object.assign(LinkBase, {
+  ExternalIcon
+});
+export {
+  Link
+};
+//# sourceMappingURL=link.js.map

package/dist/link.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/link.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { colorVars, motionVars, sizeVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { ArrowSquareOutIcon } from \"@phosphor-icons/react\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kaIpWk: \"x1aepk7r\",\n    k1xSpc: \"x3nfvp2\",\n    kMv6JI: \"x1b1to7n\",\n    kOIVth: \"x3yxr07\",\n    kI3sdo: \"x1a2a7pz\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x1cp1di3\",\n    kAMwcw: \"xrkjf8i\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1p3hdyt\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  }\n};\nconst variantStyles = {\n  inline: {\n    kMwMTN: \"xi3ntsr\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x116fkhr\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  current: {\n    kMwMTN: \"x15rks2t\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x116fkhr\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  plain: {\n    kMwMTN: \"xi3ntsr\",\n    kMnn75: \"xkrqix3\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  }\n};\nexport type LinkVariant = \"current\" | \"inline\" | \"plain\";\nexport type LinkProps = StyledProps<useRender.ComponentProps<\"a\">> & {\n  variant?: LinkVariant;\n  xstyle?: ControlPlacementStyles;\n};\nfunction LinkBase(t0) {\n  const $ = _c(20);\n  let className;\n  let props;\n  let ref;\n  let render;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ref,\n      render,\n      variant: t1,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = ref;\n    $[4] = render;\n    $[5] = style;\n    $[6] = t1;\n    $[7] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    ref = $[3];\n    render = $[4];\n    style = $[5];\n    t1 = $[6];\n    xstyle = $[7];\n  }\n  const variant = t1 === undefined ? \"inline\" : t1;\n  let t2;\n  if ($[8] !== className || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style);\n    $[8] = className;\n    $[9] = style;\n    $[10] = variant;\n    $[11] = xstyle;\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  let t3;\n  if ($[13] !== props || $[14] !== t2) {\n    t3 = {\n      ...props,\n      ...t2\n    };\n    $[13] = props;\n    $[14] = t2;\n    $[15] = t3;\n  } else {\n    t3 = $[15];\n  }\n  let t4;\n  if ($[16] !== ref || $[17] !== render || $[18] !== t3) {\n    t4 = {\n      defaultTagName: \"a\",\n      props: t3,\n      ref,\n      render\n    };\n    $[16] = ref;\n    $[17] = render;\n    $[18] = t3;\n    $[19] = t4;\n  } else {\n    t4 = $[19];\n  }\n  return useRender(t4);\n}\nfunction ExternalIcon(t0) {\n  const $ = _c(12);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <ArrowSquareOutIcon aria-hidden=\"true\" size=\"1em\" {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport const Link = Object.assign(LinkBase, {\n  ExternalIcon\n});", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/marker.d.ts

@@ -0,0 +1,15 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type MarkerProps = StyledProps<ComponentProps<"div">> & {
+    variant?: "border" | "default" | "separator";
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Marker({ className, style, variant, xstyle, ...props }: MarkerProps): import("react").JSX.Element;
+export declare function MarkerIcon({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"span">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function MarkerContent({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"span">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;

package/dist/marker.js

@@ -0,0 +1,99 @@
+// src/marker.tsx
+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/marker.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kMwMTN: "xj9e3ow",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x1gag4p9",
+    k63SB2: "xoop9yj",
+    kOIVth: "x136xbx3",
+    kLWn49: "xipl0i2",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  icon: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x3nfvp2",
+    kmuXW: "x2lah0s",
+    $$css: true
+  },
+  content: {
+    kVQacm: "xb3r6kr",
+    kg5iWk: "xlyipyv",
+    khDVqt: "xuxw1ft",
+    $$css: true
+  }
+};
+var variantStyles = {
+  default: {
+    $$css: true
+  },
+  border: {
+    kL6WhQ: "xqtpct5",
+    kfdmCh: "x1q0q8m5",
+    kt9PQ7: "x1ue9prv",
+    kGO01o: "xuhgr7q",
+    $$css: true
+  },
+  separator: {
+    k1xSpc: "x78zum5",
+    kzqmXN: "xh8yej3",
+    kLkRvE: "xqptg3k",
+    kgeoSG: "x1cpjm7i",
+    kLB3ol: "xl5i350",
+    kgzTxl: "x1bmh8st",
+    ks3ayO: "x6me372",
+    k5JduY: "x1s928wv",
+    krxQOp: "xkbqsiu",
+    k4zj60: "x2q7bb6",
+    $$css: true
+  }
+};
+function Marker({
+  className,
+  style,
+  variant = "default",
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style) });
+}
+function MarkerIcon({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...props2, ...mergeStyles(stylex.props(styles.icon, xstyle), className, style) });
+}
+function MarkerContent({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("span", { ...props2, ...mergeStyles(stylex.props(styles.content, xstyle), className, style) });
+}
+export {
+  Marker,
+  MarkerContent,
+  MarkerIcon
+};
+//# sourceMappingURL=marker.js.map

package/dist/marker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/marker.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import { colorVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"xj9e3ow\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1gag4p9\",\n    k63SB2: \"xoop9yj\",\n    kOIVth: \"x136xbx3\",\n    kLWn49: \"xipl0i2\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  icon: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  content: {\n    kVQacm: \"xb3r6kr\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  }\n};\nconst variantStyles = {\n  default: {\n    $$css: true\n  },\n  border: {\n    kL6WhQ: \"xqtpct5\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"x1ue9prv\",\n    kGO01o: \"xuhgr7q\",\n    $$css: true\n  },\n  separator: {\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"xh8yej3\",\n    kLkRvE: \"xqptg3k\",\n    kgeoSG: \"x1cpjm7i\",\n    kLB3ol: \"xl5i350\",\n    kgzTxl: \"x1bmh8st\",\n    ks3ayO: \"x6me372\",\n    k5JduY: \"x1s928wv\",\n    krxQOp: \"xkbqsiu\",\n    k4zj60: \"x2q7bb6\",\n    $$css: true\n  }\n};\nexport type MarkerProps = StyledProps<ComponentProps<\"div\">> & {\n  variant?: \"border\" | \"default\" | \"separator\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Marker({\n  className,\n  style,\n  variant = \"default\",\n  xstyle,\n  ...props\n}: MarkerProps) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style)} />;\n}\nexport function MarkerIcon({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"span\">> & {\n  xstyle?: ControlPlacementStyles;\n}) {\n  return <span aria-hidden=\"true\" {...props} {...mergeStyles(stylex.props(styles.icon, xstyle), className, style)} />;\n}\nexport function MarkerContent({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"span\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <span {...props} {...mergeStyles(stylex.props(styles.content, xstyle), className, style)} />;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "mappings": ";AACA,YAAY,YAAY;;;ACKjB,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;ADgDS;AA7DT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AACA,IAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAgB;AACd,SAAO,oBAAC,SAAK,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,MAAM,cAAc,OAAO,GAAG,MAAM,GAAG,WAAW,KAAK,GAAG;AACvH;AACO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGA;AACL,GAEG;AACD,SAAO,oBAAC,UAAK,eAAY,QAAQ,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,MAAM,MAAM,GAAG,WAAW,KAAK,GAAG;AACnH;AACO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGA;AACL,GAEG;AACD,SAAO,oBAAC,UAAM,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,SAAS,MAAM,GAAG,WAAW,KAAK,GAAG;AACnG;",
+  "names": ["props"]
+}

package/dist/menubar.d.ts

@@ -0,0 +1,26 @@
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubTrigger } from "./dropdown-menu";
+import type { ControlLayoutStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export declare function Menubar({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof MenubarPrimitive>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare const MenubarMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react").JSX.Element;
+export declare function MenubarTrigger({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof MenuPrimitive.Trigger>> & {
+    xstyle?: ControlLayoutStyles;
+}): import("react").JSX.Element;
+export declare const MenubarContent: typeof DropdownMenuContent;
+export declare const MenubarItem: typeof DropdownMenuItem;
+export declare const MenubarCheckboxItem: typeof DropdownMenuCheckboxItem;
+export declare const MenubarRadioItem: typeof DropdownMenuRadioItem;
+export declare const MenubarGroup: typeof DropdownMenuGroup;
+export declare const MenubarRadioGroup: typeof DropdownMenuRadioGroup;
+export declare const MenubarLabel: typeof DropdownMenuLabel;
+export declare const MenubarSeparator: typeof DropdownMenuSeparator;
+export declare const MenubarShortcut: typeof DropdownMenuShortcut;
+export declare const MenubarSub: typeof MenuPrimitive.SubmenuRoot;
+export declare const MenubarSubTrigger: typeof DropdownMenuSubTrigger;
+export declare const MenubarSubContent: typeof DropdownMenuContent;

package/dist/menubar.js

@@ -0,0 +1,211 @@
+"use client";
+
+// src/menubar.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
+import * as stylex from "@stylexjs/stylex";
+import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from "./dropdown-menu.js";
+
+// 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/menubar.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "xcc0o6n",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    k1xSpc: "x78zum5",
+    kOIVth: "x7gjopr",
+    kAzted: "x116rqyj",
+    kmVPX3: "x7fjq2a",
+    $$css: true
+  },
+  trigger: {
+    kysU6D: "xjyslct",
+    kWkggS: "xjbqb8w",
+    ksu8eU: "xng3xce",
+    kMzoRj: "xc342km",
+    kaIpWk: "x1p5vitp",
+    kMwMTN: "x1t28c4i",
+    kkrTdU: "x1ypdohk",
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kZKoxP: "x1dvwle6",
+    kI3sdo: "x1a2a7pz",
+    kg3NbH: "x5044ve",
+    kIyJzY: "xznvecg",
+    k1ekBW: "xs2xxs2",
+    kAMwcw: "xrkjf8i",
+    kGzVvX: "xk9i4fa",
+    kZs9gx: "x768paa",
+    kiEn40: "x1p3hdyt",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    $$css: true
+  },
+  triggerOpen: {
+    kWkggS: "xlbutab",
+    $$css: true
+  },
+  triggerDisabled: {
+    kWkggS: "xjbqb8w",
+    kMwMTN: "xdmzwdx",
+    kkrTdU: "x1h6gzvc",
+    kGzVvX: "x1n5bzlp",
+    $$css: true
+  }
+};
+function Menubar(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.root, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(MenubarPrimitive, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+var MenubarMenu = MenuPrimitive.Root;
+function MenubarTrigger(t0) {
+  const $ = _c(16);
+  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 = function getTriggerStyles2(state) {
+      return mergeStyles(stylex.props(styles.trigger, state.open && styles.triggerOpen, state.disabled && styles.triggerDisabled, xstyle), className, style);
+    };
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const getTriggerStyles = t1;
+  let t2;
+  let t3;
+  if ($[9] !== getTriggerStyles) {
+    t2 = (state_0) => getTriggerStyles(state_0).className;
+    t3 = (state_1) => getTriggerStyles(state_1).style;
+    $[9] = getTriggerStyles;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t2 = $[10];
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== props2 || $[13] !== t2 || $[14] !== t3) {
+    t4 = /* @__PURE__ */ jsx(MenuPrimitive.Trigger, { ...props2, className: t2, style: t3 });
+    $[12] = props2;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
+}
+var MenubarContent = DropdownMenuContent;
+var MenubarItem = DropdownMenuItem;
+var MenubarCheckboxItem = DropdownMenuCheckboxItem;
+var MenubarRadioItem = DropdownMenuRadioItem;
+var MenubarGroup = DropdownMenuGroup;
+var MenubarRadioGroup = DropdownMenuRadioGroup;
+var MenubarLabel = DropdownMenuLabel;
+var MenubarSeparator = DropdownMenuSeparator;
+var MenubarShortcut = DropdownMenuShortcut;
+var MenubarSub = DropdownMenuSub;
+var MenubarSubTrigger = DropdownMenuSubTrigger;
+var MenubarSubContent = DropdownMenuSubContent;
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger
+};
+//# sourceMappingURL=menubar.js.map

package/dist/menubar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/menubar.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from \"./dropdown-menu\";\nimport type { ControlLayoutStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x7gjopr\",\n    kAzted: \"x116rqyj\",\n    kmVPX3: \"x7fjq2a\",\n    $$css: true\n  },\n  trigger: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"x1p5vitp\",\n    kMwMTN: \"x1t28c4i\",\n    kkrTdU: \"x1ypdohk\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kZKoxP: \"x1dvwle6\",\n    kI3sdo: \"x1a2a7pz\",\n    kg3NbH: \"x5044ve\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xrkjf8i\",\n    kGzVvX: \"xk9i4fa\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1p3hdyt\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  },\n  triggerOpen: {\n    kWkggS: \"xlbutab\",\n    $$css: true\n  },\n  triggerDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    kGzVvX: \"x1n5bzlp\",\n    $$css: true\n  }\n};\nexport function Menubar(t0) {\n  const $ = _c(12);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.root, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <MenubarPrimitive {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport const MenubarMenu = MenuPrimitive.Root;\nexport function MenubarTrigger(t0) {\n  const $ = _c(16);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = function getTriggerStyles(state) {\n      return mergeStyles(stylex.props(styles.trigger, state.open && styles.triggerOpen, state.disabled && styles.triggerDisabled, xstyle), className, style);\n    };\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  const getTriggerStyles = t1;\n  let t2;\n  let t3;\n  if ($[9] !== getTriggerStyles) {\n    t2 = state_0 => getTriggerStyles(state_0).className;\n    t3 = state_1 => getTriggerStyles(state_1).style;\n    $[9] = getTriggerStyles;\n    $[10] = t2;\n    $[11] = t3;\n  } else {\n    t2 = $[10];\n    t3 = $[11];\n  }\n  let t4;\n  if ($[12] !== props || $[13] !== t2 || $[14] !== t3) {\n    t4 = <MenuPrimitive.Trigger {...props} className={t2} style={t3} />;\n    $[12] = props;\n    $[13] = t2;\n    $[14] = t3;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  return t4;\n}\nexport const MenubarContent = DropdownMenuContent;\nexport const MenubarItem = DropdownMenuItem;\nexport const MenubarCheckboxItem = DropdownMenuCheckboxItem;\nexport const MenubarRadioItem = DropdownMenuRadioItem;\nexport const MenubarGroup = DropdownMenuGroup;\nexport const MenubarRadioGroup = DropdownMenuRadioGroup;\nexport const MenubarLabel = DropdownMenuLabel;\nexport const MenubarSeparator = DropdownMenuSeparator;\nexport const MenubarShortcut = DropdownMenuShortcut;\nexport const MenubarSub = DropdownMenuSub;\nexport const MenubarSubTrigger = DropdownMenuSubTrigger;\nexport const MenubarSubContent = DropdownMenuSubContent;", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "mappings": "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",
+  "names": ["props", "getTriggerStyles"]
+}

package/dist/native-select.d.ts

@@ -0,0 +1,15 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { ControlLayoutStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type NativeSelectProps = StyledProps<Omit<ComponentProps<"select">, "size">> & {
+    size?: "md" | "sm";
+    xstyle?: ControlLayoutStyles;
+};
+export declare function NativeSelect({ className, style, children, size, xstyle, ...props }: NativeSelectProps): import("react").JSX.Element;
+export declare function NativeSelectOption({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"option">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function NativeSelectOptGroup({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"optgroup">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;