@workos-inc/widgets 1.4.1 → 1.4.2

package/dist/cjs/lib/elevated-access.cjs

@@ -1,208 +0,0 @@
-"use strict";
-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);
-var elevated_access_exports = {};
-__export(elevated_access_exports, {
-  ElevatedAccess: () => ElevatedAccess
-});
-module.exports = __toCommonJS(elevated_access_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var Form = __toESM(require("@radix-ui/react-form"), 1);
-var import_themes = require("@radix-ui/themes");
-var import_endpoint = require("../api/endpoint.js");
-var import_api_provider = require("../api/api-provider.js");
-var import_react = require("react");
-var import_elements = require("./elements.js");
-var Otp = __toESM(require("./otp-input.js"), 1);
-function ElevatedAccess({
-  type = "dialog",
-  children,
-  onVerified
-}) {
-  const { elevatedAccess } = (0, import_api_provider.useElevatedAccessToken)();
-  const [authenticationChallengeId, setAuthenticationChallengeId] = (0, import_react.useState)();
-  const prevAccessToken = (0, import_react.useRef)(elevatedAccess);
-  (0, import_react.useEffect)(() => {
-    prevAccessToken.current = elevatedAccess;
-  }, [elevatedAccess]);
-  if (elevatedAccess) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
-  }
-  if (!authenticationChallengeId) {
-    const hasTokenExpired = !!prevAccessToken.current;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      SendVerificationEmailForm,
-      {
-        type,
-        hasTokenExpired,
-        onSuccess: (challengeId) => {
-          setAuthenticationChallengeId(challengeId);
-        }
-      }
-    );
-  }
-  if (authenticationChallengeId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      VerificationIdentityForm,
-      {
-        type,
-        authenticationChallengeId,
-        onSuccess: () => {
-          setAuthenticationChallengeId(void 0);
-          return onVerified?.();
-        }
-      }
-    );
-  }
-  return null;
-}
-function SendVerificationEmailForm({
-  onSuccess,
-  type,
-  hasTokenExpired
-}) {
-  const { data: me } = (0, import_endpoint.useMe)();
-  const sendVerification = (0, import_endpoint.useSendVerification)({
-    mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) }
-  });
-  const Title = type === "dialog" ? import_themes.Dialog.Title : import_themes.AlertDialog.Title;
-  const Description = type === "dialog" ? import_themes.Dialog.Description : import_themes.AlertDialog.Description;
-  const Close = type === "dialog" ? import_themes.Dialog.Close : import_themes.AlertDialog.Cancel;
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    sendVerification.mutate();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: hasTokenExpired ? "Your verification token has expired" : "Verify your identity" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Description, { color: "gray", mb: "5", children: [
-      "To continue, we need to confirm your identity. We'll send a temporary verification code to",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email }),
-      "."
-    ] }),
-    sendVerification.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Root, { color: "red", mt: "-2", mb: "0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Text, { children: getMutationErrorMessage(sendVerification.error) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { type: "button", disabled: sendVerification.isPending, children: "Cancel" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.PrimaryButton, { type: "submit", loading: sendVerification.isPending, children: "Send verification code" })
-    ] })
-  ] });
-}
-function VerificationIdentityForm({
-  onSuccess,
-  authenticationChallengeId,
-  type
-}) {
-  const { data: me } = (0, import_endpoint.useMe)();
-  const { setElevatedAccess } = (0, import_api_provider.useElevatedAccessToken)();
-  const verifyIdentity = (0, import_endpoint.useVerify)();
-  const [isSubmitting, setIsSubmitting] = (0, import_react.useState)(false);
-  const Title = type === "dialog" ? import_themes.Dialog.Title : import_themes.AlertDialog.Title;
-  const Description = type === "dialog" ? import_themes.Dialog.Description : import_themes.AlertDialog.Description;
-  const Close = type === "dialog" ? import_themes.Dialog.Close : import_themes.AlertDialog.Cancel;
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    const formData = new FormData(event.currentTarget);
-    const code = formData.get("otp-code")?.toString() ?? "";
-    setIsSubmitting(true);
-    try {
-      const newAuthState = await verifyIdentity.mutateAsync({
-        data: {
-          code,
-          authenticationChallengeId
-        }
-      });
-      const in10Seconds = new Date(Date.now() + 5 * 1e3);
-      setElevatedAccess({
-        token: newAuthState.elevatedAccessToken,
-        // expiresAt: newAuthState.expiresAt,
-        expiresAt: in10Seconds.toISOString()
-      });
-      if (onSuccess) {
-        await new Promise((resolve) => setTimeout(resolve, 200));
-        await onSuccess();
-      }
-    } catch (error) {
-      console.error(error);
-    }
-    setIsSubmitting(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form.Root, { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: "Verify your identity" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Description, { color: "gray", children: [
-      "A verification code was sent to",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email }),
-      ". Please enter it below."
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", mt: "5", mx: "auto", width: "fit-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        Otp.Root,
-        {
-          autoSubmit: true,
-          gap: "2",
-          justify: "center",
-          columns: "repeat(6, 48px)",
-          width: "fit-content",
-          rows: "48px",
-          name: "otp-code",
-          readOnly: isSubmitting,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true, autoFocus: true, autoComplete: "off" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true })
-          ]
-        }
-      ),
-      verifyIdentity.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "red", size: "2", as: "p", children: getMutationErrorMessage(verifyIdentity.error) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { type: "button", children: "Cancel" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.PrimaryButton, { type: "submit", loading: isSubmitting, children: "Confirm" })
-    ] })
-  ] });
-}
-function getMutationErrorMessage(error) {
-  let message = typeof error === "string" ? error : "";
-  if (error instanceof Error) {
-    message = error.message;
-  } else if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
-    message = error.message;
-  }
-  if (!message || message === "Bad Request") {
-    message = "Invalid code, please try again.";
-  }
-  return message;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ElevatedAccess
-});
-//# sourceMappingURL=elevated-access.cjs.map

