@lightsparkdev/ui 1.0.7 → 1.0.9

package/dist/chunk-EZNRFABO.cjs

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/hooks/useClipboard.tsx
+var _react = require('react');
+function useClipboard(clipboardArgs) {
+  var _a, _b;
+  const { onWriteEmptyText, onWriteError, onWrite, onReadError } = _react.useMemo.call(void 0, 
+    () => ({
+      onWriteEmptyText: clipboardArgs == null ? void 0 : clipboardArgs.onWriteEmptyText,
+      onWriteError: clipboardArgs == null ? void 0 : clipboardArgs.onWriteError,
+      onWrite: clipboardArgs == null ? void 0 : clipboardArgs.onWrite,
+      onReadError: clipboardArgs == null ? void 0 : clipboardArgs.onReadError
+    }),
+    [clipboardArgs]
+  );
+  const [canReadFromClipboard, setCanReadFromClipboard] = _react.useState.call(void 0, 
+    typeof ((_a = navigator.clipboard) == null ? void 0 : _a.readText) !== "undefined"
+  );
+  const [canWriteToClipboard, setCanWriteToClipboard] = _react.useState.call(void 0, 
+    typeof ((_b = navigator.clipboard) == null ? void 0 : _b.writeText) !== "undefined"
+  );
+  const writeTextToClipboard = _react.useCallback.call(void 0, 
+    (text) => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+      try {
+        if (!text.trim()) {
+          if (onWriteEmptyText) {
+            onWriteEmptyText();
+          }
+        } else {
+          yield navigator.clipboard.writeText(text);
+          if (onWrite) {
+            onWrite();
+          }
+        }
+      } catch (error) {
+        if (onWriteError) {
+          onWriteError();
+        }
+        setCanWriteToClipboard(false);
+      }
+    }),
+    [onWrite, onWriteEmptyText, onWriteError]
+  );
+  const readTextFromClipboard = _react.useCallback.call(void 0, () => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+    try {
+      const text = yield navigator.clipboard.readText();
+      return text;
+    } catch (error) {
+      if (onReadError) {
+        onReadError();
+      }
+      setCanReadFromClipboard(false);
+      return null;
+    }
+  }), [onReadError]);
+  const clipboard = _react.useMemo.call(void 0, 
+    () => ({
+      canReadFromClipboard,
+      canWriteToClipboard,
+      readTextFromClipboard,
+      writeTextToClipboard
+    }),
+    [
+      canReadFromClipboard,
+      canWriteToClipboard,
+      readTextFromClipboard,
+      writeTextToClipboard
+    ]
+  );
+  return clipboard;
+}
+
+
+
+exports.useClipboard = useClipboard;

package/dist/chunk-F465UN3N.js

