@konstructio/ui 0.0.2

package/dist/components/Dropdown/components/List/List.d.ts

@@ -0,0 +1,3 @@
+import { ElementRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ListProps } from './List.types';
+export declare const List: ForwardRefExoticComponent<ListProps & RefAttributes<ElementRef<'ul'>>>;

package/dist/components/Dropdown/components/List/List.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as l, useRef as p, useImperativeHandle as a } from "react";
+import { cn as u } from "../../../../utils/index.js";
+import { useNavigationUlList as c } from "../../hooks/useNavigationList.js";
+import { useDropdownContext as d } from "../../contexts/dropdown.hook.js";
+import "../../contexts/dropdown.context.js";
+import { ListItem as x } from "../ListItem/ListItem.js";
+import { listVariants as v } from "./List.variants.js";
+const j = l(
+  ({ options: i, theme: o, wrapperRef: m, wrapperInputRef: s }, n) => {
+    const r = p(null), { isOpen: f } = d();
+    return a(n, () => r.current, [r]), c({ ulRef: r, wrapperRef: m, wrapperInputRef: s }), /* @__PURE__ */ e(
+      "ul",
+      {
+        ref: r,
+        role: "listbox",
+        className: u(v({ theme: o }), f ? "flex" : "hidden"),
+        children: i.map((t) => /* @__PURE__ */ e(x, { theme: o, ...t }, t.value))
+      }
+    );
+  }
+);
+export {
+  j as List
+};

package/dist/components/Dropdown/components/List/List.types.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { DropdownProps } from '../../Dropdown.types';
+export type ListProps = {
+    options: DropdownProps['options'];
+    theme: DropdownProps['theme'];
+    wrapperRef: RefObject<HTMLDivElement>;
+    wrapperInputRef: RefObject<HTMLDivElement>;
+};

package/dist/components/Dropdown/components/List/List.types.js

@@ -0,0 +1 @@
+

