@fremtind/jokul 0.28.1 → 0.30.0

package/build/cjs/components/feedback/followup/Followup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Followup.cjs","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport {\n    PrimaryButton,\n    SecondaryButton,\n    TertiaryButton,\n} from \"../../button/Button.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types.js\";\nimport { getQuestionFromType } from \"../utils.js\";\nimport { FollowUpProvider } from \"./followupContext.js\";\nimport { useFollowup } from \"./useFollowup.js\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk, igjen!\",\n    children:\n        \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */\n    questions: FollowupQuestion[];\n    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({\n    questions,\n    successMessage = defaultSuccessMessage,\n    onSubmit,\n}) => {\n    const [noThanks, setNoThanks] = useState(false);\n    const focusRef = useRef<HTMLParagraphElement>(null);\n    const followupState = useFollowup(questions, onSubmit);\n    const { handleAbort, handleNext, step, submitted } = followupState;\n    const {\n        followupStarted,\n        setFollowupStarted,\n        setFollowupSubmitted,\n        contactSubmitted,\n        landmarkLabel,\n    } = useFeedbackContext();\n\n    useEffect(() => {\n        if (step.number === 0) {\n            return;\n        }\n        focusRef.current && focusRef.current.focus();\n    }, [step]);\n\n    useEffect(() => {\n        setFollowupSubmitted(submitted);\n    }, [submitted, setFollowupSubmitted]);\n\n    const QuestionComponent = getQuestionFromType(questions[step.number].type);\n    const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n    if (noThanks) {\n        return null;\n    }\n\n    return (\n        <div aria-live=\"polite\">\n            <FollowUpProvider state={followupState}>\n                {!followupStarted && (\n                    <div className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n                            Har du tid til å svare på noen flere spørsmål?\n                        </p>\n                        <p className=\"jkl-body jkl-spacing-xl--bottom\">\n                            Det tar kun et minutt, og hjelper oss å lage bedre\n                            løsninger for deg.\n                        </p>\n                        <PrimaryButton\n                            onClick={() => setFollowupStarted(true)}\n                            className=\"jkl-spacing-xl--right\"\n                        >\n                            Jeg har tid!\n                        </PrimaryButton>\n                        <TertiaryButton onClick={() => setNoThanks(true)}>\n                            Nei takk\n                        </TertiaryButton>\n                    </div>\n                )}\n                {!submitted && followupStarted && (\n                    <form\n                        onSubmit={handleNext}\n                        className=\"jkl-feedback__fade-in\"\n                        aria-label={landmarkLabel}\n                    >\n                        <p\n                            className=\"jkl-feedback__step-counter\"\n                            ref={focusRef}\n                        >\n                            Steg {step.number + 1} av {questions.length}\n                        </p>\n                        <QuestionComponent\n                            {...questions[step.number]}\n                            // eslint-disable-next-line jsx-a11y/no-autofocus\n                            autoFocus\n                            key={step.number}\n                        />\n                        <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n                            <Button type=\"submit\">\n                                {step.isLast ? \"Send inn\" : \"Neste\"}\n                            </Button>\n                            <TertiaryButton\n                                onClick={handleAbort}\n                                className=\"jkl-spacing-xl--left\"\n                            >\n                                Avbryt\n                            </TertiaryButton>\n                        </div>\n                    </form>\n                )}\n                {submitted && !contactSubmitted && (\n                    <FeedbackSuccess {...successMessage} />\n                )}\n            </FollowUpProvider>\n        </div>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"iVAaMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,0KAc2B,EAC/BC,UAAAA,EACAC,eAAAA,EAAiBJ,EACjBK,SAAAA,MAEA,MAAOC,EAAUC,GAAeC,YAAS,GACnCC,EAAWC,SAA6B,MACxCC,EAAgBC,EAAAA,YAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAEjDM,gBAAAA,EACAC,mBAAAA,EACAC,qBAAAA,EACAC,iBAAAA,EACAC,cAAAA,GACAC,EAAmBA,qBAEvBC,EAAAA,WAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,EAAAA,WAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAAA,cAAgBC,EAAAA,gBAE7C,OAAI3B,EACO,WAIN,MAAI,CAAA,YAAU,SACXJ,SAACgC,EAAAA,KAAAC,mBAAA,CAAiBC,MAAOzB,EACpBT,SAAA,EAACe,GACEiB,EAAAA,KAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAAA,IAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAAA,IAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAG/C,0EACAoC,EAAAA,IAACN,EAAAA,cAAA,CACGO,QAAS,IAAMrB,GAAmB,GAClCmB,UAAU,wBACbnC,SAAA,uBAGAsC,EAAAA,eAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAOL,SAElD,iBAGNc,GAAaC,GACXiB,EAAAA,KAAC,OAAA,CACG7B,SAAUS,EACVuB,UAAU,wBACV,aAAYhB,EAEZnB,SAAA,CAAAgC,EAAAA,KAAC,IAAA,CACGG,UAAU,6BACVI,IAAKhC,EACRP,SAAA,CAAA,QACSa,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAEzCC,EAAAA,cAAChB,EAAA,IACOxB,EAAUY,EAAKS,QAEnBoB,WAAS,EACTC,IAAK9B,EAAKS,SAEbU,EAAAA,KAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,MAACR,GAAOD,KAAK,SACR3B,SAAKa,EAAAgB,OAAS,WAAa,UAEhCO,EAAAA,IAACE,EAAAA,eAAA,CACGD,QAAS1B,EACTwB,UAAU,uBACbnC,SAAA,iBAMZc,IAAcI,GACVkB,EAAAA,IAAAQ,EAAAA,gBAAA,IAAoB1C,QAGjC"}
+{"version":3,"file":"Followup.cjs","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from \"react\";\nimport {\n    PrimaryButton,\n    SecondaryButton,\n    TertiaryButton,\n} from \"../../button/Button.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { FollowupProps } from \"../types.js\";\nimport { getQuestionFromType } from \"../utils.js\";\nimport { FollowUpProvider } from \"./followupContext.js\";\nimport { useFollowup } from \"./useFollowup.js\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk, igjen!\",\n    children:\n        \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\nexport const Followup: FC<FollowupProps> = ({\n    questions,\n    successMessage = defaultSuccessMessage,\n    onSubmit,\n}) => {\n    const [noThanks, setNoThanks] = useState(false);\n    const focusRef = useRef<HTMLParagraphElement>(null);\n    const followupState = useFollowup(questions, onSubmit);\n    const { handleAbort, handleNext, step, submitted } = followupState;\n    const {\n        followupStarted,\n        setFollowupStarted,\n        setFollowupSubmitted,\n        contactSubmitted,\n        landmarkLabel,\n    } = useFeedbackContext();\n\n    useEffect(() => {\n        if (step.number === 0) {\n            return;\n        }\n        focusRef.current && focusRef.current.focus();\n    }, [step]);\n\n    useEffect(() => {\n        setFollowupSubmitted(submitted);\n    }, [submitted, setFollowupSubmitted]);\n\n    const QuestionComponent = getQuestionFromType(questions[step.number].type);\n    const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n    if (noThanks) {\n        return null;\n    }\n\n    return (\n        <div aria-live=\"polite\">\n            <FollowUpProvider state={followupState}>\n                {!followupStarted && (\n                    <div className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n                            Har du tid til å svare på noen flere spørsmål?\n                        </p>\n                        <p className=\"jkl-body jkl-spacing-xl--bottom\">\n                            Det tar kun et minutt, og hjelper oss å lage bedre\n                            løsninger for deg.\n                        </p>\n                        <PrimaryButton\n                            onClick={() => setFollowupStarted(true)}\n                            className=\"jkl-spacing-xl--right\"\n                        >\n                            Jeg har tid!\n                        </PrimaryButton>\n                        <TertiaryButton onClick={() => setNoThanks(true)}>\n                            Nei takk\n                        </TertiaryButton>\n                    </div>\n                )}\n                {!submitted && followupStarted && (\n                    <form\n                        onSubmit={handleNext}\n                        className=\"jkl-feedback__fade-in\"\n                        aria-label={landmarkLabel}\n                    >\n                        <p\n                            className=\"jkl-feedback__step-counter\"\n                            ref={focusRef}\n                        >\n                            Steg {step.number + 1} av {questions.length}\n                        </p>\n                        <QuestionComponent\n                            {...questions[step.number]}\n                            // eslint-disable-next-line jsx-a11y/no-autofocus\n                            autoFocus\n                            key={step.number}\n                        />\n                        <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n                            <Button type=\"submit\">\n                                {step.isLast ? \"Send inn\" : \"Neste\"}\n                            </Button>\n                            <TertiaryButton\n                                onClick={handleAbort}\n                                className=\"jkl-spacing-xl--left\"\n                            >\n                                Avbryt\n                            </TertiaryButton>\n                        </div>\n                    </form>\n                )}\n                {submitted && !contactSubmitted && (\n                    <FeedbackSuccess {...successMessage} />\n                )}\n            </FollowUpProvider>\n        </div>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"iVAaMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,0KAGmC,EACvCC,UAAAA,EACAC,eAAAA,EAAiBJ,EACjBK,SAAAA,MAEA,MAAOC,EAAUC,GAAeC,YAAS,GACnCC,EAAWC,SAA6B,MACxCC,EAAgBC,EAAAA,YAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAEjDM,gBAAAA,EACAC,mBAAAA,EACAC,qBAAAA,EACAC,iBAAAA,EACAC,cAAAA,GACAC,EAAmBA,qBAEvBC,EAAAA,WAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,EAAAA,WAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAEf,MAAMQ,EAAoBC,EAAAA,oBAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAAA,cAAgBC,EAAAA,gBAE7C,OAAI3B,EACO,WAIN,MAAI,CAAA,YAAU,SACXJ,SAACgC,EAAAA,KAAAC,mBAAA,CAAiBC,MAAOzB,EACpBT,SAAA,EAACe,GACEiB,EAAAA,KAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAAA,IAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAAA,IAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAG/C,0EACAoC,EAAAA,IAACN,EAAAA,cAAA,CACGO,QAAS,IAAMrB,GAAmB,GAClCmB,UAAU,wBACbnC,SAAA,uBAGAsC,EAAAA,eAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAOL,SAElD,iBAGNc,GAAaC,GACXiB,EAAAA,KAAC,OAAA,CACG7B,SAAUS,EACVuB,UAAU,wBACV,aAAYhB,EAEZnB,SAAA,CAAAgC,EAAAA,KAAC,IAAA,CACGG,UAAU,6BACVI,IAAKhC,EACRP,SAAA,CAAA,QACSa,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAEzCC,EAAAA,cAAChB,EAAA,IACOxB,EAAUY,EAAKS,QAEnBoB,WAAS,EACTC,IAAK9B,EAAKS,SAEbU,EAAAA,KAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,MAACR,GAAOD,KAAK,SACR3B,SAAKa,EAAAgB,OAAS,WAAa,UAEhCO,EAAAA,IAACE,EAAAA,eAAA,CACGD,QAAS1B,EACTwB,UAAU,uBACbnC,SAAA,iBAMZc,IAAcI,GACVkB,EAAAA,IAAAQ,EAAAA,gBAAA,IAAoB1C,QAGjC"}

package/build/cjs/components/feedback/followup/Followup.d.cts

@@ -1,14 +1,3 @@
-import { FC, ReactNode } from 'react';
-import { FeedbackAnswer, FollowupQuestion } from '../types.cjs';
-interface Props {
-    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */
-    questions: FollowupQuestion[];
-    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */
-    successMessage?: {
-        title: string;
-        children: ReactNode;
-    };
-    onSubmit: (values: FeedbackAnswer[]) => void;
-}
-export declare const Followup: FC<Props>;
-export {};
+import { FC } from 'react';
+import { FollowupProps } from '../types.cjs';
+export declare const Followup: FC<FollowupProps>;

package/build/cjs/components/feedback/index.d.cts

@@ -1,3 +1,3 @@
-import { Feedback } from './Feedback.cjs';
-import { PRESETS } from './presets.cjs';
-export { Feedback, PRESETS };
+export { Feedback, type FeedbackProps } from './Feedback.cjs';
+export { PRESETS, type PresetProperties } from './presets.cjs';
+export { type FeedbackOption, type FeedbackType, type FollowupProps, type FollowupQuestion, type MainQuestion, type RadioQuestion, type SmileyQuestion, type CheckboxQuestion, type TextQuestion, type ContactQuestionProps, type FeedbackAnswer, type SingleFeedbackAnswer, type MultiFeedbackAnswer, } from './types.cjs';

package/build/cjs/components/feedback/presets.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"presets.cjs","sources":["../../../../src/components/feedback/presets.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { Feedback } from \"./Feedback.js\";\nimport { defaultOptions as smileyOptions } from \"./questions/smileyUtils.js\";\n\ntype FeedbackProps = ComponentProps<typeof Feedback>;\ntype PresetProperties = Pick<\n    FeedbackProps,\n    \"label\" | \"type\" | \"options\" | \"addOnQuestion\"\n>;\n\nconst smileyQuestion: PresetProperties = {\n    type: \"smiley\",\n    label: \"Hvor fornøyd er du med denne nettsiden?\",\n    options: smileyOptions,\n    addOnQuestion: true,\n};\n\nexport const PRESETS: Record<string, PresetProperties> = {\n    \"Fant du\": {\n        type: \"radio\",\n        label: \"Fant du det du lette etter?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel:\n                    \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel:\n                    \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Fikk du gjort\": {\n        type: \"radio\",\n        label: \"Fikk du gjort det du skulle?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel:\n                    \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel:\n                    \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Hvor fornøyd 5\": smileyQuestion,\n    Smileys: smileyQuestion,\n};\n"],"names":["smileyQuestion","type","label","options","defaultOptions","addOnQuestion","PRESETS","value","textAreaLabel","Smileys"],"mappings":"sFAUMA,EAAmC,CACrCC,KAAM,SACNC,MAAO,0CACPC,+CAASC,eACTC,eAAe,GAGNC,EAA4C,CACrD,UAAW,CACPL,KAAM,QACNC,MAAO,8BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cACI,+DAER,CACIN,MAAO,MACPK,MAAO,MACPC,cACI,uFAGZH,eAAe,GAEnB,gBAAiB,CACbJ,KAAM,QACNC,MAAO,+BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cACI,+DAER,CACIN,MAAO,MACPK,MAAO,MACPC,cACI,uFAGZH,eAAe,GAEnB,iBAAkBL,EAClBS,QAAST"}
+{"version":3,"file":"presets.cjs","sources":["../../../../src/components/feedback/presets.tsx"],"sourcesContent":["import { FeedbackProps } from \"./Feedback.js\";\nimport { defaultOptions as smileyOptions } from \"./questions/smileyUtils.js\";\n\nexport type PresetProperties = Pick<\n    FeedbackProps,\n    \"label\" | \"type\" | \"options\" | \"addOnQuestion\"\n>;\n\nconst smileyQuestion: PresetProperties = {\n    type: \"smiley\",\n    label: \"Hvor fornøyd er du med denne nettsiden?\",\n    options: smileyOptions,\n    addOnQuestion: true,\n};\n\nexport const PRESETS: Record<string, PresetProperties> = {\n    \"Fant du\": {\n        type: \"radio\",\n        label: \"Fant du det du lette etter?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel:\n                    \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel:\n                    \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Fikk du gjort\": {\n        type: \"radio\",\n        label: \"Fikk du gjort det du skulle?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel:\n                    \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel:\n                    \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Hvor fornøyd 5\": smileyQuestion,\n    Smileys: smileyQuestion,\n};\n"],"names":["smileyQuestion","type","label","options","defaultOptions","addOnQuestion","PRESETS","value","textAreaLabel","Smileys"],"mappings":"sFAQMA,EAAmC,CACrCC,KAAM,SACNC,MAAO,0CACPC,+CAASC,eACTC,eAAe,GAGNC,EAA4C,CACrD,UAAW,CACPL,KAAM,QACNC,MAAO,8BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cACI,+DAER,CACIN,MAAO,MACPK,MAAO,MACPC,cACI,uFAGZH,eAAe,GAEnB,gBAAiB,CACbJ,KAAM,QACNC,MAAO,+BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cACI,+DAER,CACIN,MAAO,MACPK,MAAO,MACPC,cACI,uFAGZH,eAAe,GAEnB,iBAAkBL,EAClBS,QAAST"}

