@enadhq/enad-react-sdk 1.0.2 → 1.2.0

package/dist/client/storefront/primitives/input.d.ts

@@ -1,18 +1,39 @@
-import * as React from "react";
-interface StorefrontInputProps extends Omit<React.ComponentProps<"input">, "ref"> {
-    label?: string;
-    icon?: React.ReactNode;
-    onIconClick?: () => void;
-    /** External error message (from react-hook-form or server validation) */
-    error?: string;
-    /** Override default validation messages per constraint */
-    validationMessages?: {
-        required?: string;
-        email?: string;
-        minLength?: string;
-        pattern?: string;
-    };
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/input.d.ts
+interface StorefrontInputProps extends Omit<React$1.ComponentProps<"input">, "ref"> {
+  label?: string;
+  icon?: React$1.ReactNode;
+  onIconClick?: () => void;
+  /** Visual variant of the input field */
+  variant?: "outlined" | "plain";
+  /** External error message (from react-hook-form or server validation) */
+  error?: string;
+  /** Override default validation messages per constraint */
+  validationMessages?: {
+    required?: string;
+    email?: string;
+    minLength?: string;
+    pattern?: string;
+  };
 }
-declare function StorefrontInput({ label, icon, onIconClick, error: externalError, validationMessages, className, id: idProp, disabled, required, type, onChange: onChangeProp, onBlur: onBlurProp, ...props }: StorefrontInputProps): import("react/jsx-runtime").JSX.Element;
+declare function StorefrontInput({
+  label,
+  icon,
+  onIconClick,
+  variant,
+  error: externalError,
+  validationMessages,
+  className,
+  id: idProp,
+  disabled,
+  required,
+  type,
+  onChange: onChangeProp,
+  onBlur: onBlurProp,
+  ...props
+}: StorefrontInputProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { StorefrontInput, type StorefrontInputProps };
 //# sourceMappingURL=input.d.ts.map

package/dist/client/storefront/primitives/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EAAE,aAAa,EACpB,kBAAkB,EAClB,SAAS,EACT,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiGtB;AAED,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/input.tsx"],"mappings":";;;;UAeU,oBAAA,SAA6B,IAAA,CAAK,OAAA,CAAM,cAAA;EAChD,KAAA;EACA,IAAA,GAAO,OAAA,CAAM,SAAA;EACb,WAAA;EAH6B;EAK7B,OAAA;EAL0C;EAO1C,KAAA;EAPqC;EASrC,kBAAA;IACE,QAAA;IACA,KAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,iBAIK,eAAA,CAAA;EACP,KAAA;EACA,IAAA;EACA,WAAA;EACA,OAAA;EACA,KAAA,EAAO,aAAA;EACP,kBAAA;EACA,SAAA;EACA,EAAA,EAAI,MAAA;EACJ,QAAA;EACA,QAAA;EACA,IAAA;EACA,QAAA,EAAU,YAAA;EACV,MAAA,EAAQ,UAAA;EAAA,GACL;AAAA,GACF,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/primitives/input.mjs

@@ -1,118 +1,87 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { Input } from "../../ui-resolver/input.mjs";
+import { Label } from "../../ui-resolver/label.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Input } from "../../ui-resolver/input";
-import { Label } from "../../ui-resolver/label";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/primitives/input.tsx
 const defaultMessages = {
-  email: "Please enter a valid email address",
-  password: "Password is required",
-  tel: "Please enter a valid phone number",
-  url: "Please enter a valid URL",
-  number: "Please enter a valid number"
+	email: "Please enter a valid email address",
+	password: "Password is required",
+	tel: "Please enter a valid phone number",
+	url: "Please enter a valid URL",
+	number: "Please enter a valid number"
 };
-function StorefrontInput({
-  label,
-  icon,
-  onIconClick,
-  error: externalError,
-  validationMessages,
-  className,
-  id: idProp,
-  disabled,
-  required,
-  type,
-  onChange: onChangeProp,
-  onBlur: onBlurProp,
-  ...props
-}) {
-  const generatedId = React.useId();
-  const id = idProp ?? generatedId;
-  const errorId = `${id}-error`;
-  const [nativeError, setNativeError] = React.useState();
-  const error = externalError ?? nativeError;
-  const resolveMessage = React.useCallback(
-    (validity) => {
-      if (validity.valueMissing) {
-        return validationMessages?.required ?? "This field is required";
-      }
-      if (validity.typeMismatch) {
-        const typeMsg = type ? validationMessages?.email ?? defaultMessages[type] : void 0;
-        return typeMsg ?? "Please enter a valid value";
-      }
-      if (validity.tooShort) {
-        return validationMessages?.minLength ?? "Value is too short";
-      }
-      if (validity.patternMismatch) {
-        return validationMessages?.pattern ?? "Please match the required format";
-      }
-      return "Please enter a valid value";
-    },
-    [type, validationMessages]
-  );
-  const handleInvalid = React.useCallback(
-    (e) => {
-      e.preventDefault();
-      setNativeError(resolveMessage(e.target.validity));
-    },
-    [resolveMessage]
-  );
-  const handleChange = React.useCallback(
-    (e) => {
-      if (nativeError && e.target.validity.valid) {
-        setNativeError(void 0);
-      }
-      onChangeProp?.(e);
-    },
-    [nativeError, onChangeProp]
-  );
-  const handleBlur = React.useCallback(
-    (e) => {
-      if (e.target.value && !e.target.validity.valid) {
-        setNativeError(resolveMessage(e.target.validity));
-      }
-      onBlurProp?.(e);
-    },
-    [resolveMessage, onBlurProp]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ jsxs(Label, { htmlFor: id, className: "text-xs font-medium uppercase tracking-wide", children: [
-      label,
-      required && /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color) ml-0.5", children: "*" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          id,
-          type,
-          disabled,
-          required,
-          "aria-invalid": error ? true : void 0,
-          "aria-describedby": error ? errorId : void 0,
-          className: icon ? "pr-10" : void 0,
-          onInvalid: handleInvalid,
-          ...props,
-          onChange: handleChange,
-          onBlur: handleBlur
-        }
-      ),
-      icon && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          disabled,
-          onClick: onIconClick,
-          className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-          children: icon
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-(--enad-error-color) text-sm", children: error })
-  ] });
+function StorefrontInput({ label, icon, onIconClick, variant, error: externalError, validationMessages, className, id: idProp, disabled, required, type, onChange: onChangeProp, onBlur: onBlurProp, ...props }) {
+	const generatedId = React$1.useId();
+	const id = idProp ?? generatedId;
+	const errorId = `${id}-error`;
+	const [nativeError, setNativeError] = React$1.useState();
+	const error = externalError ?? nativeError;
+	const resolveMessage = React$1.useCallback((validity) => {
+		if (validity.valueMissing) return validationMessages?.required ?? "This field is required";
+		if (validity.typeMismatch) return (type ? validationMessages?.email ?? defaultMessages[type] : void 0) ?? "Please enter a valid value";
+		if (validity.tooShort) return validationMessages?.minLength ?? "Value is too short";
+		if (validity.patternMismatch) return validationMessages?.pattern ?? "Please match the required format";
+		return "Please enter a valid value";
+	}, [type, validationMessages]);
+	const handleInvalid = React$1.useCallback((e) => {
+		e.preventDefault();
+		setNativeError(resolveMessage(e.target.validity));
+	}, [resolveMessage]);
+	const handleChange = React$1.useCallback((e) => {
+		if (nativeError && e.target.validity.valid) setNativeError(void 0);
+		onChangeProp?.(e);
+	}, [nativeError, onChangeProp]);
+	const handleBlur = React$1.useCallback((e) => {
+		if (e.target.value && !e.target.validity.valid) setNativeError(resolveMessage(e.target.validity));
+		onBlurProp?.(e);
+	}, [resolveMessage, onBlurProp]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-1.5", className),
+		children: [
+			label && /* @__PURE__ */ jsxs(Label, {
+				htmlFor: id,
+				className: "text-xs font-medium uppercase tracking-wide",
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					className: "text-(--enad-error-color) ml-0.5",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ jsx(Input, {
+					id,
+					type,
+					variant,
+					disabled,
+					required,
+					"aria-invalid": error ? true : void 0,
+					"aria-describedby": error ? errorId : void 0,
+					className: icon ? "pr-10" : void 0,
+					onInvalid: handleInvalid,
+					...props,
+					onChange: handleChange,
+					onBlur: handleBlur
+				}), icon && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					tabIndex: -1,
+					disabled,
+					onClick: onIconClick,
+					className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+					children: icon
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				className: "text-(--enad-error-color) text-sm",
+				children: error
+			})
+		]
+	});
 }