@@ -0,0 +1,165 @@
+import {
+  Pill
+} from "./chunk-O7EVPXE5.js";
+import {
+  useClipboard
+} from "./chunk-NFQP7P3D.js";
+import {
+  TextInput
+} from "./chunk-6EXTHISM.js";
+import {
+  InputSubtext,
+  inputBlockStyle
+} from "./chunk-W5NH2F3D.js";
+import {
+  UnstyledButton
+} from "./chunk-EYWGUIVP.js";
+import {
+  Icon
+} from "./chunk-K3DMPJSX.js";
+import {
+  useBreakpoints
+} from "./chunk-JSGRNWSB.js";
+import {
+  __async
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/ReadClipboardButton.tsx
+import styled from "@emotion/styled";
+import { Fragment, useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ReadClipboardButton({
+  onChangeTextInput = () => {
+  },
+  onPasteValue,
+  onRemoveValue,
+  valueLoading = false,
+  value,
+  errorMsg,
+  description,
+  autoButtonText,
+  onClickAutoButton,
+  hint,
+  clipboardCallbacks
+}) {
+  const bp = useBreakpoints();
+  const { canReadFromClipboard, readTextFromClipboard } = useClipboard(clipboardCallbacks);
+  const [isEditingTextInput, setIsEditingTextInput] = useState(false);
+  const isDeleting = useRef(false);
+  const getTextFromClipboard = useCallback(() => __async(this, null, function* () {
+    const text = yield readTextFromClipboard();
+    if (text !== null) {
+      const value2 = text.trim();
+      if (value2 === "") {
+        setIsEditingTextInput(true);
+      } else {
+        onPasteValue(value2);
+      }
+    }
+  }), [onPasteValue, readTextFromClipboard]);
+  function onClick() {
+    if (!isDeleting.current) {
+      void getTextFromClipboard();
+    } else {
+      isDeleting.current = false;
+    }
+  }
+  function onDeleteMouseDown(e) {
+    e.stopPropagation();
+    isDeleting.current = true;
+    onRemoveValue();
+  }
+  function onDeleteMouseUp() {
+    isDeleting.current = false;
+  }
+  const onKeyDown = useCallback(
+    (event) => {
+      const charCode = String.fromCharCode(event.which).toLowerCase();
+      if (document.activeElement === document.body) {
+        if (canReadFromClipboard) {
+          if ((event.ctrlKey || event.metaKey) && charCode === "v") {
+            event.preventDefault();
+            void getTextFromClipboard();
+            return;
+          }
+        }
+        if (event.key === "Escape" || event.key === "Delete") {
+          onRemoveValue();
+        } else if (charCode.match(/^[a-z0-9]$/i)) {
+          setIsEditingTextInput(true);
+        }
+      }
+    },
+    [getTextFromClipboard, canReadFromClipboard, onRemoveValue]
+  );
+  useEffect(() => {
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [onKeyDown]);
+  return (canReadFromClipboard || onClickAutoButton) && !bp.isSm() ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ReadClipboardButtonContainer,
+      {
+        onClick: onClickAutoButton ? onClickAutoButton : onClick,
+        hasAddress: Boolean(value),
+        hasError: Boolean(errorMsg),
+        onMouseUp: onDeleteMouseUp,
+        children: autoButtonText ? /* @__PURE__ */ jsx(
+          UnstyledButton,
+          {
+            onClick: onClickAutoButton,
+            css: { cursor: "pointer" },
+            children: /* @__PURE__ */ jsx(
+              Pill,
+              {
+                text: autoButtonText,
+                icon: "MagicWand",
+                cursor: "pointer",
+                loading: valueLoading,
+                onClickPillBody: onClickAutoButton
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          !value && !isEditingTextInput ? /* @__PURE__ */ jsxs(UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ jsx(Icon, { name: "Copy", width: 19 }),
+            /* @__PURE__ */ jsx("div", { css: { marginTop: "8px" }, children: description })
+          ] }) : null,
+          value || isEditingTextInput ? /* @__PURE__ */ jsx(
+            Pill,
+            {
+              text: value,
+              onDeleteMouseDown,
+              loading: valueLoading,
+              isEditing: isEditingTextInput,
+              onChangeTextInput: (value2) => {
+                onChangeTextInput(value2);
+              },
+              onFocusTextInput: () => setIsEditingTextInput(true),
+              onBlurTextInput: () => setIsEditingTextInput(false),
+              onClickPillBody: onClickAutoButton ? onClickAutoButton : () => setIsEditingTextInput(true)
+            }
+          ) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+  ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      onChange: onChangeTextInput,
+      value,
+      hint,
+      error: errorMsg || void 0
+    }
+  ) });
+}
+var ReadClipboardButtonContainer = styled.div`
+  ${({ theme, hasAddress, hasError }) => inputBlockStyle({ theme, hasValue: hasAddress, hasError })}
+`;
+
+export {
+  ReadClipboardButton
+};

package/dist/chunk-FDRR55YY.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+
+
+var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
+
+// src/components/typography/Overline.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var Overline = ({
+  block = false,
+  children,
+  color,
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledOverline,
+    {
+      size,
+      colorProp: color,
+      block,
+      id,
+      hideOverflow,
+      displayProp: display,
+      children: reactNodes
+    }
+  );
+};
+var StyledOverline = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+exports.Overline = Overline; exports.StyledOverline = StyledOverline;

