@nooeh/ui 0.1.0

package/dist/kbd.js

@@ -0,0 +1,170 @@
+// src/kbd.tsx
+import { c as _c } from "react/compiler-runtime";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "x1w962hd",
+    kVAM5u: "x1bl4cbq",
+    kaIpWk: "x1fzuljc",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kMwMTN: "x1f8jq9g",
+    k1xSpc: "x3nfvp2",
+    kMv6JI: "x1l89lse",
+    kGuDYH: "xkrk5hw",
+    k63SB2: "x12lpnxt",
+    kjj79g: "xl56j7k",
+    kAzted: "x2umgb4",
+    k7Eaqz: "x199i5n0",
+    kg3NbH: "x80j8c6",
+    kfSwDN: "x87ps6o",
+    $$css: true
+  },
+  group: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x3nfvp2",
+    kOIVth: "xt71qdy",
+    $$css: true
+  }
+};
+function Kbd(t0) {
+  const $ = _c(17);
+  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] !== xstyle) {
+    t1 = stylex.props(styles.root, xstyle);
+    $[5] = xstyle;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[7] !== className || $[8] !== stylexProps.className) {
+    t2 = [stylexProps.className, className].filter(Boolean);
+    $[7] = className;
+    $[8] = stylexProps.className;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[10] !== style || $[11] !== stylexProps.style) {
+    t4 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[10] = style;
+    $[11] = stylexProps.style;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== props2 || $[14] !== t3 || $[15] !== t4) {
+    t5 = /* @__PURE__ */ jsx("kbd", { ...props2, className: t3, style: t4 });
+    $[13] = props2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+function KbdGroup(t0) {
+  const $ = _c(17);
+  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] !== xstyle) {
+    t1 = stylex.props(styles.group, xstyle);
+    $[5] = xstyle;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[7] !== className || $[8] !== stylexProps.className) {
+    t2 = [stylexProps.className, className].filter(Boolean);
+    $[7] = className;
+    $[8] = stylexProps.className;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[10] !== style || $[11] !== stylexProps.style) {
+    t4 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[10] = style;
+    $[11] = stylexProps.style;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== props2 || $[14] !== t3 || $[15] !== t4) {
+    t5 = /* @__PURE__ */ jsx("span", { ...props2, className: t3, style: t4 });
+    $[13] = props2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+export {
+  Kbd,
+  KbdGroup
+};
+//# sourceMappingURL=kbd.js.map

package/dist/kbd.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/kbd.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x1w962hd\",\n    kVAM5u: \"x1bl4cbq\",\n    kaIpWk: \"x1fzuljc\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kMwMTN: \"x1f8jq9g\",\n    k1xSpc: \"x3nfvp2\",\n    kMv6JI: \"x1l89lse\",\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"x2umgb4\",\n    k7Eaqz: \"x199i5n0\",\n    kg3NbH: \"x80j8c6\",\n    kfSwDN: \"x87ps6o\",\n    $$css: true\n  },\n  group: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"xt71qdy\",\n    $$css: true\n  }\n};\ntype StyleProps = {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Kbd(t0) {\n  const $ = _c(17);\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] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <kbd {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}\nexport function KbdGroup(t0) {\n  const $ = _c(17);\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] !== xstyle) {\n    t1 = stylex.props(styles.group, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <span {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/label.d.ts

@@ -0,0 +1,6 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type LabelProps = ComponentProps<"label"> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Label({ className, style, xstyle, ...props }: LabelProps): import("react").JSX.Element;

package/dist/label.js

@@ -0,0 +1,89 @@
+// src/label.tsx
+import { c as _c } from "react/compiler-runtime";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kMwMTN: "x122omjn",
+    kkrTdU: "xt0e3qv",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "xkrk5hw",
+    k63SB2: "x12lpnxt",
+    kOIVth: "xor4qq5",
+    kLWn49: "x7f5rko",
+    kfSwDN: "x87ps6o",
+    $$css: true
+  }
+};
+function Label(t0) {
+  const $ = _c(17);
+  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] !== xstyle) {
+    t1 = stylex.props(styles.root, xstyle);
+    $[5] = xstyle;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[7] !== className || $[8] !== stylexProps.className) {
+    t2 = [stylexProps.className, className].filter(Boolean);
+    $[7] = className;
+    $[8] = stylexProps.className;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[10] !== style || $[11] !== stylexProps.style) {
+    t4 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[10] = style;
+    $[11] = stylexProps.style;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== props2 || $[14] !== t3 || $[15] !== t4) {
+    t5 = /* @__PURE__ */ jsx("label", { ...props2, className: t3, style: t4 });
+    $[13] = props2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+export {
+  Label
+};
+//# sourceMappingURL=label.js.map

package/dist/label.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/label.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\n/* oxlint-disable jsx-a11y/label-has-associated-control -- The caller provides htmlFor or nests the control. */\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x122omjn\",\n    kkrTdU: \"xt0e3qv\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kOIVth: \"xor4qq5\",\n    kLWn49: \"x7f5rko\",\n    kfSwDN: \"x87ps6o\",\n    $$css: true\n  }\n};\nexport type LabelProps = ComponentProps<\"label\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Label(t0) {\n  const $ = _c(17);\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] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <label {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}"],
+  "mappings": ";AAAA,SAAS,KAAK,UAAU;AAExB,YAAY,YAAY;AA6Ef;AA1ET,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,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,MAAM,IAAI;AACxB,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,gBAAY,EAAE,CAAC;AACf,IAAAA,SAAQ,EAAE,CAAC;AACX,YAAQ,EAAE,CAAC;AACX,aAAS,EAAE,CAAC;AAAA,EACd;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,YAAY,WAAW;AACxD,SAAK,CAAC,YAAY,WAAW,SAAS,EAAE,OAAO,OAAO;AACtD,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,KAAK,GAAG,KAAK,GAAG;AACtB,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAM,YAAY,OAAO;AAClD,SAAK;AAAA,MACH,GAAG,YAAY;AAAA,MACf,GAAG;AAAA,IACL;AACA,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI,YAAY;AACpB,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnD,SAAK,oBAAC,WAAO,GAAGA,QAAO,WAAW,IAAI,OAAO,IAAI;AACjD,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;",
+  "names": ["props"]
+}