package/build/cjs/components/feedback/presets.d.cts

@@ -1,6 +1,3 @@
-import { ComponentProps } from 'react';
-import { Feedback } from './Feedback.cjs';
-type FeedbackProps = ComponentProps<typeof Feedback>;
-type PresetProperties = Pick<FeedbackProps, "label" | "type" | "options" | "addOnQuestion">;
+import { FeedbackProps } from './Feedback.cjs';
+export type PresetProperties = Pick<FeedbackProps, "label" | "type" | "options" | "addOnQuestion">;
 export declare const PRESETS: Record<string, PresetProperties>;
-export {};

package/build/cjs/components/feedback/questions/ContactQuestion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContactQuestion.cjs","sources":["../../../../../src/components/feedback/questions/ContactQuestion.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    FC,\n    ReactNode,\n    useEffect,\n    useRef,\n    useState,\n} from \"react\";\nimport { isValidEpost } from \"../../../utilities/validators/isValidEpost/isValidEpost.js\";\nimport { isValidTelefonnummer } from \"../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\n\nconst validateEmail = (email?: string) => {\n    if (!email || email === \"\") {\n        return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n    }\n    if (!isValidEpost(email)) {\n        return \"Skriv inn en gyldig e-postadresse\";\n    }\n    return;\n};\n\nconst validatePhone = (phone?: string) => {\n    if (!phone || phone === \"\") {\n        return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n    }\n    if (!isValidTelefonnummer(phone)) {\n        return \"Skriv inn et gyldig telefonnummer\";\n    }\n    return;\n};\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tiden din!\",\n    children:\n        \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /**\n     * Lar deg tilpasse spørsmålsteksten.\n     * @default \"Kan vi kontakte deg for flere innspill?\"\n     * */\n    label?: string;\n    /**\n     * Lar deg tilpasse teksten på knappen for innsending.\n     * @default \"Sett meg på lista!\"\n     * */\n    sendButtonLabel?: string;\n    /** Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost */\n    withPhone?: boolean;\n    /** Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling */\n    children?: ReactNode;\n    onSubmit: (values: { email: string; phone?: string }) => void;\n    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n}\n\nexport const ContactQuestion: FC<Props> = ({\n    label = \"Kan vi kontakte deg for flere innspill?\",\n    sendButtonLabel = \"Sett meg på lista!\",\n    withPhone = false,\n    onSubmit,\n    successMessage = defaultSuccessMessage,\n    children,\n}) => {\n    const [email, setEmail] = useState(\"\");\n    const [phone, setPhone] = useState(\"\");\n    const [errors, setErrors] = useState<{ email?: string; phone?: string }>(\n        {},\n    );\n    const emailRef = useRef<HTMLInputElement>(null);\n    const phoneRef = useRef<HTMLInputElement>(null);\n    const [shouldValidate, setShouldValidate] = useState(false);\n\n    const [noThanks, setNoThanks] = useState(false);\n    const { contactSubmitted, setContactSubmitted, landmarkLabel } =\n        useFeedbackContext();\n\n    const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n    const validate = (email: string, phone: string) => {\n        const emailError = validateEmail(email);\n        const phoneError = validatePhone(phone);\n        setErrors({ email: emailError, phone: phoneError });\n        return { emailError, phoneError };\n    };\n\n    useEffect(() => {\n        if (shouldValidate) {\n            const { emailError, phoneError } = validate(email, phone);\n\n            if (!emailError && (!withPhone || !phoneError)) {\n                setShouldValidate(false);\n            }\n        }\n    }, [email, phone, shouldValidate, withPhone]);\n\n    const handleChange =\n        (consumer: (value: string) => void) =>\n        (e: ChangeEvent<HTMLInputElement>) =>\n            consumer(e.target.value);\n\n    const handleSubmit: React.FormEventHandler = (e) => {\n        e.preventDefault();\n\n        const { emailError, phoneError } = validate(email, phone);\n        if (emailError) {\n            setShouldValidate(true);\n            emailRef.current?.focus();\n            return;\n        }\n        if (withPhone && phoneError) {\n            setShouldValidate(true);\n            phoneRef.current?.focus();\n            return;\n        }\n\n        onSubmit({ email, phone: withPhone ? phone : undefined });\n        setContactSubmitted(true);\n    };\n\n    if (noThanks) {\n        return null;\n    }\n\n    if (contactSubmitted) {\n        return <FeedbackSuccess {...successMessage} />;\n    }\n\n    return (\n        <form\n            className=\"jkl-spacing-xl--top\"\n            onSubmit={handleSubmit}\n            aria-label={landmarkLabel}\n        >\n            <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n            {children && (\n                <ChildrenWrapper className=\"jkl-body\">\n                    {children}\n                </ChildrenWrapper>\n            )}\n\n            <TextInput\n                ref={emailRef}\n                className=\"jkl-spacing-l--top\"\n                label=\"E-post\"\n                labelProps={{ variant: \"small\" }}\n                autoComplete=\"email\"\n                name=\"email\"\n                value={email}\n                onChange={handleChange(setEmail)}\n                errorLabel={errors.email}\n            />\n            {withPhone && (\n                <TextInput\n                    ref={phoneRef}\n                    className=\"jkl-spacing-l--top\"\n                    label=\"Telefonnummer\"\n                    labelProps={{ variant: \"small\" }}\n                    autoComplete=\"tel\"\n                    name=\"phone\"\n                    value={phone}\n                    onChange={handleChange(setPhone)}\n                    errorLabel={errors.phone}\n                />\n            )}\n\n            <div className=\"jkl-spacing-xl--top\">\n                <PrimaryButton type=\"submit\" className=\"jkl-spacing-xl--right\">\n                    {sendButtonLabel}\n                </PrimaryButton>\n                <TertiaryButton onClick={() => setNoThanks(true)}>\n                    Nei takk\n                </TertiaryButton>\n            </div>\n        </form>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","sendButtonLabel","withPhone","onSubmit","successMessage","email","setEmail","useState","phone","setPhone","errors","setErrors","emailRef","useRef","phoneRef","shouldValidate","setShouldValidate","noThanks","setNoThanks","contactSubmitted","setContactSubmitted","landmarkLabel","useFeedbackContext","ChildrenWrapper","validate","emailError","isValidEpost","validateEmail","phoneError","isValidTelefonnummer","validatePhone","useEffect","handleChange","consumer","e","target","value","jsx","FeedbackSuccess","jsxs","className","preventDefault","_a","current","focus","_b","TextInput","ref","labelProps","variant","autoComplete","name","onChange","errorLabel","PrimaryButton","type","TertiaryButton","onClick"],"mappings":"mcAmCMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,8MA0BkC,EACtCC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBP,EACjBE,SAAAA,MAEA,MAAOM,EAAOC,GAAYC,WAAS,KAC5BC,EAAOC,GAAYF,WAAS,KAC5BG,EAAQC,GAAaJ,EAAAA,SACxB,CAAC,GAECK,EAAWC,SAAyB,MACpCC,EAAWD,SAAyB,OACnCE,EAAgBC,GAAqBT,YAAS,IAE9CU,EAAUC,GAAeX,YAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAC3CC,EAAmBA,qBAEjBC,EAAsC,iBAAbxB,EAAwB,IAAM,MAEvDyB,EAAW,CAACnB,EAAeG,KACvB,MAAAiB,EAzESpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,aAAarB,QAAd,EACO,oCAHA,uDAuEYsB,CAActB,GAC3BuB,EAhESpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,qBAAqBrB,QAAtB,EACO,oCAHA,uDA8DYsB,CAActB,GACjC,OAAAG,EAAU,CAAEN,MAAOoB,EAAYjB,MAAOoB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,IAGzBG,EAAAA,WAAU,KACN,GAAIhB,EAAgB,CAChB,MAAQU,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,IAE9CiB,KAAgBvB,IAAc0B,IAC/BZ,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,IAE5B,MAAA8B,EACDC,GACAC,GACGD,EAASC,EAAEC,OAAOC,OAqB1B,OAAInB,EACO,KAGPE,EACOkB,EAAAA,IAACC,EAAiBA,gBAAA,IAAGlC,IAI5BmC,EAAAA,KAAC,OAAA,CACGC,UAAU,sBACVrC,SA9BsC+B,YAC1CA,EAAEO,iBAEF,MAAQhB,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,GACnD,OAAIiB,GACAT,GAAkB,QAClB,OAAA0B,EAAA9B,EAAS+B,UAATD,EAAkBE,UAGlB1C,GAAa0B,GACbZ,GAAkB,QAClB,OAAA6B,EAAA/B,EAAS6B,UAATE,EAAkBD,WAItBzC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAepB,aAAYC,EAEZtB,SAAA,CAACsC,EAAAA,IAAA,IAAA,CAAEG,UAAU,uCAAwCzC,SAAMC,IAC1DD,GACGsC,EAAAA,IAACd,EAAgB,CAAAiB,UAAU,WACtBzC,SAAAA,IAITsC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKnC,EACL4B,UAAU,qBACVxC,MAAM,SACNgD,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLf,MAAO/B,EACP+C,SAAUpB,EAAa1B,GACvB+C,WAAY3C,EAAOL,QAEtBH,GACGmC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKjC,EACL0B,UAAU,qBACVxC,MAAM,gBACNgD,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLf,MAAO5B,EACP4C,SAAUpB,EAAavB,GACvB4C,WAAY3C,EAAOF,QAI3B+B,EAAAA,KAAC,MAAI,CAAAC,UAAU,sBACXzC,SAAA,CAAAsC,MAACiB,EAAAA,cAAc,CAAAC,KAAK,SAASf,UAAU,wBAClCzC,SACLE,UACCuD,EAAAA,eAAe,CAAAC,QAAS,IAAMvC,GAAY,GAAOnB,SAElD,kBACJ"}
+{"version":3,"file":"ContactQuestion.cjs","sources":["../../../../../src/components/feedback/questions/ContactQuestion.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useEffect, useRef, useState } from \"react\";\nimport { isValidEpost } from \"../../../utilities/validators/isValidEpost/isValidEpost.js\";\nimport { isValidTelefonnummer } from \"../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { ContactQuestionProps } from \"../types.js\";\n\nconst validateEmail = (email?: string) => {\n    if (!email || email === \"\") {\n        return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n    }\n    if (!isValidEpost(email)) {\n        return \"Skriv inn en gyldig e-postadresse\";\n    }\n    return;\n};\n\nconst validatePhone = (phone?: string) => {\n    if (!phone || phone === \"\") {\n        return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n    }\n    if (!isValidTelefonnummer(phone)) {\n        return \"Skriv inn et gyldig telefonnummer\";\n    }\n    return;\n};\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tiden din!\",\n    children:\n        \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\nexport const ContactQuestion: FC<ContactQuestionProps> = ({\n    label = \"Kan vi kontakte deg for flere innspill?\",\n    sendButtonLabel = \"Sett meg på lista!\",\n    withPhone = false,\n    onSubmit,\n    successMessage = defaultSuccessMessage,\n    children,\n}) => {\n    const [email, setEmail] = useState(\"\");\n    const [phone, setPhone] = useState(\"\");\n    const [errors, setErrors] = useState<{ email?: string; phone?: string }>(\n        {},\n    );\n    const emailRef = useRef<HTMLInputElement>(null);\n    const phoneRef = useRef<HTMLInputElement>(null);\n    const [shouldValidate, setShouldValidate] = useState(false);\n\n    const [noThanks, setNoThanks] = useState(false);\n    const { contactSubmitted, setContactSubmitted, landmarkLabel } =\n        useFeedbackContext();\n\n    const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n    const validate = (email: string, phone: string) => {\n        const emailError = validateEmail(email);\n        const phoneError = validatePhone(phone);\n        setErrors({ email: emailError, phone: phoneError });\n        return { emailError, phoneError };\n    };\n\n    useEffect(() => {\n        if (shouldValidate) {\n            const { emailError, phoneError } = validate(email, phone);\n\n            if (!emailError && (!withPhone || !phoneError)) {\n                setShouldValidate(false);\n            }\n        }\n    }, [email, phone, shouldValidate, withPhone]);\n\n    const handleChange =\n        (consumer: (value: string) => void) =>\n        (e: ChangeEvent<HTMLInputElement>) =>\n            consumer(e.target.value);\n\n    const handleSubmit: React.FormEventHandler = (e) => {\n        e.preventDefault();\n\n        const { emailError, phoneError } = validate(email, phone);\n        if (emailError) {\n            setShouldValidate(true);\n            emailRef.current?.focus();\n            return;\n        }\n        if (withPhone && phoneError) {\n            setShouldValidate(true);\n            phoneRef.current?.focus();\n            return;\n        }\n\n        onSubmit({ email, phone: withPhone ? phone : undefined });\n        setContactSubmitted(true);\n    };\n\n    if (noThanks) {\n        return null;\n    }\n\n    if (contactSubmitted) {\n        return <FeedbackSuccess {...successMessage} />;\n    }\n\n    return (\n        <form\n            className=\"jkl-spacing-xl--top\"\n            onSubmit={handleSubmit}\n            aria-label={landmarkLabel}\n        >\n            <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n            {children && (\n                <ChildrenWrapper className=\"jkl-body\">\n                    {children}\n                </ChildrenWrapper>\n            )}\n\n            <TextInput\n                ref={emailRef}\n                className=\"jkl-spacing-l--top\"\n                label=\"E-post\"\n                labelProps={{ variant: \"small\" }}\n                autoComplete=\"email\"\n                name=\"email\"\n                value={email}\n                onChange={handleChange(setEmail)}\n                errorLabel={errors.email}\n            />\n            {withPhone && (\n                <TextInput\n                    ref={phoneRef}\n                    className=\"jkl-spacing-l--top\"\n                    label=\"Telefonnummer\"\n                    labelProps={{ variant: \"small\" }}\n                    autoComplete=\"tel\"\n                    name=\"phone\"\n                    value={phone}\n                    onChange={handleChange(setPhone)}\n                    errorLabel={errors.phone}\n                />\n            )}\n\n            <div className=\"jkl-spacing-xl--top\">\n                <PrimaryButton type=\"submit\" className=\"jkl-spacing-xl--right\">\n                    {sendButtonLabel}\n                </PrimaryButton>\n                <TertiaryButton onClick={() => setNoThanks(true)}>\n                    Nei takk\n                </TertiaryButton>\n            </div>\n        </form>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","sendButtonLabel","withPhone","onSubmit","successMessage","email","setEmail","useState","phone","setPhone","errors","setErrors","emailRef","useRef","phoneRef","shouldValidate","setShouldValidate","noThanks","setNoThanks","contactSubmitted","setContactSubmitted","landmarkLabel","useFeedbackContext","ChildrenWrapper","validate","emailError","isValidEpost","validateEmail","phoneError","isValidTelefonnummer","validatePhone","useEffect","handleChange","consumer","e","target","value","jsx","FeedbackSuccess","jsxs","className","preventDefault","_a","current","focus","_b","TextInput","ref","labelProps","variant","autoComplete","name","onChange","errorLabel","PrimaryButton","type","TertiaryButton","onClick"],"mappings":"mcA6BMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,8MAGiD,EACrDC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBP,EACjBE,SAAAA,MAEA,MAAOM,EAAOC,GAAYC,WAAS,KAC5BC,EAAOC,GAAYF,WAAS,KAC5BG,EAAQC,GAAaJ,EAAAA,SACxB,CAAC,GAECK,EAAWC,SAAyB,MACpCC,EAAWD,SAAyB,OACnCE,EAAgBC,GAAqBT,YAAS,IAE9CU,EAAUC,GAAeX,YAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAC3CC,EAAmBA,qBAEjBC,EAAsC,iBAAbxB,EAAwB,IAAM,MAEvDyB,EAAW,CAACnB,EAAeG,KACvB,MAAAiB,EAlDSpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,aAAarB,QAAd,EACO,oCAHA,uDAgDYsB,CAActB,GAC3BuB,EAzCSpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,qBAAqBrB,QAAtB,EACO,oCAHA,uDAuCYsB,CAActB,GACjC,OAAAG,EAAU,CAAEN,MAAOoB,EAAYjB,MAAOoB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,IAGzBG,EAAAA,WAAU,KACN,GAAIhB,EAAgB,CAChB,MAAQU,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,IAE9CiB,KAAgBvB,IAAc0B,IAC/BZ,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,IAE5B,MAAA8B,EACDC,GACAC,GACGD,EAASC,EAAEC,OAAOC,OAqB1B,OAAInB,EACO,KAGPE,EACOkB,EAAAA,IAACC,EAAiBA,gBAAA,IAAGlC,IAI5BmC,EAAAA,KAAC,OAAA,CACGC,UAAU,sBACVrC,SA9BsC+B,YAC1CA,EAAEO,iBAEF,MAAQhB,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,GACnD,OAAIiB,GACAT,GAAkB,QAClB,OAAA0B,EAAA9B,EAAS+B,UAATD,EAAkBE,UAGlB1C,GAAa0B,GACbZ,GAAkB,QAClB,OAAA6B,EAAA/B,EAAS6B,UAATE,EAAkBD,WAItBzC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAepB,aAAYC,EAEZtB,SAAA,CAACsC,EAAAA,IAAA,IAAA,CAAEG,UAAU,uCAAwCzC,SAAMC,IAC1DD,GACGsC,EAAAA,IAACd,EAAgB,CAAAiB,UAAU,WACtBzC,SAAAA,IAITsC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKnC,EACL4B,UAAU,qBACVxC,MAAM,SACNgD,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLf,MAAO/B,EACP+C,SAAUpB,EAAa1B,GACvB+C,WAAY3C,EAAOL,QAEtBH,GACGmC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKjC,EACL0B,UAAU,qBACVxC,MAAM,gBACNgD,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLf,MAAO5B,EACP4C,SAAUpB,EAAavB,GACvB4C,WAAY3C,EAAOF,QAI3B+B,EAAAA,KAAC,MAAI,CAAAC,UAAU,sBACXzC,SAAA,CAAAsC,MAACiB,EAAAA,cAAc,CAAAC,KAAK,SAASf,UAAU,wBAClCzC,SACLE,UACCuD,EAAAA,eAAe,CAAAC,QAAS,IAAMvC,GAAY,GAAOnB,SAElD,kBACJ"}