-export {
-  StorefrontInput
-};
+//#endregion
+export { StorefrontInput };
+
 //# sourceMappingURL=input.mjs.map

package/dist/client/storefront/primitives/input.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/primitives/input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Input } from \"../../ui-resolver/input\";\nimport { Label } from \"../../ui-resolver/label\";\nimport { cn } from \"../../ui/utils\";\n\nconst defaultMessages: Record<string, string> = {\n  email: \"Please enter a valid email address\",\n  password: \"Password is required\",\n  tel: \"Please enter a valid phone number\",\n  url: \"Please enter a valid URL\",\n  number: \"Please enter a valid number\",\n};\n\ninterface StorefrontInputProps extends Omit<React.ComponentProps<\"input\">, \"ref\"> {\n  label?: string;\n  icon?: React.ReactNode;\n  onIconClick?: () => void;\n  /** External error message (from react-hook-form or server validation) */\n  error?: string;\n  /** Override default validation messages per constraint */\n  validationMessages?: {\n    required?: string;\n    email?: string;\n    minLength?: string;\n    pattern?: string;\n  };\n}\n\nfunction StorefrontInput({\n  label,\n  icon,\n  onIconClick,\n  error: externalError,\n  validationMessages,\n  className,\n  id: idProp,\n  disabled,\n  required,\n  type,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  ...props\n}: StorefrontInputProps) {\n  const generatedId = React.useId();\n  const id = idProp ?? generatedId;\n  const errorId = `${id}-error`;\n\n  const [nativeError, setNativeError] = React.useState<string | undefined>();\n  const error = externalError ?? nativeError;\n\n  const resolveMessage = React.useCallback(\n    (validity: ValidityState): string => {\n      if (validity.valueMissing) {\n        return validationMessages?.required ?? \"This field is required\";\n      }\n      if (validity.typeMismatch) {\n        const typeMsg = type ? (validationMessages?.email ?? defaultMessages[type]) : undefined;\n        return typeMsg ?? \"Please enter a valid value\";\n      }\n      if (validity.tooShort) {\n        return validationMessages?.minLength ?? \"Value is too short\";\n      }\n      if (validity.patternMismatch) {\n        return validationMessages?.pattern ?? \"Please match the required format\";\n      }\n      return \"Please enter a valid value\";\n    },\n    [type, validationMessages],\n  );\n\n  const handleInvalid = React.useCallback(\n    (e: React.InvalidEvent<HTMLInputElement>) => {\n      e.preventDefault();\n      setNativeError(resolveMessage(e.target.validity));\n    },\n    [resolveMessage],\n  );\n\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (nativeError && e.target.validity.valid) {\n        setNativeError(undefined);\n      }\n      onChangeProp?.(e);\n    },\n    [nativeError, onChangeProp],\n  );\n\n  const handleBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.target.value && !e.target.validity.valid) {\n        setNativeError(resolveMessage(e.target.validity));\n      }\n      onBlurProp?.(e);\n    },\n    [resolveMessage, onBlurProp],\n  );\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)}>\n      {label && (\n        <Label htmlFor={id} className=\"text-xs font-medium uppercase tracking-wide\">\n          {label}\n          {required && <span className=\"text-(--enad-error-color) ml-0.5\">*</span>}\n        </Label>\n      )}\n      <div className=\"relative\">\n        <Input\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={error ? errorId : undefined}\n          className={icon ? \"pr-10\" : undefined}\n          onInvalid={handleInvalid}\n          {...props}\n          onChange={handleChange}\n          onBlur={handleBlur}\n        />\n        {icon && (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            disabled={disabled}\n            onClick={onIconClick}\n            className=\"absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50\"\n          >\n            {icon}\n          </button>\n        )}\n      </div>\n      {error && (\n        <p id={errorId} role=\"alert\" className=\"text-(--enad-error-color) text-sm\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport { StorefrontInput, type StorefrontInputProps };\n"],"mappings":";AAuGQ,SAEe,KAFf;AArGR,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,UAAU;AAEnB,MAAM,kBAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AACV;AAiBA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,GAAG;AACL,GAAyB;AACvB,QAAM,cAAc,MAAM,MAAM;AAChC,QAAM,KAAK,UAAU;AACrB,QAAM,UAAU,GAAG,EAAE;AAErB,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA6B;AACzE,QAAM,QAAQ,iBAAiB;AAE/B,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,aAAoC;AACnC,UAAI,SAAS,cAAc;AACzB,eAAO,oBAAoB,YAAY;AAAA,MACzC;AACA,UAAI,SAAS,cAAc;AACzB,cAAM,UAAU,OAAQ,oBAAoB,SAAS,gBAAgB,IAAI,IAAK;AAC9E,eAAO,WAAW;AAAA,MACpB;AACA,UAAI,SAAS,UAAU;AACrB,eAAO,oBAAoB,aAAa;AAAA,MAC1C;AACA,UAAI,SAAS,iBAAiB;AAC5B,eAAO,oBAAoB,WAAW;AAAA,MACxC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,MAAM,kBAAkB;AAAA,EAC3B;AAEA,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,MAA4C;AAC3C,QAAE,eAAe;AACjB,qBAAe,eAAe,EAAE,OAAO,QAAQ,CAAC;AAAA,IAClD;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,eAAe,MAAM;AAAA,IACzB,CAAC,MAA2C;AAC1C,UAAI,eAAe,EAAE,OAAO,SAAS,OAAO;AAC1C,uBAAe,MAAS;AAAA,MAC1B;AACA,qBAAe,CAAC;AAAA,IAClB;AAAA,IACA,CAAC,aAAa,YAAY;AAAA,EAC5B;AAEA,QAAM,aAAa,MAAM;AAAA,IACvB,CAAC,MAA0C;AACzC,UAAI,EAAE,OAAO,SAAS,CAAC,EAAE,OAAO,SAAS,OAAO;AAC9C,uBAAe,eAAe,EAAE,OAAO,QAAQ,CAAC;AAAA,MAClD;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,gBAAgB,UAAU;AAAA,EAC7B;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,yBAAyB,SAAS,GAClD;AAAA,aACC,qBAAC,SAAM,SAAS,IAAI,WAAU,+CAC3B;AAAA;AAAA,MACA,YAAY,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,OACnE;AAAA,IAEF,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,gBAAc,QAAQ,OAAO;AAAA,UAC7B,oBAAkB,QAAQ,UAAU;AAAA,UACpC,WAAW,OAAO,UAAU;AAAA,UAC5B,WAAW;AAAA,UACV,GAAG;AAAA,UACJ,UAAU;AAAA,UACV,QAAQ;AAAA;AAAA,MACV;AAAA,MACC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT,WAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,IACC,SACC,oBAAC,OAAE,IAAI,SAAS,MAAK,SAAQ,WAAU,qCACpC,iBACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"file":"input.mjs","names":["React"],"sources":["../../../../src/client/storefront/primitives/input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Input } from \"../../ui-resolver/input\";\nimport { Label } from \"../../ui-resolver/label\";\nimport { cn } from \"../../ui/utils\";\n\nconst defaultMessages: Record<string, string> = {\n  email: \"Please enter a valid email address\",\n  password: \"Password is required\",\n  tel: \"Please enter a valid phone number\",\n  url: \"Please enter a valid URL\",\n  number: \"Please enter a valid number\",\n};\n\ninterface StorefrontInputProps extends Omit<React.ComponentProps<\"input\">, \"ref\"> {\n  label?: string;\n  icon?: React.ReactNode;\n  onIconClick?: () => void;\n  /** Visual variant of the input field */\n  variant?: \"outlined\" | \"plain\";\n  /** External error message (from react-hook-form or server validation) */\n  error?: string;\n  /** Override default validation messages per constraint */\n  validationMessages?: {\n    required?: string;\n    email?: string;\n    minLength?: string;\n    pattern?: string;\n  };\n}\n\nfunction StorefrontInput({\n  label,\n  icon,\n  onIconClick,\n  variant,\n  error: externalError,\n  validationMessages,\n  className,\n  id: idProp,\n  disabled,\n  required,\n  type,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  ...props\n}: StorefrontInputProps) {\n  const generatedId = React.useId();\n  const id = idProp ?? generatedId;\n  const errorId = `${id}-error`;\n\n  const [nativeError, setNativeError] = React.useState<string | undefined>();\n  const error = externalError ?? nativeError;\n\n  const resolveMessage = React.useCallback(\n    (validity: ValidityState): string => {\n      if (validity.valueMissing) {\n        return validationMessages?.required ?? \"This field is required\";\n      }\n      if (validity.typeMismatch) {\n        const typeMsg = type ? (validationMessages?.email ?? defaultMessages[type]) : undefined;\n        return typeMsg ?? \"Please enter a valid value\";\n      }\n      if (validity.tooShort) {\n        return validationMessages?.minLength ?? \"Value is too short\";\n      }\n      if (validity.patternMismatch) {\n        return validationMessages?.pattern ?? \"Please match the required format\";\n      }\n      return \"Please enter a valid value\";\n    },\n    [type, validationMessages],\n  );\n\n  const handleInvalid = React.useCallback(\n    (e: React.InvalidEvent<HTMLInputElement>) => {\n      e.preventDefault();\n      setNativeError(resolveMessage(e.target.validity));\n    },\n    [resolveMessage],\n  );\n\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (nativeError && e.target.validity.valid) {\n        setNativeError(undefined);\n      }\n      onChangeProp?.(e);\n    },\n    [nativeError, onChangeProp],\n  );\n\n  const handleBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.target.value && !e.target.validity.valid) {\n        setNativeError(resolveMessage(e.target.validity));\n      }\n      onBlurProp?.(e);\n    },\n    [resolveMessage, onBlurProp],\n  );\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)}>\n      {label && (\n        <Label htmlFor={id} className=\"text-xs font-medium uppercase tracking-wide\">\n          {label}\n          {required && <span className=\"text-(--enad-error-color) ml-0.5\">*</span>}\n        </Label>\n      )}\n      <div className=\"relative\">\n        <Input\n          id={id}\n          type={type}\n          variant={variant}\n          disabled={disabled}\n          required={required}\n          aria-invalid={error ? true : undefined}\n          aria-describedby={error ? errorId : undefined}\n          className={icon ? \"pr-10\" : undefined}\n          onInvalid={handleInvalid}\n          {...props}\n          onChange={handleChange}\n          onBlur={handleBlur}\n        />\n        {icon && (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            disabled={disabled}\n            onClick={onIconClick}\n            className=\"absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50\"\n          >\n            {icon}\n          </button>\n        )}\n      </div>\n      {error && (\n        <p id={errorId} role=\"alert\" className=\"text-(--enad-error-color) text-sm\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport { StorefrontInput, type StorefrontInputProps };\n"],"mappings":";;;;;;;AAOA,MAAM,kBAA0C;CAC9C,OAAO;CACP,UAAU;CACV,KAAK;CACL,KAAK;CACL,QAAQ;CACT;AAmBD,SAAS,gBAAgB,EACvB,OACA,MACA,aACA,SACA,OAAO,eACP,oBACA,WACA,IAAI,QACJ,UACA,UACA,MACA,UAAU,cACV,QAAQ,YACR,GAAG,SACoB;CACvB,MAAM,cAAcA,QAAM,OAAO;CACjC,MAAM,KAAK,UAAU;CACrB,MAAM,UAAU,GAAG,GAAG;CAEtB,MAAM,CAAC,aAAa,kBAAkBA,QAAM,UAA8B;CAC1E,MAAM,QAAQ,iBAAiB;CAE/B,MAAM,iBAAiBA,QAAM,aAC1B,aAAoC;AACnC,MAAI,SAAS,aACX,QAAO,oBAAoB,YAAY;AAEzC,MAAI,SAAS,aAEX,SADgB,OAAQ,oBAAoB,SAAS,gBAAgB,QAAS,KAAA,MAC5D;AAEpB,MAAI,SAAS,SACX,QAAO,oBAAoB,aAAa;AAE1C,MAAI,SAAS,gBACX,QAAO,oBAAoB,WAAW;AAExC,SAAO;IAET,CAAC,MAAM,mBAAmB,CAC3B;CAED,MAAM,gBAAgBA,QAAM,aACzB,MAA4C;AAC3C,IAAE,gBAAgB;AAClB,iBAAe,eAAe,EAAE,OAAO,SAAS,CAAC;IAEnD,CAAC,eAAe,CACjB;CAED,MAAM,eAAeA,QAAM,aACxB,MAA2C;AAC1C,MAAI,eAAe,EAAE,OAAO,SAAS,MACnC,gBAAe,KAAA,EAAU;AAE3B,iBAAe,EAAE;IAEnB,CAAC,aAAa,aAAa,CAC5B;CAED,MAAM,aAAaA,QAAM,aACtB,MAA0C;AACzC,MAAI,EAAE,OAAO,SAAS,CAAC,EAAE,OAAO,SAAS,MACvC,gBAAe,eAAe,EAAE,OAAO,SAAS,CAAC;AAEnD,eAAa,EAAE;IAEjB,CAAC,gBAAgB,WAAW,CAC7B;AAED,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,UAAU;YAAtD;GACG,SACC,qBAAC,OAAD;IAAO,SAAS;IAAI,WAAU;cAA9B,CACG,OACA,YAAY,oBAAC,QAAD;KAAM,WAAU;eAAmC;KAAQ,CAAA,CAClE;;GAEV,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KACM;KACE;KACG;KACC;KACA;KACV,gBAAc,QAAQ,OAAO,KAAA;KAC7B,oBAAkB,QAAQ,UAAU,KAAA;KACpC,WAAW,OAAO,UAAU,KAAA;KAC5B,WAAW;KACX,GAAI;KACJ,UAAU;KACV,QAAQ;KACR,CAAA,EACD,QACC,oBAAC,UAAD;KACE,MAAK;KACL,UAAU;KACA;KACV,SAAS;KACT,WAAU;eAET;KACM,CAAA,CAEP;;GACL,SACC,oBAAC,KAAD;IAAG,IAAI;IAAS,MAAK;IAAQ,WAAU;cACpC;IACC,CAAA;GAEF"}

