@stackframe/stack 2.3.5 → 2.3.7

package/dist/components/form-warning.d.ts

@@ -1,3 +1,7 @@
-export default function FormWarningText({ text }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function FormWarningText({ text }: {
     text?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { FormWarningText as default };

package/dist/components/form-warning.js

@@ -1,9 +1,35 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from "../components-core";
-export default function FormWarningText({ text }) {
-    if (!text) {
-        return null;
-    }
-    return (_jsx(Text, { size: "sm", variant: "warning", children: text }));
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/form-warning.tsx
+var form_warning_exports = {};
+__export(form_warning_exports, {
+  default: () => FormWarningText
+});
+module.exports = __toCommonJS(form_warning_exports);
+var import_components_core = require("../components-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FormWarningText({ text }) {
+  if (!text) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "sm", variant: "warning", children: text });
 }

package/dist/components/magic-link-sign-in.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function MagicLinkSignIn(): react_jsx_runtime.JSX.Element;
+
+export { MagicLinkSignIn as default };

package/dist/components/magic-link-sign-in.d.ts

@@ -1 +1,5 @@
-export default function MagicLinkSignIn(): import("react/jsx-runtime").JSX.Element;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function MagicLinkSignIn(): react_jsx_runtime.JSX.Element;
+
+export { MagicLinkSignIn as default };

package/dist/components/magic-link-sign-in.js

@@ -1,33 +1,91 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import FormWarningText from "./form-warning";
-import { validateEmail } from "../utils/email";
-import { useStackApp } from "..";
-import { Button, Input, Label } from "../components-core";
-export default function MagicLinkSignIn() {
-    const [email, setEmail] = useState('');
-    const [sent, setSent] = useState(false);
-    const [error, setError] = useState('');
-    const app = useStackApp();
-    const onSubmit = async () => {
-        if (!email) {
-            setError('Please enter your email');
-            return;
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/magic-link-sign-in.tsx
+var magic_link_sign_in_exports = {};
+__export(magic_link_sign_in_exports, {
+  default: () => MagicLinkSignIn
+});
+module.exports = __toCommonJS(magic_link_sign_in_exports);
+var import_react = require("react");
+var import_form_warning = __toESM(require("./form-warning"));
+var import_email = require("../utils/email");
+var import__ = require("..");
+var import_components_core = require("../components-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function MagicLinkSignIn() {
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [sent, setSent] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)("");
+  const app = (0, import__.useStackApp)();
+  const onSubmit = async () => {
+    if (!email) {
+      setError("Please enter your email");
+      return;
+    }
+    if (!(0, import_email.validateEmail)(email)) {
+      setError("Please enter a valid email");
+      return;
+    }
+    const error2 = await app.sendMagicLinkEmail(email);
+    if (error2) {
+      setError(error2.message);
+      return;
+    }
+    setSent(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Email" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setError("");
         }
-        if (!validateEmail(email)) {
-            setError('Please enter a valid email');
-            return;
-        }
-        const error = await app.sendMagicLinkEmail(email);
-        if (error) {
-            setError(error.message);
-            return;
-        }
-        setSent(true);
-    };
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
-                    setEmail(e.target.value);
-                    setError('');
-                } }), _jsx(FormWarningText, { text: error }), _jsx(Button, { disabled: sent, style: { marginTop: '1.5rem' }, onClick: onSubmit, children: sent ? 'Email sent' : 'Send magic link' })] }));
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Button,
+      {
+        disabled: sent,
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: sent ? "Email sent" : "Send magic link"
+      }
+    )
+  ] });
 }

package/dist/components/message-card.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare function MessageCard({ children, title, fullPage }: {
+    children?: React__default.ReactNode;
+    title: string;
+    fullPage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { MessageCard as default };

package/dist/components/message-card.d.ts

@@ -1,6 +1,10 @@
-import React from "react";
-export default function MessageCard({ children, title, fullPage }: {
-    children?: React.ReactNode;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare function MessageCard({ children, title, fullPage }: {
+    children?: React__default.ReactNode;
     title: string;
     fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { MessageCard as default };

package/dist/components/message-card.js

@@ -1,7 +1,46 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CardFrame from "./card-frame";
-import { Text } from "../components-core";
-export default function MessageCard({ children, title, fullPage = false }) {
-    return (_jsx(CardFrame, { fullPage: fullPage, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '24px' }, children: title }), children] }) }));
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/message-card.tsx
+var message_card_exports = {};
+__export(message_card_exports, {
+  default: () => MessageCard
+});
+module.exports = __toCommonJS(message_card_exports);
+var import_card_frame = __toESM(require("./card-frame"));
+var import_components_core = require("../components-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function MessageCard({ children, title, fullPage = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card_frame.default, { fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", style: { marginBottom: "24px" }, children: title }),
+    children
+  ] }) });
 }