package/dist/{chunk-Y6Q37DGW.js → chunk-FQNP43IR.js}

@@ -76,9 +76,6 @@ import {
 import {
   SemiCircleOverlap
 } from "./chunk-GOURVX6U.js";
-import {
-  QRCodeIcon
-} from "./chunk-2TGRHBA5.js";
 import {
   QuestionCircle
 } from "./chunk-H5R5ZG3Z.js";
@@ -88,6 +85,9 @@ import {
 import {
   ReactTwoTone
 } from "./chunk-ZXACVTYJ.js";
+import {
+  ReceiptBill
+} from "./chunk-3OYKPPML.js";
 import {
   Recycling
 } from "./chunk-WDFOXMFH.js";
@@ -100,9 +100,6 @@ import {
 import {
   RightArrow
 } from "./chunk-CKOW6ME2.js";
-import {
-  NotEye
-} from "./chunk-3XGQJIDN.js";
 import {
   PaperPlane
 } from "./chunk-GJAG2D3Y.js";
@@ -125,11 +122,8 @@ import {
   PythonTwoTone
 } from "./chunk-M4ORU6SJ.js";
 import {
-  Logo
-} from "./chunk-SIWCH44U.js";
-import {
-  LogoBolt
-} from "./chunk-W5QTCRAG.js";
+  QRCodeIcon
+} from "./chunk-2TGRHBA5.js";
 import {
   LogoOnCircle
 } from "./chunk-CPHTE26N.js";
@@ -149,11 +143,11 @@ import {
   NonagonCheckmark
 } from "./chunk-QDNTIZC2.js";
 import {
-  JavaTwoTone
-} from "./chunk-YO5J3T3L.js";
+  NotEye
+} from "./chunk-3XGQJIDN.js";
 import {
-  KotlinTwoTone
-} from "./chunk-XGUCS6ED.js";
+  Notebook
+} from "./chunk-CTPC457D.js";
 import {
   LeftArrow
 } from "./chunk-36ATWJ72.js";
@@ -173,11 +167,11 @@ import {
   Lock
 } from "./chunk-LDOAR276.js";
 import {
-  Github
-} from "./chunk-24JOGF62.js";
+  Logo
+} from "./chunk-DQHT3RBW.js";
 import {
-  GoTwoTone
-} from "./chunk-55PXMNOG.js";
+  LogoBolt
+} from "./chunk-W5QTCRAG.js";
 import {
   GraphQLTwoTone
 } from "./chunk-FLREHHOH.js";
@@ -197,11 +191,11 @@ import {
   JavaScriptTwoTone
 } from "./chunk-OSOHJUPD.js";
 import {
-  ExclamationPoint
-} from "./chunk-262GCJFO.js";
+  JavaTwoTone
+} from "./chunk-YO5J3T3L.js";
 import {
-  Explorer
-} from "./chunk-GY5XKCWS.js";
+  KotlinTwoTone
+} from "./chunk-XGUCS6ED.js";
 import {
   Eye
 } from "./chunk-ZMCAQFC6.js";
@@ -221,11 +215,11 @@ import {
   Gear
 } from "./chunk-FGJPZTJP.js";
 import {
-  CreditCard
-} from "./chunk-FOC33AUT.js";
+  Github
+} from "./chunk-24JOGF62.js";
 import {
-  DeleteIcon
-} from "./chunk-ACWTDOWH.js";
+  GoTwoTone
+} from "./chunk-55PXMNOG.js";
 import {
   Dollar
 } from "./chunk-KX3WMRSO.js";
@@ -245,11 +239,11 @@ import {
   Envelope
 } from "./chunk-5XTJZUMA.js";
 import {
-  ChevronLeft
-} from "./chunk-272LB55I.js";
+  ExclamationPoint
+} from "./chunk-262GCJFO.js";
 import {
-  CircleCheck
-} from "./chunk-V5GQM24U.js";
+  Explorer
+} from "./chunk-GY5XKCWS.js";
 import {
   CircleCheckOutline
 } from "./chunk-VNJ4NNZJ.js";
