@workos-inc/widgets 0.0.0-pre.1 → 0.0.0-pre.3

package/dist/cjs/lib/elements.d.ts

@@ -1,32 +1,43 @@
-import { DropdownMenu, AvatarProps as RadixAvatarProps, TextField as RadixTextField } from "@radix-ui/themes";
-import type { GetPropDefTypes, avatarPropDefs, badgePropDefs, buttonPropDefs, dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, iconButtonPropDefs, textFieldRootPropDefs } from "@radix-ui/themes/props";
-export declare const PrimaryButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SecondaryButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DestructiveButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TextField: import("react").ForwardRefExoticComponent<Omit<RadixTextField.RootProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export declare const TextFieldSlot: import("react").ForwardRefExoticComponent<RadixTextField.SlotProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").BadgeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const PrimaryMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DestructiveMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import { DropdownMenu as RadixDropdownMenu, AvatarProps as RadixAvatarProps, AlertDialog as RadixAlertDialog, Dialog as RadixDialog, Select as RadixSelect, TextField as RadixTextField, type BadgeProps, type ButtonProps, type IconButtonProps, type TextProps } from "@radix-ui/themes";
+import type { GetPropDefTypes, avatarPropDefs, badgePropDefs, buttonPropDefs, dialogContentPropDefs, dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, iconButtonPropDefs, textPropDefs, textFieldRootPropDefs, selectTriggerPropDefs } from "@radix-ui/themes/props";
+export declare const PrimaryButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DestructiveButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectTrigger: React.ForwardRefExoticComponent<RadixSelect.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectContent: React.ForwardRefExoticComponent<RadixSelect.ContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<RadixSelect.ItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Label: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const TextField: React.ForwardRefExoticComponent<RadixTextField.RootProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextFieldSlot: React.ForwardRefExoticComponent<RadixTextField.SlotProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<RadixDropdownMenu.ContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PrimaryMenuItem: React.ForwardRefExoticComponent<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DestructiveMenuItem: React.ForwardRefExoticComponent<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
 interface AvatarProps extends RadixAvatarProps {
     dim?: boolean;
 }
-export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLImageElement>>;
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLImageElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<RadixDialog.ContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogContent: React.ForwardRefExoticComponent<RadixAlertDialog.ContentProps & React.RefAttributes<HTMLDivElement>>;
 type OmitAsChild<T> = {
     [K in keyof T]: T[K] extends undefined ? undefined : Omit<NonNullable<T[K]>, "asChild">;
 };
 export type Elements = OmitAsChild<{
+    dialog?: GetPropDefTypes<typeof dialogContentPropDefs>;
     primaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
     secondaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
     destructiveButton?: GetPropDefTypes<typeof buttonPropDefs>;
     iconButton?: GetPropDefTypes<typeof iconButtonPropDefs>;
     textfield?: GetPropDefTypes<typeof textFieldRootPropDefs>;
+    select?: GetPropDefTypes<typeof selectTriggerPropDefs>;
     badge?: GetPropDefTypes<typeof badgePropDefs>;
     dropdown?: GetPropDefTypes<typeof dropdownMenuContentPropDefs>;
     primaryMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;
     destructiveMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;
     avatar?: Omit<GetPropDefTypes<typeof avatarPropDefs>, "fallback">;
+    label?: Omit<GetPropDefTypes<typeof textPropDefs>, "as">;
 }>;
 export {};
 //# sourceMappingURL=elements.d.ts.map

