@fremtind/jokul 0.27.1 → 0.27.3

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxQuestion.cjs","sources":["../../../../../src/components/feedback/questions/CheckboxQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef } from \"react\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\n\nexport const CheckboxQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const ref = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const { value } = event.target;\n        const matchingOption = options?.find((option) => option.value.toString() === value);\n        if (!matchingOption) return;\n\n        if (!context?.currentValue) {\n            context?.setCurrentValue([matchingOption]);\n            return;\n        }\n\n        if (Array.isArray(context?.currentValue)) {\n            const found = context.currentValue.find((option) => option === matchingOption);\n            if (found) {\n                context.setCurrentValue((oldValues) =>\n                    (oldValues as FeedbackOption[]).filter((option) => option !== found),\n                );\n            } else {\n                context.setCurrentValue((oldValues) => [...(oldValues as FeedbackOption[]), matchingOption]);\n            }\n        }\n    };\n\n    if (!context) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n            {options?.map((option, i) => (\n                <Checkbox\n                    key={`${label}-${option.value}`}\n                    name={name || label}\n                    value={option.value.toString()}\n                    onChange={handleChange}\n                    ref={i === 0 ? ref : undefined}\n                >\n                    {option.label}\n                </Checkbox>\n            ))}\n        </FieldGroup>\n    );\n};\n"],"names":["label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","handleChange","event","value","target","matchingOption","find","option","toString","currentValue","setCurrentValue","Array","isArray","found","oldValues","filter","jsx","FieldGroup","labelProps","variant","legend","children","map","i","Checkbox","onChange","console","error"],"mappings":"2VAOyD,EAAGA,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MACrG,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,SAAyB,MAErCC,EAAAA,WAAU,KACFR,GAAaM,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACV,EAAWM,IAET,MAAAK,EAAsDC,IAClD,MAAEC,MAAAA,GAAUD,EAAME,OAClBC,EAAiB,MAAAjB,OAAAA,EAAAA,EAASkB,MAAMC,GAAWA,EAAOJ,MAAMK,aAAeL,IAC7E,GAAKE,EAED,CAAA,GAAC,MAAAV,IAAAA,EAASc,aAEV,YADS,MAAAd,GAAAA,EAAAe,gBAAgB,CAACL,KAI9B,GAAIM,MAAMC,QAAQ,MAAAjB,SAAAA,EAASc,cAAe,CACtC,MAAMI,EAAQlB,EAAQc,aAAaH,MAAMC,GAAWA,IAAWF,IAC3DQ,EACQlB,EAAAe,iBAAiBI,GACpBA,EAA+BC,QAAQR,GAAWA,IAAWM,MAGlElB,EAAQe,iBAAiBI,GAAc,IAAKA,EAAgCT,IAEpF,CAAA,GAGJ,OAAKV,EAMAqB,EAAAA,IAAAC,EAAAA,WAAA,CAAWC,WAAY,CAAEC,QAAS,SAAWC,OAAQlC,EAAOG,UAAAA,EACxDgC,SAAA,MAAAjC,OAAAA,EAAAA,EAASkC,KAAI,CAACf,EAAQgB,IACnBP,EAAAA,IAACQ,EAAAA,SAAA,CAEGrC,KAAMA,GAAQD,EACdiB,MAAOI,EAAOJ,MAAMK,WACpBiB,SAAUxB,EACVL,IAAW,IAAN2B,EAAU3B,OAAM,EAEpByB,SAAOd,EAAArB,OANH,GAAGA,KAASqB,EAAOJ,cARpCuB,QAAQC,MAAM,yEACP,KAAA"}
+{"version":3,"file":"CheckboxQuestion.cjs","sources":["../../../../../src/components/feedback/questions/CheckboxQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef } from \"react\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\n\nexport const CheckboxQuestion: React.FC<QuestionProps> = ({\n    label,\n    name,\n    options,\n    helpLabel,\n    autoFocus = false,\n}) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const ref = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const { value } = event.target;\n        const matchingOption = options?.find(\n            (option) => option.value.toString() === value,\n        );\n        if (!matchingOption) return;\n\n        if (!context?.currentValue) {\n            context?.setCurrentValue([matchingOption]);\n            return;\n        }\n\n        if (Array.isArray(context?.currentValue)) {\n            const found = context.currentValue.find(\n                (option) => option === matchingOption,\n            );\n            if (found) {\n                context.setCurrentValue((oldValues) =>\n                    (oldValues as FeedbackOption[]).filter(\n                        (option) => option !== found,\n                    ),\n                );\n            } else {\n                context.setCurrentValue((oldValues) => [\n                    ...(oldValues as FeedbackOption[]),\n                    matchingOption,\n                ]);\n            }\n        }\n    };\n\n    if (!context) {\n        console.error(\n            \"Questions must be used inside a Followup or Feedback context provider\",\n        );\n        return null;\n    }\n\n    return (\n        <FieldGroup\n            labelProps={{ variant: \"large\" }}\n            legend={label}\n            helpLabel={helpLabel}\n        >\n            {options?.map((option, i) => (\n                <Checkbox\n                    key={`${label}-${option.value}`}\n                    name={name || label}\n                    value={option.value.toString()}\n                    onChange={handleChange}\n                    ref={i === 0 ? ref : undefined}\n                >\n                    {option.label}\n                </Checkbox>\n            ))}\n        </FieldGroup>\n    );\n};\n"],"names":["label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","handleChange","event","value","target","matchingOption","find","option","toString","currentValue","setCurrentValue","Array","isArray","found","oldValues","filter","jsx","FieldGroup","labelProps","variant","legend","children","map","i","Checkbox","onChange","console","error"],"mappings":"2VAOyD,EACrDA,MAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,UAAAA,GAAY,MAEZ,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,SAAyB,MAErCC,EAAAA,WAAU,KACFR,GAAaM,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACV,EAAWM,IAET,MAAAK,EAAsDC,IAClD,MAAEC,MAAAA,GAAUD,EAAME,OAClBC,EAAiB,MAAAjB,OAAAA,EAAAA,EAASkB,MAC3BC,GAAWA,EAAOJ,MAAMK,aAAeL,IAE5C,GAAKE,EAED,CAAA,GAAC,MAAAV,IAAAA,EAASc,aAEV,YADS,MAAAd,GAAAA,EAAAe,gBAAgB,CAACL,KAI9B,GAAIM,MAAMC,QAAQ,MAAAjB,SAAAA,EAASc,cAAe,CAChC,MAAAI,EAAQlB,EAAQc,aAAaH,MAC9BC,GAAWA,IAAWF,IAEvBQ,EACQlB,EAAAe,iBAAiBI,GACpBA,EAA+BC,QAC3BR,GAAWA,IAAWM,MAIvBlB,EAAAe,iBAAiBI,GAAc,IAC/BA,EACJT,IAGZ,CAAA,GAGJ,OAAKV,EAQDqB,EAAAA,IAACC,EAAAA,WAAA,CACGC,WAAY,CAAEC,QAAS,SACvBC,OAAQlC,EACRG,UAAAA,EAECgC,SAAS,MAAAjC,OAAAA,EAAAA,EAAAkC,KAAI,CAACf,EAAQgB,IACnBP,EAAAA,IAACQ,EAAAA,SAAA,CAEGrC,KAAMA,GAAQD,EACdiB,MAAOI,EAAOJ,MAAMK,WACpBiB,SAAUxB,EACVL,IAAW,IAAN2B,EAAU3B,OAAM,EAEpByB,SAAOd,EAAArB,OANH,GAAGA,KAASqB,EAAOJ,cAd5BuB,QAAAC,MACJ,yEAEG,KAAA"}

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, { ChangeEvent, FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { isValidEpost, isValidTelefonnummer } from \"../../../utilities/validators/index.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    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 } = 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 = (consumer: (value: string) => void) => (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 className=\"jkl-spacing-xl--top\" onSubmit={handleSubmit} aria-label={landmarkLabel}>\n            <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n            {children && <ChildrenWrapper className=\"jkl-body\">{children}</ChildrenWrapper>}\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)}>Nei takk</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","className","preventDefault","_a","current","focus","_b","TextInput","ref","labelProps","variant","autoComplete","name","onChange","errorLabel","jsxs","PrimaryButton","type","TertiaryButton","onClick"],"mappings":"mcA2BMA,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,SAA6C,CAAE,GACrEK,EAAWC,SAAyB,MACpCC,EAAWD,SAAyB,OACnCE,EAAgBC,GAAqBT,YAAS,IAE9CU,EAAUC,GAAeX,YAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAAkBC,EAAmBA,qBAE9EC,EAAsC,iBAAbxB,EAAwB,IAAM,MAEvDyB,EAAW,CAACnB,EAAeG,KACvB,MAAAiB,EAtESpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,aAAarB,QAAd,EACO,oCAHA,uDAoEYsB,CAActB,GAC3BuB,EA7DSpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,qBAAqBrB,QAAtB,EACO,oCAHA,uDA2DYsB,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,EAAgBC,GAAuCC,GACzDD,EAASC,EAAEC,OAAOC,OAqBtB,OAAInB,EACO,KAGPE,EACOkB,EAAAA,IAACC,EAAiBA,gBAAA,IAAGlC,WAI3B,OAAK,CAAAmC,UAAU,sBAAsBpC,SA5BI+B,YAC1CA,EAAEM,iBAEF,MAAQf,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,GACnD,OAAIiB,GACAT,GAAkB,QAClB,OAAAyB,EAAA7B,EAAS8B,UAATD,EAAkBE,UAGlBzC,GAAa0B,GACbZ,GAAkB,QAClB,OAAA4B,EAAA9B,EAAS4B,UAATE,EAAkBD,WAItBxC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAYsC,aAAYC,EACtEtB,SAAA,CAACsC,EAAAA,IAAA,IAAA,CAAEE,UAAU,uCAAwCxC,SAAMC,IAC1DD,GAAYsC,EAAAA,IAACd,EAAgB,CAAAgB,UAAU,WAAYxC,SAAAA,IAEpDsC,EAAAA,IAACQ,EAAAA,UAAA,CACGC,IAAKlC,EACL2B,UAAU,qBACVvC,MAAM,SACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLd,MAAO/B,EACP8C,SAAUnB,EAAa1B,GACvB8C,WAAY1C,EAAOL,QAEtBH,GACGmC,EAAAA,IAACQ,EAAAA,UAAA,CACGC,IAAKhC,EACLyB,UAAU,qBACVvC,MAAM,gBACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLd,MAAO5B,EACP2C,SAAUnB,EAAavB,GACvB2C,WAAY1C,EAAOF,QAI3B6C,EAAAA,KAAC,MAAI,CAAAd,UAAU,sBACXxC,SAAA,CAAAsC,MAACiB,EAAAA,cAAc,CAAAC,KAAK,SAAShB,UAAU,wBAClCxC,SACLE,UACCuD,EAAAA,eAAe,CAAAC,QAAS,IAAMvC,GAAY,GAAOnB,SAAQ,kBAElE"}
+{"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 {\n    isValidEpost,\n    isValidTelefonnummer,\n} from \"../../../utilities/validators/index.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":"mcAqCMA,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioQuestion.cjs","sources":["../../../../../src/components/feedback/questions/RadioQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useId, useMemo, useRef } from \"react\";\nimport { RadioButton } from \"../../radio-button/RadioButton.js\";\nimport { RadioButtonGroup } from \"../../radio-button/RadioButtonGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { QuestionProps } from \"../types.js\";\n\nexport const RadioQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const id = useId();\n\n    const numOptions = options?.length || 0;\n\n    const ref = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n        const option = options?.find((option) => option.value.toString() === e.target.value);\n        context?.setCurrentValue(option);\n    };\n\n    const selectedValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value.toString()\n                : context?.currentValue?.value.toString(),\n        [context?.currentValue],\n    );\n\n    if (!context) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <RadioButtonGroup\n            legend={label}\n            labelProps={{ variant: \"large\" }}\n            name={`${id}-${name || label}`}\n            inline={numOptions < 3}\n            value={selectedValue || \"\"}\n            onChange={handleChange}\n            helpLabel={helpLabel}\n        >\n            {options?.map((option, i) => (\n                <RadioButton\n                    ref={i === 0 ? ref : undefined}\n                    key={`${id}-${name || label}-${option.value}`}\n                    label={option.label}\n                    value={String(option.value)}\n                />\n            ))}\n        </RadioButtonGroup>\n    );\n};\n"],"names":["label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","numOptions","length","ref","useRef","useEffect","current","focus","selectedValue","useMemo","Array","isArray","currentValue","value","toString","_a","jsx","RadioButtonGroup","legend","labelProps","variant","inline","onChange","e","option","find","target","setCurrentValue","children","map","i","RadioButton","String","console","error"],"mappings":"sWAOsD,EAAGA,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MAClG,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,EAAAA,QAELC,GAAa,MAAAV,OAAA,EAAAA,EAASW,SAAU,EAEhCC,EAAMC,SAAyB,MACrCC,EAAAA,WAAU,KACFZ,GAAaU,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACd,EAAWU,IAET,MAKAK,EAAgBC,EAAAA,SAClB,WACI,OAAAC,MAAMC,QAAQ,MAAAb,OAAAA,EAAAA,EAASc,cACjB,MAAAd,OAAAA,EAAAA,EAASc,aAAa,GAAGC,MAAMC,WAC/B,OAAAC,EAAA,MAAAjB,OAAAA,EAAAA,EAASc,mBAAT,EAAAG,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAhB,OAAAA,EAAAA,EAASc,eAGd,OAAKd,EAMDkB,EAAAA,IAACC,EAAAA,iBAAA,CACGC,OAAQ7B,EACR8B,WAAY,CAAEC,QAAS,SACvB9B,KAAM,GAAGS,KAAMT,GAAQD,IACvBgC,OAAQpB,EAAa,EACrBY,MAAOL,GAAiB,GACxBc,SAzBoDC,IAClD,MAAAC,EAAS,MAAAjC,SAAAA,EAASkC,MAAMD,GAAWA,EAAOX,MAAMC,aAAeS,EAAEG,OAAOb,QAC9E,MAAAf,GAAAA,EAAS6B,gBAAgBH,IAwBrBhC,UAAAA,EAECoC,SAAS,MAAArC,OAAA,EAAAA,EAAAsC,KAAI,CAACL,EAAQM,IACnBd,EAAAA,IAACe,EAAAA,YAAA,CACG5B,IAAW,IAAN2B,EAAU3B,OAAM,EAErBd,MAAOmC,EAAOnC,MACdwB,MAAOmB,OAAOR,EAAOX,QAFhB,GAAGd,KAAMT,GAAQD,KAASmC,EAAOX,cAjBlDoB,QAAQC,MAAM,yEACP,KAAA"}
+{"version":3,"file":"RadioQuestion.cjs","sources":["../../../../../src/components/feedback/questions/RadioQuestion.tsx"],"sourcesContent":["import React, {\n    ChangeEventHandler,\n    useEffect,\n    useId,\n    useMemo,\n    useRef,\n} from \"react\";\nimport { RadioButton } from \"../../radio-button/RadioButton.js\";\nimport { RadioButtonGroup } from \"../../radio-button/RadioButtonGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { QuestionProps } from \"../types.js\";\n\nexport const RadioQuestion: React.FC<QuestionProps> = ({\n    label,\n    name,\n    options,\n    helpLabel,\n    autoFocus = false,\n}) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const id = useId();\n\n    const numOptions = options?.length || 0;\n\n    const ref = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n        const option = options?.find(\n            (option) => option.value.toString() === e.target.value,\n        );\n        context?.setCurrentValue(option);\n    };\n\n    const selectedValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value.toString()\n                : context?.currentValue?.value.toString(),\n        [context?.currentValue],\n    );\n\n    if (!context) {\n        console.error(\n            \"Questions must be used inside a Followup or Feedback context provider\",\n        );\n        return null;\n    }\n\n    return (\n        <RadioButtonGroup\n            legend={label}\n            labelProps={{ variant: \"large\" }}\n            name={`${id}-${name || label}`}\n            inline={numOptions < 3}\n            value={selectedValue || \"\"}\n            onChange={handleChange}\n            helpLabel={helpLabel}\n        >\n            {options?.map((option, i) => (\n                <RadioButton\n                    ref={i === 0 ? ref : undefined}\n                    key={`${id}-${name || label}-${option.value}`}\n                    label={option.label}\n                    value={String(option.value)}\n                />\n            ))}\n        </RadioButtonGroup>\n    );\n};\n"],"names":["label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","numOptions","length","ref","useRef","useEffect","current","focus","selectedValue","useMemo","Array","isArray","currentValue","value","toString","_a","jsx","RadioButtonGroup","legend","labelProps","variant","inline","onChange","e","option","find","target","setCurrentValue","children","map","i","RadioButton","String","console","error"],"mappings":"sWAasD,EAClDA,MAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,UAAAA,GAAY,MAEZ,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,EAAAA,QAELC,GAAa,MAAAV,OAAA,EAAAA,EAASW,SAAU,EAEhCC,EAAMC,SAAyB,MACrCC,EAAAA,WAAU,KACFZ,GAAaU,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACd,EAAWU,IAET,MAOAK,EAAgBC,EAAAA,SAClB,WACI,OAAAC,MAAMC,QAAQ,MAAAb,OAAAA,EAAAA,EAASc,cACjB,MAAAd,OAAAA,EAAAA,EAASc,aAAa,GAAGC,MAAMC,WAC/B,OAAAC,EAAA,MAAAjB,OAAAA,EAAAA,EAASc,mBAAT,EAAAG,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAhB,OAAAA,EAAAA,EAASc,eAGd,OAAKd,EAQDkB,EAAAA,IAACC,EAAAA,iBAAA,CACGC,OAAQ7B,EACR8B,WAAY,CAAEC,QAAS,SACvB9B,KAAM,GAAGS,KAAMT,GAAQD,IACvBgC,OAAQpB,EAAa,EACrBY,MAAOL,GAAiB,GACxBc,SA7BoDC,IACxD,MAAMC,EAAS,MAAAjC,SAAAA,EAASkC,MACnBD,GAAWA,EAAOX,MAAMC,aAAeS,EAAEG,OAAOb,QAErD,MAAAf,GAAAA,EAAS6B,gBAAgBH,IA0BrBhC,UAAAA,EAECoC,SAAS,MAAArC,OAAA,EAAAA,EAAAsC,KAAI,CAACL,EAAQM,IACnBd,EAAAA,IAACe,EAAAA,YAAA,CACG5B,IAAW,IAAN2B,EAAU3B,OAAM,EAErBd,MAAOmC,EAAOnC,MACdwB,MAAOmB,OAAOR,EAAOX,QAFhB,GAAGd,KAAMT,GAAQD,KAASmC,EAAOX,cAnB1CoB,QAAAC,MACJ,yEAEG,KAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SmileyQuestion.cjs","sources":["../../../../../src/components/feedback/questions/SmileyQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, Fragment, useId, useMemo } from \"react\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\nimport { defaultOptions, getSmiley } from \"./smileyUtils.js\";\n\nconst isNotInScale = (option: FeedbackOption) =>\n    typeof option.value !== \"number\" || ![1, 2, 3, 4, 5].includes(option.value);\n\nexport const SmileyQuestion: React.FC<QuestionProps> = ({\n    label,\n    name = \"smiley\",\n    helpLabel,\n    options = defaultOptions,\n}) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const id = useId();\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n        console.log(e.target.value);\n        const option = options?.find((option) => option.value.toString() === e.target.value);\n        context?.setCurrentValue(option);\n    };\n\n    const selectedValue = useMemo(\n        () => (Array.isArray(context?.currentValue) ? context?.currentValue[0].value : context?.currentValue?.value),\n        [context?.currentValue],\n    );\n\n    if (options.some(isNotInScale)) {\n        console.error(\"SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine\");\n        return null;\n    }\n\n    if (!context || !options) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n            <div className=\"jkl-feedback-smileys\">\n                {options.map((option) => (\n                    <Fragment key={option.value}>\n                        <input\n                            className=\"jkl-sr-only\"\n                            id={`${id}-${name}-${option.value}`}\n                            name={`${id}-${name}`}\n                            type=\"radio\"\n                            value={option.value}\n                            onChange={handleChange}\n                            checked={selectedValue === option.value}\n                        />\n                        <label className=\"jkl-feedback-smiley-option\" htmlFor={`${id}-${name}-${option.value}`}>\n                            <span className=\"jkl-sr-only\">{option.label}</span>\n                            {getSmiley(Number(option.value))}\n                        </label>\n                    </Fragment>\n                ))}\n            </div>\n        </FieldGroup>\n    );\n};\n"],"names":["isNotInScale","option","value","includes","label","name","helpLabel","options","defaultOptions","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","handleChange","e","console","log","target","find","toString","setCurrentValue","selectedValue","useMemo","isArray","currentValue","_a","some","error","FieldGroup","labelProps","variant","legend","children","jsx","className","map","Fragment","type","onChange","checked","jsxs","htmlFor","getSmiley","Number"],"mappings":"wTAOMA,EAAgBC,GACM,iBAAjBA,EAAOC,QAAuB,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGC,SAASF,EAAOC,8BAElB,EACnDE,MAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,QAAAA,EAAUC,EAAAA,mBAEV,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,EAAAA,QAELC,EAAsDC,IAChDC,QAAAC,IAAIF,EAAEG,OAAOlB,OACf,MAAAD,EAAS,MAAAM,OAAAA,EAAAA,EAASc,MAAMpB,GAAWA,EAAOC,MAAMoB,aAAeL,EAAEG,OAAOlB,QAC9E,MAAAW,GAAAA,EAASU,gBAAgBtB,IAGvBuB,EAAgBC,EAAAA,SAClB,WAAO,aAAMC,QAAQ,MAAAb,OAAAA,EAAAA,EAASc,cAAgB,MAAAd,OAAA,EAAAA,EAASc,aAAa,GAAGzB,MAAQ,OAAA0B,EAAA,MAAAf,OAAA,EAAAA,EAASc,qBAATC,EAAuB1B,QACtG,CAAC,MAAAW,OAAAA,EAAAA,EAASc,eAGV,OAAApB,EAAQsB,KAAK7B,IACbkB,QAAQY,MAAM,2EACP,MAGNjB,GAAYN,QAMZwB,EAAAA,WAAW,CAAAC,WAAY,CAAEC,QAAS,SAAWC,OAAQ9B,EAAOE,UAAAA,EACzD6B,SAACC,EAAAA,IAAA,MAAA,CAAIC,UAAU,uBACVF,SAAA5B,EAAQ+B,KAAKrC,UACTsC,EACGA,SAAA,CAAAJ,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACGC,UAAU,cACVvB,GAAI,GAAGA,KAAMT,KAAQJ,EAAOC,QAC5BG,KAAM,GAAGS,KAAMT,IACfmC,KAAK,QACLtC,MAAOD,EAAOC,MACduC,SAAUzB,EACV0B,QAASlB,IAAkBvB,EAAOC,QAErCyC,EAAAA,KAAA,QAAA,CAAMN,UAAU,6BAA6BO,QAAS,GAAG9B,KAAMT,KAAQJ,EAAOC,QAC3EiC,SAAA,CAAAC,EAAAA,IAAC,OAAK,CAAAC,UAAU,cAAeF,SAAAlC,EAAOG,QACrCyC,EAAAA,UAAUC,OAAO7C,EAAOC,aAZlBD,EAAOC,cARlCgB,QAAQY,MAAM,yEACP,KAwBP"}
+{"version":3,"file":"SmileyQuestion.cjs","sources":["../../../../../src/components/feedback/questions/SmileyQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, Fragment, useId, useMemo } from \"react\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\nimport { defaultOptions, getSmiley } from \"./smileyUtils.js\";\n\nconst isNotInScale = (option: FeedbackOption) =>\n    typeof option.value !== \"number\" || ![1, 2, 3, 4, 5].includes(option.value);\n\nexport const SmileyQuestion: React.FC<QuestionProps> = ({\n    label,\n    name = \"smiley\",\n    helpLabel,\n    options = defaultOptions,\n}) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const id = useId();\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n        console.log(e.target.value);\n        const option = options?.find(\n            (option) => option.value.toString() === e.target.value,\n        );\n        context?.setCurrentValue(option);\n    };\n\n    const selectedValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value\n                : context?.currentValue?.value,\n        [context?.currentValue],\n    );\n\n    if (options.some(isNotInScale)) {\n        console.error(\n            \"SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine\",\n        );\n        return null;\n    }\n\n    if (!context || !options) {\n        console.error(\n            \"Questions must be used inside a Followup or Feedback context provider\",\n        );\n        return null;\n    }\n\n    return (\n        <FieldGroup\n            labelProps={{ variant: \"large\" }}\n            legend={label}\n            helpLabel={helpLabel}\n        >\n            <div className=\"jkl-feedback-smileys\">\n                {options.map((option) => (\n                    <Fragment key={option.value}>\n                        <input\n                            className=\"jkl-sr-only\"\n                            id={`${id}-${name}-${option.value}`}\n                            name={`${id}-${name}`}\n                            type=\"radio\"\n                            value={option.value}\n                            onChange={handleChange}\n                            checked={selectedValue === option.value}\n                        />\n                        <label\n                            className=\"jkl-feedback-smiley-option\"\n                            htmlFor={`${id}-${name}-${option.value}`}\n                        >\n                            <span className=\"jkl-sr-only\">{option.label}</span>\n                            {getSmiley(Number(option.value))}\n                        </label>\n                    </Fragment>\n                ))}\n            </div>\n        </FieldGroup>\n    );\n};\n"],"names":["isNotInScale","option","value","includes","label","name","helpLabel","options","defaultOptions","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","handleChange","e","console","log","target","find","toString","setCurrentValue","selectedValue","useMemo","isArray","currentValue","_a","some","error","jsx","FieldGroup","labelProps","variant","legend","children","className","map","jsxs","Fragment","type","onChange","checked","htmlFor","getSmiley","Number"],"mappings":"wTAOMA,EAAgBC,GACM,iBAAjBA,EAAOC,QAAuB,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGC,SAASF,EAAOC,8BAElB,EACnDE,MAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,QAAAA,EAAUC,EAAAA,mBAEV,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,EAAAA,QAELC,EAAsDC,IAChDC,QAAAC,IAAIF,EAAEG,OAAOlB,OACrB,MAAMD,EAAS,MAAAM,OAAAA,EAAAA,EAASc,MACnBpB,GAAWA,EAAOC,MAAMoB,aAAeL,EAAEG,OAAOlB,QAErD,MAAAW,GAAAA,EAASU,gBAAgBtB,IAGvBuB,EAAgBC,EAAAA,SAClB,WACI,aAAMC,QAAQ,MAAAb,OAAAA,EAAAA,EAASc,cACjB,MAAAd,OAAA,EAAAA,EAASc,aAAa,GAAGzB,MACzB,OAAA0B,EAAA,MAAAf,OAAA,EAAAA,EAASc,qBAATC,EAAuB1B,QACjC,CAAC,MAAAW,OAAAA,EAAAA,EAASc,eAGV,OAAApB,EAAQsB,KAAK7B,IACLkB,QAAAY,MACJ,2EAEG,MAGNjB,GAAYN,EAQbwB,EAAAA,IAACC,EAAAA,WAAA,CACGC,WAAY,CAAEC,QAAS,SACvBC,OAAQ/B,EACRE,UAAAA,EAEA8B,SAAAL,EAAAA,IAAC,OAAIM,UAAU,uBACVD,WAAQE,KAAKrC,GACVsC,EAAAA,KAACC,EACGA,SAAA,CAAAJ,SAAA,CAAAL,EAAAA,IAAC,QAAA,CACGM,UAAU,cACVvB,GAAI,GAAGA,KAAMT,KAAQJ,EAAOC,QAC5BG,KAAM,GAAGS,KAAMT,IACfoC,KAAK,QACLvC,MAAOD,EAAOC,MACdwC,SAAU1B,EACV2B,QAASnB,IAAkBvB,EAAOC,QAEtCqC,EAAAA,KAAC,QAAA,CACGF,UAAU,6BACVO,QAAS,GAAG9B,KAAMT,KAAQJ,EAAOC,QAEjCkC,SAAA,CAAAL,EAAAA,IAAC,OAAK,CAAAM,UAAU,cAAeD,SAAAnC,EAAOG,QACrCyC,EAAAA,UAAUC,OAAO7C,EAAOC,aAflBD,EAAOC,cAd1BgB,QAAAY,MACJ,yEAEG,KA8BH"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextQuestion.cjs","sources":["../../../../../src/components/feedback/questions/TextQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useMemo, useRef } from \"react\";\nimport { TextArea } from \"../../text-input/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackAnswer, QuestionProps } from \"../types.js\";\n\nexport const TextQuestion: React.FC<QuestionProps> = ({\n    label,\n    name,\n    helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n    autoFocus = false,\n}) => {\n    const { counter } = useFeedbackContext();\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const ref = useRef<HTMLTextAreaElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n        const value: FeedbackAnswer = {\n            label,\n            name: name || label,\n            type: \"text\",\n            value: e.target.value,\n        };\n        context?.setCurrentValue(value);\n    };\n\n    const currentValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value.toString()\n                : context?.currentValue?.value.toString(),\n        [context?.currentValue],\n    );\n\n    if (!context) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <TextArea\n            ref={ref}\n            label={label}\n            labelProps={{ variant: \"large\" }}\n            name={name || label}\n            startOpen\n            rows={5}\n            value={currentValue}\n            onChange={handleChange}\n            helpLabel={helpLabel}\n            counter={counter}\n        />\n    );\n};\n"],"names":["label","name","helpLabel","autoFocus","counter","useFeedbackContext","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","currentValue","useMemo","Array","isArray","value","toString","_a","jsx","TextArea","labelProps","variant","startOpen","rows","onChange","e","type","target","setCurrentValue","console","error"],"mappings":"+UAOqD,EACjDA,MAAAA,EACAC,KAAAA,EACAC,UAAAA,EAAY,uJACZC,UAAAA,GAAY,MAEN,MAAEC,QAAAA,GAAYC,EAAAA,qBACdC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,SAA4B,MAExCC,EAAAA,WAAU,KACFV,GAAaQ,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACZ,EAAWQ,IAET,MAUAK,EAAeC,EAAAA,SACjB,WACI,OAAAC,MAAMC,QAAQ,MAAAT,OAAA,EAAAA,EAASM,cACjB,MAAAN,OAAAA,EAAAA,EAASM,aAAa,GAAGI,MAAMC,WAC/B,OAAAC,EAAA,MAAAZ,SAAAA,EAASM,mBAATM,EAAAA,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAX,OAAA,EAAAA,EAASM,eAGd,OAAKN,EAMDa,EAAAA,IAACC,EAAAA,SAAA,CACGb,IAAAA,EACAX,MAAAA,EACAyB,WAAY,CAAEC,QAAS,SACvBzB,KAAMA,GAAQD,EACd2B,WAAS,EACTC,KAAM,EACNR,MAAOJ,EACPa,SAhCuDC,IAC3D,MAAMV,EAAwB,CAC1BpB,MAAAA,EACAC,KAAMA,GAAQD,EACd+B,KAAM,OACNX,MAAOU,EAAEE,OAAOZ,OAEpB,MAAAV,GAAAA,EAASuB,gBAAgBb,EAAAA,EA0BrBlB,UAAAA,EACAE,QAAAA,KAfJ8B,QAAQC,MAAM,yEACP,KAAA"}
+{"version":3,"file":"TextQuestion.cjs","sources":["../../../../../src/components/feedback/questions/TextQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useMemo, useRef } from \"react\";\nimport { TextArea } from \"../../text-input/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackAnswer, QuestionProps } from \"../types.js\";\n\nexport const TextQuestion: React.FC<QuestionProps> = ({\n    label,\n    name,\n    helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n    autoFocus = false,\n}) => {\n    const { counter } = useFeedbackContext();\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const ref = useRef<HTMLTextAreaElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n        const value: FeedbackAnswer = {\n            label,\n            name: name || label,\n            type: \"text\",\n            value: e.target.value,\n        };\n        context?.setCurrentValue(value);\n    };\n\n    const currentValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value.toString()\n                : context?.currentValue?.value.toString(),\n        [context?.currentValue],\n    );\n\n    if (!context) {\n        console.error(\n            \"Questions must be used inside a Followup or Feedback context provider\",\n        );\n        return null;\n    }\n\n    return (\n        <TextArea\n            ref={ref}\n            label={label}\n            labelProps={{ variant: \"large\" }}\n            name={name || label}\n            startOpen\n            rows={5}\n            value={currentValue}\n            onChange={handleChange}\n            helpLabel={helpLabel}\n            counter={counter}\n        />\n    );\n};\n"],"names":["label","name","helpLabel","autoFocus","counter","useFeedbackContext","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","currentValue","useMemo","Array","isArray","value","toString","_a","jsx","TextArea","labelProps","variant","startOpen","rows","onChange","e","type","target","setCurrentValue","console","error"],"mappings":"+UAOqD,EACjDA,MAAAA,EACAC,KAAAA,EACAC,UAAAA,EAAY,uJACZC,UAAAA,GAAY,MAEN,MAAEC,QAAAA,GAAYC,EAAAA,qBACdC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,SAA4B,MAExCC,EAAAA,WAAU,KACFV,GAAaQ,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACZ,EAAWQ,IAET,MAUAK,EAAeC,EAAAA,SACjB,WACI,OAAAC,MAAMC,QAAQ,MAAAT,OAAA,EAAAA,EAASM,cACjB,MAAAN,OAAAA,EAAAA,EAASM,aAAa,GAAGI,MAAMC,WAC/B,OAAAC,EAAA,MAAAZ,SAAAA,EAASM,mBAATM,EAAAA,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAX,OAAA,EAAAA,EAASM,eAGd,OAAKN,EAQDa,EAAAA,IAACC,EAAAA,SAAA,CACGb,IAAAA,EACAX,MAAAA,EACAyB,WAAY,CAAEC,QAAS,SACvBzB,KAAMA,GAAQD,EACd2B,WAAS,EACTC,KAAM,EACNR,MAAOJ,EACPa,SAlCuDC,IAC3D,MAAMV,EAAwB,CAC1BpB,MAAAA,EACAC,KAAMA,GAAQD,EACd+B,KAAM,OACNX,MAAOU,EAAEE,OAAOZ,OAEpB,MAAAV,GAAAA,EAASuB,gBAAgBb,EAAAA,EA4BrBlB,UAAAA,EACAE,QAAAA,KAjBI8B,QAAAC,MACJ,yEAEG,KAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"smileyUtils.cjs","sources":["../../../../../src/components/feedback/questions/smileyUtils.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FeedbackOption } from \"../types.js\";\n\nexport const defaultOptions: FeedbackOption<number>[] = [\n    {\n        label: \"Veldig misfornøyd\",\n        value: 1,\n        textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Litt misfornøyd\",\n        value: 2,\n        textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Midt på treet\",\n        value: 3,\n        textAreaLabel: \"Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Ganske fornøyd\",\n        value: 4,\n        textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n    },\n    {\n        label: \"Veldig fornøyd\",\n        value: 5,\n        textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n    },\n];\n\nconst Smiley: FC<WithChildren> = ({ children }) => (\n    <svg\n        className=\"jkl-feedback-smiley-option__icon\"\n        aria-hidden\n        viewBox=\"0 0 40 40\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <circle cx=\"20\" cy=\"20\" r=\"19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        {children}\n    </svg>\n);\n\nconst VeldigSurSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <path d=\"M10 13.9865H16.6667\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <path d=\"M23.3333 13.9865H29.9999\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </Smiley>\n);\n\nconst LittSurSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 28.75C10 28.75 13.75 23.3334 20 23.3334C26.25 23.3334 30 28.75 30 28.75\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst NoytralSmiley = () => (\n    <Smiley>\n        <path d=\"M9.15283 25.6986H30.8477\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst LittGladSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 23.3334C10 23.3334 12.9167 30 20 30C27.0833 30 30 23.3334 30 23.3334\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst VeldigGladSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M30 21C30 26.5228 25.5228 31 20 31C14.4772 31 10 26.5228 10 21\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <path d=\"M24 14.5H29\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nexport const getSmiley = (value: number) => {\n    switch (value) {\n        case 1:\n            return <VeldigSurSmiley />;\n        case 2:\n            return <LittSurSmiley />;\n        case 3:\n            return <NoytralSmiley />;\n        case 4:\n            return <LittGladSmiley />;\n        case 5:\n            return <VeldigGladSmiley />;\n\n        default:\n            return <NoytralSmiley />;\n    }\n};\n"],"names":["Smiley","children","jsxs","className","viewBox","fill","xmlns","jsx","cx","cy","r","stroke","strokeWidth","VeldigSurSmiley","d","LittSurSmiley","NoytralSmiley","LittGladSmiley","VeldigGladSmiley","label","value","textAreaLabel"],"mappings":"qHAgCMA,EAA2B,EAAGC,SAAAA,KAChCC,EAAAA,KAAC,MAAA,CACGC,UAAU,mCACV,eAAW,EACXC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENL,SAAA,CAACM,EAAAA,IAAA,SAAA,CAAOC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,OAAO,eAAeC,YAAY,MAChEX,KAIHY,EAAkB,IACpBX,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,YAEf,OAAK,CAAAE,EAAE,sBAAsBH,OAAO,eAAeC,YAAY,YAC/D,OAAK,CAAAE,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,SAIvEG,EAAgB,IAClBb,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,8EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CW,EAAgB,IAClBd,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,MAAC,QAAKO,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,MACrEL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CY,EAAiB,IACnBf,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,2EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3Ca,EAAmB,IACrBhB,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,YAEf,OAAK,CAAAE,EAAE,cAAcH,OAAO,eAAeC,YAAY,MACxDL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,2CA7FO,CACpD,CACIc,MAAO,oBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,kBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,gBACPC,MAAO,EACPC,cAAe,wEAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,+DAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,kFAyEGD,IACtB,OAAQA,GACJ,OACI,aAAQP,EAAgB,CAAA,GAC5B,KAAK,EACD,aAAQE,EAAc,CAAA,GAC1B,KACI,EAMJ,QACI,aAAQC,EAAc,CAAA,GAN1B,KACI,EAAA,aAAQC,EAAe,CAAA,GAC3B,OACI,aAAQC,EAAiB,CAAA,GAIjC"}
+{"version":3,"file":"smileyUtils.cjs","sources":["../../../../../src/components/feedback/questions/smileyUtils.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FeedbackOption } from \"../types.js\";\n\nexport const defaultOptions: FeedbackOption<number>[] = [\n    {\n        label: \"Veldig misfornøyd\",\n        value: 1,\n        textAreaLabel:\n            \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Litt misfornøyd\",\n        value: 2,\n        textAreaLabel:\n            \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Midt på treet\",\n        value: 3,\n        textAreaLabel:\n            \"Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Ganske fornøyd\",\n        value: 4,\n        textAreaLabel:\n            \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n    },\n    {\n        label: \"Veldig fornøyd\",\n        value: 5,\n        textAreaLabel:\n            \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n    },\n];\n\nconst Smiley: FC<WithChildren> = ({ children }) => (\n    <svg\n        className=\"jkl-feedback-smiley-option__icon\"\n        aria-hidden\n        viewBox=\"0 0 40 40\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <circle cx=\"20\" cy=\"20\" r=\"19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        {children}\n    </svg>\n);\n\nconst VeldigSurSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <path d=\"M10 13.9865H16.6667\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <path\n            d=\"M23.3333 13.9865H29.9999\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n    </Smiley>\n);\n\nconst LittSurSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 28.75C10 28.75 13.75 23.3334 20 23.3334C26.25 23.3334 30 28.75 30 28.75\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst NoytralSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M9.15283 25.6986H30.8477\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst LittGladSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 23.3334C10 23.3334 12.9167 30 20 30C27.0833 30 30 23.3334 30 23.3334\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst VeldigGladSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M30 21C30 26.5228 25.5228 31 20 31C14.4772 31 10 26.5228 10 21\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <path d=\"M24 14.5H29\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nexport const getSmiley = (value: number) => {\n    switch (value) {\n        case 1:\n            return <VeldigSurSmiley />;\n        case 2:\n            return <LittSurSmiley />;\n        case 3:\n            return <NoytralSmiley />;\n        case 4:\n            return <LittGladSmiley />;\n        case 5:\n            return <VeldigGladSmiley />;\n\n        default:\n            return <NoytralSmiley />;\n    }\n};\n"],"names":["Smiley","children","jsxs","className","viewBox","fill","xmlns","jsx","cx","cy","r","stroke","strokeWidth","VeldigSurSmiley","d","LittSurSmiley","NoytralSmiley","LittGladSmiley","VeldigGladSmiley","label","value","textAreaLabel"],"mappings":"qHAqCMA,EAA2B,EAAGC,SAAAA,KAChCC,EAAAA,KAAC,MAAA,CACGC,UAAU,mCACV,eAAW,EACXC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENL,SAAA,CAACM,EAAAA,IAAA,SAAA,CAAOC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,OAAO,eAAeC,YAAY,MAChEX,KAIHY,EAAkB,IACpBX,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,YAEf,OAAK,CAAAE,EAAE,sBAAsBH,OAAO,eAAeC,YAAY,MAChEL,EAAAA,IAAC,OAAA,CACGO,EAAE,2BACFH,OAAO,eACPC,YAAY,SAKlBG,EAAgB,IAClBb,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,8EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CW,EAAgB,IAClBd,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,2BACFH,OAAO,eACPC,YAAY,MAEhBL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CY,EAAiB,IACnBf,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,2EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3Ca,EAAmB,IACrBhB,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,YAEf,OAAK,CAAAE,EAAE,cAAcH,OAAO,eAAeC,YAAY,MACxDL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,2CA1GO,CACpD,CACIc,MAAO,oBACPC,MAAO,EACPC,cACI,sFAER,CACIF,MAAO,kBACPC,MAAO,EACPC,cACI,sFAER,CACIF,MAAO,gBACPC,MAAO,EACPC,cACI,wEAER,CACIF,MAAO,iBACPC,MAAO,EACPC,cACI,+DAER,CACIF,MAAO,iBACPC,MAAO,EACPC,cACI,kFAiFcD,IACtB,OAAQA,GACJ,OACI,aAAQP,EAAgB,CAAA,GAC5B,KAAK,EACD,aAAQE,EAAc,CAAA,GAC1B,KACI,EAMJ,QACI,aAAQC,EAAc,CAAA,GAN1B,KACI,EAAA,aAAQC,EAAe,CAAA,GAC3B,OACI,aAAQC,EAAiB,CAAA,GAIjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { JSXElementConstructor, FC } from \"react\";\nimport { CheckboxQuestion, RadioQuestion, TextQuestion, SmileyQuestion } from \"./questions/index.js\";\nimport { QuestionProps, QuestionType } from \"./types.js\";\n\nexport function getChildrenOfType<P>(...allowedTypes: Array<string | JSXElementConstructor<P>>) {\n    return (\n        children: React.ReactNode,\n    ): React.ReactElement<P, string | React.JSXElementConstructor<unknown>>[] | null | undefined =>\n        React.Children.map(children, (child) => {\n            if (React.isValidElement<P>(child) && allowedTypes.includes(child.type)) {\n                return child;\n            }\n            return undefined;\n        });\n}\n\nexport const getQuestionFromType = (type: QuestionType): FC<QuestionProps> => {\n    switch (type) {\n        case \"radio\":\n            return RadioQuestion;\n        case \"checkbox\":\n            return CheckboxQuestion;\n        case \"text\":\n            return TextQuestion;\n        case \"smiley\":\n            return SmileyQuestion;\n\n        default:\n            return RadioQuestion;\n    }\n};\n"],"names":["allowedTypes","children","React","Children","map","child","isValidElement","includes","type","RadioQuestion","CheckboxQuestion","TextQuestion","SmileyQuestion"],"mappings":"kjBAIO,YAAiCA,GACpC,OACIC,GAEAC,EAAMC,SAASC,IAAIH,GAAWI,IACtB,GAAAH,EAAMI,eAAkBD,IAAUL,EAAaO,SAASF,EAAMG,MACvD,OAAAH,IAIvB,8BAEoCG,IAChC,OAAQA,GACJ,IAAK,QASL,QACW,OAAAC,gBARX,IAAK,WACM,OAAAC,mBACX,IAAK,OACM,OAAAC,eACX,IAAK,SACM,OAAAC,iBAIf"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { JSXElementConstructor, FC } from \"react\";\nimport {\n    CheckboxQuestion,\n    RadioQuestion,\n    TextQuestion,\n    SmileyQuestion,\n} from \"./questions/index.js\";\nimport { QuestionProps, QuestionType } from \"./types.js\";\n\nexport function getChildrenOfType<P>(\n    ...allowedTypes: Array<string | JSXElementConstructor<P>>\n) {\n    return (\n        children: React.ReactNode,\n    ):\n        | React.ReactElement<P, string | React.JSXElementConstructor<unknown>>[]\n        | null\n        | undefined =>\n        React.Children.map(children, (child) => {\n            if (\n                React.isValidElement<P>(child) &&\n                allowedTypes.includes(child.type)\n            ) {\n                return child;\n            }\n            return undefined;\n        });\n}\n\nexport const getQuestionFromType = (type: QuestionType): FC<QuestionProps> => {\n    switch (type) {\n        case \"radio\":\n            return RadioQuestion;\n        case \"checkbox\":\n            return CheckboxQuestion;\n        case \"text\":\n            return TextQuestion;\n        case \"smiley\":\n            return SmileyQuestion;\n\n        default:\n            return RadioQuestion;\n    }\n};\n"],"names":["allowedTypes","children","React","Children","map","child","isValidElement","includes","type","RadioQuestion","CheckboxQuestion","TextQuestion","SmileyQuestion"],"mappings":"kjBASO,YACAA,GAEH,OACIC,GAKAC,EAAMC,SAASC,IAAIH,GAAWI,IAEtB,GAAAH,EAAMI,eAAkBD,IACxBL,EAAaO,SAASF,EAAMG,MAErB,OAAAH,IAIvB,8BAEoCG,IAChC,OAAQA,GACJ,IAAK,QASL,QACW,OAAAC,gBARX,IAAK,WACM,OAAAC,mBACX,IAAK,OACM,OAAAC,eACX,IAAK,SACM,OAAAC,iBAIf"}

