@le-space/ui 0.1.52 → 0.1.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@le-space/ui",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "description": "Floating Aleph sponsor relay UI components for Svelte and React.",
   "license": "MIT",
   "type": "module",
@@ -9,15 +9,18 @@
   "exports": {
     ".": {
       "types": "./shared/index.d.ts",
-      "import": "./shared/index.js"
+      "import": "./shared/index.js",
+      "default": "./shared/index.js"
     },
     "./shared": {
       "types": "./shared/index.d.ts",
-      "import": "./shared/index.js"
+      "import": "./shared/index.js",
+      "default": "./shared/index.js"
     },
     "./react": {
       "types": "./react/index.d.ts",
-      "import": "./react/index.js"
+      "import": "./react/index.js",
+      "default": "./react/index.js"
     },
     "./svelte": "./svelte/index.js",
     "./styles.css": "./styles.css"

package/react/index.js

@@ -1724,6 +1724,17 @@ var panelStyle = {
   padding: "1rem",
   fontFamily: '"DM Sans", "Inter", sans-serif'
 };
+var fieldStyle = {
+  width: "100%",
+  borderRadius: "0.8rem",
+  border: "1px solid rgba(255,255,255,0.16)",
+  background: "rgba(248,250,252,0.98)",
+  color: "#111827",
+  padding: "0.7rem 0.85rem",
+  fontFamily: '"DM Sans", "Inter", sans-serif',
+  fontSize: "0.98rem",
+  lineHeight: 1.45
+};
 function SponsorRelayFab(props) {
   const { controller, state } = useSponsorRelayController(props);
   const launcherMode = props.launcherMode ?? "floating";
@@ -1777,13 +1788,54 @@ function SponsorRelayFab(props) {
         /* @__PURE__ */ jsx("p", { style: { color: "#9fb2ca" }, children: state.statusText }),
         state.errorText ? /* @__PURE__ */ jsx("p", { style: { color: "#ffd9d9" }, children: state.errorText }) : null,
         /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.75rem", marginTop: "0.9rem" }, children: [
-          /* @__PURE__ */ jsx("input", { value: state.manifestUrl, onChange: (event) => controller.setManifestUrl(event.currentTarget.value), placeholder: "Manifest URL" }),
-          /* @__PURE__ */ jsx("input", { value: state.instanceName, onChange: (event) => controller.setInstanceName(event.currentTarget.value), placeholder: "Instance name" }),
-          /* @__PURE__ */ jsx("select", { value: state.pricingSummary.tier?.id ?? state.tierId, onChange: (event) => controller.setTierId(event.currentTarget.value), children: (state.pricingSummary.pricing?.tiers ?? []).map((tier) => /* @__PURE__ */ jsx("option", { value: tier.id, children: tier.id }, tier.id)) }),
-          /* @__PURE__ */ jsx("textarea", { rows: 3, value: state.sshPublicKey, onChange: (event) => controller.setSshPublicKey(event.currentTarget.value), placeholder: "SSH public key" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              style: fieldStyle,
+              value: state.manifestUrl,
+              onChange: (event) => controller.setManifestUrl(event.currentTarget.value),
+              placeholder: "Manifest URL"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              style: fieldStyle,
+              value: state.instanceName,
+              onChange: (event) => controller.setInstanceName(event.currentTarget.value),
+              placeholder: "Instance name"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              style: fieldStyle,
+              value: state.pricingSummary.tier?.id ?? state.tierId,
+              onChange: (event) => controller.setTierId(event.currentTarget.value),
+              children: (state.pricingSummary.pricing?.tiers ?? []).map((tier) => /* @__PURE__ */ jsx("option", { value: tier.id, children: tier.id }, tier.id))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              style: fieldStyle,
+              rows: 3,
+              value: state.sshPublicKey,
+              onChange: (event) => controller.setSshPublicKey(event.currentTarget.value),
+              placeholder: "SSH public key"
+            }
+          ),
           /* @__PURE__ */ jsxs("details", { children: [
             /* @__PURE__ */ jsx("summary", { children: "Paste Manifest" }),
-            /* @__PURE__ */ jsx("textarea", { rows: 7, value: state.manifestJson, onChange: (event) => controller.setManifestJson(event.currentTarget.value) })
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                style: { ...fieldStyle, marginTop: "0.65rem" },
+                rows: 7,
+                value: state.manifestJson,
+                onChange: (event) => controller.setManifestJson(event.currentTarget.value)
+              }
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.55rem", marginTop: "1rem" }, children: [