@multiplatform.one/frappe-ui 7.23.2 → 7.24.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","XStack","hairlineWidth","useResolvedKnobs","jsx","FacetBadge","label","tint","compact","knobProps","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","borderColor","borderWidth","alignItems","children","body","textTransform","fontWeight","color","fontSize","letterSpacing"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,aAAA,EAAeC,gBAAA,QAAwB;AA0B1C,SAAAC,GAAA;AAZC,SAASC,WAAW;EAAEC,KAAA;EAAOC,IAAA,GAAO;EAAQC,OAAA,GAAU;AAAM,GAAoB;EACrF,MAAM;IAAEC;EAAU,IAAIN,gBAAA,CAAiB;IAAEK,OAAA,EAAS;EAAK,CAAC;EACxD,OACE,eAAAJ,GAAA,CAACH,MAAA;IACE,GAAGQ,SAAA,CAAUC,YAAA;IACdC,iBAAA,EAAmBH,OAAA,GAAU,SAAS;IACtCI,eAAA,EAAiBJ,OAAA,GAAU,SAAS;IACpCK,eAAA,EAAiB,IAAIN,IAAI;IACzBO,WAAA,EAAa,IAAIP,IAAI;IACrBQ,WAAA,EAAab,aAAA;IACbc,UAAA,EAAW;IAEXC,QAAA,iBAAAb,GAAA,CAACJ,IAAA;MACE,GAAGS,SAAA,CAAUH,KAAA;MACb,GAAGG,SAAA,CAAUS,IAAA;MACdC,aAAA,EAAc;MACdC,UAAA,EAAW;MACXC,KAAA,EAAO,IAAId,IAAI;MACd,IAAIC,OAAA,GAAU;QAAEc,QAAA,EAAU;MAAc,IAAI;MAC7CC,aAAA,EAAe;MAEdN,QAAA,EAAAX;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, XStack } from "@multiplatform.one/components";
+import { hairlineWidth, useResolvedKnobs } from "@multiplatform.one/theme";
+function FacetBadge(param) {
+  var {
+    label,
+    tint = "gray",
+    compact = false
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  return /* @__PURE__ */_jsx(XStack, {
+    ...knobProps.borderRadius,
+    paddingHorizontal: compact ? "$1.5" : "$2",
+    paddingVertical: compact ? "$0.5" : "$1",
+    backgroundColor: `$${tint}4`,
+    borderColor: `$${tint}7`,
+    borderWidth: hairlineWidth,
+    alignItems: "center",
+    children: /* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      ...knobProps.body,
+      textTransform: "capitalize",
+      fontWeight: "700",
+      color: `$${tint}12`,
+      ...(compact ? {
+        fontSize: "$1"
+      } : null),
+      letterSpacing: 0.3,
+      children: label
+    })
+  });
+}
+export { FacetBadge };
+//# sourceMappingURL=FacetBadge.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Text","XStack","hairlineWidth","useResolvedKnobs","FacetBadge","param","label","tint","compact","knobProps","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","borderColor","borderWidth","alignItems","children","body","textTransform","fontWeight","color","fontSize","letterSpacing"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,2BAAc;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAe,+BAAwB;AA0B1C,SAAAC,aAAA,EAAAC,gBAAA;AAZC,SAASC,WAAWC,KAAE;EAC3B;IAAMC,KAAE;IAAAC,IAAA,GAAU,MAAI;IAAAC,OAAA;EAAmB,IAAAH,KAAS;EAClD;IAAAI;EACE,IAAAN,gBAAA;IAACK,OAAA;EAAA;EAAA,OACK,eAAUT,IAAA,CAAAE,MAAA;IAAA,GACdQ,SAAA,CAAAC,YAAmB;IAAmBC,iBACtC,EAAiBH,OAAA,GAAU,SAAS;IAAAI,eACpC,EAAAJ,OAAqB,GAAI;IAAAK,eACZ,MAAIN,IAAI;IAAAO,WACrB,MAAaP,IAAA;IAAAQ,WACb,EAAAb,aAAW;IAAAc,UAEX;IAAAC,QAAC,iBAAAlB,IAAA,CAAAC,IAAA;MAAA,GAAAS,SAAA,CAAAH,KAAA;MAAA,GAAAG,SACK,CAAAS,IAAU;MAAAC,aACV,cAAU;MAAAC,UACd;MAAcC,KACd,MAAAd,IAAA,IAAW;MAAA,IAAAC,OACX,GAAO;QAAQc,QACV;MAAwC,IAC7C;MAAeC,aAEd;MAAAN,QAAA,EAAAX;IAAA;EACH;AAAA;AAGN,S","ignoreList":[]}

package/dist/esm/list/FacetRail.mjs

@@ -0,0 +1,174 @@
+import { ScrollView, Text, XStack, isWeb } from "@multiplatform.one/components";
+import { ensureKeyboardModalityTracking, keyboardFocusRingProps, pressTargetHitSlop, transitionProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+const chipVisualHeight = 38;
+const chipHitSlop = pressTargetHitSlop(chipVisualHeight);
+const pipSize = "$1";
+function RailChip({
+  option,
+  selected,
+  tabStop,
+  onPress,
+  onFocusChip,
+  onBlurChip,
+  onMove,
+  testID,
+  register
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [kbFocus, setKbFocus] = useState(false);
+  if (isWeb) ensureKeyboardModalityTracking();
+  const hue = option.tint;
+  const fill = selected ? hue ? `$${hue}5` : "$color5" : hue ? `$${hue}3` : "$color3";
+  const hoverFill = selected ? fill : hue ? `$${hue}4` : "$color4";
+  const textColor = selected ? hue ? `$${hue}12` : "$color12" : hue ? `$${hue}11` : "$color11";
+  const keys = {
+    ArrowRight: 1,
+    ArrowLeft: -1,
+    Home: "home",
+    End: "end"
+  };
+  return /* @__PURE__ */jsxs(XStack, {
+    ref: register,
+    ...knobProps.borderRadius,
+    backgroundColor: fill,
+    borderWidth: 0,
+    paddingHorizontal: "$3",
+    minHeight: chipVisualHeight,
+    hitSlop: chipHitSlop,
+    alignItems: "center",
+    gap: "$1.5",
+    cursor: "pointer",
+    role: "radio",
+    "aria-checked": selected,
+    ...(isWeb ? {
+      tabIndex: tabStop ? 0 : -1
+    } : void 0),
+    ...transitionProps(knobProps.transition),
+    hoverStyle: {
+      backgroundColor: hoverFill
+    },
+    pressStyle: {
+      backgroundColor: fill
+    },
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0,
+      backgroundColor: fill
+    },
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
+    ...(isWeb ? {
+      onFocus: () => {
+        onFocusChip();
+        if (wasKeyboardFocus()) setKbFocus(true);
+      },
+      onBlur: () => {
+        onBlurChip();
+        setKbFocus(false);
+      },
+      onKeyDown: event => {
+        const direction = event.key ? keys[event.key] : void 0;
+        if (direction !== void 0) {
+          event.preventDefault?.();
+          onMove(direction);
+          return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault?.();
+          onPress();
+        }
+      }
+    } : void 0),
+    ...(kbFocus ? keyboardFocusRingProps : void 0),
+    onPress,
+    testID,
+    children: [hue ? /* @__PURE__ */jsx(XStack, {
+      width: pipSize,
+      height: pipSize,
+      borderRadius: 1e3,
+      backgroundColor: `$${hue}9`,
+      flexShrink: 0
+    }) : null, /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      fontWeight: selected ? "700" : "500",
+      color: textColor,
+      textTransform: "capitalize",
+      userSelect: "none",
+      children: option.label
+    }), typeof option.count === "number" ? /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      fontSize: "$1",
+      fontWeight: "700",
+      color: textColor,
+      opacity: 0.7,
+      userSelect: "none",
+      children: option.count
+    }) : null]
+  });
+}
+function FacetRail({
+  label,
+  value,
+  options,
+  onChange,
+  testID
+}) {
+  const itemRefs = useRef({});
+  const [focusValue, setFocusValue] = useState(null);
+  if (isWeb) ensureKeyboardModalityTracking();
+  const anchor = focusValue !== null && options.some(option => option.value === focusValue) ? focusValue : value;
+  const focusAndSelect = next => {
+    setFocusValue(next);
+    onChange(next);
+    if (!isWeb) return;
+    requestAnimationFrame(() => {
+      const node = itemRefs.current[next];
+      node?.focus?.();
+      node?.scrollIntoView?.({
+        inline: "nearest",
+        block: "nearest"
+      });
+    });
+  };
+  const moveFrom = (from, direction) => {
+    if (options.length === 0) return;
+    if (direction === "home") return focusAndSelect(options[0].value);
+    if (direction === "end") return focusAndSelect(options[options.length - 1].value);
+    const index = Math.max(0, options.findIndex(option => option.value === from));
+    focusAndSelect(options[(index + direction + options.length) % options.length].value);
+  };
+  return /* @__PURE__ */jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    flexShrink: 0,
+    children: /* @__PURE__ */jsx(XStack, {
+      role: "radiogroup",
+      "aria-label": label,
+      "aria-orientation": "horizontal",
+      gap: "$1.5",
+      alignItems: "center",
+      paddingVertical: "$1",
+      testID,
+      children: options.map(option => /* @__PURE__ */jsx(RailChip, {
+        option,
+        selected: option.value === value,
+        tabStop: option.value === anchor,
+        onPress: () => onChange(option.value === value && option.value !== "" ? "" : option.value),
+        onFocusChip: () => setFocusValue(option.value),
+        onBlurChip: () => setFocusValue(prev => prev === option.value ? null : prev),
+        onMove: direction => moveFrom(option.value, direction),
+        testID: testID ? `${testID}-${option.value || "all"}` : void 0,
+        register: node => {
+          itemRefs.current[option.value] = node;
+        }
+      }, option.value || "__all"))
+    })
+  });
+}
+export { FacetRail };
+//# sourceMappingURL=FacetRail.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","Text","XStack","isWeb","ensureKeyboardModalityTracking","keyboardFocusRingProps","pressTargetHitSlop","transitionProps","useResolvedKnobs","wasKeyboardFocus","useRef","useState","jsx","jsxs","chipVisualHeight","chipHitSlop","pipSize","RailChip","option","selected","tabStop","onPress","onFocusChip","onBlurChip","onMove","testID","register","knobProps","kbFocus","setKbFocus","hue","tint","fill","hoverFill","textColor","keys","ArrowRight","ArrowLeft","Home","End","ref","borderRadius","backgroundColor","borderWidth","paddingHorizontal","minHeight","hitSlop","alignItems","gap","cursor","role","tabIndex","transition","hoverStyle","pressStyle","outlineWidth","focusStyle","focusVisibleStyle","onFocus","onBlur","onKeyDown","event","direction","key","preventDefault","children","width","height","flexShrink","label","fontWeight","color","textTransform","userSelect","count","fontSize","opacity","FacetRail","value","options","onChange","itemRefs","focusValue","setFocusValue","anchor","some","focusAndSelect","next","requestAnimationFrame","node","current","focus","scrollIntoView","inline","block","moveFrom","from","length","index","Math","max","findIndex","horizontal","showsHorizontalScrollIndicator","paddingVertical","map","prev"],"sources":["../../../src/list/FacetRail.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,195 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollView, Text, XStack, isWeb } from "@multiplatform.one/components";
+import { ensureKeyboardModalityTracking, keyboardFocusRingProps, pressTargetHitSlop, transitionProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useRef, useState } from "react";
+var chipVisualHeight = 38;
+var chipHitSlop = pressTargetHitSlop(chipVisualHeight);
+var pipSize = "$1";
+function RailChip(param) {
+  var {
+    option,
+    selected,
+    tabStop,
+    onPress,
+    onFocusChip,
+    onBlurChip,
+    onMove,
+    testID,
+    register
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [kbFocus, setKbFocus] = useState(false);
+  if (isWeb) ensureKeyboardModalityTracking();
+  var hue = option.tint;
+  var fill = selected ? hue ? `$${hue}5` : "$color5" : hue ? `$${hue}3` : "$color3";
+  var hoverFill = selected ? fill : hue ? `$${hue}4` : "$color4";
+  var textColor = selected ? hue ? `$${hue}12` : "$color12" : hue ? `$${hue}11` : "$color11";
+  var keys = {
+    ArrowRight: 1,
+    ArrowLeft: -1,
+    Home: "home",
+    End: "end"
+  };
+  return /* @__PURE__ */_jsxs(XStack, {
+    ref: register,
+    ...knobProps.borderRadius,
+    backgroundColor: fill,
+    borderWidth: 0,
+    paddingHorizontal: "$3",
+    minHeight: chipVisualHeight,
+    hitSlop: chipHitSlop,
+    alignItems: "center",
+    gap: "$1.5",
+    cursor: "pointer",
+    role: "radio",
+    "aria-checked": selected,
+    ...(isWeb ? {
+      tabIndex: tabStop ? 0 : -1
+    } : void 0),
+    ...transitionProps(knobProps.transition),
+    hoverStyle: {
+      backgroundColor: hoverFill
+    },
+    pressStyle: {
+      backgroundColor: fill
+    },
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0,
+      backgroundColor: fill
+    },
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
+    ...(isWeb ? {
+      onFocus: function onFocus() {
+        onFocusChip();
+        if (wasKeyboardFocus()) setKbFocus(true);
+      },
+      onBlur: function onBlur() {
+        onBlurChip();
+        setKbFocus(false);
+      },
+      onKeyDown: function onKeyDown(event) {
+        var direction = event.key ? keys[event.key] : void 0;
+        if (direction !== void 0) {
+          var _event_preventDefault;
+          (_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);
+          onMove(direction);
+          return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          var _event_preventDefault1;
+          (_event_preventDefault1 = event.preventDefault) === null || _event_preventDefault1 === void 0 ? void 0 : _event_preventDefault1.call(event);
+          onPress();
+        }
+      }
+    } : void 0),
+    ...(kbFocus ? keyboardFocusRingProps : void 0),
+    onPress,
+    testID,
+    children: [hue ? /* @__PURE__ */_jsx(XStack, {
+      width: pipSize,
+      height: pipSize,
+      borderRadius: 1e3,
+      backgroundColor: `$${hue}9`,
+      flexShrink: 0
+    }) : null, /* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      fontWeight: selected ? "700" : "500",
+      color: textColor,
+      textTransform: "capitalize",
+      userSelect: "none",
+      children: option.label
+    }), typeof option.count === "number" ? /* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      fontSize: "$1",
+      fontWeight: "700",
+      color: textColor,
+      opacity: 0.7,
+      userSelect: "none",
+      children: option.count
+    }) : null]
+  });
+}
+function FacetRail(param) {
+  var {
+    label,
+    value,
+    options,
+    onChange,
+    testID
+  } = param;
+  var itemRefs = useRef({});
+  var [focusValue, setFocusValue] = useState(null);
+  if (isWeb) ensureKeyboardModalityTracking();
+  var anchor = focusValue !== null && options.some(function (option) {
+    return option.value === focusValue;
+  }) ? focusValue : value;
+  var focusAndSelect = function focusAndSelect2(next) {
+    setFocusValue(next);
+    onChange(next);
+    if (!isWeb) return;
+    requestAnimationFrame(function () {
+      var _node_focus, _node_scrollIntoView;
+      var node = itemRefs.current[next];
+      node === null || node === void 0 ? void 0 : (_node_focus = node.focus) === null || _node_focus === void 0 ? void 0 : _node_focus.call(node);
+      node === null || node === void 0 ? void 0 : (_node_scrollIntoView = node.scrollIntoView) === null || _node_scrollIntoView === void 0 ? void 0 : _node_scrollIntoView.call(node, {
+        inline: "nearest",
+        block: "nearest"
+      });
+    });
+  };
+  var moveFrom = function moveFrom2(from, direction) {
+    if (options.length === 0) return;
+    if (direction === "home") return focusAndSelect(options[0].value);
+    if (direction === "end") return focusAndSelect(options[options.length - 1].value);
+    var index = Math.max(0, options.findIndex(function (option) {
+      return option.value === from;
+    }));
+    focusAndSelect(options[(index + direction + options.length) % options.length].value);
+  };
+  return /* @__PURE__ */_jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    flexShrink: 0,
+    children: /* @__PURE__ */_jsx(XStack, {
+      role: "radiogroup",
+      "aria-label": label,
+      "aria-orientation": "horizontal",
+      gap: "$1.5",
+      alignItems: "center",
+      paddingVertical: "$1",
+      testID,
+      children: options.map(function (option) {
+        return /* @__PURE__ */_jsx(RailChip, {
+          option,
+          selected: option.value === value,
+          tabStop: option.value === anchor,
+          onPress: function onPress() {
+            return onChange(option.value === value && option.value !== "" ? "" : option.value);
+          },
+          onFocusChip: function onFocusChip() {
+            return setFocusValue(option.value);
+          },
+          onBlurChip: function onBlurChip() {
+            return setFocusValue(function (prev) {
+              return prev === option.value ? null : prev;
+            });
+          },
+          onMove: function onMove(direction) {
+            return moveFrom(option.value, direction);
+          },
+          testID: testID ? `${testID}-${option.value || "all"}` : void 0,
+          register: function register(node) {
+            itemRefs.current[option.value] = node;
+          }
+        }, option.value || "__all");
+      })
+    })
+  });
+}
+export { FacetRail };
+//# sourceMappingURL=FacetRail.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ScrollView","Text","XStack","isWeb","ensureKeyboardModalityTracking","keyboardFocusRingProps","pressTargetHitSlop","transitionProps","useResolvedKnobs","wasKeyboardFocus","useRef","useState","chipVisualHeight","chipHitSlop","pipSize","RailChip","param","option","selected","tabStop","onPress","onFocusChip","onBlurChip","onMove","testID","register","knobProps","kbFocus","setKbFocus","hue","tint","fill","hoverFill","textColor","keys","ArrowRight","ArrowLeft","Home","End","ref","borderRadius","backgroundColor","borderWidth","paddingHorizontal","minHeight","hitSlop","alignItems","gap","cursor","role","tabIndex","transition","hoverStyle","pressStyle","outlineWidth","focusStyle","focusVisibleStyle","onFocus","onBlur","onKeyDown","event","direction","key","_event_preventDefault","preventDefault","call","_event_preventDefault1","children","width","height","flexShrink","label","fontWeight","color","textTransform","userSelect","count","fontSize","opacity","FacetRail","value","options","onChange","itemRefs","focusValue","setFocusValue","anchor","some","focusAndSelect","focusAndSelect2","next","requestAnimationFrame","_node_focus","_node_scrollIntoView","node","current","focus","scrollIntoView","inline","block","moveFrom","moveFrom2","from","length","index","Math","max","findIndex","horizontal","showsHorizontalScrollIndicator","paddingVertical","map","prev"],"sources":["../../../src/list/FacetRail.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/list/ImageWell.mjs

@@ -0,0 +1,86 @@
+import { Image, Text, XStack, YStack, isWeb } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ImageWell({
+  sources,
+  alt,
+  tints,
+  pixelated = false,
+  inset = 0.06,
+  lazy = false,
+  ...wellProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [sourceIndex, setSourceIndex] = useState(0);
+  const [revealedSrc, setRevealedSrc] = useState(null);
+  const hue = tints?.[0] ?? "gray";
+  const secondHue = tints?.[1];
+  const sourceKey = sources.join("|");
+  useEffect(() => {
+    setSourceIndex(0);
+  }, [sourceKey]);
+  const src = sources[sourceIndex] ?? "";
+  const revealed = !isWeb || !src || revealedSrc === src;
+  useEffect(() => {
+    if (!isWeb || !src || revealedSrc === src) return;
+    const timer = setTimeout(() => setRevealedSrc(src), 350);
+    return () => clearTimeout(timer);
+  }, [src, revealedSrc]);
+  const imageSize = `${Math.round((1 - inset * 2) * 100)}%`;
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.borderRadius,
+    borderWidth: 0,
+    backgroundColor: secondHue ? "transparent" : `$${hue}5`,
+    aspectRatio: 1,
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    position: "relative",
+    ...wellProps,
+    children: [secondHue ? /* @__PURE__ */jsxs(XStack, {
+      fullscreen: true,
+      zIndex: 0,
+      pointerEvents: "none",
+      children: [/* @__PURE__ */jsx(YStack, {
+        flex: 1,
+        backgroundColor: `$${hue}5`
+      }), /* @__PURE__ */jsx(YStack, {
+        flex: 1,
+        backgroundColor: `$${secondHue}5`
+      })]
+    }) : null, src ? /* @__PURE__ */jsx(Image, {
+      src,
+      alt,
+      width: imageSize,
+      height: imageSize,
+      objectFit: "contain",
+      opacity: revealed ? 1 : 0,
+      transition: knobProps.transition,
+      zIndex: 1,
+      ...(isWeb ? {
+        loading: lazy ? "lazy" : "eager",
+        decoding: "async"
+      } : void 0),
+      ...(pixelated && isWeb ? {
+        style: {
+          imageRendering: "pixelated"
+        }
+      } : null),
+      onLoad: () => setRevealedSrc(src),
+      onError: () => setSourceIndex(index => index + 1)
+    }, src) : /* @__PURE__ */jsx(Text, {
+      fontSize: "$10",
+      color: `$${hue}8`,
+      fontWeight: "700",
+      "aria-hidden": true,
+      zIndex: 1,
+      children: "?"
+    })]
+  });
+}
+export { ImageWell };
+//# sourceMappingURL=ImageWell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Text","XStack","YStack","isWeb","useResolvedKnobs","useEffect","useState","jsx","jsxs","ImageWell","sources","alt","tints","pixelated","inset","lazy","wellProps","knobProps","sourceIndex","setSourceIndex","revealedSrc","setRevealedSrc","hue","secondHue","sourceKey","join","src","revealed","timer","setTimeout","clearTimeout","imageSize","Math","round","borderRadius","borderWidth","backgroundColor","aspectRatio","width","alignItems","justifyContent","overflow","position","children","fullscreen","zIndex","pointerEvents","flex","height","objectFit","opacity","transition","loading","decoding","style","imageRendering","onLoad","onError","index","fontSize","color","fontWeight"],"sources":["../../../src/list/ImageWell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, Text, XStack, YStack, isWeb } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useEffect, useState } from "react";
+function ImageWell(param) {
+  var {
+    sources,
+    alt,
+    tints,
+    pixelated = false,
+    inset = 0.06,
+    lazy = false,
+    ...wellProps
+  } = param;
+  var _ref, _sources_sourceIndex;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [sourceIndex, setSourceIndex] = useState(0);
+  var [revealedSrc, setRevealedSrc] = useState(null);
+  var hue = (_ref = tints === null || tints === void 0 ? void 0 : tints[0]) !== null && _ref !== void 0 ? _ref : "gray";
+  var secondHue = tints === null || tints === void 0 ? void 0 : tints[1];
+  var sourceKey = sources.join("|");
+  useEffect(function () {
+    setSourceIndex(0);
+  }, [sourceKey]);
+  var src = (_sources_sourceIndex = sources[sourceIndex]) !== null && _sources_sourceIndex !== void 0 ? _sources_sourceIndex : "";
+  var revealed = !isWeb || !src || revealedSrc === src;
+  useEffect(function () {
+    if (!isWeb || !src || revealedSrc === src) return;
+    var timer = setTimeout(function () {
+      return setRevealedSrc(src);
+    }, 350);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [src, revealedSrc]);
+  var imageSize = `${Math.round((1 - inset * 2) * 100)}%`;
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.borderRadius,
+    borderWidth: 0,
+    backgroundColor: secondHue ? "transparent" : `$${hue}5`,
+    aspectRatio: 1,
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    position: "relative",
+    ...wellProps,
+    children: [secondHue ? /* @__PURE__ */_jsxs(XStack, {
+      fullscreen: true,
+      zIndex: 0,
+      pointerEvents: "none",
+      children: [/* @__PURE__ */_jsx(YStack, {
+        flex: 1,
+        backgroundColor: `$${hue}5`
+      }), /* @__PURE__ */_jsx(YStack, {
+        flex: 1,
+        backgroundColor: `$${secondHue}5`
+      })]
+    }) : null, src ? /* @__PURE__ */_jsx(Image, {
+      src,
+      alt,
+      width: imageSize,
+      height: imageSize,
+      objectFit: "contain",
+      opacity: revealed ? 1 : 0,
+      transition: knobProps.transition,
+      zIndex: 1,
+      ...(isWeb ? {
+        loading: lazy ? "lazy" : "eager",
+        decoding: "async"
+      } : void 0),
+      ...(pixelated && isWeb ? {
+        style: {
+          imageRendering: "pixelated"
+        }
+      } : null),
+      onLoad: function onLoad() {
+        return setRevealedSrc(src);
+      },
+      onError: function onError() {
+        return setSourceIndex(function (index) {
+          return index + 1;
+        });
+      }
+    }, src) : /* @__PURE__ */_jsx(Text, {
+      fontSize: "$10",
+      color: `$${hue}8`,
+      fontWeight: "700",
+      "aria-hidden": true,
+      zIndex: 1,
+      children: "?"
+    })]
+  });
+}
+export { ImageWell };
+//# sourceMappingURL=ImageWell.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Image","Text","XStack","YStack","isWeb","useResolvedKnobs","useEffect","useState","ImageWell","param","sources","alt","tints","pixelated","inset","lazy","wellProps","_ref","_sources_sourceIndex","knobProps","sourceIndex","setSourceIndex","revealedSrc","setRevealedSrc","hue","secondHue","sourceKey","join","src","revealed","timer","setTimeout","clearTimeout","imageSize","Math","round","borderRadius","borderWidth","backgroundColor","aspectRatio","width","alignItems","justifyContent","overflow","position","children","fullscreen","zIndex","pointerEvents","flex","height","objectFit","opacity","transition","loading","decoding","style","imageRendering"],"sources":["../../../src/list/ImageWell.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,KAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAAA,SACAC,gBAAA;AAAA,SACAC,SAAA,EAAAC,QAAA;AAAA,SACAC,UAAAC,KAAA;EACA;IAAAC,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,IAAA;IAAA,GAAAC;EAAA,IAAAP,KAAA;EAAA,IAAAQ,IAEK,EAAAC,oBAAA;EACP;IAAAC;EAAS,IAAAd,gBAAwB;EACjC,KAAAe,WAAS,EAAWC,cAAA,IAAgBd,QAAA;EAsE5B,KAAAe,WAAA,EAAAC,cAAA,IAAAhB,QAAA;EA9CD,IAAAiB,GAAS,IAAAP,IAAA,GAAUL,KAAA,aAAAA,KAAA,uBAAAA,KAAA,iBAAAK,IAAA,cAAAA,IAAA;EACxB,IAAAQ,SAAA,GAAAb,KAAA,aAAAA,KAAA,uBAAAA,KAAA;EACA,IAAAc,SAAA,GAAAhB,OAAA,CAAAiB,IAAA;EACArB,SAAA;IACAe,cAAY;EACZ,IACAK,SAAO,CACP;EACF,IAAmBE,GAAA,IAAAV,oBAAA,GAAAR,OAAA,CAAAU,WAAA,eAAAF,oBAAA,cAAAA,oBAAA;EACjB,IAAAW,QAAQ,IAAAzB,KAAU,IAAI,CAAAwB,GAAA,IAAAN,WAAiB,KAAAM,GAAA;EACvCtB,SAAO,aAAa;IACpB,IAAM,CAACF,KAAA,KAAAwB,GAAa,IAAAN,WAAc,KAAIM,GAAA;IACtC,IAAME,KAAA,GAAMC,UAAS,aAAK;MAC1B,OAAMR,cAAY,CAAQK,GAAC;IAE3B,MAAM;IACN,mBAAgB;MACd,OAAAI,YAAgB,CAAAF,KAAA;IAClB,CAAG;EAEH,IAGAF,GAAA,EACAN,WAAU,CACR;EACA,IAAAW,SAAM,GAAQ,GAAAC,IAAA,CAAAC,KAAW,MAAMrB,KAAA,QAAe,GAAG,IAAG;EACpD,sBAAaf,KAAa,CAAAI,MAAK;IACjC,GAAIgB,SAAK,CAAAiB,YAAY;IAErBC,WAAM;IAENC,eACE,EAAAb,SAAA,uBAAAD,GAAA;IAACe,WAAA;IAAAC,KAAA;IAAAC,UACK,UAAU;IAAAC,cACd,EAAa;IAAAC,QACb;IAAqDC,QACrD,YAAa;IAAA,GACb5B,SAAM;IAAA6B,QACN,GACApB,SAAA,kBAAe1B,KAAA,CAAAG,MAAA;MACf4C,UAAS;MACTC,MAAA,EAAS;MACRC,aAAG;MAEHH,QAAA,kBACChD,IAAA,CAAAM,MAAA;QACE8C,IAAA;QACAX,eAAA,MAACd,GAAA;MAA4D,CAC/D,GAED,eACC3B,IAAA,CAAAM,MAAA;QAAC8C,IAAA;QAAAX,eAAA,MAAAb,SAAA;MAAA,EAEC;IACA,SACA,EAAOG,GAAA,GACP,eAAQ/B,IAAA,CAAAG,KAAA;MAAA4B,GAAA;MACEjB,GAAA;MACc6B,KACxB,EAAAP,SAAY;MAAUiB,MACtB,EAAAjB,SAAQ;MAAAkB,SACF,WAAU;MAAwDC,OAGnE,EAAAvB,QAAA,GAAa;MAA8DwB,UAChF,EAAQlC,SAAM,CAAAkC,UAAA;MAAkBN,MAChC;MAAkD,IAAA3C,KAAA;QAd7CkD,OAAA,EAAAvC,IAAA;QAePwC,QAEA;MAEA;MAAA,IAAA1C,SAAA,IAAAT,KAAA;QAEJoD,KAAA;UAEJC,cAAA","ignoreList":[]}