package/dist/client/storefront/primitives/pagination.d.ts

@@ -1,9 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/pagination.d.ts
 interface StorefrontPaginationProps {
-    currentPage: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-    className?: string;
+  currentPage: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+  className?: string;
 }
-declare function StorefrontPagination({ currentPage, totalPages, onPageChange, className, }: StorefrontPaginationProps): import("react/jsx-runtime").JSX.Element | null;
+declare function StorefrontPagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  className
+}: StorefrontPaginationProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
 export { StorefrontPagination, type StorefrontPaginationProps };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/client/storefront/primitives/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/pagination.tsx"],"names":[],"mappings":"AAaA,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,iBAAS,oBAAoB,CAAC,EAC5B,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE,yBAAyB,kDA0D3B;AAED,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/pagination.tsx"],"mappings":";;;UAaU,yBAAA;EACR,WAAA;EACA,UAAA;EACA,YAAA,GAAe,IAAA;EACf,SAAA;AAAA;AAAA,iBA6BO,oBAAA,CAAA;EACP,WAAA;EACA,UAAA;EACA,YAAA;EACA;AAAA,GACC,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/primitives/pagination.mjs

@@ -1,86 +1,59 @@
 "use client";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../../ui-resolver/pagination.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious
-} from "../../ui-resolver/pagination";
+//#region src/client/storefront/primitives/pagination.tsx
 function getPageNumbers(current, total) {
-  if (total <= 7) {
-    return Array.from({ length: total }, (_, i) => i + 1);
-  }
-  const pages = [1];
-  if (current > 3) {
-    pages.push("ellipsis");
-  }
-  const start = Math.max(2, current - 1);
-  const end = Math.min(total - 1, current + 1);
-  for (let i = start; i <= end; i++) {
-    pages.push(i);
-  }
-  if (current < total - 2) {
-    pages.push("ellipsis");
-  }
-  pages.push(total);
-  return pages;
+	if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
+	const pages = [1];
+	if (current > 3) pages.push("ellipsis");
+	const start = Math.max(2, current - 1);
+	const end = Math.min(total - 1, current + 1);
+	for (let i = start; i <= end; i++) pages.push(i);
+	if (current < total - 2) pages.push("ellipsis");
+	pages.push(total);
+	return pages;
 }
