@solostylist/ui-kit 1.0.84 → 1.0.86

package/dist/s-stripe/stripe-input.js

@@ -1,32 +1,45 @@
-import { j as u } from "../jsx-runtime-DywqP_6a.js";
-import * as o from "react";
-import { useTheme as i } from "@mui/material";
-import { gray as c } from "../theme/theme-primitives.js";
-const R = o.forwardRef(function(e, r) {
-  const { component: n, options: s, ...m } = e, [t, p] = o.useState(null), a = i();
-  return o.useImperativeHandle(
-    r,
+import { j as l } from "../jsx-runtime-DywqP_6a.js";
+import * as t from "react";
+import { gray as d } from "../theme/theme-primitives.js";
+import '../assets/stripe-input.css';const f = t.forwardRef(function(r, s) {
+  const { component: n, options: a, ...o } = r, [e, i] = t.useState(null);
+  return t.useImperativeHandle(
+    s,
     () => ({
-      focus: () => t.focus()
+      focus: () => e.focus()
     }),
-    [t]
-  ), /* @__PURE__ */ u.jsx(
+    [e]
+  ), /* @__PURE__ */ l.jsx(
     n,
     {
-      onReady: p,
+      onReady: i,
       options: {
-        ...s,
+        ...a,
         style: {
           base: {
-            // Apply theme-appropriate text color
-            color: a.palette.mode === "dark" ? "rgb(255, 255, 255)" : c[800]
+            fontFamily: "Outfit, sans-serif",
+            lineHeight: "1.5",
+            color: "rgb(255, 255, 255)",
+            ...o.disabled && {
+              color: "rgba(255, 255, 255, 0.5)"
+              // for disabled state
+            },
+            "&::placeholder": {
+              color: d[600],
+              ...o.disabled && {
+                color: "rgba(255, 255, 255, 0.5)"
+                // for disabled state
+              }
+            }
           }
-        }
+        },
+        disabled: o.disabled
+        // Pass through the disabled state to Stripe Element
       },
-      ...m
+      ...o
     }
   );
 });
 export {
-  R as default
+  f as default
 };

package/dist/s-text-field/s-text-field.js

@@ -1,15 +1,39 @@
-import { j as r } from "../jsx-runtime-DywqP_6a.js";
-import { TextField as d } from "@mui/material";
-import f from "../s-form/s-form.js";
-const a = ({
-  label: i = "",
-  required: o = !1,
-  error: t,
-  type: s = "text",
+import { j as s } from "../jsx-runtime-DywqP_6a.js";
+import { useState as j } from "react";
+import { TextField as h, InputAdornment as w, IconButton as b } from "@mui/material";
+import y from "../s-form/s-form.js";
+import { c } from "../createSvgIcon-9XY7lJan.js";
+const g = c(/* @__PURE__ */ s.jsx("path", {
+  d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
+}), "Visibility"), P = c(/* @__PURE__ */ s.jsx("path", {
+  d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
+}), "VisibilityOff"), v = ({
+  label: d = "",
+  required: a = !1,
+  error: i,
+  type: o = "text",
   htmlFor: e,
-  hint: x,
-  ...m
-}) => /* @__PURE__ */ r.jsx(f, { label: i, hint: x, error: t, required: o, htmlFor: e, children: /* @__PURE__ */ r.jsx(d, { fullWidth: !0, type: s, id: e, error: !!t, ...m }) });
+  hint: p,
+  ...l
+}) => {
+  var r;
+  const [t, m] = j(!1), n = o === "password", x = () => {
+    m(!t);
+  }, f = n && t ? "text" : o, u = n ? /* @__PURE__ */ s.jsx(w, { position: "end", children: /* @__PURE__ */ s.jsx(b, { "aria-label": "toggle password visibility", onClick: x, edge: "end", children: t ? /* @__PURE__ */ s.jsx(P, {}) : /* @__PURE__ */ s.jsx(g, {}) }) }) : void 0;
+  return /* @__PURE__ */ s.jsx(y, { label: d, hint: p, error: i, required: a, htmlFor: e, children: /* @__PURE__ */ s.jsx(
+    h,
+    {
+      fullWidth: !0,
+      type: f,
+      id: e,
+      error: !!i,
+      ...l,
+      slotProps: {
+        input: { endAdornment: u, ...(r = l.slotProps) == null ? void 0 : r.input }
+      }
+    }
+  ) });
+};
 export {
-  a as default
+  v as default
 };