@stackframe/tanstack-start 0.0.1 → 2.8.91

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2024 Stackframe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,26 @@
+# Stack Auth: Open-source Clerk/Auth0 alternative
+
+## [📘 Docs](https://docs.stack-auth.com) | [☁️ Hosted Version](https://stack-auth.com/) | [✨ Demo](https://demo.stack-auth.com/) | [🎮 Discord](https://discord.stack-auth.com) | [GitHub](https://github.com/hexclave/stack-auth)
+
+Stack Auth is a managed user authentication solution. It is developer-friendly and fully open-source (licensed under MIT and AGPL).
+
+Stack Auth gets you started in just five minutes, after which you'll be ready to use all of its features as you grow your project. Our managed service is completely optional and you can export your user data and self-host, for free, at any time.
+
+We support Next.js frontends, along with any backend that can use our [REST API](https://docs.stack-auth.com/rest-api/overview). Check out our [setup guide](https://docs.stack-auth.com/getting-started/setup) to get started.
+
+## 📦 Installation & Setup
+
+1. Run Stack Auth's installation wizard with the following command:
+    ```bash
+    npx @stackframe/stack-cli@latest init
+    ```
+2. Then, create an account on the [Stack Auth dashboard](https://app.stack-auth.com/projects), create a new project with an API key, and copy its environment variables into the .env.local file of your Next.js project:
+    ```
+    NEXT_PUBLIC_STACK_PROJECT_ID=<your-project-id>
+    NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY=<your-publishable-client-key>
+    STACK_SECRET_SERVER_KEY=<your-secret-server-key>
+    ```
+3. That's it! You can run your app with `npm run dev` and go to [http://localhost:3000/handler/signup](http://localhost:3000/handler/signup) to see the sign-up page. You can also check out the account settings page at [http://localhost:3000/handler/account-settings](http://localhost:3000/handler/account-settings).
+
+
+Check out the [documentation](https://docs.stack-auth.com/getting-started/setup) for a more detailed guide.

package/dist/chunk-BE-pF4vm.js

@@ -0,0 +1,34 @@
+//#region \0rolldown/runtime.js
+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 __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/dist/components/api-key-dialogs.d.ts

@@ -0,0 +1,28 @@
+import { ApiKey, ApiKeyCreationOptions, ApiKeyType } from "../lib/stack-app/api-keys/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/api-key-dialogs.d.ts
+declare const neverInMs: number;
+declare const expiresInOptions: {
+  readonly [x: number]: "1 day" | "7 days" | "30 days" | "90 days" | "1 year" | "Never";
+};
+/**
+ * Dialog for creating a new API key
+ */
+declare function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onKeyCreated?: (key: ApiKey<Type, true>) => void;
+  createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>;
+  mockMode?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+/**
+ * Dialog for showing the newly created API key
+ */
+declare function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {
+  apiKey: ApiKey<Type, true> | null;
+  onClose?: () => void;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CreateApiKeyDialog, ShowApiKeyDialog, expiresInOptions, neverInMs };
+//# sourceMappingURL=api-key-dialogs.d.ts.map

package/dist/components/api-key-dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-key-dialogs.d.ts","names":[],"sources":["../../src/components/api-key-dialogs.tsx"],"mappings":";;;;cAqBa,SAAA;AAAA,cACA,gBAAA;EAAA,UAOH,CAAA;AAAA;;;;iBAKM,kBAAA,cAAgC,UAAA,GAAa,UAAA,CAAA,CAAY,KAAA;EACvE,IAAA;EACA,YAAA,GAAe,IAAA;EACf,YAAA,IAAgB,GAAA,EAAK,MAAA,CAAO,IAAA;EAC5B,YAAA,GAAe,IAAA,EAAM,qBAAA,CAAsB,IAAA,MAAU,OAAA,CAAQ,MAAA,CAAO,IAAA;EACpE,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAqGe,gBAAA,cAA8B,UAAA,GAAa,UAAA,CAAA,CAAY,KAAA;EACrE,MAAA,EAAQ,MAAA,CAAO,IAAA;EACf,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/api-key-dialogs.js

@@ -0,0 +1,163 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_errors = require("@stackframe/stack-shared/dist/utils/errors");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_hook_form = require("react-hook-form");
+let ___index_js = require("../index.js");
+let ___components_elements_form_warning_js = require("../components/elements/form-warning.js");
+let ___lib_translations_js = require("../lib/translations.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/api-key-dialogs.tsx
+const neverInMs = 1e3 * 60 * 60 * 24 * 365 * 200;
+const expiresInOptions = {
+	[1e3 * 60 * 60 * 24 * 1]: "1 day",
+	[1e3 * 60 * 60 * 24 * 7]: "7 days",
+	[1e3 * 60 * 60 * 24 * 30]: "30 days",
+	[1e3 * 60 * 60 * 24 * 90]: "90 days",
+	[1e3 * 60 * 60 * 24 * 365]: "1 year",
+	[neverInMs]: "Never"
+};
+/**
+* Dialog for creating a new API key
+*/
+function CreateApiKeyDialog(props) {
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	(0, ___index_js.useUser)({ or: props.mockMode ? "return-null" : "redirect" });
+	const [loading, setLoading] = (0, react.useState)(false);
+	const { register, handleSubmit, formState: { errors }, reset } = (0, react_hook_form.useForm)({
+		resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({
+			description: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().defined().nonEmpty(t("Description is required")),
+			expiresIn: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().defined()
+		})),
+		defaultValues: {
+			description: "",
+			expiresIn: Object.keys(expiresInOptions)[2]
+		}
+	});
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));
+			const apiKey = await props.createApiKey({
+				description: data.description,
+				expiresAt
+			});
+			if (props.onKeyCreated) props.onKeyCreated(apiKey);
+			reset();
+			props.onOpenChange(false);
+		} catch (error) {
+			(0, _stackframe_stack_shared_dist_utils_errors.captureError)("Failed to create API key", { error });
+		} finally {
+			setLoading(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+		open: props.open,
+		onOpenChange: props.onOpenChange,
+		title: t("Create API Key"),
+		description: t("API keys grant programmatic access to your account."),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			onSubmit: (e) => {
+				e.preventDefault();
+				(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(handleSubmit(onSubmit));
+			},
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+							htmlFor: "description",
+							children: t("Description")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+							id: "description",
+							placeholder: t("e.g. Development, Production, CI/CD"),
+							...register("description")
+						}),
+						errors.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.description.message })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+							htmlFor: "expiresIn",
+							children: t("Expires In")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+							id: "expiresIn",
+							className: "w-full p-2 border border-input rounded-md bg-background",
+							...register("expiresIn"),
+							children: Object.entries(expiresInOptions).map(([value, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value,
+								children: t(label)
+							}, value))
+						}),
+						errors.expiresIn && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.expiresIn.message })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex justify-end gap-2 pt-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						type: "button",
+						variant: "secondary",
+						onClick: () => {
+							reset();
+							props.onOpenChange(false);
+						},
+						children: t("Cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						type: "submit",
+						loading,
+						children: t("Create")
+					})]
+				})
+			]
+		})
+	});
+}
+/**
+* Dialog for showing the newly created API key
+*/
+function ShowApiKeyDialog(props) {
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+		open: !!props.apiKey,
+		title: t("API Key"),
+		okButton: { label: t("Close") },
+		onClose: props.onClose,
+		preventClose: true,
+		confirmText: t("I understand that I will not be able to view this key again."),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, { children: [
+				t("Here is your API key."),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-bold",
+					children: t("Copy it to a safe place. You will not be able to view it again.")
+				})
+			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.CopyField, {
+				type: "input",
+				monospace: true,
+				value: props.apiKey?.value ?? "",
+				label: t("Secret API Key")
+			})]
+		})
+	});
+}
+
+//#endregion
+exports.CreateApiKeyDialog = CreateApiKeyDialog;
+exports.ShowApiKeyDialog = ShowApiKeyDialog;
+exports.expiresInOptions = expiresInOptions;
+exports.neverInMs = neverInMs;
+//# sourceMappingURL=api-key-dialogs.js.map

