@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/date-picker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/date-picker.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { useState } from \"react\";\nimport { Calendar } from \"./calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\nconst styles = {\n  root: {\n    k1xSpc: \"x3nfvp2\",\n    k7Eaqz: \"x1jn9kf5\",\n    $$css: true\n  },\n  calendar: {\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  }\n};\nexport type DatePickerProps = {\n  defaultValue?: Date;\n  disabled?: boolean;\n  format?: (date: Date) => string;\n  onValueChange?: (date: Date | undefined) => void;\n  placeholder?: string;\n  value?: Date;\n  xstyle?: stylex.StyleXStyles;\n};\nfunction defaultFormat(date: Date) {\n  return new Intl.DateTimeFormat(undefined, {\n    dateStyle: \"medium\"\n  }).format(date);\n}\nexport function DatePicker(props) {\n  const $ = _c(25);\n  const {\n    defaultValue,\n    disabled,\n    format: t0,\n    onValueChange,\n    placeholder: t1,\n    value,\n    xstyle\n  } = props;\n  const format = t0 === undefined ? defaultFormat : t0;\n  const placeholder = t1 === undefined ? \"Pick a date\" : t1;\n  const [open, setOpen] = useState(false);\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  let t2;\n  if ($[0] !== props) {\n    t2 = Object.hasOwn(props, \"value\");\n    $[0] = props;\n    $[1] = t2;\n  } else {\n    t2 = $[1];\n  }\n  const isControlled = t2;\n  const selectedValue = isControlled ? value : uncontrolledValue;\n  let t3;\n  if ($[2] !== isControlled || $[3] !== onValueChange) {\n    t3 = function handleSelect(date) {\n      if (!isControlled) {\n        setUncontrolledValue(date);\n      }\n      onValueChange?.(date);\n      setOpen(false);\n    };\n    $[2] = isControlled;\n    $[3] = onValueChange;\n    $[4] = t3;\n  } else {\n    t3 = $[4];\n  }\n  const handleSelect = t3;\n  let t4;\n  if ($[5] !== xstyle) {\n    t4 = stylex.props(styles.root, xstyle);\n    $[5] = xstyle;\n    $[6] = t4;\n  } else {\n    t4 = $[6];\n  }\n  let t5;\n  if ($[7] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"x6s0dn4 xjyslct xcc0o6n x1kqtvf4 x1p5vitp x1y0btm7 x1al7nqq x1t28c4i x1ypdohk x3nfvp2 x1b1to7n x1lskvfa x6valzt x1f00wt4 x1a2a7pz x5044ve xdpxx8g xznvecg x1eaenvl xrkjf8i xh8yej3 xvk50z8 xafblzd x768paa x1p3hdyt x9v5kkp x1k4h2j2 xjbuoma xwaks2a x1vi5fzm x1s07b3s\"\n    };\n    $[7] = t5;\n  } else {\n    t5 = $[7];\n  }\n  let t6;\n  if ($[8] !== format || $[9] !== placeholder || $[10] !== selectedValue) {\n    t6 = selectedValue ? <span className=\"x6valzt\">{format(selectedValue)}</span> : <span className=\"xj9e3ow\">{placeholder}</span>;\n    $[8] = format;\n    $[9] = placeholder;\n    $[10] = selectedValue;\n    $[11] = t6;\n  } else {\n    t6 = $[11];\n  }\n  let t7;\n  if ($[12] !== disabled || $[13] !== t6) {\n    t7 = <PopoverTrigger render={<button disabled={disabled} type=\"button\" {...t5}>{t6}</button>} />;\n    $[12] = disabled;\n    $[13] = t6;\n    $[14] = t7;\n  } else {\n    t7 = $[14];\n  }\n  let t8;\n  if ($[15] !== handleSelect || $[16] !== selectedValue) {\n    t8 = <PopoverContent xstyle={styles.calendar}><Calendar mode=\"single\" onSelect={handleSelect} selected={selectedValue} /></PopoverContent>;\n    $[15] = handleSelect;\n    $[16] = selectedValue;\n    $[17] = t8;\n  } else {\n    t8 = $[17];\n  }\n  let t9;\n  if ($[18] !== open || $[19] !== t7 || $[20] !== t8) {\n    t9 = <Popover open={open} onOpenChange={setOpen}>{t7}{t8}</Popover>;\n    $[18] = open;\n    $[19] = t7;\n    $[20] = t8;\n    $[21] = t9;\n  } else {\n    t9 = $[21];\n  }\n  let t10;\n  if ($[22] !== t4 || $[23] !== t9) {\n    t10 = <span {...t4}>{t9}</span>;\n    $[22] = t4;\n    $[23] = t9;\n    $[24] = t10;\n  } else {\n    t10 = $[24];\n  }\n  return t10;\n}"],
+  "mappings": "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",
+  "names": ["props", "handleSelect"]
+}

