@multiplatform.one/frappe-ui 7.23.2 → 7.25.0

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

@@ -0,0 +1,66 @@
+"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 FacetBadge_exports = {};
+__export(FacetBadge_exports, {
+  FacetBadge: () => FacetBadge
+});
+module.exports = __toCommonJS(FacetBadge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+function FacetBadge(param) {
+  var {
+    label,
+    tint = "gray",
+    compact = false
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    ...knobProps.borderRadius,
+    paddingHorizontal: compact ? "$1.5" : "$2",
+    paddingVertical: compact ? "$0.5" : "$1",
+    backgroundColor: `$${tint}4`,
+    borderColor: `$${tint}7`,
+    borderWidth: import_theme.hairlineWidth,
+    alignItems: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      ...knobProps.body,
+      textTransform: "capitalize",
+      fontWeight: "700",
+      color: `$${tint}12`,
+      ...(compact ? {
+        fontSize: "$1"
+      } : null),
+      letterSpacing: 0.3,
+      children: label
+    })
+  });
+}
+//# sourceMappingURL=FacetBadge.native.js.map

package/dist/jsx/list/FacetBadge.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","FacetBadge_exports","FacetBadge","module","exports","import_jsx_runtime","require","import_components","import_theme","param","label","tint","compact","knobProps","useResolvedKnobs"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAe;AA0BlB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAZC,IAAAC,iBAAoB,GAAEJ,MAAO,CAAAK,mBAAe;AACjD,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAmB;AACzC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACe,IAAAC,WACd,GAAAA,CAAAC,EAAA,EAAAC,IAAmB,EAAAC,MAAU,EAAAC,IAAA,KAAS;EAAA,IACtCF,IAAA,WAAAA,IAAiB,aAAU,IAAS,OAAAA,IAAA;IAAA,KACpC,IAAAG,GAAA,IAAAhB,iBAAyB,CAAAa,IAAA,GACzB,KAAAX,YAAiB,CAAAe,IAAI,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACrBnB,SAAA,CAAAiB,EAAa,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACF,OAEXE,EAAA;AAAA;AAAC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,kBACK,GAAU;AAAAhB,QAAA,CAAAgB,kBACA;EAAAC,UACd,EAAAA,CAAA,KAAAA;AAAc;AACHC,MAAA,CAAAC,OACX,GAAON,YAAQ,CAAAG,kBAAA;AAAA,IAAAI,kBACV,GAAYC,OAAA,oBAA4B;AAAA,IAAAC,iBAC7C,GAAAD,OAAe;AAAA,IAAAE,YAEd,GAAAF,OAAA;AAAA,SAAAJ,WAAAO,KAAA;EAAA,IACH;IAAAC,KAAA;IAAAC,IAAA;IAAAC,OAAA;EAAA,IAAAH,KAAA;EAAA;IAAAI;EAAA,QAAAL,YAAA,CAAAM,gBAAA;IACFF,OAAA;EAEJ","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/list/FacetRail.native.js

@@ -0,0 +1,223 @@
+"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 FacetRail_exports = {};
+__export(FacetRail_exports, {
+  FacetRail: () => FacetRail
+});
+module.exports = __toCommonJS(FacetRail_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var chipVisualHeight = 38;
+var chipHitSlop = (0, import_theme.pressTargetHitSlop)(chipVisualHeight);
+var pipSize = "$1";
+function RailChip(param) {
+  var {
+    option,
+    selected,
+    tabStop,
+    onPress,
+    onFocusChip,
+    onBlurChip,
+    onMove,
+    testID,
+    register
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [kbFocus, setKbFocus] = (0, import_react.useState)(false);
+  if (import_components.isWeb) (0, import_theme.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__ */(0, import_jsx_runtime.jsxs)(import_components.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,
+    ...(import_components.isWeb ? {
+      tabIndex: tabStop ? 0 : -1
+    } : void 0),
+    ...(0, import_theme.transitionProps)(knobProps.transition),
+    hoverStyle: {
+      backgroundColor: hoverFill
+    },
+    pressStyle: {
+      backgroundColor: fill
+    },
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0,
+      backgroundColor: fill
+    },
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
+    ...(import_components.isWeb ? {
+      onFocus: function onFocus() {
+        onFocusChip();
+        if ((0, import_theme.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 ? import_theme.keyboardFocusRingProps : void 0),
+    onPress,
+    testID,
+    children: [hue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      width: pipSize,
+      height: pipSize,
+      borderRadius: 1e3,
+      backgroundColor: `$${hue}9`,
+      flexShrink: 0
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      fontWeight: selected ? "700" : "500",
+      color: textColor,
+      textTransform: "capitalize",
+      userSelect: "none",
+      children: option.label
+    }), typeof option.count === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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 = (0, import_react.useRef)({});
+  var [focusValue, setFocusValue] = (0, import_react.useState)(null);
+  if (import_components.isWeb) (0, import_theme.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 (!import_components.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__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    flexShrink: 0,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      role: "radiogroup",
+      "aria-label": label,
+      "aria-orientation": "horizontal",
+      gap: "$1.5",
+      alignItems: "center",
+      paddingVertical: "$1",
+      testID,
+      children: options.map(function (option) {
+        return /* @__PURE__ */(0, import_jsx_runtime.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");
+      })
+    })
+  });
+}
+//# sourceMappingURL=FacetRail.native.js.map

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

package/dist/jsx/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/jsx/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":[]}