package/dist/components/api-key-dialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-key-dialogs.js","names":["ActionDialog","Label","Input","FormWarningText","Button","Typography","CopyField"],"sources":["../../src/components/api-key-dialogs.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from '@stackframe/stack-shared/dist/schema-fields';\nimport { captureError } from '@stackframe/stack-shared/dist/utils/errors';\nimport { runAsynchronously } from '@stackframe/stack-shared/dist/utils/promises';\nimport { ActionDialog, Button, CopyField, Input, Label, Typography } from '@stackframe/stack-ui';\nimport { useState } from \"react\";\nimport { useForm } from 'react-hook-form';\nimport * as yup from \"yup\";\nimport { useUser } from '..';\nimport { FormWarningText } from '../components/elements/form-warning';\nimport { ApiKey, ApiKeyCreationOptions, ApiKeyType } from \"../lib/stack-app/api-keys\";\nimport { useTranslation } from \"../lib/translations\";\n\n// Constants for expiration options\nexport const neverInMs = 1000 * 60 * 60 * 24 * 365 * 200;\nexport const expiresInOptions = {\n  [1000 * 60 * 60 * 24 * 1]: \"1 day\",\n  [1000 * 60 * 60 * 24 * 7]: \"7 days\",\n  [1000 * 60 * 60 * 24 * 30]: \"30 days\",\n  [1000 * 60 * 60 * 24 * 90]: \"90 days\",\n  [1000 * 60 * 60 * 24 * 365]: \"1 year\",\n  [neverInMs]: \"Never\",\n} as const;\n\n/**\n * Dialog for creating a new API key\n */\nexport function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n  onKeyCreated?: (key: ApiKey<Type, true>) => void,\n  createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>,\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props.mockMode ? 'return-null' : 'redirect' });\n  const [loading, setLoading] = useState(false);\n\n  const apiKeySchema = yupObject({\n    description: yupString().defined().nonEmpty(t('Description is required')),\n    expiresIn: yupString().defined(),\n  });\n\n  const { register, handleSubmit, formState: { errors }, reset } = useForm({\n    resolver: yupResolver(apiKeySchema),\n    defaultValues: {\n      description: '',\n      expiresIn: Object.keys(expiresInOptions)[2], // Default to 30 days\n    }\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof apiKeySchema>) => {\n    setLoading(true);\n    try {\n      const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));\n      const apiKey = await props.createApiKey({\n        description: data.description,\n        expiresAt,\n      });\n\n      if (props.onKeyCreated) {\n        props.onKeyCreated(apiKey);\n      }\n\n      reset();\n      props.onOpenChange(false);\n    } catch (error) {\n      captureError(\"Failed to create API key\", { error });\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <ActionDialog\n      open={props.open}\n      onOpenChange={props.onOpenChange}\n      title={t('Create API Key')}\n      description={t('API keys grant programmatic access to your account.')}\n    >\n      <form\n        onSubmit={(e) => {\n          e.preventDefault();\n          runAsynchronously(handleSubmit(onSubmit));\n        }}\n        className=\"space-y-4\"\n      >\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"description\">{t('Description')}</Label>\n          <Input\n            id=\"description\"\n            placeholder={t('e.g. Development, Production, CI/CD')}\n            {...register('description')}\n          />\n          {errors.description && <FormWarningText text={errors.description.message} />}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"expiresIn\">{t('Expires In')}</Label>\n          <select\n            id=\"expiresIn\"\n            className=\"w-full p-2 border border-input rounded-md bg-background\"\n            {...register('expiresIn')}\n          >\n            {Object.entries(expiresInOptions).map(([value, label]) => (\n              <option key={value} value={value}>{t(label)}</option>\n            ))}\n          </select>\n          {errors.expiresIn && <FormWarningText text={errors.expiresIn.message} />}\n        </div>\n\n        <div className=\"flex justify-end gap-2 pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() => {\n              reset();\n              props.onOpenChange(false);\n            }}\n          >\n            {t('Cancel')}\n          </Button>\n          <Button type=\"submit\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </div>\n      </form>\n    </ActionDialog>\n  );\n}\n\n/**\n * Dialog for showing the newly created API key\n */\nexport function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  apiKey: ApiKey<Type, true> | null,\n  onClose?: () => void,\n}) {\n  const { t } = useTranslation();\n\n  return (\n    <ActionDialog\n      open={!!props.apiKey}\n      title={t(\"API Key\")}\n      okButton={{ label: t(\"Close\") }}\n      onClose={props.onClose}\n      preventClose\n      confirmText={t(\"I understand that I will not be able to view this key again.\")}\n    >\n      <div className=\"flex flex-col gap-4\">\n        <Typography>\n          {t(\"Here is your API key.\")}{\" \"}\n          <span className=\"font-bold\">\n            {t(\"Copy it to a safe place. You will not be able to view it again.\")}\n          </span>\n        </Typography>\n        <CopyField\n          type=\"input\"\n          monospace\n          value={props.apiKey?.value ?? ''}\n          label={t(\"Secret API Key\")}\n        />\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/api-key-table.d.ts