package/build/cjs/components/flex/Flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.cjs","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { type CSSProperties } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/index.js\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type FlexDirection = \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\";\nexport type GapValue = Exclude<keyof (typeof tokens)[\"spacing\"], 0>;\n\nexport type FlexProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        direction?: FlexDirection;\n        wrap?: boolean;\n        gap?: GapValue;\n        colGap?: GapValue;\n        rowGap?: GapValue;\n    } & Pick<CSSProperties, \"alignContent\" | \"alignItems\" | \"justifyContent\" | \"justifyItems\">\n>;\n\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\nexport const Flex = React.forwardRef(function Flex<ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        asChild,\n        as = \"div\",\n        alignContent,\n        alignItems,\n        children,\n        colGap,\n        direction,\n        gap,\n        justifyContent,\n        justifyItems,\n        rowGap,\n        wrap = false,\n        ...rest\n    } = props;\n    const Component = asChild ? SlotComponent : as;\n\n    const flexStyle: CSSProperties = {\n        display: \"flex\",\n        flexDirection: direction,\n        alignContent,\n        alignItems,\n        justifyContent,\n        justifyItems,\n        ...(wrap ? { flexWrap: \"wrap\" } : {}),\n        ...(gap ? { gap: tokens.spacing[gap] } : {}),\n        ...(colGap ? { columnGap: tokens.spacing[colGap] } : {}),\n        ...(rowGap ? { rowGap: tokens.spacing[rowGap] } : {}),\n    };\n\n    return (\n        <Component ref={ref} {...rest} style={{ ...flexStyle, ...rest.style }}>\n            {children}\n        </Component>\n    );\n}) as FlexComponent;\n"],"names":["Flex","React","forwardRef","props","ref","asChild","as","alignContent","alignItems","children","colGap","direction","gap","justifyContent","justifyItems","rowGap","wrap","rest","Component","SlotComponent","flexStyle","display","flexDirection","flexWrap","tokens","spacing","columnGap","jsx","style"],"mappings":"uOAwBaA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,QAAAA,EACAC,GAAAA,EAAK,MACLC,aAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,IAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,GAAO,KACJC,GACHd,EACEe,EAAYb,EAAUc,EAAgBA,cAAAb,EAEtCc,EAA2B,CAC7BC,QAAS,OACTC,cAAeX,EACfJ,aAAAA,EACAC,WAAAA,EACAK,eAAAA,EACAC,aAAAA,KACIE,EAAO,CAAEO,SAAU,QAAW,CAAC,KAC/BX,EAAM,CAAEA,IAAKY,EAAOC,QAAQb,IAAS,CAAC,KACtCF,EAAS,CAAEgB,UAAWF,EAAOC,QAAQf,IAAY,CAAC,KAClDK,EAAS,CAAEA,OAAQS,EAAOC,QAAQV,IAAY,CAAC,GAGvD,OACKY,EAAAA,IAAAT,EAAA,CAAUd,IAAAA,KAAca,EAAMW,MAAO,IAAKR,KAAcH,EAAKW,OACzDnB,SAAAA,GAGb"}
+{"version":3,"file":"Flex.cjs","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { type CSSProperties } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/index.js\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type FlexDirection = \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\";\nexport type GapValue = Exclude<keyof (typeof tokens)[\"spacing\"], 0>;\n\nexport type FlexProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<\n        ElementType,\n        {\n            direction?: FlexDirection;\n            wrap?: boolean;\n            gap?: GapValue;\n            colGap?: GapValue;\n            rowGap?: GapValue;\n        } & Pick<\n            CSSProperties,\n            \"alignContent\" | \"alignItems\" | \"justifyContent\" | \"justifyItems\"\n        >\n    >;\n\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\nexport const Flex = React.forwardRef(function Flex<\n    ElementType extends React.ElementType = \"div\",\n>(props: FlexProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        asChild,\n        as = \"div\",\n        alignContent,\n        alignItems,\n        children,\n        colGap,\n        direction,\n        gap,\n        justifyContent,\n        justifyItems,\n        rowGap,\n        wrap = false,\n        ...rest\n    } = props;\n    const Component = asChild ? SlotComponent : as;\n\n    const flexStyle: CSSProperties = {\n        display: \"flex\",\n        flexDirection: direction,\n        alignContent,\n        alignItems,\n        justifyContent,\n        justifyItems,\n        ...(wrap ? { flexWrap: \"wrap\" } : {}),\n        ...(gap ? { gap: tokens.spacing[gap] } : {}),\n        ...(colGap ? { columnGap: tokens.spacing[colGap] } : {}),\n        ...(rowGap ? { rowGap: tokens.spacing[rowGap] } : {}),\n    };\n\n    return (\n        <Component ref={ref} {...rest} style={{ ...flexStyle, ...rest.style }}>\n            {children}\n        </Component>\n    );\n}) as FlexComponent;\n"],"names":["Flex","React","forwardRef","props","ref","asChild","as","alignContent","alignItems","children","colGap","direction","gap","justifyContent","justifyItems","rowGap","wrap","rest","Component","SlotComponent","flexStyle","display","flexDirection","flexWrap","tokens","spacing","columnGap","jsx","style"],"mappings":"uOA+BaA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,QAAAA,EACAC,GAAAA,EAAK,MACLC,aAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,IAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,GAAO,KACJC,GACHd,EACEe,EAAYb,EAAUc,EAAgBA,cAAAb,EAEtCc,EAA2B,CAC7BC,QAAS,OACTC,cAAeX,EACfJ,aAAAA,EACAC,WAAAA,EACAK,eAAAA,EACAC,aAAAA,KACIE,EAAO,CAAEO,SAAU,QAAW,CAAC,KAC/BX,EAAM,CAAEA,IAAKY,EAAOC,QAAQb,IAAS,CAAC,KACtCF,EAAS,CAAEgB,UAAWF,EAAOC,QAAQf,IAAY,CAAC,KAClDK,EAAS,CAAEA,OAAQS,EAAOC,QAAQV,IAAY,CAAC,GAGvD,OACKY,EAAAA,IAAAT,EAAA,CAAUd,IAAAA,KAAca,EAAMW,MAAO,IAAKR,KAAcH,EAAKW,OACzDnB,SAAAA,GAGb"}

