@multiplatform.one/frappe-ui 7.23.1 → 7.24.0

package/dist/esm/list/ListControls.native.js

@@ -0,0 +1,224 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Separator, Tooltip, XStack, YStack } from "@multiplatform.one/components";
+import { Button, SearchInput, Select } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { DiceFiveIcon, HeartIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+import { FacetRail } from "./FacetRail.native.js";
+import { isListNarrowed } from "./listState.native.js";
+import { RangeFilter, rangeCeiling } from "./RangeFilter.native.js";
+var searchBasis = 260;
+var searchMinWidth = 220;
+var sortMinWidth = 170;
+var rangeMaxWidth = 340;
+function ListControls(param) {
+  var {
+    controls,
+    list,
+    searchId,
+    searchPlaceholder,
+    showSearch,
+    showFavorites,
+    shuffle,
+    shufflePanel,
+    separator,
+    testID
+  } = param;
+  var _controls_sorts, _controls_facets, _ref, _controls_ranges;
+  var _controls_ranges1;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    state,
+    update,
+    favorites
+  } = list;
+  var sorts = (_controls_sorts = controls.sorts) !== null && _controls_sorts !== void 0 ? _controls_sorts : [];
+  var narrowed = isListNarrowed(state);
+  var favoritesLabel = t("Favorites");
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.gap,
+      testID: `${testID}-controls`,
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        ...knobProps.gap,
+        alignItems: "center",
+        flexWrap: "wrap",
+        justifyContent: "space-between",
+        children: [showSearch ? /* @__PURE__ */_jsx(XStack, {
+          id: searchId,
+          flexGrow: 1,
+          flexShrink: 1,
+          flexBasis: searchBasis,
+          minWidth: searchMinWidth,
+          alignItems: "center",
+          "$max-sm": {
+            flexBasis: "100%",
+            maxWidth: "100%"
+          },
+          children: /* @__PURE__ */_jsx(YStack, {
+            flexGrow: 1,
+            flexShrink: 1,
+            minWidth: 0,
+            children: /* @__PURE__ */_jsx(SearchInput, {
+              value: list.searchText,
+              onChange: list.setSearchText,
+              onSearch: function onSearch(text) {
+                return update({
+                  search: text
+                });
+              },
+              placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : t("Search..."),
+              "aria-label": searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : t("Search..."),
+              debounceMs: 200,
+              compact: true,
+              clearable: true
+            })
+          })
+        }) : null, /* @__PURE__ */_jsxs(XStack, {
+          ...knobProps.gap,
+          alignItems: "center",
+          flexWrap: "wrap",
+          "$max-sm": {
+            width: "100%"
+          },
+          children: [sorts.length > 0 ? /* @__PURE__ */_jsx(XStack, {
+            minWidth: sortMinWidth,
+            flexGrow: 1,
+            flexShrink: 1,
+            children: /* @__PURE__ */_jsx(Select, {
+              value: state.sort,
+              onChange: function onChange(value) {
+                return update({
+                  sort: String(value)
+                });
+              },
+              options: sorts.map(function (sort) {
+                return {
+                  label: sort.label,
+                  value: sort.value
+                };
+              }),
+              placeholder: t("Sort by"),
+              "aria-label": t("Sort by")
+            })
+          }) : null, showFavorites ? /* @__PURE__ */_jsx(Badge, {
+            count: favorites.count,
+            children: /* @__PURE__ */_jsx(Tooltip, {
+              content: t("Show only your favorites"),
+              children: /* @__PURE__ */_jsx(Button, {
+                outlined: !state.favoritesOnly,
+                theme: state.favoritesOnly ? "accent" : void 0,
+                onPress: function onPress() {
+                  return update({
+                    favoritesOnly: !state.favoritesOnly
+                  });
+                },
+                "aria-pressed": state.favoritesOnly,
+                "aria-label": favorites.count > 0 ? t("Favorites ({{count}})", {
+                  count: favorites.count
+                }) : favoritesLabel,
+                icon: /* @__PURE__ */_jsx(HeartIcon, {
+                  size: 16,
+                  weight: state.favoritesOnly ? "fill" : "regular"
+                }),
+                testID: `${testID}-favorites-filter`,
+                children: favoritesLabel
+              })
+            })
+          }) : null, shuffle ? /* @__PURE__ */_jsx(Tooltip, {
+            content: t("Open a random record"),
+            children: /* @__PURE__ */_jsx(Button, {
+              outlined: !shuffle.open,
+              theme: shuffle.open ? "accent" : void 0,
+              circular: true,
+              onPress: shuffle.toggle,
+              icon: /* @__PURE__ */_jsx(DiceFiveIcon, {
+                size: 16
+              }),
+              "aria-label": t("Surprise me"),
+              "aria-expanded": shuffle.open,
+              "aria-controls": shuffle.panelId,
+              testID: `${testID}-shuffle-toggle`
+            })
+          }) : null]
+        })]
+      }), shufflePanel, ((_controls_facets = controls.facets) !== null && _controls_facets !== void 0 ? _controls_facets : []).map(function (facet) {
+        var _state_facets_facet_param, _facet_allLabel;
+        var reading = list.facets[facet.param];
+        return /* @__PURE__ */_jsx(FacetRail, {
+          label: facet.label,
+          value: (_state_facets_facet_param = state.facets[facet.param]) !== null && _state_facets_facet_param !== void 0 ? _state_facets_facet_param : "",
+          onChange: function onChange(value) {
+            return update({
+              facets: {
+                [facet.param]: value
+              }
+            });
+          },
+          testID: `${testID}-${facet.param}`,
+          options: [{
+            value: "",
+            label: (_facet_allLabel = facet.allLabel) !== null && _facet_allLabel !== void 0 ? _facet_allLabel : t("All"),
+            count: list.total
+          }, ...facet.options.map(function (value) {
+            var _ref2;
+            var _facet_optionLabel, _facet_tint;
+            return {
+              value,
+              label: (_ref2 = (_facet_optionLabel = facet.optionLabel) === null || _facet_optionLabel === void 0 ? void 0 : _facet_optionLabel.call(facet, value)) !== null && _ref2 !== void 0 ? _ref2 : value,
+              tint: (_facet_tint = facet.tint) === null || _facet_tint === void 0 ? void 0 : _facet_tint.call(facet, value),
+              count: reading === null || reading === void 0 ? void 0 : reading.counts[value]
+            };
+          })]
+        }, facet.param);
+      }), ((_ref = (_controls_ranges1 = controls.ranges) === null || _controls_ranges1 === void 0 ? void 0 : _controls_ranges1.length) !== null && _ref !== void 0 ? _ref : 0) > 0 || narrowed ? /* @__PURE__ */_jsxs(XStack, {
+        ...knobProps.gap,
+        alignItems: "center",
+        flexWrap: "wrap",
+        justifyContent: "space-between",
+        children: [((_controls_ranges = controls.ranges) !== null && _controls_ranges !== void 0 ? _controls_ranges : []).map(function (range) {
+          var _state_ranges_range_param, _list_highest_range_param;
+          return /* @__PURE__ */_jsx(XStack, {
+            maxWidth: rangeMaxWidth,
+            flexGrow: 1,
+            "$max-sm": {
+              maxWidth: "100%",
+              width: "100%"
+            },
+            children: /* @__PURE__ */_jsx(RangeFilter, {
+              label: range.label,
+              value: (_state_ranges_range_param = state.ranges[range.param]) !== null && _state_ranges_range_param !== void 0 ? _state_ranges_range_param : 0,
+              max: rangeCeiling((_list_highest_range_param = list.highest[range.param]) !== null && _list_highest_range_param !== void 0 ? _list_highest_range_param : 0),
+              step: range.step,
+              onChange: function onChange(value) {
+                return update({
+                  ranges: {
+                    [range.param]: value
+                  }
+                });
+              }
+            })
+          }, range.param);
+        }), /* @__PURE__ */_jsx(XStack, {
+          ...knobProps.gap,
+          alignItems: "center",
+          flexShrink: 0,
+          children: narrowed ? /* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            chromeless: true,
+            onPress: list.clear,
+            testID: `${testID}-clear`,
+            children: t("Clear filters")
+          }) : null
+        })]
+      }) : null]
+    }), separator ? /* @__PURE__ */_jsx(Separator, {}) : null]
+  });
+}
+export { ListControls };
+//# sourceMappingURL=ListControls.native.js.map

package/dist/esm/list/ListControls.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Badge","Separator","Tooltip","XStack","YStack","Button","SearchInput","Select","useResolvedKnobs","DiceFiveIcon","HeartIcon","useTranslation","FacetRail","isListNarrowed","RangeFilter","rangeCeiling","searchBasis","searchMinWidth","sortMinWidth","rangeMaxWidth","ListControls","param","controls","list","searchId","searchPlaceholder","showSearch","showFavorites","shuffle","shufflePanel","separator","testID","_controls_sorts","_controls_facets","_ref","_controls_ranges","_controls_ranges1","t","knobProps","state","update","favorites","sorts","narrowed","favoritesLabel","children","gap","alignItems","flexWrap","justifyContent","id","flexGrow","flexShrink","flexBasis","minWidth","maxWidth","value","searchText","onChange","setSearchText","onSearch","text","search","placeholder","debounceMs","compact","clearable","width","length","sort","String","options","map","label","count","content","outlined","favoritesOnly","theme","onPress","icon","size","weight","open","circular","toggle","panelId","facets","facet","_state_facets_facet_param","_facet_allLabel","reading","allLabel","total","_ref2","_facet_optionLabel","_facet_tint","optionLabel","call","tint","counts","ranges"],"sources":["../../../src/list/ListControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/list/ListToastHost.mjs

@@ -0,0 +1,18 @@
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+const ToastViewportLazy = lazy(async () => {
+  const components = await import("@multiplatform.one/components");
+  const Viewport = components.ToastViewport;
+  const Absent = () => null;
+  return {
+    default: Viewport ?? Absent
+  };
+});
+function ListToastHost() {
+  return /* @__PURE__ */jsx(Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */jsx(ToastViewportLazy, {})
+  });
+}
+export { ListToastHost };
+//# sourceMappingURL=ListToastHost.mjs.map

