@workos-inc/widgets 1.4.1 → 1.4.2

package/dist/cjs/lib/organization-switcher.cjs

@@ -1,188 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var organization_switcher_exports = {};
-__export(organization_switcher_exports, {
-  OrganizationSwitcher: () => OrganizationSwitcher,
-  OrganizationSwitcherError: () => OrganizationSwitcherError,
-  OrganizationSwitcherLoading: () => OrganizationSwitcherLoading
-});
-module.exports = __toCommonJS(organization_switcher_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react_icons = require("@radix-ui/react-icons");
-var import_themes = require("@radix-ui/themes");
-const OrganizationSwitcher = ({
-  organizations,
-  switchToOrganization,
-  variant = "outline",
-  organizationLabel = "Organizations",
-  truncateBehavior = "right",
-  children
-}) => {
-  const currentOrganization = organizations.find(
-    (organization) => organization.current
-  );
-  if (!currentOrganization) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DropdownMenu.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_themes.Button,
-      {
-        color: "gray",
-        variant,
-        className: "OrganizationSwitcherTrigger",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_themes.Flex,
-          {
-            align: "center",
-            justify: "between",
-            gap: "2",
-            flexGrow: "1",
-            overflow: "hidden",
-            minWidth: "0",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                TruncatedOrganizationName,
-                {
-                  organizationName: currentOrganization.name,
-                  truncateBehavior
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { asChild: true, flexShrink: "0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DropdownMenu.TriggerIcon, {}) })
-            ]
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DropdownMenu.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DropdownMenu.Group, { children: [
-        organizationLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DropdownMenu.Label, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { children: organizationLabel }) }) : null,
-        organizations.map((organization) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_themes.Flex,
-          {
-            asChild: true,
-            pr: "2",
-            maxWidth: "280px",
-            minWidth: "180px",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_themes.DropdownMenu.Item,
-              {
-                onClick: () => {
-                  if (organization.id !== currentOrganization.id) {
-                    switchToOrganization({ organizationId: organization.id });
-                  }
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                  import_themes.Flex,
-                  {
-                    justify: "between",
-                    align: "center",
-                    gap: "4",
-                    flexGrow: "1",
-                    overflow: "hidden",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        TruncatedOrganizationName,
-                        {
-                          organizationName: organization.name,
-                          truncateBehavior
-                        }
-                      ),
-                      organization.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { children: " (current)" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_themes.Flex,
-                        {
-                          "aria-hidden": true,
-                          align: "center",
-                          justify: "center",
-                          flexShrink: "0",
-                          children: organization.current ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CheckIcon, { width: "18px", height: "18px" }) : (
-                            // make the extra space for
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Box, { width: "18px", height: "18px" })
-                          )
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
-          },
-          organization.id
-        ))
-      ] }),
-      children
-    ] })
-  ] });
-};
-const OrganizationSwitcherLoading = () => {
-  return (
-    // Always need DropdownMenu.Root to wrap children than may include
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Button, { color: "gray", variant: "outline", disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { children: "Loading..." }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.ChevronDownIcon, {})
-    ] }) })
-  );
-};
-function OrganizationSwitcherError(_) {
-  return null;
-}
-const MAX_TRUNCATED_SUFFIX_LENGTH = 10;
-const MIN_TRUNCATED_SUFFIX_LENGTH = 3;
-const WHITE_SPACE_REGEX = /\s/;
-const getSplitPosition = (organizationName) => {
-  if (organizationName.length <= MAX_TRUNCATED_SUFFIX_LENGTH) {
-    return organizationName.length;
-  }
-  for (let i = organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH; i < organizationName.length - MIN_TRUNCATED_SUFFIX_LENGTH; i++) {
-    if (WHITE_SPACE_REGEX.test(organizationName[i - 1])) {
-      return i;
-    }
-  }
-  return organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH;
-};
-const splitOrganizationName = (organizationName) => {
-  const splitPosition = getSplitPosition(organizationName);
-  return [
-    organizationName.slice(0, splitPosition),
-    organizationName.slice(splitPosition)
-  ];
-};
-const TruncatedOrganizationName = ({
-  organizationName,
-  truncateBehavior
-}) => {
-  if (truncateBehavior === "right") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { truncate: true, children: organizationName });
-  }
-  const [organizationNameLeft, organizationNameRight] = splitOrganizationName(organizationName);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { overflow: "hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { children: organizationName }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { "aria-hidden": true, truncate: true, style: { whiteSpace: "pre" }, children: organizationNameLeft }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { "aria-hidden": true, children: organizationNameRight })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  OrganizationSwitcher,
-  OrganizationSwitcherError,
-  OrganizationSwitcherLoading
-});
-//# sourceMappingURL=organization-switcher.cjs.map

