@multiplatform.one/forms 6.0.0

package/dist/jsx/FieldDisplay/index.native.js

@@ -0,0 +1,447 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FieldDisplay_exports = {};
+__export(FieldDisplay_exports, {
+  FieldDisplay: () => FieldDisplay
+});
+module.exports = __toCommonJS(FieldDisplay_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var EMPTY = "\u2014";
+function asText(v) {
+  if (v == null || v === "") return EMPTY;
+  if (typeof v === "string") return v;
+  if (typeof v === "number" || typeof v === "boolean") return String(v);
+  if (_instanceof(v, Date)) return v.toISOString().slice(0, 10);
+  try {
+    return JSON.stringify(v);
+  } catch (unused) {
+    return String(v);
+  }
+}
+function TextCell(param) {
+  var {
+    children,
+    mono = false,
+    align = "left"
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    numberOfLines: 1,
+    fontSize: "$4",
+    lineHeight: "$4",
+    fontFamily: mono ? "$mono" : "$body",
+    textAlign: align,
+    color: "$color",
+    children
+  });
+}
+function InputDisplay(param) {
+  var {
+    value
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: asText(value)
+  });
+}
+function NumericDisplay(param) {
+  var {
+    value,
+    fieldProps
+  } = param;
+  if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    align: "right",
+    children: EMPTY
+  });
+  var num = typeof value === "number" ? value : Number(value);
+  if (Number.isNaN(num)) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    align: "right",
+    children: asText(value)
+  });
+  var precision = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.precision;
+  var currency = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.currency;
+  if (currency) {
+    var formatted = new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: precision,
+      maximumFractionDigits: precision
+    }).format(num);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+      mono: true,
+      align: "right",
+      children: formatted
+    });
+  }
+  var formatted1 = new Intl.NumberFormat(void 0, {
+    minimumFractionDigits: precision,
+    maximumFractionDigits: precision
+  }).format(num);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    mono: true,
+    align: "right",
+    children: formatted1
+  });
+}
+var ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
+function DateDisplay(param) {
+  var {
+    value,
+    fieldProps,
+    withTime
+  } = param;
+  if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  var isDateOnly = !withTime && typeof value === "string" && ISO_DATE_ONLY.test(value);
+  var date = _instanceof(value, Date) ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: asText(value)
+  });
+  var fmt = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.dateFormat;
+  var tz = isDateOnly ? "UTC" : void 0;
+  if (fmt && typeof fmt === "string") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+      children: date.toLocaleString(void 0, {
+        timeZone: tz
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: withTime ? date.toLocaleString() : date.toLocaleDateString(void 0, {
+      timeZone: tz
+    })
+  });
+}
+function DateRangeDisplay(param) {
+  var {
+    value,
+    linkedValue
+  } = param;
+  var start = value;
+  var end = linkedValue !== null && linkedValue !== void 0 ? linkedValue : Array.isArray(value) ? value[1] : value === null || value === void 0 ? void 0 : value.end;
+  var startFmt = start && !(_instanceof(start, Date) && Number.isNaN(start.getTime())) ? new Date(start).toLocaleDateString() : null;
+  var endFmt = end && !(_instanceof(end, Date) && Number.isNaN(end.getTime())) ? new Date(end).toLocaleDateString() : null;
+  if (!startFmt && !endFmt) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: `${startFmt !== null && startFmt !== void 0 ? startFmt : "?"} \u2013 ${endFmt !== null && endFmt !== void 0 ? endFmt : "?"}`
+  });
+}
+function ChoiceDisplay(param) {
+  var {
+    value,
+    fieldProps
+  } = param;
+  var _ref, _ref1;
+  if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  var options = (_ref = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) !== null && _ref !== void 0 ? _ref : [];
+  if (Array.isArray(value)) {
+    var labels = value.map(function (v) {
+      var _ref2;
+      var opt2 = options.find(function (o) {
+        return o.value === v || String(o.value) === String(v);
+      });
+      return (_ref2 = opt2 === null || opt2 === void 0 ? void 0 : opt2.label) !== null && _ref2 !== void 0 ? _ref2 : asText(v);
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+      children: labels.join(", ")
+    });
+  }
+  var opt = options.find(function (o) {
+    return o.value === value || String(o.value) === String(value);
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: (_ref1 = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _ref1 !== void 0 ? _ref1 : asText(value)
+  });
+}
+function BooleanDisplay(param) {
+  var {
+    value
+  } = param;
+  if (value == null) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    align: "center",
+    children: EMPTY
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+    justifyContent: "center",
+    alignItems: "center",
+    width: "100%",
+    children: value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
+      size: 14,
+      weight: "bold"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: "$placeholderColor",
+      children: EMPTY
+    })
+  });
+}
+function ColorDisplay(param) {
+  var {
+    value
+  } = param;
+  var hex = typeof value === "string" && value ? value : null;
+  if (!hex) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    gap: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      width: 14,
+      height: 14,
+      borderRadius: "$2",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: hex
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$4",
+      lineHeight: "$4",
+      color: "$color",
+      children: hex.toUpperCase()
+    })]
+  });
+}
+function DurationDisplay(param) {
+  var {
+    value
+  } = param;
+  if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  var seconds = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(seconds)) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: asText(value)
+  });
+  var h = Math.floor(seconds / 3600);
+  var m = Math.floor(seconds % 3600 / 60);
+  var s = Math.floor(seconds % 60);
+  var parts = [];
+  if (h) parts.push(`${h}h`);
+  if (m) parts.push(`${m}m`);
+  if (s && !h) parts.push(`${s}s`);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    mono: true,
+    children: parts.length ? parts.join(" ") : "0s"
+  });
+}
+function FileUploadDisplay(param) {
+  var {
+    value
+  } = param;
+  var _ref;
+  var _files_;
+  var files = Array.isArray(value) ? value : value ? [value] : [];
+  if (!files.length) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  var label = files.length === 1 ? typeof files[0] === "string" ? files[0] : (_ref = (_files_ = files[0]) === null || _files_ === void 0 ? void 0 : _files_.name) !== null && _ref !== void 0 ? _ref : "1 file" : `${files.length} files`;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: label
+  });
+}
+function ImageDisplay(param) {
+  var {
+    value
+  } = param;
+  var src = typeof value === "string" && value ? value : null;
+  if (!src) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    width: 28,
+    height: 28,
+    borderRadius: "$2",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    overflow: "hidden",
+    backgroundColor: "$color3",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      width: "100%",
+      height: "100%",
+      backgroundImage: `url(${src})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center"
+    })
+  });
+}
+function SignatureDisplay(param) {
+  var {
+    value
+  } = param;
+  var hasInk = typeof value === "string" && value.length > 0 || Array.isArray(value) && value.length > 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: hasInk ? "signed" : EMPTY
+  });
+}
+function GeolocationDisplay(param) {
+  var {
+    value
+  } = param;
+  if (value == null) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  if ((typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && value !== null) {
+    var _value_lat, _ref, _value_lng;
+    var lat = (_value_lat = value.lat) !== null && _value_lat !== void 0 ? _value_lat : value.latitude;
+    var lng = (_ref = (_value_lng = value.lng) !== null && _value_lng !== void 0 ? _value_lng : value.lon) !== null && _ref !== void 0 ? _ref : value.longitude;
+    if (typeof lat === "number" && typeof lng === "number") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(TextCell, {
+        mono: true,
+        children: [lat.toFixed(4), ", ", lng.toFixed(4)]
+      });
+    }
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: asText(value)
+  });
+}
+function RichTextDisplay(param) {
+  var {
+    value
+  } = param;
+  if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  var text = typeof value === "string" ? value.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() : asText(value);
+  if (!text) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: EMPTY
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: text
+  });
+}
+function FieldDisplay(param) {
+  var {
+    field = "input",
+    value,
+    fieldProps,
+    linkedValue
+  } = param;
+  switch (field) {
+    case "input":
+    case "textarea":
+    case "mentioninput":
+    case "phoneinput":
+    case "otp":
+    case "barcode":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDisplay, {
+        value
+      });
+    case "stepper":
+    case "slider":
+    case "rating":
+    case "progress":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NumericDisplay, {
+        value,
+        fieldProps
+      });
+    case "select":
+    case "combobox":
+    case "radiogroup":
+    case "togglegroup":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChoiceDisplay, {
+        value,
+        fieldProps
+      });
+    case "checkbox":
+    case "switch":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(BooleanDisplay, {
+        value
+      });
+    case "datepicker":
+    case "multidatepicker":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DateDisplay, {
+        value,
+        fieldProps
+      });
+    case "datetimepicker":
+    case "timepicker":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DateDisplay, {
+        value,
+        fieldProps,
+        withTime: true
+      });
+    case "daterangepicker":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DateRangeDisplay, {
+        value,
+        linkedValue
+      });
+    case "colorpicker":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorDisplay, {
+        value
+      });
+    case "duration":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationDisplay, {
+        value
+      });
+    case "fileupload":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FileUploadDisplay, {
+        value
+      });
+    case "image":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageDisplay, {
+        value
+      });
+    case "signature":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SignatureDisplay, {
+        value
+      });
+    case "geolocation":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeolocationDisplay, {
+        value
+      });
+    case "richtexteditor":
+    case "markdowneditor":
+    case "codeeditor":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RichTextDisplay, {
+        value
+      });
+    case "custom":
+    default:
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDisplay, {
+        value
+      });
+  }
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/FieldDisplay/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FieldDisplay_exports","FieldDisplay","module","exports","import_jsx_runtime","require","import_react","import_tamagui","_instanceof","left","right","Symbol","hasInstance","_type_of","obj","constructor","EMPTY","asText","v","String","Date","toISOString","slice","JSON","stringify","unused","TextCell","param","children","mono","align","jsx","Text","numberOfLines","fontSize","lineHeight","fontFamily","textAlign","color","InputDisplay","NumericDisplay","fieldProps","num","Number","isNaN","precision","currency","formatted","Intl","NumberFormat","style","minimumFractionDigits","maximumFractionDigits","format","formatted1","ISO_DATE_ONLY","DateDisplay","withTime","isDateOnly","test","date","getTime","fmt","dateFormat","tz","toLocaleString","timeZone","toLocaleDateString","DateRangeDisplay","linkedValue","start","end","Array","isArray","startFmt","endFmt","ChoiceDisplay","_ref","_ref1","options","labels","map","_ref2","opt2","find","o","label","join","opt","BooleanDisplay","XStack","justifyContent","alignItems","width","CheckIcon","size","weight","ColorDisplay","hex","jsxs","gap","View","height","borderRadius","borderWidth","borderColor","backgroundColor","toUpperCase","DurationDisplay","seconds","isFinite","h","Math","floor","m","s","parts","push","length","FileUploadDisplay","_files_","files"],"sources":["../../../src/FieldDisplay/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/FloatingPanel/FloatingPanel.stories.mjs

@@ -0,0 +1,222 @@
+import { useState } from "react";
+import { H4, Paragraph, Separator, Text, View, YStack } from "tamagui";
+import { FloatingPanel } from "./index.mjs";
+import { Input as InputParts } from "../InputParts/index.mjs";
+import { formCommonColors } from "../shared/colorRamps.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/FloatingPanel",
+  component: FloatingPanel,
+  parameters: {
+    docs: {
+      description: {
+        component: "A floating panel that adapts: on native and sm screens, uses Sheet (slide-up); on larger web, uses a custom @floating-ui/react overlay with dropdown/dropup, scroll arrows, grow-on-scroll, and page scroll lock (same approach as Select/Combobox). Pass sheet={true} to force Sheet on desktop. Used by ColorPicker, DatePicker, TimePicker, and Duration."
+      }
+    }
+  }
+};
+var FloatingPanel_stories_default = meta;
+const Basic = {
+  name: "Main",
+  render: () => {
+    const [open, setOpen] = useState(false);
+    return /* @__PURE__ */jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: "Click the trigger to open the floating panel."
+      }), /* @__PURE__ */jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        trigger: /* @__PURE__ */jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */jsx(Text, {
+              children: open ? "Panel is open" : "Click to open panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */jsx(H4, {
+            children: "Panel Content"
+          }), /* @__PURE__ */jsx(Paragraph, {
+            children: "This is a floating panel built on Tamagui Sheet. It has a proper overlay, slide-up animation, and drag-to-dismiss."
+          }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(Paragraph, {
+            color: formCommonColors.muted,
+            children: "Drag down or tap overlay to close."
+          })]
+        })
+      })]
+    });
+  }
+};
+const ScrollableContent = {
+  render: () => {
+    const [open, setOpen] = useState(false);
+    const items = Array.from({
+      length: 50
+    }, (_, i) => `Item ${i + 1}`);
+    return /* @__PURE__ */jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: "A scrollable floating panel with many items. Drag the handle to resize."
+      }), /* @__PURE__ */jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        trigger: /* @__PURE__ */jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */jsx(Text, {
+              children: open ? "Scrollable panel open" : "Click for scrollable panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */jsx(YStack, {
+          children: items.map(item => /* @__PURE__ */jsx(View, {
+            paddingHorizontal: "$3",
+            paddingVertical: "$2.5",
+            hoverStyle: {
+              backgroundColor: "$backgroundHover"
+            },
+            cursor: "pointer",
+            onPress: () => setOpen(false),
+            children: /* @__PURE__ */jsx(Text, {
+              children: item
+            })
+          }, item))
+        })
+      })]
+    });
+  }
+};
+const Disabled = {
+  render: () => {
+    const [open, setOpen] = useState(false);
+    return /* @__PURE__ */jsx(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        disabled: true,
+        trigger: /* @__PURE__ */jsx(InputParts.Box, {
+          cursor: "not-allowed",
+          opacity: 0.5,
+          children: /* @__PURE__ */jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */jsx(Text, {
+              children: "Disabled trigger"
+            })
+          })
+        }),
+        children: /* @__PURE__ */jsx(YStack, {
+          children: /* @__PURE__ */jsx(Paragraph, {
+            children: "You should never see this."
+          })
+        })
+      })
+    });
+  }
+};
+const FillSizing = {
+  render: () => {
+    const [open, setOpen] = useState(false);
+    const items = Array.from({
+      length: 30
+    }, (_, i) => `Option ${i + 1}`);
+    return /* @__PURE__ */jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: 'sizing="fill" opens the panel at maximum available viewport size immediately, without requiring scroll to grow. Ideal for calendars, color pickers, and fixed-content panels.'
+      }), /* @__PURE__ */jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        sizing: "fill",
+        trigger: /* @__PURE__ */jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */jsx(Text, {
+              children: open ? "Fill panel open" : "Click for fill-sized panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */jsx(YStack, {
+          children: items.map(item => /* @__PURE__ */jsx(View, {
+            paddingHorizontal: "$3",
+            paddingVertical: "$2.5",
+            hoverStyle: {
+              backgroundColor: "$backgroundHover"
+            },
+            cursor: "pointer",
+            onPress: () => setOpen(false),
+            children: /* @__PURE__ */jsx(Text, {
+              children: item
+            })
+          }, item))
+        })
+      })]
+    });
+  }
+};
+const ForceSheet = {
+  render: () => {
+    const [open, setOpen] = useState(false);
+    return /* @__PURE__ */jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: "sheet forces Sheet mode even on desktop (floating panel otherwise)."
+      }), /* @__PURE__ */jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        sheet: true,
+        trigger: /* @__PURE__ */jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */jsx(Text, {
+              children: open ? "Sheet open" : "Click for Sheet (forced)"
+            })
+          })
+        }),
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */jsx(H4, {
+            children: "Forced Sheet"
+          }), /* @__PURE__ */jsx(Paragraph, {
+            children: "This panel always uses Sheet, even on large screens."
+          })]
+        })
+      })]
+    });
+  }
+};
+export { Basic, Disabled, FillSizing, ForceSheet, ScrollableContent, FloatingPanel_stories_default as default };
+//# sourceMappingURL=FloatingPanel.stories.mjs.map