@@ -0,0 +1,10 @@
+import { ApiKey } from "../lib/stack-app/api-keys/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/api-key-table.d.ts
+declare function ApiKeyTable(props: {
+  apiKeys: ApiKey[];
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ApiKeyTable };
+//# sourceMappingURL=api-key-table.d.ts.map

package/dist/components/api-key-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-key-table.d.ts","names":[],"sources":["../../src/components/api-key-table.tsx"],"mappings":";;;;iBAwGgB,WAAA,CAAY,KAAA;EAAS,OAAA,EAAS,MAAA;AAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/api-key-table.js

@@ -0,0 +1,144 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/api-key-table.tsx
+function toolbarRender(table) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.SearchToolbarItem, {
+		table,
+		placeholder: "Search table"
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DataTableFacetedFilter, {
+		column: table.getColumn("status"),
+		title: "Status",
+		options: [
+			"valid",
+			"expired",
+			"revoked"
+		].map((provider) => ({
+			value: provider,
+			label: provider
+		}))
+	})] });
+}
+function RevokeDialog(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+		open: props.open,
+		onOpenChange: props.onOpenChange,
+		title: "Revoke API Key",
+		danger: true,
+		cancelButton: true,
+		okButton: {
+			label: "Revoke Key",
+			onClick: async () => {
+				await props.apiKey.revoke();
+			}
+		},
+		confirmText: "I understand this will unlink all the apps using this API key",
+		children: `Are you sure you want to revoke API key *****${props.apiKey.value.lastFour}?`
+	});
+}
+function Actions({ row }) {
+	const [isRevokeModalOpen, setIsRevokeModalOpen] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RevokeDialog, {
+		apiKey: row.original,
+		open: isRevokeModalOpen,
+		onOpenChange: setIsRevokeModalOpen
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionCell, {
+		invisible: row.original.status !== "valid",
+		items: [{
+			item: "Revoke",
+			danger: true,
+			onClick: () => setIsRevokeModalOpen(true)
+		}]
+	})] });
+}
+const columns = [
+	{
+		accessorKey: "description",
+		header: ({ column }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DataTableColumnHeader, {
+			column,
+			columnTitle: "Description"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TextCell, {
+			size: 100,
+			children: row.original.description
+		})
+	},
+	{
+		accessorKey: "status",
+		header: ({ column }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DataTableColumnHeader, {
+			column,
+			columnTitle: "Status"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.BadgeCell, { badges: [row.original.status] }),
+		filterFn: _stackframe_stack_ui.standardFilterFn
+	},
+	{
+		id: "value",
+		accessorFn: (row) => row.value.lastFour,
+		header: ({ column }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DataTableColumnHeader, {
+			column,
+			columnTitle: "Client Key"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TextCell, { children: ["*******", row.original.value.lastFour] }),
+		enableSorting: false
+	},
+	{
+		accessorKey: "expiresAt",
+		header: ({ column }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DataTableColumnHeader, {
+			column,
+			columnTitle: "Expires At"
+		}),
+		cell: ({ row }) => {
+			if (row.original.status === "revoked") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TextCell, { children: "-" });
+			return row.original.expiresAt ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DateCell, {
+				date: row.original.expiresAt,
+				ignoreAfterYears: 50
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TextCell, { children: "Never" });
+		}
+	},
+	{
+		accessorKey: "createdAt",
+		header: ({ column }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DataTableColumnHeader, {
+			column,
+			columnTitle: "Created At"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DateCell, {
+			date: row.original.createdAt,
+			ignoreAfterYears: 50
+		})
+	},
+	{
+		id: "actions",
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Actions, { row })
+	}
+];
+function ApiKeyTable(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.DataTable, {
+		data: (0, react.useMemo)(() => {
+			return props.apiKeys.map((apiKey) => ({
+				...apiKey,
+				status: {
+					"valid": "valid",
+					"manually-revoked": "revoked",
+					"expired": "expired"
+				}[apiKey.whyInvalid() || "valid"]
+			})).sort((a, b) => {
+				if (a.status === b.status) return a.createdAt < b.createdAt ? 1 : -1;
+				return a.status === "valid" ? -1 : 1;
+			});
+		}, [props.apiKeys]),
+		columns,
+		toolbarRender,
+		defaultColumnFilters: [],
+		defaultSorting: []
+	});
+}
+
+//#endregion
+exports.ApiKeyTable = ApiKeyTable;
+//# sourceMappingURL=api-key-table.js.map

package/dist/components/api-key-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-key-table.js","names":["SearchToolbarItem","DataTableFacetedFilter","ActionDialog","ActionCell","DataTableColumnHeader","TextCell","BadgeCell","standardFilterFn","DateCell","DataTable"],"sources":["../../src/components/api-key-table.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { ActionCell, ActionDialog, BadgeCell, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DateCell, SearchToolbarItem, TextCell, standardFilterFn } from \"@stackframe/stack-ui\";\nimport { ColumnDef, Row, Table } from \"@tanstack/react-table\";\nimport { useMemo, useState } from \"react\";\nimport { ApiKey } from \"../lib/stack-app/api-keys\";\n\ntype ExtendedApiKey = ApiKey & {\n  status: 'valid' | 'expired' | 'revoked',\n};\n\nfunction toolbarRender<TData>(table: Table<TData>) {\n  return (\n    <>\n      <SearchToolbarItem table={table} placeholder=\"Search table\" />\n      <DataTableFacetedFilter\n        column={table.getColumn(\"status\")}\n        title=\"Status\"\n        options={['valid', 'expired', 'revoked'].map((provider) => ({\n          value: provider,\n          label: provider,\n        }))}\n      />\n    </>\n  );\n}\n\nfunction RevokeDialog(props: {\n  apiKey: ExtendedApiKey,\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n}) {\n  return <ActionDialog\n    open={props.open}\n    onOpenChange={props.onOpenChange}\n    title=\"Revoke API Key\"\n    danger\n    cancelButton\n    okButton={{ label: \"Revoke Key\", onClick: async () => { await props.apiKey.revoke(); } }}\n    confirmText=\"I understand this will unlink all the apps using this API key\"\n  >\n    {`Are you sure you want to revoke API key *****${props.apiKey.value.lastFour}?`}\n  </ActionDialog>;\n}\n\nfunction Actions({ row }: { row: Row<ExtendedApiKey> }) {\n  const [isRevokeModalOpen, setIsRevokeModalOpen] = useState(false);\n  return (\n    <>\n      <RevokeDialog apiKey={row.original} open={isRevokeModalOpen} onOpenChange={setIsRevokeModalOpen} />\n      <ActionCell\n        invisible={row.original.status !== 'valid'}\n        items={[{\n          item: \"Revoke\",\n          danger: true,\n          onClick: () => setIsRevokeModalOpen(true),\n        }]}\n      />\n    </>\n  );\n}\n\nconst columns: ColumnDef<ExtendedApiKey>[] =  [\n  {\n    accessorKey: \"description\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Description\" />,\n    cell: ({ row }) => <TextCell size={100}>{row.original.description}</TextCell>,\n  },\n  {\n    accessorKey: \"status\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Status\" />,\n    cell: ({ row }) => <BadgeCell badges={[row.original.status]} />,\n    filterFn: standardFilterFn,\n  },\n  {\n    id: \"value\",\n    accessorFn: (row) => row.value.lastFour,\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Client Key\" />,\n    cell: ({ row }) => <TextCell>*******{row.original.value.lastFour}</TextCell>,\n    enableSorting: false,\n  },\n  {\n    accessorKey: \"expiresAt\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Expires At\" />,\n    cell: ({ row }) => {\n      if (row.original.status === 'revoked') return <TextCell>-</TextCell>;\n      return row.original.expiresAt ? <DateCell date={row.original.expiresAt} ignoreAfterYears={50} /> : <TextCell>Never</TextCell>;\n    },\n  },\n  {\n    accessorKey: \"createdAt\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Created At\" />,\n    cell: ({ row }) => <DateCell date={row.original.createdAt} ignoreAfterYears={50} />\n  },\n  {\n    id: \"actions\",\n    cell: ({ row }) => <Actions row={row} />,\n  },\n];\n\nexport function ApiKeyTable(props: { apiKeys: ApiKey[] }) {\n  const extendedApiKeys = useMemo(() => {\n    const keys = props.apiKeys.map((apiKey) => ({\n      ...apiKey,\n      status: ({ 'valid': 'valid', 'manually-revoked': 'revoked', 'expired': 'expired' } as const)[apiKey.whyInvalid() || 'valid'],\n    } satisfies ExtendedApiKey));\n    // first sort based on status, then by createdAt\n    return keys.sort((a, b) => {\n      if (a.status === b.status) {\n        return a.createdAt < b.createdAt ? 1 : -1;\n      }\n      return a.status === 'valid' ? -1 : 1;\n    });\n  }, [props.apiKeys]);\n\n  return <DataTable\n    data={extendedApiKeys}\n    columns={columns}\n    toolbarRender={toolbarRender}\n    defaultColumnFilters={[]}\n    defaultSorting={[]}\n  />;\n}\n"],"mappings":";;;;;;;;;AAeA,SAAS,cAAqB,OAAqB;AACjD,QACE,qFACE,2CAACA;EAAyB;EAAO,aAAY;GAAiB,EAC9D,2CAACC;EACC,QAAQ,MAAM,UAAU,SAAS;EACjC,OAAM;EACN,SAAS;GAAC;GAAS;GAAW;GAAU,CAAC,KAAK,cAAc;GAC1D,OAAO;GACP,OAAO;GACR,EAAE;GACH,IACD;;AAIP,SAAS,aAAa,OAInB;AACD,QAAO,2CAACC;EACN,MAAM,MAAM;EACZ,cAAc,MAAM;EACpB,OAAM;EACN;EACA;EACA,UAAU;GAAE,OAAO;GAAc,SAAS,YAAY;AAAE,UAAM,MAAM,OAAO,QAAQ;;GAAK;EACxF,aAAY;YAEX,gDAAgD,MAAM,OAAO,MAAM,SAAS;GAChE;;AAGjB,SAAS,QAAQ,EAAE,OAAqC;CACtD,MAAM,CAAC,mBAAmB,4CAAiC,MAAM;AACjE,QACE,qFACE,2CAAC;EAAa,QAAQ,IAAI;EAAU,MAAM;EAAmB,cAAc;GAAwB,EACnG,2CAACC;EACC,WAAW,IAAI,SAAS,WAAW;EACnC,OAAO,CAAC;GACN,MAAM;GACN,QAAQ;GACR,eAAe,qBAAqB,KAAK;GAC1C,CAAC;GACF,IACD;;AAIP,MAAM,UAAwC;CAC5C;EACE,aAAa;EACb,SAAS,EAAE,aAAa,2CAACC;GAA8B;GAAQ,aAAY;IAAgB;EAC3F,OAAO,EAAE,UAAU,2CAACC;GAAS,MAAM;aAAM,IAAI,SAAS;IAAuB;EAC9E;CACD;EACE,aAAa;EACb,SAAS,EAAE,aAAa,2CAACD;GAA8B;GAAQ,aAAY;IAAW;EACtF,OAAO,EAAE,UAAU,2CAACE,kCAAU,QAAQ,CAAC,IAAI,SAAS,OAAO,GAAI;EAC/D,UAAUC;EACX;CACD;EACE,IAAI;EACJ,aAAa,QAAQ,IAAI,MAAM;EAC/B,SAAS,EAAE,aAAa,2CAACH;GAA8B;GAAQ,aAAY;IAAe;EAC1F,OAAO,EAAE,UAAU,4CAACC,4CAAS,WAAQ,IAAI,SAAS,MAAM,YAAoB;EAC5E,eAAe;EAChB;CACD;EACE,aAAa;EACb,SAAS,EAAE,aAAa,2CAACD;GAA8B;GAAQ,aAAY;IAAe;EAC1F,OAAO,EAAE,UAAU;AACjB,OAAI,IAAI,SAAS,WAAW,UAAW,QAAO,2CAACC,2CAAS,MAAY;AACpE,UAAO,IAAI,SAAS,YAAY,2CAACG;IAAS,MAAM,IAAI,SAAS;IAAW,kBAAkB;KAAM,GAAG,2CAACH,2CAAS,UAAgB;;EAEhI;CACD;EACE,aAAa;EACb,SAAS,EAAE,aAAa,2CAACD;GAA8B;GAAQ,aAAY;IAAe;EAC1F,OAAO,EAAE,UAAU,2CAACI;GAAS,MAAM,IAAI,SAAS;GAAW,kBAAkB;IAAM;EACpF;CACD;EACE,IAAI;EACJ,OAAO,EAAE,UAAU,2CAAC,WAAa,MAAO;EACzC;CACF;AAED,SAAgB,YAAY,OAA8B;AAexD,QAAO,2CAACC;EACN,+BAfoC;AAMpC,UALa,MAAM,QAAQ,KAAK,YAAY;IAC1C,GAAG;IACH,QAAS;KAAE,SAAS;KAAS,oBAAoB;KAAW,WAAW;KAAW,CAAW,OAAO,YAAY,IAAI;IACrH,EAA2B,CAEhB,MAAM,GAAG,MAAM;AACzB,QAAI,EAAE,WAAW,EAAE,OACjB,QAAO,EAAE,YAAY,EAAE,YAAY,IAAI;AAEzC,WAAO,EAAE,WAAW,UAAU,KAAK;KACnC;KACD,CAAC,MAAM,QAAQ,CAAC;EAIR;EACM;EACf,sBAAsB,EAAE;EACxB,gBAAgB,EAAE;GAClB"}