package/dist/cjs/lib/elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAEZ,WAAW,IAAI,gBAAgB,EAG/B,SAAS,IAAI,cAAc,EAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,wBAAwB,EACxB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAIhC,eAAO,MAAM,aAAa,sMAOxB,CAAC;AAIH,eAAO,MAAM,eAAe,sMAS1B,CAAC;AAIH,eAAO,MAAM,iBAAiB,sMAS5B,CAAC;AAIH,eAAO,MAAM,UAAU,0MAerB,CAAC;AAIH,eAAO,MAAM,SAAS,sLAepB,CAAC;AAIH,eAAO,MAAM,aAAa,qHAAsB,CAAC;AAEjD,eAAO,MAAM,KAAK,iMAOhB,CAAC;AAIH,eAAO,MAAM,eAAe,gLAO1B,CAAC;AAIH,eAAO,MAAM,mBAAmB,gLAO9B,CAAC;AAIH,UAAU,WAAY,SAAQ,gBAAgB;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,MAAM,0GAelB,CAAC;AAIF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAClC,SAAS,GACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;IACjC,aAAa,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAC;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACnE,mBAAmB,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACvE,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;CACnE,CAAC,CAAC"}
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/elements.js

@@ -1,57 +1,131 @@
 "use strict";
 "use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = exports.DestructiveMenuItem = exports.PrimaryMenuItem = exports.Badge = exports.TextFieldSlot = exports.TextField = exports.IconButton = exports.DestructiveButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
+exports.AlertDialogContent = exports.DialogContent = exports.Avatar = exports.DestructiveMenuItem = exports.PrimaryMenuItem = exports.DropdownMenuContent = exports.Badge = exports.TextFieldSlot = exports.TextField = exports.Label = exports.SelectItem = exports.SelectContent = exports.SelectTrigger = exports.IconButton = exports.DestructiveButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
 const themes_1 = require("@radix-ui/themes");
-const react_1 = require("react");
+const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
 const widgets_context_1 = require("./widgets-context");
-exports.PrimaryButton = (0, react_1.forwardRef)((props, ref) => {
+const utils_1 = require("./utils");
+const use_layout_effect_1 = require("./use-layout-effect");
+exports.PrimaryButton = React.forwardRef(function PrimaryButton({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("primaryButton");
-    return (0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, variant: "solid", ...props, ...element });
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, className: (0, utils_1.cx)("button", "button--primary", className), variant: "solid", ...props, ...element }));
 });
-exports.PrimaryButton.displayName = "PrimaryButton";
-exports.SecondaryButton = (0, react_1.forwardRef)((props, ref) => {
+exports.SecondaryButton = React.forwardRef(function SecondaryButton({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("secondaryButton");
-    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, variant: "surface", color: "gray", ...props, ...element }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, className: (0, utils_1.cx)(["button", "button--secondary"], className), variant: "surface", color: "gray", ...props, ...element }));
 });
-exports.SecondaryButton.displayName = "SecondaryButton";
-exports.DestructiveButton = (0, react_1.forwardRef)((props, ref) => {
+exports.DestructiveButton = React.forwardRef(function DestructiveButton({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("destructiveButton");
-    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, variant: "solid", color: "red", ...props, ...element }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, className: (0, utils_1.cx)(["button", "button--destructive"], className), variant: "solid", color: "red", ...props, ...element }));
 });
-exports.DestructiveButton.displayName = "DestructiveButton";
-exports.IconButton = (0, react_1.forwardRef)((props, ref) => {
+exports.IconButton = React.forwardRef(function IconButton({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("iconButton");
-    return ((0, jsx_runtime_1.jsx)(themes_1.IconButton, { ref: ref, variant: "ghost", color: "gray", ...props, ...element }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.IconButton, { ref: ref, className: (0, utils_1.cx)(["button", "icon-button"], className), variant: "ghost", color: "gray", ...props, ...element }));
+});
+exports.SelectTrigger = React.forwardRef(function SelectTrigger({ className, ...props }, ref) {
+    const element = (0, widgets_context_1.useElement)("select");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Select.Trigger, { ref: ref, className: (0, utils_1.cx)("select", className), ...props, ...element }));
+});
+exports.SelectContent = React.forwardRef(function SelectContent({ className, ...props }, ref) {
+    const element = (0, widgets_context_1.useElement)("dropdown");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Select.Content, { ref: ref, className: (0, utils_1.cx)(["dropdown", "select-dropdown"], className), ...props, ...element }));
+});
+exports.SelectItem = React.forwardRef(function SelectItem({ className, ...props }, ref) {
+    const element = (0, widgets_context_1.useElement)("primaryMenuItem");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Select.Item, { ref: ref, className: (0, utils_1.cx)(["menu-item", "select-item"], className), ...props, ...element }));
 });