@@ -269,11 +263,11 @@ import {
   Copy
 } from "./chunk-ZE4CS3ZS.js";
 import {
-  CaretRight
-} from "./chunk-ZLYJ3AKU.js";
+  CreditCard
+} from "./chunk-FOC33AUT.js";
 import {
-  CentralArrowShareRight
-} from "./chunk-57MJ26OG.js";
+  DeleteIcon
+} from "./chunk-ACWTDOWH.js";
 import {
   Checkmark
 } from "./chunk-IYEEAOW3.js";
@@ -293,11 +287,11 @@ import {
   Chevron
 } from "./chunk-2ITITIZK.js";
 import {
-  ArrowCornerDownRight
-} from "./chunk-6AC5YUBP.js";
+  ChevronLeft
+} from "./chunk-272LB55I.js";
 import {
-  ArrowDown
-} from "./chunk-ZQXRHPB6.js";
+  CircleCheck
+} from "./chunk-V5GQM24U.js";
 import {
   ArrowUp
 } from "./chunk-Q3YLC4JA.js";
@@ -317,11 +311,11 @@ import {
   CameraCapture
 } from "./chunk-SGI4RWHJ.js";
 import {
-  AI
-} from "./chunk-36RZWQ7S.js";
+  CaretRight
+} from "./chunk-ZLYJ3AKU.js";
 import {
-  AnchorLink
-} from "./chunk-UCOL37RG.js";
+  CentralArrowShareRight
+} from "./chunk-57MJ26OG.js";
 import {
   ApiConnection
 } from "./chunk-YRFC56VN.js";
@@ -340,9 +334,21 @@ import {
 import {
   ArrowCircleTier3
 } from "./chunk-DW6LFUI2.js";
+import {
+  ArrowCornerDownRight
+} from "./chunk-6AC5YUBP.js";
+import {
+  ArrowDown
+} from "./chunk-ZQXRHPB6.js";
+import {
+  AI
+} from "./chunk-36RZWQ7S.js";
+import {
+  AnchorLink
+} from "./chunk-UCOL37RG.js";
 import {
   __export
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/icons/index.tsx
 var icons_exports = {};
@@ -420,6 +426,7 @@ __export(icons_exports, {
   NodeAdd: () => NodeAdd,
   NonagonCheckmark: () => NonagonCheckmark,
   NotEye: () => NotEye,
+  Notebook: () => Notebook,
   PaperPlane: () => PaperPlane,
   Pencil: () => Pencil,
   Person: () => Person,
@@ -431,6 +438,7 @@ __export(icons_exports, {
   QuestionCircle: () => QuestionCircle,
   QuestionCircleStrong: () => QuestionCircleStrong,
   ReactTwoTone: () => ReactTwoTone,
+  ReceiptBill: () => ReceiptBill,
   Recycling: () => Recycling,
   Remove: () => Remove,
   Restart: () => Restart,

package/dist/chunk-FR73DFNG.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkOM4IBALUcjs = require('./chunk-OM4IBALU.cjs');
+
+
+var _chunkM355VGZ3cjs = require('./chunk-M355VGZ3.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/QRReader/QRReader.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function QRReader({
+  videoContainerStyle = {},
+  containerStyle = {},
+  videoStyle = {},
+  constraints,
+  scanDelay,
+  className,
+  onResult,
+  videoId
+}) {
+  _chunkM355VGZ3cjs.useQRReader.call(void 0, {
+    constraints,
+    scanDelay,
+    onResult,
+    videoId
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "section", { className, style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      style: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.container), videoContainerStyle),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "video",
+        {
+          muted: true,
+          id: videoId,
+          style: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.video), videoStyle), {
+            transform: (constraints == null ? void 0 : constraints.facingMode) === "user" ? "scaleX(-1)" : void 0
+          })
+        }
+      )
+    }
+  ) });
+}
+QRReader.displayName = "QRReader";
+QRReader.defaultProps = {
+  constraints: {
+    facingMode: "user"
+  },
+  videoId: "video",
+  scanDelay: 500
+};
+
+
+
+exports.QRReader = QRReader;

