@fairmint/ui 0.2.2 → 0.2.3

package/dist/components/form/ZipField/ZipField.d.ts

@@ -0,0 +1,25 @@
+import { z } from 'zod';
+import { TextInputProps } from '../../primitives/TextInput/TextInput';
+export interface ZipSchemaOptions {
+    /** When true, accepts international postal codes (UK, Canada, Europe, etc.).
+     *  Defaults to false — US ZIP codes only. */
+    international?: boolean;
+}
+/**
+ * Creates a Zod schema for postal/ZIP code validation.
+ *
+ * Default (US): accepts `94105` and `94105-1234` only.
+ * International: accepts `K1A 0B1`, `SW1A 2AA`, `12345`, etc.
+ * Input is trimmed before validation in both modes.
+ */
+export declare function createZipSchema(options?: ZipSchemaOptions): z.ZodString;
+/** Zod schema for US ZIP codes (`94105`, `94105-1234`). Use `createZipSchema({ international: true })` for international. */
+export declare const zipSchema: z.ZodString;
+export interface ZipFieldProps extends Omit<TextInputProps, "type"> {
+    error?: string;
+    /** When true, adjusts placeholder for international postal codes. */
+    international?: boolean;
+}
+/** Postal/ZIP code input. US ZIP only by default; pass `international` for global formats. */
+export declare function ZipField({ error, international, ...rest }: ZipFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ZipField.d.ts.map

package/dist/components/form/ZipField/ZipField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZipField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/ZipField/ZipField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAa3E,MAAM,WAAW,gBAAgB;IAC/B;iDAC6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,gBAAgB,eAazD;AAED,6HAA6H;AAC7H,eAAO,MAAM,SAAS,aAAoB,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,8FAA8F;AAC9F,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,aAAqB,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAYhF"}

package/dist/fairmint-ui.cjs

@@ -24840,6 +24840,29 @@ function PhoneField({ error: error2, ...rest }) {
     }
   );
 }
+const US_ZIP_REGEX = /^\d{5}(-\d{4})?$/;
+const INTL_POSTAL_REGEX = /^[A-Z0-9]+(?:[ -][A-Z0-9]+)*$/i;
+function createZipSchema(options) {
+  if (options?.international) {
+    return stringType().trim().min(3, "Please enter a valid postal code").max(10, "Please enter a valid postal code").regex(INTL_POSTAL_REGEX, "Please enter a valid postal code");
+  }
+  return stringType().trim().regex(US_ZIP_REGEX, "Please enter a valid ZIP code (e.g. 94105 or 94105-1234)");
+}
+const zipSchema = createZipSchema();
+function ZipField({ error: error2, international = false, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TextInput,
+    {
+      type: "text",
+      label: rest.label ?? "ZIP / Postal Code",
+      placeholder: rest.placeholder ?? (international ? "SW1A 2AA" : "94105"),
+      autoComplete: "postal-code",
+      inputMode: "text",
+      error: error2,
+      ...rest
+    }
+  );
+}
 const ANIMATION_MAP = {
   up: "fadeUp",
   down: "fadeDown",
@@ -25838,8 +25861,10 @@ exports.Tooltip = Tooltip;
 exports.UserMenu = UserMenu;
 exports.WalletList = WalletList;
 exports.ZERO_ETHEREUM_ADDRESS = ZERO_ETHEREUM_ADDRESS;
+exports.ZipField = ZipField;
 exports.brandColors = brandColors;
 exports.colors = colors;
+exports.createZipSchema = createZipSchema;
 exports.emailSchema = emailSchema;
 exports.formatCurrency = formatCurrency;
 exports.formatCurrencyPrecise = formatCurrencyPrecise;
@@ -25871,4 +25896,5 @@ exports.useScrollIntoView = useScrollIntoView;
 exports.useViewportSize = useViewportSize;
 exports.validateEthereumAddress = validateEthereumAddress;
 exports.z = z;
+exports.zipSchema = zipSchema;
 //# sourceMappingURL=fairmint-ui.cjs.map