@nuee/ui 0.3.2 → 0.4.0

package/dist/field.js

@@ -2,19 +2,6 @@
 import { c as _c } from "react/compiler-runtime";
 import { Field as FieldPrimitive } from "@base-ui/react/field";
 import * as stylex 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/field.tsx
 import { jsx } from "react/jsx-runtime";
 var styles = {
   root: {
@@ -96,529 +83,329 @@ var styles = {
     $$css: true
   }
 };
-function mergeClassName(generatedClassName, className) {
-  if (typeof className === "function") {
-    return (state) => [generatedClassName, className(state)].filter(Boolean).join(" ");
-  }
-  return [generatedClassName, className].filter(Boolean).join(" ");
-}
 function Field(t0) {
-  const $ = _c(24);
-  let className;
+  const $ = _c(11);
   let props2;
-  let style;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
       orientation: t1,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = t1;
-    $[5] = xstyle;
+    $[1] = props2;
+    $[2] = t1;
+    $[3] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    t1 = $[4];
-    xstyle = $[5];
+    props2 = $[1];
+    t1 = $[2];
+    xstyle = $[3];
   }
   const orientation = t1 === void 0 ? "vertical" : t1;
-  let T0;
-  let stylexProps;
   let t2;
+  if ($[4] !== orientation || $[5] !== xstyle) {
+    t2 = stylex.props(styles.root, styles[orientation], xstyle);
+    $[4] = orientation;
+    $[5] = xstyle;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const stylexProps = t2;
   let t3;
-  let t4;
-  if ($[6] !== className || $[7] !== orientation || $[8] !== props2 || $[9] !== xstyle) {
-    stylexProps = stylex.props(styles.root, styles[orientation], xstyle);
-    T0 = FieldPrimitive.Root;
-    t2 = props2;
-    t3 = orientation;
-    t4 = mergeClassName(stylexProps.className, className);
-    $[6] = className;
+  if ($[7] !== orientation || $[8] !== props2 || $[9] !== stylexProps) {
+    t3 = /* @__PURE__ */ jsx(FieldPrimitive.Root, { ...props2, "data-orientation": orientation, ...stylexProps });
     $[7] = orientation;
     $[8] = props2;
-    $[9] = xstyle;
-    $[10] = T0;
-    $[11] = stylexProps;
-    $[12] = t2;
-    $[13] = t3;
-    $[14] = t4;
-  } else {
-    T0 = $[10];
-    stylexProps = $[11];
-    t2 = $[12];
-    t3 = $[13];
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== style || $[16] !== stylexProps.style) {
-    t5 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[15] = style;
-    $[16] = stylexProps.style;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  let t6;
-  if ($[18] !== T0 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5) {
-    t6 = /* @__PURE__ */ jsx(T0, { ...t2, "data-orientation": t3, className: t4, style: t5 });
-    $[18] = T0;
-    $[19] = t2;
-    $[20] = t3;
-    $[21] = t4;
-    $[22] = t5;
-    $[23] = t6;
+    $[9] = stylexProps;
+    $[10] = t3;
   } else {
-    t6 = $[23];
+    t3 = $[10];
   }
-  return t6;
+  return t3;
 }
 function FieldLabel(t0) {
-  const $ = _c(20);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
-  let T0;
-  let stylexProps;
   let t1;
-  let t2;
-  if ($[5] !== className || $[6] !== props2 || $[7] !== xstyle) {
-    stylexProps = stylex.props(styles.label, xstyle);
-    T0 = FieldPrimitive.Label;
-    t1 = props2;
-    t2 = mergeClassName(stylexProps.className, className);
-    $[5] = className;
-    $[6] = props2;
-    $[7] = xstyle;
-    $[8] = T0;
-    $[9] = stylexProps;
-    $[10] = t1;
-    $[11] = t2;
-  } else {
-    T0 = $[8];
-    stylexProps = $[9];
-    t1 = $[10];
-    t2 = $[11];
-  }
-  let t3;
-  if ($[12] !== style || $[13] !== stylexProps.style) {
-    t3 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[12] = style;
-    $[13] = stylexProps.style;
-    $[14] = t3;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.label, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t3 = $[14];
+    t1 = $[4];
   }
-  let t4;
-  if ($[15] !== T0 || $[16] !== t1 || $[17] !== t2 || $[18] !== t3) {
-    t4 = /* @__PURE__ */ jsx(T0, { ...t1, className: t2, style: t3 });
-    $[15] = T0;
-    $[16] = t1;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t4;
+  const stylexProps = t1;
+  let t2;
+  if ($[5] !== props2 || $[6] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx(FieldPrimitive.Label, { ...props2, ...stylexProps });
+    $[5] = props2;
+    $[6] = stylexProps;
+    $[7] = t2;
   } else {
-    t4 = $[19];
+    t2 = $[7];
   }
-  return t4;
+  return t2;
 }
 function FieldDescription(t0) {
-  const $ = _c(20);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
-  let T0;
-  let stylexProps;
   let t1;
-  let t2;
-  if ($[5] !== className || $[6] !== props2 || $[7] !== xstyle) {
-    stylexProps = stylex.props(styles.description, xstyle);
-    T0 = FieldPrimitive.Description;
-    t1 = props2;
-    t2 = mergeClassName(stylexProps.className, className);
-    $[5] = className;
-    $[6] = props2;
-    $[7] = xstyle;
-    $[8] = T0;
-    $[9] = stylexProps;
-    $[10] = t1;
-    $[11] = t2;
-  } else {
-    T0 = $[8];
-    stylexProps = $[9];
-    t1 = $[10];
-    t2 = $[11];
-  }
-  let t3;
-  if ($[12] !== style || $[13] !== stylexProps.style) {
-    t3 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[12] = style;
-    $[13] = stylexProps.style;
-    $[14] = t3;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.description, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t3 = $[14];
+    t1 = $[4];
   }
-  let t4;
-  if ($[15] !== T0 || $[16] !== t1 || $[17] !== t2 || $[18] !== t3) {
-    t4 = /* @__PURE__ */ jsx(T0, { ...t1, className: t2, style: t3 });
-    $[15] = T0;
-    $[16] = t1;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t4;
+  const stylexProps = t1;
+  let t2;
+  if ($[5] !== props2 || $[6] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx(FieldPrimitive.Description, { ...props2, ...stylexProps });
+    $[5] = props2;
+    $[6] = stylexProps;
+    $[7] = t2;
   } else {
-    t4 = $[19];
+    t2 = $[7];
   }
-  return t4;
+  return t2;
 }
 function FieldError(t0) {
-  const $ = _c(20);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
-  let T0;
-  let stylexProps;
   let t1;
-  let t2;
-  if ($[5] !== className || $[6] !== props2 || $[7] !== xstyle) {
-    stylexProps = stylex.props(styles.error, xstyle);
-    T0 = FieldPrimitive.Error;
-    t1 = props2;
-    t2 = mergeClassName(stylexProps.className, className);
-    $[5] = className;
-    $[6] = props2;
-    $[7] = xstyle;
-    $[8] = T0;
-    $[9] = stylexProps;
-    $[10] = t1;
-    $[11] = t2;
-  } else {
-    T0 = $[8];
-    stylexProps = $[9];
-    t1 = $[10];
-    t2 = $[11];
-  }
-  let t3;
-  if ($[12] !== style || $[13] !== stylexProps.style) {
-    t3 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[12] = style;
-    $[13] = stylexProps.style;
-    $[14] = t3;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.error, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t3 = $[14];
+    t1 = $[4];
   }
-  let t4;
-  if ($[15] !== T0 || $[16] !== t1 || $[17] !== t2 || $[18] !== t3) {
-    t4 = /* @__PURE__ */ jsx(T0, { ...t1, className: t2, style: t3 });
-    $[15] = T0;
-    $[16] = t1;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t4;
+  const stylexProps = t1;
+  let t2;
+  if ($[5] !== props2 || $[6] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx(FieldPrimitive.Error, { ...props2, ...stylexProps });
+    $[5] = props2;
+    $[6] = stylexProps;
+    $[7] = t2;
   } else {
-    t4 = $[19];
+    t2 = $[7];
   }
-  return t4;
+  return t2;
 }
 function FieldSet(t0) {
-  const $ = _c(12);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = getNativeStyleProps(stylex.props(styles.set, xstyle), className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = xstyle;
-    $[8] = t1;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.set, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[4];
   }
   let t2;
-  if ($[9] !== props2 || $[10] !== t1) {
+  if ($[5] !== props2 || $[6] !== t1) {
     t2 = /* @__PURE__ */ jsx("fieldset", { ...props2, ...t1 });
-    $[9] = props2;
-    $[10] = t1;
-    $[11] = t2;
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[7];
   }
   return t2;
 }
 function FieldLegend(t0) {
-  const $ = _c(12);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = getNativeStyleProps(stylex.props(styles.legend, xstyle), className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = xstyle;
-    $[8] = t1;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.legend, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[4];
   }
   let t2;
-  if ($[9] !== props2 || $[10] !== t1) {
+  if ($[5] !== props2 || $[6] !== t1) {
     t2 = /* @__PURE__ */ jsx("legend", { ...props2, ...t1 });
-    $[9] = props2;
-    $[10] = t1;
-    $[11] = t2;
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[7];
   }
   return t2;
 }
 function FieldGroup(t0) {
-  const $ = _c(12);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = getNativeStyleProps(stylex.props(styles.group, xstyle), className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = xstyle;
-    $[8] = t1;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.group, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[4];
   }
   let t2;
-  if ($[9] !== props2 || $[10] !== t1) {
+  if ($[5] !== props2 || $[6] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
-    $[9] = props2;
-    $[10] = t1;
-    $[11] = t2;
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[7];
   }
   return t2;
 }
 function FieldContent(t0) {
-  const $ = _c(12);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = getNativeStyleProps(stylex.props(styles.content, xstyle), className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = xstyle;
-    $[8] = t1;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.content, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[4];
   }
   let t2;
-  if ($[9] !== props2 || $[10] !== t1) {
+  if ($[5] !== props2 || $[6] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
-    $[9] = props2;
-    $[10] = t1;
-    $[11] = t2;
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[7];
   }
   return t2;
 }
 function FieldTitle(t0) {
-  const $ = _c(12);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
-    t1 = getNativeStyleProps(stylex.props(styles.title, xstyle), className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = xstyle;
-    $[8] = t1;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.title, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[4];
   }
   let t2;
-  if ($[9] !== props2 || $[10] !== t1) {
+  if ($[5] !== props2 || $[6] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
-    $[9] = props2;
-    $[10] = t1;
-    $[11] = t2;
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[7];
   }
   return t2;
 }