package/dist/cjs/lib/elevated-access.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/elevated-access.tsx"],"sourcesContent":["import * as Form from \"@radix-ui/react-form\";\nimport { AlertDialog, Callout, Dialog, Flex, Text } from \"@radix-ui/themes\";\nimport { useMe, useSendVerification, useVerify } from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { PrimaryButton, SecondaryButton } from \"./elements.js\";\nimport * as Otp from \"./otp-input.js\";\n\ninterface ElevatedAccessProps extends PropsWithChildren {\n  onVerified?: () => Promise<unknown>;\n  type?: \"dialog\" | \"alert\";\n}\n\nexport function ElevatedAccess({\n  type = \"dialog\",\n  children,\n  onVerified,\n}: ElevatedAccessProps) {\n  const { elevatedAccess } = useElevatedAccessToken();\n  const [authenticationChallengeId, setAuthenticationChallengeId] =\n    useState<string>();\n\n  const prevAccessToken = useRef(elevatedAccess);\n\n  useEffect(() => {\n    prevAccessToken.current = elevatedAccess;\n  }, [elevatedAccess]);\n\n  if (elevatedAccess) {\n    return <>{children}</>;\n  }\n\n  if (!authenticationChallengeId) {\n    const hasTokenExpired = !!prevAccessToken.current;\n\n    return (\n      <SendVerificationEmailForm\n        type={type}\n        hasTokenExpired={hasTokenExpired}\n        onSuccess={(challengeId) => {\n          setAuthenticationChallengeId(challengeId);\n        }}\n      />\n    );\n  }\n\n  if (authenticationChallengeId) {\n    return (\n      <VerificationIdentityForm\n        type={type}\n        authenticationChallengeId={authenticationChallengeId}\n        onSuccess={() => {\n          // Reset the challenge id\n          setAuthenticationChallengeId(undefined);\n\n          return onVerified?.();\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\ninterface SendVerificationEmailFormProps {\n  onSuccess: (challengeId: string) => unknown | Promise<unknown>;\n  type: \"dialog\" | \"alert\";\n  hasTokenExpired: boolean;\n}\n\nfunction SendVerificationEmailForm({\n  onSuccess,\n  type,\n  hasTokenExpired,\n}: SendVerificationEmailFormProps) {\n  const { data: me } = useMe();\n  const sendVerification = useSendVerification({\n    mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) },\n  });\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    sendVerification.mutate();\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <Title>\n        {hasTokenExpired\n          ? \"Your verification token has expired\"\n          : \"Verify your identity\"}\n      </Title>\n\n      <Description color=\"gray\" mb=\"5\">\n        To continue, we need to confirm your identity. We'll send a temporary\n        verification code to{\" \"}\n        <Text weight=\"bold\" highContrast>\n          {me?.email}\n        </Text>\n        .\n      </Description>\n\n      {sendVerification.error && (\n        <Callout.Root color=\"red\" mt=\"-2\" mb=\"0\">\n          <Callout.Text>\n            {getMutationErrorMessage(sendVerification.error)}\n          </Callout.Text>\n        </Callout.Root>\n      )}\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <SecondaryButton type=\"button\" disabled={sendVerification.isPending}>\n            Cancel\n          </SecondaryButton>\n        </Close>\n        <PrimaryButton type=\"submit\" loading={sendVerification.isPending}>\n          Send verification code\n        </PrimaryButton>\n      </Flex>\n    </form>\n  );\n}\n\ninterface VerificationIdentityFormProps {\n  onSuccess?: () => unknown | Promise<unknown>;\n  authenticationChallengeId: string;\n  type: \"dialog\" | \"alert\";\n}\n\nfunction VerificationIdentityForm({\n  onSuccess,\n  authenticationChallengeId,\n  type,\n}: VerificationIdentityFormProps) {\n  const { data: me } = useMe();\n  const { setElevatedAccess } = useElevatedAccessToken();\n  const verifyIdentity = useVerify();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const code = formData.get(\"otp-code\")?.toString() ?? \"\";\n\n    setIsSubmitting(true);\n\n    try {\n      // Mutate async so we can wait for the onSuccess callback as well\n      const newAuthState = await verifyIdentity.mutateAsync({\n        data: {\n          code,\n          authenticationChallengeId,\n        },\n      });\n\n      const in10Seconds = new Date(Date.now() + 5 * 1000);\n\n      setElevatedAccess({\n        token: newAuthState.elevatedAccessToken,\n        // expiresAt: newAuthState.expiresAt,\n        expiresAt: in10Seconds.toISOString(),\n      });\n\n      if (onSuccess) {\n        await new Promise((resolve) => setTimeout(resolve, 200));\n        await onSuccess();\n      }\n    } catch (error) {\n      console.error(error);\n    }\n\n    setIsSubmitting(false);\n  };\n\n  return (\n    <Form.Root onSubmit={handleSubmit}>\n      <Title>Verify your identity</Title>\n\n      <Description color=\"gray\">\n        A verification code was sent to{\" \"}\n        <Text weight=\"bold\" highContrast>\n          {me?.email}\n        </Text>\n        . Please enter it below.\n      </Description>\n\n      <Flex direction=\"column\" gap=\"2\" mt=\"5\" mx=\"auto\" width=\"fit-content\">\n        <Otp.Root\n          autoSubmit\n          gap=\"2\"\n          justify=\"center\"\n          columns=\"repeat(6, 48px)\"\n          width=\"fit-content\"\n          rows=\"48px\"\n          name=\"otp-code\"\n          readOnly={isSubmitting}\n        >\n          <Otp.Input required autoFocus autoComplete=\"off\" />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n        </Otp.Root>\n\n        {verifyIdentity.error && (\n          <Text color=\"red\" size=\"2\" as=\"p\">\n            {getMutationErrorMessage(verifyIdentity.error)}\n          </Text>\n        )}\n      </Flex>\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <SecondaryButton type=\"button\">Cancel</SecondaryButton>\n        </Close>\n\n        <PrimaryButton type=\"submit\" loading={isSubmitting}>\n          Confirm\n        </PrimaryButton>\n      </Flex>\n    </Form.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  let message = typeof error === \"string\" ? error : \"\";\n\n  if (error instanceof Error) {\n    message = error.message;\n  } else if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    message = error.message;\n  }\n\n  if (!message || message === \"Bad Request\") {\n    message = \"Invalid code, please try again.\";\n  }\n\n  return message;\n}\n"],"mappings":"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","names":[]}