package/dist/esm/list/ListToastHost.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Suspense","lazy","jsx","ToastViewportLazy","components","Viewport","ToastViewport","Absent","default","ListToastHost","fallback","children"],"sources":["../../../src/list/ListToastHost.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,IAAA,QAAgC;AAuB7C,SAAAC,GAAA;AAjBN,MAAMC,iBAAA,GAAoBF,IAAA,CAAK,YAAY;EACzC,MAAMG,UAAA,GAAa,MAAM,OAAO,+BAA+B;EAC/D,MAAMC,QAAA,GAAYD,UAAA,CAA0CE,aAAA;EAG5D,MAAMC,MAAA,GAAgCA,CAAA,KAAM;EAC5C,OAAO;IAAEC,OAAA,EAASH,QAAA,IAAYE;EAAO;AACvC,CAAC;AAOM,SAASE,cAAA,EAAgB;EAC9B,OACE,eAAAP,GAAA,CAACF,QAAA;IAASU,QAAA,EAAU;IAClBC,QAAA,iBAAAT,GAAA,CAACC,iBAAA,IAAkB;EAAA,CACrB;AAEJ","ignoreList":[]}

package/dist/esm/list/ListToastHost.native.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+var ToastViewportLazy = /* @__PURE__ */lazy(async function () {
+  var components = await import("@multiplatform.one/components");
+  var Viewport = components.ToastViewport;
+  var Absent = function Absent2() {
+    return null;
+  };
+  return {
+    default: Viewport !== null && Viewport !== void 0 ? Viewport : Absent
+  };
+});
+function ListToastHost() {
+  return /* @__PURE__ */_jsx(Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */_jsx(ToastViewportLazy, {})
+  });
+}
+export { ListToastHost };
+//# sourceMappingURL=ListToastHost.native.js.map

