@rhinestone/deposit-modal 0.8.2 → 0.9.0

package/dist/chunk-T7LGQFP3.cjs

@@ -0,0 +1,81 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkVN4BLZYCcjs = require('./chunk-VN4BLZYC.cjs');
+
+// src/components/ui/ListRow.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ListRow({
+  leading,
+  leadingMedia,
+  title,
+  subtitle,
+  meta,
+  trailing,
+  action,
+  className = "",
+  onClick,
+  disabled,
+  ...props
+}) {
+  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    leadingMedia ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading", children: leading }) : null,
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-body", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-text", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-title", children: title }),
+        subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-subtitle", children: subtitle })
+      ] }),
+      action ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "rs-list-row-action",
+          disabled,
+          onClick: (e) => {
+            e.stopPropagation();
+            action.onClick();
+          },
+          children: action.label
+        }
+      ) : meta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-list-row-meta", children: meta })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-chevron", children: _nullishCoalesce(trailing, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVN4BLZYCcjs.ChevronRightIcon, {}))) })
+  ] });
+  if (action) {
+    const handleKey = (e) => {
+      if (disabled) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        _optionalChain([onClick, 'optionalCall', _ => _(e)]);
+      }
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: `rs-list-row ${className}`.trim(),
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled || void 0,
+        onClick: disabled ? void 0 : (e) => _optionalChain([onClick, 'optionalCall', _2 => _2(e)]),
+        onKeyDown: handleKey,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      className: `rs-list-row ${className}`.trim(),
+      onClick,
+      disabled,
+      ...props,
+      children: inner
+    }
+  );
+}
+ListRow.displayName = "ListRow";
+
+
+
+exports.ListRow = ListRow;