package/dist/cjs/lib/elevated-access.d.cts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-
-interface ElevatedAccessProps extends PropsWithChildren {
-    onVerified?: () => Promise<unknown>;
-    type?: "dialog" | "alert";
-}
-declare function ElevatedAccess({ type, children, onVerified, }: ElevatedAccessProps): react_jsx_runtime.JSX.Element | null;
-
-export { ElevatedAccess };

package/dist/cjs/lib/error-boundary.cjs

@@ -1,115 +0,0 @@
-"use strict";
-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);
-var error_boundary_exports = {};
-__export(error_boundary_exports, {
-  ErrorBoundary: () => ErrorBoundary
-});
-module.exports = __toCommonJS(error_boundary_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const ErrorBoundaryContext = React.createContext(null);
-ErrorBoundaryContext.displayName = "ErrorBoundaryContext";
-const initialState = {
-  didCatch: false,
-  error: null
-};
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-    this.state = initialState;
-  }
-  static getDerivedStateFromError(error) {
-    return { didCatch: true, error };
-  }
-  resetErrorBoundary(...args) {
-    const { error } = this.state;
-    if (error !== null) {
-      this.props.onReset?.({
-        args,
-        reason: "imperative-api"
-      });
-      this.setState(initialState);
-    }
-  }
-  componentDidCatch(error, info) {
-    this.props.onError?.(error, info);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const { didCatch } = this.state;
-    const { resetKeys } = this.props;
-    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      this.props.onReset?.({
-        next: resetKeys,
-        prev: prevProps.resetKeys,
-        reason: "keys"
-      });
-      this.setState(initialState);
-    }
-  }
-  render() {
-    const { children, fallbackRender, FallbackComponent, fallback } = this.props;
-    const { didCatch, error } = this.state;
-    let childToRender = children;
-    if (didCatch) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallbackRender === "function") {
-        childToRender = fallbackRender(props);
-      } else if (FallbackComponent) {
-        childToRender = React.createElement(FallbackComponent, props);
-      } else if (fallback !== void 0) {
-        childToRender = fallback;
-      } else {
-        throw error;
-      }
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ErrorBoundaryContext.Provider,
-      {
-        value: {
-          didCatch,
-          error,
-          resetErrorBoundary: this.resetErrorBoundary
-        },
-        children: childToRender
-      }
-    );
-  }
-}
-function hasArrayChanged(a = [], b = []) {
-  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ErrorBoundary
-});
-//# sourceMappingURL=error-boundary.cjs.map