package/dist/link.d.ts

@@ -0,0 +1,14 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as stylex from "@stylexjs/stylex";
+import { type ComponentProps } from "react";
+import { Icon } from "./Icon";
+export type LinkVariant = "current" | "inline" | "plain";
+export type LinkProps = useRender.ComponentProps<"a"> & {
+    variant?: LinkVariant;
+    xstyle?: stylex.StyleXStyles;
+};
+declare function ExternalIcon(props: Omit<ComponentProps<typeof Icon>, "name">): import("react").JSX.Element;
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>> & {
+    ExternalIcon: typeof ExternalIcon;
+};
+export {};

package/dist/link.js

@@ -0,0 +1,244 @@
+// src/link.tsx
+import { c as _c } from "react/compiler-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as stylex from "@stylexjs/stylex";
+import { forwardRef } from "react";
+
+// src/Icon.tsx
+import {
+  ArrowDownIcon,
+  ArrowSquareOutIcon,
+  ArrowsDownUpIcon,
+  ArrowUpIcon,
+  CalendarIcon,
+  CaretDoubleLeftIcon,
+  CaretDoubleRightIcon,
+  CaretDownIcon,
+  CaretLeftIcon,
+  CaretRightIcon,
+  CaretUpIcon,
+  CaretUpDownIcon,
+  CheckCircleIcon,
+  CheckIcon,
+  ChecksIcon,
+  ClockIcon,
+  ColumnsIcon,
+  CopyIcon,
+  DotsThreeIcon,
+  EyeSlashIcon,
+  FileIcon,
+  FolderIcon,
+  FunnelIcon,
+  GitBranchIcon,
+  InfoIcon,
+  ListIcon,
+  MagnifyingGlassIcon,
+  MicrophoneIcon,
+  PaperclipIcon,
+  DownloadSimpleIcon,
+  StopIcon,
+  WarningIcon,
+  WrenchIcon,
+  XCircleIcon,
+  XIcon
+} from "@phosphor-icons/react";
+import { jsx } from "react/jsx-runtime";
+var iconRegistry = {
+  close: XIcon,
+  chevronDown: CaretDownIcon,
+  chevronLeft: CaretLeftIcon,
+  chevronRight: CaretRightIcon,
+  chevronUp: CaretUpIcon,
+  chevronsLeft: CaretDoubleLeftIcon,
+  chevronsRight: CaretDoubleRightIcon,
+  caretUpDown: CaretUpDownIcon,
+  check: CheckIcon,
+  success: CheckCircleIcon,
+  error: XCircleIcon,
+  warning: WarningIcon,
+  info: InfoIcon,
+  calendar: CalendarIcon,
+  clock: ClockIcon,
+  externalLink: ArrowSquareOutIcon,
+  menu: ListIcon,
+  moreHorizontal: DotsThreeIcon,
+  search: MagnifyingGlassIcon,
+  arrowUp: ArrowUpIcon,
+  arrowDown: ArrowDownIcon,
+  arrowsUpDown: ArrowsDownUpIcon,
+  funnel: FunnelIcon,
+  eyeSlash: EyeSlashIcon,
+  viewColumns: ColumnsIcon,
+  copy: CopyIcon,
+  checkDouble: ChecksIcon,
+  wrench: WrenchIcon,
+  stop: StopIcon,
+  microphone: MicrophoneIcon,
+  folder: FolderIcon,
+  file: FileIcon,
+  paperclip: PaperclipIcon,
+  download: DownloadSimpleIcon,
+  branch: GitBranchIcon
+};
+function Icon({ name, weight = "regular", ...props2 }) {
+  const IconComponent = iconRegistry[name];
+  return /* @__PURE__ */ jsx(IconComponent, { ...props2, weight });
+}
+
+// src/link.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kaIpWk: "x1aepk7r",
+    k1xSpc: "x3nfvp2",
+    kMv6JI: "x1l89lse",
+    kOIVth: "x3yxr07",
+    kI3sdo: "x1a2a7pz",
+    kIyJzY: "x1uff5cw",
+    k1ekBW: "x1cp1di3",
+    kAMwcw: "x1mv6ihr",
+    kZs9gx: "x1tdmnsb",
+    kiEn40: "x1y5at3w",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "xe0iu4d",
+    $$css: true
+  },
+  inline: {
+    kMwMTN: "xdiwnmq",
+    kMnn75: "xujl8zx",
+    kNySMw: "x1vo6cwg",
+    kcSHmL: "xg830sg",
+    kKhh5M: "x184fef6",
+    $$css: true
+  },
+  current: {
+    kMwMTN: "x15rks2t",
+    kMnn75: "xujl8zx",
+    kNySMw: "x1vo6cwg",
+    kcSHmL: "xg830sg",
+    kKhh5M: "x184fef6",
+    $$css: true
+  },
+  plain: {
+    kMwMTN: "xdiwnmq",
+    kMnn75: "xkrqix3",
+    kKhh5M: "x184fef6",
+    $$css: true
+  }
+};
+var LinkBase = forwardRef(function Link(t0, ref) {
+  const $ = _c(24);
+  let className;
+  let props2;
+  let render;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      render,
+      style,
+      variant: t1,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = render;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    render = $[3];
+    style = $[4];
+    t1 = $[5];
+    xstyle = $[6];
+  }
+  const variant = t1 === void 0 ? "inline" : t1;
+  let t2;
+  if ($[7] !== variant || $[8] !== xstyle) {
+    t2 = stylex.props(styles.root, styles[variant], xstyle);
+    $[7] = variant;
+    $[8] = xstyle;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const stylexProps = t2;
+  let t3;
+  if ($[10] !== className || $[11] !== stylexProps.className) {
+    t3 = [stylexProps.className, className].filter(Boolean);
+    $[10] = className;
+    $[11] = stylexProps.className;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const t4 = t3.join(" ");
+  let t5;
+  if ($[13] !== style || $[14] !== stylexProps.style) {
+    t5 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[13] = style;
+    $[14] = stylexProps.style;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== props2 || $[17] !== t4 || $[18] !== t5) {
+    t6 = {
+      ...props2,
+      className: t4,
+      style: t5
+    };
+    $[16] = props2;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  let t7;
+  if ($[20] !== ref || $[21] !== render || $[22] !== t6) {
+    t7 = {
+      defaultTagName: "a",
+      props: t6,
+      ref,
+      render
+    };
+    $[20] = ref;
+    $[21] = render;
+    $[22] = t6;
+    $[23] = t7;
+  } else {
+    t7 = $[23];
+  }
+  return useRender(t7);
+});
+function ExternalIcon(props2) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props2) {
+    t0 = /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "externalLink", size: "1em", ...props2 });
+    $[0] = props2;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+var Link2 = Object.assign(LinkBase, {
+  ExternalIcon
+});
+export {
+  Link2 as Link
+};
+//# sourceMappingURL=link.js.map