package/dist/chunk-FRXVOBFV.cjs

@@ -0,0 +1,102 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+
+
+
+var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+
+
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+
+
+var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.cjs');
+
+
+var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+
+// src/components/ClipboardTextField.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ClipboardTextField({
+  value,
+  icon,
+  stopPropagation,
+  maxLines,
+  elide: elideArgs,
+  wordBreakAll = false,
+  tag = "span",
+  iconSide = "left",
+  typography,
+  clipboardCallbacks
+}) {
+  const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
+  const addLineClamp = maxLines && maxLines > 1;
+  const displayValue = elideArgs ? _chunk7PRNB5U5cjs.elide.call(void 0, value, elideArgs) : value;
+  const nodes = _chunk2ZRPJUTYcjs.renderTypography.call(void 0, (typography == null ? void 0 : typography.type) || "Body", {
+    content: displayValue,
+    size: (typography == null ? void 0 : typography.size) || "ExtraSmall",
+    color: (typography == null ? void 0 : typography.color) || "inherit"
+  });
+  const baseValueCSS = {
+    flex: 1,
+    overflow: "hidden",
+    textAlign: "left",
+    textOverflow: "ellipsis",
+    wordBreak: wordBreakAll ? "break-all" : "normal",
+    verticalAlign: "middle"
+  };
+  const valueCSS = addLineClamp ? _chunkZO52GP5Zcjs.extend.call(void 0, baseValueCSS, _chunkZO52GP5Zcjs.lineClamp.call(void 0, maxLines), { alignSelf: "baseline" }) : baseValueCSS;
+  const valueNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: valueCSS, children: nodes });
+  const onClick = _react.useCallback.call(void 0, 
+    (event) => {
+      if (stopPropagation) {
+        event.stopPropagation();
+      }
+      void writeTextToClipboard(value);
+    },
+    [stopPropagation, value, writeTextToClipboard]
+  );
+  function onKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      if (stopPropagation) {
+        event.stopPropagation();
+      }
+      void writeTextToClipboard(value);
+    }
+  }
+  const baseContainerCSS = {
+    maxWidth: "100%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    alignItems: "center",
+    boxSizing: "content-box",
+    cursor: "pointer"
+  };
+  const containerCSS = addLineClamp ? (
+    /* keep the icon on the same line when addLineClamp: */
+    _chunkZO52GP5Zcjs.extend.call(void 0, baseContainerCSS, { display: "inline-flex" })
+  ) : maxLines === 1 ? _chunkZO52GP5Zcjs.extend.call(void 0, baseContainerCSS, { whiteSpace: "nowrap", display: "inline-flex" }) : baseContainerCSS;
+  return canWriteToClipboard && value ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    StyledClipboardTextField,
+    {
+      as: tag,
+      onClick,
+      css: containerCSS,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown,
+      children: [
+        icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 16, mr: 4 }) : null,
+        valueNode,
+        icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 16, ml: 4 }) : null
+      ]
+    }
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledClipboardTextField, { as: tag, css: containerCSS, children: valueNode });
+}
+var StyledClipboardTextField = _styled2.default.span``;
+
+
+
+exports.ClipboardTextField = ClipboardTextField;

package/dist/chunk-G4KKDEZ4.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/SecretInput.tsx
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function SecretInput(_a) {
+  var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
+  const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkGFKY6YX2cjs.TextInput,
+    _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
+      type: showSecret ? void 0 : "password",
+      onClickIcon: () => setShowSecret(!showSecret),
+      icon: {
+        name: showSecret ? "NotEye" : "Eye",
+        width: 16
+      }
+    })
+  );
+}
+
+
+
+exports.SecretInput = SecretInput;