package/dist/cjs/lib/error-boundary.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/error-boundary.tsx"],"sourcesContent":["// Modified from https://github.com/bvaughn/react-error-boundary\n// Copyright (c) 2020 Brian Vaughn, MIT License\n\nimport * as React from \"react\";\n\ntype ErrorBoundaryState =\n  | { didCatch: true; error: any }\n  | { didCatch: false; error: null };\n\nexport interface ErrorBoundaryContextValue {\n  didCatch: boolean;\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n}\n\nconst ErrorBoundaryContext =\n  React.createContext<ErrorBoundaryContextValue | null>(null);\nErrorBoundaryContext.displayName = \"ErrorBoundaryContext\";\n\nconst initialState: ErrorBoundaryState = {\n  didCatch: false,\n  error: null,\n} satisfies ErrorBoundaryState;\n\nexport class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n    this.state = initialState;\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { didCatch: true, error };\n  }\n\n  resetErrorBoundary(...args: any[]) {\n    const { error } = this.state;\n\n    if (error !== null) {\n      this.props.onReset?.({\n        args,\n        reason: \"imperative-api\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  componentDidCatch(error: Error, info: React.ErrorInfo) {\n    this.props.onError?.(error, info);\n  }\n\n  componentDidUpdate(\n    prevProps: ErrorBoundaryProps,\n    prevState: ErrorBoundaryState,\n  ) {\n    const { didCatch } = this.state;\n    const { resetKeys } = this.props;\n\n    // There's an edge case where if the thing that triggered the error happens\n    // to *also* be in the resetKeys array, we'd end up resetting the error\n    // boundary immediately.\n    //\n    // This would likely trigger a second error to be thrown. So we make sure\n    // that we don't check the resetKeys on the first call of cDU after the\n    // error is set.\n    if (\n      didCatch &&\n      prevState.error !== null &&\n      hasArrayChanged(prevProps.resetKeys, resetKeys)\n    ) {\n      this.props.onReset?.({\n        next: resetKeys,\n        prev: prevProps.resetKeys,\n        reason: \"keys\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  render() {\n    const { children, fallbackRender, FallbackComponent, fallback } =\n      this.props;\n    const { didCatch, error } = this.state;\n\n    let childToRender = children;\n\n    if (didCatch) {\n      const props: FallbackProps = {\n        error,\n        resetErrorBoundary: this.resetErrorBoundary,\n      };\n\n      if (typeof fallbackRender === \"function\") {\n        childToRender = fallbackRender(props);\n      } else if (FallbackComponent) {\n        childToRender = React.createElement(FallbackComponent, props);\n      } else if (fallback !== undefined) {\n        childToRender = fallback;\n      } else {\n        throw error;\n      }\n    }\n\n    return (\n      <ErrorBoundaryContext.Provider\n        value={{\n          didCatch,\n          error,\n          resetErrorBoundary: this.resetErrorBoundary,\n        }}\n      >\n        {childToRender}\n      </ErrorBoundaryContext.Provider>\n    );\n  }\n}\n\nfunction hasArrayChanged(a: any[] = [], b: any[] = []) {\n  return (\n    a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]))\n  );\n}\n\nexport type FallbackProps = {\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n};\n\ntype ErrorBoundarySharedProps = React.PropsWithChildren<{\n  onError?: (error: Error, info: React.ErrorInfo) => void;\n  onReset?: (\n    details:\n      | { reason: \"imperative-api\"; args: any[] }\n      | { reason: \"keys\"; prev: any[] | undefined; next: any[] | undefined },\n  ) => void;\n  resetKeys?: any[];\n}>;\n\nexport type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent: React.ComponentType<FallbackProps>;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent?: never;\n  fallbackRender: (props: FallbackProps) => React.ReactNode;\n};\n\nexport type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {\n  fallback: React.ReactNode;\n  FallbackComponent?: never;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryProps =\n  | ErrorBoundaryPropsWithFallback\n  | ErrorBoundaryPropsWithComponent\n  | ErrorBoundaryPropsWithRender;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8GM;AA3GN,YAAuB;AAYvB,MAAM,uBACJ,MAAM,cAAgD,IAAI;AAC5D,qBAAqB,cAAc;AAEnC,MAAM,eAAmC;AAAA,EACvC,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,sBAAsB,MAAM,UAGvC;AAAA,EACA,YAAY,OAA2B;AACrC,UAAM,KAAK;AAEX,SAAK,qBAAqB,KAAK,mBAAmB,KAAK,IAAI;AAC3D,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,UAAU,MAAM,MAAM;AAAA,EACjC;AAAA,EAEA,sBAAsB,MAAa;AACjC,UAAM,EAAE,MAAM,IAAI,KAAK;AAEvB,QAAI,UAAU,MAAM;AAClB,WAAK,MAAM,UAAU;AAAA,QACnB;AAAA,QACA,QAAQ;AAAA,MACV,CAAC;AAED,WAAK,SAAS,YAAY;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,kBAAkB,OAAc,MAAuB;AACrD,SAAK,MAAM,UAAU,OAAO,IAAI;AAAA,EAClC;AAAA,EAEA,mBACE,WACA,WACA;AACA,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,IAAI,KAAK;AAS3B,QACE,YACA,UAAU,UAAU,QACpB,gBAAgB,UAAU,WAAW,SAAS,GAC9C;AACA,WAAK,MAAM,UAAU;AAAA,QACnB,MAAM;AAAA,QACN,MAAM,UAAU;AAAA,QAChB,QAAQ;AAAA,MACV,CAAC;AAED,WAAK,SAAS,YAAY;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,gBAAgB,mBAAmB,SAAS,IAC5D,KAAK;AACP,UAAM,EAAE,UAAU,MAAM,IAAI,KAAK;AAEjC,QAAI,gBAAgB;AAEpB,QAAI,UAAU;AACZ,YAAM,QAAuB;AAAA,QAC3B;AAAA,QACA,oBAAoB,KAAK;AAAA,MAC3B;AAEA,UAAI,OAAO,mBAAmB,YAAY;AACxC,wBAAgB,eAAe,KAAK;AAAA,MACtC,WAAW,mBAAmB;AAC5B,wBAAgB,MAAM,cAAc,mBAAmB,KAAK;AAAA,MAC9D,WAAW,aAAa,QAAW;AACjC,wBAAgB;AAAA,MAClB,OAAO;AACL,cAAM;AAAA,MACR;AAAA,IACF;AAEA,WACE;AAAA,MAAC,qBAAqB;AAAA,MAArB;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA,oBAAoB,KAAK;AAAA,QAC3B;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,SAAS,gBAAgB,IAAW,CAAC,GAAG,IAAW,CAAC,GAAG;AACrD,SACE,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,UAAU,CAAC,OAAO,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;AAE/E;","names":[]}