package/dist/components/credential-sign-in.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/credential-sign-in.d.ts
+declare function CredentialSignIn(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CredentialSignIn };
+//# sourceMappingURL=credential-sign-in.d.ts.map

package/dist/components/credential-sign-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-sign-in.d.ts","names":[],"sources":["../../src/components/credential-sign-in.tsx"],"mappings":";;;iBAmBgB,gBAAA,CAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/credential-sign-in.js

@@ -0,0 +1,87 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_hook_form = require("react-hook-form");
+let ___index_js = require("../index.js");
+let ___lib_translations_js = require("../lib/translations.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __elements_form_warning_js = require("./elements/form-warning.js");
+let __link_js = require("./link.js");
+
+//#region src/components/credential-sign-in.tsx
+function CredentialSignIn() {
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	const { register, handleSubmit, setError, formState: { errors } } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({
+		email: (0, _stackframe_stack_shared_dist_schema_fields.strictEmailSchema)(t("Please enter a valid email")).defined().nonEmpty(t("Please enter your email")),
+		password: _stackframe_stack_shared_dist_schema_fields.passwordSchema.defined().nonEmpty(t("Please enter your password"))
+	})) });
+	const app = (0, ___index_js.useStackApp)();
+	const [loading, setLoading] = (0, react.useState)(false);
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const { email, password } = data;
+			const result = await app.signInWithCredential({
+				email,
+				password
+			});
+			if (result.status === "error") setError("email", {
+				type: "manual",
+				message: result.error.message
+			});
+		} finally {
+			setLoading(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		className: "flex flex-col items-stretch stack-scope",
+		onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+		noValidate: true,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+				htmlFor: "email",
+				className: "mb-1",
+				children: t("Email")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+				id: "email",
+				type: "email",
+				autoComplete: "email",
+				...register("email")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: errors.email?.message?.toString() }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+				htmlFor: "password",
+				className: "mt-4 mb-1",
+				children: t("Password")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.PasswordInput, {
+				id: "password",
+				autoComplete: "current-password",
+				...register("password")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: errors.password?.message?.toString() }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__link_js.StyledLink, {
+				href: app.urls.forgotPassword,
+				className: "mt-1 text-sm",
+				children: t("Forgot password?")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+				type: "submit",
+				className: "mt-6",
+				loading,
+				children: t("Sign In")
+			})
+		]
+	});
+}
+
+//#endregion
+exports.CredentialSignIn = CredentialSignIn;
+//# sourceMappingURL=credential-sign-in.js.map