package/build/cjs/components/feedback/questions/ContactQuestion.d.cts

@@ -1,28 +1,3 @@
-import { FC, ReactNode } from 'react';
-interface Props {
-    /**
-     * Lar deg tilpasse spørsmålsteksten.
-     * @default "Kan vi kontakte deg for flere innspill?"
-     * */
-    label?: string;
-    /**
-     * Lar deg tilpasse teksten på knappen for innsending.
-     * @default "Sett meg på lista!"
-     * */
-    sendButtonLabel?: string;
-    /** Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost */
-    withPhone?: boolean;
-    /** Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling */
-    children?: ReactNode;
-    onSubmit: (values: {
-        email: string;
-        phone?: string;
-    }) => void;
-    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet.  */
-    successMessage?: {
-        title: string;
-        children: ReactNode;
-    };
-}
-export declare const ContactQuestion: FC<Props>;
-export {};
+import { FC } from 'react';
+import { ContactQuestionProps } from '../types.cjs';
+export declare const ContactQuestion: FC<ContactQuestionProps>;

package/build/cjs/components/feedback/types.d.cts

@@ -1,4 +1,4 @@
-import { Dispatch, FormEvent, FormEventHandler, SetStateAction } from 'react';
+import { Dispatch, FormEvent, FormEventHandler, ReactNode, SetStateAction } from 'react';
 export type FeedbackOption<T = string | number> = {
     /** Teksten som vises ved alternativet */
     label: string;
@@ -13,19 +13,19 @@ interface BaseQuestion {
     helpLabel?: string;
     name?: string;
 }
-interface RadioQuestion extends BaseQuestion {
+export interface RadioQuestion extends BaseQuestion {
     type: "radio";
     options: FeedbackOption[];
 }
-interface CheckboxQuestion extends BaseQuestion {
+export interface CheckboxQuestion extends BaseQuestion {
     type: "checkbox";
     options: FeedbackOption[];
 }
-interface SmileyQuestion extends BaseQuestion {
+export interface SmileyQuestion extends BaseQuestion {
     type: "smiley";
     options: FeedbackOption<number>[];
 }
-interface TextQuestion extends BaseQuestion {
+export interface TextQuestion extends BaseQuestion {
     type: "text";
 }
 export type MainQuestion = RadioQuestion | SmileyQuestion;
@@ -35,11 +35,11 @@ interface BaseFeedbackAnswer {
     name: string;
     type: "radio" | "checkbox" | "text";
 }
-interface MultiFeedbackAnswer extends BaseFeedbackAnswer {
+export interface MultiFeedbackAnswer extends BaseFeedbackAnswer {
     type: "checkbox";
     value: string[];
 }
-interface SingleFeedbackAnswer extends BaseFeedbackAnswer {
+export interface SingleFeedbackAnswer extends BaseFeedbackAnswer {
     type: "radio" | "text";
     value: string;
 }
@@ -75,6 +75,16 @@ export type FollowupState = {
     handleAbort: () => void;
     setCurrentValue: Dispatch<SetStateAction<FeedbackOption | FeedbackOption[] | undefined>>;
 };
+export type FollowupProps = {
+    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */
+    questions: FollowupQuestion[];
+    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+    onSubmit: (values: FeedbackAnswer[]) => void;
+};
 export interface QuestionProps {
     type?: QuestionType;
     label: string;
@@ -83,4 +93,29 @@ export interface QuestionProps {
     options?: FeedbackOption[];
     autoFocus?: boolean;
 }
+export type ContactQuestionProps = {
+    /**
+     * Lar deg tilpasse spørsmålsteksten.
+     * @default "Kan vi kontakte deg for flere innspill?"
+     * */
+    label?: string;
+    /**
+     * Lar deg tilpasse teksten på knappen for innsending.
+     * @default "Sett meg på lista!"
+     * */
+    sendButtonLabel?: string;
+    /** Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost */
+    withPhone?: boolean;
+    /** Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling */
+    children?: ReactNode;
+    onSubmit: (values: {
+        email: string;
+        phone?: string;
+    }) => void;
+    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet.  */
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+};
 export {};

package/build/cjs/components/icon-button/index.d.cts

@@ -1,2 +1 @@
-export type { IconButtonProps } from './IconButton.cjs';
-export { IconButton } from './IconButton.cjs';
+export { IconButton, type IconButtonProps } from './IconButton.cjs';

package/build/cjs/components/image/index.d.cts

@@ -1,3 +1 @@
-import { Image, ImageProps } from './Image.cjs';
-export type { ImageProps };
-export { Image };
+export { Image, type ImageProps } from './Image.cjs';

package/build/cjs/components/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/Accordion.cjs"),o=require("./accordion/AccordionItem.cjs"),r=require("./breadcrumb/Breadcrumb.cjs"),t=require("./breadcrumb/BreadcrumbItem.cjs"),s=require("./button/Button.cjs"),n=require("./card/Card.cjs"),i=require("./card/CardImage.cjs"),a=require("./card/NavCard.cjs"),c=require("./card/TaskCard.cjs"),p=require("./card/InfoCard.cjs"),u=require("./checkbox/Checkbox.cjs"),l=require("./combobox/Combobox.cjs"),x=require("./cookie-consent/CookieConsent.cjs"),d=require("./cookie-consent/CookieConsentContext.cjs"),b=require("./datepicker/validation.cjs"),T=require("./datepicker/utils.cjs"),I=require("./datepicker/DatePicker.cjs"),j=require("./feedback/Feedback.cjs"),g=require("./feedback/presets.cjs"),q=require("./flex/Flex.cjs"),m=require("./description-list/DescriptionList.cjs"),C=require("./expander/Expander.cjs"),k=require("./expander/ExpandSection.cjs"),S=require("./icon/Icon.cjs"),h=require("./icon/icons/animated/ArrowVerticalAnimated.cjs"),B=require("./icon/icons/animated/ArrowHorizontalAnimated.cjs"),L=require("./icon/icons/animated/PlusRemoveAnimated.cjs"),M=require("./icon/icons/ArrowDownIcon.cjs"),v=require("./icon/icons/ArrowLeftIcon.cjs"),w=require("./icon/icons/ArrowNorthEastIcon.cjs"),A=require("./icon/icons/ArrowRightIcon.cjs"),P=require("./icon/icons/ArrowUpIcon.cjs"),R=require("./icon/icons/CalendarIcon.cjs"),F=require("./icon/icons/CheckIcon.cjs"),y=require("./icon/icons/ChevronDownIcon.cjs"),D=require("./icon/icons/ChevronLeftIcon.cjs"),E=require("./icon/icons/ChevronRightIcon.cjs"),f=require("./icon/icons/ChevronUpIcon.cjs"),G=require("./icon/icons/CloseIcon.cjs"),N=require("./icon/icons/CopyIcon.cjs"),H=require("./icon/icons/DotsIcon.cjs"),U=require("./icon/icons/DragIcon.cjs"),W=require("./icon/icons/ErrorIcon.cjs"),V=require("./icon/icons/GreenCheckIcon.cjs"),O=require("./icon/icons/HamburgerIcon.cjs"),z=require("./icon/icons/InfoIcon.cjs"),Q=require("./icon/icons/LinkIcon.cjs"),Y=require("./icon/icons/PlusIcon.cjs"),J=require("./icon/icons/QuestionIcon.cjs"),K=require("./icon/icons/RedCrossIcon.cjs"),X=require("./icon/icons/SearchIcon.cjs"),Z=require("./icon/icons/SuccessIcon.cjs"),$=require("./icon/icons/WarningIcon.cjs"),_=require("./icon/icons/MinusIcon.cjs"),ee=require("./icon/icons/ThumbDownIcon.cjs"),oe=require("./icon/icons/ThumbUpIcon.cjs"),re=require("./icon/icons/TrashCanIcon.cjs"),te=require("./icon/icons/PenIcon.cjs"),se=require("./icon-button/IconButton.cjs"),ne=require("./image/Image.cjs"),ie=require("./input-group/FieldGroup.cjs"),ae=require("./input-group/InputGroup.cjs"),ce=require("./input-group/Label.cjs"),pe=require("./input-group/SupportLabel.cjs"),ue=require("./link/Link.cjs"),le=require("./link/NavLink.cjs"),xe=require("./link-list/LinkList.cjs"),de=require("./list/List.cjs"),be=require("./list/ListItem.cjs"),Te=require("./loader/Loader.cjs"),Ie=require("./loader/skeletons/SkeletonAnimation.cjs"),je=require("./loader/skeletons/SkeletonButton.cjs"),ge=require("./loader/skeletons/SkeletonCheckboxGroup.cjs"),qe=require("./loader/skeletons/SkeletonElement.cjs"),me=require("./loader/skeletons/SkeletonInput.cjs"),Ce=require("./loader/skeletons/SkeletonRadioButtonGroup.cjs"),ke=require("./loader/skeletons/SkeletonTable.cjs"),Se=require("./loader/skeletons/SkeletonTextArea.cjs"),he=require("./logo/Logo.cjs"),Be=require("./logo/LogoStamp.cjs"),Le=require("./logo/text-paths/ForsikringLevertAvFremtind.cjs"),Me=require("./logo/text-paths/FraSB1ogDNB.cjs"),ve=require("./logo/text-paths/InnovasjonFraFremtind.cjs"),we=require("./logo/text-paths/TeknologiFraFremtind.cjs"),Ae=require("./logo/text-paths/VartEgetForsikringsselskap.cjs"),Pe=require("./logo/text-paths/VartForsikringsselskap.cjs"),Re=require("./menu/Menu.cjs"),Fe=require("./menu/MenuItem.cjs"),ye=require("./menu/MenuItemCheckbox.cjs"),De=require("./menu/MenuDivider.cjs"),Ee=require("./message/Message.cjs"),fe=require("./message/FormErrorMessage.cjs"),Ge=require("./modal/Modal.cjs"),Ne=require("./modal/useModal.cjs"),He=require("./pagination/Pagination.cjs"),Ue=require("./popover/Popover.cjs"),We=require("./progress-bar/Countdown.cjs"),Ve=require("./progress-bar/ProgressBar.cjs"),Oe=require("./radio-button/RadioButton.cjs"),ze=require("./radio-button/RadioButtonGroup.cjs"),Qe=require("./radio-button/BaseRadioButton.cjs"),Ye=require("./radio-panel/RadioPanel.cjs"),Je=require("./select/Select.cjs"),Ke=require("./select/NativeSelect.cjs"),Xe=require("./summary-table/SummaryTable.cjs"),Ze=require("./summary-table/SummaryTableRow.cjs"),$e=require("./system-message/SystemMessage.cjs"),_e=require("./table/DataTable.cjs"),eo=require("./table/Table.cjs"),oo=require("./table/TableBody.cjs"),ro=require("./table/TableCaption.cjs"),to=require("./table/TableCell.cjs"),so=require("./table/TableColumn.cjs"),no=require("./table/TableColumnGroup.cjs"),io=require("./table/tableContext.cjs"),ao=require("./table/tableSectionContext.cjs"),co=require("./table/TableFooter.cjs"),po=require("./table/TableHead.cjs"),uo=require("./table/TableHeader.cjs"),lo=require("./table/TablePagination.cjs"),xo=require("./table/TableRow.cjs"),bo=require("./table/ExpandableTableRow.cjs"),To=require("./table/ExpandableTableRowController.cjs"),Io=require("./table/utils.cjs"),jo=require("./tabs/NavTab.cjs"),go=require("./tabs/NavTabs.cjs"),qo=require("./tabs/Tabs.cjs"),mo=require("./tabs/TabList.cjs"),Co=require("./tabs/Tab.cjs"),ko=require("./tabs/TabPanel.cjs"),So=require("./tag/Tag.cjs"),ho=require("./text-input/BaseTextArea.cjs"),Bo=require("./text-input/BaseTextInput.cjs"),Lo=require("./text-input/TextArea.cjs"),Mo=require("./text-input/TextInput.cjs"),vo=require("./toast/toastContext.cjs"),wo=require("./toggle-switch/ToggleSwitch.cjs"),Ao=require("./toggle-switch/ToggleSlider.cjs"),Po=require("./tooltip/Tooltip.cjs"),Ro=require("./tooltip/TooltipContent.cjs"),Fo=require("./tooltip/TooltipTrigger.cjs"),yo=require("./tooltip/PopupTip.cjs"),Do=require("./ScreenReaderOnly.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=u.Checkbox,exports.Combobox=l.Combobox,exports.getComboboxValuePair=l.getComboboxValuePair,exports.CookieConsent=x.CookieConsent,exports.CookieConsentProvider=d.CookieConsentProvider,exports.useCookieConsent=d.useCookieConsent,exports.isCorrectFormat=b.isCorrectFormat,exports.isWithinLowerBound=b.isWithinLowerBound,exports.isWithinUpperBound=b.isWithinUpperBound,exports.dayMonthYearRegex=T.dayMonthYearRegex,exports.formatInput=T.formatInput,exports.isBlurTargetOutside=T.isBlurTargetOutside,exports.parseDateString=T.parseDateString,exports.DatePicker=I.DatePicker,exports.Feedback=j.Feedback,exports.PRESETS=g.PRESETS,exports.Flex=q.Flex,exports.DescriptionDetail=m.DescriptionDetail,exports.DescriptionList=m.DescriptionList,exports.DescriptionTerm=m.DescriptionTerm,exports.Expander=C.Expander,exports.ExpandSection=k.ExpandSection,exports.Icon=S.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=B.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=L.PlusRemoveAnimated,exports.ArrowDownIcon=M.ArrowDownIcon,exports.ArrowLeftIcon=v.ArrowLeftIcon,exports.ArrowNorthEastIcon=w.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=P.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=F.CheckIcon,exports.ChevronDownIcon=y.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=E.ChevronRightIcon,exports.ChevronUpIcon=f.ChevronUpIcon,exports.CloseIcon=G.CloseIcon,exports.CopyIcon=N.CopyIcon,exports.DotsIcon=H.DotsIcon,exports.DragIcon=U.DragIcon,exports.ErrorIcon=W.ErrorIcon,exports.GreenCheckIcon=V.GreenCheckIcon,exports.HamburgerIcon=O.HamburgerIcon,exports.InfoIcon=z.InfoIcon,exports.LinkIcon=Q.LinkIcon,exports.PlusIcon=Y.PlusIcon,exports.QuestionIcon=J.QuestionIcon,exports.RedCrossIcon=K.RedCrossIcon,exports.SearchIcon=X.SearchIcon,exports.SuccessIcon=Z.SuccessIcon,exports.WarningIcon=$.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=te.PenIcon,exports.IconButton=se.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=pe.SupportLabel,exports.Link=ue.Link,exports.NavLink=le.NavLink,exports.LinkList=xe.LinkList,exports.List=de.List,exports.OrderedList=de.OrderedList,exports.UnorderedList=de.UnorderedList,exports.CheckListItem=be.CheckListItem,exports.CrossListItem=be.CrossListItem,exports.ListItem=be.ListItem,exports.Loader=Te.Loader,exports.SkeletonAnimation=Ie.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=ge.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=me.SkeletonInput,exports.SkeletonRadioButtonGroup=Ce.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=Se.SkeletonTextArea,exports.Logo=he.Logo,exports.LogoStamp=Be.LogoStamp,exports.ForsikringLevertAvFremtind=Le.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Me.FraSB1ogDNB,exports.InnovasjonFraFremtind=ve.InnovasjonFraFremtind,exports.TeknologiFraFremtind=we.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ae.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Pe.VartForsikringsselskap,exports.Menu=Re.Menu,exports.MenuItem=Fe.MenuItem,exports.MenuItemCheckbox=ye.MenuItemCheckbox,exports.MenuDivider=De.MenuDivider,exports.ErrorMessage=Ee.ErrorMessage,exports.InfoMessage=Ee.InfoMessage,exports.SuccessMessage=Ee.SuccessMessage,exports.WarningMessage=Ee.WarningMessage,exports.FormErrorMessage=fe.FormErrorMessage,exports.Modal=Ge.Modal,exports.ModalActions=Ge.ModalActions,exports.ModalBody=Ge.ModalBody,exports.ModalCloseButton=Ge.ModalCloseButton,exports.ModalContainer=Ge.ModalContainer,exports.ModalHeader=Ge.ModalHeader,exports.ModalOverlay=Ge.ModalOverlay,exports.ModalTitle=Ge.ModalTitle,exports.useModal=Ne.useModal,exports.Pagination=He.Pagination,exports.Popover=Ue.Popover,exports.Countdown=We.Countdown,exports.ProgressBar=Ve.ProgressBar,exports.RadioButton=Oe.RadioButton,exports.RadioButtonGroup=ze.RadioButtonGroup,exports.BaseRadioButton=Qe.BaseRadioButton,exports.RadioPanel=Ye.RadioPanel,exports.Select=Je.Select,exports.NativeSelect=Ke.NativeSelect,exports.SummaryTable=Xe.SummaryTable,exports.SummaryTableRow=Ze.SummaryTableRow,exports.ErrorSystemMessage=$e.ErrorSystemMessage,exports.InfoSystemMessage=$e.InfoSystemMessage,exports.SuccessSystemMessage=$e.SuccessSystemMessage,exports.WarningSystemMessage=$e.WarningSystemMessage,exports.DataTable=_e.DataTable,exports.Table=eo.Table,exports.TableBody=oo.TableBody,exports.TableCaption=ro.TableCaption,exports.TableCell=to.TableCell,exports.TableColumn=so.TableColumn,exports.TableColumnGroup=no.TableColumnGroup,exports.TableContextProvider=io.TableContextProvider,exports.useTableContext=io.useTableContext,exports.TableSectionContextProvider=ao.TableSectionContextProvider,exports.useTableSectionContext=ao.useTableSectionContext,exports.TableFooter=co.TableFooter,exports.TableHead=po.TableHead,exports.TableHeader=uo.TableHeader,exports.TablePagination=lo.TablePagination,exports.TableRow=xo.TableRow,exports.ExpandableTableRow=bo.ExpandableTableRow,exports.ExpandableTableRowController=To.ExpandableTableRowController,exports.useSortableTableHeader=Io.useSortableTableHeader,exports.NavTab=jo.NavTab,exports.NavTabs=go.NavTabs,exports.Tabs=qo.Tabs,exports.TabList=mo.TabList,exports.Tab=Co.Tab,exports.TabPanel=ko.TabPanel,exports.ErrorTag=So.ErrorTag,exports.InfoTag=So.InfoTag,exports.SuccessTag=So.SuccessTag,exports.Tag=So.Tag,exports.WarningTag=So.WarningTag,exports.BaseTextArea=ho.BaseTextArea,exports.BaseTextInput=Bo.BaseTextInput,exports.TextArea=Lo.TextArea,exports.TextInput=Mo.TextInput,exports.ToastProvider=vo.ToastProvider,exports.useToast=vo.useToast,exports.ToggleSwitch=wo.ToggleSwitch,exports.ToggleSlider=Ao.ToggleSlider,exports.Tooltip=Po.Tooltip,exports.TooltipContent=Ro.TooltipContent,exports.TooltipTrigger=Fo.TooltipTrigger,exports.PopupTip=yo.PopupTip,exports.ScreenReaderOnly=Do.ScreenReaderOnly;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/Accordion.cjs"),o=require("./accordion/AccordionItem.cjs"),r=require("./breadcrumb/Breadcrumb.cjs"),t=require("./breadcrumb/BreadcrumbItem.cjs"),s=require("./button/Button.cjs"),n=require("./card/Card.cjs"),i=require("./card/CardImage.cjs"),a=require("./card/NavCard.cjs"),c=require("./card/TaskCard.cjs"),p=require("./card/InfoCard.cjs"),u=require("./checkbox/Checkbox.cjs"),l=require("./combobox/Combobox.cjs"),x=require("./cookie-consent/CookieConsent.cjs"),d=require("./cookie-consent/CookieConsentContext.cjs"),b=require("./datepicker/DatePicker.cjs"),T=require("./datepicker/validation.cjs"),I=require("./datepicker/utils.cjs"),j=require("./feedback/Feedback.cjs"),q=require("./feedback/presets.cjs"),g=require("./flex/Flex.cjs"),m=require("./description-list/DescriptionList.cjs"),C=require("./expander/Expander.cjs"),k=require("./expander/ExpandSection.cjs"),S=require("./icon/Icon.cjs"),h=require("./icon/icons/animated/ArrowVerticalAnimated.cjs"),B=require("./icon/icons/animated/ArrowHorizontalAnimated.cjs"),L=require("./icon/icons/animated/PlusRemoveAnimated.cjs"),v=require("./icon/icons/ArrowDownIcon.cjs"),M=require("./icon/icons/ArrowLeftIcon.cjs"),w=require("./icon/icons/ArrowNorthEastIcon.cjs"),P=require("./icon/icons/ArrowRightIcon.cjs"),A=require("./icon/icons/ArrowUpIcon.cjs"),R=require("./icon/icons/CalendarIcon.cjs"),F=require("./icon/icons/CheckIcon.cjs"),y=require("./icon/icons/ChevronDownIcon.cjs"),D=require("./icon/icons/ChevronLeftIcon.cjs"),E=require("./icon/icons/ChevronRightIcon.cjs"),f=require("./icon/icons/ChevronUpIcon.cjs"),G=require("./icon/icons/CloseIcon.cjs"),N=require("./icon/icons/CopyIcon.cjs"),H=require("./icon/icons/DotsIcon.cjs"),U=require("./icon/icons/DragIcon.cjs"),W=require("./icon/icons/ErrorIcon.cjs"),V=require("./icon/icons/GreenCheckIcon.cjs"),O=require("./icon/icons/HamburgerIcon.cjs"),z=require("./icon/icons/InfoIcon.cjs"),Q=require("./icon/icons/LinkIcon.cjs"),J=require("./icon/icons/PlusIcon.cjs"),K=require("./icon/icons/QuestionIcon.cjs"),X=require("./icon/icons/RedCrossIcon.cjs"),Y=require("./icon/icons/SearchIcon.cjs"),Z=require("./icon/icons/SuccessIcon.cjs"),$=require("./icon/icons/WarningIcon.cjs"),_=require("./icon/icons/MinusIcon.cjs"),ee=require("./icon/icons/ThumbDownIcon.cjs"),oe=require("./icon/icons/ThumbUpIcon.cjs"),re=require("./icon/icons/TrashCanIcon.cjs"),te=require("./icon/icons/PenIcon.cjs"),se=require("./icon-button/IconButton.cjs"),ne=require("./image/Image.cjs"),ie=require("./input-group/FieldGroup.cjs"),ae=require("./input-group/InputGroup.cjs"),ce=require("./input-group/Label.cjs"),pe=require("./input-group/SupportLabel.cjs"),ue=require("./input-panel/CheckboxPanel.cjs"),le=require("./input-panel/RadioPanel.cjs"),xe=require("./input-panel/RadioPanelGroup.cjs"),de=require("./link/Link.cjs"),be=require("./link/NavLink.cjs"),Te=require("./link-list/LinkList.cjs"),Ie=require("./list/List.cjs"),je=require("./list/ListItem.cjs"),qe=require("./loader/Loader.cjs"),ge=require("./loader/skeletons/SkeletonAnimation.cjs"),me=require("./loader/skeletons/SkeletonButton.cjs"),Ce=require("./loader/skeletons/SkeletonCheckboxGroup.cjs"),ke=require("./loader/skeletons/SkeletonElement.cjs"),Se=require("./loader/skeletons/SkeletonInput.cjs"),he=require("./loader/skeletons/SkeletonRadioButtonGroup.cjs"),Be=require("./loader/skeletons/SkeletonTable.cjs"),Le=require("./loader/skeletons/SkeletonTextArea.cjs"),ve=require("./logo/Logo.cjs"),Me=require("./logo/LogoStamp.cjs"),we=require("./logo/text-paths/ForsikringLevertAvFremtind.cjs"),Pe=require("./logo/text-paths/FraSB1ogDNB.cjs"),Ae=require("./logo/text-paths/InnovasjonFraFremtind.cjs"),Re=require("./logo/text-paths/TeknologiFraFremtind.cjs"),Fe=require("./logo/text-paths/VartEgetForsikringsselskap.cjs"),ye=require("./logo/text-paths/VartForsikringsselskap.cjs"),De=require("./menu/Menu.cjs"),Ee=require("./menu/MenuItem.cjs"),fe=require("./menu/MenuItemCheckbox.cjs"),Ge=require("./menu/MenuDivider.cjs"),Ne=require("./message/Message.cjs"),He=require("./message/FormErrorMessage.cjs"),Ue=require("./modal/Modal.cjs"),We=require("./modal/useModal.cjs"),Ve=require("./pagination/Pagination.cjs"),Oe=require("./popover/Popover.cjs"),ze=require("./progress-bar/Countdown.cjs"),Qe=require("./progress-bar/ProgressBar.cjs"),Je=require("./radio-button/RadioButton.cjs"),Ke=require("./radio-button/RadioButtonGroup.cjs"),Xe=require("./radio-button/BaseRadioButton.cjs"),Ye=require("./select/Select.cjs"),Ze=require("./select/NativeSelect.cjs"),$e=require("./summary-table/SummaryTable.cjs"),_e=require("./summary-table/SummaryTableRow.cjs"),eo=require("./system-message/SystemMessage.cjs"),oo=require("./table/DataTable.cjs"),ro=require("./table/Table.cjs"),to=require("./table/TableBody.cjs"),so=require("./table/TableCaption.cjs"),no=require("./table/TableCell.cjs"),io=require("./table/TableColumn.cjs"),ao=require("./table/TableColumnGroup.cjs"),co=require("./table/tableContext.cjs"),po=require("./table/tableSectionContext.cjs"),uo=require("./table/TableFooter.cjs"),lo=require("./table/TableHead.cjs"),xo=require("./table/TableHeader.cjs"),bo=require("./table/TablePagination.cjs"),To=require("./table/TableRow.cjs"),Io=require("./table/ExpandableTableRow.cjs"),jo=require("./table/ExpandableTableRowController.cjs"),qo=require("./table/utils.cjs"),go=require("./tabs/NavTab.cjs"),mo=require("./tabs/NavTabs.cjs"),Co=require("./tabs/Tabs.cjs"),ko=require("./tabs/TabList.cjs"),So=require("./tabs/Tab.cjs"),ho=require("./tabs/TabPanel.cjs"),Bo=require("./tag/Tag.cjs"),Lo=require("./text-input/BaseTextArea.cjs"),vo=require("./text-input/BaseTextInput.cjs"),Mo=require("./text-input/TextArea.cjs"),wo=require("./text-input/TextInput.cjs"),Po=require("./toast/toastContext.cjs"),Ao=require("./toggle-switch/ToggleSwitch.cjs"),Ro=require("./toggle-switch/ToggleSlider.cjs"),Fo=require("./tooltip/Tooltip.cjs"),yo=require("./tooltip/TooltipContent.cjs"),Do=require("./tooltip/TooltipTrigger.cjs"),Eo=require("./tooltip/PopupTip.cjs"),fo=require("./ScreenReaderOnly.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=u.Checkbox,exports.Combobox=l.Combobox,exports.getComboboxValuePair=l.getComboboxValuePair,exports.CookieConsent=x.CookieConsent,exports.CookieConsentProvider=d.CookieConsentProvider,exports.useCookieConsent=d.useCookieConsent,exports.DatePicker=b.DatePicker,exports.isCorrectFormat=T.isCorrectFormat,exports.isWithinLowerBound=T.isWithinLowerBound,exports.isWithinUpperBound=T.isWithinUpperBound,exports.formatInput=I.formatInput,exports.isBlurTargetOutside=I.isBlurTargetOutside,exports.parseDateString=I.parseDateString,exports.Feedback=j.Feedback,exports.PRESETS=q.PRESETS,exports.Flex=g.Flex,exports.DescriptionDetail=m.DescriptionDetail,exports.DescriptionList=m.DescriptionList,exports.DescriptionTerm=m.DescriptionTerm,exports.Expander=C.Expander,exports.ExpandSection=k.ExpandSection,exports.Icon=S.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=B.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=L.PlusRemoveAnimated,exports.ArrowDownIcon=v.ArrowDownIcon,exports.ArrowLeftIcon=M.ArrowLeftIcon,exports.ArrowNorthEastIcon=w.ArrowNorthEastIcon,exports.ArrowRightIcon=P.ArrowRightIcon,exports.ArrowUpIcon=A.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=F.CheckIcon,exports.ChevronDownIcon=y.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=E.ChevronRightIcon,exports.ChevronUpIcon=f.ChevronUpIcon,exports.CloseIcon=G.CloseIcon,exports.CopyIcon=N.CopyIcon,exports.DotsIcon=H.DotsIcon,exports.DragIcon=U.DragIcon,exports.ErrorIcon=W.ErrorIcon,exports.GreenCheckIcon=V.GreenCheckIcon,exports.HamburgerIcon=O.HamburgerIcon,exports.InfoIcon=z.InfoIcon,exports.LinkIcon=Q.LinkIcon,exports.PlusIcon=J.PlusIcon,exports.QuestionIcon=K.QuestionIcon,exports.RedCrossIcon=X.RedCrossIcon,exports.SearchIcon=Y.SearchIcon,exports.SuccessIcon=Z.SuccessIcon,exports.WarningIcon=$.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=te.PenIcon,exports.IconButton=se.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=pe.SupportLabel,exports.CheckboxPanel=ue.CheckboxPanel,exports.RadioPanel=le.RadioPanel,exports.RadioPanelGroup=xe.RadioPanelGroup,exports.Link=de.Link,exports.NavLink=be.NavLink,exports.LinkList=Te.LinkList,exports.List=Ie.List,exports.OrderedList=Ie.OrderedList,exports.UnorderedList=Ie.UnorderedList,exports.CheckListItem=je.CheckListItem,exports.CrossListItem=je.CrossListItem,exports.ListItem=je.ListItem,exports.Loader=qe.Loader,exports.SkeletonAnimation=ge.SkeletonAnimation,exports.SkeletonButton=me.SkeletonButton,exports.SkeletonCheckboxGroup=Ce.SkeletonCheckboxGroup,exports.SkeletonElement=ke.SkeletonElement,exports.SkeletonInput=Se.SkeletonInput,exports.SkeletonRadioButtonGroup=he.SkeletonRadioButtonGroup,exports.SkeletonTable=Be.SkeletonTable,exports.SkeletonTableHeader=Be.SkeletonTableHeader,exports.SkeletonTableRow=Be.SkeletonTableRow,exports.SkeletonTextArea=Le.SkeletonTextArea,exports.Logo=ve.Logo,exports.LogoStamp=Me.LogoStamp,exports.ForsikringLevertAvFremtind=we.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Pe.FraSB1ogDNB,exports.InnovasjonFraFremtind=Ae.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Re.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Fe.VartEgetForsikringsselskap,exports.VartForsikringsselskap=ye.VartForsikringsselskap,exports.Menu=De.Menu,exports.MenuItem=Ee.MenuItem,exports.MenuItemCheckbox=fe.MenuItemCheckbox,exports.MenuDivider=Ge.MenuDivider,exports.ErrorMessage=Ne.ErrorMessage,exports.InfoMessage=Ne.InfoMessage,exports.SuccessMessage=Ne.SuccessMessage,exports.WarningMessage=Ne.WarningMessage,exports.FormErrorMessage=He.FormErrorMessage,exports.Modal=Ue.Modal,exports.ModalActions=Ue.ModalActions,exports.ModalBody=Ue.ModalBody,exports.ModalCloseButton=Ue.ModalCloseButton,exports.ModalContainer=Ue.ModalContainer,exports.ModalHeader=Ue.ModalHeader,exports.ModalOverlay=Ue.ModalOverlay,exports.ModalTitle=Ue.ModalTitle,exports.useModal=We.useModal,exports.Pagination=Ve.Pagination,exports.Popover=Oe.Popover,exports.Countdown=ze.Countdown,exports.ProgressBar=Qe.ProgressBar,exports.RadioButton=Je.RadioButton,exports.RadioButtonGroup=Ke.RadioButtonGroup,exports.BaseRadioButton=Xe.BaseRadioButton,exports.Select=Ye.Select,exports.NativeSelect=Ze.NativeSelect,exports.SummaryTable=$e.SummaryTable,exports.SummaryTableRow=_e.SummaryTableRow,exports.ErrorSystemMessage=eo.ErrorSystemMessage,exports.InfoSystemMessage=eo.InfoSystemMessage,exports.SuccessSystemMessage=eo.SuccessSystemMessage,exports.WarningSystemMessage=eo.WarningSystemMessage,exports.DataTable=oo.DataTable,exports.Table=ro.Table,exports.TableBody=to.TableBody,exports.TableCaption=so.TableCaption,exports.TableCell=no.TableCell,exports.TableColumn=io.TableColumn,exports.TableColumnGroup=ao.TableColumnGroup,exports.TableContextProvider=co.TableContextProvider,exports.useTableContext=co.useTableContext,exports.TableSectionContextProvider=po.TableSectionContextProvider,exports.useTableSectionContext=po.useTableSectionContext,exports.TableFooter=uo.TableFooter,exports.TableHead=lo.TableHead,exports.TableHeader=xo.TableHeader,exports.TablePagination=bo.TablePagination,exports.TableRow=To.TableRow,exports.ExpandableTableRow=Io.ExpandableTableRow,exports.ExpandableTableRowController=jo.ExpandableTableRowController,exports.useSortableTableHeader=qo.useSortableTableHeader,exports.NavTab=go.NavTab,exports.NavTabs=mo.NavTabs,exports.Tabs=Co.Tabs,exports.TabList=ko.TabList,exports.Tab=So.Tab,exports.TabPanel=ho.TabPanel,exports.ErrorTag=Bo.ErrorTag,exports.InfoTag=Bo.InfoTag,exports.SuccessTag=Bo.SuccessTag,exports.Tag=Bo.Tag,exports.WarningTag=Bo.WarningTag,exports.BaseTextArea=Lo.BaseTextArea,exports.BaseTextInput=vo.BaseTextInput,exports.TextArea=Mo.TextArea,exports.TextInput=wo.TextInput,exports.ToastProvider=Po.ToastProvider,exports.useToast=Po.useToast,exports.ToggleSwitch=Ao.ToggleSwitch,exports.ToggleSlider=Ro.ToggleSlider,exports.Tooltip=Fo.Tooltip,exports.TooltipContent=yo.TooltipContent,exports.TooltipTrigger=Do.TooltipTrigger,exports.PopupTip=Eo.PopupTip,exports.ScreenReaderOnly=fo.ScreenReaderOnly;
 //# sourceMappingURL=index.cjs.map

package/build/cjs/components/index.d.cts

@@ -14,6 +14,7 @@ export * from './icon/index.cjs';
 export * from './icon-button/index.cjs';
 export * from './image/index.cjs';
 export * from './input-group/index.cjs';
+export * from './input-panel/index.cjs';
 export * from './link/index.cjs';
 export * from './link-list/index.cjs';
 export * from './list/index.cjs';
@@ -26,7 +27,6 @@ export * from './pagination/index.cjs';
 export * from './popover/index.cjs';
 export * from './progress-bar/index.cjs';
 export * from './radio-button/index.cjs';
-export * from './radio-panel/index.cjs';
 export * from './select/index.cjs';
 export * from './summary-table/index.cjs';
 export * from './system-message/index.cjs';

package/build/cjs/components/input-panel/BasePanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),l=require("react"),n=require("../../hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),s=l.forwardRef((function({className:s,isChecked:t,children:i,alwaysOpen:r,label:c,extraLabel:p,type:d,...u},o){const j=`content-${l.useId()}`,x=l.Children.count(i)>0,h=n.useAutoAnimatedHeight(t);return e.jsxs("div",{className:a.clsx("jkl-input-panel",`jkl-${d}-panel`,s),children:[e.jsxs("label",{className:"jkl-input-panel__label",children:[e.jsx("input",{ref:o,className:"jkl-input-panel__input",type:d,"aria-controls":r?void 0:j,"aria-expanded":r?void 0:t,...u}),e.jsx("span",{"aria-hidden":"true",className:`jkl-${d}-panel__decorator`}),e.jsx("span",{className:"jkl-input-panel__main-label",children:c}),e.jsx("span",{className:a.clsx("jkl-input-panel__extra-label",{"jkl-input-panel__extra-label--text":"string"==typeof p}),children:p})]}),x&&e.jsx("div",{ref:h,"aria-hidden":!t&&!r,children:e.jsx("div",{className:"jkl-input-panel__content",id:j,"data-alwaysopen":r,children:i})})]})}));exports.BasePanel=s;
+//# sourceMappingURL=BasePanel.cjs.map

package/build/cjs/components/input-panel/BasePanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasePanel.cjs","sources":["../../../../src/components/input-panel/BasePanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    Children,\n    ComponentPropsWithRef,\n    ForwardedRef,\n    forwardRef,\n    ReactNode,\n    useId,\n} from \"react\";\nimport { useAutoAnimatedHeight } from \"../../hooks/useAnimatedHeight/useAutoAnimateHeight.js\";\n\ntype Props = ComponentPropsWithRef<\"input\"> & {\n    isChecked: boolean;\n    alwaysOpen: boolean;\n    label: string;\n    extraLabel?: ReactNode;\n    type: \"radio\" | \"checkbox\";\n};\n\nexport const BasePanel = forwardRef(function BasePanel(\n    {\n        className,\n        isChecked,\n        children,\n        alwaysOpen,\n        label,\n        extraLabel,\n        type,\n        ...rest\n    }: Props,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    const contentId = `content-${useId()}`;\n    const hasChildren = Children.count(children) > 0;\n    const animationRef = useAutoAnimatedHeight<HTMLDivElement>(isChecked);\n\n    return (\n        <div\n            className={clsx(\"jkl-input-panel\", `jkl-${type}-panel`, className)}\n        >\n            <label className=\"jkl-input-panel__label\">\n                <input\n                    ref={ref}\n                    className=\"jkl-input-panel__input\"\n                    type={type}\n                    aria-controls={!alwaysOpen ? contentId : undefined}\n                    aria-expanded={!alwaysOpen ? isChecked : undefined}\n                    {...rest}\n                />\n                <span\n                    aria-hidden=\"true\"\n                    className={`jkl-${type}-panel__decorator`}\n                />\n                <span className=\"jkl-input-panel__main-label\">{label}</span>\n                <span\n                    className={clsx(\"jkl-input-panel__extra-label\", {\n                        \"jkl-input-panel__extra-label--text\":\n                            typeof extraLabel === \"string\",\n                    })}\n                >\n                    {extraLabel}\n                </span>\n            </label>\n            {hasChildren && (\n                <div ref={animationRef} aria-hidden={!isChecked && !alwaysOpen}>\n                    <div\n                        className=\"jkl-input-panel__content\"\n                        id={contentId}\n                        data-alwaysopen={alwaysOpen}\n                    >\n                        {children}\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n});\n"],"names":["BasePanel","forwardRef","className","isChecked","children","alwaysOpen","label","extraLabel","type","rest","ref","contentId","useId","hasChildren","Children","count","animationRef","useAutoAnimatedHeight","jsxs","clsx","jsx","id"],"mappings":"oPAmBaA,EAAYC,EAAAA,YAAW,UAE5BC,UAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,KAAAA,KACGC,GAEPC,GAEM,MAAAC,EAAY,WAAWC,EAAAA,UACvBC,EAAcC,EAAAA,SAASC,MAAMX,GAAY,EACzCY,EAAeC,wBAAsCd,GAGvD,OAAAe,EAAAA,KAAC,MAAA,CACGhB,UAAWiB,EAAKA,KAAA,kBAAmB,OAAOX,UAAcN,GAExDE,SAAA,CAACc,EAAAA,KAAA,QAAA,CAAMhB,UAAU,yBACbE,SAAA,CAAAgB,EAAAA,IAAC,QAAA,CACGV,IAAAA,EACAR,UAAU,yBACVM,KAAAA,EACA,gBAAgBH,OAAyB,EAAZM,EAC7B,gBAAgBN,OAAyB,EAAZF,KACzBM,IAERW,EAAAA,IAAC,OAAA,CACG,cAAY,OACZlB,UAAW,OAAOM,uBAErBY,EAAAA,IAAA,OAAA,CAAKlB,UAAU,8BAA+BE,SAAME,IACrDc,EAAAA,IAAC,OAAA,CACGlB,UAAWiB,OAAK,+BAAgC,CAC5C,qCAC0B,iBAAfZ,IAGdH,SAAAG,OAGRM,SACI,MAAI,CAAAH,IAAKM,EAAc,eAAcb,IAAcE,EAChDD,SAAAgB,EAAAA,IAAC,MAAA,CACGlB,UAAU,2BACVmB,GAAIV,EACJ,kBAAiBN,EAEhBD,SAAAA,QAMzB"}

package/build/cjs/components/input-panel/BasePanel.d.cts

@@ -0,0 +1,10 @@
+import { default as React, ComponentPropsWithRef, ReactNode } from 'react';
+type Props = ComponentPropsWithRef<"input"> & {
+    isChecked: boolean;
+    alwaysOpen: boolean;
+    label: string;
+    extraLabel?: ReactNode;
+    type: "radio" | "checkbox";
+};
+export declare const BasePanel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/build/cjs/components/input-panel/CheckboxPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./BasePanel.cjs"),r=a.forwardRef((function({label:r,extraLabel:c,alwaysOpen:l=!1,checked:n,defaultChecked:o,onChange:s,...u},d){const[h,i]=a.useState(o||!1),b=a.useCallback((e=>{null==s||s(e),i(e.target.checked)}),[s,i]),k=typeof n<"u",f=k?n:h;return e.jsx(t.BasePanel,{ref:d,type:"checkbox",isChecked:f,defaultChecked:o,checked:k?n:void 0,onChange:b,alwaysOpen:l,label:r,extraLabel:c,...u})}));exports.CheckboxPanel=r;
+//# sourceMappingURL=CheckboxPanel.cjs.map

package/build/cjs/components/input-panel/CheckboxPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxPanel.cjs","sources":["../../../../src/components/input-panel/CheckboxPanel.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ComponentPropsWithRef,\n    ForwardedRef,\n    forwardRef,\n    useCallback,\n    useState,\n} from \"react\";\nimport { BasePanel } from \"./BasePanel.js\";\n\nexport type CheckboxPanelProps = Omit<\n    ComponentPropsWithRef<\"input\">,\n    \"type\"\n> & {\n    label: string;\n    extraLabel?: React.ReactNode;\n    alwaysOpen?: boolean;\n};\n\nexport const CheckboxPanel = forwardRef(function CheckboxPanel(\n    {\n        label,\n        extraLabel,\n        alwaysOpen = false,\n        checked,\n        defaultChecked,\n        onChange,\n        ...rest\n    }: CheckboxPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    const [_isChecked, setIsChecked] = useState(defaultChecked || false);\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            onChange?.(e);\n            setIsChecked(e.target.checked);\n        },\n        [onChange, setIsChecked],\n    );\n\n    const isControlled = typeof checked !== \"undefined\";\n    const isChecked = isControlled ? checked : _isChecked;\n\n    return (\n        <BasePanel\n            ref={ref}\n            type=\"checkbox\"\n            isChecked={isChecked}\n            defaultChecked={defaultChecked}\n            checked={isControlled ? checked : undefined}\n            onChange={handleChange}\n            alwaysOpen={alwaysOpen}\n            label={label}\n            extraLabel={extraLabel}\n            {...rest}\n        />\n    );\n});\n"],"names":["CheckboxPanel","forwardRef","label","extraLabel","alwaysOpen","checked","defaultChecked","onChange","rest","ref","_isChecked","setIsChecked","useState","handleChange","useCallback","e","target","isControlled","isChecked","jsx","BasePanel","type"],"mappings":"qKAmBaA,EAAgBC,EAAAA,YAAW,UAEhCC,MAAAA,EACAC,WAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,eAAAA,EACAC,SAAAA,KACGC,GAEPC,GAEA,MAAOC,EAAYC,GAAgBC,EAAAA,SAASN,IAAkB,GAExDO,EAAeC,EAAAA,aAChBC,IACG,MAAAR,GAAAA,EAAWQ,GACEJ,EAAAI,EAAEC,OAAOX,QAAO,GAEjC,CAACE,EAAUI,IAGTM,SAAsBZ,EAAY,IAClCa,EAAYD,EAAeZ,EAAUK,EAGvC,OAAAS,EAAAA,IAACC,EAAAA,UAAA,CACGX,IAAAA,EACAY,KAAK,WACLH,UAAAA,EACAZ,eAAAA,EACAD,QAASY,EAAeZ,OAAU,EAClCE,SAAUM,EACVT,WAAAA,EACAF,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}

package/build/cjs/components/input-panel/CheckboxPanel.d.cts

@@ -0,0 +1,7 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export type CheckboxPanelProps = Omit<ComponentPropsWithRef<"input">, "type"> & {
+    label: string;
+    extraLabel?: React.ReactNode;
+    alwaysOpen?: boolean;
+};
+export declare const CheckboxPanel: React.ForwardRefExoticComponent<Omit<CheckboxPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/input-panel/RadioPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./BasePanel.cjs"),o=require("./radioPanelContext.cjs"),l=a.forwardRef((function({alwaysOpen:l=!1,label:n,extraLabel:t,checked:u,onChange:i,value:d,defaultChecked:s,...c},f){const{onValueChange:h,checkedValue:p}=a.useContext(o.context),w=a.useCallback((e=>{if(null==i||i(e),!h)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");h(d)}),[i,h,d]);a.useEffect((()=>{if(s){if(!h)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");h(d)}}),[]);const k=typeof u<"u",x=k?u:p===d;return e.jsx(r.BasePanel,{ref:f,type:"radio",value:d,isChecked:x,defaultChecked:s,checked:k?u:void 0,onChange:w,alwaysOpen:l,label:n,extraLabel:t,...c})}));exports.RadioPanel=l;
+//# sourceMappingURL=RadioPanel.cjs.map

package/build/cjs/components/input-panel/RadioPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPanel.cjs","sources":["../../../../src/components/input-panel/RadioPanel.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ComponentPropsWithRef,\n    ForwardedRef,\n    forwardRef,\n    useCallback,\n    useContext,\n    useEffect,\n} from \"react\";\nimport { BasePanel } from \"./BasePanel.js\";\nimport { context } from \"./radioPanelContext.js\";\n\n// aria-invalid has been deprecated for the \"radio\" role, it should go on the\n// parent radiogroup\nexport type RadioPanelProps = Omit<\n    ComponentPropsWithRef<\"input\">,\n    \"type\" | \"aria-invalid\"\n> & {\n    value: string;\n    label: string;\n    extraLabel?: React.ReactNode;\n    alwaysOpen?: boolean;\n};\n\nexport const RadioPanel = forwardRef(function RadioPanel(\n    {\n        alwaysOpen = false,\n        label,\n        extraLabel,\n        checked,\n        onChange,\n        value,\n        defaultChecked,\n        ...rest\n    }: RadioPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    const { onValueChange, checkedValue } = useContext(context);\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            onChange?.(e);\n            if (!onValueChange) {\n                throw new Error(\n                    \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n                );\n            }\n            onValueChange(value);\n        },\n        [onChange, onValueChange, value],\n    );\n\n    useEffect(() => {\n        if (defaultChecked) {\n            if (!onValueChange) {\n                throw new Error(\n                    \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n                );\n            }\n            onValueChange(value);\n        }\n        // We never want to rerun this effect. Changing the default value after the\n        // input control is first mounted should not cause any updates\n        /* eslint-disable-next-line react-hooks/exhaustive-deps */\n    }, []);\n\n    const isControlled = typeof checked !== \"undefined\";\n    const isChecked = isControlled ? checked : checkedValue === value;\n\n    return (\n        <BasePanel\n            ref={ref}\n            type=\"radio\"\n            value={value}\n            isChecked={isChecked}\n            defaultChecked={defaultChecked}\n            checked={isControlled ? checked : undefined}\n            onChange={handleChange}\n            alwaysOpen={alwaysOpen}\n            label={label}\n            extraLabel={extraLabel}\n            {...rest}\n        />\n    );\n});\n"],"names":["RadioPanel","forwardRef","alwaysOpen","label","extraLabel","checked","onChange","value","defaultChecked","rest","ref","onValueChange","checkedValue","useContext","context","handleChange","useCallback","e","Error","useEffect","isControlled","isChecked","jsx","BasePanel","type"],"mappings":"0MAwBaA,EAAaC,EAAAA,YAAW,UAE7BC,WAAAA,GAAa,EACbC,MAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,eAAAA,KACGC,GAEPC,GAEA,MAAQC,cAAAA,EAAeC,aAAAA,GAAiBC,aAAWC,EAAOA,SAEpDC,EAAeC,EAAAA,aAChBC,IAEG,GADA,MAAAX,GAAAA,EAAWW,IACNN,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAAK,GAEvB,CAACD,EAAUK,EAAeJ,IAG9BY,EAAAA,WAAU,KACN,GAAIX,EAAgB,CAChB,IAAKG,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAClB,IAID,IAEG,MAAAa,SAAsBf,EAAY,IAClCgB,EAAYD,EAAef,EAAUO,IAAiBL,EAGxD,OAAAe,EAAAA,IAACC,EAAAA,UAAA,CACGb,IAAAA,EACAc,KAAK,QACLjB,MAAAA,EACAc,UAAAA,EACAb,eAAAA,EACAH,QAASe,EAAef,OAAU,EAClCC,SAAUS,EACVb,WAAAA,EACAC,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}

package/build/cjs/components/{radio-panel → input-panel}/RadioPanel.d.cts

@@ -1,10 +1,8 @@
 import { default as React, ComponentPropsWithRef } from 'react';
-type Props = Omit<ComponentPropsWithRef<"input">, "type"> & {
-    name: string;
+export type RadioPanelProps = Omit<ComponentPropsWithRef<"input">, "type" | "aria-invalid"> & {
     value: string;
     label: string;
     extraLabel?: React.ReactNode;
     alwaysOpen?: boolean;
 };
-export declare const RadioPanel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const RadioPanel: React.ForwardRefExoticComponent<Omit<RadioPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/input-panel/RadioPanelGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../input-group/FieldGroup.cjs"),o=require("./radioPanelContext.cjs");exports.RadioPanelGroup=({className:t,...i})=>{const[u,l]=r.useState();return e.jsx(o.context.Provider,{value:{checkedValue:u,onValueChange:e=>{l(e)}},children:e.jsx(a.FieldGroup,{className:t,role:"radiogroup","aria-invalid":!!i.errorLabel,...i})})};
+//# sourceMappingURL=RadioPanelGroup.cjs.map

package/build/cjs/components/input-panel/RadioPanelGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPanelGroup.cjs","sources":["../../../../src/components/input-panel/RadioPanelGroup.tsx"],"sourcesContent":["import React, { FC, useState } from \"react\";\nimport { FieldGroup, FieldGroupProps } from \"../input-group/FieldGroup.js\";\nimport { context } from \"./radioPanelContext.js\";\n\nexport type RadioPanelGroupProps = FieldGroupProps & {};\n\nexport const RadioPanelGroup: FC<RadioPanelGroupProps> = ({\n    className,\n    ...rest\n}) => {\n    const [checkedValue, setCheckedValue] = useState<string>();\n\n    const onChange = (value: string) => {\n        setCheckedValue(value);\n    };\n\n    return (\n        <context.Provider value={{ checkedValue, onValueChange: onChange }}>\n            <FieldGroup\n                className={className}\n                role=\"radiogroup\"\n                aria-invalid={!!rest.errorLabel}\n                {...rest}\n            />\n        </context.Provider>\n    );\n};\n"],"names":["className","rest","checkedValue","setCheckedValue","useState","jsx","context","Provider","value","onValueChange","children","FieldGroup","role","errorLabel"],"mappings":"gPAMyD,EACrDA,UAAAA,KACGC,MAEH,MAAOC,EAAcC,GAAmBC,EAAiBA,WAOrD,OAAAC,MAACC,EAAAA,QAAQC,SAAR,CAAiBC,MAAO,CAAEN,aAAAA,EAAcO,cAL3BD,IACdL,EAAgBK,EAAK,GAKjBE,SAAAL,EAAAA,IAACM,EAAAA,WAAA,CACGX,UAAAA,EACAY,KAAK,aACL,iBAAgBX,EAAKY,cACjBZ,KAEZ"}

package/build/cjs/components/input-panel/RadioPanelGroup.d.cts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FieldGroupProps } from '../input-group/FieldGroup.cjs';
+export type RadioPanelGroupProps = FieldGroupProps & {};
+export declare const RadioPanelGroup: FC<RadioPanelGroupProps>;