package/build/cjs/components/icon/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<ElementType extends Extract<React.ElementType, \"span\" | \"div\">> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        \"data-testid\"?: string;\n        /**\n         * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n         * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n         */\n        variant?: IconVariant;\n        /**\n         * Angir om ikonet skal vises i fet versjon\n         * @default false\n         */\n        bold?: boolean;\n        filled?: boolean;\n        className?: string;\n        style?: React.CSSProperties;\n    }\n>;\n\nexport type IconComponent = (<ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\">(\n    props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const { bold, children, className, filled, variant, ...iconProps } = props;\n\n    return (\n        <span\n            aria-hidden\n            ref={ref}\n            className={clsx(\"jkl-icon\", className, {\n                \"jkl-icon--filled\": filled,\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            })}\n            {...iconProps}\n        >\n            {children}\n        </span>\n    );\n}) as IconComponent;\n"],"names":["Icon","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"6JA6BaA,mBAA4BC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAAA,IAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAAA,KAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}
+{"version":3,"file":"Icon.cjs","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\">,\n> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        \"data-testid\"?: string;\n        /**\n         * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n         * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n         */\n        variant?: IconVariant;\n        /**\n         * Angir om ikonet skal vises i fet versjon\n         * @default false\n         */\n        bold?: boolean;\n        filled?: boolean;\n        className?: string;\n        style?: React.CSSProperties;\n    }\n>;\n\nexport type IconComponent = (<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(\n    props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const { bold, children, className, filled, variant, ...iconProps } = props;\n\n    return (\n        <span\n            aria-hidden\n            ref={ref}\n            className={clsx(\"jkl-icon\", className, {\n                \"jkl-icon--filled\": filled,\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            })}\n            {...iconProps}\n        >\n            {children}\n        </span>\n    );\n}) as IconComponent;\n"],"names":["Icon","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"6JAoCaA,mBAA4BC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAAA,IAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAAA,KAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}