package/dist/esm/list/ListToastHost.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Suspense","lazy","ToastViewportLazy","components","Viewport","ToastViewport","Absent","Absent2","default"],"sources":["../../../src/list/ListToastHost.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,2BAAgC;AAuB7C,SAAAC,QAAA,EAAAC,IAAA;AAjBN,IAAAC,iBAAM,kBAAyBD,IAAY;EACzC,IAAAE,UAAM,SAAa,MAAM,gCAAO;EAChC,IAAAC,QAAM,GAAAD,UAAY,CAAAE,aAA0C;EAG5D,IAAAC,MAAM,YAAsCC,QAAA;IAC5C,OAAS;EACV;EAOM,OAAS;IACdC,OACE,EAAAJ,QAAA,SAAC,IAAAA,QAAS,UAAU,IAAAA,QAClB,GAAAE;EAGN","ignoreList":[]}

package/dist/esm/list/RangeFilter.mjs

@@ -0,0 +1,85 @@
+import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Suspense, lazy } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+const readoutWidth = 44;
+const trackMinWidth = 100;
+const RangeRowLazy = lazy(async () => {
+  const forms = await import("@multiplatform.one/forms");
+  const MaybeSlider = forms.Slider;
+  if (!MaybeSlider) {
+    const Absent = () => null;
+    return {
+      default: Absent
+    };
+  }
+  const Slider = MaybeSlider;
+  function RangeRow({
+    label,
+    value,
+    max,
+    step = 5,
+    onChange
+  }) {
+    const {
+      t
+    } = useTranslation();
+    const {
+      knobProps
+    } = useResolvedKnobs();
+    return /* @__PURE__ */jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      flexGrow: 1,
+      minWidth: 0,
+      children: [/* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        color: "$color11",
+        flexShrink: 0,
+        userSelect: "none",
+        children: label
+      }), /* @__PURE__ */jsx(YStack, {
+        flexGrow: 1,
+        flexShrink: 1,
+        minWidth: trackMinWidth,
+        justifyContent: "center",
+        children: /* @__PURE__ */jsx(Slider, {
+          value: [value],
+          min: 0,
+          max,
+          step,
+          onChange: values => {
+            if (typeof values[0] === "number") onChange(values[0]);
+          },
+          "aria-label": label,
+          compact: true
+        })
+      }), /* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        fontWeight: "600",
+        color: value > 0 ? "$color12" : "$color10",
+        minWidth: readoutWidth,
+        textAlign: "right",
+        userSelect: "none",
+        children: value > 0 ? `${value}+` : t("Any")
+      })]
+    });
+  }
+  return {
+    default: RangeRow
+  };
+});
+function RangeFilter(props) {
+  return /* @__PURE__ */jsx(Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */jsx(RangeRowLazy, {
+      ...props
+    })
+  });
+}
+function rangeCeiling(highest, stop = 25, floor = 50) {
+  return Math.max(floor, Math.ceil(Math.max(0, highest) / stop) * stop);
+}
+export { RangeFilter, rangeCeiling };
+//# sourceMappingURL=RangeFilter.mjs.map

package/dist/esm/list/RangeFilter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","XStack","YStack","useResolvedKnobs","Suspense","lazy","useTranslation","jsx","jsxs","readoutWidth","trackMinWidth","RangeRowLazy","forms","MaybeSlider","Slider","Absent","default","RangeRow","label","value","max","step","onChange","t","knobProps","gap","alignItems","flexGrow","minWidth","children","fontSize","color","flexShrink","userSelect","justifyContent","min","values","compact","fontWeight","textAlign","RangeFilter","props","fallback","rangeCeiling","highest","stop","floor","Math","ceil"],"sources":["../../../src/list/RangeFilter.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AACrC,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,EAAUC,IAAA,QAAgC;AACnD,SAASC,cAAA,QAAsB;AA+BzB,SACEC,GAAA,EADFC,IAAA;AAnBN,MAAMC,YAAA,GAAe;AACrB,MAAMC,aAAA,GAAgB;AAKtB,MAAMC,YAAA,GAAeN,IAAA,CAAK,YAAY;EACpC,MAAMO,KAAA,GAAQ,MAAM,OAAO,0BAA0B;EACrD,MAAMC,WAAA,GAAeD,KAAA,CAAgCE,MAAA;EACrD,IAAI,CAACD,WAAA,EAAa;IAChB,MAAME,MAAA,GAA0CA,CAAA,KAAM;IACtD,OAAO;MAAEC,OAAA,EAASD;IAAO;EAC3B;EACA,MAAMD,MAAA,GAASD,WAAA;EAEf,SAASI,SAAS;IAAEC,KAAA;IAAOC,KAAA;IAAOC,GAAA;IAAKC,IAAA,GAAO;IAAGC;EAAS,GAAqB;IAC7E,MAAM;MAAEC;IAAE,IAAIjB,cAAA,CAAe;IAC7B,MAAM;MAAEkB;IAAU,IAAIrB,gBAAA,CAAiB;IACvC,OACE,eAAAK,IAAA,CAACP,MAAA;MAAQ,GAAGuB,SAAA,CAAUC,GAAA;MAAKC,UAAA,EAAW;MAASC,QAAA,EAAU;MAAGC,QAAA,EAAU;MACpEC,QAAA,kBAAAtB,GAAA,CAACP,IAAA;QAAK8B,QAAA,EAAS;QAAKC,KAAA,EAAM;QAAWC,UAAA,EAAY;QAAGC,UAAA,EAAW;QAC5DJ,QAAA,EAAAX;MAAA,CACH,GAIA,eAAAX,GAAA,CAACL,MAAA;QAAOyB,QAAA,EAAU;QAAGK,UAAA,EAAY;QAAGJ,QAAA,EAAUlB,aAAA;QAAewB,cAAA,EAAe;QAC1EL,QAAA,iBAAAtB,GAAA,CAACO,MAAA;UACCK,KAAA,EAAO,CAACA,KAAK;UACbgB,GAAA,EAAK;UACLf,GAAA;UACAC,IAAA;UACAC,QAAA,EAAWc,MAAA,IAAW;YACpB,IAAI,OAAOA,MAAA,CAAO,CAAC,MAAM,UAAUd,QAAA,CAASc,MAAA,CAAO,CAAC,CAAC;UACvD;UACA,cAAYlB,KAAA;UACZmB,OAAA,EAAO;QAAA,CACT;MAAA,CACF,GACA,eAAA9B,GAAA,CAACP,IAAA;QACC8B,QAAA,EAAS;QACTQ,UAAA,EAAW;QACXP,KAAA,EAAOZ,KAAA,GAAQ,IAAI,aAAa;QAChCS,QAAA,EAAUnB,YAAA;QACV8B,SAAA,EAAU;QACVN,UAAA,EAAW;QAEVJ,QAAA,EAAAV,KAAA,GAAQ,IAAI,GAAGA,KAAK,MAAMI,CAAA,CAAE,KAAK;MAAA,CACpC;IAAA,CACF;EAEJ;EACA,OAAO;IAAEP,OAAA,EAASC;EAAS;AAC7B,CAAC;AAGM,SAASuB,YAAYC,KAAA,EAAyB;EACnD,OACE,eAAAlC,GAAA,CAACH,QAAA;IAASsC,QAAA,EAAU;IAClBb,QAAA,iBAAAtB,GAAA,CAACI,YAAA;MAAc,GAAG8B;IAAA,CAAO;EAAA,CAC3B;AAEJ;AAGO,SAASE,aAAaC,OAAA,EAAiBC,IAAA,GAAO,IAAIC,KAAA,GAAQ,IAAY;EAC3E,OAAOC,IAAA,CAAK3B,GAAA,CAAI0B,KAAA,EAAOC,IAAA,CAAKC,IAAA,CAAKD,IAAA,CAAK3B,GAAA,CAAI,GAAGwB,OAAO,IAAIC,IAAI,IAAIA,IAAI;AACtE","ignoreList":[]}

package/dist/esm/list/RangeFilter.native.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Suspense, lazy } from "react";
+import { useTranslation } from "react-i18next";
+var readoutWidth = 44;
+var trackMinWidth = 100;
+var RangeRowLazy = /* @__PURE__ */lazy(async function () {
+  var forms = await import("@multiplatform.one/forms");
+  var MaybeSlider = forms.Slider;
+  if (!MaybeSlider) {
+    var Absent = function Absent2() {
+      return null;
+    };
+    return {
+      default: Absent
+    };
+  }
+  var Slider = MaybeSlider;
+  function RangeRow(param) {
+    var {
+      label,
+      value,
+      max,
+      step = 5,
+      onChange
+    } = param;
+    var {
+      t
+    } = useTranslation();
+    var {
+      knobProps
+    } = useResolvedKnobs();
+    return /* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      flexGrow: 1,
+      minWidth: 0,
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        color: "$color11",
+        flexShrink: 0,
+        userSelect: "none",
+        children: label
+      }),
+      /* A column on purpose: the Slider's %-width chain collapses to 0
+      inside a row; a column's cross-axis stretch hands the track the
+      flexed width. */
+      /* @__PURE__ */
+      _jsx(YStack, {
+        flexGrow: 1,
+        flexShrink: 1,
+        minWidth: trackMinWidth,
+        justifyContent: "center",
+        children: /* @__PURE__ */_jsx(Slider, {
+          value: [value],
+          min: 0,
+          max,
+          step,
+          onChange: function onChange1(values) {
+            if (typeof values[0] === "number") onChange(values[0]);
+          },
+          "aria-label": label,
+          compact: true
+        })
+      }), /* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        fontWeight: "600",
+        color: value > 0 ? "$color12" : "$color10",
+        minWidth: readoutWidth,
+        textAlign: "right",
+        userSelect: "none",
+        children: value > 0 ? `${value}+` : t("Any")
+      })]
+    });
+  }
+  return {
+    default: RangeRow
+  };
+});
+function RangeFilter(props) {
+  return /* @__PURE__ */_jsx(Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */_jsx(RangeRowLazy, {
+      ...props
+    })
+  });
+}
+function rangeCeiling(highest) {
+  var stop = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 25,
+    floor = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 50;
+  return Math.max(floor, Math.ceil(Math.max(0, highest) / stop) * stop);
+}
+export { RangeFilter, rangeCeiling };
+//# sourceMappingURL=RangeFilter.native.js.map

package/dist/esm/list/RangeFilter.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Text","XStack","YStack","useResolvedKnobs","Suspense","lazy","useTranslation","readoutWidth","trackMinWidth","RangeRowLazy","forms","MaybeSlider","Slider","Absent","Absent2","default","RangeRow","param","label","value","max","step","onChange","t","knobProps","gap","alignItems","flexGrow","minWidth","children","fontSize","color","flexShrink","userSelect","justifyContent","min","onChange1","values","compact"],"sources":["../../../src/list/RangeFilter.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AACrC,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAA,QAAwB;AACjC,SAASC,gBAAU,QAAgC;AACnD,SAASC,QAAA,EAAAC,IAAA,QAAsB;AA+BzB,SACEC,cADF;AAnBN,IAAAC,YAAM,KAAe;AACrB,IAAAC,aAAM,MAAgB;AAKtB,IAAAC,YAAM,kBAAoBJ,IAAY;EACpC,IAAAK,KAAM,SAAQ,MAAM,2BAAO;EAC3B,IAAAC,WAAM,GAAAD,KAAe,CAAAE,MAAgC;EACrD,IAAI,CAACD,WAAA,EAAa;IAChB,IAAAE,MAAM,YAAgDC,QAAA;MACtD,OAAS;IACX;IACA,OAAM;MAENC,OAAS,EAAAF;IACP;EACA;EACA,IAAAD,MACE,GAAAD,WAAA;EACE,SAAAK,SAAAC,KAAA,EAAC;IAED,IAIA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,GAAC;MAAAC,IAAA,GAAO;MAAAC;IAAU,CAAG,GAAAL,KAAA;IACnB,IAAC;MAAAM;IAAA,IAAAjB,cAAA;IAAA;MAAAkB;IAAA,IAAArB,gBAAA;IAAA,OACC,eAAaJ,KAAA,CAAAE,MAAA;MAAA,GAAAuB,SACR,CAAAC,GAAA;MAAAC,UACL;MAAAC,QACA;MAAAC,QACA;MACEC,QAAA,EAAI,CAAiD,eACvDhC,IAAA,CAAAG,IAAA;QACA8B,QAAA,MAAY;QACZC,KAAA,YAAO;QAAAC,UAAA;QAEXC,UAAA;QACAJ,QAAA,EAAAX;MAAC;MAAA;AAAA;AACU;MACE;MACJrB,IAAQ,CAAIK,MAAA;QACnByB,QAAA,EAAU;QACVK,UAAA,EAAU;QACVJ,QAAA,EAAApB,aAAW;QAEV0B,cAAA,UAAY;QAAqBL,QAAA,iBAAAhC,IAAA,CAAAe,MAAA;UACpCO,KAAA,GACFA,KAAA,CAEJ;UACSgB,GAAA;UACVf,GAAA;UAGeC,IAAA;UAEZC,QAAA,WAACc,UAASC,MAAA;YAId,WAAAA,MAAA,kBAAAf,QAAA,CAAAe,MAAA;UAGgB;UACP,YAAS,EAAOnB,KAAK;UAC9BoB,OAAA","ignoreList":[]}