package/build/cjs/components/input-panel/documentation/checkbox-panel/ControlledExample.d.cts

@@ -0,0 +1,4 @@
+import { ExampleComponentProps, ExampleKnobsProps } from 'doc-utils/index.cjs';
+import { FC } from 'react';
+export declare const knobs: ExampleKnobsProps;
+export declare const ControlledExample: FC<ExampleComponentProps>;

package/build/cjs/components/input-panel/documentation/checkbox-panel/UncontrolledExample.d.cts

@@ -0,0 +1,4 @@
+import { ExampleComponentProps, ExampleKnobsProps } from 'doc-utils/index.cjs';
+import { FC } from 'react';
+export declare const knobs: ExampleKnobsProps;
+export declare const UncontrolledExample: FC<ExampleComponentProps>;

package/build/cjs/components/input-panel/documentation/radio-panel/ControlledExample.d.cts

@@ -0,0 +1,4 @@
+import { ExampleComponentProps, ExampleKnobsProps } from 'doc-utils/index.cjs';
+import { FC } from 'react';
+export declare const knobs: ExampleKnobsProps;
+export declare const ControlledExample: FC<ExampleComponentProps>;

package/build/cjs/components/input-panel/documentation/radio-panel/UncontrolledExample.d.cts

@@ -0,0 +1,4 @@
+import { ExampleComponentProps, ExampleKnobsProps } from 'doc-utils/index.cjs';
+import { FC } from 'react';
+export declare const knobs: ExampleKnobsProps;
+export declare const UncontrolledExample: FC<ExampleComponentProps>;