-function StorefrontPagination({
-  currentPage,
-  totalPages,
-  onPageChange,
-  className
-}) {
-  if (totalPages <= 1) return null;
-  const pages = getPageNumbers(currentPage, totalPages);
-  return /* @__PURE__ */ jsx(Pagination, { className, children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationPrevious,
-      {
-        href: "#",
-        size: "default",
-        onClick: (e) => {
-          e.preventDefault();
-          if (currentPage > 1) onPageChange(currentPage - 1);
-        },
-        "aria-disabled": currentPage <= 1,
-        className: currentPage <= 1 ? "pointer-events-none opacity-50" : void 0
-      }
-    ) }),
-    pages.map(
-      (page, i) => page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `ellipsis-${i}`) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-        PaginationLink,
-        {
-          href: "#",
-          size: "icon",
-          isActive: page === currentPage,
-          onClick: (e) => {
-            e.preventDefault();
-            onPageChange(page);
-          },
-          children: page
-        }
-      ) }, page)
-    ),
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationNext,
-      {
-        href: "#",
-        size: "default",
-        onClick: (e) => {
-          e.preventDefault();
-          if (currentPage < totalPages) onPageChange(currentPage + 1);
-        },
-        "aria-disabled": currentPage >= totalPages,
-        className: currentPage >= totalPages ? "pointer-events-none opacity-50" : void 0
-      }
-    ) })
-  ] }) });
+function StorefrontPagination({ currentPage, totalPages, onPageChange, className }) {
+	if (totalPages <= 1) return null;
+	const pages = getPageNumbers(currentPage, totalPages);
+	return /* @__PURE__ */ jsx(Pagination, {
+		className,
+		children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+			/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, {
+				href: "#",
+				size: "md",
+				onClick: (e) => {
+					e.preventDefault();
+					if (currentPage > 1) onPageChange(currentPage - 1);
+				},
+				"aria-disabled": currentPage <= 1,
+				className: currentPage <= 1 ? "pointer-events-none opacity-50" : void 0
+			}) }),
+			pages.map((page, i) => page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `ellipsis-${i}`) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, {
+				href: "#",
+				size: "icon",
+				isActive: page === currentPage,
+				onClick: (e) => {
+					e.preventDefault();
+					onPageChange(page);
+				},
+				children: page
+			}) }, page)),
+			/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, {
+				href: "#",
+				size: "md",
+				onClick: (e) => {
+					e.preventDefault();
+					if (currentPage < totalPages) onPageChange(currentPage + 1);
+				},
+				"aria-disabled": currentPage >= totalPages,
+				className: currentPage >= totalPages ? "pointer-events-none opacity-50" : void 0
+			}) })
+		] })
+	});
 }
