@mrshmllw/smores-react 16.0.3 → 16.1.0

package/dist/Icon/iconsList.d.ts

@@ -1,232 +1,234 @@
 export declare const iconList: {
-    'aa-inverted': () => import("react/jsx-runtime").JSX.Element;
-    'accidental-damage': () => import("react/jsx-runtime").JSX.Element;
-    'account-breakdown': () => import("react/jsx-runtime").JSX.Element;
-    'account-mlp': () => import("react/jsx-runtime").JSX.Element;
-    'activity-clipboard': () => import("react/jsx-runtime").JSX.Element;
-    'add-ons': () => import("react/jsx-runtime").JSX.Element;
-    'address-mta': () => import("react/jsx-runtime").JSX.Element;
-    'album-audio': () => import("react/jsx-runtime").JSX.Element;
-    'alert-engine': () => import("react/jsx-runtime").JSX.Element;
-    'apple-pay': () => import("react/jsx-runtime").JSX.Element;
-    'approved-file': () => import("react/jsx-runtime").JSX.Element;
-    'breakdown-alt': () => import("react/jsx-runtime").JSX.Element;
-    'cancel-bw': () => import("react/jsx-runtime").JSX.Element;
-    'car-mta': () => import("react/jsx-runtime").JSX.Element;
-    'car-repairs': () => import("react/jsx-runtime").JSX.Element;
-    'car-replacement': () => import("react/jsx-runtime").JSX.Element;
-    'car-usage': () => import("react/jsx-runtime").JSX.Element;
+    'aa-inverted': () => import("react").JSX.Element;
+    'accidental-damage': () => import("react").JSX.Element;
+    'account-breakdown': () => import("react").JSX.Element;
+    'account-mlp': () => import("react").JSX.Element;
+    'activity-clipboard': () => import("react").JSX.Element;
+    'add-ons': () => import("react").JSX.Element;
+    'address-mta': () => import("react").JSX.Element;
+    'album-audio': () => import("react").JSX.Element;
+    'alert-engine': () => import("react").JSX.Element;
+    'apple-pay': () => import("react").JSX.Element;
+    'approved-file': () => import("react").JSX.Element;
+    'breakdown-alt': () => import("react").JSX.Element;
+    'cancel-bw': () => import("react").JSX.Element;
+    'car-mta': () => import("react").JSX.Element;
+    'car-repairs': () => import("react").JSX.Element;
+    'car-replacement': () => import("react").JSX.Element;
+    'car-usage': () => import("react").JSX.Element;
     'caret-up': import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
         className?: string;
-    }, never>> & string & Omit<({ className }: {
+    }, never> & Partial<Pick<{
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-    'chat-bubble': () => import("react/jsx-runtime").JSX.Element;
-    'checkout-with-text': () => import("react/jsx-runtime").JSX.Element;
-    'circle-tick': () => import("react/jsx-runtime").JSX.Element;
-    'circle-info-filled': () => import("react/jsx-runtime").JSX.Element;
-    'claim-line': () => import("react/jsx-runtime").JSX.Element;
-    'clipboard-check': () => import("react/jsx-runtime").JSX.Element;
-    'close-panel': () => import("react/jsx-runtime").JSX.Element;
-    'confused-blue': () => import("react/jsx-runtime").JSX.Element;
-    'contact-email': () => import("react/jsx-runtime").JSX.Element;
-    'dashboard-high': () => import("react/jsx-runtime").JSX.Element;
-    'direct-debit': () => import("react/jsx-runtime").JSX.Element;
-    'doc-download': () => import("react/jsx-runtime").JSX.Element;
-    'doc-upload': () => import("react/jsx-runtime").JSX.Element;
-    'edit-contact': () => import("react/jsx-runtime").JSX.Element;
-    'edit-outline': () => import("react/jsx-runtime").JSX.Element;
-    'email-filled': () => import("react/jsx-runtime").JSX.Element;
-    'falling-items': () => import("react/jsx-runtime").JSX.Element;
-    'file-badge-2': () => import("react/jsx-runtime").JSX.Element;
-    'file-cabinet': () => import("react/jsx-runtime").JSX.Element;
-    'fraud-alert': () => import("react/jsx-runtime").JSX.Element;
-    'freezer-food': () => import("react/jsx-runtime").JSX.Element;
-    'google-play-badge': () => import("react/jsx-runtime").JSX.Element;
-    'help-aboutus': () => import("react/jsx-runtime").JSX.Element;
-    'help-buypolicy': () => import("react/jsx-runtime").JSX.Element;
-    'help-center': () => import("react/jsx-runtime").JSX.Element;
-    'help-idcheck': () => import("react/jsx-runtime").JSX.Element;
-    'help-manage-policy': () => import("react/jsx-runtime").JSX.Element;
-    'help-ncd': () => import("react/jsx-runtime").JSX.Element;
-    'help-verification': () => import("react/jsx-runtime").JSX.Element;
-    'home-excluded': () => import("react/jsx-runtime").JSX.Element;
-    'house-tree': () => import("react/jsx-runtime").JSX.Element;
-    'ios-store-badge': () => import("react/jsx-runtime").JSX.Element;
-    'live-chat': () => import("react/jsx-runtime").JSX.Element;
-    'live-chat2': () => import("react/jsx-runtime").JSX.Element;
-    'log-out': () => import("react/jsx-runtime").JSX.Element;
-    'mail-time': () => import("react/jsx-runtime").JSX.Element;
-    'manage-drivers': () => import("react/jsx-runtime").JSX.Element;
-    'manage-policy': () => import("react/jsx-runtime").JSX.Element;
-    'maximise-window': () => import("react/jsx-runtime").JSX.Element;
-    'minus-circle': () => import("react/jsx-runtime").JSX.Element;
-    'money-bag': () => import("react/jsx-runtime").JSX.Element;
-    'money-heart': () => import("react/jsx-runtime").JSX.Element;
-    'more-dots': () => import("react/jsx-runtime").JSX.Element;
-    'new-window': () => import("react/jsx-runtime").JSX.Element;
-    'no-excess': () => import("react/jsx-runtime").JSX.Element;
-    'open-panel': () => import("react/jsx-runtime").JSX.Element;
-    'out-of-home': () => import("react/jsx-runtime").JSX.Element;
-    'padlock-outline': () => import("react/jsx-runtime").JSX.Element;
-    'phone-filled': () => import("react/jsx-runtime").JSX.Element;
-    'phone-outline': () => import("react/jsx-runtime").JSX.Element;
-    'pin-code': () => import("react/jsx-runtime").JSX.Element;
-    'plus-circle': () => import("react/jsx-runtime").JSX.Element;
-    'policy-details': () => import("react/jsx-runtime").JSX.Element;
-    'policy-doc': () => import("react/jsx-runtime").JSX.Element;
-    'policy-docs': () => import("react/jsx-runtime").JSX.Element;
-    'pound-bold': () => import("react/jsx-runtime").JSX.Element;
-    'pound-filled-circle': () => import("react/jsx-runtime").JSX.Element;
-    'pound-medium': () => import("react/jsx-runtime").JSX.Element;
-    'pound-outline': () => import("react/jsx-runtime").JSX.Element;
-    'pound-regular': () => import("react/jsx-runtime").JSX.Element;
-    'question-help': () => import("react/jsx-runtime").JSX.Element;
-    'refer-a-friend': () => import("react/jsx-runtime").JSX.Element;
-    'reg-plate': () => import("react/jsx-runtime").JSX.Element;
-    'renewal-line': () => import("react/jsx-runtime").JSX.Element;
-    'repeat-charge': () => import("react/jsx-runtime").JSX.Element;
-    'schedule-quote': () => import("react/jsx-runtime").JSX.Element;
-    'send-message': () => import("react/jsx-runtime").JSX.Element;
-    'shield-check': () => import("react/jsx-runtime").JSX.Element;
-    'thumbs-down': () => import("react/jsx-runtime").JSX.Element;
-    'thumbs-up': () => import("react/jsx-runtime").JSX.Element;
-    'tow-truck': () => import("react/jsx-runtime").JSX.Element;
-    'trace-and-access': () => import("react/jsx-runtime").JSX.Element;
-    'triangle-exclamation-solid': () => import("react/jsx-runtime").JSX.Element;
-    'up-down': () => import("react/jsx-runtime").JSX.Element;
-    'upload-documents': () => import("react/jsx-runtime").JSX.Element;
-    'upload-email': () => import("react/jsx-runtime").JSX.Element;
-    'warning-circle': () => import("react/jsx-runtime").JSX.Element;
-    'wheel-flat': () => import("react/jsx-runtime").JSX.Element;
-    'windscreen-repair': () => import("react/jsx-runtime").JSX.Element;
-    'windscreen-replacement': () => import("react/jsx-runtime").JSX.Element;
-    aa: () => import("react/jsx-runtime").JSX.Element;
-    addons: () => import("react/jsx-runtime").JSX.Element;
-    ai: () => import("react/jsx-runtime").JSX.Element;
-    alert: () => import("react/jsx-runtime").JSX.Element;
-    amex: () => import("react/jsx-runtime").JSX.Element;
-    archive: () => import("react/jsx-runtime").JSX.Element;
-    arrow: () => import("react/jsx-runtime").JSX.Element;
-    at: () => import("react/jsx-runtime").JSX.Element;
-    axa: () => import("react/jsx-runtime").JSX.Element;
-    bank: () => import("react/jsx-runtime").JSX.Element;
-    basket: () => import("react/jsx-runtime").JSX.Element;
-    bicycle: () => import("react/jsx-runtime").JSX.Element;
-    boost: () => import("react/jsx-runtime").JSX.Element;
-    breakdown: () => import("react/jsx-runtime").JSX.Element;
-    briefcase: () => import("react/jsx-runtime").JSX.Element;
-    bullets: () => import("react/jsx-runtime").JSX.Element;
-    burger: () => import("react/jsx-runtime").JSX.Element;
-    calendar: () => import("react/jsx-runtime").JSX.Element;
-    camera: () => import("react/jsx-runtime").JSX.Element;
-    cancel: () => import("react/jsx-runtime").JSX.Element;
-    car: () => import("react/jsx-runtime").JSX.Element;
-    card: () => import("react/jsx-runtime").JSX.Element;
+    }, never>>> & string & Omit<({ className }: {
+        className?: string;
+    }) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+    'chat-bubble': () => import("react").JSX.Element;
+    'checkout-with-text': () => import("react").JSX.Element;
+    'circle-tick': () => import("react").JSX.Element;
+    'circle-info-filled': () => import("react").JSX.Element;
+    'claim-line': () => import("react").JSX.Element;
+    'clipboard-check': () => import("react").JSX.Element;
+    'close-panel': () => import("react").JSX.Element;
+    'confused-blue': () => import("react").JSX.Element;
+    'contact-email': () => import("react").JSX.Element;
+    'dashboard-high': () => import("react").JSX.Element;
+    'direct-debit': () => import("react").JSX.Element;
+    'doc-download': () => import("react").JSX.Element;
+    'doc-upload': () => import("react").JSX.Element;
+    'edit-contact': () => import("react").JSX.Element;
+    'edit-outline': () => import("react").JSX.Element;
+    'email-filled': () => import("react").JSX.Element;
+    'falling-items': () => import("react").JSX.Element;
+    'file-badge-2': () => import("react").JSX.Element;
+    'file-cabinet': () => import("react").JSX.Element;
+    'fraud-alert': () => import("react").JSX.Element;
+    'freezer-food': () => import("react").JSX.Element;
+    'google-play-badge': () => import("react").JSX.Element;
+    'help-aboutus': () => import("react").JSX.Element;
+    'help-buypolicy': () => import("react").JSX.Element;
+    'help-center': () => import("react").JSX.Element;
+    'help-idcheck': () => import("react").JSX.Element;
+    'help-manage-policy': () => import("react").JSX.Element;
+    'help-ncd': () => import("react").JSX.Element;
+    'help-verification': () => import("react").JSX.Element;
+    'home-excluded': () => import("react").JSX.Element;
+    'house-tree': () => import("react").JSX.Element;
+    'ios-store-badge': () => import("react").JSX.Element;
+    'live-chat': () => import("react").JSX.Element;
+    'live-chat2': () => import("react").JSX.Element;
+    'log-out': () => import("react").JSX.Element;
+    'mail-time': () => import("react").JSX.Element;
+    'manage-drivers': () => import("react").JSX.Element;
+    'manage-policy': () => import("react").JSX.Element;
+    'maximise-window': () => import("react").JSX.Element;
+    'minus-circle': () => import("react").JSX.Element;
+    'money-bag': () => import("react").JSX.Element;
+    'money-heart': () => import("react").JSX.Element;
+    'more-dots': () => import("react").JSX.Element;
+    'new-window': () => import("react").JSX.Element;
+    'no-excess': () => import("react").JSX.Element;
+    'open-panel': () => import("react").JSX.Element;
+    'out-of-home': () => import("react").JSX.Element;
+    'padlock-outline': () => import("react").JSX.Element;
+    'phone-filled': () => import("react").JSX.Element;
+    'phone-outline': () => import("react").JSX.Element;
+    'pin-code': () => import("react").JSX.Element;
+    'plus-circle': () => import("react").JSX.Element;
+    'policy-details': () => import("react").JSX.Element;
+    'policy-doc': () => import("react").JSX.Element;
+    'policy-docs': () => import("react").JSX.Element;
+    'pound-bold': () => import("react").JSX.Element;
+    'pound-filled-circle': () => import("react").JSX.Element;
+    'pound-medium': () => import("react").JSX.Element;
+    'pound-outline': () => import("react").JSX.Element;
+    'pound-regular': () => import("react").JSX.Element;
+    'question-help': () => import("react").JSX.Element;
+    'refer-a-friend': () => import("react").JSX.Element;
+    'reg-plate': () => import("react").JSX.Element;
+    'renewal-line': () => import("react").JSX.Element;
+    'repeat-charge': () => import("react").JSX.Element;
+    'schedule-quote': () => import("react").JSX.Element;
+    'send-message': () => import("react").JSX.Element;
+    'shield-check': () => import("react").JSX.Element;
+    'thumbs-down': () => import("react").JSX.Element;
+    'thumbs-up': () => import("react").JSX.Element;
+    'tow-truck': () => import("react").JSX.Element;
+    'trace-and-access': () => import("react").JSX.Element;
+    'triangle-exclamation-solid': () => import("react").JSX.Element;
+    'up-down': () => import("react").JSX.Element;
+    'upload-documents': () => import("react").JSX.Element;
+    'upload-email': () => import("react").JSX.Element;
+    'warning-circle': () => import("react").JSX.Element;
+    'wheel-flat': () => import("react").JSX.Element;
+    'windscreen-repair': () => import("react").JSX.Element;
+    'windscreen-replacement': () => import("react").JSX.Element;
+    aa: () => import("react").JSX.Element;
+    addons: () => import("react").JSX.Element;
+    ai: () => import("react").JSX.Element;
+    alert: () => import("react").JSX.Element;
+    amex: () => import("react").JSX.Element;
+    archive: () => import("react").JSX.Element;
+    arrow: () => import("react").JSX.Element;
+    at: () => import("react").JSX.Element;
+    axa: () => import("react").JSX.Element;
+    bank: () => import("react").JSX.Element;
+    basket: () => import("react").JSX.Element;
+    bicycle: () => import("react").JSX.Element;
+    boost: () => import("react").JSX.Element;
+    breakdown: () => import("react").JSX.Element;
+    briefcase: () => import("react").JSX.Element;
+    bullets: () => import("react").JSX.Element;
+    burger: () => import("react").JSX.Element;
+    calendar: () => import("react").JSX.Element;
+    camera: () => import("react").JSX.Element;
+    cancel: () => import("react").JSX.Element;
+    car: () => import("react").JSX.Element;
+    card: () => import("react").JSX.Element;
     caret: ({ className }: {
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    charge: () => import("react/jsx-runtime").JSX.Element;
-    chat: () => import("react/jsx-runtime").JSX.Element;
-    checkout: () => import("react/jsx-runtime").JSX.Element;
-    city: () => import("react/jsx-runtime").JSX.Element;
-    claim: () => import("react/jsx-runtime").JSX.Element;
-    clipboard: () => import("react/jsx-runtime").JSX.Element;
-    clock: () => import("react/jsx-runtime").JSX.Element;
-    collpase: () => import("react/jsx-runtime").JSX.Element;
-    confused: () => import("react/jsx-runtime").JSX.Element;
-    copy: () => import("react/jsx-runtime").JSX.Element;
-    crop: () => import("react/jsx-runtime").JSX.Element;
-    cross: () => import("react/jsx-runtime").JSX.Element;
-    download: () => import("react/jsx-runtime").JSX.Element;
-    earth: () => import("react/jsx-runtime").JSX.Element;
-    edit: () => import("react/jsx-runtime").JSX.Element;
-    engine: () => import("react/jsx-runtime").JSX.Element;
-    europe: () => import("react/jsx-runtime").JSX.Element;
-    excluded: () => import("react/jsx-runtime").JSX.Element;
-    expand: () => import("react/jsx-runtime").JSX.Element;
-    facebook: () => import("react/jsx-runtime").JSX.Element;
-    fence: () => import("react/jsx-runtime").JSX.Element;
-    file: () => import("react/jsx-runtime").JSX.Element;
-    filter: () => import("react/jsx-runtime").JSX.Element;
-    fire: () => import("react/jsx-runtime").JSX.Element;
-    flag: () => import("react/jsx-runtime").JSX.Element;
-    flagFilled: () => import("react/jsx-runtime").JSX.Element;
-    folder: () => import("react/jsx-runtime").JSX.Element;
-    fuel: () => import("react/jsx-runtime").JSX.Element;
-    globe: () => import("react/jsx-runtime").JSX.Element;
-    gpay: () => import("react/jsx-runtime").JSX.Element;
-    house: () => import("react/jsx-runtime").JSX.Element;
-    id: () => import("react/jsx-runtime").JSX.Element;
-    inbox: () => import("react/jsx-runtime").JSX.Element;
-    included: () => import("react/jsx-runtime").JSX.Element;
-    info: () => import("react/jsx-runtime").JSX.Element;
-    injury: () => import("react/jsx-runtime").JSX.Element;
-    instagram: () => import("react/jsx-runtime").JSX.Element;
-    intercom: () => import("react/jsx-runtime").JSX.Element;
-    intercom2: () => import("react/jsx-runtime").JSX.Element;
-    iphone: () => import("react/jsx-runtime").JSX.Element;
-    jewellery: () => import("react/jsx-runtime").JSX.Element;
-    key: () => import("react/jsx-runtime").JSX.Element;
-    laptop: () => import("react/jsx-runtime").JSX.Element;
-    leaks: () => import("react/jsx-runtime").JSX.Element;
-    lightbulb: () => import("react/jsx-runtime").JSX.Element;
-    link: () => import("react/jsx-runtime").JSX.Element;
-    linkedin: () => import("react/jsx-runtime").JSX.Element;
-    location: () => import("react/jsx-runtime").JSX.Element;
-    marshmallow: () => import("react/jsx-runtime").JSX.Element;
-    mastercard: () => import("react/jsx-runtime").JSX.Element;
-    maximise: () => import("react/jsx-runtime").JSX.Element;
-    medical: () => import("react/jsx-runtime").JSX.Element;
-    minimise: () => import("react/jsx-runtime").JSX.Element;
-    minus: () => import("react/jsx-runtime").JSX.Element;
-    mulsanne: () => import("react/jsx-runtime").JSX.Element;
-    notes: () => import("react/jsx-runtime").JSX.Element;
-    notification: () => import("react/jsx-runtime").JSX.Element;
-    onfido: () => import("react/jsx-runtime").JSX.Element;
-    other: () => import("react/jsx-runtime").JSX.Element;
-    padlock: () => import("react/jsx-runtime").JSX.Element;
-    paperclip: () => import("react/jsx-runtime").JSX.Element;
-    people: () => import("react/jsx-runtime").JSX.Element;
-    person: () => import("react/jsx-runtime").JSX.Element;
-    photo: () => import("react/jsx-runtime").JSX.Element;
-    plus: () => import("react/jsx-runtime").JSX.Element;
-    policy: () => import("react/jsx-runtime").JSX.Element;
-    premfina: () => import("react/jsx-runtime").JSX.Element;
-    profile: () => import("react/jsx-runtime").JSX.Element;
-    progress: () => import("react/jsx-runtime").JSX.Element;
-    prohibited: () => import("react/jsx-runtime").JSX.Element;
-    property: () => import("react/jsx-runtime").JSX.Element;
-    rac: () => import("react/jsx-runtime").JSX.Element;
-    ravelin: () => import("react/jsx-runtime").JSX.Element;
-    refund: () => import("react/jsx-runtime").JSX.Element;
-    renewal: () => import("react/jsx-runtime").JSX.Element;
-    reply: () => import("react/jsx-runtime").JSX.Element;
-    return: () => import("react/jsx-runtime").JSX.Element;
-    search: () => import("react/jsx-runtime").JSX.Element;
-    security: () => import("react/jsx-runtime").JSX.Element;
-    settings: () => import("react/jsx-runtime").JSX.Element;
-    shield: () => import("react/jsx-runtime").JSX.Element;
-    shopping: () => import("react/jsx-runtime").JSX.Element;
-    sofa: () => import("react/jsx-runtime").JSX.Element;
-    stack: () => import("react/jsx-runtime").JSX.Element;
-    storm: () => import("react/jsx-runtime").JSX.Element;
-    stripe: () => import("react/jsx-runtime").JSX.Element;
-    subsidence: () => import("react/jsx-runtime").JSX.Element;
-    theft: () => import("react/jsx-runtime").JSX.Element;
-    tick: () => import("react/jsx-runtime").JSX.Element;
-    training: () => import("react/jsx-runtime").JSX.Element;
-    trash: () => import("react/jsx-runtime").JSX.Element;
-    twitter: () => import("react/jsx-runtime").JSX.Element;
-    upload: () => import("react/jsx-runtime").JSX.Element;
-    vandalism: () => import("react/jsx-runtime").JSX.Element;
-    village: () => import("react/jsx-runtime").JSX.Element;
-    visa: () => import("react/jsx-runtime").JSX.Element;
-    warning: () => import("react/jsx-runtime").JSX.Element;
-    watch: () => import("react/jsx-runtime").JSX.Element;
-    wave: () => import("react/jsx-runtime").JSX.Element;
-    wellbeing: () => import("react/jsx-runtime").JSX.Element;
-    windscreen: () => import("react/jsx-runtime").JSX.Element;
-    cmt: () => import("react/jsx-runtime").JSX.Element;
+    }) => import("react").JSX.Element;
+    charge: () => import("react").JSX.Element;
+    chat: () => import("react").JSX.Element;
+    checkout: () => import("react").JSX.Element;
+    city: () => import("react").JSX.Element;
+    claim: () => import("react").JSX.Element;
+    clipboard: () => import("react").JSX.Element;
+    clock: () => import("react").JSX.Element;
+    collpase: () => import("react").JSX.Element;
+    confused: () => import("react").JSX.Element;
+    copy: () => import("react").JSX.Element;
+    crop: () => import("react").JSX.Element;
+    cross: () => import("react").JSX.Element;
+    download: () => import("react").JSX.Element;
+    earth: () => import("react").JSX.Element;
+    edit: () => import("react").JSX.Element;
+    engine: () => import("react").JSX.Element;
+    europe: () => import("react").JSX.Element;
+    excluded: () => import("react").JSX.Element;
+    expand: () => import("react").JSX.Element;
+    facebook: () => import("react").JSX.Element;
+    fence: () => import("react").JSX.Element;
+    file: () => import("react").JSX.Element;
+    filter: () => import("react").JSX.Element;
+    fire: () => import("react").JSX.Element;
+    flag: () => import("react").JSX.Element;
+    flagFilled: () => import("react").JSX.Element;
+    folder: () => import("react").JSX.Element;
+    fuel: () => import("react").JSX.Element;
+    globe: () => import("react").JSX.Element;
+    gpay: () => import("react").JSX.Element;
+    house: () => import("react").JSX.Element;
+    id: () => import("react").JSX.Element;
+    inbox: () => import("react").JSX.Element;
+    included: () => import("react").JSX.Element;
+    info: () => import("react").JSX.Element;
+    injury: () => import("react").JSX.Element;
+    instagram: () => import("react").JSX.Element;
+    intercom: () => import("react").JSX.Element;
+    intercom2: () => import("react").JSX.Element;
+    iphone: () => import("react").JSX.Element;
+    jewellery: () => import("react").JSX.Element;
+    key: () => import("react").JSX.Element;
+    laptop: () => import("react").JSX.Element;
+    leaks: () => import("react").JSX.Element;
+    lightbulb: () => import("react").JSX.Element;
+    link: () => import("react").JSX.Element;
+    linkedin: () => import("react").JSX.Element;
+    location: () => import("react").JSX.Element;
+    marshmallow: () => import("react").JSX.Element;
+    mastercard: () => import("react").JSX.Element;
+    maximise: () => import("react").JSX.Element;
+    medical: () => import("react").JSX.Element;
+    minimise: () => import("react").JSX.Element;
+    minus: () => import("react").JSX.Element;
+    mulsanne: () => import("react").JSX.Element;
+    notes: () => import("react").JSX.Element;
+    notification: () => import("react").JSX.Element;
+    onfido: () => import("react").JSX.Element;
+    other: () => import("react").JSX.Element;
+    padlock: () => import("react").JSX.Element;
+    paperclip: () => import("react").JSX.Element;
+    people: () => import("react").JSX.Element;
+    person: () => import("react").JSX.Element;
+    photo: () => import("react").JSX.Element;
+    plus: () => import("react").JSX.Element;
+    policy: () => import("react").JSX.Element;
+    premfina: () => import("react").JSX.Element;
+    profile: () => import("react").JSX.Element;
+    progress: () => import("react").JSX.Element;
+    prohibited: () => import("react").JSX.Element;
+    property: () => import("react").JSX.Element;
+    rac: () => import("react").JSX.Element;
+    ravelin: () => import("react").JSX.Element;
+    refund: () => import("react").JSX.Element;
+    renewal: () => import("react").JSX.Element;
+    reply: () => import("react").JSX.Element;
+    return: () => import("react").JSX.Element;
+    search: () => import("react").JSX.Element;
+    security: () => import("react").JSX.Element;
+    settings: () => import("react").JSX.Element;
+    shield: () => import("react").JSX.Element;
+    shopping: () => import("react").JSX.Element;
+    sofa: () => import("react").JSX.Element;
+    stack: () => import("react").JSX.Element;
+    storm: () => import("react").JSX.Element;
+    stripe: () => import("react").JSX.Element;
+    subsidence: () => import("react").JSX.Element;
+    theft: () => import("react").JSX.Element;
+    tick: () => import("react").JSX.Element;
+    training: () => import("react").JSX.Element;
+    trash: () => import("react").JSX.Element;
+    twitter: () => import("react").JSX.Element;
+    upload: () => import("react").JSX.Element;
+    vandalism: () => import("react").JSX.Element;
+    village: () => import("react").JSX.Element;
+    visa: () => import("react").JSX.Element;
+    warning: () => import("react").JSX.Element;
+    watch: () => import("react").JSX.Element;
+    wave: () => import("react").JSX.Element;
+    wellbeing: () => import("react").JSX.Element;
+    windscreen: () => import("react").JSX.Element;
+    cmt: () => import("react").JSX.Element;
 };
 export type Icons = keyof typeof iconList;