package/dist/cjs/lib/organization-switcher.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/organization-switcher.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport {\n  Box,\n  Button,\n  ChevronDownIcon,\n  DropdownMenu,\n  Flex,\n  Skeleton,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport {\n  OrganizationInfo,\n  Organizations403,\n  Organizations404,\n} from \"../api/endpoint.js\";\n\ntype OrganizationSwitcherVariant = \"ghost\" | \"outline\";\n\n// Rename all uses of `org` to `organization`\nexport type OrganizationSwitcherPassthroughProps = {\n  switchToOrganization: ({\n    organizationId,\n  }: {\n    organizationId: string;\n  }) => void;\n  // Simple props to affect the overall style\n  variant?: OrganizationSwitcherVariant;\n  organizationLabel?: string | null;\n  children?: React.ReactNode;\n  /**\n   * Choose where to truncate organization name in the trigger and dropdown\n   * items.\n   *\n   * - `right`: Truncate the right side of the organization name\n   * - `middle`: Truncate the middle of the organization name, trying to keep\n   *  words whole\n   */\n  truncateBehavior?: \"right\" | \"middle\";\n};\n\nexport interface OrganizationSwitcherProps\n  extends OrganizationSwitcherPassthroughProps {\n  organizations: OrganizationInfo[];\n}\n\nexport const OrganizationSwitcher = ({\n  organizations,\n  switchToOrganization,\n  variant = \"outline\",\n  organizationLabel = \"Organizations\",\n  truncateBehavior = \"right\",\n  children,\n}: OrganizationSwitcherProps) => {\n  const currentOrganization = organizations.find(\n    (organization) => organization.current,\n  );\n\n  // Possible if the user has no organizations - we should figure out what to do in this case\n  if (!currentOrganization) {\n    return null;\n  }\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger>\n        <Button\n          color=\"gray\"\n          variant={variant}\n          className=\"OrganizationSwitcherTrigger\"\n        >\n          <Flex\n            align=\"center\"\n            justify=\"between\"\n            gap=\"2\"\n            flexGrow=\"1\"\n            overflow=\"hidden\"\n            minWidth=\"0\"\n          >\n            <TruncatedOrganizationName\n              organizationName={currentOrganization.name}\n              truncateBehavior={truncateBehavior}\n            />\n            <Flex asChild flexShrink=\"0\">\n              <DropdownMenu.TriggerIcon />\n            </Flex>\n          </Flex>\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content>\n        <DropdownMenu.Group>\n          {organizationLabel ? (\n            <DropdownMenu.Label>\n              <Text>{organizationLabel}</Text>\n            </DropdownMenu.Label>\n          ) : null}\n          {organizations.map((organization) => (\n            <Flex\n              key={organization.id}\n              asChild\n              pr=\"2\"\n              maxWidth=\"280px\"\n              minWidth=\"180px\"\n            >\n              <DropdownMenu.Item\n                onClick={() => {\n                  if (organization.id !== currentOrganization.id) {\n                    switchToOrganization({ organizationId: organization.id });\n                  }\n                }}\n              >\n                <Flex\n                  justify=\"between\"\n                  align=\"center\"\n                  gap=\"4\"\n                  flexGrow=\"1\"\n                  overflow=\"hidden\"\n                >\n                  <TruncatedOrganizationName\n                    organizationName={organization.name}\n                    truncateBehavior={truncateBehavior}\n                  />\n                  {organization.current && (\n                    <VisuallyHidden> (current)</VisuallyHidden>\n                  )}\n                  <Flex\n                    aria-hidden\n                    align=\"center\"\n                    justify=\"center\"\n                    flexShrink=\"0\"\n                  >\n                    {organization.current ? (\n                      <CheckIcon width=\"18px\" height=\"18px\" />\n                    ) : (\n                      // make the extra space for\n                      <Box width=\"18px\" height=\"18px\" />\n                    )}\n                  </Flex>\n                </Flex>\n              </DropdownMenu.Item>\n            </Flex>\n          ))}\n        </DropdownMenu.Group>\n        {children}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n};\n\nexport const OrganizationSwitcherLoading: React.FC = () => {\n  return (\n    // Always need DropdownMenu.Root to wrap children than may include\n    <Button color=\"gray\" variant=\"outline\" disabled>\n      <Flex align=\"center\" gap=\"2\">\n        <Skeleton>\n          <Text>Loading...</Text>\n        </Skeleton>\n        <ChevronDownIcon />\n      </Flex>\n    </Button>\n  );\n};\n\ninterface OrganizationSwitcherErrorProps {\n  error: Organizations403 | Organizations404;\n}\n\nexport function OrganizationSwitcherError(_: OrganizationSwitcherErrorProps) {\n  // TODO: consider other error state options\n  return null;\n}\n\nconst MAX_TRUNCATED_SUFFIX_LENGTH = 10;\nconst MIN_TRUNCATED_SUFFIX_LENGTH = 3;\n\nconst WHITE_SPACE_REGEX = /\\s/;\n\nconst getSplitPosition = (organizationName: string) => {\n  if (organizationName.length <= MAX_TRUNCATED_SUFFIX_LENGTH) {\n    return organizationName.length;\n  }\n\n  for (\n    let i = organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH;\n    i < organizationName.length - MIN_TRUNCATED_SUFFIX_LENGTH;\n    i++\n  ) {\n    if (WHITE_SPACE_REGEX.test(organizationName[i - 1])) {\n      return i;\n    }\n  }\n\n  return organizationName.length - MAX_TRUNCATED_SUFFIX_LENGTH;\n};\n\nconst splitOrganizationName = (organizationName: string) => {\n  const splitPosition = getSplitPosition(organizationName);\n  return [\n    organizationName.slice(0, splitPosition),\n    organizationName.slice(splitPosition),\n  ];\n};\n\nconst TruncatedOrganizationName = ({\n  organizationName,\n  truncateBehavior,\n}: {\n  organizationName: string;\n  truncateBehavior: \"right\" | \"middle\";\n}) => {\n  if (truncateBehavior === \"right\") {\n    return <Text truncate>{organizationName}</Text>;\n  }\n\n  const [organizationNameLeft, organizationNameRight] =\n    splitOrganizationName(organizationName);\n\n  return (\n    <Flex overflow=\"hidden\">\n      <VisuallyHidden>\n        <Text>{organizationName}</Text>\n      </VisuallyHidden>\n      <Text aria-hidden truncate style={{ whiteSpace: \"pre\" }}>\n        {organizationNameLeft}\n      </Text>\n      <Text aria-hidden>{organizationNameRight}</Text>\n    </Flex>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/cjs/lib/otp-input.cjs

@@ -1,246 +0,0 @@
-"use strict";
-"use client";
-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 otp_input_exports = {};
-__export(otp_input_exports, {
-  Input: () => Input,
-  Root: () => Root
-});
-module.exports = __toCommonJS(otp_input_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react_compose_refs = require("@radix-ui/react-compose-refs");
-var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
-var Form = __toESM(require("@radix-ui/react-form"), 1);
-var import_themes = require("@radix-ui/themes");
-var React = __toESM(require("react"), 1);
-var import_elements = require("./elements.js");
-const OtpContext = React.createContext(void 0);
-const Root = React.forwardRef(
-  function Root2({
-    name,
-    id,
-    defaultValue,
-    value: valueProp,
-    onValueChange,
-    autoSubmit,
-    children,
-    readOnly,
-    state,
-    ...gridProps
-  }, forwardedRef) {
-    const [lastCharIndex, setLastCharIndex] = React.useState(0);
-    const [allChildrenAdded, setAllChildrenAdded] = React.useState(false);
-    const childCount = React.Children.count(children);
-    const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
-      prop: getValueAsArray(valueProp, childCount),
-      defaultProp: getValueAsArray(defaultValue, childCount),
-      onChange: (value2) => onValueChange?.(value2.join(""))
-    });
-    const hiddenInputRef = React.useRef(null);
-    const childrenRefs = React.useRef([]);
-    const attemptAutoSubmit = React.useCallback(
-      (enterPressed = false) => {
-        if (autoSubmit && value && value.every((char) => char !== "") && (enterPressed || lastCharIndex + 1 === childCount)) {
-          hiddenInputRef.current?.form?.requestSubmit();
-        }
-      },
-      [value, childCount, lastCharIndex, autoSubmit]
-    );
-    const handleEnterPressed = React.useCallback(
-      () => attemptAutoSubmit(true),
-      [attemptAutoSubmit]
-    );
-    const handleChildAdd = React.useCallback(
-      (input) => {
-        if (input) {
-          input.dataset.index = `${childrenRefs.current.length}`;
-          childrenRefs.current.push(input);
-        } else {
-          childrenRefs.current.pop();
-        }
-        if (childrenRefs.current.length === childCount) {
-          setAllChildrenAdded(true);
-        }
-      },
-      [childCount]
-    );
-    const handleCharChange = React.useCallback(
-      (char, index) => {
-        setValue((previousValue) => {
-          const arrayToCopy = previousValue ?? createEmptyArray(childCount);
-          const newValue = [...arrayToCopy];
-          newValue[index] = char;
-          return newValue;
-        });
-        setLastCharIndex(index);
-      },
-      [childCount, setValue]
-    );
-    const otpContext = React.useMemo(
-      () => ({
-        value: value ?? createEmptyArray(childCount),
-        readOnly,
-        state,
-        allChildrenAdded,
-        onEnterPressed: handleEnterPressed,
-        onChildAdd: handleChildAdd,
-        onCharChange: handleCharChange
-      }),
-      [
-        value,
-        allChildrenAdded,
-        readOnly,
-        state,
-        childCount,
-        handleEnterPressed,
-        handleChildAdd,
-        handleCharChange
-      ]
-    );
-    React.useEffect(attemptAutoSubmit, [attemptAutoSubmit]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OtpContext.Provider, { value: otpContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_themes.Grid,
-      {
-        columns: `repeat(${childCount}, 1fr)`,
-        ...gridProps,
-        onPaste: (event) => {
-          event.preventDefault();
-          const pastedValue = event.clipboardData.getData("Text");
-          const sanitizedValue = pastedValue.replace(/[^\d]/g, "").slice(0, childCount);
-          const value2 = sanitizedValue.padEnd(childCount, "#").split("").map((char) => char === "#" ? "" : char);
-          setValue(value2);
-          setLastCharIndex(sanitizedValue.length - 1);
-          const index = Math.min(sanitizedValue.length, childCount - 1);
-          childrenRefs.current?.[index]?.focus();
-        },
-        children: [
-          children,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            {
-              ref: (0, import_react_compose_refs.composeRefs)(forwardedRef, hiddenInputRef),
-              defaultValue: value?.join(""),
-              minLength: childCount,
-              name,
-              type: "hidden"
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-const Input = React.forwardRef(
-  function Input2({ style, readOnly, autoComplete = "off", ...props }, forwardedRef) {
-    const otpContext = useOptContext();
-    const inputRef = React.useRef(null);
-    const composedInputRef = (0, import_react_compose_refs.useComposedRefs)(
-      forwardedRef,
-      inputRef,
-      otpContext.onChildAdd
-    );
-    const index = Number(inputRef.current?.dataset.index ?? -1);
-    const char = otpContext.value[index] ?? "";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Field, { name: `otp-${index}`, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_elements.TextField,
-      {
-        ref: composedInputRef,
-        autoComplete: index === 0 ? autoComplete : "off",
-        color: otpContext.state === "invalid" ? "red" : void 0,
-        inputMode: "numeric",
-        maxLength: 1,
-        pattern: "\\d{1}",
-        readOnly: readOnly ?? otpContext.readOnly,
-        size: "3",
-        value: char,
-        variant: otpContext.state === "invalid" ? "soft" : void 0,
-        style: {
-          ...style,
-          height: "auto",
-          "--text-field-padding": 0,
-          textAlign: "center"
-        },
-        onChange: (event) => {
-          if (event.target.validity.valid) {
-            const char2 = event.target.value;
-            const index2 = Number(event.target.dataset.index ?? -1);
-            otpContext.onCharChange(char2, index2);
-            if (char2 !== "") {
-              focusSibling(event.currentTarget, { back: char2 === "" });
-            }
-          }
-        },
-        onKeyDown: (event) => {
-          if (event.key === "ArrowLeft") {
-            focusSibling(event.currentTarget, { back: true });
-            event.preventDefault();
-          } else if (event.key === "ArrowRight") {
-            focusSibling(event.currentTarget);
-            event.preventDefault();
-          } else if (event.key === "Backspace" && char === "") {
-            focusSibling(event.currentTarget, { back: true });
-          } else if (event.key === "Enter" && char !== "") {
-            otpContext.onEnterPressed();
-          }
-        },
-        ...props
-      }
-    ) }) });
-  }
-);
-const useOptContext = () => {
-  const optContext = React.useContext(OtpContext);
-  if (!optContext) {
-    throw new Error(
-      "OtpInput compound components cannot be rendered outside the OtpRoot component"
-    );
-  }
-  return optContext;
-};
-function focusSibling(input, { back = false } = {}) {
-  const sibling = back ? input.parentElement?.previousSibling : input.parentElement?.nextSibling;
-  const siblingInput = sibling?.firstChild;
-  if (siblingInput && siblingInput instanceof HTMLInputElement) {
-    siblingInput?.focus();
-    siblingInput?.select();
-  }
-}
-const getValueAsArray = (value, length) => {
-  if (!value) {
-    return void 0;
-  }
-  return createEmptyArray(length).map((_, index) => value?.[index] ?? "");
-};
-const createEmptyArray = (length) => Array.from({ length }).fill("");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Input,
-  Root
-});
-//# sourceMappingURL=otp-input.cjs.map

package/dist/cjs/lib/otp-input.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/otp-input.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeRefs, useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as Form from \"@radix-ui/react-form\";\nimport { Grid } from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { TextField } from \"./elements.js\";\n\ninterface OptContextType {\n  value: string[];\n  readOnly?: boolean;\n  state?: \"valid\" | \"invalid\";\n  onEnterPressed: () => void;\n  onChildAdd: (input: HTMLInputElement) => void;\n  onCharChange: (char: string, index: number) => void;\n  allChildrenAdded: boolean;\n}\n\nconst OtpContext = React.createContext<OptContextType | undefined>(undefined);\n\ntype OtpRootProps = React.ComponentPropsWithoutRef<typeof Grid> & {\n  onValueChange?: (value: string) => void;\n  id?: string;\n  name?: string;\n  readOnly?: boolean;\n  state?: \"valid\" | \"invalid\";\n  value?: string;\n  defaultValue?: string;\n  autoSubmit?: boolean;\n};\n\nexport const Root = React.forwardRef<HTMLInputElement, OtpRootProps>(\n  function Root(\n    {\n      name,\n      id,\n      defaultValue,\n      value: valueProp,\n      onValueChange,\n      autoSubmit,\n      children,\n      readOnly,\n      state,\n      ...gridProps\n    },\n    forwardedRef,\n  ) {\n    const [lastCharIndex, setLastCharIndex] = React.useState<number>(0);\n    const [allChildrenAdded, setAllChildrenAdded] =\n      React.useState<boolean>(false);\n    const childCount = React.Children.count(children);\n\n    const [value, setValue] = useControllableState({\n      prop: getValueAsArray(valueProp, childCount),\n      defaultProp: getValueAsArray(defaultValue, childCount),\n      onChange: (value) => onValueChange?.(value.join(\"\")),\n    });\n\n    const hiddenInputRef = React.useRef<HTMLInputElement>(null);\n    const childrenRefs = React.useRef<HTMLInputElement[]>([]);\n\n    const attemptAutoSubmit = React.useCallback(\n      (enterPressed = false) => {\n        if (\n          autoSubmit &&\n          value &&\n          value.every((char) => char !== \"\") &&\n          (enterPressed || lastCharIndex + 1 === childCount)\n        ) {\n          hiddenInputRef.current?.form?.requestSubmit();\n        }\n      },\n      [value, childCount, lastCharIndex, autoSubmit],\n    );\n\n    const handleEnterPressed = React.useCallback(\n      () => attemptAutoSubmit(true),\n      [attemptAutoSubmit],\n    );\n\n    const handleChildAdd = React.useCallback(\n      (input: HTMLInputElement) => {\n        if (input) {\n          input.dataset.index = `${childrenRefs.current.length}`;\n          childrenRefs.current.push(input);\n        } else {\n          childrenRefs.current.pop();\n        }\n\n        if (childrenRefs.current.length === childCount) {\n          setAllChildrenAdded(true);\n        }\n      },\n      [childCount],\n    );\n\n    const handleCharChange = React.useCallback(\n      (char: string, index: number) => {\n        setValue((previousValue) => {\n          const arrayToCopy = previousValue ?? createEmptyArray(childCount);\n          const newValue = [...arrayToCopy];\n          newValue[index] = char;\n          return newValue;\n        });\n        setLastCharIndex(index);\n      },\n      [childCount, setValue],\n    );\n\n    const otpContext = React.useMemo(\n      () => ({\n        value: value ?? createEmptyArray(childCount),\n        readOnly,\n        state,\n        allChildrenAdded,\n        onEnterPressed: handleEnterPressed,\n        onChildAdd: handleChildAdd,\n        onCharChange: handleCharChange,\n      }),\n      [\n        value,\n        allChildrenAdded,\n        readOnly,\n        state,\n        childCount,\n        handleEnterPressed,\n        handleChildAdd,\n        handleCharChange,\n      ],\n    );\n\n    React.useEffect(attemptAutoSubmit, [attemptAutoSubmit]);\n\n    return (\n      <OtpContext.Provider value={otpContext}>\n        <Grid\n          columns={`repeat(${childCount}, 1fr)`}\n          {...gridProps}\n          onPaste={(event: React.ClipboardEvent<HTMLDivElement>) => {\n            event.preventDefault();\n            const pastedValue = event.clipboardData.getData(\"Text\");\n            const sanitizedValue = pastedValue\n              .replace(/[^\\d]/g, \"\")\n              .slice(0, childCount);\n            const value = sanitizedValue\n              .padEnd(childCount, \"#\")\n              .split(\"\")\n              .map((char) => (char === \"#\" ? \"\" : char));\n\n            setValue(value);\n            setLastCharIndex(sanitizedValue.length - 1);\n\n            const index = Math.min(sanitizedValue.length, childCount - 1);\n            childrenRefs.current?.[index]?.focus();\n          }}\n        >\n          {children}\n          <input\n            ref={composeRefs(forwardedRef, hiddenInputRef)}\n            defaultValue={value?.join(\"\")}\n            minLength={childCount}\n            name={name}\n            type=\"hidden\"\n          />\n        </Grid>\n      </OtpContext.Provider>\n    );\n  },\n);\n\ninterface InputProps extends React.ComponentProps<typeof TextField> {\n  autoComplete?: \"one-time-code\" | \"off\";\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input(\n    { style, readOnly, autoComplete = \"off\", ...props },\n    forwardedRef,\n  ) {\n    const otpContext = useOptContext();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const composedInputRef = useComposedRefs(\n      forwardedRef,\n      inputRef,\n      otpContext.onChildAdd,\n    );\n\n    const index = Number(inputRef.current?.dataset.index ?? -1);\n    const char = otpContext.value[index] ?? \"\";\n\n    return (\n      <Form.Field name={`otp-${index}`} asChild>\n        <Form.Control asChild>\n          <TextField\n            ref={composedInputRef}\n            autoComplete={index === 0 ? autoComplete : \"off\"}\n            color={otpContext.state === \"invalid\" ? \"red\" : undefined}\n            inputMode=\"numeric\"\n            maxLength={1}\n            pattern=\"\\d{1}\"\n            readOnly={readOnly ?? otpContext.readOnly}\n            size=\"3\"\n            value={char}\n            variant={otpContext.state === \"invalid\" ? \"soft\" : undefined}\n            style={{\n              ...style,\n              height: \"auto\",\n              \"--text-field-padding\": 0,\n              textAlign: \"center\",\n            }}\n            onChange={(event) => {\n              // Only update the value if it matches the input pattern (number only)\n              if (event.target.validity.valid) {\n                const char = event.target.value;\n                const index = Number(event.target.dataset.index ?? -1);\n                otpContext.onCharChange(char, index);\n                if (char !== \"\") {\n                  focusSibling(event.currentTarget, { back: char === \"\" });\n                }\n              }\n            }}\n            onKeyDown={(event) => {\n              if (event.key === \"ArrowLeft\") {\n                focusSibling(event.currentTarget, { back: true });\n                event.preventDefault();\n              } else if (event.key === \"ArrowRight\") {\n                focusSibling(event.currentTarget);\n                event.preventDefault();\n              } else if (event.key === \"Backspace\" && char === \"\") {\n                focusSibling(event.currentTarget, { back: true });\n              } else if (event.key === \"Enter\" && char !== \"\") {\n                otpContext.onEnterPressed();\n              }\n            }}\n            {...props}\n          />\n        </Form.Control>\n      </Form.Field>\n    );\n  },\n);\n\nconst useOptContext = () => {\n  const optContext = React.useContext(OtpContext);\n\n  if (!optContext) {\n    throw new Error(\n      \"OtpInput compound components cannot be rendered outside the OtpRoot component\",\n    );\n  }\n\n  return optContext;\n};\n\nfunction focusSibling(input: HTMLInputElement, { back = false } = {}) {\n  const sibling = back\n    ? input.parentElement?.previousSibling\n    : input.parentElement?.nextSibling;\n  const siblingInput = sibling?.firstChild;\n  if (siblingInput && siblingInput instanceof HTMLInputElement) {\n    siblingInput?.focus();\n    siblingInput?.select();\n  }\n}\n\nconst getValueAsArray = (value: string | undefined, length: number) => {\n  if (!value) {\n    return undefined;\n  }\n\n  return createEmptyArray(length).map((_, index) => value?.[index] ?? \"\");\n};\n\nconst createEmptyArray = (length: number): string[] =>\n  Array.from<string>({ length }).fill(\"\");\n"],"mappings":"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","names":["Root","value","Input","char","index"]}