-export {
-  StorefrontPagination
-};
+//#endregion
+export { StorefrontPagination };
+
 //# sourceMappingURL=pagination.mjs.map

package/dist/client/storefront/primitives/pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/primitives/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"../../ui-resolver/pagination\";\n\ninterface StorefrontPaginationProps {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nfunction getPageNumbers(current: number, total: number): (number | \"ellipsis\")[] {\n  if (total <= 7) {\n    return Array.from({ length: total }, (_, i) => i + 1);\n  }\n\n  const pages: (number | \"ellipsis\")[] = [1];\n\n  if (current > 3) {\n    pages.push(\"ellipsis\");\n  }\n\n  const start = Math.max(2, current - 1);\n  const end = Math.min(total - 1, current + 1);\n\n  for (let i = start; i <= end; i++) {\n    pages.push(i);\n  }\n\n  if (current < total - 2) {\n    pages.push(\"ellipsis\");\n  }\n\n  pages.push(total);\n  return pages;\n}\n\nfunction StorefrontPagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  className,\n}: StorefrontPaginationProps) {\n  if (totalPages <= 1) return null;\n\n  const pages = getPageNumbers(currentPage, totalPages);\n\n  return (\n    <Pagination className={className}>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious\n            href=\"#\"\n            size=\"default\"\n            onClick={(e) => {\n              e.preventDefault();\n              if (currentPage > 1) onPageChange(currentPage - 1);\n            }}\n            aria-disabled={currentPage <= 1}\n            className={currentPage <= 1 ? \"pointer-events-none opacity-50\" : undefined}\n          />\n        </PaginationItem>\n\n        {pages.map((page, i) =>\n          page === \"ellipsis\" ? (\n            <PaginationItem key={`ellipsis-${i}`}>\n              <PaginationEllipsis />\n            </PaginationItem>\n          ) : (\n            <PaginationItem key={page}>\n              <PaginationLink\n                href=\"#\"\n                size=\"icon\"\n                isActive={page === currentPage}\n                onClick={(e) => {\n                  e.preventDefault();\n                  onPageChange(page);\n                }}\n              >\n                {page}\n              </PaginationLink>\n            </PaginationItem>\n          ),\n        )}\n\n        <PaginationItem>\n          <PaginationNext\n            href=\"#\"\n            size=\"default\"\n            onClick={(e) => {\n              e.preventDefault();\n              if (currentPage < totalPages) onPageChange(currentPage + 1);\n            }}\n            aria-disabled={currentPage >= totalPages}\n            className={currentPage >= totalPages ? \"pointer-events-none opacity-50\" : undefined}\n          />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  );\n}\n\nexport { StorefrontPagination, type StorefrontPaginationProps };\n"],"mappings":";AA0DM,SAEI,KAFJ;AAvDN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP,SAAS,eAAe,SAAiB,OAAwC;AAC/E,MAAI,SAAS,GAAG;AACd,WAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;AAAA,EACtD;AAEA,QAAM,QAAiC,CAAC,CAAC;AAEzC,MAAI,UAAU,GAAG;AACf,UAAM,KAAK,UAAU;AAAA,EACvB;AAEA,QAAM,QAAQ,KAAK,IAAI,GAAG,UAAU,CAAC;AACrC,QAAM,MAAM,KAAK,IAAI,QAAQ,GAAG,UAAU,CAAC;AAE3C,WAAS,IAAI,OAAO,KAAK,KAAK,KAAK;AACjC,UAAM,KAAK,CAAC;AAAA,EACd;AAEA,MAAI,UAAU,QAAQ,GAAG;AACvB,UAAM,KAAK,UAAU;AAAA,EACvB;AAEA,QAAM,KAAK,KAAK;AAChB,SAAO;AACT;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,MAAI,cAAc,EAAG,QAAO;AAE5B,QAAM,QAAQ,eAAe,aAAa,UAAU;AAEpD,SACE,oBAAC,cAAW,WACV,+BAAC,qBACC;AAAA,wBAAC,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAS,CAAC,MAAM;AACd,YAAE,eAAe;AACjB,cAAI,cAAc,EAAG,cAAa,cAAc,CAAC;AAAA,QACnD;AAAA,QACA,iBAAe,eAAe;AAAA,QAC9B,WAAW,eAAe,IAAI,mCAAmC;AAAA;AAAA,IACnE,GACF;AAAA,IAEC,MAAM;AAAA,MAAI,CAAC,MAAM,MAChB,SAAS,aACP,oBAAC,kBACC,8BAAC,sBAAmB,KADD,YAAY,CAAC,EAElC,IAEA,oBAAC,kBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU,SAAS;AAAA,UACnB,SAAS,CAAC,MAAM;AACd,cAAE,eAAe;AACjB,yBAAa,IAAI;AAAA,UACnB;AAAA,UAEC;AAAA;AAAA,MACH,KAXmB,IAYrB;AAAA,IAEJ;AAAA,IAEA,oBAAC,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAS,CAAC,MAAM;AACd,YAAE,eAAe;AACjB,cAAI,cAAc,WAAY,cAAa,cAAc,CAAC;AAAA,QAC5D;AAAA,QACA,iBAAe,eAAe;AAAA,QAC9B,WAAW,eAAe,aAAa,mCAAmC;AAAA;AAAA,IAC5E,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"file":"pagination.mjs","names":[],"sources":["../../../../src/client/storefront/primitives/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"../../ui-resolver/pagination\";\n\ninterface StorefrontPaginationProps {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nfunction getPageNumbers(current: number, total: number): (number | \"ellipsis\")[] {\n  if (total <= 7) {\n    return Array.from({ length: total }, (_, i) => i + 1);\n  }\n\n  const pages: (number | \"ellipsis\")[] = [1];\n\n  if (current > 3) {\n    pages.push(\"ellipsis\");\n  }\n\n  const start = Math.max(2, current - 1);\n  const end = Math.min(total - 1, current + 1);\n\n  for (let i = start; i <= end; i++) {\n    pages.push(i);\n  }\n\n  if (current < total - 2) {\n    pages.push(\"ellipsis\");\n  }\n\n  pages.push(total);\n  return pages;\n}\n\nfunction StorefrontPagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  className,\n}: StorefrontPaginationProps) {\n  if (totalPages <= 1) return null;\n\n  const pages = getPageNumbers(currentPage, totalPages);\n\n  return (\n    <Pagination className={className}>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious\n            href=\"#\"\n            size=\"md\"\n            onClick={(e) => {\n              e.preventDefault();\n              if (currentPage > 1) onPageChange(currentPage - 1);\n            }}\n            aria-disabled={currentPage <= 1}\n            className={currentPage <= 1 ? \"pointer-events-none opacity-50\" : undefined}\n          />\n        </PaginationItem>\n\n        {pages.map((page, i) =>\n          page === \"ellipsis\" ? (\n            <PaginationItem key={`ellipsis-${i}`}>\n              <PaginationEllipsis />\n            </PaginationItem>\n          ) : (\n            <PaginationItem key={page}>\n              <PaginationLink\n                href=\"#\"\n                size=\"icon\"\n                isActive={page === currentPage}\n                onClick={(e) => {\n                  e.preventDefault();\n                  onPageChange(page);\n                }}\n              >\n                {page}\n              </PaginationLink>\n            </PaginationItem>\n          ),\n        )}\n\n        <PaginationItem>\n          <PaginationNext\n            href=\"#\"\n            size=\"md\"\n            onClick={(e) => {\n              e.preventDefault();\n              if (currentPage < totalPages) onPageChange(currentPage + 1);\n            }}\n            aria-disabled={currentPage >= totalPages}\n            className={currentPage >= totalPages ? \"pointer-events-none opacity-50\" : undefined}\n          />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  );\n}\n\nexport { StorefrontPagination, type StorefrontPaginationProps };\n"],"mappings":";;;;;AAoBA,SAAS,eAAe,SAAiB,OAAwC;AAC/E,KAAI,SAAS,EACX,QAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAG,GAAG,MAAM,IAAI,EAAE;CAGvD,MAAM,QAAiC,CAAC,EAAE;AAE1C,KAAI,UAAU,EACZ,OAAM,KAAK,WAAW;CAGxB,MAAM,QAAQ,KAAK,IAAI,GAAG,UAAU,EAAE;CACtC,MAAM,MAAM,KAAK,IAAI,QAAQ,GAAG,UAAU,EAAE;AAE5C,MAAK,IAAI,IAAI,OAAO,KAAK,KAAK,IAC5B,OAAM,KAAK,EAAE;AAGf,KAAI,UAAU,QAAQ,EACpB,OAAM,KAAK,WAAW;AAGxB,OAAM,KAAK,MAAM;AACjB,QAAO;;AAGT,SAAS,qBAAqB,EAC5B,aACA,YACA,cACA,aAC4B;AAC5B,KAAI,cAAc,EAAG,QAAO;CAE5B,MAAM,QAAQ,eAAe,aAAa,WAAW;AAErD,QACE,oBAAC,YAAD;EAAuB;YACrB,qBAAC,mBAAD,EAAA,UAAA;GACE,oBAAC,gBAAD,EAAA,UACE,oBAAC,oBAAD;IACE,MAAK;IACL,MAAK;IACL,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,SAAI,cAAc,EAAG,cAAa,cAAc,EAAE;;IAEpD,iBAAe,eAAe;IAC9B,WAAW,eAAe,IAAI,mCAAmC,KAAA;IACjE,CAAA,EACa,CAAA;GAEhB,MAAM,KAAK,MAAM,MAChB,SAAS,aACP,oBAAC,gBAAD,EAAA,UACE,oBAAC,oBAAD,EAAsB,CAAA,EACP,EAFI,YAAY,IAEhB,GAEjB,oBAAC,gBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,UAAU,SAAS;IACnB,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,kBAAa,KAAK;;cAGnB;IACc,CAAA,EACF,EAZI,KAYJ,CAEpB;GAED,oBAAC,gBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,SAAI,cAAc,WAAY,cAAa,cAAc,EAAE;;IAE7D,iBAAe,eAAe;IAC9B,WAAW,eAAe,aAAa,mCAAmC,KAAA;IAC1E,CAAA,EACa,CAAA;GACC,EAAA,CAAA;EACT,CAAA"}