package/dist/cjs/lib/errors.cjs

@@ -1,66 +0,0 @@
-"use strict";
-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);
-var errors_exports = {};
-__export(errors_exports, {
-  ApiError: () => ApiError,
-  FetchError: () => FetchError,
-  IncorrectPermissionsError: () => IncorrectPermissionsError,
-  NoAuthTokenError: () => NoAuthTokenError
-});
-module.exports = __toCommonJS(errors_exports);
-class FetchError extends Error {
-  constructor(args) {
-    super(args.message);
-    this.name = "FetchError";
-    this.queryType = args.queryType;
-    this.recordType = args.recordType;
-    this.context = args.context;
-  }
-}
-class ApiError extends Error {
-  constructor(args) {
-    super(args.message);
-    this.name = "ApiError";
-    this.status = args.status;
-    this.queryType = args.queryType;
-    this.recordType = args.recordType;
-  }
-}
-class NoAuthTokenError extends Error {
-  constructor(args) {
-    super("No auth token provided");
-    this.name = "NoAuthTokenError";
-    this.context = args?.context;
-  }
-}
-class IncorrectPermissionsError extends Error {
-  constructor(args) {
-    super("Incorrect permissions");
-    this.name = "NoPermissionError";
-    this.context = args?.context;
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ApiError,
-  FetchError,
-  IncorrectPermissionsError,
-  NoAuthTokenError
-});
-//# sourceMappingURL=errors.cjs.map