package/build/cjs/components/input-panel/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxPanel.cjs"),o=require("./RadioPanel.cjs"),a=require("./RadioPanelGroup.cjs");exports.CheckboxPanel=e.CheckboxPanel,exports.RadioPanel=o.RadioPanel,exports.RadioPanelGroup=a.RadioPanelGroup;
+//# sourceMappingURL=index.cjs.map

package/build/cjs/components/input-panel/index.d.cts

@@ -0,0 +1,3 @@
+export { CheckboxPanel, type CheckboxPanelProps } from './CheckboxPanel.cjs';
+export { RadioPanel, type RadioPanelProps } from './RadioPanel.cjs';
+export { RadioPanelGroup, type RadioPanelGroupProps, } from './RadioPanelGroup.cjs';

package/build/cjs/components/input-panel/radioPanelContext.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react").createContext({});exports.context=e;
+//# sourceMappingURL=radioPanelContext.cjs.map

package/build/cjs/components/input-panel/radioPanelContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioPanelContext.cjs","sources":["../../../../src/components/input-panel/radioPanelContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype Context = {\n    checkedValue?: string;\n    onValueChange?: (value: string) => void;\n};\n\nexport const context = createContext<Context>({});\n"],"names":["context","createContext"],"mappings":"sFAOaA,mBAAiCC,cAAA,CAAE"}

