@schemavaults/ui 0.14.2 → 0.14.4

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

@@ -10,6 +10,8 @@ export * from "./button";
 export type * from "./button";
 export * from "./input";
 export type * from "./input";
+export * from "./password-input";
+export type * from "./password-input";
 export * from "./file-input";
 export type * from "./file-input";
 export * from "./label";

package/dist/components/ui/index.js

@@ -4,6 +4,7 @@ export * from "./background-blur";
 export * from "./themed-page-background";
 export * from "./button";
 export * from "./input";
+export * from "./password-input";
 export * from "./file-input";
 export * from "./label";
 export * from "./toast";

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC"}

package/dist/components/ui/input/input.d.ts

@@ -1,8 +1,11 @@
-import type { InputHTMLAttributes, ReactElement } from "react";
+import type { InputHTMLAttributes, ReactElement, ReactNode } from "react";
+import type { LucideIcon } from "lucide-react";
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    icon?: LucideIcon;
+    rightButton?: ReactNode;
 }
 declare const Input: {
-    ({ className, type, ...props }: InputProps): ReactElement;
+    ({ className, type, icon: Icon, rightButton, ...props }: InputProps): ReactElement;
     displayName: string;
 };
 export { Input };

package/dist/components/ui/input/input.js

@@ -1,8 +1,14 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../../lib/utils";
-const Input = ({ className, type, ...props }) => {
-    return (_jsx("input", { type: type, className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ...props }));
+const Input = ({ className, type, icon: Icon, rightButton, ...props }) => {
+    const hasAdornments = Icon || rightButton;
+    const inputElement = (_jsx("input", { type: type, className: cn("flex h-10 w-full text-sm bg-transparent placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", hasAdornments
+            ? cn(Icon ? "pl-9" : "pl-3", rightButton ? "pr-0" : "pr-3", "py-2")
+            : "rounded-md border border-input bg-background px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props }));
+    if (!hasAdornments)
+        return inputElement;
+    return (_jsxs("div", { className: "relative flex items-center rounded-md border border-input bg-background ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", children: [Icon && (_jsx(Icon, { className: "absolute left-3 h-4 w-4 text-muted-foreground pointer-events-none" })), inputElement, rightButton] }));
 };
 Input.displayName = "Input";
 export { Input };

package/dist/components/ui/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/ui/input/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc,EAAgB,EAAE;IACxE,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,8VAA8V,EAC9V,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/ui/input/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,WAAW,EACX,GAAG,KAAK,EACG,EAAgB,EAAE;IAC7B,MAAM,aAAa,GAAG,IAAI,IAAI,WAAW,CAAC;IAE1C,MAAM,YAAY,GAAG,CACnB,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sJAAsJ,EACtJ,aAAa;YACX,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;YACnE,CAAC,CAAC,wNAAwN,EAC5N,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;IAEF,IAAI,CAAC,aAAa;QAAE,OAAO,YAAY,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,sKAAsK,aAClL,IAAI,IAAI,CACP,KAAC,IAAI,IAAC,SAAS,EAAC,mEAAmE,GAAG,CACvF,EACA,YAAY,EACZ,WAAW,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,eAAe,KAAK,CAAC"}

package/dist/components/ui/password-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./password-input";
+export type * from "./password-input";
+export { PasswordInput as default } from "./password-input";

package/dist/components/ui/password-input/index.js

@@ -0,0 +1,3 @@
+export * from "./password-input";
+export { PasswordInput as default } from "./password-input";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/password-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/password-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/ui/password-input/password-input.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from "react";
+import { type InputProps } from "../../ui/input";
+export interface PasswordInputProps extends Omit<InputProps, "icon" | "rightButton" | "type"> {
+}
+declare const PasswordInput: {
+    ({ ...props }: PasswordInputProps): ReactElement;
+    displayName: string;
+};
+export { PasswordInput };
+export default PasswordInput;

package/dist/components/ui/password-input/password-input.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Eye, EyeOff, KeyRound } from "lucide-react";
+import { Input } from "../../ui/input";
+import { Button } from "../../ui/button";
+const PasswordInput = ({ ...props }) => {
+    const [visible, setVisible] = useState(false);
+    const ToggleIcon = visible ? EyeOff : Eye;
+    return (_jsx(Input, { type: visible ? "text" : "password", icon: KeyRound, rightButton: _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 mr-1", onClick: () => setVisible((prev) => !prev), "aria-label": visible ? "Hide password" : "Show password", children: _jsx(ToggleIcon, { className: "h-4 w-4" }) }), ...props }));
+};
+PasswordInput.displayName = "PasswordInput";
+export { PasswordInput };
+export default PasswordInput;
+//# sourceMappingURL=password-input.js.map

package/dist/components/ui/password-input/password-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../../../src/components/ui/password-input/password-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,KAAK,EAAmB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAKhD,MAAM,aAAa,GAAG,CAAC,EACrB,GAAG,KAAK,EACW,EAAgB,EAAE;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;IAE1C,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,IAAI,EAAE,QAAQ,EACd,WAAW,EACT,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,GAAS,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,gBACpC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,YAEvD,KAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG,GAC3B,KAEP,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.14.2",
+  "version": "0.14.4",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",