package/dist/cjs/lib/errors.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/errors.ts"],"sourcesContent":["type QueryType = \"query\" | \"mutation\";\ntype RecordType = \"users\" | \"roles\";\n\nexport class FetchError extends Error {\n  queryType: QueryType;\n  recordType: RecordType;\n  context: unknown;\n  constructor(args: {\n    message: string;\n    queryType: QueryType;\n    recordType: RecordType;\n    context?: unknown;\n  }) {\n    super(args.message);\n    this.name = \"FetchError\";\n    this.queryType = args.queryType;\n    this.recordType = args.recordType;\n    this.context = args.context;\n  }\n}\n\nexport class ApiError extends Error {\n  status: number;\n  queryType: QueryType;\n  recordType: RecordType;\n  context: unknown;\n  constructor(args: {\n    message: string;\n    queryType: QueryType;\n    recordType: RecordType;\n    status: number;\n    context?: unknown;\n  }) {\n    super(args.message);\n    this.name = \"ApiError\";\n    this.status = args.status;\n    this.queryType = args.queryType;\n    this.recordType = args.recordType;\n  }\n}\n\nexport class NoAuthTokenError extends Error {\n  context: unknown;\n  constructor(args?: { context?: unknown }) {\n    super(\"No auth token provided\");\n    this.name = \"NoAuthTokenError\";\n    this.context = args?.context;\n  }\n}\n\nexport class IncorrectPermissionsError extends Error {\n  context: unknown;\n  constructor(args?: { context?: unknown }) {\n    super(\"Incorrect permissions\");\n    this.name = \"NoPermissionError\";\n    this.context = args?.context;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,mBAAmB,MAAM;AAAA,EAIpC,YAAY,MAKT;AACD,UAAM,KAAK,OAAO;AAClB,SAAK,OAAO;AACZ,SAAK,YAAY,KAAK;AACtB,SAAK,aAAa,KAAK;AACvB,SAAK,UAAU,KAAK;AAAA,EACtB;AACF;AAEO,MAAM,iBAAiB,MAAM;AAAA,EAKlC,YAAY,MAMT;AACD,UAAM,KAAK,OAAO;AAClB,SAAK,OAAO;AACZ,SAAK,SAAS,KAAK;AACnB,SAAK,YAAY,KAAK;AACtB,SAAK,aAAa,KAAK;AAAA,EACzB;AACF;AAEO,MAAM,yBAAyB,MAAM;AAAA,EAE1C,YAAY,MAA8B;AACxC,UAAM,wBAAwB;AAC9B,SAAK,OAAO;AACZ,SAAK,UAAU,MAAM;AAAA,EACvB;AACF;AAEO,MAAM,kCAAkC,MAAM;AAAA,EAEnD,YAAY,MAA8B;AACxC,UAAM,uBAAuB;AAC7B,SAAK,OAAO;AACZ,SAAK,UAAU,MAAM;AAAA,EACvB;AACF;","names":[]}

package/dist/cjs/lib/generic-error.cjs

