@schemavaults/ui 0.14.0 → 0.14.3

package/dist/components/error/ErrorPage/ErrorPage.d.ts

@@ -1,9 +1,11 @@
 import type { ReactElement } from "react";
 export type ErrorPageProps = {
     error: Error;
+    reset?: () => void;
 } | {
     error: number | string;
     message: string;
+    reset?: () => void;
 };
 export declare function ErrorPage(props: ErrorPageProps): ReactElement;
 export default ErrorPage;

package/dist/components/error/ErrorPage/ErrorPage.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RotateCcw } from "lucide-react";
+import { Button } from "../../ui/button";
 import { Wordmark } from "../../ui/wordmark";
 export function ErrorPage(props) {
     if (!("error" in props)) {
@@ -19,7 +21,7 @@ export function ErrorPage(props) {
     else {
         errorMsg = "An unknown error occurred!";
     }
-    return (_jsxs("div", { className: "w-full grow flex flex-col justify-center items-center min-h-screen p-2 md:p-4 lg:p-8", children: [_jsxs("h1", { className: "text-xl flex flex-row gap-4", children: [_jsx(Wordmark, {}), " Error"] }), _jsx("p", { className: "text-md", children: errorMsg })] }));
+    return (_jsxs("div", { className: "w-full grow flex flex-col justify-center items-center min-h-screen p-2 md:p-4 lg:p-8", children: [_jsxs("h1", { className: "text-xl flex flex-row gap-4", children: [_jsx(Wordmark, {}), " Error"] }), _jsx("p", { className: "text-md", children: errorMsg }), props.reset && _jsxs(Button, { onClick: props.reset, className: "mt-4 flex flex-row gap-2", children: [_jsx(RotateCcw, { size: 16 }), " Try Again"] })] }));
 }
 export default ErrorPage;
 //# sourceMappingURL=ErrorPage.js.map

package/dist/components/error/ErrorPage/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../../src/components/error/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AASpD,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,IAAI,QAAgB,CAAC;IACrB,IACE,OAAO,KAAK,KAAK,QAAQ;;YAEzB,OAAO,KAAK,KAAK,QAAQ,EACzB,CAAC;QACD,MAAM,OAAO,GAAY,KAA4C,CAAC,OAAO,CAAC;QAC9E,QAAQ,GAAG,GAAG,KAAK,KAAK,OAAO,EAAE,CAAC;IACpC,CAAC;SAAM,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;QAClC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;IAC3B,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,4BAAqC,CAAC;IACnD,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,sFAAsF,aACnG,cAAI,SAAS,EAAC,6BAA6B,aACzC,KAAC,QAAQ,KAAG,cACT,EAEL,YAAG,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAK,IACjC,CACP,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../../src/components/error/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAWpD,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,IAAI,QAAgB,CAAC;IACrB,IACE,OAAO,KAAK,KAAK,QAAQ;;YAEzB,OAAO,KAAK,KAAK,QAAQ,EACzB,CAAC;QACD,MAAM,OAAO,GAAY,KAA4C,CAAC,OAAO,CAAC;QAC9E,QAAQ,GAAG,GAAG,KAAK,KAAK,OAAO,EAAE,CAAC;IACpC,CAAC;SAAM,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;QAClC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;IAC3B,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,4BAAqC,CAAC;IACnD,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,sFAAsF,aACnG,cAAI,SAAS,EAAC,6BAA6B,aACzC,KAAC,QAAQ,KAAG,cACT,EAEL,YAAG,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAK,EACpC,KAAK,CAAC,KAAK,IAAI,MAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,0BAA0B,aAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,kBAAmB,IACzH,CACP,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.14.0",
+  "version": "0.14.3",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",
@@ -35,7 +35,7 @@
     "clsx": "2.1.1",
     "cmdk": "1.1.1",
     "framer-motion": "12.23.24",
-    "lucide-react": "0.508.0",
+    "lucide-react": "0.575.0",
     "next-themes": "0.4.6",
     "react": "19.0.0",
     "react-dom": "19.0.0",