@stackframe/stack 2.6.11 → 2.6.15

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @stackframe/stack
 
+## 2.6.15
+
+### Patch Changes
+
+- Passkeys
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.15
+  - @stackframe/stack-ui@2.6.15
+  - @stackframe/stack-sc@2.6.15
+
+## 2.6.14
+
+### Patch Changes
+
+- @stackframe/stack-sc@2.6.14
+- @stackframe/stack-shared@2.6.14
+- @stackframe/stack-ui@2.6.14
+
+## 2.6.13
+
+### Patch Changes
+
+- Updated docs
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.13
+  - @stackframe/stack-ui@2.6.13
+  - @stackframe/stack-sc@2.6.13
+
+## 2.6.12
+
+### Patch Changes
+
+- Updated account settings page
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.12
+  - @stackframe/stack-sc@2.6.12
+  - @stackframe/stack-ui@2.6.12
+
 ## 2.6.11
 
 ### Patch Changes

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PasskeyButton({ type, }: {
+    type: 'sign-in' | 'sign-up';
+}): react_jsx_runtime.JSX.Element;
+
+export { PasskeyButton };

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PasskeyButton({ type, }: {
+    type: 'sign-in' | 'sign-up';
+}): react_jsx_runtime.JSX.Element;
+
+export { PasskeyButton };

package/dist/components/passkey-button.js

@@ -0,0 +1,58 @@
+"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/passkey-button.tsx
+var passkey_button_exports = {};
+__export(passkey_button_exports, {
+  PasskeyButton: () => PasskeyButton
+});
+module.exports = __toCommonJS(passkey_button_exports);
+var import_stack_ui = require("@stackframe/stack-ui");
+var import_react = require("react");
+var import__ = require("..");
+var import_translations = require("../lib/translations");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PasskeyButton({
+  type
+}) {
+  const { t } = (0, import_translations.useTranslation)();
+  const stackApp = (0, import__.useStackApp)();
+  const styleId = (0, import_react.useId)().replaceAll(":", "-");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_stack_ui.Button,
+    {
+      onClick: async () => {
+        await stackApp.signInWithPasskey();
+      },
+      className: `stack-oauth-button-${styleId} stack-scope`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center w-full gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.KeyRound, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex-1", children: type === "sign-up" ? t("Sign up with Passkey") : t("Sign in with Passkey") })
+      ] })
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PasskeyButton
+});
+//# sourceMappingURL=passkey-button.js.map

package/dist/components/passkey-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/passkey-button.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@stackframe/stack-ui';\nimport { useId } from 'react';\nimport { useStackApp } from '..';\nimport { useTranslation } from '../lib/translations';\nimport { KeyRound } from 'lucide-react';\n\n\nexport function PasskeyButton({\n  type,\n}: {\n  type: 'sign-in' | 'sign-up',\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const styleId = useId().replaceAll(':', '-');\n\n\n  return (\n    <>\n      <Button\n        onClick={async () => { await stackApp.signInWithPasskey(); }}\n        className={`stack-oauth-button-${styleId} stack-scope`}\n      >\n        <div className='flex items-center w-full gap-4'>\n          <KeyRound />\n          <span className='flex-1'>\n            {type === 'sign-up' ?\n              t('Sign up with Passkey') :\n              t('Sign in with Passkey')\n            }\n          </span>\n        </div>\n      </Button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAuB;AACvB,mBAAsB;AACtB,eAA4B;AAC5B,0BAA+B;AAC/B,0BAAyB;AAcrB;AAXG,SAAS,cAAc;AAAA,EAC5B;AACF,GAEG;AACD,QAAM,EAAE,EAAE,QAAI,oCAAe;AAC7B,QAAM,eAAW,sBAAY;AAC7B,QAAM,cAAU,oBAAM,EAAE,WAAW,KAAK,GAAG;AAG3C,SACE,2EACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,YAAY;AAAE,cAAM,SAAS,kBAAkB;AAAA,MAAG;AAAA,MAC3D,WAAW,sBAAsB,OAAO;AAAA,MAExC,uDAAC,SAAI,WAAU,kCACb;AAAA,oDAAC,gCAAS;AAAA,QACV,4CAAC,UAAK,WAAU,UACb,mBAAS,YACR,EAAE,sBAAsB,IACxB,EAAE,sBAAsB,GAE5B;AAAA,SACF;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}