@nuee/ui 0.3.0 → 0.4.0

package/dist/drawer.js

@@ -3,19 +3,6 @@ import { c as _c } from "react/compiler-runtime";
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
 import * as stylex from "@stylexjs/stylex";
 import { createContext, useContext } from "react";
-
-// src/stylex-props.ts
-function getNativeStyleProps(stylexProps, className, style) {
-  return {
-    className: [stylexProps.className, className].filter(Boolean).join(" "),
-    style: {
-      ...stylexProps.style,
-      ...style
-    }
-  };
-}
-
-// src/drawer.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = {
   overlay: {
@@ -244,116 +231,89 @@ var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerClose = DrawerPrimitive.Close;
 var DrawerPortal = DrawerPrimitive.Portal;
 function DrawerOverlay(t0) {
-  const $ = _c(15);
-  let className;
+  const $ = _c(10);
   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] !== xstyle) {
-    t1 = (state) => {
+  let t2;
+  if ($[3] !== xstyle) {
+    t1 = () => {
       const stylexProps = stylex.props(styles.overlay, xstyle);
-      return [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
+      return stylexProps.className;
     };
-    $[5] = className;
-    $[6] = xstyle;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
-  }
-  let t2;
-  if ($[8] !== style || $[9] !== xstyle) {
-    t2 = (state_0) => {
+    t2 = () => {
       const stylexProps_0 = stylex.props(styles.overlay, xstyle);
-      return {
-        ...stylexProps_0.style,
-        ...typeof style === "function" ? style(state_0) : style
-      };
+      return stylexProps_0.style;
     };
-    $[8] = style;
-    $[9] = xstyle;
-    $[10] = t2;
+    $[3] = xstyle;
+    $[4] = t1;
+    $[5] = t2;
   } else {
-    t2 = $[10];
+    t1 = $[4];
+    t2 = $[5];
   }
   let t3;
-  if ($[11] !== props2 || $[12] !== t1 || $[13] !== t2) {
+  if ($[6] !== props2 || $[7] !== t1 || $[8] !== t2) {
     t3 = /* @__PURE__ */ jsx(DrawerPrimitive.Backdrop, { ...props2, "data-slot": "drawer-overlay", className: t1, style: t2 });
-    $[11] = props2;
-    $[12] = t1;
-    $[13] = t2;
-    $[14] = t3;
+    $[6] = props2;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[9];
   }
   return t3;
 }
 function DrawerSwipeHandle(t0) {
-  const $ = _c(14);
-  let className;
+  const $ = _c(10);
   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];
   }
   const {
     swipeDirection
   } = useContext(DrawerContext);
   const isHorizontal = swipeDirection === "left" || swipeDirection === "right";
   let t1;
-  if ($[5] !== className || $[6] !== isHorizontal || $[7] !== style || $[8] !== swipeDirection || $[9] !== xstyle) {
-    t1 = getNativeStyleProps(stylex.props(styles.swipeHandle, isHorizontal && styles.horizontalSwipeHandle, swipeDirection === "up" && styles.upSwipeHandle, swipeDirection === "left" && styles.leftSwipeHandle, swipeDirection === "right" && styles.rightSwipeHandle, xstyle), className, style);
-    $[5] = className;
-    $[6] = isHorizontal;
-    $[7] = style;
-    $[8] = swipeDirection;
-    $[9] = xstyle;
-    $[10] = t1;
+  if ($[3] !== isHorizontal || $[4] !== swipeDirection || $[5] !== xstyle) {
+    t1 = stylex.props(styles.swipeHandle, isHorizontal && styles.horizontalSwipeHandle, swipeDirection === "up" && styles.upSwipeHandle, swipeDirection === "left" && styles.leftSwipeHandle, swipeDirection === "right" && styles.rightSwipeHandle, xstyle);
+    $[3] = isHorizontal;
+    $[4] = swipeDirection;
+    $[5] = xstyle;
+    $[6] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[6];
   }
   let t2;
-  if ($[11] !== props2 || $[12] !== t1) {
+  if ($[7] !== props2 || $[8] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { "aria-hidden": "true", "data-slot": "drawer-swipe-handle", ...props2, ...t1 });
-    $[11] = props2;
-    $[12] = t1;
-    $[13] = t2;
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
   } else {
-    t2 = $[13];
+    t2 = $[9];
   }
   return t2;
 }
@@ -370,32 +330,24 @@ function getDrawerPopupStylexProps(swipeDirection, xstyle) {
   return stylex.props(styles.popup, styles.verticalPopup, styles.downPopup, xstyle);
 }
 function DrawerContent(t0) {
-  const $ = _c(31);
+  const $ = _c(25);
   let children;
-  let className;
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
       children,
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = className;
-    $[3] = props2;
-    $[4] = style;
-    $[5] = xstyle;
+    $[2] = props2;
+    $[3] = xstyle;
   } else {
     children = $[1];
-    className = $[2];
-    props2 = $[3];
-    style = $[4];
-    xstyle = $[5];
+    props2 = $[2];
+    xstyle = $[3];
   }
   const {
     overlay,
@@ -403,319 +355,253 @@ function DrawerContent(t0) {
     swipeDirection
   } = useContext(DrawerContext);
   let t1;
-  if ($[6] !== overlay) {
+  if ($[4] !== overlay) {
     t1 = overlay === "none" ? null : /* @__PURE__ */ jsx(DrawerOverlay, { xstyle: overlay === "transparent" ? styles.overlayTransparent : void 0 });
-    $[6] = overlay;
-    $[7] = t1;
+    $[4] = overlay;
+    $[5] = t1;
   } else {
-    t1 = $[7];
+    t1 = $[5];
   }
   let t2;
-  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = {
       className: "x10a8y8t xixxii4 xfa8aoj"
     };
-    $[8] = t2;
+    $[6] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[6];
   }
   let t3;
-  if ($[9] !== className || $[10] !== swipeDirection || $[11] !== xstyle) {
-    t3 = (state) => {
+  let t4;
+  if ($[7] !== swipeDirection || $[8] !== xstyle) {
+    t3 = () => {
       const stylexProps = getDrawerPopupStylexProps(swipeDirection, xstyle);
-      return [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
+      return stylexProps.className;
     };
-    $[9] = className;
-    $[10] = swipeDirection;
-    $[11] = xstyle;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  let t4;
-  if ($[13] !== style || $[14] !== swipeDirection || $[15] !== xstyle) {
-    t4 = (state_0) => {
+    t4 = () => {
       const stylexProps_0 = getDrawerPopupStylexProps(swipeDirection, xstyle);
-      return {
-        ...stylexProps_0.style,
-        ...typeof style === "function" ? style(state_0) : style
-      };
+      return stylexProps_0.style;
     };
-    $[13] = style;
-    $[14] = swipeDirection;
-    $[15] = xstyle;
-    $[16] = t4;
+    $[7] = swipeDirection;
+    $[8] = xstyle;
+    $[9] = t3;
+    $[10] = t4;
   } else {
-    t4 = $[16];
+    t3 = $[9];
+    t4 = $[10];
   }
   let t5;
-  if ($[17] !== showSwipeHandle) {
+  if ($[11] !== showSwipeHandle) {
     t5 = showSwipeHandle ? /* @__PURE__ */ jsx(DrawerSwipeHandle, {}) : null;
-    $[17] = showSwipeHandle;
-    $[18] = t5;
+    $[11] = showSwipeHandle;
+    $[12] = t5;
   } else {
-    t5 = $[18];
+    t5 = $[12];
   }
   let t6;
-  if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = {
       className: "x78zum5 x98rzlu xdt5ytf x2lwn1j"
     };
-    $[19] = t6;
+    $[13] = t6;
   } else {
-    t6 = $[19];
+    t6 = $[13];
   }
   let t7;
-  if ($[20] !== children) {
+  if ($[14] !== children) {
     t7 = /* @__PURE__ */ jsx(DrawerPrimitive.Content, { ...t6, children });
-    $[20] = children;
-    $[21] = t7;
+    $[14] = children;
+    $[15] = t7;
   } else {
-    t7 = $[21];
+    t7 = $[15];
   }
   let t8;
-  if ($[22] !== props2 || $[23] !== t3 || $[24] !== t4 || $[25] !== t5 || $[26] !== t7) {
+  if ($[16] !== props2 || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t7) {
     t8 = /* @__PURE__ */ jsx(DrawerPrimitive.Viewport, { ...t2, children: /* @__PURE__ */ jsxs(DrawerPrimitive.Popup, { ...props2, "data-slot": "drawer-popup", className: t3, style: t4, children: [
       t5,
       t7
     ] }) });
-    $[22] = props2;
-    $[23] = t3;
-    $[24] = t4;
-    $[25] = t5;
-    $[26] = t7;
-    $[27] = t8;
+    $[16] = props2;
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
+    $[20] = t7;
+    $[21] = t8;
   } else {
-    t8 = $[27];
+    t8 = $[21];
   }
   let t9;
-  if ($[28] !== t1 || $[29] !== t8) {
+  if ($[22] !== t1 || $[23] !== t8) {
     t9 = /* @__PURE__ */ jsxs(DrawerPortal, { children: [
       t1,
       t8
     ] });
-    $[28] = t1;
-    $[29] = t8;
-    $[30] = t9;
+    $[22] = t1;
+    $[23] = t8;
+    $[24] = t9;
   } else {
-    t9 = $[30];
+    t9 = $[24];
   }
   return t9;
 }
 function DrawerHeader(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.header, xstyle), className, style);
-    $[5] = className;
-    $[6] = style;
-    $[7] = xstyle;
-    $[8] = t1;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.header, 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 DrawerFooter(t0) {
-  const $ = _c(13);
-  let className;
+  const $ = _c(9);
   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];
   }
   const {
     swipeDirection
   } = useContext(DrawerContext);
   const isSideDrawer = swipeDirection === "left" || swipeDirection === "right";
   let t1;
-  if ($[5] !== className || $[6] !== isSideDrawer || $[7] !== style || $[8] !== xstyle) {
-    t1 = getNativeStyleProps(stylex.props(styles.footer, isSideDrawer && styles.sideFooter, xstyle), className, style);
-    $[5] = className;
-    $[6] = isSideDrawer;
-    $[7] = style;
-    $[8] = xstyle;
-    $[9] = t1;
+  if ($[3] !== isSideDrawer || $[4] !== xstyle) {
+    t1 = stylex.props(styles.footer, isSideDrawer && styles.sideFooter, xstyle);
+    $[3] = isSideDrawer;
+    $[4] = xstyle;
+    $[5] = t1;
   } else {
-    t1 = $[9];
+    t1 = $[5];
   }
   let t2;
-  if ($[10] !== props2 || $[11] !== t1) {
+  if ($[6] !== props2 || $[7] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
-    $[10] = props2;
-    $[11] = t1;
-    $[12] = t2;
+    $[6] = props2;
+    $[7] = t1;
+    $[8] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[8];
   }
   return t2;
 }
 function DrawerTitle(t0) {
-  const $ = _c(13);
-  let className;
+  const $ = _c(7);
   let props2;
-  let style;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
+    $[1] = props2;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
+    props2 = $[1];
   }
   let t1;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = {
       className: "x1alews2 x1owaoya xq1ytqg x1hfsx4t x1ghz6dp"
     };
-    $[4] = t1;
+    $[2] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[2];
   }
   const stylexProps = t1;
   let t2;
-  if ($[5] !== className) {
-    t2 = (state) => [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
-    $[5] = className;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
   let t3;
-  if ($[7] !== style) {
-    t3 = (state_0) => ({
-      ...stylexProps.style,
-      ...typeof style === "function" ? style(state_0) : style
-    });
-    $[7] = style;
-    $[8] = t3;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => stylexProps.className;
+    t3 = () => stylexProps.style;
+    $[3] = t2;
+    $[4] = t3;
   } else {
-    t3 = $[8];
+    t2 = $[3];
+    t3 = $[4];
   }
   let t4;
-  if ($[9] !== props2 || $[10] !== t2 || $[11] !== t3) {
+  if ($[5] !== props2) {
     t4 = /* @__PURE__ */ jsx(DrawerPrimitive.Title, { ...props2, className: t2, style: t3 });
-    $[9] = props2;
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
+    $[5] = props2;
+    $[6] = t4;
   } else {
-    t4 = $[12];
+    t4 = $[6];
   }
   return t4;
 }
 function DrawerDescription(t0) {
-  const $ = _c(13);
-  let className;
+  const $ = _c(7);
   let props2;
-  let style;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
+    $[1] = props2;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
+    props2 = $[1];
   }
   let t1;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = {
       className: "x1ry1pnm x99mhxu xi1fz51 x1ghz6dp"
     };
-    $[4] = t1;
+    $[2] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[2];
   }
   const stylexProps = t1;
   let t2;
-  if ($[5] !== className) {
-    t2 = (state) => [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
-    $[5] = className;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
   let t3;
-  if ($[7] !== style) {
-    t3 = (state_0) => ({
-      ...stylexProps.style,
-      ...typeof style === "function" ? style(state_0) : style
-    });
-    $[7] = style;
-    $[8] = t3;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => stylexProps.className;
+    t3 = () => stylexProps.style;
+    $[3] = t2;
+    $[4] = t3;
   } else {
-    t3 = $[8];
+    t2 = $[3];
+    t3 = $[4];
   }
   let t4;
-  if ($[9] !== props2 || $[10] !== t2 || $[11] !== t3) {
+  if ($[5] !== props2) {
     t4 = /* @__PURE__ */ jsx(DrawerPrimitive.Description, { ...props2, className: t2, style: t3 });
-    $[9] = props2;
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
+    $[5] = props2;
+    $[6] = t4;
   } else {
-    t4 = $[12];
+    t4 = $[6];
   }
   return t4;
 }