@yamada-ui/password-input/dist/password-input-icon.js

Yamada UI password input component

"use client"
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/password-input-icon.tsx
var password_input_icon_exports = {};
__export(password_input_icon_exports, {
  EyeIcon: () => EyeIcon,
  EyeOffIcon: () => EyeOffIcon,
  PasswordInputIcon: () => PasswordInputIcon
});
module.exports = __toCommonJS(password_input_icon_exports);
var import_core = require("@yamada-ui/core");
var import_icon = require("@yamada-ui/icon");
var import_utils2 = require("@yamada-ui/utils");
var import_react = require("react");

// src/password-input-context.ts
var import_utils = require("@yamada-ui/utils");
var [PasswordInputProvider, usePasswordInputContext] = (0, import_utils.createContext)({
  name: "PasswordInputContext",
  errorMessage: `usePasswordInputContext returned is 'undefined'. Seems you forgot to wrap the components in "<PasswordInput />"`
});

// src/password-input-icon.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var PasswordInputIcon = (0, import_core.forwardRef)(
  ({ className, children, ...rest }, ref) => {
    const { styles } = usePasswordInputContext();
    const validChildren = (0, import_utils2.getValidChildren)(children);
    const cloneChildren = validChildren.map(
      (child) => (0, import_react.cloneElement)(child, {
        style: {
          color: "currentColor",
          maxHeight: "1em",
          maxWidth: "1em"
        },
        "aria-hidden": true,
        focusable: false
      })
    );
    const css = { ...styles.icon };
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
      import_core.ui.button,
      {
        ref,
        type: "button",
        className: (0, import_utils2.cx)("ui-password-input__icon", className),
        __css: css,
        ...rest,
        children: cloneChildren
      }
    );
  }
);
PasswordInputIcon.displayName = "PasswordInputIcon";
PasswordInputIcon.__ui__ = "PasswordInputIcon";
var EyeIcon = ({ ...rest }) => {
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
    import_icon.Icon,
    {
      fill: "none",
      stroke: "currentColor",
      strokeLinecap: "round",
      strokeLinejoin: "round",
      strokeWidth: "2",
      viewBox: "0 0 24 24",
      ...rest,
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
      ]
    }
  );
};
EyeIcon.displayName = "EyeIcon";
EyeIcon.__ui__ = "EyeIcon";
var EyeOffIcon = ({ ...rest }) => {
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
    import_icon.Icon,
    {
      fill: "none",
      stroke: "currentColor",
      strokeLinecap: "round",
      strokeLinejoin: "round",
      strokeWidth: "2",
      viewBox: "0 0 24 24",
      ...rest,
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m2 2 20 20" })
      ]
    }
  );
};
EyeOffIcon.displayName = "EyeOffIcon";
EyeOffIcon.__ui__ = "EyeOffIcon";
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  EyeIcon,
  EyeOffIcon,
  PasswordInputIcon
});
//# sourceMappingURL=password-input-icon.js.map