package/dist/client/storefront/primitives/password-input.d.ts

@@ -0,0 +1,16 @@
+import { StorefrontInputProps } from "./input.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/password-input.d.ts
+interface PasswordInputProps extends Omit<StorefrontInputProps, "type" | "icon" | "onIconClick"> {
+  showLabel?: string;
+  hideLabel?: string;
+}
+declare function PasswordInput({
+  showLabel,
+  hideLabel,
+  ...props
+}: PasswordInputProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PasswordInput, type PasswordInputProps };
+//# sourceMappingURL=password-input.d.ts.map

package/dist/client/storefront/primitives/password-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/password-input.tsx"],"mappings":";;;;UAKU,kBAAA,SAA2B,IAAA,CAAK,oBAAA;EACxC,SAAA;EACA,SAAA;AAAA;AAAA,iBAGO,aAAA,CAAA;EAAgB,SAAA;EAAoB,SAAA;EAAA,GAAuB;AAAA,GAAS,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/primitives/password-input.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { StorefrontInput } from "./input.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/client/storefront/primitives/password-input.tsx
+function PasswordInput({ showLabel = "Show", hideLabel = "Hide", ...props }) {
+	const [visible, setVisible] = React$1.useState(false);
+	return /* @__PURE__ */ jsx(StorefrontInput, {
+		...props,
+		type: visible ? "text" : "password",
+		icon: /* @__PURE__ */ jsx("span", {
+			className: "text-xs select-none",
+			children: visible ? hideLabel : showLabel
+		}),
+		onIconClick: () => setVisible((v) => !v)
+	});
+}
+//#endregion
+export { PasswordInput };
+
+//# sourceMappingURL=password-input.mjs.map