-exports.IconButton.displayName = "IconButton";
-exports.TextField = (0, react_1.forwardRef)((props, ref) => {
+exports.Label = React.forwardRef(function Label({ children, className, ...props }, ref) {
+    const element = (0, widgets_context_1.useElement)("label");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Text, { as: "label", ref: ref, weight: "bold", size: "2", className: (0, utils_1.cx)("label", className), ...props, ...element, children: children }));
+});
+exports.TextField = React.forwardRef(function TextField({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("textfield");
-    return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Root, { "data-1p-ignore": true, ref: ref, variant: "surface", ...props, ...element }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Root, { ref: ref, variant: "surface", className: (0, utils_1.cx)("text-field", className), ...props, ...element }));
+});
+exports.TextFieldSlot = React.forwardRef(function TextFieldSlot({ className, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Slot, { ref: ref, className: (0, utils_1.cx)("text-field-slot", className), ...props }));
 });
-exports.TextField.displayName = "TextField";
-exports.TextFieldSlot = themes_1.TextField.Slot;
-exports.Badge = (0, react_1.forwardRef)((props, ref) => {
+exports.Badge = React.forwardRef(function Badge({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("badge");
-    return (0, jsx_runtime_1.jsx)(themes_1.Badge, { ref: ref, ...element, ...props });
+    return ((0, jsx_runtime_1.jsx)(themes_1.Badge, { ref: ref, className: (0, utils_1.cx)("badge", className), ...element, ...props }));
+});
+exports.DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ className, ...props }, ref) {
+    const element = (0, widgets_context_1.useElement)("dropdown");
+    return ((0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Content, { ref: ref, className: (0, utils_1.cx)("dropdown", className), ...props, ...element }));
 });
