@verifiedinc-public/shared-ui-elements 1.3.2 → 2.0.0

package/README.md

@@ -1,6 +1,9 @@
 # shared-ui-elements
 
-> Set of shared components.
+![npm version](https://img.shields.io/npm/v/%40verifiedinc-public%2Fshared-ui-elements?label=npm%20package&labelColor=%233c434b&color=%2332c553&cacheSeconds=60)
+![Github Actions publish](https://github.com/VerifiedInc/shared-ui-elements/actions/workflows/publish.yml/badge.svg)
+
+> Collection of reusable components.
 
 ## About
 
@@ -47,26 +50,3 @@ import { SomeComponent } from '@verifiedinc/shared-ui-elements';
 ```
 
 This setup is efficient and works seamlessly with frameworks like Next.js, Vite, and other ESM-compatible environments.
-
-### Using with Remix
-
-Some frontend frameworks, such as Remix, have partial compatibility with ESM-only packages. To address this, the package also exposes the source files directly. This approach ensures that the Remix transpiler can properly bundle the package.
-
-To utilize the source files in Remix, reference them directly in your import statements and adjust your `remix.config.js` as follows:
-
-```typescript
-import { SomeComponent } from '@verifiedinc/shared-ui-elements/src';
-```
-
-```js
-// remix.config.js
-export default {
-  serverDependenciesToBundle: [/@verifiedinc\/shared-ui-elements/],
-};
-```
-
-### Why Two Exports?
-
-The default `'./'` export is optimized for environments that support ESM, providing better performance and tree-shaking. However, by also exposing the raw source files, we ensure compatibility with tools like Remix, where ESM-only packages might not work seamlessly without additional configuration.
-
-Choose the export method that best suits your project setup.

package/dist/components/index.mjs

@@ -0,0 +1 @@
+"use strict";import{A as a,a as s,g as e,e as r,B as n,C as t,d as o,D as i,E as p,F as d,I as u,O as c,P as m,Q as l,R as B,S as I,b as h,f as P,T as S,V as b,c as g,W as A,u as C}from"../shared/index-CTvz4BbG.mjs";import{SnackbarProvider as T}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,r as Banner,n as Button,t as CredentialRequestsEditor,o as CustomAlertComponent,i as DateInput,p as ExactBirthdayBanner,d as FullWidthAlert,u as Image,c as OTPInput,m as PhoneInput,l as QRCodeDisplay,B as ResendPhoneBanner,I as SSNInput,h as SelectInput,T as SnackbarProvider,P as TestPhoneNumbersBanner,S as Typography,b as VerifiedImage,g as VerifiedIncLogo,A as When,C as useSnackbar};

package/dist/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './useCopyToClipboard';
 export * from './useDisclosure';
 export * from './useCallbackRef';
 export * from './useQRCode';
+export * from './useSearchParams';

package/dist/hooks/index.mjs

@@ -0,0 +1 @@
+"use strict";import{c as a,a as s,b as e,u as o,d as r}from"../shared/useSearchParams-CW9y02Ym.mjs";import{u}from"../shared/useQRCode-DXiPIj-D.mjs";export{a as useCallbackRef,s as useCopyToClipboard,e as useDisclosure,o as useLocalStorage,u as useQRCode,r as useSearchParams};

package/dist/hooks/useSearchParams.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns a URLSearchParams object for the current URL search params.
+ * @param search
+ */
+export declare function useSearchParams(search?: string | URLSearchParams): URLSearchParams;

package/dist/index.mjs

@@ -0,0 +1 @@
+"use strict";import{A as n,a as i,g as m,e as l,B as d,C as c,d as u,D as h,E as p,F as g,I as S,O as f,P as y,Q as D,R as k,S as C,b as P,f as w,T as b,V as B,c as T,W as I,h as N,i as R,j as Y,o as A,p as F,s as G,u as x,v as M}from"./shared/index-CTvz4BbG.mjs";import{c as U,a as v,b as V,u as W,d as j}from"./shared/useSearchParams-CW9y02Ym.mjs";import{u as E}from"./shared/useQRCode-DXiPIj-D.mjs";import{b as q,a as L,v as O,e as Q,d as z,p as H,u as J,h as X,j as Z,g as _,o as $,s as K,m as aa,c as sa,l as ea,n as ta,q as ra,f as oa,i as na,r as ia,z as ma,t as la,x as da,k as ca,w as ua,y as ha}from"./shared/shadows-fgmuXym6.mjs";import{masks as pa}from"./utils/masks/index.mjs";import{M as ga,S as Sa,U as fa,d as ya,e as Da,f as ka,g as Ca,a as Pa,s as wa}from"./shared/unix.schema-CMYTtXco.mjs";import{p as ba}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ba}from"notistack";async function Ta(s){try{return[await s,null]}catch(a){return[null,a]}}const Ia=s=>{let a=new Date(Number(s));if(!s){const e=new Date;a=new Date(e.getFullYear(),e.getMonth(),e.getDate())}const t=String(a.getDate()).padStart(2,"0"),r=String(a.getMonth()+1).padStart(2,"0"),o=a.getFullYear();return[r,t,o].join("/")},Na=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Ra=s=>s.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{n as AcceptTermsNotice,i as Alert,m as Backdrop,l as Banner,d as Button,c as CredentialRequestsEditor,u as CustomAlertComponent,h as DateInput,p as ExactBirthdayBanner,g as FullWidthAlert,S as Image,ga as MaskedAndUnmaskedSSNSchema,f as OTPInput,y as PhoneInput,D as QRCodeDisplay,k as ResendPhoneBanner,C as SSNInput,Sa as SSNSchema,P as SelectInput,Ba as SnackbarProvider,w as TestPhoneNumbersBanner,b as Typography,fa as USDateSchema,B as VerifiedImage,T as VerifiedIncLogo,I as When,q as black,L as blue,O as colors,N as countries,Q as darkBlue,z as darkGreen,H as darkGrey,J as darkGreyContrast,X as darkRed,Z as darkYellow,ya as descriptionSchema,Da as emailSchema,ka as fieldSchema,Ia as formatDateMMDDYYYY,Na as formatDateToTimestamp,Ca as getDateSchemaWithPastValidation,R as getPhoneData,Y as getPhoneDataByFieldName,Pa as getUnixSchema,_ as green,$ as grey,K as greyContrast,aa as infoContrast,sa as lightBlue,ea as lightGreen,ta as lightGrey,ra as lightGreyContrast,oa as lightRed,na as lightYellow,pa as masks,A as omitProperties,F as parseToPhoneNational,ba as phoneSchema,ia as red,ma as shadows,G as sortByCountryName,Ra as ssnFormatter,wa as stateSchema,la as textDisabled,da as theme,U as useCallbackRef,v as useCopyToClipboard,V as useDisclosure,W as useLocalStorage,E as useQRCode,j as useSearchParams,x as useSnackbar,M as validatePhone,ca as warningContrast,ua as white,Ta as wrapPromise,ha as yellow};