package/dist/components/oauth-button.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function OAuthButton({ provider, type, }: {
+    provider: string;
+    type: 'signin' | 'signup';
+}): react_jsx_runtime.JSX.Element;
+
+export { OAuthButton as default };

package/dist/components/oauth-button.d.ts

@@ -1,4 +1,8 @@
-export default function OAuthButton({ provider, type, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function OAuthButton({ provider, type, }: {
     provider: string;
     type: 'signin' | 'signup';
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { OAuthButton as default };

package/dist/components/oauth-button.js

@@ -1,65 +1,144 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FaGithub, FaFacebook, FaApple } from 'react-icons/fa';
-import { useStackApp } from '..';
-import { Button } from "../components-core";
-import { useDesign } from "../providers/design-provider";
-import Color from 'color';
-const iconSize = 22;
-export default function OAuthButton({ provider, type, }) {
-    const { colors } = useDesign();
-    const stackApp = useStackApp();
-    let style;
-    switch (provider) {
-        case 'google': {
-            style = {
-                backgroundColor: '#fff',
-                name: 'Google',
-                border: Color(colors.backgroundColor).isDark() ? undefined : '1px solid #ccc',
-                icon: (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 24 24", children: [_jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), _jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), _jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), _jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), _jsx("path", { fill: "none", d: "M1 1h22v22H1z" })] })),
-            };
-            break;
-        }
-        case 'github': {
-            style = {
-                backgroundColor: '#111',
-                border: Color(colors.backgroundColor).isDark() ? '1px solid #444' : undefined,
-                name: 'GitHub',
-                icon: (_jsx(FaGithub, { color: "#fff", size: iconSize })),
-            };
-            break;
-        }
-        case 'facebook': {
-            style = {
-                backgroundColor: '#1877F2',
-                name: 'Facebook',
-                icon: (_jsx(FaFacebook, { color: "#fff", size: iconSize })),
-            };
-            break;
-        }
-        case 'apple': {
-            style = {
-                backgroundColor: '#000',
-                name: 'Apple',
-                icon: (_jsx(FaApple, { color: "#fff", size: iconSize })),
-            };
-            break;
-        }
-        case 'microsoft': {
-            style = {
-                backgroundColor: '#2f2f2f',
-                name: 'Microsoft',
-                icon: (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 21 21", children: [_jsx("title", { children: "MS-SymbolLockup" }), _jsx("path", { fill: "#f25022", d: "M1 1h9v9H1z" }), _jsx("path", { fill: "#00a4ef", d: "M1 11h9v9H1z" }), _jsx("path", { fill: "#7fba00", d: "M11 1h9v9h-9z" }), _jsx("path", { fill: "#ffb900", d: "M11 11h9v9h-9z" })] })),
-            };
-            break;
-        }
-        default: {
-            style = {
-                backgroundColor: '#000',
-                name: provider,
-                icon: null
-            };
-        }
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/oauth-button.tsx
+var oauth_button_exports = {};
+__export(oauth_button_exports, {
+  default: () => OAuthButton
+});
+module.exports = __toCommonJS(oauth_button_exports);
+var import_fa = require("react-icons/fa");
+var import__ = require("..");
+var import_components_core = require("../components-core");
+var import_design_provider = require("../providers/design-provider");
+var import_jsx_runtime = require("react/jsx-runtime");
+var iconSize = 22;
+function OAuthButton({
+  provider,
+  type
+}) {
+  const { colors } = (0, import_design_provider.useDesign)();
+  const stackApp = (0, import__.useStackApp)();
+  let style;
+  switch (provider) {
+    case "google": {
+      style = {
+        backgroundColor: "#fff",
+        name: "Google",
+        border: "1px solid #ccc",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 24 24", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fill: "#4285F4",
+              d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fill: "#34A853",
+              d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fill: "#FBBC05",
+              d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fill: "#EA4335",
+              d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "none", d: "M1 1h22v22H1z" })
+        ] })
+      };
+      break;
     }
-    return (_jsx(Button, { color: style.backgroundColor, style: { border: style.border }, onClick: () => stackApp.signInWithOAuth(provider), children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', width: '100%' }, children: [style.icon, _jsxs("span", { style: { flexGrow: 1 }, children: [type === 'signup' ? 'Sign up with ' : 'Sign in with ', style.name] }), _jsx("div", { style: { visibility: 'hidden' }, children: style.icon })] }) }));
+    case "github": {
+      style = {
+        backgroundColor: "#111",
+        border: "1px solid #444",
+        name: "GitHub",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa.FaGithub, { color: "#fff", size: iconSize })
+      };
+      break;
+    }
+    case "facebook": {
+      style = {
+        backgroundColor: "#1877F2",
+        name: "Facebook",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa.FaFacebook, { color: "#fff", size: iconSize })
+      };
+      break;
+    }
+    case "apple": {
+      style = {
+        backgroundColor: "#000",
+        name: "Apple",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa.FaApple, { color: "#fff", size: iconSize })
+      };
+      break;
+    }
+    case "microsoft": {
+      style = {
+        backgroundColor: "#2f2f2f",
+        name: "Microsoft",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 21 21", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "MS-SymbolLockup" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#f25022", d: "M1 1h9v9H1z" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#00a4ef", d: "M1 11h9v9H1z" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#7fba00", d: "M11 1h9v9h-9z" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#ffb900", d: "M11 11h9v9h-9z" })
+        ] })
+      };
+      break;
+    }
+    default: {
+      style = {
+        backgroundColor: "#000",
+        name: provider,
+        icon: null
+      };
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components_core.Button,
+    {
+      color: style.backgroundColor,
+      style: { border: style.border },
+      onClick: () => stackApp.signInWithOAuth(provider),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", width: "100%" }, children: [
+        style.icon,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { flexGrow: 1 }, children: [
+          type === "signup" ? "Sign up with " : "Sign in with ",
+          style.name
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { visibility: "hidden" }, children: style.icon })
+      ] })
+    }
+  );
 }

