@workos-inc/widgets 1.3.1 → 1.4.1

package/dist/esm/lib/elements.js

@@ -1,119 +1,356 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { AlertDialog as RadixAlertDialog, Avatar as RadixAvatar, Badge as RadixBadge, Button as RadixButton, Dialog as RadixDialog, DropdownMenu as RadixDropdownMenu, IconButton as RadixIconButton, Select as RadixSelect, Skeleton as RadixSkeleton, Text, TextField as RadixTextField, } from "@radix-ui/themes";
+import {
+  AlertDialog as RadixAlertDialog,
+  Avatar as RadixAvatar,
+  Badge as RadixBadge,
+  Button as RadixButton,
+  Dialog as RadixDialog,
+  DropdownMenu as RadixDropdownMenu,
+  IconButton as RadixIconButton,
+  Select as RadixSelect,
+  Skeleton as RadixSkeleton,
+  Text,
+  TextField as RadixTextField
+} from "@radix-ui/themes";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import cx from "clsx";
 import { useElement } from "./widgets-context.js";
 import { namespaceClassNames } from "./utils.js";
 import { useLayoutEffect } from "./use-layout-effect.js";
 import { EyeClosedIcon, EyeOpenIcon } from "@radix-ui/react-icons";
-export const PrimaryButton = React.forwardRef(function PrimaryButton({ className, ...props }, ref) {
+const PrimaryButton = React.forwardRef(
+  function PrimaryButton2({ className, ...props }, ref) {
     const element = useElement("primaryButton");
-    return (_jsx(RadixButton, { ref: ref, className: cx(namespaceClassNames("button", "button--primary"), className), variant: "solid", ...props, ...element }));
-});
-export const SecondaryButton = React.forwardRef(function SecondaryButton({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixButton,
+      {
+        ref,
+        className: cx(
+          namespaceClassNames("button", "button--primary"),
+          className
+        ),
+        variant: "solid",
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const SecondaryButton = React.forwardRef(
+  function SecondaryButton2({ className, ...props }, ref) {
     const element = useElement("secondaryButton");
-    return (_jsx(RadixButton, { ref: ref, highContrast: true, className: cx(namespaceClassNames("button", "button--secondary"), className), variant: "surface", color: "gray", ...props, ...element }));
-});
-export const DestructiveButton = React.forwardRef(function DestructiveButton({ className, ...props }, ref) {
-    const element = useElement("destructiveButton");
-    return (_jsx(RadixButton, { ref: ref, className: cx(namespaceClassNames("button", "button--destructive"), className), variant: "solid", color: "red", ...props, ...element }));
+    return /* @__PURE__ */ jsx(
+      RadixButton,
+      {
+        ref,
+        highContrast: true,
+        className: cx(
+          namespaceClassNames("button", "button--secondary"),
+          className
+        ),
+        variant: "surface",
+        color: "gray",
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const DestructiveButton = React.forwardRef(function DestructiveButton2({ className, ...props }, ref) {
+  const element = useElement("destructiveButton");
+  return /* @__PURE__ */ jsx(
+    RadixButton,
+    {
+      ref,
+      className: cx(
+        namespaceClassNames("button", "button--destructive"),
+        className
+      ),
+      variant: "solid",
+      color: "red",
+      ...props,
+      ...element
+    }
+  );
 });
-export const IconButton = React.forwardRef(function IconButton({ className, ...props }, ref) {
+const IconButton = React.forwardRef(
+  function IconButton2({ className, ...props }, ref) {
     const element = useElement("iconButton");
-    return (_jsx(RadixIconButton, { ref: ref, className: cx(namespaceClassNames("button", "icon-button"), className), variant: "ghost", color: "gray", ...props, ...element }));
-});
-export const Skeleton = React.forwardRef(function Skeleton({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixIconButton,
+      {
+        ref,
+        className: cx(namespaceClassNames("button", "icon-button"), className),
+        variant: "ghost",
+        color: "gray",
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const Skeleton = React.forwardRef(
+  function Skeleton2({ className, ...props }, ref) {
     const element = useElement("skeleton");
-    return (_jsx(RadixSkeleton, { ref: ref, className: cx(namespaceClassNames("skeleton"), className), ...props, ...element }));
+    return /* @__PURE__ */ jsx(
+      RadixSkeleton,
+      {
+        ref,
+        className: cx(namespaceClassNames("skeleton"), className),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const SelectTrigger = React.forwardRef(function SelectTrigger2({ className, ...props }, ref) {
+  const element = useElement("select");
+  return /* @__PURE__ */ jsx(
+    RadixSelect.Trigger,
+    {
+      ref,
+      className: cx(namespaceClassNames("select"), className),
+      ...props,
+      ...element
+    }
+  );
 });
-export const SelectTrigger = React.forwardRef(function SelectTrigger({ className, ...props }, ref) {
-    const element = useElement("select");
-    return (_jsx(RadixSelect.Trigger, { ref: ref, className: cx(namespaceClassNames("select"), className), ...props, ...element }));
+const SelectContent = React.forwardRef(function SelectContent2({ className, ...props }, ref) {
+  const element = useElement("dropdown");
+  return /* @__PURE__ */ jsx(
+    RadixSelect.Content,
+    {
+      ref,
+      className: cx(
+        namespaceClassNames("dropdown", "select-dropdown"),
+        className
+      ),
+      ...props,
+      ...element
+    }
+  );
 });
-export const SelectContent = React.forwardRef(function SelectContent({ className, ...props }, ref) {
-    const element = useElement("dropdown");
-    return (_jsx(RadixSelect.Content, { ref: ref, className: cx(namespaceClassNames("dropdown", "select-dropdown"), className), ...props, ...element }));
+const SelectItem = React.forwardRef(function SelectItem2({ className, ...props }, ref) {
+  const element = useElement("primaryMenuItem");
+  return /* @__PURE__ */ jsx(
+    RadixSelect.Item,
+    {
+      ref,
+      className: cx(namespaceClassNames("menu-item", "select-item"), className),
+      ...props,
+      ...element
+    }
+  );
 });
-export const SelectItem = React.forwardRef(function SelectItem({ className, ...props }, ref) {
-    const element = useElement("primaryMenuItem");
-    return (_jsx(RadixSelect.Item, { ref: ref, className: cx(namespaceClassNames("menu-item", "select-item"), className), ...props, ...element }));
-});
-export const Label = React.forwardRef(function Label({ children, className, style = {}, ...props }, ref) {
+const Label = React.forwardRef(
+  function Label2({ children, className, style = {}, ...props }, ref) {
     const element = useElement("label");
     return (
-    // @ts-expect-error: Text props are a complex union type depending on the
-    // `as` prop value, which breaks down when spreading in `element`
-    _jsx(Text, { as: "label", ref: ref, weight: "bold", size: "2", className: cx(namespaceClassNames("label"), className), style: { width: "fit-content", ...style }, ...props, ...element, children: children }));
-});
-export const TextField = React.forwardRef(function TextField({ className, ...props }, ref) {
-    const element = useElement("textfield");
-    return (_jsx(RadixTextField.Root, { ref: ref, variant: "surface", className: cx(namespaceClassNames("text-field"), className), ...props, ...element }));
+      // @ts-expect-error: Text props are a complex union type depending on the
+      // `as` prop value, which breaks down when spreading in `element`
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "label",
+          ref,
+          weight: "bold",
+          size: "2",
+          className: cx(namespaceClassNames("label"), className),
+          style: { width: "fit-content", ...style },
+          ...props,
+          ...element,
+          children
+        }
+      )
+    );
+  }
+);
+const TextField = React.forwardRef(function TextField2({ className, ...props }, ref) {
+  const element = useElement("textfield");
+  return /* @__PURE__ */ jsx(
+    RadixTextField.Root,
+    {
+      ref,
+      variant: "surface",
+      className: cx(namespaceClassNames("text-field"), className),
+      ...props,
+      ...element
+    }
+  );
 });
-export const TextFieldSlot = React.forwardRef(function TextFieldSlot({ className, ...props }, ref) {
-    return (_jsx(RadixTextField.Slot, { ref: ref, className: cx(namespaceClassNames("text-field-slot"), className), ...props }));
+const TextFieldSlot = React.forwardRef(function TextFieldSlot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixTextField.Slot,
+    {
+      ref,
+      className: cx(namespaceClassNames("text-field-slot"), className),
+      ...props
+    }
+  );
 });
-export const PasswordField = React.forwardRef(function TextField({ className, ...props }, ref) {
-    const element = useElement("textfield");
-    const [showPassword, setShowPassword] = React.useState(false);
-    return (_jsx(RadixTextField.Root, { ref: ref, variant: "surface", className: cx(namespaceClassNames("text-field"), className), ...props, ...element, type: showPassword ? "text" : "password", children: _jsx(RadixTextField.Slot, { side: "right", children: _jsx(IconButton, { type: "button", size: "1", variant: "ghost", color: "gray", onClick: () => setShowPassword(!showPassword), children: showPassword ? _jsx(EyeOpenIcon, {}) : _jsx(EyeClosedIcon, {}) }) }) }));
+const PasswordField = React.forwardRef(function TextField3({ className, ...props }, ref) {
+  const element = useElement("textfield");
+  const [showPassword, setShowPassword] = React.useState(false);
+  return /* @__PURE__ */ jsx(
+    RadixTextField.Root,
+    {
+      ref,
+      variant: "surface",
+      className: cx(namespaceClassNames("text-field"), className),
+      ...props,
+      ...element,
+      type: showPassword ? "text" : "password",
+      children: /* @__PURE__ */ jsx(RadixTextField.Slot, { side: "right", children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          size: "1",
+          variant: "ghost",
+          color: "gray",
+          onClick: () => setShowPassword(!showPassword),
+          children: showPassword ? /* @__PURE__ */ jsx(EyeOpenIcon, {}) : /* @__PURE__ */ jsx(EyeClosedIcon, {})
+        }
+      ) })
+    }
+  );
 });
-export const Badge = React.forwardRef(function Badge({ className, ...props }, ref) {
+const Badge = React.forwardRef(
+  function Badge2({ className, ...props }, ref) {
     const element = useElement("badge");
-    return (_jsx(RadixBadge, { ref: ref, className: cx(namespaceClassNames("badge"), className), ...element, ...props }));
-});
-export const DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ className, ...props }, ref) {
-    const element = useElement("dropdown");
-    return (_jsx(RadixDropdownMenu.Content, { ref: ref, className: cx(namespaceClassNames("dropdown"), className), ...props, ...element }));
+    return /* @__PURE__ */ jsx(
+      RadixBadge,
+      {
+        ref,
+        className: cx(namespaceClassNames("badge"), className),
+        ...element,
+        ...props
+      }
+    );
+  }
+);
+const DropdownMenuContent = React.forwardRef(function DropdownMenuContent2({ className, ...props }, ref) {
+  const element = useElement("dropdown");
+  return /* @__PURE__ */ jsx(
+    RadixDropdownMenu.Content,
+    {
+      ref,
+      className: cx(namespaceClassNames("dropdown"), className),
+      ...props,
+      ...element
+    }
+  );
 });
-export const PrimaryMenuItem = React.forwardRef(function PrimaryMenuItem({ className, ...props }, ref) {
-    const element = useElement("primaryMenuItem");
-    return (_jsx(RadixDropdownMenu.Item, { ref: ref, className: cx(namespaceClassNames("menu-item"), className), ...props, ...element }));
+const PrimaryMenuItem = React.forwardRef(function PrimaryMenuItem2({ className, ...props }, ref) {
+  const element = useElement("primaryMenuItem");
+  return /* @__PURE__ */ jsx(
+    RadixDropdownMenu.Item,
+    {
+      ref,
+      className: cx(namespaceClassNames("menu-item"), className),
+      ...props,
+      ...element
+    }
+  );
 });
-export const DestructiveMenuItem = React.forwardRef(function DestructiveMenuItem({ className, ...props }, ref) {
-    const element = useElement("destructiveMenuItem");
-    return (_jsx(RadixDropdownMenu.Item, { ref: ref, className: cx(namespaceClassNames("menu-item", "menu-item--destructive"), className), color: "red", ...props, ...element }));
+const DestructiveMenuItem = React.forwardRef(function DestructiveMenuItem2({ className, ...props }, ref) {
+  const element = useElement("destructiveMenuItem");
+  return /* @__PURE__ */ jsx(
+    RadixDropdownMenu.Item,
+    {
+      ref,
+      className: cx(
+        namespaceClassNames("menu-item", "menu-item--destructive"),
+        className
+      ),
+      color: "red",
+      ...props,
+      ...element
+    }
+  );
 });
-export const Avatar = React.forwardRef(function Avatar({ dim, className, ...props }, ref) {
+const Avatar = React.forwardRef(
+  function Avatar2({ dim, className, ...props }, ref) {
     const element = useElement("avatar");
-    return (_jsx(RadixAvatar, { ref: ref, color: "gray", className: cx(namespaceClassNames("avatar"), className), ...props, ...element, 
-        // TODO: use CSS var instead of hard-coded value for opacity
-        style: dim ? { opacity: 0.6, ...props.style } : props.style }));
+    return /* @__PURE__ */ jsx(
+      RadixAvatar,
+      {
+        ref,
+        color: "gray",
+        className: cx(namespaceClassNames("avatar"), className),
+        ...props,
+        ...element,
+        style: dim ? { opacity: 0.6, ...props.style } : props.style
+      }
+    );
+  }
+);
+const DialogContent = React.forwardRef(function DialogContent2({ className, ...props }, forwardedRef) {
+  const element = useElement("dialog");
+  const [node, setNode] = React.useState(null);
+  const ref = useComposedRefs(forwardedRef, setNode);
+  useDialogOverlayHack(node, {
+    className: namespaceClassNames("dialog-overlay"),
+    selector: ".rt-DialogOverlay"
+  });
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Content,
+    {
+      ref,
+      className: cx(namespaceClassNames("dialog"), className),
+      ...props,
+      ...element
+    }
+  );
 });
-export const DialogContent = React.forwardRef(function DialogContent({ className, ...props }, forwardedRef) {
-    const element = useElement("dialog");
-    const [node, setNode] = React.useState(null);
-    const ref = useComposedRefs(forwardedRef, setNode);
-    useDialogOverlayHack(node, {
-        className: namespaceClassNames("dialog-overlay"),
-        selector: ".rt-DialogOverlay",
-    });
-    return (_jsx(RadixDialog.Content, { ref: ref, className: cx(namespaceClassNames("dialog"), className), ...props, ...element }));
+const AlertDialogContent = React.forwardRef(function AlertDialogContent2({ className, ...props }, forwardedRef) {
+  const element = useElement("dialog");
+  const [node, setNode] = React.useState(null);
+  const ref = useComposedRefs(forwardedRef, setNode);
+  useDialogOverlayHack(node, {
+    className: namespaceClassNames("dialog-overlay"),
+    selector: ".rt-AlertDialogOverlay"
+  });
+  return /* @__PURE__ */ jsx(
+    RadixAlertDialog.Content,
+    {
+      ref,
+      className: cx(namespaceClassNames("dialog"), className),
+      ...props,
+      ...element
+    }
+  );
 });
-export const AlertDialogContent = React.forwardRef(function AlertDialogContent({ className, ...props }, forwardedRef) {
-    const element = useElement("dialog");
-    const [node, setNode] = React.useState(null);
-    const ref = useComposedRefs(forwardedRef, setNode);
-    useDialogOverlayHack(node, {
-        className: namespaceClassNames("dialog-overlay"),
-        selector: ".rt-AlertDialogOverlay",
-    });
-    return (_jsx(RadixAlertDialog.Content, { ref: ref, className: cx(namespaceClassNames("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 }) {
-    useLayoutEffect(() => {
-        if (!node) {
-            return;
-        }
-        const document = node.ownerDocument;
-        const overlay = document.querySelector(selector);
-        overlay?.classList.add(className);
-    }, [node, className, selector]);
+  useLayoutEffect(() => {
+    if (!node) {
+      return;
+    }
+    const document = node.ownerDocument;
+    const overlay = document.querySelector(selector);
+    overlay?.classList.add(className);
+  }, [node, className, selector]);
 }
+export {
+  AlertDialogContent,
+  Avatar,
+  Badge,
+  DestructiveButton,
+  DestructiveMenuItem,
+  DialogContent,
+  DropdownMenuContent,
+  IconButton,
+  Label,
+  PasswordField,
+  PrimaryButton,
+  PrimaryMenuItem,
+  SecondaryButton,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  Skeleton,
+  TextField,
+  TextFieldSlot
+};
 //# sourceMappingURL=elements.js.map

package/dist/esm/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,"sources":["../../../src/lib/elements.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertDialog as RadixAlertDialog,\n  Avatar as RadixAvatar,\n  AvatarProps as RadixAvatarProps,\n  Badge as RadixBadge,\n  Button as RadixButton,\n  Dialog as RadixDialog,\n  DropdownMenu as RadixDropdownMenu,\n  IconButton as RadixIconButton,\n  Select as RadixSelect,\n  Skeleton as RadixSkeleton,\n  Text,\n  TextField as RadixTextField,\n  type BadgeProps,\n  type ButtonProps,\n  type IconButtonProps,\n  type SkeletonProps,\n  type TextProps,\n} from \"@radix-ui/themes\";\nimport type {\n  GetPropDefTypes,\n  avatarPropDefs,\n  badgePropDefs,\n  buttonPropDefs,\n  dialogContentPropDefs,\n  dropdownMenuContentPropDefs,\n  dropdownMenuItemPropDefs,\n  iconButtonPropDefs,\n  textPropDefs,\n  textFieldRootPropDefs,\n  selectTriggerPropDefs,\n  skeletonPropDefs,\n} from \"@radix-ui/themes/props\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport cx from \"clsx\";\nimport { useElement } from \"./widgets-context.js\";\nimport { namespaceClassNames } from \"./utils.js\";\nimport { useLayoutEffect } from \"./use-layout-effect.js\";\nimport { EyeClosedIcon, EyeOpenIcon } from \"@radix-ui/react-icons\";\n\nexport const PrimaryButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function PrimaryButton({ className, ...props }, ref) {\n    const element = useElement(\"primaryButton\");\n    return (\n      <RadixButton\n        ref={ref}\n        className={cx(\n          namespaceClassNames(\"button\", \"button--primary\"),\n          className,\n        )}\n        variant=\"solid\"\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\nexport const SecondaryButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function SecondaryButton({ className, ...props }, ref) {\n    const element = useElement(\"secondaryButton\");\n    return (\n      <RadixButton\n        ref={ref}\n        highContrast\n        className={cx(\n          namespaceClassNames(\"button\", \"button--secondary\"),\n          className,\n        )}\n        variant=\"surface\"\n        color=\"gray\"\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\nexport const DestructiveButton = React.forwardRef<\n  HTMLButtonElement,\n  ButtonProps\n>(function DestructiveButton({ className, ...props }, ref) {\n  const element = useElement(\"destructiveButton\");\n  return (\n    <RadixButton\n      ref={ref}\n      className={cx(\n        namespaceClassNames(\"button\", \"button--destructive\"),\n        className,\n      )}\n      variant=\"solid\"\n      color=\"red\"\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton({ className, ...props }, ref) {\n    const element = useElement(\"iconButton\");\n    return (\n      <RadixIconButton\n        ref={ref}\n        className={cx(namespaceClassNames(\"button\", \"icon-button\"), className)}\n        variant=\"ghost\"\n        color=\"gray\"\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\nexport const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(\n  function Skeleton({ className, ...props }, ref) {\n    const element = useElement(\"skeleton\");\n    return (\n      <RadixSkeleton\n        ref={ref}\n        className={cx(namespaceClassNames(\"skeleton\"), className)}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\nexport const SelectTrigger = React.forwardRef<\n  HTMLButtonElement,\n  RadixSelect.TriggerProps\n>(function SelectTrigger({ className, ...props }, ref) {\n  const element = useElement(\"select\");\n  return (\n    <RadixSelect.Trigger\n      ref={ref}\n      className={cx(namespaceClassNames(\"select\"), className)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const SelectContent = React.forwardRef<\n  HTMLDivElement,\n  RadixSelect.ContentProps\n>(function SelectContent({ className, ...props }, ref) {\n  const element = useElement(\"dropdown\");\n  return (\n    <RadixSelect.Content\n      ref={ref}\n      className={cx(\n        namespaceClassNames(\"dropdown\", \"select-dropdown\"),\n        className,\n      )}\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const SelectItem = React.forwardRef<\n  HTMLDivElement,\n  RadixSelect.ItemProps\n>(function SelectItem({ className, ...props }, ref) {\n  const element = useElement(\"primaryMenuItem\");\n  return (\n    <RadixSelect.Item\n      ref={ref}\n      className={cx(namespaceClassNames(\"menu-item\", \"select-item\"), className)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const Label = React.forwardRef<HTMLLabelElement, TextProps>(\n  function Label({ children, className, style = {}, ...props }, ref) {\n    const element = useElement(\"label\");\n    return (\n      // @ts-expect-error: Text props are a complex union type depending on the\n      // `as` prop value, which breaks down when spreading in `element`\n      <Text\n        as=\"label\"\n        ref={ref}\n        weight=\"bold\"\n        size=\"2\"\n        className={cx(namespaceClassNames(\"label\"), className)}\n        style={{ width: \"fit-content\", ...style }}\n        {...props}\n        {...element}\n      >\n        {children}\n      </Text>\n    );\n  },\n);\n\nexport const TextField = React.forwardRef<\n  HTMLInputElement,\n  RadixTextField.RootProps\n>(function TextField({ className, ...props }, ref) {\n  const element = useElement(\"textfield\");\n  return (\n    <RadixTextField.Root\n      ref={ref}\n      variant=\"surface\"\n      className={cx(namespaceClassNames(\"text-field\"), className)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const TextFieldSlot = React.forwardRef<\n  HTMLDivElement,\n  RadixTextField.SlotProps\n>(function TextFieldSlot({ className, ...props }, ref) {\n  return (\n    <RadixTextField.Slot\n      ref={ref}\n      className={cx(namespaceClassNames(\"text-field-slot\"), className)}\n      {...props}\n    />\n  );\n});\n\nexport const PasswordField = React.forwardRef<\n  HTMLInputElement,\n  RadixTextField.RootProps\n>(function TextField({ className, ...props }, ref) {\n  const element = useElement(\"textfield\");\n  const [showPassword, setShowPassword] = React.useState(false);\n  return (\n    <RadixTextField.Root\n      ref={ref}\n      variant=\"surface\"\n      className={cx(namespaceClassNames(\"text-field\"), className)}\n      {...props}\n      {...element}\n      type={showPassword ? \"text\" : \"password\"}\n    >\n      <RadixTextField.Slot side=\"right\">\n        <IconButton\n          type=\"button\"\n          size=\"1\"\n          variant=\"ghost\"\n          color=\"gray\"\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {showPassword ? <EyeOpenIcon /> : <EyeClosedIcon />}\n        </IconButton>\n      </RadixTextField.Slot>\n    </RadixTextField.Root>\n  );\n});\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  function Badge({ className, ...props }, ref) {\n    const element = useElement(\"badge\");\n    return (\n      <RadixBadge\n        ref={ref}\n        className={cx(namespaceClassNames(\"badge\"), className)}\n        {...element}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const DropdownMenuContent = React.forwardRef<\n  HTMLDivElement,\n  RadixDropdownMenu.ContentProps\n>(function DropdownMenuContent({ className, ...props }, ref) {\n  const element = useElement(\"dropdown\");\n  return (\n    <RadixDropdownMenu.Content\n      ref={ref}\n      className={cx(namespaceClassNames(\"dropdown\"), className)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const PrimaryMenuItem = React.forwardRef<\n  HTMLDivElement,\n  RadixDropdownMenu.ItemProps\n>(function PrimaryMenuItem({ className, ...props }, ref) {\n  const element = useElement(\"primaryMenuItem\");\n  return (\n    <RadixDropdownMenu.Item\n      ref={ref}\n      className={cx(namespaceClassNames(\"menu-item\"), className)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const DestructiveMenuItem = React.forwardRef<\n  HTMLDivElement,\n  RadixDropdownMenu.ItemProps\n>(function DestructiveMenuItem({ className, ...props }, ref) {\n  const element = useElement(\"destructiveMenuItem\");\n  return (\n    <RadixDropdownMenu.Item\n      ref={ref}\n      className={cx(\n        namespaceClassNames(\"menu-item\", \"menu-item--destructive\"),\n        className,\n      )}\n      color=\"red\"\n      {...props}\n      {...element}\n    />\n  );\n});\n\ninterface AvatarProps extends RadixAvatarProps {\n  dim?: boolean;\n}\n\nexport const Avatar = React.forwardRef<HTMLImageElement, AvatarProps>(\n  function Avatar({ dim, className, ...props }, ref) {\n    const element = useElement(\"avatar\");\n    return (\n      <RadixAvatar\n        ref={ref}\n        color=\"gray\"\n        className={cx(namespaceClassNames(\"avatar\"), className)}\n        {...props}\n        {...element}\n        // TODO: use CSS var instead of hard-coded value for opacity\n        style={dim ? { opacity: 0.6, ...props.style } : props.style}\n      />\n    );\n  },\n);\n\nexport const DialogContent = React.forwardRef<\n  HTMLDivElement,\n  RadixDialog.ContentProps\n>(function DialogContent({ className, ...props }, forwardedRef) {\n  const element = useElement(\"dialog\");\n  const [node, setNode] = React.useState<HTMLDivElement | null>(null);\n  const ref = useComposedRefs(forwardedRef, setNode as any);\n  useDialogOverlayHack(node, {\n    className: namespaceClassNames(\"dialog-overlay\"),\n    selector: \".rt-DialogOverlay\",\n  });\n  return (\n    <RadixDialog.Content\n      ref={ref}\n      className={cx(namespaceClassNames(\"dialog\"), className)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\nexport const AlertDialogContent = React.forwardRef<\n  HTMLDivElement,\n  RadixAlertDialog.ContentProps\n>(function AlertDialogContent({ className, ...props }, forwardedRef) {\n  const element = useElement(\"dialog\");\n  const [node, setNode] = React.useState<HTMLDivElement | null>(null);\n  const ref = useComposedRefs(forwardedRef, setNode as any);\n  useDialogOverlayHack(node, {\n    className: namespaceClassNames(\"dialog-overlay\"),\n    selector: \".rt-AlertDialogOverlay\",\n  });\n\n  return (\n    <RadixAlertDialog.Content\n      ref={ref}\n      className={cx(namespaceClassNames(\"dialog\"), className)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\n/**\n * HACK: Radix themes does not expose the dialog overlay, but we want consumer\n * to be able to style it with a classname. This will add a classname to the\n * overlay when the dialog content is mounted.\n */\nfunction useDialogOverlayHack(\n  node: HTMLDivElement | null,\n  { className, selector }: { className: string; selector: string },\n) {\n  useLayoutEffect(() => {\n    if (!node) {\n      return;\n    }\n    const document = node.ownerDocument;\n    const overlay = document.querySelector<HTMLDivElement>(selector);\n    overlay?.classList.add(className);\n  }, [node, className, selector]);\n}\n\ntype OmitAsChild<T> = {\n  [K in keyof T]: T[K] extends undefined\n    ? undefined\n    : Omit<NonNullable<T[K]>, \"asChild\">;\n};\n\nexport type Elements = OmitAsChild<{\n  dialog?: GetPropDefTypes<typeof dialogContentPropDefs>;\n  primaryButton?: GetPropDefTypes<typeof buttonPropDefs>;\n  secondaryButton?: GetPropDefTypes<typeof buttonPropDefs>;\n  destructiveButton?: GetPropDefTypes<typeof buttonPropDefs>;\n  iconButton?: GetPropDefTypes<typeof iconButtonPropDefs>;\n  textfield?: GetPropDefTypes<typeof textFieldRootPropDefs>;\n  select?: GetPropDefTypes<typeof selectTriggerPropDefs>;\n  badge?: GetPropDefTypes<typeof badgePropDefs>;\n  dropdown?: GetPropDefTypes<typeof dropdownMenuContentPropDefs>;\n  primaryMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\n  destructiveMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\n  avatar?: Omit<GetPropDefTypes<typeof avatarPropDefs>, \"fallback\">;\n  label?: GetPropDefTypes<typeof textPropDefs>;\n  skeleton?: GetPropDefTypes<typeof skeletonPropDefs>;\n}>;\n"],"mappings":"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","names":["PrimaryButton","SecondaryButton","DestructiveButton","IconButton","Skeleton","SelectTrigger","SelectContent","SelectItem","Label","TextField","TextFieldSlot","Badge","DropdownMenuContent","PrimaryMenuItem","DestructiveMenuItem","Avatar","DialogContent","AlertDialogContent"]}

package/dist/esm/lib/elevated-access.d.ts

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