package/dist/dialog.d.ts

@@ -0,0 +1,33 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps, ReactNode } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export declare const Dialog: typeof DialogPrimitive.Root;
+export declare function DialogTrigger({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DialogPrimitive.Trigger>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function DialogClose({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DialogPrimitive.Close>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+type DialogContentProps = StyledProps<ComponentProps<typeof DialogPrimitive.Popup>> & {
+    children: ReactNode;
+    /** Accessible name for the optional close button. @default "Close" */
+    closeLabel?: string;
+    showCloseButton?: boolean;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function DialogContent({ className, style, children, closeLabel, showCloseButton, xstyle, ...props }: DialogContentProps): import("react").JSX.Element;
+export declare function DialogHeader({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function DialogFooter({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function DialogTitle({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DialogPrimitive.Title>> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function DialogDescription({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DialogPrimitive.Description>> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export {};

package/dist/dialog.js

@@ -0,0 +1,458 @@
+"use client";
+
+// src/dialog.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { XIcon } 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/dialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  popup: {
+    kWkggS: "xssngo0",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x9up7g5",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kGVxlE: "x1wlfqej",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xb7usi1",
+    kskxy: "x1g15ey4",
+    ks0D6T: "xf6f31h",
+    kI3sdo: "x1a2a7pz",
+    kVQacm: "xysyzu8",
+    kmVPX3: "x18lnuv8",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "x1cvj37l",
+    k1ekBW: "x6o7n8i",
+    kAMwcw: "x1oxff63",
+    kzqmXN: "xh8yej3",
+    kdD3Bq: "x1i2unn7",
+    koVVf4: "x14doao2",
+    kQuUWH: "x1w3282i",
+    kRVfsM: "xqoz2hw",
+    kxero2: "xt8ron0",
+    kJ7s2Z: "x1mnfbwj",
+    kZj1XV: "x10uu9l5",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x136xbx3",
+    kwRFfy: "x11qfw98",
+    $$css: true
+  },
+  footer: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x78zum5",
+    kwnvtZ: "x1a02dak",
+    kOIVth: "x136xbx3",
+    kjj79g: "x13a6bvl",
+    $$css: true
+  },
+  title: {
+    kMwMTN: "x1t28c4i",
+    kGuDYH: "xr5nsds",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    kogj98: "x1ghz6dp",
+    $$css: true
+  },
+  description: {
+    kMwMTN: "xj9e3ow",
+    kGuDYH: "x1lskvfa",
+    kLWn49: "xipl0i2",
+    kogj98: "x1ghz6dp",
+    $$css: true
+  }
+};
+var Dialog = DialogPrimitive.Root;
+function DialogTrigger(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(DialogPrimitive.Trigger, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function DialogClose(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(DialogPrimitive.Close, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function DialogContent(t0) {
+  const $ = _c(22);
+  let children;
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      children,
+      closeLabel: t1,
+      showCloseButton: t2,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    xstyle = $[7];
+  }
+  const closeLabel = t1 === void 0 ? "Close" : t1;
+  const showCloseButton = t2 === void 0 ? true : t2;
+  let t3;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(DialogPrimitive.Backdrop, { className: "xt65qkv x10a8y8t xixxii4 x1cvj37l x19991ni x1oxff63 x1ya9j91 x1llxi74 x1gqblgl x1w3282i xqoz2hw xt8ron0 x1mnfbwj" });
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      className: "x6s0dn4 x78zum5 x10a8y8t xl56j7k xv3ig3d xixxii4 xqehhcd"
+    };
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== className || $[11] !== style || $[12] !== xstyle) {
+    t5 = mergeStyles(stylex.props(styles.popup, xstyle), className, style);
+    $[10] = className;
+    $[11] = style;
+    $[12] = xstyle;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== closeLabel || $[15] !== showCloseButton) {
+    t6 = showCloseButton ? /* @__PURE__ */ jsx(DialogPrimitive.Close, { "aria-label": closeLabel, className: "x6s0dn4 xjyslct xjbqb8w xng3xce xc342km x1p5vitp xj9e3ow x1ypdohk x3nfvp2 x1rrewj3 xl56j7k x1a2a7pz x10l6tqk xjord3i x85z9ou xznvecg xs2xxs2 xrkjf8i xwuz77y xk9i4fa x1woi373 x768paa x1p3hdyt x9v5kkp x1k4h2j2", children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" }) }) : null;
+    $[14] = closeLabel;
+    $[15] = showCloseButton;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== children || $[18] !== props2 || $[19] !== t5 || $[20] !== t6) {
+    t7 = /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+      t3,
+      /* @__PURE__ */ jsx(DialogPrimitive.Viewport, { ...t4, children: /* @__PURE__ */ jsxs(DialogPrimitive.Popup, { ...props2, ...t5, children: [
+        children,
+        t6
+      ] }) })
+    ] });
+    $[17] = children;
+    $[18] = props2;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  return t7;
+}
+function DialogHeader(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.header, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function DialogFooter(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.footer, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function DialogTitle(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.title, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function DialogDescription(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.description, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger
+};
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/dialog.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } 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  popup: {\n    kWkggS: \"xssngo0\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x9up7g5\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kGVxlE: \"x1wlfqej\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xb7usi1\",\n    kskxy: \"x1g15ey4\",\n    ks0D6T: \"xf6f31h\",\n    kI3sdo: \"x1a2a7pz\",\n    kVQacm: \"xysyzu8\",\n    kmVPX3: \"x18lnuv8\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1cvj37l\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"x1oxff63\",\n    kzqmXN: \"xh8yej3\",\n    kdD3Bq: \"x1i2unn7\",\n    koVVf4: \"x14doao2\",\n    kQuUWH: \"x1w3282i\",\n    kRVfsM: \"xqoz2hw\",\n    kxero2: \"xt8ron0\",\n    kJ7s2Z: \"x1mnfbwj\",\n    kZj1XV: \"x10uu9l5\",\n    $$css: true\n  },\n  header: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x136xbx3\",\n    kwRFfy: \"x11qfw98\",\n    $$css: true\n  },\n  footer: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kwnvtZ: \"x1a02dak\",\n    kOIVth: \"x136xbx3\",\n    kjj79g: \"x13a6bvl\",\n    $$css: true\n  },\n  title: {\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"xr5nsds\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  description: {\n    kMwMTN: \"xj9e3ow\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\nexport const Dialog = DialogPrimitive.Root;\nexport function DialogTrigger(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 = <DialogPrimitive.Trigger {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function DialogClose(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 = <DialogPrimitive.Close {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\ntype DialogContentProps = StyledProps<ComponentProps<typeof DialogPrimitive.Popup>> & {\n  children: ReactNode;\n  /** Accessible name for the optional close button. @default \"Close\" */\n  closeLabel?: string;\n  showCloseButton?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function DialogContent(t0) {\n  const $ = _c(22);\n  let children;\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      children,\n      closeLabel: t1,\n      showCloseButton: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = t2;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    t1 = $[5];\n    t2 = $[6];\n    xstyle = $[7];\n  }\n  const closeLabel = t1 === undefined ? \"Close\" : t1;\n  const showCloseButton = t2 === undefined ? true : t2;\n  let t3;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = <DialogPrimitive.Backdrop className=\"xt65qkv x10a8y8t xixxii4 x1cvj37l x19991ni x1oxff63 x1ya9j91 x1llxi74 x1gqblgl x1w3282i xqoz2hw xt8ron0 x1mnfbwj\" />;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = {\n      className: \"x6s0dn4 x78zum5 x10a8y8t xl56j7k xv3ig3d xixxii4 xqehhcd\"\n    };\n    $[9] = t4;\n  } else {\n    t4 = $[9];\n  }\n  let t5;\n  if ($[10] !== className || $[11] !== style || $[12] !== xstyle) {\n    t5 = mergeStyles(stylex.props(styles.popup, xstyle), className, style);\n    $[10] = className;\n    $[11] = style;\n    $[12] = xstyle;\n    $[13] = t5;\n  } else {\n    t5 = $[13];\n  }\n  let t6;\n  if ($[14] !== closeLabel || $[15] !== showCloseButton) {\n    t6 = showCloseButton ? <DialogPrimitive.Close aria-label={closeLabel} className=\"x6s0dn4 xjyslct xjbqb8w xng3xce xc342km x1p5vitp xj9e3ow x1ypdohk x3nfvp2 x1rrewj3 xl56j7k x1a2a7pz x10l6tqk xjord3i x85z9ou xznvecg xs2xxs2 xrkjf8i xwuz77y xk9i4fa x1woi373 x768paa x1p3hdyt x9v5kkp x1k4h2j2\"><XIcon aria-hidden=\"true\" /></DialogPrimitive.Close> : null;\n    $[14] = closeLabel;\n    $[15] = showCloseButton;\n    $[16] = t6;\n  } else {\n    t6 = $[16];\n  }\n  let t7;\n  if ($[17] !== children || $[18] !== props || $[19] !== t5 || $[20] !== t6) {\n    t7 = <DialogPrimitive.Portal>{t3}<DialogPrimitive.Viewport {...t4}><DialogPrimitive.Popup {...props} {...t5}>{children}{t6}</DialogPrimitive.Popup></DialogPrimitive.Viewport></DialogPrimitive.Portal>;\n    $[17] = children;\n    $[18] = props;\n    $[19] = t5;\n    $[20] = t6;\n    $[21] = t7;\n  } else {\n    t7 = $[21];\n  }\n  return t7;\n}\nexport function DialogHeader(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.header, 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 = <div {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function DialogFooter(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.footer, 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 = <div {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function DialogTitle(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.title, 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 = <DialogPrimitive.Title {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function DialogDescription(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.description, 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 = <DialogPrimitive.Description {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\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/drawer.d.ts

@@ -0,0 +1,37 @@
+import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
+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 DrawerOverlayMode = "visible" | "transparent" | "none";
+export type DrawerSwipeDirection = "down" | "up" | "left" | "right";
+export type DrawerProps = StyledProps<Omit<ComponentProps<typeof DrawerPrimitive.Root>, "swipeDirection">> & {
+    /** Controls the backdrop behind the Drawer. */
+    overlay?: DrawerOverlayMode;
+    showSwipeHandle?: boolean;
+    swipeDirection?: DrawerSwipeDirection;
+};
+export declare function Drawer({ overlay, showSwipeHandle, swipeDirection, ...props }: DrawerProps): import("react").JSX.Element;
+export declare function DrawerTrigger({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DrawerPrimitive.Trigger>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function DrawerClose({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DrawerPrimitive.Close>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+type DrawerContentProps = StyledProps<ComponentProps<typeof DrawerPrimitive.Popup>> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function DrawerContent({ className, style, children, xstyle, ...props }: DrawerContentProps): import("react").JSX.Element;
+export declare function DrawerHeader({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function DrawerFooter({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function DrawerTitle({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DrawerPrimitive.Title>> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function DrawerDescription({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof DrawerPrimitive.Description>> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export {};