@nooeh/ui 0.1.0

package/dist/attachment.js

@@ -0,0 +1,790 @@
+// src/attachment.tsx
+import { c as _c2 } from "react/compiler-runtime";
+import * as stylex2 from "@stylexjs/stylex";
+
+// src/stylex-props.ts
+function getNativeStyleProps(stylexProps, className, style) {
+  return {
+    className: [stylexProps.className, className].filter(Boolean).join(" "),
+    style: {
+      ...stylexProps.style,
+      ...style
+    }
+  };
+}
+
+// src/button.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kysU6D: "xjyslct",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "xkrk5hw",
+    k63SB2: "x12lpnxt",
+    kOIVth: "xor4qq5",
+    kHBbk8: "xc8icb0",
+    kjj79g: "xl56j7k",
+    kLWn49: "x7f5rko",
+    kI3sdo: "x1a2a7pz",
+    kVQacm: "xb3r6kr",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "x1uff5cw",
+    k1ekBW: "x1qsmvhx",
+    kAMwcw: "x1mv6ihr",
+    kfSwDN: "x87ps6o",
+    khDVqt: "xuxw1ft",
+    kZs9gx: "x1tdmnsb",
+    kiEn40: "xe0szup",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "xe0iu4d",
+    kYPGJ8: "x1s07b3s",
+    kLkRvE: "x1huvc7q",
+    kgeoSG: "x1cpjm7i",
+    kFcpXp: "xxx281p",
+    km8f2m: "xkk1bqk",
+    kEoFBp: "x1hmns74",
+    kxmVGU: "x2hztxu",
+    $$css: true
+  },
+  solidInteraction: {
+    kLkRvE: "x1huvc7q xe1vvi1 x1h1rtsr",
+    $$css: true
+  },
+  surfaceInteraction: {
+    kLkRvE: "x1huvc7q x1tv8xzy x13ywbnz",
+    $$css: true
+  },
+  content: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x3nfvp2",
+    kOIVth: "xor4qq5",
+    kVAEAm: "x1n2onr6",
+    kY2c9j: "x1vjfegm",
+    $$css: true
+  },
+  primary: {
+    kWkggS: "x1daa10s",
+    kVAM5u: "xfln9ii",
+    kMwMTN: "xa9qbaf",
+    $$css: true
+  },
+  secondary: {
+    kWkggS: "x11m93s7",
+    kVAM5u: "x1bl4cbq",
+    kMwMTN: "x122omjn",
+    $$css: true
+  },
+  ghost: {
+    kWkggS: "x6yzn1n",
+    kVAM5u: "x1txbts0",
+    kMwMTN: "x122omjn",
+    $$css: true
+  },
+  destructive: {
+    kWkggS: "x1dlgrcs",
+    kVAM5u: "x17m395y",
+    kMwMTN: "x14ce1vv",
+    $$css: true
+  },
+  disabled: {
+    kWkggS: "xrzcjx",
+    kVAM5u: "x1bl4cbq",
+    kMwMTN: "x4q6dxh",
+    $$css: true
+  },
+  disabledGhost: {
+    kWkggS: "x6yzn1n",
+    kVAM5u: "x1txbts0",
+    $$css: true
+  },
+  disabledInteraction: {
+    kLkRvE: "x1huvc7q",
+    $$css: true
+  },
+  sm: {
+    kaIpWk: "x1fzuljc",
+    kZKoxP: "xf8e5s9",
+    kg3NbH: "xk1318k",
+    $$css: true
+  },
+  md: {
+    kaIpWk: "x1fzuljc",
+    kZKoxP: "xqg51pm",
+    kg3NbH: "x1bx8ds0",
+    $$css: true
+  },
+  lg: {
+    kaIpWk: "x1fzuljc",
+    kZKoxP: "xoprh6g",
+    kg3NbH: "x110956",
+    $$css: true
+  }
+};
+function Button(t0) {
+  const $ = _c(30);
+  let children;
+  let className;
+  let disabled;
+  let props3;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      disabled,
+      size: t1,
+      style,
+      variant: t2,
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = disabled;
+    $[4] = props3;
+    $[5] = style;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    disabled = $[3];
+    props3 = $[4];
+    style = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    xstyle = $[8];
+  }
+  const size = t1 === void 0 ? "md" : t1;
+  const variant = t2 === void 0 ? "primary" : t2;
+  const isDisabled = Boolean(disabled);
+  const hasSolidBackground = variant === "primary" || variant === "destructive";
+  let t3;
+  if ($[9] !== hasSolidBackground || $[10] !== isDisabled || $[11] !== size || $[12] !== variant || $[13] !== xstyle) {
+    t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === "ghost" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);
+    $[9] = hasSolidBackground;
+    $[10] = isDisabled;
+    $[11] = size;
+    $[12] = variant;
+    $[13] = xstyle;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  const stylexProps = t3;
+  let t4;
+  if ($[15] !== className || $[16] !== stylexProps.className) {
+    t4 = [stylexProps.className, className].filter(Boolean);
+    $[15] = className;
+    $[16] = stylexProps.className;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  const mergedClassName = t4.join(" ");
+  let t5;
+  if ($[18] !== style || $[19] !== stylexProps.style) {
+    t5 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[18] = style;
+    $[19] = stylexProps.style;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  let t6;
+  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
+      className: "x6s0dn4 x3nfvp2 xor4qq5 x1n2onr6 x1vjfegm"
+    };
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== children) {
+    t7 = /* @__PURE__ */ jsx("span", { ...t6, children });
+    $[22] = children;
+    $[23] = t7;
+  } else {
+    t7 = $[23];
+  }
+  let t8;
+  if ($[24] !== disabled || $[25] !== mergedClassName || $[26] !== props3 || $[27] !== t5 || $[28] !== t7) {
+    t8 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props3, className: mergedClassName, disabled, style: t5, children: t7 });
+    $[24] = disabled;
+    $[25] = mergedClassName;
+    $[26] = props3;
+    $[27] = t5;
+    $[28] = t7;
+    $[29] = t8;
+  } else {
+    t8 = $[29];
+  }
+  return t8;
+}
+
+// src/attachment.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var styles2 = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "x11m93s7",
+    kVAM5u: "x1bl4cbq",
+    kaIpWk: "x1fzuljc",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kMwMTN: "x122omjn",
+    k1xSpc: "x78zum5",
+    k7Eaqz: "xeuugli",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "x1uff5cw",
+    k1ekBW: "xts7igz",
+    kAMwcw: "x1mv6ihr",
+    $$css: true
+  },
+  horizontal: {
+    kXwgrk: "x1q0g3np",
+    $$css: true
+  },
+  vertical: {
+    kGNEyG: "x1qjc9v5",
+    kXwgrk: "xdt5ytf",
+    $$css: true
+  },
+  sizeDefault: {
+    kOIVth: "xwxoyq7",
+    kAzted: "x17qorbb",
+    kmVPX3: "x1acvmkm",
+    $$css: true
+  },
+  sm: {
+    kOIVth: "xor4qq5",
+    kAzted: "xssxnvu",
+    kmVPX3: "x1omlz4d",
+    $$css: true
+  },
+  xs: {
+    kOIVth: "xor4qq5",
+    kAzted: "x9pjwej",
+    kmVPX3: "xx9954l",
+    $$css: true
+  },
+  error: {
+    kWkggS: "xghcb7d",
+    kVAM5u: "xkkr56c",
+    $$css: true
+  },
+  media: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kmuXW: "x2lah0s",
+    kjj79g: "xl56j7k",
+    kVQacm: "xb3r6kr",
+    $$css: true
+  },
+  mediaicon: {
+    kWkggS: "x1w962hd",
+    kaIpWk: "x1fzuljc",
+    kMwMTN: "x1f8jq9g",
+    kZKoxP: "xoprh6g",
+    kzqmXN: "xw7x1kk",
+    $$css: true
+  },
+  mediaimage: {
+    kaIpWk: "x1fzuljc",
+    kZKoxP: "x1pizb70",
+    kVIFPx: "xl1xv1r",
+    kzqmXN: "x188tqju",
+    $$css: true
+  },
+  content: {
+    k1xSpc: "x78zum5",
+    kUk6DE: "x98rzlu",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xt71qdy",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  title: {
+    kGuDYH: "xkrk5hw",
+    k63SB2: "x12lpnxt",
+    kLWn49: "x7f5rko",
+    kVQacm: "xb3r6kr",
+    kg5iWk: "xlyipyv",
+    khDVqt: "xuxw1ft",
+    $$css: true
+  },
+  description: {
+    kMwMTN: "x1f8jq9g",
+    kGuDYH: "x1ypeaw5",
+    kLWn49: "x18qbr9o",
+    kogj98: "x1ghz6dp",
+    $$css: true
+  },
+  actions: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kmuXW: "x2lah0s",
+    kOIVth: "xt71qdy",
+    kVAEAm: "x1n2onr6",
+    kY2c9j: "xhtitgo",
+    $$css: true
+  },
+  action: {
+    k7Eaqz: "x192yv5l",
+    kg3NbH: "xtb6bti",
+    $$css: true
+  },
+  trigger: {
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kaIpWk: "x1pjcqnp",
+    kkrTdU: "x1ypdohk",
+    kpwlN0: "x10a8y8t",
+    kI3sdo: "x1a2a7pz xu3uydj",
+    kInvED: "x1wfwxd8 x7s97pk",
+    kVAEAm: "x10l6tqk",
+    kY2c9j: "x1vjfegm",
+    $$css: true
+  },
+  group: {
+    k1xSpc: "x78zum5",
+    kOIVth: "xwxoyq7",
+    kXHlph: "xw2csxc",
+    k8WAf4: "xc7bwuv",
+    kc424l: "x1di6z1p",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  }
+};
+function Attachment(t0) {
+  const $ = _c2(20);
+  let className;
+  let props3;
+  let style;
+  let t1;
+  let t2;
+  let t3;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      orientation: t1,
+      size: t2,
+      state: t3,
+      style,
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = xstyle;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    t3 = $[6];
+    xstyle = $[7];
+  }
+  const orientation = t1 === void 0 ? "horizontal" : t1;
+  const size = t2 === void 0 ? "default" : t2;
+  const state = t3 === void 0 ? "done" : t3;
+  let t4;
+  if ($[8] !== className || $[9] !== orientation || $[10] !== size || $[11] !== state || $[12] !== style || $[13] !== xstyle) {
+    t4 = getNativeStyleProps(stylex2.props(styles2.root, styles2[orientation], size === "default" ? styles2.sizeDefault : styles2[size], state === "error" && styles2.error, xstyle), className, style);
+    $[8] = className;
+    $[9] = orientation;
+    $[10] = size;
+    $[11] = state;
+    $[12] = style;
+    $[13] = xstyle;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== orientation || $[16] !== props3 || $[17] !== state || $[18] !== t4) {
+    t5 = /* @__PURE__ */ jsx2("div", { ...props3, "data-orientation": orientation, "data-state": state, ...t4 });
+    $[15] = orientation;
+    $[16] = props3;
+    $[17] = state;
+    $[18] = t4;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  return t5;
+}
+function AttachmentMedia(t0) {
+  const $ = _c2(12);
+  let className;
+  let props3;
+  let style;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      variant: t1,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+    $[4] = t1;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+    t1 = $[4];
+  }
+  const variant = t1 === void 0 ? "icon" : t1;
+  let t2;
+  if ($[5] !== className || $[6] !== style || $[7] !== variant) {
+    t2 = getNativeStyleProps(stylex2.props(styles2.media, styles2[`media${variant}`]), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = variant;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== props3 || $[10] !== t2) {
+    t3 = /* @__PURE__ */ jsx2("div", { ...props3, ...t2 });
+    $[9] = props3;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+}
+function AttachmentContent(t0) {
+  const $ = _c2(10);
+  let className;
+  let props3;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x78zum5 x98rzlu xdt5ytf xt71qdy xeuugli"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props3 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
+    $[7] = props3;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function AttachmentTitle(t0) {
+  const $ = _c2(10);
+  let className;
+  let props3;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "xkrk5hw x12lpnxt x7f5rko xb3r6kr xlyipyv xuxw1ft"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props3 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
+    $[7] = props3;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function AttachmentDescription(t0) {
+  const $ = _c2(10);
+  let className;
+  let props3;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x1f8jq9g x1ypeaw5 x18qbr9o x1ghz6dp"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props3 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("p", { ...props3, ...t1 });
+    $[7] = props3;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function AttachmentActions(t0) {
+  const $ = _c2(10);
+  let className;
+  let props3;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x6s0dn4 x78zum5 x2lah0s xt71qdy x1n2onr6 xhtitgo"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props3 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
+    $[7] = props3;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function AttachmentAction(t0) {
+  const $ = _c2(8);
+  let props3;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      xstyle,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = props3;
+    $[2] = xstyle;
+  } else {
+    props3 = $[1];
+    xstyle = $[2];
+  }
+  let t1;
+  if ($[3] !== xstyle) {
+    t1 = [styles2.action, xstyle];
+    $[3] = xstyle;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props3 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx2(Button, { ...props3, size: "sm", variant: "ghost", xstyle: t1 });
+    $[5] = props3;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function AttachmentTrigger(t0) {
+  const $ = _c2(12);
+  let className;
+  let props3;
+  let style;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      type: t1,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+    $[4] = t1;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+    t1 = $[4];
+  }
+  const type = t1 === void 0 ? "button" : t1;
+  let t2;
+  if ($[5] !== className || $[6] !== style) {
+    t2 = getNativeStyleProps({
+      className: "xjbqb8w xc342km x1pjcqnp x1ypdohk x10a8y8t x1a2a7pz xu3uydj x1wfwxd8 x7s97pk x10l6tqk x1vjfegm"
+    }, className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== props3 || $[9] !== t2 || $[10] !== type) {
+    t3 = /* @__PURE__ */ jsx2("button", { ...props3, type, ...t2 });
+    $[8] = props3;
+    $[9] = t2;
+    $[10] = type;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+}
+function AttachmentGroup(t0) {
+  const $ = _c2(10);
+  let className;
+  let props3;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props3
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props3;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props3 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x78zum5 xwxoyq7 xw2csxc xc7bwuv x1di6z1p xh8yej3"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props3 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("div", { ...props3, ...t1 });
+    $[7] = props3;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+export {
+  Attachment,
+  AttachmentAction,
+  AttachmentActions,
+  AttachmentContent,
+  AttachmentDescription,
+  AttachmentGroup,
+  AttachmentMedia,
+  AttachmentTitle,
+  AttachmentTrigger
+};
+//# sourceMappingURL=attachment.js.map