-exports.Badge.displayName = "Badge";
-exports.PrimaryMenuItem = (0, react_1.forwardRef)((props, ref) => {
+exports.PrimaryMenuItem = React.forwardRef(function PrimaryMenuItem({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("primaryMenuItem");
-    return (0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, ...props, ...element });
+    return ((0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, className: (0, utils_1.cx)("menu-item", className), ...props, ...element }));
 });
-exports.PrimaryMenuItem.displayName = "PrimaryMenuItem";
-exports.DestructiveMenuItem = (0, react_1.forwardRef)((props, ref) => {
+exports.DestructiveMenuItem = React.forwardRef(function DestructiveMenuItem({ className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("destructiveMenuItem");
-    return (0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, color: "red", ...props, ...element });
+    return ((0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, className: (0, utils_1.cx)(["menu-item", "menu-item--destructive"], className), color: "red", ...props, ...element }));
 });
-exports.DestructiveMenuItem.displayName = "DestructiveMenuItem";
-exports.Avatar = (0, react_1.forwardRef)(({ dim, ...props }, ref) => {
+exports.Avatar = React.forwardRef(function Avatar({ dim, className, ...props }, ref) {
     const element = (0, widgets_context_1.useElement)("avatar");
-    return ((0, jsx_runtime_1.jsx)(themes_1.Avatar, { ref: ref, color: "gray", ...props, ...element, 
+    return ((0, jsx_runtime_1.jsx)(themes_1.Avatar, { ref: ref, color: "gray", className: (0, utils_1.cx)("avatar", className), ...props, ...element, 
         // TODO: use CSS var instead of hard-coded value for opacity
         style: dim ? { opacity: 0.6, ...props.style } : props.style }));
 });
-exports.Avatar.displayName = "Avatar";
+exports.DialogContent = React.forwardRef(function DialogContent({ className, ...props }, forwardedRef) {
+    const element = (0, widgets_context_1.useElement)("dialog");
+    const [node, setNode] = React.useState(null);
+    const ref = (0, react_compose_refs_1.useComposedRefs)(forwardedRef, setNode);
+    useDialogOverlayHack(node, {
+        className: (0, utils_1.namespaceClassName)("dialog-overlay"),
+        selector: ".rt-DialogOverlay",
+    });
+    return ((0, jsx_runtime_1.jsx)(themes_1.Dialog.Content, { ref: ref, className: (0, utils_1.cx)("dialog", className), ...props, ...element }));
+});
+exports.AlertDialogContent = React.forwardRef(function AlertDialogContent({ className, ...props }, forwardedRef) {
+    const element = (0, widgets_context_1.useElement)("dialog");
+    const [node, setNode] = React.useState(null);
+    const ref = (0, react_compose_refs_1.useComposedRefs)(forwardedRef, setNode);
+    useDialogOverlayHack(node, {
+        className: (0, utils_1.namespaceClassName)("dialog-overlay"),
+        selector: ".rt-AlertDialogOverlay",
+    });
+    return ((0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Content, { ref: ref, className: (0, utils_1.cx)("dialog", className), ...props, ...element }));
+});
+/**
+ * HACK: Radix themes does not expose the dialog overlay, but we want consumer
+ * to be able to style it with a classname. This will add a classname to the
+ * overlay when the dialog content is mounted.
+ */
+function useDialogOverlayHack(node, { className, selector }) {
+    (0, use_layout_effect_1.useLayoutEffect)(() => {
+        if (!node) {
+            return;
+        }
+        const document = node.ownerDocument;
+        const overlay = document.querySelector(selector);
+        overlay?.classList.add(className);
+    }, [node, className, selector]);
+}
 //# sourceMappingURL=elements.js.map

package/dist/cjs/lib/elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+import * as React from "react";
+type ErrorBoundaryState = {
+    didCatch: true;
+    error: any;
+} | {
+    didCatch: false;
+    error: null;
+};
+export interface ErrorBoundaryContextValue {
+    didCatch: boolean;
+    error: any;
+    resetErrorBoundary: (...args: any[]) => void;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        didCatch: boolean;
+        error: Error;
+    };
+    resetErrorBoundary(...args: any[]): void;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export type FallbackProps = {
+    error: any;
+    resetErrorBoundary: (...args: any[]) => void;
+};
+type ErrorBoundarySharedProps = React.PropsWithChildren<{
+    onError?: (error: Error, info: React.ErrorInfo) => void;
+    onReset?: (details: {
+        reason: "imperative-api";
+        args: any[];
+    } | {
+        reason: "keys";
+        prev: any[] | undefined;
+        next: any[] | undefined;
+    }) => void;
+    resetKeys?: any[];
+}>;
+export type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
+    fallback?: never;
+    FallbackComponent: React.ComponentType<FallbackProps>;
+    fallbackRender?: never;
+};
+export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
+    fallback?: never;
+    FallbackComponent?: never;
+    fallbackRender: (props: FallbackProps) => React.ReactNode;
+};
+export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
+    fallback: React.ReactNode;
+    FallbackComponent?: never;
+    fallbackRender?: never;
+};
+export type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/lib/error-boundary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,kBAAkB,GACnB;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,GAC9B;IAAE,QAAQ,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,CAAC;AAErC,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC9C;AAWD,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAOrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAI5C,kBAAkB,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE;IAajC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;IAIrD,kBAAkB,CAChB,SAAS,EAAE,kBAAkB,EAC7B,SAAS,EAAE,kBAAkB;IA2B/B,MAAM;CAoCP;AAQD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,KAAK,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,CACR,OAAO,EACH;QAAE,MAAM,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,CAAA;KAAE,GACzC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAA;KAAE,KACrE,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,+BAA+B,GAAG,wBAAwB,GAAG;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,GAAG;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,wBAAwB,GAAG;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,8BAA8B,GAC9B,+BAA+B,GAC/B,4BAA4B,CAAC"}

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

@@ -0,0 +1,113 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Modified from https://github.com/bvaughn/react-error-boundary
+// Copyright (c) 2020 Brian Vaughn, MIT License
+const React = __importStar(require("react"));
+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;
+        // There's an edge case where if the thing that triggered the error happens
+        // to *also* be in the resetKeys array, we'd end up resetting the error
+        // boundary immediately.
+        //
+        // This would likely trigger a second error to be thrown. So we make sure
+        // that we don't check the resetKeys on the first call of cDU after the
+        // error is set.
+        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 !== undefined) {
+                childToRender = fallback;
+            }
+            else {
+                throw error;
+            }
+        }
+        return ((0, jsx_runtime_1.jsx)(ErrorBoundaryContext.Provider, { value: {
+                didCatch,
+                error,
+                resetErrorBoundary: this.resetErrorBoundary,
+            }, children: childToRender }));
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+function hasArrayChanged(a = [], b = []) {
+    return (a.length !== b.length || a.some((item, index) => !Object.is(item, b[index])));
+}
+//# sourceMappingURL=error-boundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../../src/lib/error-boundary.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/errors.d.ts

@@ -0,0 +1,34 @@
+type QueryType = "query" | "mutation";
+type RecordType = "users" | "roles";
+export declare class FetchError extends Error {
+    queryType: QueryType;
+    recordType: RecordType;
+    context: unknown;
+    constructor(args: {
+        message: string;
+        queryType: QueryType;
+        recordType: RecordType;
+        context?: unknown;
+    });
+}
+export declare class ApiError extends Error {
+    status: number;
+    queryType: QueryType;
+    recordType: RecordType;
+    context: unknown;
+    constructor(args: {
+        message: string;
+        queryType: QueryType;
+        recordType: RecordType;
+        status: number;
+        context?: unknown;
+    });
+}
+export declare class NoAuthTokenError extends Error {
+    context: unknown;
+    constructor(args?: {
+        context?: unknown;
+    });
+}
+export {};
+//# sourceMappingURL=errors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../src/lib/errors.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACtC,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpC,qBAAa,UAAW,SAAQ,KAAK;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;gBACL,IAAI,EAAE;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,SAAS,CAAC;QACrB,UAAU,EAAE,UAAU,CAAC;QACvB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;CAOF;AAED,qBAAa,QAAS,SAAQ,KAAK;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;gBACL,IAAI,EAAE;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,SAAS,CAAC;QACrB,UAAU,EAAE,UAAU,CAAC;QACvB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;CAOF;AAED,qBAAa,gBAAiB,SAAQ,KAAK;IACzC,OAAO,EAAE,OAAO,CAAC;gBACL,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;CAKzC"}

package/dist/cjs/lib/errors.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoAuthTokenError = exports.ApiError = exports.FetchError = void 0;
+class FetchError extends Error {
+    queryType;
+    recordType;
+    context;
+    constructor(args) {
+        super(args.message);
+        this.name = "FetchError";
+        this.queryType = args.queryType;
+        this.recordType = args.recordType;
+        this.context = args.context;
+    }
+}
+exports.FetchError = FetchError;
+class ApiError extends Error {
+    status;
+    queryType;
+    recordType;
+    context;
+    constructor(args) {
+        super(args.message);
+        this.name = "ApiError";
+        this.status = args.status;
+        this.queryType = args.queryType;
+        this.recordType = args.recordType;
+    }
+}
+exports.ApiError = ApiError;
+class NoAuthTokenError extends Error {
+    context;
+    constructor(args) {
+        super("No auth token provided");
+        this.name = "NoAuthTokenError";
+        this.context = args?.context;
+    }
+}
+exports.NoAuthTokenError = NoAuthTokenError;
+//# sourceMappingURL=errors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../src/lib/errors.ts"],"names":[],"mappings":";;;AAGA,MAAa,UAAW,SAAQ,KAAK;IACnC,SAAS,CAAY;IACrB,UAAU,CAAa;IACvB,OAAO,CAAU;IACjB,YAAY,IAKX;QACC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAC9B,CAAC;CACF;AAhBD,gCAgBC;AAED,MAAa,QAAS,SAAQ,KAAK;IACjC,MAAM,CAAS;IACf,SAAS,CAAY;IACrB,UAAU,CAAa;IACvB,OAAO,CAAU;IACjB,YAAY,IAMX;QACC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;IACpC,CAAC;CACF;AAlBD,4BAkBC;AAED,MAAa,gBAAiB,SAAQ,KAAK;IACzC,OAAO,CAAU;IACjB,YAAY,IAA4B;QACtC,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,OAAO,CAAC;IAC/B,CAAC;CACF;AAPD,4CAOC"}

package/dist/cjs/lib/invite-user-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"invite-user-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/invite-user-dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,gBAAgB,iBAAkB,qBAAqB,4CAoJnE,CAAC"}
+{"version":3,"file":"invite-user-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/invite-user-dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,gBAAgB,iBAAkB,qBAAqB,4CAqJnE,CAAC"}

package/dist/cjs/lib/invite-user-dialog.js

@@ -31,7 +31,7 @@ const React = __importStar(require("react"));
 const role_1 = require("./api/role");
 const user_1 = require("./api/user");
 const elements_1 = require("./elements");
-const label_1 = require("./label");
+const elements_2 = require("./elements");
 const utils_1 = require("./utils");
 /**
  * Used to stub a fake value for the role select. It will be selected by default
@@ -73,13 +73,13 @@ const InviteUserDialog = ({ children }) => {
     };
     const formErrors = getFormErrors(inviteUser.error);
     useFormFieldFocusOnError(dialogId, inviteUser.error);
-    return ((0, jsx_runtime_1.jsxs)(themes_1.Dialog.Root, { open: open, onOpenChange: setOpen, children: [children && (0, jsx_runtime_1.jsx)(themes_1.Dialog.Trigger, { children: children }), (0, jsx_runtime_1.jsxs)(themes_1.Dialog.Content, { maxWidth: "480px", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Title, { children: "Invite user" }), (0, jsx_runtime_1.jsx)(themes_1.Dialog.Description, { children: "An invitation will be sent to this email address with a link to complete their account." }), (0, jsx_runtime_1.jsx)(DialogFormContext.Provider, { value: { dialogId }, children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column", gap: "4", mt: "5", asChild: true, children: (0, jsx_runtime_1.jsxs)("form", { id: formId, onSubmit: async (event) => {
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Dialog.Root, { open: open, onOpenChange: setOpen, children: [children && (0, jsx_runtime_1.jsx)(themes_1.Dialog.Trigger, { children: children }), (0, jsx_runtime_1.jsxs)(elements_1.DialogContent, { maxWidth: "480px", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Title, { children: "Invite user" }), (0, jsx_runtime_1.jsx)(themes_1.Dialog.Description, { children: "An invitation will be sent to this email address with a link to complete their account." }), (0, jsx_runtime_1.jsx)(DialogFormContext.Provider, { value: { dialogId }, children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column", gap: "4", mt: "5", asChild: true, children: (0, jsx_runtime_1.jsxs)("form", { id: formId, onSubmit: async (event) => {
                                     event.preventDefault();
                                     onSubmitForm({
                                         email: event.currentTarget.email.value,
                                         role: selectedRole,
                                     });
-                                }, children: [(0, jsx_runtime_1.jsx)(FormField, { name: "email", label: "Email address", error: formErrors.fields.email, required: true, control: (props) => ((0, jsx_runtime_1.jsx)(elements_1.TextField, { ...props, "data-1p-ignore": true, type: "email", autoComplete: "email", placeholder: "Enter an email address" })) }), (0, jsx_runtime_1.jsx)(FormField, { name: "role", label: "Role", error: formErrors.fields.role, disabled: rolesQuery.isPending || roles.length <= 1, info: roles.length === 1 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["New users will be invited with the", " ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", children: roles[0].name }), " role, as it is the only one available."] })) : undefined, control: ({ id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, ...props }) => ((0, jsx_runtime_1.jsxs)(themes_1.Select.Root, { ...props, value: selectedRole, onValueChange: setSelectedRole, children: [(0, jsx_runtime_1.jsx)(themes_1.Select.Trigger, { id: id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy }), (0, jsx_runtime_1.jsxs)(themes_1.Select.Content, { children: [(0, jsx_runtime_1.jsx)(themes_1.Select.Item, { value: PLACEHOLDER_ROLE, disabled: true, children: "Select a role" }), roles.map((role) => ((0, jsx_runtime_1.jsx)(themes_1.Select.Item, { value: role.slug, children: role.name }, role.slug)))] })] })) })] }) }) }), formErrors.form ? ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", mt: "4", mb: "-2", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: formErrors.form }) })) : null, (0, jsx_runtime_1.jsxs)(themes_1.Flex, { mt: "5", gap: "3", justify: "end", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Close, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { disabled: inviteUser.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { form: formId, loading: inviteUser.isPending, disabled: rolesQuery.isPending || undefined, children: "Invite" })] }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: formErrors.form }) })] }, String(open))] }));
+                                }, children: [(0, jsx_runtime_1.jsx)(FormField, { name: "email", label: "Email address", error: formErrors.fields.email, required: true, control: (props) => ((0, jsx_runtime_1.jsx)(elements_1.TextField, { ...props, "data-1p-ignore": "true", "data-lpignore": "true", type: "email", autoComplete: "off", placeholder: "Enter an email address" })) }), (0, jsx_runtime_1.jsx)(FormField, { name: "role", label: "Role", error: formErrors.fields.role, disabled: rolesQuery.isPending || roles.length <= 1, info: roles.length === 1 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["New users will be invited with the", " ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", children: roles[0].name }), " role, as it is the only one available."] })) : undefined, control: ({ id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, ...props }) => ((0, jsx_runtime_1.jsxs)(themes_1.Select.Root, { ...props, value: selectedRole, onValueChange: setSelectedRole, children: [(0, jsx_runtime_1.jsx)(elements_1.SelectTrigger, { id: id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy }), (0, jsx_runtime_1.jsxs)(elements_1.SelectContent, { children: [(0, jsx_runtime_1.jsx)(elements_1.SelectItem, { value: PLACEHOLDER_ROLE, disabled: true, children: "Select a role" }), roles.map((role) => ((0, jsx_runtime_1.jsx)(elements_1.SelectItem, { value: role.slug, children: role.name }, role.slug)))] })] })) })] }) }) }), formErrors.form ? ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", mt: "4", mb: "-2", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: formErrors.form }) })) : null, (0, jsx_runtime_1.jsxs)(themes_1.Flex, { mt: "5", gap: "3", justify: "end", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Close, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { disabled: inviteUser.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { form: formId, loading: inviteUser.isPending, disabled: rolesQuery.isPending || undefined, children: "Invite" })] }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: formErrors.form }) })] }, String(open))] }));
 };
 exports.InviteUserDialog = InviteUserDialog;
 function FormField({ name, label, error, info, control, required, disabled, }) {
@@ -87,7 +87,7 @@ function FormField({ name, label, error, info, control, required, disabled, }) {
     const fieldId = toId(dialogId, name);
     const errorId = toId(dialogId, name, "error");
     const infoId = toId(dialogId, name, "info");
-    return ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "1", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: fieldId, children: label }), control({
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "1", children: [(0, jsx_runtime_1.jsx)(elements_2.Label, { htmlFor: fieldId, children: label }), control({
                 id: fieldId,
                 name,
                 "aria-describedby": (() => {