package/dist/components/Dropdown/components/List/List.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const listVariants: (props?: ({
+    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Dropdown/components/List/List.variants.js

@@ -0,0 +1,34 @@
+import { c as r } from "../../../../index-BwYCDOHZ.js";
+const t = r(
+  [
+    "absolute",
+    "bg-white",
+    "border",
+    "duration-100",
+    "ease-in-out",
+    "flex-col",
+    "mt-1",
+    "overflow-hidden",
+    "rounded-md",
+    "shadow-sm",
+    "top-full",
+    "transition-all",
+    "w-full",
+    "z-10"
+  ],
+  {
+    variants: {
+      theme: {
+        colony: ["border-red-400"],
+        konstruct: ["border-orange-400"],
+        kubefirst: ["border-kubefirst-purple-light"]
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  t as listVariants
+};

package/dist/components/Dropdown/components/ListItem/ListItem.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ListItemProps } from './ListItem.types';
+export declare const ListItem: FC<ListItemProps>;

package/dist/components/Dropdown/components/ListItem/ListItem.js

@@ -0,0 +1,29 @@
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+import { useCallback as c } from "react";
+import { useDropdownContext as m } from "../../contexts/dropdown.hook.js";
+import "../../contexts/dropdown.context.js";
+import { listItemVariants as i } from "./ListItem.variants.js";
+const d = ({ theme: n, ...e }) => {
+  const { setValue: t, toggleOpen: l } = m(), r = c(
+    (o) => {
+      t(o), l(!1);
+    },
+    [t, l]
+  );
+  return /* @__PURE__ */ s("li", { className: i({ theme: n }), role: "option", tabIndex: 0, children: /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      role: "button",
+      className: "m-0 p-0 w-full flex items-center gap-3",
+      onClick: () => r(e),
+      children: [
+        e.leftIcon ? /* @__PURE__ */ s("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null,
+        e.label
+      ]
+    }
+  ) });
+};
+export {
+  d as ListItem
+};

package/dist/components/Dropdown/components/ListItem/ListItem.types.d.ts

@@ -0,0 +1,4 @@
+import { DropdownProps, Option } from '../../Dropdown.types';
+export type ListItemProps = Option & {
+    theme: DropdownProps['theme'];
+};

package/dist/components/Dropdown/components/ListItem/ListItem.types.js

@@ -0,0 +1 @@
+

package/dist/components/Dropdown/components/ListItem/ListItem.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const listItemVariants: (props?: ({
+    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Dropdown/components/ListItem/ListItem.variants.js

@@ -0,0 +1,19 @@
+import { c as e } from "../../../../index-BwYCDOHZ.js";
+const o = e(
+  ["cursor-pointer", "py-1", "px-2", "h-full", "focus-visible:outline-none"],
+  {
+    variants: {
+      theme: {
+        kubefirst: ["focus:bg-purple-100", "hover:bg-purple-100"],
+        konstruct: ["focus:bg-orange-100", "hover:bg-orange-100"],
+        colony: ["focus:bg-red-100", "hover:bg-red-100"]
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  o as listItemVariants
+};

package/dist/components/Dropdown/components/Wrapper.d.ts

@@ -0,0 +1,3 @@
+import { ElementRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { DropdownProps } from '../Dropdown.types';
+export declare const Wrapper: ForwardRefExoticComponent<DropdownProps & RefAttributes<ElementRef<'input'>>>;

package/dist/components/Dropdown/components/Wrapper.js

@@ -0,0 +1,90 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { forwardRef as D, useId as F, useRef as b, useImperativeHandle as L, useEffect as m } from "react";
+import { cn as $ } from "../../../utils/index.js";
+import "../../../contexts/theme.context.js";
+import { useTheme as A } from "../../../contexts/theme.hook.js";
+import "../../../js.cookie-OLEfuq_g.js";
+import { dropdownVariants as H } from "../Dropdown.variants.js";
+import { useDropdown as U } from "../hooks/useDropdown.js";
+import { useDropdownContext as W } from "../contexts/dropdown.hook.js";
+import "../contexts/dropdown.context.js";
+import { List as q } from "./List/List.js";
+import { C as z } from "../../../chevron-up-Cmu1oXfj.js";
+const _ = D(
+  ({ theme: R, label: f, placeholder: g, name: i, options: l, defaultValue: c }, O) => {
+    const p = F(), r = b(null), u = b(null), { wrapperRef: n, wrapperInputRef: d, handleOpen: j, handleOpenIfClosed: E } = U({ ulRef: u }), { isOpen: h, value: e, setValue: x, toggleOpen: w } = W(), { theme: T } = A(), v = R ?? T, C = i ? `${p}-${i}` : p;
+    L(O, () => r.current, [r]), m(() => {
+      r.current && (r.current.value = e ? e.value : "");
+    }, [e]), m(() => {
+      if (c) {
+        const o = l.find(
+          (s) => s.value === c
+        );
+        o && x(o);
+      }
+    }, [c, l, x]), m(() => {
+      var s;
+      const o = new AbortController();
+      return (s = n.current) == null || s.addEventListener("focusout", (y) => {
+        var N;
+        const I = y.relatedTarget;
+        (!I || !((N = n.current) != null && N.contains(I))) && w(!1);
+      }), () => {
+        o.abort();
+      };
+    }, [w, n]);
+    const k = () => e != null && e.leftIcon ? /* @__PURE__ */ t("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null;
+    return /* @__PURE__ */ a("div", { ref: n, className: "flex flex-col w-full relative", children: [
+      f ? /* @__PURE__ */ t(
+        "label",
+        {
+          className: "m-2 cursor-pointer",
+          htmlFor: C,
+          onClick: E,
+          children: f
+        }
+      ) : null,
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: d,
+          id: C,
+          className: H({ theme: v }),
+          role: "combobox",
+          onClick: j,
+          "aria-expanded": h,
+          tabIndex: 0,
+          children: [
+            /* @__PURE__ */ t("span", { className: "text-base text-inherit", children: e ? /* @__PURE__ */ a("span", { className: "flex gap-3 items-center", children: [
+              k(),
+              e.label
+            ] }) : g }),
+            /* @__PURE__ */ t(
+              z,
+              {
+                className: $(
+                  "w-4 h-4 text-inherit transition-all duration-50",
+                  h ? "rotate-0" : "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t("input", { ref: r, type: "text", name: i, className: "hidden" }),
+      /* @__PURE__ */ t(
+        q,
+        {
+          ref: u,
+          wrapperRef: n,
+          wrapperInputRef: d,
+          options: l,
+          theme: v
+        }
+      )
+    ] });
+  }
+);
+export {
+  _ as Wrapper
+};

package/dist/components/Dropdown/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EmptyList';
+export * from './List/List';
+export * from './Wrapper';

package/dist/components/Dropdown/components/index.js

@@ -0,0 +1,8 @@
+import { EmptyList as p } from "./EmptyList.js";
+import { List as e } from "./List/List.js";
+import { Wrapper as f } from "./Wrapper.js";
+export {
+  p as EmptyList,
+  e as List,
+  f as Wrapper
+};

package/dist/components/Dropdown/contexts/dropdown.context.d.ts

@@ -0,0 +1,8 @@
+import { Option } from '../Dropdown.types';
+export type DropdownContextType = {
+    value: Option | null;
+    isOpen: boolean;
+    setValue: (value: Option) => void;
+    toggleOpen: (value?: boolean) => void;
+};
+export declare const DropdownContext: import('react').Context<DropdownContextType>;

package/dist/components/Dropdown/contexts/dropdown.context.js

@@ -0,0 +1,14 @@
+import { createContext as e } from "react";
+const t = e({
+  value: null,
+  isOpen: !1,
+  toggleOpen() {
+    throw new Error("toggleOpen function must be overridden");
+  },
+  setValue() {
+    throw new Error("setValue function must be overridden");
+  }
+});
+export {
+  t as DropdownContext
+};

package/dist/components/Dropdown/contexts/dropdown.hook.d.ts

@@ -0,0 +1,2 @@
+import { DropdownContextType } from './dropdown.context';
+export declare const useDropdownContext: () => DropdownContextType;

package/dist/components/Dropdown/contexts/dropdown.hook.js

@@ -0,0 +1,11 @@
+import { useContext as t } from "react";
+import { DropdownContext as r } from "./dropdown.context.js";
+const s = () => {
+  const o = t(r);
+  if (!o)
+    throw new Error("useTheme must be used within a DropdownProvider");
+  return o;
+};
+export {
+  s as useDropdownContext
+};

package/dist/components/Dropdown/contexts/dropdown.provider.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const DropdownProvider: FC<PropsWithChildren>;

package/dist/components/Dropdown/contexts/dropdown.provider.js

@@ -0,0 +1,11 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { useToggle as l } from "../../../hooks/useToggle.js";
+import { DropdownContext as m } from "./dropdown.context.js";
+const d = ({ children: o }) => {
+  const [e, r] = l(!1), [t, n] = s(null);
+  return /* @__PURE__ */ p(m.Provider, { value: { value: t, isOpen: e, setValue: n, toggleOpen: r }, children: o });
+};
+export {
+  d as DropdownProvider
+};

package/dist/components/Dropdown/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dropdown.hook';
+export * from './dropdown.provider';

package/dist/components/Dropdown/contexts/index.js

@@ -0,0 +1,6 @@
+import { useDropdownContext as e } from "./dropdown.hook.js";
+import { DropdownProvider as t } from "./dropdown.provider.js";
+export {
+  t as DropdownProvider,
+  e as useDropdownContext
+};

package/dist/components/Dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef, RefObject } from 'react';
+type UseDropDownParams = {
+    ulRef: RefObject<ElementRef<'ul'>>;
+};
+export declare const useDropdown: ({ ulRef }: UseDropDownParams) => {
+    wrapperRef: RefObject<HTMLDivElement>;
+    wrapperInputRef: RefObject<HTMLDivElement>;
+    handleOpen: () => void;
+    handleOpenIfClosed: () => void;
+};
+export {};

package/dist/components/Dropdown/hooks/useDropdown.js

@@ -0,0 +1,65 @@
+import { useRef as u, useEffect as f, useCallback as p } from "react";
+import { useDropdownContext as w } from "../contexts/dropdown.hook.js";
+import "react/jsx-runtime";
+import "../contexts/dropdown.context.js";
+const k = ({ ulRef: a }) => {
+  const l = u(null), o = u(null), { isOpen: c, toggleOpen: e } = w();
+  f(() => {
+    var r;
+    const n = new AbortController(), s = (t) => {
+      t.key === "Escape" && e(!1);
+    }, i = (t) => {
+      var d;
+      (d = l.current) != null && d.contains(t.target) || e(!1);
+    };
+    return document.addEventListener("keydown", s, {
+      signal: n.signal
+    }), document.addEventListener("mousedown", i, {
+      signal: n.signal
+    }), document.addEventListener(
+      "visibilitychange",
+      () => {
+        document.hidden && e(!1);
+      },
+      {
+        signal: n.signal
+      }
+    ), (r = o.current) == null || r.addEventListener(
+      "focus",
+      () => {
+        e(!0);
+      },
+      { signal: n.signal }
+    ), () => {
+      n.abort();
+    };
+  }, [e, l]), f(() => {
+    var s;
+    const n = new AbortController();
+    return (s = o.current) == null || s.addEventListener(
+      "keydown",
+      (i) => {
+        var r;
+        if (i.key === "ArrowDown") {
+          const t = (r = a.current) == null ? void 0 : r.querySelector("li");
+          t && t.focus();
+        }
+      },
+      { signal: n.signal }
+    ), () => {
+      n.abort();
+    };
+  }, [o, a]);
+  const g = p(() => e(!0), [e]), m = p(() => {
+    c || e(!1);
+  }, [c, e]);
+  return {
+    wrapperRef: l,
+    wrapperInputRef: o,
+    handleOpen: g,
+    handleOpenIfClosed: m
+  };
+};
+export {
+  k as useDropdown
+};

package/dist/components/Dropdown/hooks/useNavigationList.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+type UseNavigationListProps = {
+    ulRef: RefObject<HTMLUListElement>;
+    wrapperRef: RefObject<HTMLDivElement>;
+    wrapperInputRef: RefObject<HTMLDivElement>;
+};
+export declare const useNavigationUlList: ({ ulRef, wrapperRef, wrapperInputRef, }: UseNavigationListProps) => void;
+export {};

package/dist/components/Dropdown/hooks/useNavigationList.js

@@ -0,0 +1,66 @@
+import { useRef as k, useEffect as a } from "react";
+import { useDropdownContext as d } from "../contexts/dropdown.hook.js";
+import "react/jsx-runtime";
+import "../contexts/dropdown.context.js";
+const h = ({
+  ulRef: n,
+  wrapperRef: f,
+  wrapperInputRef: u
+}) => {
+  const r = k(0), { isOpen: b } = d();
+  a(() => {
+    var s, m;
+    const e = ((s = n.current) == null ? void 0 : s.querySelectorAll("li")) ?? [], c = new AbortController(), i = () => {
+      r.current < e.length - 1 ? (r.current = r.current + 1, e[r.current].focus()) : (r.current = 0, e[0].focus());
+    }, o = () => {
+      var t;
+      r.current > 0 ? (r.current = r.current - 1, e[r.current].focus()) : (r.current = 0, (t = u.current) == null || t.focus());
+    };
+    return (m = n.current) == null || m.addEventListener(
+      "keydown",
+      (t) => {
+        var g;
+        switch (t.preventDefault(), t.key) {
+          case "ArrowDown": {
+            i();
+            break;
+          }
+          case "Tab": {
+            t.shiftKey ? o() : i();
+            break;
+          }
+          case "ArrowUp": {
+            r.current === 0 ? (g = u.current) == null || g.focus() : o();
+            break;
+          }
+          case "Enter": {
+            const l = e[r.current].querySelector("button");
+            l == null || l.click();
+            break;
+          }
+        }
+      },
+      { signal: c.signal }
+    ), () => {
+      c.abort();
+    };
+  }, [n, r, u]), a(() => {
+    var c;
+    const e = new AbortController();
+    return (c = f.current) == null || c.addEventListener(
+      "mouseenter",
+      () => {
+        var o;
+        (((o = n.current) == null ? void 0 : o.querySelectorAll("li")) ?? []).forEach((s) => s.blur());
+      },
+      { signal: e.signal }
+    ), () => {
+      e.abort();
+    };
+  }, [n, f]), a(() => {
+    b || (r.current = 0);
+  }, [b]);
+};
+export {
+  h as useNavigationUlList
+};

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input.types';
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/Input/Input.js

@@ -0,0 +1,178 @@
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import s, { forwardRef as m, useId as b } from "react";
+import { cn as w } from "../../utils/index.js";
+import { inputVariants as j } from "./Input.variants.js";
+import "../../contexts/theme.context.js";
+import { useTheme as N } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { P as l } from "../../index-DQMInta3.js";
+function p() {
+  return p = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, p.apply(this, arguments);
+}
+function P(e, o) {
+  if (e == null) return {};
+  var r = k(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function k(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, i;
+  for (i = 0; i < t.length; i++)
+    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var u = m(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, c = P(e, ["color", "size"]);
+  return /* @__PURE__ */ s.createElement("svg", p({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ s.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), /* @__PURE__ */ s.createElement("line", {
+    x1: "12",
+    y1: "8",
+    x2: "12",
+    y2: "12"
+  }), /* @__PURE__ */ s.createElement("line", {
+    x1: "12",
+    y1: "16",
+    x2: "12.01",
+    y2: "16"
+  }));
+});
+u.propTypes = {
+  color: l.string,
+  size: l.oneOfType([l.string, l.number])
+};
+u.displayName = "AlertCircle";
+function f() {
+  return f = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, f.apply(this, arguments);
+}
+function E(e, o) {
+  if (e == null) return {};
+  var r = z(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function z(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, i;
+  for (i = 0; i < t.length; i++)
+    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var h = m(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, c = E(e, ["color", "size"]);
+  return /* @__PURE__ */ s.createElement("svg", f({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ s.createElement("path", {
+    d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"
+  }), /* @__PURE__ */ s.createElement("line", {
+    x1: "1",
+    y1: "1",
+    x2: "23",
+    y2: "23"
+  }));
+});
+h.propTypes = {
+  color: l.string,
+  size: l.oneOfType([l.string, l.number])
+};
+h.displayName = "EyeOff";
+const _ = m(
+  ({
+    className: e,
+    error: o,
+    label: r,
+    labelClassName: t,
+    name: n,
+    type: i,
+    theme: c,
+    onClickIcon: g,
+    ...d
+  }, x) => {
+    const v = b(), { theme: O } = N();
+    return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
+      r ? /* @__PURE__ */ a(
+        "label",
+        {
+          htmlFor: v,
+          className: w("pl-1 cursor-pointer", t),
+          children: r
+        }
+      ) : null,
+      /* @__PURE__ */ y("div", { className: "relative", children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            id: v,
+            ref: x,
+            name: n,
+            type: i,
+            className: j({
+              className: e,
+              theme: c ?? O,
+              variant: o ? "error" : "default"
+            }),
+            ...d
+          }
+        ),
+        o ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(u, { className: "w-5 h-5" }) }) : null,
+        i === "password" ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-slate-400 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(
+          h,
+          {
+            className: "w-5 h-5 cursor-pointer",
+            onClick: g
+          }
+        ) }) : null
+      ] }),
+      o ? /* @__PURE__ */ a("span", { className: "text-xs text-red-600 -mt-0.5 pl-2", children: o }) : null
+    ] });
+  }
+);
+_.displayName = "Input";
+export {
+  _ as Input
+};