package/dist/link.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/link.tsx", "../src/Icon.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { forwardRef, type ComponentProps } from \"react\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, motionVars, sizeVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kaIpWk: \"x1aepk7r\",\n    k1xSpc: \"x3nfvp2\",\n    kMv6JI: \"x1l89lse\",\n    kOIVth: \"x3yxr07\",\n    kI3sdo: \"x1a2a7pz\",\n    kIyJzY: \"x1uff5cw\",\n    k1ekBW: \"x1cp1di3\",\n    kAMwcw: \"x1mv6ihr\",\n    kZs9gx: \"x1tdmnsb\",\n    kiEn40: \"x1y5at3w\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"xe0iu4d\",\n    $$css: true\n  },\n  inline: {\n    kMwMTN: \"xdiwnmq\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x1vo6cwg\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  current: {\n    kMwMTN: \"x15rks2t\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x1vo6cwg\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  plain: {\n    kMwMTN: \"xdiwnmq\",\n    kMnn75: \"xkrqix3\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  }\n};\nexport type LinkVariant = \"current\" | \"inline\" | \"plain\";\nexport type LinkProps = useRender.ComponentProps<\"a\"> & {\n  variant?: LinkVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nconst LinkBase = forwardRef<HTMLAnchorElement, LinkProps>(function Link(t0, ref) {\n  const $ = _c(24);\n  let className;\n  let props;\n  let render;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      render,\n      style,\n      variant: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = render;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    render = $[3];\n    style = $[4];\n    t1 = $[5];\n    xstyle = $[6];\n  }\n  const variant = t1 === undefined ? \"inline\" : t1;\n  let t2;\n  if ($[7] !== variant || $[8] !== xstyle) {\n    t2 = stylex.props(styles.root, styles[variant], xstyle);\n    $[7] = variant;\n    $[8] = xstyle;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[10] !== className || $[11] !== stylexProps.className) {\n    t3 = [stylexProps.className, className].filter(Boolean);\n    $[10] = className;\n    $[11] = stylexProps.className;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  const t4 = t3.join(\" \");\n  let t5;\n  if ($[13] !== style || $[14] !== stylexProps.style) {\n    t5 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[13] = style;\n    $[14] = stylexProps.style;\n    $[15] = t5;\n  } else {\n    t5 = $[15];\n  }\n  let t6;\n  if ($[16] !== props || $[17] !== t4 || $[18] !== t5) {\n    t6 = {\n      ...props,\n      className: t4,\n      style: t5\n    };\n    $[16] = props;\n    $[17] = t4;\n    $[18] = t5;\n    $[19] = t6;\n  } else {\n    t6 = $[19];\n  }\n  let t7;\n  if ($[20] !== ref || $[21] !== render || $[22] !== t6) {\n    t7 = {\n      defaultTagName: \"a\",\n      props: t6,\n      ref,\n      render\n    };\n    $[20] = ref;\n    $[21] = render;\n    $[22] = t6;\n    $[23] = t7;\n  } else {\n    t7 = $[23];\n  }\n  return useRender(t7);\n});\nfunction ExternalIcon(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <Icon aria-hidden=\"true\" name=\"externalLink\" size=\"1em\" {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}\nexport const Link = Object.assign(LinkBase, {\n  ExternalIcon\n});", "import type { Icon as PhosphorIcon, IconProps as PhosphorIconProps } from \"@phosphor-icons/react\";\nimport {\n  ArrowDownIcon,\n  ArrowSquareOutIcon,\n  ArrowsDownUpIcon,\n  ArrowUpIcon,\n  CalendarIcon,\n  CaretDoubleLeftIcon,\n  CaretDoubleRightIcon,\n  CaretDownIcon,\n  CaretLeftIcon,\n  CaretRightIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n  CheckCircleIcon,\n  CheckIcon,\n  ChecksIcon,\n  ClockIcon,\n  ColumnsIcon,\n  CopyIcon,\n  DotsThreeIcon,\n  EyeSlashIcon,\n  FileIcon,\n  FolderIcon,\n  FunnelIcon,\n  GitBranchIcon,\n  InfoIcon,\n  ListIcon,\n  MagnifyingGlassIcon,\n  MicrophoneIcon,\n  PaperclipIcon,\n  DownloadSimpleIcon,\n  StopIcon,\n  WarningIcon,\n  WrenchIcon,\n  XCircleIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\n\nexport const iconRegistry = {\n  close: XIcon,\n  chevronDown: CaretDownIcon,\n  chevronLeft: CaretLeftIcon,\n  chevronRight: CaretRightIcon,\n  chevronUp: CaretUpIcon,\n  chevronsLeft: CaretDoubleLeftIcon,\n  chevronsRight: CaretDoubleRightIcon,\n  caretUpDown: CaretUpDownIcon,\n  check: CheckIcon,\n  success: CheckCircleIcon,\n  error: XCircleIcon,\n  warning: WarningIcon,\n  info: InfoIcon,\n  calendar: CalendarIcon,\n  clock: ClockIcon,\n  externalLink: ArrowSquareOutIcon,\n  menu: ListIcon,\n  moreHorizontal: DotsThreeIcon,\n  search: MagnifyingGlassIcon,\n  arrowUp: ArrowUpIcon,\n  arrowDown: ArrowDownIcon,\n  arrowsUpDown: ArrowsDownUpIcon,\n  funnel: FunnelIcon,\n  eyeSlash: EyeSlashIcon,\n  viewColumns: ColumnsIcon,\n  copy: CopyIcon,\n  checkDouble: ChecksIcon,\n  wrench: WrenchIcon,\n  stop: StopIcon,\n  microphone: MicrophoneIcon,\n  folder: FolderIcon,\n  file: FileIcon,\n  paperclip: PaperclipIcon,\n  download: DownloadSimpleIcon,\n  branch: GitBranchIcon,\n} satisfies Record<string, PhosphorIcon>;\n\nexport type IconName = keyof typeof iconRegistry;\n\nexport type IconProps = PhosphorIconProps & {\n  name: IconName;\n};\n\nexport function Icon({ name, weight = \"regular\", ...props }: IconProps) {\n  const IconComponent = iconRegistry[name];\n\n  return <IconComponent {...props} weight={weight} />;\n}\n"],
+  "mappings": "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",
+  "names": ["props", "jsx", "props", "Link"]
+}

package/dist/marker.d.ts

@@ -0,0 +1,9 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type MarkerProps = 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, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export declare function MarkerContent({ className, style, ...props }: ComponentProps<"span">): import("react").JSX.Element;