package/build/cjs/components/input-panel/radioPanelContext.d.cts

@@ -0,0 +1,7 @@
+/// <reference types="react" resolution-mode="require"/>
+type Context = {
+    checkedValue?: string;
+    onValueChange?: (value: string) => void;
+};
+export declare const context: import('react').Context<Context>;
+export {};

package/build/cjs/components/link-list/LinkList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.cjs","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ComponentProps, FC } from \"react\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\n\nconst Item: FC<ComponentProps<\"li\">> = ({ className, ...rest }) => {\n    return (\n        <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>\n    );\n};\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n) => React.ReactElement | null;\n\nconst Link = React.forwardRef(function LinkListLink<\n    ElementType extends React.ElementType = \"a\",\n>(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list-link\", className)}\n            ref={ref}\n            {...rest}\n        >\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\ntype UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {\n    variant: \"unordered\";\n};\n\ntype OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {\n    variant: \"ordered\";\n};\n\ntype LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;\n\nexport const LinkList = ({\n    variant,\n    className,\n    ...rest\n}: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"8NAkBMA,EAAOC,EAAMC,YAAW,SAG1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAAAA,KAACJ,EAAA,CACGE,UAAWG,EAAAA,KAAK,qBAAsBH,GACtCJ,IAAAA,KACIK,EAEHF,SAAA,CAAAA,EACDK,EAAAA,IAACC,EAAeA,eAAA,CAAAL,UAAU,gCAGtC,IAYaM,EAAW,EACpBC,QAAAA,EACAP,UAAAA,KACGC,MAEG,MAAAH,EAAwB,YAAZS,EAAwB,KAAO,KAG7C,OAAAH,EAAAA,IAACN,EAAA,CACGE,UAAWG,EAAAA,KAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,GAAA,EAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA3D8B,EAAGR,UAAAA,KAAcC,KAEhDG,EAAAA,IAAC,MAAGJ,UAAWG,EAAAA,KAAK,qBAAsBH,MAAgBC"}
+{"version":3,"file":"LinkList.cjs","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport { ItemProps, LinkComponent, LinkListProps } from \"./types.js\";\n\nconst Item: ItemProps = ({ className, ...rest }) => {\n    return (\n        <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>\n    );\n};\n\nconst Link = React.forwardRef(function LinkListLink<\n    ElementType extends React.ElementType = \"a\",\n>(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list-link\", className)}\n            ref={ref}\n            {...rest}\n        >\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\nexport const LinkList = ({\n    variant,\n    className,\n    ...rest\n}: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"8NAeMA,EAAOC,EAAMC,YAAW,SAG1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAAAA,KAACJ,EAAA,CACGE,UAAWG,EAAAA,KAAK,qBAAsBH,GACtCJ,IAAAA,KACIK,EAEHF,SAAA,CAAAA,EACDK,EAAAA,IAACC,EAAeA,eAAA,CAAAL,UAAU,gCAGtC,IAEaM,EAAW,EACpBC,QAAAA,EACAP,UAAAA,KACGC,MAEG,MAAAH,EAAwB,YAAZS,EAAwB,KAAO,KAG7C,OAAAH,EAAAA,IAACN,EAAA,CACGE,UAAWG,EAAAA,KAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,GAAA,EAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA7Ce,EAAGR,UAAAA,KAAcC,KAEjCG,EAAAA,IAAC,MAAGJ,UAAWG,EAAAA,KAAK,qBAAsBH,MAAgBC"}

package/build/cjs/components/link-list/LinkList.d.cts

@@ -1,16 +1,7 @@
 import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
-type LinkComponent = <ElementType extends React.ElementType = "a">(props: PolymorphicPropsWithRef<ElementType>) => React.ReactElement | null;
-type UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {
-    variant: "unordered";
-};
-type OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {
-    variant: "ordered";
-};
-type LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;
+import { ItemProps, LinkComponent, LinkListProps } from './types.cjs';
 export declare const LinkList: {
     ({ variant, className, ...rest }: LinkListProps): React.JSX.Element;
     Link: LinkComponent;
-    Item: React.FC<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+    Item: ItemProps;
 };
-export {};

package/build/cjs/components/link-list/index.d.cts

@@ -1 +1,2 @@
 export { LinkList } from './LinkList.cjs';
+export { type LinkListProps, type UnorderedLinkListProps, type OrderedLinkListProps, type LinkComponent, type ItemProps, } from './types.cjs';

package/build/cjs/components/link-list/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/link-list/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/link-list/types.d.cts

@@ -0,0 +1,11 @@
+import { ComponentProps, FC } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
+export type UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {
+    variant: "unordered";
+};
+export type OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {
+    variant: "ordered";
+};
+export type LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;
+export type LinkComponent = <ElementType extends React.ElementType = "a">(props: PolymorphicPropsWithRef<ElementType>) => React.ReactElement | null;
+export type ItemProps = FC<ComponentProps<"li">>;

package/build/cjs/components/list/index.d.cts

@@ -1,3 +1,2 @@
-export type { ListProps } from './List.cjs';
-export { UnorderedList, OrderedList, List } from './List.cjs';
-export { ListItem, CheckListItem, CrossListItem } from './ListItem.cjs';
+export { UnorderedList, OrderedList, List, type ListProps } from './List.cjs';
+export { ListItem, CheckListItem, CrossListItem, type ListItemProps, } from './ListItem.cjs';