@@ -1,109 +0,0 @@
-"use strict";
-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);
-var generic_error_exports = {};
-__export(generic_error_exports, {
-  GenericError: () => GenericError
-});
-module.exports = __toCommonJS(generic_error_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-var import_themes = require("@radix-ui/themes");
-var import_errors = require("./errors.js");
-var import_react_icons = require("@radix-ui/react-icons");
-function GenericError({ error }) {
-  React.useEffect(() => {
-    console.error(error);
-  }, [error]);
-  const render = (heading, message) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { p: "6", justify: "center", align: "center", direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_themes.Flex,
-      {
-        align: "center",
-        justify: "center",
-        width: "32px",
-        height: "32px",
-        mb: "2",
-        style: {
-          borderRadius: "9999px",
-          backgroundColor: "var(--red-a4)",
-          color: "var(--red-a11)"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { width: "24px", height: "24px" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "1", maxWidth: "420px", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Heading, { size: "5", align: "center", mb: "1", wrap: "balance", as: "h3", children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { as: "p", align: "center", wrap: "balance", color: "gray", children: message })
-    ] })
-  ] });
-  if (error instanceof import_errors.FetchError) {
-    return render(
-      "Error fetching data",
-      "An error occurred. You may need to configure CORS in the WorkOS Dashboard. Contact your organization admin for support."
-    );
-  }
-  if (error instanceof import_errors.NoAuthTokenError) {
-    return render(
-      "Error fetching data",
-      "Authorization error. You likely forgot to provide an authorization token to the Users Management Widget."
-    );
-  }
-  if (error instanceof import_errors.ApiError && error.status === 404) {
-    return render(
-      "Error fetching data",
-      "Authorization error. Contact your organization admin for support."
-    );
-  }
-  if (error instanceof import_errors.IncorrectPermissionsError) {
-    return render(
-      "Error fetching data",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        "Incorrect permissions.",
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_themes.Link,
-          {
-            href: "https://workos.com/docs/user-management/widgets/user-management",
-            target: "_blank",
-            children: "Check that the correct permissions have been assigned."
-          }
-        )
-      ] })
-    );
-  }
-  return render(
-    "Error fetching data",
-    "An unknown error occurred. If the problem continues, contact the site owner."
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  GenericError
-});
-//# sourceMappingURL=generic-error.cjs.map

package/dist/cjs/lib/generic-error.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/generic-error.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Flex, Heading, Link, Text } from \"@radix-ui/themes\";\nimport {\n  ApiError,\n  FetchError,\n  IncorrectPermissionsError,\n  NoAuthTokenError,\n} from \"./errors.js\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\n\nexport function GenericError({ error }: { error: unknown }) {\n  React.useEffect(() => {\n    console.error(error);\n  }, [error]);\n\n  const render = (heading: string, message: React.ReactNode) => (\n    <Flex p=\"6\" justify=\"center\" align=\"center\" direction=\"column\">\n      <Flex\n        align=\"center\"\n        justify=\"center\"\n        width=\"32px\"\n        height=\"32px\"\n        mb=\"2\"\n        style={{\n          borderRadius: \"9999px\",\n          backgroundColor: \"var(--red-a4)\",\n          color: \"var(--red-a11)\",\n        }}\n      >\n        <Cross2Icon width=\"24px\" height=\"24px\" />\n      </Flex>\n\n      <Flex direction=\"column\" gap=\"1\" maxWidth=\"420px\">\n        <Heading size=\"5\" align=\"center\" mb=\"1\" wrap=\"balance\" as=\"h3\">\n          {heading}\n        </Heading>\n\n        <Text as=\"p\" align=\"center\" wrap=\"balance\" color=\"gray\">\n          {message}\n        </Text>\n      </Flex>\n    </Flex>\n  );\n\n  if (error instanceof FetchError) {\n    return render(\n      \"Error fetching data\",\n      \"An error occurred. You may need to configure CORS in the WorkOS Dashboard. \" +\n        \"Contact your organization admin for support.\",\n    );\n  }\n\n  if (error instanceof NoAuthTokenError) {\n    return render(\n      \"Error fetching data\",\n      \"Authorization error. You likely forgot to provide an authorization \" +\n        \"token to the Users Management Widget.\",\n    );\n  }\n\n  if (error instanceof ApiError && error.status === 404) {\n    // The widgets API treats all authorization errors as 404s. If there is a\n    // legitimate 404, it's a bug on our end but there's currently no way to\n    // distinguish between the two.\n    return render(\n      \"Error fetching data\",\n      \"Authorization error. Contact your organization admin for support.\",\n    );\n  }\n\n  if (error instanceof IncorrectPermissionsError) {\n    return render(\n      \"Error fetching data\",\n      <>\n        Incorrect permissions.{\" \"}\n        <Link\n          href=\"https://workos.com/docs/user-management/widgets/user-management\"\n          target=\"_blank\"\n        >\n          Check that the correct permissions have been assigned.\n        </Link>\n      </>,\n    );\n  }\n\n  return render(\n    \"Error fetching data\",\n    \"An unknown error occurred. If the problem continues, contact the site owner.\",\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BQ;AA7BR,YAAuB;AACvB,oBAA0C;AAC1C,oBAKO;AACP,yBAA2B;AAEpB,SAAS,aAAa,EAAE,MAAM,GAAuB;AAC1D,QAAM,UAAU,MAAM;AACpB,YAAQ,MAAM,KAAK;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAS,CAAC,SAAiB,YAC/B,6CAAC,sBAAK,GAAE,KAAI,SAAQ,UAAS,OAAM,UAAS,WAAU,UACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,OAAO;AAAA,UACL,cAAc;AAAA,UACd,iBAAiB;AAAA,UACjB,OAAO;AAAA,QACT;AAAA,QAEA,sDAAC,iCAAW,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,IACzC;AAAA,IAEA,6CAAC,sBAAK,WAAU,UAAS,KAAI,KAAI,UAAS,SACxC;AAAA,kDAAC,yBAAQ,MAAK,KAAI,OAAM,UAAS,IAAG,KAAI,MAAK,WAAU,IAAG,MACvD,mBACH;AAAA,MAEA,4CAAC,sBAAK,IAAG,KAAI,OAAM,UAAS,MAAK,WAAU,OAAM,QAC9C,mBACH;AAAA,OACF;AAAA,KACF;AAGF,MAAI,iBAAiB,0BAAY;AAC/B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IAEF;AAAA,EACF;AAEA,MAAI,iBAAiB,gCAAkB;AACrC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IAEF;AAAA,EACF;AAEA,MAAI,iBAAiB,0BAAY,MAAM,WAAW,KAAK;AAIrD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,MAAI,iBAAiB,yCAA2B;AAC9C,WAAO;AAAA,MACL;AAAA,MACA,4EAAE;AAAA;AAAA,QACuB;AAAA,QACvB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACR;AAAA;AAAA,QAED;AAAA,SACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/lib/generic-error.d.cts

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