package/dist/client/storefront/primitives/password-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.mjs","names":["React"],"sources":["../../../../src/client/storefront/primitives/password-input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { StorefrontInput, type StorefrontInputProps } from \"./input\";\n\ninterface PasswordInputProps extends Omit<StorefrontInputProps, \"type\" | \"icon\" | \"onIconClick\"> {\n  showLabel?: string;\n  hideLabel?: string;\n}\n\nfunction PasswordInput({ showLabel = \"Show\", hideLabel = \"Hide\", ...props }: PasswordInputProps) {\n  const [visible, setVisible] = React.useState(false);\n\n  return (\n    <StorefrontInput\n      {...props}\n      type={visible ? \"text\" : \"password\"}\n      icon={<span className=\"text-xs select-none\">{visible ? hideLabel : showLabel}</span>}\n      onIconClick={() => setVisible((v) => !v)}\n    />\n  );\n}\n\nexport { PasswordInput, type PasswordInputProps };\n"],"mappings":";;;;;AAUA,SAAS,cAAc,EAAE,YAAY,QAAQ,YAAY,QAAQ,GAAG,SAA6B;CAC/F,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,MAAM;AAEnD,QACE,oBAAC,iBAAD;EACE,GAAI;EACJ,MAAM,UAAU,SAAS;EACzB,MAAM,oBAAC,QAAD;GAAM,WAAU;aAAuB,UAAU,YAAY;GAAiB,CAAA;EACpF,mBAAmB,YAAY,MAAM,CAAC,EAAE;EACxC,CAAA"}

