@wistia/ui 0.10.16 → 0.10.17-beta.32db0541.201b391

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.10.16
+ * @license @wistia/ui v0.10.17-beta.32db0541.201b391
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -83,6 +83,7 @@ __export(index_exports, {
   ImageDimensionsValidator: () => import_validators.ImageDimensionsValidator,
   Input: () => Input,
   InputClickToCopy: () => InputClickToCopy,
+  InputPassword: () => InputPassword,
   KeyboardShortcut: () => KeyboardShortcut,
   Label: () => Label,
   Link: () => Link,
@@ -7755,6 +7756,10 @@ var AvatarWrapper = import_styled_components25.default.div`
     grid-area: 1 / 1;
   }
 
+  > img {
+    aspect-ratio: 1 / 1;
+  }
+
   --wui-avatar-inset-opacity: 10%;
 
   outline: 2px solid rgb(0 0 0 / var(--wui-avatar-inset-opacity));
@@ -14478,6 +14483,44 @@ var WistiaLogo = ({
   return href !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("a", { href, children: Logo }) : Logo;
 };
 WistiaLogo.displayName = "WistiaLogo";
+
+// src/components/InputPassword/InputPassword.tsx
+var import_react76 = require("react");
+var import_type_guards66 = require("@wistia/type-guards");
+var import_jsx_runtime284 = require("react/jsx-runtime");
+var InputPassword = (0, import_react76.forwardRef)(
+  ({ onVisibilityToggle, disabled = false, ...props }, ref) => {
+    const [isVisible, setIsVisible] = (0, import_react76.useState)(false);
+    const handleClick = () => {
+      const newVisibility = !isVisible;
+      setIsVisible(newVisibility);
+      if ((0, import_type_guards66.isFunction)(onVisibilityToggle)) {
+        onVisibilityToggle(newVisibility);
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
+      Input,
+      {
+        ...props,
+        ref,
+        disabled,
+        rightIcon: /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
+          IconButton,
+          {
+            disabled,
+            label: isVisible ? "Hide password" : "Show password",
+            onClick: handleClick,
+            tabIndex: disabled ? -1 : 0,
+            variant: "ghost",
+            children: /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(Icon, { type: isVisible ? "preview" : "hide" })
+          }
+        ),
+        type: isVisible ? "text" : "password"
+      }
+    );
+  }
+);
+InputPassword.displayName = "InputPassword";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionButton,
@@ -14524,6 +14567,7 @@ WistiaLogo.displayName = "WistiaLogo";
   ImageDimensionsValidator,
   Input,
   InputClickToCopy,
+  InputPassword,
   KeyboardShortcut,
   Label,
   Link,