package/dist/cjs/lib/icon-panel.cjs

@@ -1,53 +0,0 @@
-"use strict";
-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);
-var icon_panel_exports = {};
-__export(icon_panel_exports, {
-  IconPanel: () => IconPanel
-});
-module.exports = __toCommonJS(icon_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_themes = require("@radix-ui/themes");
-var import_react = require("react");
-const IconPanel = (0, import_react.forwardRef)(function IconPanel2({ children, style, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_themes.Flex,
-    {
-      ref,
-      width: "32px",
-      height: "32px",
-      align: "center",
-      justify: "center",
-      style: {
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderColor: "var(--gray-4)",
-        borderRadius: "var(--radius-3)",
-        backgroundColor: props.color === "panel" ? "var(--color-panel)" : "var(--gray-2)",
-        ...style
-      },
-      ...props,
-      children
-    }
-  );
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  IconPanel
-});
-//# sourceMappingURL=icon-panel.cjs.map

package/dist/cjs/lib/icon-panel.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/icon-panel.tsx"],"sourcesContent":["import { Flex, FlexProps } from \"@radix-ui/themes\";\nimport { forwardRef } from \"react\";\n\nexport const IconPanel = forwardRef<\n  HTMLDivElement,\n  FlexProps & { color?: \"gray\" | \"panel\" }\n>(function IconPanel({ children, style, ...props }, ref) {\n  return (\n    <Flex\n      ref={ref}\n      width=\"32px\"\n      height=\"32px\"\n      align=\"center\"\n      justify=\"center\"\n      style={{\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderColor: \"var(--gray-4)\",\n        borderRadius: \"var(--radius-3)\",\n        backgroundColor:\n          props.color === \"panel\" ? \"var(--color-panel)\" : \"var(--gray-2)\",\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,oBAAgC;AAChC,mBAA2B;AAEpB,MAAM,gBAAY,yBAGvB,SAASA,WAAU,EAAE,UAAU,OAAO,GAAG,MAAM,GAAG,KAAK;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,iBACE,MAAM,UAAU,UAAU,uBAAuB;AAAA,QACnD,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["IconPanel"]}

package/dist/cjs/lib/icon-panel.d.cts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { FlexProps } from '@radix-ui/themes';
-
-declare const IconPanel: React.ForwardRefExoticComponent<(FlexProps & {
-    color?: "gray" | "panel";
-}) & React.RefAttributes<HTMLDivElement>>;
-
-export { IconPanel };