package/build/cjs/components/icon/icons/ArrowDownIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5db\"}</Icon>;\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":["ArrowDownIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
+{"version":3,"file":"ArrowDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowDownIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5db\"}</Icon>\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":["ArrowDownIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/ArrowLeftIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeftIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowLeftIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5c4\"}</Icon>;\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":["ArrowLeftIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
+{"version":3,"file":"ArrowLeftIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowLeftIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5c4\"}</Icon>\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":["ArrowLeftIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/ArrowNorthEastIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowNorthEastIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uf1e1\"}</Icon>;\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAqCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAClGH,EAAmBI,YAAc"}
+{"version":3,"file":"ArrowNorthEastIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\uf1e1\"}</Icon>\n);\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAqCC,SAC7CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAmBI,YAAc"}

package/build/cjs/components/icon/icons/ArrowRightIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRightIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5c8\"}</Icon>;\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAiCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC9FH,EAAeI,YAAc"}
+{"version":3,"file":"ArrowRightIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5c8\"}</Icon>\n);\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAiCC,SACzCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAeI,YAAc"}

package/build/cjs/components/icon/icons/ArrowUpIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d8\"}</Icon>;\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":["ArrowUpIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA8BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC3FH,EAAYI,YAAc"}
+{"version":3,"file":"ArrowUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowUpIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5d8\"}</Icon>\n);\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":["ArrowUpIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA8BC,SACtCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAYI,YAAc"}

package/build/cjs/components/icon/icons/CalendarIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarIcon.cjs","sources":["../../../../../src/components/icon/icons/CalendarIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CalendarIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uebcc\"}</Icon>;\nCalendarIcon.displayName = \"CalendarIcon\";\n"],"names":["CalendarIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA+BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}
+{"version":3,"file":"CalendarIcon.cjs","sources":["../../../../../src/components/icon/icons/CalendarIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CalendarIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\uebcc\"}</Icon>\n);\nCalendarIcon.displayName = \"CalendarIcon\";\n"],"names":["CalendarIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA+BC,SACvCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}

package/build/cjs/components/icon/icons/CheckIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.cjs","sources":["../../../../../src/components/icon/icons/CheckIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CheckIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5ca\"}</Icon>;\nCheckIcon.displayName = \"CheckIcon\";\n"],"names":["CheckIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA4BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}
+{"version":3,"file":"CheckIcon.cjs","sources":["../../../../../src/components/icon/icons/CheckIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CheckIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5ca\"}</Icon>\n);\nCheckIcon.displayName = \"CheckIcon\";\n"],"names":["CheckIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA4BC,SACpCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}

package/build/cjs/components/icon/icons/ChevronDownIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue313\"}</Icon>;\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAkCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}
+{"version":3,"file":"ChevronDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue313\"}</Icon>\n);\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAkCC,SAC1CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAgBI,YAAc"}

package/build/cjs/components/icon/icons/ChevronLeftIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeftIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronLeftIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue314\"}</Icon>;\nChevronLeftIcon.displayName = \"ChevronLeftIcon\";\n"],"names":["ChevronLeftIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAkCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}
+{"version":3,"file":"ChevronLeftIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronLeftIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue314\"}</Icon>\n);\nChevronLeftIcon.displayName = \"ChevronLeftIcon\";\n"],"names":["ChevronLeftIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAkCC,SAC1CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAgBI,YAAc"}

package/build/cjs/components/icon/icons/ChevronRightIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronRightIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue315\"}</Icon>;\nChevronRightIcon.displayName = \"ChevronRightIcon\";\n"],"names":["ChevronRightIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAmCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAChGH,EAAiBI,YAAc"}
+{"version":3,"file":"ChevronRightIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronRightIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue315\"}</Icon>\n);\nChevronRightIcon.displayName = \"ChevronRightIcon\";\n"],"names":["ChevronRightIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAmCC,SAC3CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAiBI,YAAc"}

package/build/cjs/components/icon/icons/ChevronUpIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue316\"}</Icon>;\nChevronUpIcon.displayName = \"ChevronUpIcon\";\n"],"names":["ChevronUpIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
+{"version":3,"file":"ChevronUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronUpIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue316\"}</Icon>\n);\nChevronUpIcon.displayName = \"ChevronUpIcon\";\n"],"names":["ChevronUpIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/CloseIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.cjs","sources":["../../../../../src/components/icon/icons/CloseIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CloseIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5cd\"}</Icon>;\nCloseIcon.displayName = \"CloseIcon\";\n"],"names":["CloseIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA4BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}
+{"version":3,"file":"CloseIcon.cjs","sources":["../../../../../src/components/icon/icons/CloseIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CloseIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5cd\"}</Icon>\n);\nCloseIcon.displayName = \"CloseIcon\";\n"],"names":["CloseIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA4BC,SACpCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}

package/build/cjs/components/icon/icons/CopyIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyIcon.cjs","sources":["../../../../../src/components/icon/icons/CopyIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CopyIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue14d\"}</Icon>;\nCopyIcon.displayName = \"CopyIcon\";\n"],"names":["CopyIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
+{"version":3,"file":"CopyIcon.cjs","sources":["../../../../../src/components/icon/icons/CopyIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CopyIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue14d\"}</Icon>\n);\nCopyIcon.displayName = \"CopyIcon\";\n"],"names":["CopyIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SACnCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/cjs/components/icon/icons/DotsIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DotsIcon.cjs","sources":["../../../../../src/components/icon/icons/DotsIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const DotsIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d3\"}</Icon>;\nDotsIcon.displayName = \"DotsIcon\";\n"],"names":["DotsIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
+{"version":3,"file":"DotsIcon.cjs","sources":["../../../../../src/components/icon/icons/DotsIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const DotsIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5d3\"}</Icon>\n);\nDotsIcon.displayName = \"DotsIcon\";\n"],"names":["DotsIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SACnCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/cjs/components/icon/icons/DragIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DragIcon.cjs","sources":["../../../../../src/components/icon/icons/DragIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const DragIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue945\"}</Icon>;\nDragIcon.displayName = \"DragIcon\";\n"],"names":["DragIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
+{"version":3,"file":"DragIcon.cjs","sources":["../../../../../src/components/icon/icons/DragIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const DragIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue945\"}</Icon>\n);\nDragIcon.displayName = \"DragIcon\";\n"],"names":["DragIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SACnCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/cjs/components/icon/icons/GreenCheckIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GreenCheckIcon.cjs","sources":["../../../../../src/components/icon/icons/GreenCheckIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const GreenCheckIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(className, \"jkl-icon\", \"jkl-icon-green-check\", `jkl-icon--${variant}`, {\n                \"jkl-icon--bold\": bold,\n            })}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path\n                    fillRule=\"evenodd\"\n                    d=\"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z\"\n                    clipRule=\"evenodd\"\n                />\n            </svg>\n        </El>\n    );\n};\nGreenCheckIcon.displayName = \"GreenCheckIcon\";\n"],"names":["GreenCheckIcon","as","bold","className","variant","testId","style","rest","El","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","fillRule","d","clipRule","displayName"],"mappings":"gKASaA,EAAgC,EACzCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAAA,KAAKP,EAAW,WAAY,uBAAwB,aAAaC,IAAW,CACnF,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAA,CACGW,SAAS,UACTC,EAAE,2EACFC,SAAS,gBAEjB,EAIZtB,EAAeuB,YAAc"}
+{"version":3,"file":"GreenCheckIcon.cjs","sources":["../../../../../src/components/icon/icons/GreenCheckIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const GreenCheckIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(\n                className,\n                \"jkl-icon\",\n                \"jkl-icon-green-check\",\n                `jkl-icon--${variant}`,\n                {\n                    \"jkl-icon--bold\": bold,\n                },\n            )}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24px\"\n                height=\"24px\"\n            >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path\n                    fillRule=\"evenodd\"\n                    d=\"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z\"\n                    clipRule=\"evenodd\"\n                />\n            </svg>\n        </El>\n    );\n};\nGreenCheckIcon.displayName = \"GreenCheckIcon\";\n"],"names":["GreenCheckIcon","as","bold","className","variant","testId","style","rest","El","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","fillRule","d","clipRule","displayName"],"mappings":"gKASaA,EAAgC,EACzCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAAA,KACPP,EACA,WACA,uBACA,aAAaC,IACb,CACI,iBAAkBF,IAG1B,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,MAAA,CACGC,MAAM,6BACNC,QAAQ,YACRC,MAAM,OACNC,OAAO,OAEPL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAA,CACGW,SAAS,UACTC,EAAE,2EACFC,SAAS,gBAEjB,EAIZtB,EAAeuB,YAAc"}

package/build/cjs/components/icon/icons/HamburgerIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HamburgerIcon.cjs","sources":["../../../../../src/components/icon/icons/HamburgerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const HamburgerIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d2\"}</Icon>;\nHamburgerIcon.displayName = \"HamburgerIcon\";\n"],"names":["HamburgerIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
+{"version":3,"file":"HamburgerIcon.cjs","sources":["../../../../../src/components/icon/icons/HamburgerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const HamburgerIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5d2\"}</Icon>\n);\nHamburgerIcon.displayName = \"HamburgerIcon\";\n"],"names":["HamburgerIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/LinkIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinkIcon.cjs","sources":["../../../../../src/components/icon/icons/LinkIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const LinkIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue250\"}</Icon>;\nLinkIcon.displayName = \"LinkIcon\";\n"],"names":["LinkIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
+{"version":3,"file":"LinkIcon.cjs","sources":["../../../../../src/components/icon/icons/LinkIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const LinkIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue250\"}</Icon>\n);\nLinkIcon.displayName = \"LinkIcon\";\n"],"names":["LinkIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SACnCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/cjs/components/icon/icons/MinusIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MinusIcon.cjs","sources":["../../../../../src/components/icon/icons/MinusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const MinusIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue15b\"}</Icon>;\nMinusIcon.displayName = \"MinusIcon\";\n"],"names":["MinusIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA4BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}
+{"version":3,"file":"MinusIcon.cjs","sources":["../../../../../src/components/icon/icons/MinusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const MinusIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue15b\"}</Icon>\n);\nMinusIcon.displayName = \"MinusIcon\";\n"],"names":["MinusIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA4BC,SACpCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}

package/build/cjs/components/icon/icons/PenIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PenIcon.cjs","sources":["../../../../../src/components/icon/icons/PenIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const PenIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uf097\"}</Icon>;\nPenIcon.displayName = \"PenIcon\";\n"],"names":["PenIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA0BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACvFH,EAAQI,YAAc"}
+{"version":3,"file":"PenIcon.cjs","sources":["../../../../../src/components/icon/icons/PenIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const PenIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\uf097\"}</Icon>\n);\nPenIcon.displayName = \"PenIcon\";\n"],"names":["PenIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA0BC,SAClCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAQI,YAAc"}

package/build/cjs/components/icon/icons/PlusIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PlusIcon.cjs","sources":["../../../../../src/components/icon/icons/PlusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const PlusIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue145\"}</Icon>;\nPlusIcon.displayName = \"PlusIcon\";\n"],"names":["PlusIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
+{"version":3,"file":"PlusIcon.cjs","sources":["../../../../../src/components/icon/icons/PlusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const PlusIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue145\"}</Icon>\n);\nPlusIcon.displayName = \"PlusIcon\";\n"],"names":["PlusIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA2BC,SACnCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/cjs/components/icon/icons/QuestionIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionIcon.cjs","sources":["../../../../../src/components/icon/icons/QuestionIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const QuestionIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8fd\"}</Icon>;\nQuestionIcon.displayName = \"QuestionIcon\";\n"],"names":["QuestionIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA+BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}
+{"version":3,"file":"QuestionIcon.cjs","sources":["../../../../../src/components/icon/icons/QuestionIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const QuestionIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8fd\"}</Icon>\n);\nQuestionIcon.displayName = \"QuestionIcon\";\n"],"names":["QuestionIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA+BC,SACvCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}

package/build/cjs/components/icon/icons/RedCrossIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RedCrossIcon.cjs","sources":["../../../../../src/components/icon/icons/RedCrossIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const RedCrossIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(className, \"jkl-icon\", \"jkl-icon-red-cross\", `jkl-icon--${variant}`, {\n                \"jkl-icon--bold\": bold,\n            })}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path d=\"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z\" />\n                <path d=\"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z\" />\n            </svg>\n        </El>\n    );\n};\nRedCrossIcon.displayName = \"RedCrossIcon\";\n"],"names":["RedCrossIcon","as","bold","className","variant","testId","style","rest","El","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"gKASaA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAAA,KAAKP,EAAW,WAAY,qBAAsB,aAAaC,IAAW,CACjF,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAK,CAAAW,EAAE,yDACRX,EAAAA,IAAC,OAAK,CAAAW,EAAE,2DACZ,EAIZpB,EAAaqB,YAAc"}
+{"version":3,"file":"RedCrossIcon.cjs","sources":["../../../../../src/components/icon/icons/RedCrossIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const RedCrossIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(\n                className,\n                \"jkl-icon\",\n                \"jkl-icon-red-cross\",\n                `jkl-icon--${variant}`,\n                {\n                    \"jkl-icon--bold\": bold,\n                },\n            )}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24px\"\n                height=\"24px\"\n            >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path d=\"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z\" />\n                <path d=\"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z\" />\n            </svg>\n        </El>\n    );\n};\nRedCrossIcon.displayName = \"RedCrossIcon\";\n"],"names":["RedCrossIcon","as","bold","className","variant","testId","style","rest","El","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"gKASaA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAAA,KACPP,EACA,WACA,qBACA,aAAaC,IACb,CACI,iBAAkBF,IAG1B,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,MAAA,CACGC,MAAM,6BACNC,QAAQ,YACRC,MAAM,OACNC,OAAO,OAEPL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAK,CAAAW,EAAE,yDACRX,EAAAA,IAAC,OAAK,CAAAW,EAAE,2DACZ,EAIZpB,EAAaqB,YAAc"}

package/build/cjs/components/icon/icons/SearchIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchIcon.cjs","sources":["../../../../../src/components/icon/icons/SearchIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const SearchIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8b6\"}</Icon>;\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":["SearchIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA6BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC1FH,EAAWI,YAAc"}
+{"version":3,"file":"SearchIcon.cjs","sources":["../../../../../src/components/icon/icons/SearchIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const SearchIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8b6\"}</Icon>\n);\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":["SearchIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA6BC,SACrCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAWI,YAAc"}

package/build/cjs/components/icon/icons/ThumbDownIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ThumbDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ThumbDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8db\"}</Icon>;\nThumbDownIcon.displayName = \"ThumbDownIcon\";\n"],"names":["ThumbDownIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
+{"version":3,"file":"ThumbDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ThumbDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ThumbDownIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8db\"}</Icon>\n);\nThumbDownIcon.displayName = \"ThumbDownIcon\";\n"],"names":["ThumbDownIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/ThumbUpIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ThumbUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ThumbUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8dc\"}</Icon>;\nThumbUpIcon.displayName = \"ThumbUpIcon\";\n"],"names":["ThumbUpIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA8BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC3FH,EAAYI,YAAc"}
+{"version":3,"file":"ThumbUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ThumbUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ThumbUpIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8dc\"}</Icon>\n);\nThumbUpIcon.displayName = \"ThumbUpIcon\";\n"],"names":["ThumbUpIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA8BC,SACtCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAYI,YAAc"}

package/build/cjs/components/icon/icons/TrashCanIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TrashCanIcon.cjs","sources":["../../../../../src/components/icon/icons/TrashCanIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const TrashCanIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue92e\"}</Icon>;\nTrashCanIcon.displayName = \"TrashCanIcon\";\n"],"names":["TrashCanIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA+BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}
+{"version":3,"file":"TrashCanIcon.cjs","sources":["../../../../../src/components/icon/icons/TrashCanIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const TrashCanIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue92e\"}</Icon>\n);\nTrashCanIcon.displayName = \"TrashCanIcon\";\n"],"names":["TrashCanIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAA+BC,SACvCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}

package/build/cjs/components/icon/icons/animated/ArrowHorizontalAnimated.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowHorizontalAnimated.cjs","sources":["../../../../../../src/components/icon/icons/animated/ArrowHorizontalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { ArrowLeftIcon } from \"../ArrowLeftIcon.js\";\nimport { ArrowRightIcon } from \"../ArrowRightIcon.js\";\n\nexport interface ArrowHorizontalAnimatedProps {\n    className?: string;\n    pointingRight: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps> = ({\n    className,\n    pointingRight,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            { \"jkl-icon--bold\": bold, [`jkl-icon--${variant}`]: !!variant },\n            \"jkl-animated-horizontal-arrows\",\n            className,\n        )}\n    >\n        <div className=\"jkl-animated-horizontal-arrows__slider\" data-show={pointingRight ? \"right\" : \"left\"}>\n            <ArrowLeftIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n            <ArrowRightIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n        </div>\n    </div>\n);\n\nArrowHorizontalAnimated.displayName = \"ArrowHorizontalAnimated\";\n"],"names":["ArrowHorizontalAnimated","className","pointingRight","variant","bold","rest","jsx","clsx","children","ArrowLeftIcon","ArrowRightIcon","displayName"],"mappings":"wOAaaA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,CAAE,iBAAkBH,EAAM,CAAC,aAAaD,OAAcA,GACtD,iCACAF,GAGJO,gBAAC,MAAI,CAAAP,UAAU,yCAAyC,YAAWC,EAAgB,QAAU,OACzFM,SAAA,CAAAF,EAAAA,IAACG,EAAcA,cAAA,CAAAR,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,IAClFE,EAAAA,IAAAI,EAAAA,eAAA,CAAeT,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,SAKhGJ,EAAwBW,YAAc"}
+{"version":3,"file":"ArrowHorizontalAnimated.cjs","sources":["../../../../../../src/components/icon/icons/animated/ArrowHorizontalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { ArrowLeftIcon } from \"../ArrowLeftIcon.js\";\nimport { ArrowRightIcon } from \"../ArrowRightIcon.js\";\n\nexport interface ArrowHorizontalAnimatedProps {\n    className?: string;\n    pointingRight: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps> = ({\n    className,\n    pointingRight,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            { \"jkl-icon--bold\": bold, [`jkl-icon--${variant}`]: !!variant },\n            \"jkl-animated-horizontal-arrows\",\n            className,\n        )}\n    >\n        <div\n            className=\"jkl-animated-horizontal-arrows__slider\"\n            data-show={pointingRight ? \"right\" : \"left\"}\n        >\n            <ArrowLeftIcon\n                className=\"jkl-animated-horizontal-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n            <ArrowRightIcon\n                className=\"jkl-animated-horizontal-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n        </div>\n    </div>\n);\n\nArrowHorizontalAnimated.displayName = \"ArrowHorizontalAnimated\";\n"],"names":["ArrowHorizontalAnimated","className","pointingRight","variant","bold","rest","jsx","clsx","children","jsxs","ArrowLeftIcon","ArrowRightIcon","displayName"],"mappings":"wOAaaA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,CAAE,iBAAkBH,EAAM,CAAC,aAAaD,OAAcA,GACtD,iCACAF,GAGJO,SAAAC,EAAAA,KAAC,MAAA,CACGR,UAAU,yCACV,YAAWC,EAAgB,QAAU,OAErCM,SAAA,CAAAF,EAAAA,IAACI,EAAAA,cAAA,CACGT,UAAU,wCACVE,QAAAA,EACAC,KAAAA,IAEJE,EAAAA,IAACK,EAAAA,eAAA,CACGV,UAAU,wCACVE,QAAAA,EACAC,KAAAA,SAMhBJ,EAAwBY,YAAc"}

package/build/cjs/components/icon/icons/animated/ArrowVerticalAnimated.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowVerticalAnimated.cjs","sources":["../../../../../../src/components/icon/icons/animated/ArrowVerticalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { ArrowDownIcon } from \"../ArrowDownIcon.js\";\nimport { ArrowUpIcon } from \"../ArrowUpIcon.js\";\n\nexport interface ArrowVerticalAnimatedProps {\n    className?: string;\n    pointingDown: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps> = ({\n    className,\n    pointingDown,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            \"jkl-animated-vertical-arrows\",\n            className,\n        )}\n    >\n        <div className=\"jkl-animated-vertical-arrows__slider\" data-show={pointingDown ? \"down\" : \"up\"}>\n            <ArrowUpIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n            <ArrowDownIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n        </div>\n    </div>\n);\n\nArrowVerticalAnimated.displayName = \"ArrowVerticalAnimated\";\n"],"names":["ArrowVerticalAnimated","className","pointingDown","variant","bold","rest","jsx","clsx","children","ArrowUpIcon","ArrowDownIcon","displayName"],"mappings":"qOAaaA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhC,+BACAF,GAGJO,gBAAC,MAAI,CAAAP,UAAU,uCAAuC,YAAWC,EAAe,OAAS,KACrFM,SAAA,CAAAF,EAAAA,IAACG,EAAYA,YAAA,CAAAR,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,IAC9EE,EAAAA,IAAAI,EAAAA,cAAA,CAAcT,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,SAK7FJ,EAAsBW,YAAc"}
+{"version":3,"file":"ArrowVerticalAnimated.cjs","sources":["../../../../../../src/components/icon/icons/animated/ArrowVerticalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { ArrowDownIcon } from \"../ArrowDownIcon.js\";\nimport { ArrowUpIcon } from \"../ArrowUpIcon.js\";\n\nexport interface ArrowVerticalAnimatedProps {\n    className?: string;\n    pointingDown: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps> = ({\n    className,\n    pointingDown,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            \"jkl-animated-vertical-arrows\",\n            className,\n        )}\n    >\n        <div\n            className=\"jkl-animated-vertical-arrows__slider\"\n            data-show={pointingDown ? \"down\" : \"up\"}\n        >\n            <ArrowUpIcon\n                className=\"jkl-animated-vertical-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n            <ArrowDownIcon\n                className=\"jkl-animated-vertical-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n        </div>\n    </div>\n);\n\nArrowVerticalAnimated.displayName = \"ArrowVerticalAnimated\";\n"],"names":["ArrowVerticalAnimated","className","pointingDown","variant","bold","rest","jsx","clsx","children","jsxs","ArrowUpIcon","ArrowDownIcon","displayName"],"mappings":"qOAaaA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhC,+BACAF,GAGJO,SAAAC,EAAAA,KAAC,MAAA,CACGR,UAAU,uCACV,YAAWC,EAAe,OAAS,KAEnCM,SAAA,CAAAF,EAAAA,IAACI,EAAAA,YAAA,CACGT,UAAU,sCACVE,QAAAA,EACAC,KAAAA,IAEJE,EAAAA,IAACK,EAAAA,cAAA,CACGV,UAAU,sCACVE,QAAAA,EACAC,KAAAA,SAMhBJ,EAAsBY,YAAc"}

package/build/cjs/components/icon/icons/animated/PlusRemoveAnimated.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PlusRemoveAnimated.cjs","sources":["../../../../../../src/components/icon/icons/animated/PlusRemoveAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { PlusIcon } from \"../PlusIcon.js\";\n\nexport interface PlusRemoveAnimatedProps {\n    className?: string;\n    isPlus: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps> = ({\n    className,\n    isPlus,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            className,\n        )}\n    >\n        <PlusIcon\n            variant={variant}\n            bold={bold}\n            className={clsx(\"jkl-icons-animated__plus\", `jkl-icons-animated__plus--${isPlus ? \"plus\" : \"close\"}`)}\n        />\n    </div>\n);\n\nPlusRemoveAnimated.displayName = \"PlusRemoveAnimated\";\n"],"names":["PlusRemoveAnimated","className","isPlus","variant","bold","rest","jsx","clsx","children","PlusIcon","displayName"],"mappings":"gMAYaA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhCF,GAGJO,SAAAF,EAAAA,IAACG,EAAAA,SAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EAAAA,KAAK,2BAA4B,8BAA6BL,EAAS,OAAS,cAKvGF,EAAmBU,YAAc"}
+{"version":3,"file":"PlusRemoveAnimated.cjs","sources":["../../../../../../src/components/icon/icons/animated/PlusRemoveAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { PlusIcon } from \"../PlusIcon.js\";\n\nexport interface PlusRemoveAnimatedProps {\n    className?: string;\n    isPlus: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps> = ({\n    className,\n    isPlus,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            className,\n        )}\n    >\n        <PlusIcon\n            variant={variant}\n            bold={bold}\n            className={clsx(\n                \"jkl-icons-animated__plus\",\n                `jkl-icons-animated__plus--${isPlus ? \"plus\" : \"close\"}`,\n            )}\n        />\n    </div>\n);\n\nPlusRemoveAnimated.displayName = \"PlusRemoveAnimated\";\n"],"names":["PlusRemoveAnimated","className","isPlus","variant","bold","rest","jsx","clsx","children","PlusIcon","displayName"],"mappings":"gMAYaA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAAA,KACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhCF,GAGJO,SAAAF,EAAAA,IAACG,EAAAA,SAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EAAAA,KACP,2BACA,8BAA6BL,EAAS,OAAS,cAM/DF,EAAmBU,YAAc"}

package/build/cjs/components/icon-button/IconButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.cjs","sources":["../../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { Density } from \"../../core/types.js\";\n\nexport interface IconButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    density?: Density;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n    const { className, children, density, ...rest } = props;\n    return (\n        <button\n            ref={ref}\n            type=\"button\"\n            className={clsx(\"jkl-icon-button\", className)}\n            data-testid=\"jkl-icon-button\"\n            data-density={density}\n            {...rest}\n        >\n            {children}\n        </button>\n    );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","forwardRef","props","ref","className","children","density","rest","jsx","type","clsx","displayName"],"mappings":"6JAQaA,mBAAaC,YAA+C,CAACC,EAAOC,KAC7E,MAAQC,UAAAA,EAAWC,SAAAA,EAAUC,QAAAA,KAAYC,GAASL,EAE9C,OAAAM,EAAAA,IAAC,SAAA,CACGL,IAAAA,EACAM,KAAK,SACLL,UAAWM,EAAAA,KAAK,kBAAmBN,GACnC,cAAY,kBACZ,eAAcE,KACVC,EAEHF,SAAAA,GAAA,IAKbL,EAAWW,YAAc"}
+{"version":3,"file":"IconButton.cjs","sources":["../../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { Density } from \"../../core/types.js\";\n\nexport interface IconButtonProps\n    extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    density?: Density;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n    (props, ref) => {\n        const { className, children, density, ...rest } = props;\n        return (\n            <button\n                ref={ref}\n                type=\"button\"\n                className={clsx(\"jkl-icon-button\", className)}\n                data-testid=\"jkl-icon-button\"\n                data-density={density}\n                {...rest}\n            >\n                {children}\n            </button>\n        );\n    },\n);\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","forwardRef","props","ref","className","children","density","rest","jsx","type","clsx","displayName"],"mappings":"6JASaA,mBAAaC,YACtB,CAACC,EAAOC,KACJ,MAAQC,UAAAA,EAAWC,SAAAA,EAAUC,QAAAA,KAAYC,GAASL,EAE9C,OAAAM,EAAAA,IAAC,SAAA,CACGL,IAAAA,EACAM,KAAK,SACLL,UAAWM,EAAAA,KAAK,kBAAmBN,GACnC,cAAY,kBACZ,eAAcE,KACVC,EAEHF,SAAAA,GAAA,IAMjBL,EAAWW,YAAc"}