package/dist/client/storefront/primitives/quick-links.d.ts

@@ -1,11 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/quick-links.d.ts
 interface QuickLink {
-    label: string;
-    href: string;
+  label: string;
+  href: string;
 }
 interface QuickLinksProps {
-    links: QuickLink[];
-    className?: string;
+  links: QuickLink[];
+  className?: string;
 }
-declare function QuickLinks({ links, className }: QuickLinksProps): import("react/jsx-runtime").JSX.Element | null;
-export { QuickLinks, type QuickLink, type QuickLinksProps };
+declare function QuickLinks({
+  links,
+  className
+}: QuickLinksProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { type QuickLink, QuickLinks, type QuickLinksProps };
 //# sourceMappingURL=quick-links.d.ts.map

package/dist/client/storefront/primitives/quick-links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quick-links.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/quick-links.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,kDAmBxD;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,CAAA"}
+{"version":3,"file":"quick-links.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/quick-links.tsx"],"mappings":";;;UAEU,SAAA;EACR,KAAA;EACA,IAAA;AAAA;AAAA,UAGQ,eAAA;EACR,KAAA,EAAO,SAAA;EACP,SAAA;AAAA;AAAA,iBAGO,UAAA,CAAA;EAAa,KAAA;EAAO;AAAA,GAAa,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}