@stableflow/pay-ui 0.0.1 → 0.1.0

package/README.md

@@ -1,6 +1,6 @@
 # @stableflow/pay-ui
 
-Presentational React components and inline SVG icons for Stableflow Pay. The package has no business types, HTTP clients, wallets, or stores.
+Presentational React components and inline SVG icons for StableFlow Pay. The package has no business types, HTTP clients, wallets, or stores.
 
 Import each component by its subpath. There is no root barrel.
 

package/dist/icons/down.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IconProps } from './types.js';
+
+declare const IconDown: (props: IconProps) => react.JSX.Element;
+
+export { IconDown, IconDown as default };

package/dist/icons/down.js

@@ -0,0 +1,33 @@
+// src/icons/down.tsx
+import { jsx } from "react/jsx-runtime";
+var IconDown = (props) => {
+  const {
+    className,
+    style
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "13",
+      height: "14",
+      viewBox: "0 0 13 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.2778 12.5997C12.4693 12.5997 12.653 12.6735 12.7885 12.8048C12.9239 12.9361 13 13.1142 13 13.2999C13 13.4855 12.9239 13.6636 12.7885 13.7949C12.653 13.9262 12.4693 14 12.2778 14H0.722222C0.530677 14 0.346977 13.9262 0.211534 13.7949C0.0760911 13.6636 0 13.4855 0 13.2999C0 13.1142 0.0760911 12.9361 0.211534 12.8048C0.346977 12.6735 0.530677 12.5997 0.722222 12.5997H12.2778ZM6.5 0C6.69155 0 6.87525 0.0737646 7.01069 0.205066C7.14613 0.336368 7.22222 0.514451 7.22222 0.70014V9.15713L10.6817 5.80346C10.8115 5.67766 10.9859 5.60451 11.1694 5.59889C11.3529 5.59327 11.5317 5.6556 11.6695 5.77321C11.8073 5.89082 11.8937 6.05488 11.9111 6.23203C11.9286 6.40919 11.8758 6.58616 11.7636 6.72695L11.7029 6.79276L7.00772 11.3472C6.88345 11.4678 6.71804 11.5404 6.54252 11.5512C6.367 11.562 6.19343 11.5104 6.05439 11.406L5.9865 11.3479L1.29567 6.80816C1.16565 6.6824 1.08994 6.51334 1.08394 6.33538C1.07795 6.15742 1.14212 5.98394 1.2634 5.85022C1.38468 5.7165 1.55395 5.6326 1.73678 5.61559C1.91961 5.59858 2.10226 5.64974 2.24756 5.75865L2.31544 5.81676L5.77778 9.16623V0.70014C5.77778 0.514451 5.85387 0.336368 5.98931 0.205066C6.12475 0.0737646 6.30845 0 6.5 0Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+var down_default = IconDown;
+export {
+  IconDown,
+  down_default as default
+};
+//# sourceMappingURL=down.js.map

package/dist/icons/down.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/down.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconDown = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      width=\"13\"\n      height=\"14\"\n      viewBox=\"0 0 13 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M12.2778 12.5997C12.4693 12.5997 12.653 12.6735 12.7885 12.8048C12.9239 12.9361 13 13.1142 13 13.2999C13 13.4855 12.9239 13.6636 12.7885 13.7949C12.653 13.9262 12.4693 14 12.2778 14H0.722222C0.530677 14 0.346977 13.9262 0.211534 13.7949C0.0760911 13.6636 0 13.4855 0 13.2999C0 13.1142 0.0760911 12.9361 0.211534 12.8048C0.346977 12.6735 0.530677 12.5997 0.722222 12.5997H12.2778ZM6.5 0C6.69155 0 6.87525 0.0737646 7.01069 0.205066C7.14613 0.336368 7.22222 0.514451 7.22222 0.70014V9.15713L10.6817 5.80346C10.8115 5.67766 10.9859 5.60451 11.1694 5.59889C11.3529 5.59327 11.5317 5.6556 11.6695 5.77321C11.8073 5.89082 11.8937 6.05488 11.9111 6.23203C11.9286 6.40919 11.8758 6.58616 11.7636 6.72695L11.7029 6.79276L7.00772 11.3472C6.88345 11.4678 6.71804 11.5404 6.54252 11.5512C6.367 11.562 6.19343 11.5104 6.05439 11.406L5.9865 11.3479L1.29567 6.80816C1.16565 6.6824 1.08994 6.51334 1.08394 6.33538C1.07795 6.15742 1.14212 5.98394 1.2634 5.85022C1.38468 5.7165 1.55395 5.6326 1.73678 5.61559C1.91961 5.59858 2.10226 5.64974 2.24756 5.75865L2.31544 5.81676L5.77778 9.16623V0.70014C5.77778 0.514451 5.85387 0.336368 5.98931 0.205066C6.12475 0.0737646 6.30845 0 6.5 0Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconDown;\n"],"mappings":";AAkBM;AAhBC,IAAM,WAAW,CAAC,UAAqB;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/icons/private.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IconProps } from './types.js';
+
+declare const IconPrivate: (props: IconProps) => react.JSX.Element;
+
+export { IconPrivate, IconPrivate as default };

package/dist/icons/private.js

@@ -0,0 +1,33 @@
+// src/icons/private.tsx
+import { jsx } from "react/jsx-runtime";
+var IconPrivate = (props) => {
+  const {
+    className,
+    style
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "10",
+      height: "12",
+      viewBox: "0 0 10 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4.26129 0.158674C4.77135 -0.0553333 5.34268 -0.0527711 5.85092 0.165803L9.12099 1.57215C9.65327 1.80106 10 2.33779 10 2.93286V7.31903C10 7.53038 9.95596 7.73926 9.87086 7.9315C9.78576 8.12375 9.6616 8.29486 9.5068 8.43324L5.91944 11.6401C5.38089 12.1215 4.58093 12.1198 4.04429 11.6361L0.488817 8.43151C0.335297 8.29315 0.212248 8.12248 0.127937 7.93098C0.0436251 7.73948 2.7635e-06 7.53158 0 7.32124V2.93857C0 2.33884 0.352112 1.79887 0.890495 1.57298L4.26129 0.158674ZM5.42818 1.21251C5.18744 1.10898 4.91681 1.10776 4.67521 1.20913L1.30441 2.62344C1.24367 2.64892 1.19167 2.69252 1.15506 2.74865C1.11845 2.80479 1.0989 2.87091 1.0989 2.93857V7.32126C1.0989 7.3698 1.10897 7.41778 1.12843 7.46197C1.14789 7.50616 1.17628 7.54555 1.21171 7.57748L4.76719 10.7821C4.89103 10.8937 5.07564 10.8941 5.19992 10.783L8.78728 7.57615C8.823 7.54422 8.85166 7.50473 8.8713 7.46037C8.89093 7.416 8.9011 7.3678 8.9011 7.31903V2.93286C8.9011 2.79554 8.82108 2.67168 8.69825 2.61886L5.42818 1.21251ZM5.01832 3.91524C5.56453 3.91524 6.00733 4.37218 6.00733 4.93582C6.00733 5.27339 5.8485 5.57267 5.60376 5.75846C5.60419 5.76767 5.6044 5.77696 5.6044 5.78629V7.67624C5.6044 7.99983 5.3502 8.26213 5.03663 8.26213C4.72307 8.26213 4.46887 7.99981 4.46887 7.67624V5.7863L4.46888 5.78454C4.20381 5.60146 4.02931 5.28968 4.02931 4.93582C4.02931 4.37216 4.47211 3.91525 5.01832 3.91525V3.91524Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+var private_default = IconPrivate;
+export {
+  IconPrivate,
+  private_default as default
+};
+//# sourceMappingURL=private.js.map

package/dist/icons/private.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/private.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconPrivate = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      width=\"10\"\n      height=\"12\"\n      viewBox=\"0 0 10 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M4.26129 0.158674C4.77135 -0.0553333 5.34268 -0.0527711 5.85092 0.165803L9.12099 1.57215C9.65327 1.80106 10 2.33779 10 2.93286V7.31903C10 7.53038 9.95596 7.73926 9.87086 7.9315C9.78576 8.12375 9.6616 8.29486 9.5068 8.43324L5.91944 11.6401C5.38089 12.1215 4.58093 12.1198 4.04429 11.6361L0.488817 8.43151C0.335297 8.29315 0.212248 8.12248 0.127937 7.93098C0.0436251 7.73948 2.7635e-06 7.53158 0 7.32124V2.93857C0 2.33884 0.352112 1.79887 0.890495 1.57298L4.26129 0.158674ZM5.42818 1.21251C5.18744 1.10898 4.91681 1.10776 4.67521 1.20913L1.30441 2.62344C1.24367 2.64892 1.19167 2.69252 1.15506 2.74865C1.11845 2.80479 1.0989 2.87091 1.0989 2.93857V7.32126C1.0989 7.3698 1.10897 7.41778 1.12843 7.46197C1.14789 7.50616 1.17628 7.54555 1.21171 7.57748L4.76719 10.7821C4.89103 10.8937 5.07564 10.8941 5.19992 10.783L8.78728 7.57615C8.823 7.54422 8.85166 7.50473 8.8713 7.46037C8.89093 7.416 8.9011 7.3678 8.9011 7.31903V2.93286C8.9011 2.79554 8.82108 2.67168 8.69825 2.61886L5.42818 1.21251ZM5.01832 3.91524C5.56453 3.91524 6.00733 4.37218 6.00733 4.93582C6.00733 5.27339 5.8485 5.57267 5.60376 5.75846C5.60419 5.76767 5.6044 5.77696 5.6044 5.78629V7.67624C5.6044 7.99983 5.3502 8.26213 5.03663 8.26213C4.72307 8.26213 4.46887 7.99981 4.46887 7.67624V5.7863L4.46888 5.78454C4.20381 5.60146 4.02931 5.28968 4.02931 4.93582C4.02931 4.37216 4.47211 3.91525 5.01832 3.91525V3.91524Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconPrivate;\n"],"mappings":";AAkBM;AAhBC,IAAM,cAAc,CAAC,UAAqB;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stableflow/pay-ui",
-  "version": "0.0.1",
-  "description": "Presentational React components and icons for Stableflow Pay.",
+  "version": "0.1.0",
+  "description": "Presentational React components and icons for StableFlow Pay.",
   "keywords": [
     "stableflow",
     "react",

package/dist/icons/payment.d.ts

@@ -1,6 +0,0 @@
-import * as react from 'react';
-import { IconProps } from './types.js';
-
-declare const IconPayment: (props: IconProps) => react.JSX.Element;
-
-export { IconPayment, IconPayment as default };

package/dist/icons/payment.js

@@ -1,33 +0,0 @@
-// src/icons/payment.tsx
-import { jsx } from "react/jsx-runtime";
-var IconPayment = (props) => {
-  const {
-    className,
-    style
-  } = props;
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 13.5996 13.5996",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: className ? `sfp-icon ${className}` : "sfp-icon",
-      style,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12.7998 12C13.2416 12 13.5996 12.358 13.5996 12.7998C13.5996 13.2416 13.2416 13.5996 12.7998 13.5996H0.799805C0.357977 13.5996 0 13.2416 0 12.7998C0 12.358 0.357977 12 0.799805 12H12.7998ZM6 10.2285V2.77734L2.75977 6.13086C2.45276 6.44851 1.94662 6.4573 1.62891 6.15039C1.31121 5.84334 1.30233 5.33723 1.60938 5.01953L6.22461 0.244141L6.2832 0.188477C6.42692 0.0670196 6.60992 0 6.7998 0C7.01671 0 7.22426 0.088174 7.375 0.244141L11.9902 5.01953C12.2973 5.33723 12.2884 5.84334 11.9707 6.15039C11.653 6.4573 11.1468 6.44851 10.8398 6.13086L7.59961 2.77734V10.2285C7.59953 10.6703 7.24159 11.0283 6.7998 11.0283C6.35802 11.0283 6.00008 10.6703 6 10.2285Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-};
-var payment_default = IconPayment;
-export {
-  IconPayment,
-  payment_default as default
-};
-//# sourceMappingURL=payment.js.map

package/dist/icons/payment.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/icons/payment.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconPayment = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 13.5996 13.5996\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M12.7998 12C13.2416 12 13.5996 12.358 13.5996 12.7998C13.5996 13.2416 13.2416 13.5996 12.7998 13.5996H0.799805C0.357977 13.5996 0 13.2416 0 12.7998C0 12.358 0.357977 12 0.799805 12H12.7998ZM6 10.2285V2.77734L2.75977 6.13086C2.45276 6.44851 1.94662 6.4573 1.62891 6.15039C1.31121 5.84334 1.30233 5.33723 1.60938 5.01953L6.22461 0.244141L6.2832 0.188477C6.42692 0.0670196 6.60992 0 6.7998 0C7.01671 0 7.22426 0.088174 7.375 0.244141L11.9902 5.01953C12.2973 5.33723 12.2884 5.84334 11.9707 6.15039C11.653 6.4573 11.1468 6.44851 10.8398 6.13086L7.59961 2.77734V10.2285C7.59953 10.6703 7.24159 11.0283 6.7998 11.0283C6.35802 11.0283 6.00008 10.6703 6 10.2285Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconPayment;\n"],"mappings":";AAkBM;AAhBC,IAAM,cAAc,CAAC,UAAqB;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}