package/dist/components/credential-sign-in.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-sign-in.js","names":["passwordSchema","Label","Input","FormWarningText","PasswordInput","StyledLink","Button"],"sources":["../../src/components/credential-sign-in.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { passwordSchema, strictEmailSchema, yupObject } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from \"..\";\nimport { useTranslation } from \"../lib/translations\";\nimport { FormWarningText } from \"./elements/form-warning\";\nimport { StyledLink } from \"./link\";\n\nexport function CredentialSignIn() {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email')),\n    password: passwordSchema.defined().nonEmpty(t('Please enter your password'))\n  });\n\n  const { register, handleSubmit, setError, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n\n    try {\n      const { email, password } = data;\n      const result = await app.signInWithCredential({\n        email,\n        password,\n      });\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">{t('Email')}</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        autoComplete=\"email\"\n        {...register('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">{t('Password')}</Label>\n      <PasswordInput\n        id=\"password\"\n        autoComplete=\"current-password\"\n        {...register('password')}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n\n      <StyledLink href={app.urls.forgotPassword} className=\"mt-1 text-sm\">\n        {t('Forgot password?')}\n      </StyledLink>\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        {t('Sign In')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,SAAgB,mBAAmB;CACjC,MAAM,EAAE,kDAAsB;CAO9B,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,0CAAqB,EAC1E,8GANuB;EACvB,0EAAyB,EAAE,6BAA6B,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,0BAA0B,CAAC;EAC1G,UAAUA,2DAAe,SAAS,CAAC,SAAS,EAAE,6BAA6B,CAAC;EAC7E,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,oCAAmB;CACzB,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAE7C,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAEhB,MAAI;GACF,MAAM,EAAE,OAAO,aAAa;GAC5B,MAAM,SAAS,MAAM,IAAI,qBAAqB;IAC5C;IACA;IACD,CAAC;AACF,OAAI,OAAO,WAAW,QACpB,UAAS,SAAS;IAAE,MAAM;IAAU,SAAS,OAAO,MAAM;IAAS,CAAC;YAE9D;AACR,cAAW,MAAM;;;AAIrB,QACE,4CAAC;EACC,WAAU;EACV,WAAU,mFAAgC,aAAa,SAAS,CAAC,EAAE,CAAC;EACpE;;GAEA,2CAACC;IAAM,SAAQ;IAAQ,WAAU;cAAQ,EAAE,QAAQ;KAAS;GAC5D,2CAACC;IACC,IAAG;IACH,MAAK;IACL,cAAa;IACb,GAAI,SAAS,QAAQ;KACrB;GACF,2CAACC,8CAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;GAE5D,2CAACF;IAAM,SAAQ;IAAW,WAAU;cAAa,EAAE,WAAW;KAAS;GACvE,2CAACG;IACC,IAAG;IACH,cAAa;IACb,GAAI,SAAS,WAAW;KACxB;GACF,2CAACD,8CAAgB,MAAM,OAAO,UAAU,SAAS,UAAU,GAAI;GAE/D,2CAACE;IAAW,MAAM,IAAI,KAAK;IAAgB,WAAU;cAClD,EAAE,mBAAmB;KACX;GAEb,2CAACC;IAAO,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,UAAU;KACN;;GACJ"}

package/dist/components/credential-sign-up.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/credential-sign-up.d.ts
+declare function CredentialSignUp(props: {
+  noPasswordRepeat?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CredentialSignUp };
+//# sourceMappingURL=credential-sign-up.d.ts.map

package/dist/components/credential-sign-up.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-sign-up.d.ts","names":[],"sources":["../../src/components/credential-sign-up.tsx"],"mappings":";;;iBAmBgB,gBAAA,CAAiB,KAAA;EAAS,gBAAA;AAAA,IAA4B,kBAAA,CAAA,GAAA,CAAA,OAAA"}