package/dist/cjs/lib/otp-input.d.cts

@@ -1,22 +0,0 @@
-import { Grid } from '@radix-ui/themes';
-import * as React from 'react';
-import { TextField } from './elements.cjs';
-import '@radix-ui/themes/props';
-
-type OtpRootProps = React.ComponentPropsWithoutRef<typeof Grid> & {
-    onValueChange?: (value: string) => void;
-    id?: string;
-    name?: string;
-    readOnly?: boolean;
-    state?: "valid" | "invalid";
-    value?: string;
-    defaultValue?: string;
-    autoSubmit?: boolean;
-};
-declare const Root: React.ForwardRefExoticComponent<OtpRootProps & React.RefAttributes<HTMLInputElement>>;
-interface InputProps extends React.ComponentProps<typeof TextField> {
-    autoComplete?: "one-time-code" | "off";
-}
-declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-
-export { Input, Root };

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

@@ -1,69 +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 provider_icon_exports = {};
-__export(provider_icon_exports, {
-  ProviderIcon: () => ProviderIcon
-});
-module.exports = __toCommonJS(provider_icon_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_helpers = require("@radix-ui/themes/helpers");
-var import_props = require("@radix-ui/themes/props");
-var import_clsx = __toESM(require("clsx"), 1);
-var React = __toESM(require("react"), 1);
-var import_identity_providers = require("./identity-providers.js");
-const ProviderIcon = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      provider,
-      size = "4",
-      className,
-      ...providerIconProps
-    } = (0, import_helpers.extractProps)(props, import_props.marginPropDefs);
-    if (!(0, import_identity_providers.isIdentityProvider)(provider)) {
-      throw new TypeError(
-        `ProviderIcon: "${provider}" is not a valid provider.`
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        ...providerIconProps,
-        ref: forwardedRef,
-        className: (0, import_clsx.default)("woswidgets-provider-icon", `size-${size}`, className),
-        "data-provider": provider
-      }
-    );
-  }
-);
-ProviderIcon.displayName = "ProviderIcon";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ProviderIcon
-});
-//# sourceMappingURL=provider-icon.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/provider-icon.tsx"],"sourcesContent":["import { extractProps } from \"@radix-ui/themes/helpers\";\nimport { marginPropDefs, MarginProps } from \"@radix-ui/themes/props\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  isIdentityProvider,\n  type IdentityProvider,\n} from \"./identity-providers.js\";\n\ninterface ProviderIconProps\n  extends React.ComponentPropsWithRef<\"div\">,\n    MarginProps {\n  provider: IdentityProvider;\n  size?: \"1\" | \"2\" | \"3\" | \"4\";\n}\n\nconst ProviderIcon = React.forwardRef<HTMLDivElement, ProviderIconProps>(\n  (props, forwardedRef) => {\n    const {\n      provider,\n      size = \"4\",\n      className,\n      ...providerIconProps\n    } = extractProps(props, marginPropDefs);\n\n    if (!isIdentityProvider(provider)) {\n      throw new TypeError(\n        `ProviderIcon: \"${provider}\" is not a valid provider.`,\n      );\n    }\n\n    return (\n      <div\n        {...providerIconProps}\n        ref={forwardedRef}\n        className={clsx(\"woswidgets-provider-icon\", `size-${size}`, className)}\n        data-provider={provider}\n      />\n    );\n  },\n);\n\nProviderIcon.displayName = \"ProviderIcon\";\n\nexport { ProviderIcon };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCM;AAhCN,qBAA6B;AAC7B,mBAA4C;AAC5C,kBAAiB;AACjB,YAAuB;AACvB,gCAGO;AASP,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,GAAG;AAAA,IACL,QAAI,6BAAa,OAAO,2BAAc;AAEtC,QAAI,KAAC,8CAAmB,QAAQ,GAAG;AACjC,YAAM,IAAI;AAAA,QACR,kBAAkB,QAAQ;AAAA,MAC5B;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,YAAAA,SAAK,4BAA4B,QAAQ,IAAI,IAAI,SAAS;AAAA,QACrE,iBAAe;AAAA;AAAA,IACjB;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":["clsx"]}