package/dist/ProgressIndicator/ProgressIndicator.d.ts

@@ -9,5 +9,5 @@ interface Props {
     }) => void;
     currentStep: string;
 }
-export declare const ProgressIndicator: ({ handleStepChange, onStepClick, simpleStep, steps, currentStep, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressIndicator: ({ handleStepChange, onStepClick, simpleStep, steps, currentStep, }: Props) => import("react").JSX.Element;
 export {};

package/dist/ProgressIndicator/components/StepItem.d.ts

@@ -1,4 +1,4 @@
-import { StepData } from 'ProgressIndicator/types';
+import { StepData } from '../types';
 export interface StepItemProps extends Pick<StepData, 'label'> {
     isCompleted?: boolean;
     isLastCompleted?: boolean;
@@ -9,4 +9,4 @@ export interface StepItemProps extends Pick<StepData, 'label'> {
     stepWidth: string;
     isLastItem: boolean;
 }
-export declare const StepItem: ({ label, isSimple, isCurrentStep, stepWidth, onClick, isCompleted, isLastCompleted, isLastItem, isDisabled, }: StepItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepItem: ({ label, isSimple, isCurrentStep, stepWidth, onClick, isCompleted, isLastCompleted, isLastItem, isDisabled, }: StepItemProps) => import("react").JSX.Element;

package/dist/ProgressIndicator/components/StepItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.js","sourceRoot":"","sources":["../../../src/ProgressIndicator/components/StepItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAE/B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gDAAgD,CAAA;AAaxE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,SAAS,EACT,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,KAAK,EAClB,UAAU,GACI,EAAE,EAAE;IAClB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,KAAC,UAAU,kBACG,WAAW,oBACP,eAAe,EAC/B,KAAK,EAAE,SAAS,EAChB,MAAM,EAAC,MAAM,GACb,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,MAAC,YAAY,IACX,IAAI,QACJ,UAAU,EAAC,YAAY,gBACX,WAAW,oBACP,eAAe,EAC/B,KAAK,EAAE,SAAS,aAEhB,MAAC,aAAa,IACZ,IAAI,uBACS,aAAa,KAAK,EAAE,EACjC,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,OAAO,iBACH,UAAU,aAEvB,KAAC,iBAAiB,kBACJ,WAAW,kBACT,aAAa,EAC3B,IAAI,QACJ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,YAEtB,WAAW,IAAI,CACd,KAAC,aAAa,aAAQ,EAAE,YACtB,KAAC,eAAe,IACd,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GACtC,GACY,CACjB,GACiB,EACpB,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,YAAE,KAAK,GAAc,IACjC,EACf,WAAW,IAAI,CAAC,UAAU,IAAI,KAAC,YAAY,KAAG,IAClC,CAChB,CAAA;AACH,CAAC,CAAA;AAUD,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;CAMxB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAsB;;;;;IAK7C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc,IAAI,aAAa;CAC1D,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAsB;;;IAGhD,eAAe;;gBAEH,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,CACtC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM;CAC3D,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAsB;;;;;;;;;CASrD,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAsB;;YAE3C,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;CAClE,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAsB;;;;;;gBAM3C,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CACpD,UAAU,IAAI,YAAY;IACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;IACpC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;CACzC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;gBACf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;iBAChC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;CAE3C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;gBAMhB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;;CAEhE,CAAA","sourcesContent":["import { Box } from '../../Box'\nimport { StepData } from 'ProgressIndicator/types'\nimport styled, { css, useTheme } from 'styled-components'\nimport { theme as oldTheme } from '../../theme'\nimport { Text } from '../../Text'\nimport { IconContainer } from '../../sharedStyles/shared.styles'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheck } from '@awesome.me/kit-46ca99185c/icons/classic/solid'\n\nexport interface StepItemProps extends Pick<StepData, 'label'> {\n  isCompleted?: boolean\n  isLastCompleted?: boolean\n  isDisabled: boolean\n  isCurrentStep: boolean\n  isSimple?: boolean\n  onClick: () => void\n  stepWidth: string\n  isLastItem: boolean\n}\n\nexport const StepItem = ({\n  label,\n  isSimple = false,\n  isCurrentStep,\n  stepWidth,\n  onClick,\n  isCompleted = false,\n  isLastCompleted = false,\n  isLastItem = false,\n  isDisabled,\n}: StepItemProps) => {\n  const theme = useTheme()\n  if (isSimple) {\n    return (\n      <SimpleItem\n        $completed={isCompleted}\n        $lastCompleted={isLastCompleted}\n        width={stepWidth}\n        height=\"12px\"\n      />\n    )\n  }\n\n  return (\n    <ProgressItem\n      flex\n      alignItems=\"flex-start\"\n      $completed={isCompleted}\n      $lastCompleted={isLastCompleted}\n      width={stepWidth}\n    >\n      <ClickableArea\n        flex\n        data-testid={`step-item-${label}`}\n        direction=\"column\"\n        alignItems=\"center\"\n        onClick={onClick}\n        $isDisabled={isDisabled}\n      >\n        <ProgressIndicator\n          $completed={isCompleted}\n          $currentStep={isCurrentStep}\n          flex\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          {isCompleted && (\n            <IconContainer $size={12}>\n              <FontAwesomeIcon\n                icon={faCheck}\n                color={theme.color.surface.base['000']}\n              />\n            </IconContainer>\n          )}\n        </ProgressIndicator>\n        <StyledText typo=\"caption\">{label}</StyledText>\n      </ClickableArea>\n      {isCompleted && !isLastItem && <CompletedBar />}\n    </ProgressItem>\n  )\n}\n\ninterface StyledComponentProps {\n  $completed?: boolean\n  $lastCompleted?: boolean\n  $currentStep?: boolean\n  $isDisabled?: boolean\n  $completedStep?: boolean\n}\n\nconst lastCompleted = css`\n  border-radius: 0 100px 100px 0;\n\n  &:first-child {\n    border-radius: 100px;\n  }\n`\n\nconst borderRadiusCss = css<StyledComponentProps>`\n  &:first-child {\n    border-radius: 100px 0 0 100px;\n  }\n\n  ${({ $lastCompleted }) => $lastCompleted && lastCompleted}\n`\n\nconst SimpleItem = styled(Box)<StyledComponentProps>`\n  position: relative;\n  z-index: 1;\n  ${borderRadiusCss}\n\n  background: ${({ $completed, theme }) =>\n    $completed ? theme.color.feedback.positive[200] : 'none'};\n`\n\nconst ProgressItem = styled(Box)<StyledComponentProps>`\n  position: relative;\n  z-index: 1;\n  top: 9px;\n  left: -10px;\n\n  &:last-child {\n    width: auto;\n  }\n`\nconst ClickableArea = styled(Box)<StyledComponentProps>`\n  position: relative;\n  cursor: ${({ $isDisabled }) => ($isDisabled ? 'auto' : 'pointer')};\n`\n\nconst ProgressIndicator = styled(Box)<StyledComponentProps>`\n  border-radius: 50%;\n  height: 24px;\n  width: 24px;\n  position: relative;\n  z-index: 1;\n  background: ${({ $completed, $currentStep, theme }) =>\n    $completed || $currentStep\n      ? theme.color.feedback.positive[200]\n      : theme.color.feedback.positive[100]};\n`\n\nconst StyledText = styled(Text)`\n  margin-top: ${({ theme }) => theme.space['025']};\n  font-weight: ${oldTheme.font.weight.medium};\n  white-space: nowrap;\n`\n\nconst CompletedBar = styled(Box)`\n  position: absolute;\n  height: 12px;\n  width: 100%;\n  top: 7px;\n  left: 13px;\n  background: ${({ theme }) => theme.color.feedback.positive[200]};\n  z-index: 0;\n`\n"]}
+{"version":3,"file":"StepItem.js","sourceRoot":"","sources":["../../../src/ProgressIndicator/components/StepItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Box } from '../../Box'\nimport { StepData } from '../types'\nimport styled, { css, useTheme } from 'styled-components'\nimport { theme as oldTheme } from '../../theme'\nimport { Text } from '../../Text'\nimport { IconContainer } from '../../sharedStyles/shared.styles'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheck } from '@awesome.me/kit-46ca99185c/icons/classic/solid'\n\nexport interface StepItemProps extends Pick<StepData, 'label'> {\n  isCompleted?: boolean\n  isLastCompleted?: boolean\n  isDisabled: boolean\n  isCurrentStep: boolean\n  isSimple?: boolean\n  onClick: () => void\n  stepWidth: string\n  isLastItem: boolean\n}\n\nexport const StepItem = ({\n  label,\n  isSimple = false,\n  isCurrentStep,\n  stepWidth,\n  onClick,\n  isCompleted = false,\n  isLastCompleted = false,\n  isLastItem = false,\n  isDisabled,\n}: StepItemProps) => {\n  const theme = useTheme()\n  if (isSimple) {\n    return (\n      <SimpleItem\n        $completed={isCompleted}\n        $lastCompleted={isLastCompleted}\n        width={stepWidth}\n        height=\"12px\"\n      />\n    )\n  }\n\n  return (\n    <ProgressItem\n      flex\n      alignItems=\"flex-start\"\n      $completed={isCompleted}\n      $lastCompleted={isLastCompleted}\n      width={stepWidth}\n    >\n      <ClickableArea\n        flex\n        data-testid={`step-item-${label}`}\n        direction=\"column\"\n        alignItems=\"center\"\n        onClick={onClick}\n        $isDisabled={isDisabled}\n      >\n        <ProgressIndicator\n          $completed={isCompleted}\n          $currentStep={isCurrentStep}\n          flex\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          {isCompleted && (\n            <IconContainer $size={12}>\n              <FontAwesomeIcon\n                icon={faCheck}\n                color={theme.color.surface.base['000']}\n              />\n            </IconContainer>\n          )}\n        </ProgressIndicator>\n        <StyledText typo=\"caption\">{label}</StyledText>\n      </ClickableArea>\n      {isCompleted && !isLastItem && <CompletedBar />}\n    </ProgressItem>\n  )\n}\n\ninterface StyledComponentProps {\n  $completed?: boolean\n  $lastCompleted?: boolean\n  $currentStep?: boolean\n  $isDisabled?: boolean\n  $completedStep?: boolean\n}\n\nconst lastCompleted = css`\n  border-radius: 0 100px 100px 0;\n\n  &:first-child {\n    border-radius: 100px;\n  }\n`\n\nconst borderRadiusCss = css<StyledComponentProps>`\n  &:first-child {\n    border-radius: 100px 0 0 100px;\n  }\n\n  ${({ $lastCompleted }) => $lastCompleted && lastCompleted}\n`\n\nconst SimpleItem = styled(Box)<StyledComponentProps>`\n  position: relative;\n  z-index: 1;\n  ${borderRadiusCss}\n\n  background: ${({ $completed, theme }) =>\n    $completed ? theme.color.feedback.positive[200] : 'none'};\n`\n\nconst ProgressItem = styled(Box)<StyledComponentProps>`\n  position: relative;\n  z-index: 1;\n  top: 9px;\n  left: -10px;\n\n  &:last-child {\n    width: auto;\n  }\n`\nconst ClickableArea = styled(Box)<StyledComponentProps>`\n  position: relative;\n  cursor: ${({ $isDisabled }) => ($isDisabled ? 'auto' : 'pointer')};\n`\n\nconst ProgressIndicator = styled(Box)<StyledComponentProps>`\n  border-radius: 50%;\n  height: 24px;\n  width: 24px;\n  position: relative;\n  z-index: 1;\n  background: ${({ $completed, $currentStep, theme }) =>\n    $completed || $currentStep\n      ? theme.color.feedback.positive[200]\n      : theme.color.feedback.positive[100]};\n`\n\nconst StyledText = styled(Text)`\n  margin-top: ${({ theme }) => theme.space['025']};\n  font-weight: ${oldTheme.font.weight.medium};\n  white-space: nowrap;\n`\n\nconst CompletedBar = styled(Box)`\n  position: absolute;\n  height: 12px;\n  width: 100%;\n  top: 7px;\n  left: 13px;\n  background: ${({ theme }) => theme.color.feedback.positive[200]};\n  z-index: 0;\n`\n"]}

package/dist/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n  RefObject,\n  useImperativeHandle,\n  useRef,\n} from 'react'\n\nimport styled from 'styled-components'\n\nimport { useUniqueId } from '../utils/id'\n\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { Fieldset } from '../fields/Fieldset'\n\nimport { ITEM_GAP } from './constants'\nimport { RadioItem } from './RadioItem'\nimport {\n  BaseValueType,\n  DisplayType,\n  IconPosition,\n  ItemWidth,\n  JustifyContent,\n} from './types'\nimport { TransientProps } from 'utils/utilTypes'\nimport { Icons } from '../Icon'\n\nexport type RadioGroupProps<Value extends BaseValueType = BaseValueType> = {\n  options: Array<{\n    visual?: string\n    icon?: Icons\n    iconPosition?: IconPosition\n    iconComponent?: ReactNode\n    label: string\n    value: Value\n    bodyCopy?: string | ReactElement\n    disabled?: boolean\n  }>\n  justifyContent?: JustifyContent\n  itemWidth?: ItemWidth\n  onChange: (value: Value) => void\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  value: Value\n  displayType?: DisplayType\n  fallbackStyle?: boolean\n} & CommonFieldProps\n\nexport type RadioGroupElement = {\n  focus: VoidFunction\n}\n\nconst RadioGroupComponent = <Value extends BaseValueType>(\n  {\n    options,\n    onChange,\n    onBlur,\n    value,\n    displayType = 'normal',\n    renderAsTitle = false,\n    error = false,\n    fallbackStyle = false,\n    justifyContent,\n    itemWidth,\n    ...fieldProps\n  }: RadioGroupProps<Value>,\n  ref: ForwardedRef<RadioGroupElement>,\n) => {\n  const name = useUniqueId()\n\n  const optionRefs = useRef<RefObject<HTMLInputElement | null>[]>([])\n  useImperativeHandle(ref, () => {\n    return {\n      focus: () => {\n        const selectedIndex = options.findIndex((item) => item.value === value)\n\n        const elementToFocus = selectedIndex === -1 ? 0 : selectedIndex\n        optionRefs.current[elementToFocus].current?.focus()\n      },\n    }\n  })\n\n  return (\n    <Fieldset renderAsTitle={renderAsTitle} error={error} {...fieldProps}>\n      <RadioItemList\n        $displayType={displayType}\n        $justifyContent={justifyContent}\n      >\n        {options.map((option, index) => {\n          const isSelected = option.value === value\n\n          return (\n            <RadioItem\n              ref={(radioOptionRef) => {\n                optionRefs.current[index] = {\n                  current: radioOptionRef,\n                }\n              }}\n              key={`${option.value}`}\n              name={name}\n              visual={option.visual}\n              icon={option.icon}\n              iconComponent={option.iconComponent}\n              iconPosition={option.iconPosition}\n              label={option.label}\n              value={option.value}\n              checked={isSelected}\n              // @ts-expect-error TODO: address this type inconsistency in another PR\n              onChange={onChange}\n              onBlur={onBlur}\n              displayType={displayType}\n              isError={error}\n              fallbackStyle={fallbackStyle}\n              bodyCopy={option.bodyCopy}\n              disabled={option.disabled}\n              itemWidth={itemWidth}\n            />\n          )\n        })}\n      </RadioItemList>\n    </Fieldset>\n  )\n}\n\nexport const RadioGroup = forwardRef(RadioGroupComponent) as <\n  Value extends BaseValueType = BaseValueType,\n>(\n  p: RadioGroupProps<Value> & RefAttributes<HTMLInputElement>,\n) => ReactElement | null\n\nconst RadioItemList = styled.div<\n  TransientProps<Pick<RadioGroupProps, 'displayType' | 'justifyContent'>>\n>`\n  display: flex;\n  gap: ${ITEM_GAP}px;\n  justify-content: ${({ $justifyContent }) => $justifyContent ?? 'flex-start'};\n\n  ${({ $displayType }) => {\n    switch ($displayType) {\n      case 'horizontal-normal':\n        return `\n        flex-direction: row;\n        align-items: center;\n        `\n      case 'horizontal-card':\n        return `\n          flex-direction: row;\n          flex-wrap: wrap;\n        `\n      default:\n        return 'flex-direction: column;'\n    }\n  }}\n`\n"]}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n  RefObject,\n  useImperativeHandle,\n  useRef,\n} from 'react'\n\nimport styled from 'styled-components'\n\nimport { useUniqueId } from '../utils/id'\n\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { Fieldset } from '../fields/Fieldset'\n\nimport { ITEM_GAP } from './constants'\nimport { RadioItem } from './RadioItem'\nimport {\n  BaseValueType,\n  DisplayType,\n  IconPosition,\n  ItemWidth,\n  JustifyContent,\n} from './types'\nimport { TransientProps } from '../utils/utilTypes'\nimport { Icons } from '../Icon'\n\nexport type RadioGroupProps<Value extends BaseValueType = BaseValueType> = {\n  options: Array<{\n    visual?: string\n    icon?: Icons\n    iconPosition?: IconPosition\n    iconComponent?: ReactNode\n    label: string\n    value: Value\n    bodyCopy?: string | ReactElement\n    disabled?: boolean\n  }>\n  justifyContent?: JustifyContent\n  itemWidth?: ItemWidth\n  onChange: (value: Value) => void\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  value: Value\n  displayType?: DisplayType\n  fallbackStyle?: boolean\n} & CommonFieldProps\n\nexport type RadioGroupElement = {\n  focus: VoidFunction\n}\n\nconst RadioGroupComponent = <Value extends BaseValueType>(\n  {\n    options,\n    onChange,\n    onBlur,\n    value,\n    displayType = 'normal',\n    renderAsTitle = false,\n    error = false,\n    fallbackStyle = false,\n    justifyContent,\n    itemWidth,\n    ...fieldProps\n  }: RadioGroupProps<Value>,\n  ref: ForwardedRef<RadioGroupElement>,\n) => {\n  const name = useUniqueId()\n\n  const optionRefs = useRef<RefObject<HTMLInputElement | null>[]>([])\n  useImperativeHandle(ref, () => {\n    return {\n      focus: () => {\n        const selectedIndex = options.findIndex((item) => item.value === value)\n\n        const elementToFocus = selectedIndex === -1 ? 0 : selectedIndex\n        optionRefs.current[elementToFocus].current?.focus()\n      },\n    }\n  })\n\n  return (\n    <Fieldset renderAsTitle={renderAsTitle} error={error} {...fieldProps}>\n      <RadioItemList\n        $displayType={displayType}\n        $justifyContent={justifyContent}\n      >\n        {options.map((option, index) => {\n          const isSelected = option.value === value\n\n          return (\n            <RadioItem\n              ref={(radioOptionRef) => {\n                optionRefs.current[index] = {\n                  current: radioOptionRef,\n                }\n              }}\n              key={`${option.value}`}\n              name={name}\n              visual={option.visual}\n              icon={option.icon}\n              iconComponent={option.iconComponent}\n              iconPosition={option.iconPosition}\n              label={option.label}\n              value={option.value}\n              checked={isSelected}\n              // @ts-expect-error TODO: address this type inconsistency in another PR\n              onChange={onChange}\n              onBlur={onBlur}\n              displayType={displayType}\n              isError={error}\n              fallbackStyle={fallbackStyle}\n              bodyCopy={option.bodyCopy}\n              disabled={option.disabled}\n              itemWidth={itemWidth}\n            />\n          )\n        })}\n      </RadioItemList>\n    </Fieldset>\n  )\n}\n\nexport const RadioGroup = forwardRef(RadioGroupComponent) as <\n  Value extends BaseValueType = BaseValueType,\n>(\n  p: RadioGroupProps<Value> & RefAttributes<HTMLInputElement>,\n) => ReactElement | null\n\nconst RadioItemList = styled.div<\n  TransientProps<Pick<RadioGroupProps, 'displayType' | 'justifyContent'>>\n>`\n  display: flex;\n  gap: ${ITEM_GAP}px;\n  justify-content: ${({ $justifyContent }) => $justifyContent ?? 'flex-start'};\n\n  ${({ $displayType }) => {\n    switch ($displayType) {\n      case 'horizontal-normal':\n        return `\n        flex-direction: row;\n        align-items: center;\n        `\n      case 'horizontal-card':\n        return `\n          flex-direction: row;\n          flex-wrap: wrap;\n        `\n      default:\n        return 'flex-direction: column;'\n    }\n  }}\n`\n"]}