package/dist/components/oauth-group.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function OAuthGroup({ type, }: {
+    type: 'signin' | 'signup';
+}): react_jsx_runtime.JSX.Element;
+
+export { OAuthGroup as default };

package/dist/components/oauth-group.d.ts

@@ -1,3 +1,7 @@
-export default function OAuthGroup({ type, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function OAuthGroup({ type, }: {
     type: 'signin' | 'signup';
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { OAuthGroup as default };

package/dist/components/oauth-group.js

@@ -1,9 +1,47 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useStackApp } from "../lib/hooks";
-import OAuthButton from "./oauth-button";
-export default function OAuthGroup({ type, }) {
-    const stackApp = useStackApp();
-    const project = stackApp.useProject();
-    return (_jsx("div", { style: { gap: '16px', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: project.oauthProviders.filter(p => p.enabled).map(p => (_jsx(OAuthButton, { provider: p.id, type: type }, p.id))) }));
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/oauth-group.tsx
+var oauth_group_exports = {};
+__export(oauth_group_exports, {
+  default: () => OAuthGroup
+});
+module.exports = __toCommonJS(oauth_group_exports);
+var import_hooks = require("../lib/hooks");
+var import_oauth_button = __toESM(require("./oauth-button"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function OAuthGroup({
+  type
+}) {
+  const stackApp = (0, import_hooks.useStackApp)();
+  const project = stackApp.useProject();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { gap: "16px", display: "flex", flexDirection: "column", alignItems: "stretch" }, children: project.oauthProviders.filter((p) => p.enabled).map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_oauth_button.default, { provider: p.id, type }, p.id)) });
 }

package/dist/components/password-field.d.mts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare const PasswordField: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+
+export { PasswordField as default };

package/dist/components/password-field.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-declare const PasswordField: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default PasswordField;
+import * as React from 'react';
+
+declare const PasswordField: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+
+export { PasswordField as default };