@fremtind/jokul 0.64.1 → 0.66.0

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, useEffect, useRef, useState } from \"react\";\nimport { isValidEpost } from \"../../../utilities/validators/isValidEpost/isValidEpost.js\";\nimport { isValidTelefonnummer } from \"../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { ContactQuestionProps } from \"../types.js\";\n\nconst validateEmail = (email?: string) => {\n    if (!email || email === \"\") {\n        return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n    }\n    if (!isValidEpost(email)) {\n        return \"Skriv inn en gyldig e-postadresse\";\n    }\n    return;\n};\n\nconst validatePhone = (phone?: string) => {\n    if (!phone || phone === \"\") {\n        return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n    }\n    if (!isValidTelefonnummer(phone)) {\n        return \"Skriv inn et gyldig telefonnummer\";\n    }\n    return;\n};\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tiden din!\",\n    children:\n        \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\nexport const ContactQuestion: FC<ContactQuestionProps> = ({\n    label = \"Kan vi kontakte deg for flere innspill?\",\n    sendButtonLabel = \"Sett meg på lista!\",\n    withPhone = false,\n    onSubmit,\n    successMessage = defaultSuccessMessage,\n    children,\n}) => {\n    const [email, setEmail] = useState(\"\");\n    const [phone, setPhone] = useState(\"\");\n    const [errors, setErrors] = useState<{ email?: string; phone?: string }>(\n        {},\n    );\n    const emailRef = useRef<HTMLInputElement>(null);\n    const phoneRef = useRef<HTMLInputElement>(null);\n    const [shouldValidate, setShouldValidate] = useState(false);\n\n    const [noThanks, setNoThanks] = useState(false);\n    const { contactSubmitted, setContactSubmitted, landmarkLabel } =\n        useFeedbackContext();\n\n    const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n    const validate = (email: string, phone: string) => {\n        const emailError = validateEmail(email);\n        const phoneError = validatePhone(phone);\n        setErrors({ email: emailError, phone: phoneError });\n        return { emailError, phoneError };\n    };\n\n    useEffect(() => {\n        if (shouldValidate) {\n            const { emailError, phoneError } = validate(email, phone);\n\n            if (!emailError && (!withPhone || !phoneError)) {\n                setShouldValidate(false);\n            }\n        }\n    }, [email, phone, shouldValidate, withPhone]);\n\n    const handleChange =\n        (consumer: (value: string) => void) =>\n        (e: ChangeEvent<HTMLInputElement>) =>\n            consumer(e.target.value);\n\n    const handleSubmit: React.FormEventHandler = (e) => {\n        e.preventDefault();\n\n        const { emailError, phoneError } = validate(email, phone);\n        if (emailError) {\n            setShouldValidate(true);\n            emailRef.current?.focus();\n            return;\n        }\n        if (withPhone && phoneError) {\n            setShouldValidate(true);\n            phoneRef.current?.focus();\n            return;\n        }\n\n        onSubmit({ email, phone: withPhone ? phone : undefined });\n        setContactSubmitted(true);\n    };\n\n    if (noThanks) {\n        return null;\n    }\n\n    if (contactSubmitted) {\n        return <FeedbackSuccess {...successMessage} />;\n    }\n\n    return (\n        <form\n            className=\"jkl-spacing-xl--top\"\n            onSubmit={handleSubmit}\n            aria-label={landmarkLabel}\n        >\n            <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n            {children && (\n                <ChildrenWrapper className=\"jkl-body\">\n                    {children}\n                </ChildrenWrapper>\n            )}\n\n            <TextInput\n                ref={emailRef}\n                className=\"jkl-spacing-l--top\"\n                label=\"E-post\"\n                labelProps={{ variant: \"small\" }}\n                autoComplete=\"email\"\n                name=\"email\"\n                value={email}\n                onChange={handleChange(setEmail)}\n                errorLabel={errors.email}\n            />\n            {withPhone && (\n                <TextInput\n                    ref={phoneRef}\n                    className=\"jkl-spacing-l--top\"\n                    label=\"Telefonnummer\"\n                    labelProps={{ variant: \"small\" }}\n                    autoComplete=\"tel\"\n                    name=\"phone\"\n                    value={phone}\n                    onChange={handleChange(setPhone)}\n                    errorLabel={errors.phone}\n                />\n            )}\n\n            <div className=\"jkl-spacing-xl--top\">\n                <PrimaryButton type=\"submit\" className=\"jkl-spacing-xl--right\">\n                    {sendButtonLabel}\n                </PrimaryButton>\n                <TertiaryButton onClick={() => setNoThanks(true)}>\n                    Nei takk\n                </TertiaryButton>\n            </div>\n        </form>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","sendButtonLabel","withPhone","onSubmit","successMessage","email","setEmail","useState","phone","setPhone","errors","setErrors","emailRef","useRef","phoneRef","shouldValidate","setShouldValidate","noThanks","setNoThanks","contactSubmitted","setContactSubmitted","landmarkLabel","useFeedbackContext","ChildrenWrapper","validate","emailError","isValidEpost","validateEmail","phoneError","isValidTelefonnummer","validatePhone","useEffect","handleChange","consumer","e","target","value","jsx","FeedbackSuccess","jsxs","className","preventDefault","_a","current","focus","_b","TextInput","ref","labelProps","variant","autoComplete","name","onChange","errorLabel","PrimaryButton","type","TertiaryButton","onClick"],"mappings":"mcA6BMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,8MAGiD,EACrDC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBP,EACjBE,SAAAA,MAEA,MAAOM,EAAOC,GAAYC,WAAS,KAC5BC,EAAOC,GAAYF,WAAS,KAC5BG,EAAQC,GAAaJ,EAAAA,SACxB,CAAC,GAECK,EAAWC,SAAyB,MACpCC,EAAWD,SAAyB,OACnCE,EAAgBC,GAAqBT,YAAS,IAE9CU,EAAUC,GAAeX,YAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAC3CC,EAAmBA,qBAEjBC,EAAsC,iBAAbxB,EAAwB,IAAM,MAEvDyB,EAAW,CAACnB,EAAeG,KACvB,MAAAiB,EAlDSpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,aAAarB,QAAd,EACO,oCAHA,uDAgDYsB,CAActB,GAC3BuB,EAzCSpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,qBAAqBrB,QAAtB,EACO,oCAHA,uDAuCYsB,CAActB,GACjC,OAAAG,EAAU,CAAEN,MAAOoB,EAAYjB,MAAOoB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,IAGzBG,EAAAA,WAAU,KACN,GAAIhB,EAAgB,CAChB,MAAQU,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,IAE9CiB,KAAgBvB,IAAc0B,IAC/BZ,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,IAE5B,MAAA8B,EACDC,GACAC,GACGD,EAASC,EAAEC,OAAOC,OAqB1B,OAAInB,EACO,KAGPE,EACOkB,EAAAA,IAACC,EAAiBA,gBAAA,IAAGlC,IAI5BmC,EAAAA,KAAC,OAAA,CACGC,UAAU,sBACVrC,SA9BsC+B,YAC1CA,EAAEO,iBAEF,MAAQhB,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,GACnD,OAAIiB,GACAT,GAAkB,QAClB,OAAA0B,EAAA9B,EAAS+B,UAATD,EAAkBE,UAGlB1C,GAAa0B,GACbZ,GAAkB,QAClB,OAAA6B,EAAA/B,EAAS6B,UAATE,EAAkBD,WAItBzC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAepB,aAAYC,EAEZtB,SAAA,CAACsC,EAAAA,IAAA,IAAA,CAAEG,UAAU,uCAAwCzC,SAAMC,IAC1DD,GACGsC,EAAAA,IAACd,EAAgB,CAAAiB,UAAU,WACtBzC,SAAAA,IAITsC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKnC,EACL4B,UAAU,qBACVxC,MAAM,SACNgD,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLf,MAAO/B,EACP+C,SAAUpB,EAAa1B,GACvB+C,WAAY3C,EAAOL,QAEtBH,GACGmC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKjC,EACL0B,UAAU,qBACVxC,MAAM,gBACNgD,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLf,MAAO5B,EACP4C,SAAUpB,EAAavB,GACvB4C,WAAY3C,EAAOF,QAI3B+B,EAAAA,KAAC,MAAI,CAAAC,UAAU,sBACXzC,SAAA,CAAAsC,MAACiB,EAAAA,cAAc,CAAAC,KAAK,SAASf,UAAU,wBAClCzC,SACLE,UACCuD,EAAAA,eAAe,CAAAC,QAAS,IAAMvC,GAAY,GAAOnB,SAElD,kBACJ"}
+{"version":3,"file":"ContactQuestion.cjs","sources":["../../../../../src/components/feedback/questions/ContactQuestion.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FC,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from \"react\";\nimport { isValidEpost } from \"../../../utilities/validators/isValidEpost/isValidEpost.js\";\nimport { isValidTelefonnummer } from \"../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport type { ContactQuestionProps } from \"../types.js\";\n\nconst validateEmail = (email?: string) => {\n    if (!email || email === \"\") {\n        return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n    }\n    if (!isValidEpost(email)) {\n        return \"Skriv inn en gyldig e-postadresse\";\n    }\n    return;\n};\n\nconst validatePhone = (phone?: string) => {\n    if (!phone || phone === \"\") {\n        return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n    }\n    if (!isValidTelefonnummer(phone)) {\n        return \"Skriv inn et gyldig telefonnummer\";\n    }\n    return;\n};\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tiden din!\",\n    children:\n        \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\nexport const ContactQuestion: FC<ContactQuestionProps> = ({\n    label = \"Kan vi kontakte deg for flere innspill?\",\n    sendButtonLabel = \"Sett meg på lista!\",\n    withPhone = false,\n    onSubmit,\n    successMessage = defaultSuccessMessage,\n    children,\n}) => {\n    const [email, setEmail] = useState(\"\");\n    const [phone, setPhone] = useState(\"\");\n    const [errors, setErrors] = useState<{ email?: string; phone?: string }>(\n        {},\n    );\n    const emailRef = useRef<HTMLInputElement>(null);\n    const phoneRef = useRef<HTMLInputElement>(null);\n    const [shouldValidate, setShouldValidate] = useState(false);\n\n    const [noThanks, setNoThanks] = useState(false);\n    const { contactSubmitted, setContactSubmitted, landmarkLabel } =\n        useFeedbackContext();\n\n    const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n    const validate = useCallback((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, validate]);\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","useCallback","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":"mcAoCMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,8MAGiD,EACrDC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBP,EACjBE,SAAAA,MAEA,MAAOM,EAAOC,GAAYC,WAAS,KAC5BC,EAAOC,GAAYF,WAAS,KAC5BG,EAAQC,GAAaJ,EAAAA,SACxB,CAAC,GAECK,EAAWC,SAAyB,MACpCC,EAAWD,SAAyB,OACnCE,EAAgBC,GAAqBT,YAAS,IAE9CU,EAAUC,GAAeX,YAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAC3CC,EAAmBA,qBAEjBC,EAAsC,iBAAbxB,EAAwB,IAAM,MAEvDyB,EAAWC,EAAAA,aAAY,CAACpB,EAAeG,KACnC,MAAAkB,EAlDSrB,IACdA,GAAmB,KAAVA,EAGTsB,EAAAA,aAAatB,QAAd,EACO,oCAHA,uDAgDYuB,CAAcvB,GAC3BwB,EAzCSrB,IACdA,GAAmB,KAAVA,EAGTsB,EAAAA,qBAAqBtB,QAAtB,EACO,oCAHA,uDAuCYuB,CAAcvB,GACjC,OAAAG,EAAU,CAAEN,MAAOqB,EAAYlB,MAAOqB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,KACtB,IAEHG,EAAAA,WAAU,KACN,GAAIjB,EAAgB,CAChB,MAAQW,WAAAA,EAAYG,WAAAA,GAAeL,EAASnB,EAAOG,IAE9CkB,KAAgBxB,IAAc2B,IAC/Bb,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,EAAWsB,IAEvC,MAAAS,EACDC,GACAC,GACGD,EAASC,EAAEC,OAAOC,OAqB1B,OAAIpB,EACO,KAGPE,EACOmB,EAAAA,IAACC,EAAiBA,gBAAA,IAAGnC,IAI5BoC,EAAAA,KAAC,OAAA,CACGC,UAAU,sBACVtC,SA9BsCgC,YAC1CA,EAAEO,iBAEF,MAAQhB,WAAAA,EAAYG,WAAAA,GAAeL,EAASnB,EAAOG,GACnD,OAAIkB,GACAV,GAAkB,QAClB,OAAA2B,EAAA/B,EAASgC,UAATD,EAAkBE,UAGlB3C,GAAa2B,GACbb,GAAkB,QAClB,OAAA8B,EAAAhC,EAAS8B,UAATE,EAAkBD,WAItB1C,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAepB,aAAYC,EAEZtB,SAAA,CAACuC,EAAAA,IAAA,IAAA,CAAEG,UAAU,uCAAwC1C,SAAMC,IAC1DD,GACGuC,EAAAA,IAACf,EAAgB,CAAAkB,UAAU,WACtB1C,SAAAA,IAITuC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKpC,EACL6B,UAAU,qBACVzC,MAAM,SACNiD,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLf,MAAOhC,EACPgD,SAAUpB,EAAa3B,GACvBgD,WAAY5C,EAAOL,QAEtBH,GACGoC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKlC,EACL2B,UAAU,qBACVzC,MAAM,gBACNiD,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLf,MAAO7B,EACP6C,SAAUpB,EAAaxB,GACvB6C,WAAY5C,EAAOF,QAI3BgC,EAAAA,KAAC,MAAI,CAAAC,UAAU,sBACX1C,SAAA,CAAAuC,MAACiB,EAAAA,cAAc,CAAAC,KAAK,SAASf,UAAU,wBAClC1C,SACLE,UACCwD,EAAAA,eAAe,CAAAC,QAAS,IAAMxC,GAAY,GAAOnB,SAElD,kBACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),o=require("../../radio-button/RadioButton.cjs"),t=require("../../radio-button/RadioButtonGroup.cjs"),l=require("../followup/followupContext.cjs"),n=require("../main-question/mainQuestionContext.cjs");exports.RadioQuestion=({label:r,name:i,options:a,helpLabel:s,autoFocus:d=!1})=>{const c=l.useFollowUpContext(),v=n.useMainQuestionContext(),p=c||v,b=u.useId(),g=(null==a?void 0:a.length)||0,x=u.useRef(null);u.useEffect((()=>{d&&x.current&&x.current.focus()}),[d,x]);const f=u.useMemo((()=>{var e;return Array.isArray(null==p?void 0:p.currentValue)?null==p?void 0:p.currentValue[0].value.toString():null==(e=null==p?void 0:p.currentValue)?void 0:e.value.toString()}),[null==p?void 0:p.currentValue]);return p?e.jsx(t.RadioButtonGroup,{legend:r,labelProps:{variant:"large"},name:`${b}-${i||r}`,inline:g<3,value:f||"",onChange:e=>{const u=null==a?void 0:a.find((u=>u.value.toString()===e.target.value));null==p||p.setCurrentValue(u)},helpLabel:s,children:null==a?void 0:a.map(((u,t)=>e.jsx(o.RadioButton,{ref:0===t?x:void 0,label:u.label,value:String(u.value)},`${b}-${i||r}-${u.value}`)))}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),o=require("../../radio-button/RadioButton.cjs"),t=require("../../radio-button/RadioButtonGroup.cjs"),l=require("../followup/followupContext.cjs"),n=require("../main-question/mainQuestionContext.cjs");exports.RadioQuestion=({label:r,name:i,options:a,helpLabel:s,autoFocus:d=!1})=>{const c=l.useFollowUpContext(),v=n.useMainQuestionContext(),p=c||v,b=u.useId(),g=(null==a?void 0:a.length)||0,x=u.useRef(null);u.useEffect((()=>{d&&x.current&&x.current.focus()}),[d]);const f=u.useMemo((()=>{var e;return Array.isArray(null==p?void 0:p.currentValue)?null==p?void 0:p.currentValue[0].value.toString():null==(e=null==p?void 0:p.currentValue)?void 0:e.value.toString()}),[null==p?void 0:p.currentValue]);return p?e.jsx(t.RadioButtonGroup,{legend:r,labelProps:{variant:"large"},name:`${b}-${i||r}`,inline:g<3,value:f||"",onChange:e=>{const u=null==a?void 0:a.find((u=>u.value.toString()===e.target.value));null==p||p.setCurrentValue(u)},helpLabel:s,children:null==a?void 0:a.map(((u,t)=>e.jsx(o.RadioButton,{ref:0===t?x:void 0,label:u.label,value:String(u.value)},`${b}-${i||r}-${u.value}`)))}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
 //# sourceMappingURL=RadioQuestion.cjs.map

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, {\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"}
+{"version":3,"file":"RadioQuestion.cjs","sources":["../../../../../src/components/feedback/questions/RadioQuestion.tsx"],"sourcesContent":["import React, {\n    type 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 type { 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]);\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,OAAAA,EAAAA,EAASW,SAAU,EAEhCC,EAAMC,SAAyB,MACrCC,EAAAA,WAAU,KACFZ,GAAaU,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACd,IAEE,MAOAe,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(\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"}
+{"version":3,"file":"SmileyQuestion.cjs","sources":["../../../../../src/components/feedback/questions/SmileyQuestion.tsx"],"sourcesContent":["import React, {\n    type ChangeEventHandler,\n    Fragment,\n    useId,\n    useMemo,\n} from \"react\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport type { 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":"wTAYMA,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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../../text-area/TextArea.cjs"),n=require("../feedbackContext.cjs"),u=require("../followup/followupContext.cjs"),l=require("../main-question/mainQuestionContext.cjs");exports.TextQuestion=({label:o,name:a,helpLabel:s="Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.",autoFocus:i=!1})=>{const{counter:c}=n.useFeedbackContext(),b=u.useFollowUpContext(),d=l.useMainQuestionContext(),v=b||d,p=r.useRef(null);r.useEffect((()=>{i&&p.current&&p.current.focus()}),[i,p]);const x=r.useMemo((()=>{var e;return Array.isArray(null==v?void 0:v.currentValue)?null==v?void 0:v.currentValue[0].value.toString():null==(e=null==v?void 0:v.currentValue)?void 0:e.value.toString()}),[null==v?void 0:v.currentValue]);return v?e.jsx(t.TextArea,{ref:p,label:o,labelProps:{variant:"large"},name:a||o,startOpen:!0,rows:5,value:x,onChange:e=>{const r={label:o,name:a||o,type:"text",value:e.target.value};null==v||v.setCurrentValue(r)},helpLabel:s,counter:c}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../../text-area/TextArea.cjs"),n=require("../feedbackContext.cjs"),u=require("../followup/followupContext.cjs"),l=require("../main-question/mainQuestionContext.cjs");exports.TextQuestion=({label:o,name:a,helpLabel:s="Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.",autoFocus:i=!1})=>{const{counter:c}=n.useFeedbackContext(),b=u.useFollowUpContext(),d=l.useMainQuestionContext(),v=b||d,p=r.useRef(null);r.useEffect((()=>{i&&p.current&&p.current.focus()}),[i]);const x=r.useMemo((()=>{var e;return Array.isArray(null==v?void 0:v.currentValue)?null==v?void 0:v.currentValue[0].value.toString():null==(e=null==v?void 0:v.currentValue)?void 0:e.value.toString()}),[null==v?void 0:v.currentValue]);return v?e.jsx(t.TextArea,{ref:p,label:o,labelProps:{variant:"large"},name:a||o,startOpen:!0,rows:5,value:x,onChange:e=>{const r={label:o,name:a||o,type:"text",value:e.target.value};null==v||v.setCurrentValue(r)},helpLabel:s,counter:c}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
 //# sourceMappingURL=TextQuestion.cjs.map

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-area/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":"8UAOqD,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"}
+{"version":3,"file":"TextQuestion.cjs","sources":["../../../../../src/components/feedback/questions/TextQuestion.tsx"],"sourcesContent":["import React, {\n    type ChangeEventHandler,\n    useEffect,\n    useMemo,\n    useRef,\n} from \"react\";\nimport { TextArea } from \"../../text-area/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport type { 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]);\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":"8UAYqD,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,IAEE,MAUAa,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:\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"}
+{"version":3,"file":"smileyUtils.cjs","sources":["../../../../../src/components/feedback/questions/smileyUtils.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { 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 {\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":"ijBASO,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"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { type JSXElementConstructor, type FC } from \"react\";\nimport {\n    CheckboxQuestion,\n    RadioQuestion,\n    SmileyQuestion,\n    TextQuestion,\n} from \"./questions/index.js\";\nimport type { 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":"ijBASO,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/file-input/File.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs"),require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/OpenInNewIcon.cjs"),require("../icon/icons/PenIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs");const n=require("../icon/icons/SuccessIcon.cjs");require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs");const r=require("../icon/icons/TrashCanIcon.cjs");require("../icon/icons/WarningIcon.cjs");const o=require("../icon-button/IconButton.cjs"),s=require("../input-group/SupportLabel.cjs"),l=require("../../utilities/formatters/bytes/formatBytes.cjs"),t=require("./internal/fileInputContext.cjs"),a=require("./internal/Thumbnail.cjs");exports.File=u=>{const{children:j,className:q,fileName:p,fileType:I,fileSize:d,path:h,file:m,supportLabel:f,supportLabelType:b,state:x,onRemove:_,...k}=u,w=`jkl-file-preview-${i.useId()}`,C=w+"-support",v=t.useFileInputContext(),g=h?"a":"div",y="error"===b||"warning"===b,N="success"===b,T=e.jsxs("div",{id:w,className:c.clsx(q,"jkl-file"),...k,children:[e.jsxs(g,{className:c.clsx("jkl-file__content",{"jkl-file__content--error":"error"===b,"jkl-file__content--warning":"warning"===b}),href:h,target:h?"_blank":void 0,children:[e.jsx(a.Thumbnail,{fileName:p,fileType:I,file:m,path:h,state:x,children:j}),e.jsxs("div",{children:[e.jsx("p",{className:"jkl-file__name",children:p}),e.jsxs("p",{className:"jkl-file__description",children:[e.jsx("span",{children:l.formatBytes(d)}),y||N?N?e.jsx(n.SuccessIcon,{variant:"small","aria-label":"Filen ble lastet opp uten feil","aria-hidden":!1}):null:e.jsx(s.SupportLabel,{className:"jkl-file__support-label jkl-body",id:C,label:f,labelType:b})]}),f&&y&&e.jsx(s.SupportLabel,{className:"jkl-file__support-label",id:C,label:f,labelType:b})]})]}),_&&e.jsx(o.IconButton,{className:"jkl-file__delete",onClick:_,title:`Fjern ${p}`,children:e.jsx(r.TrashCanIcon,{})})]});return v?e.jsx("li",{children:T}):T};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),n=require("../icon-button/IconButton.cjs");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs"),require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/OpenInNewIcon.cjs"),require("../icon/icons/PenIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs");const r=require("../icon/icons/SuccessIcon.cjs");require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs");const o=require("../icon/icons/TrashCanIcon.cjs");require("../icon/icons/WarningIcon.cjs");const s=require("../input-group/SupportLabel.cjs"),l=require("../../utilities/formatters/bytes/formatBytes.cjs"),t=require("./internal/Thumbnail.cjs"),a=require("./internal/fileInputContext.cjs");exports.File=u=>{const{children:j,className:q,fileName:p,fileType:I,fileSize:d,path:h,file:m,supportLabel:f,supportLabelType:b,state:x,onRemove:_,...k}=u,w=`jkl-file-preview-${i.useId()}`,C=`${w}-support`,v=a.useFileInputContext(),g=h?"a":"div",y="error"===b||"warning"===b,N="success"===b,T=e.jsxs("div",{id:w,className:c.clsx(q,"jkl-file"),...k,children:[e.jsxs(g,{className:c.clsx("jkl-file__content",{"jkl-file__content--error":"error"===b,"jkl-file__content--warning":"warning"===b}),href:h,target:h?"_blank":void 0,children:[e.jsx(t.Thumbnail,{fileName:p,fileType:I,file:m,path:h,state:x,children:j}),e.jsxs("div",{children:[e.jsx("p",{className:"jkl-file__name",children:p}),e.jsxs("p",{className:"jkl-file__description",children:[e.jsx("span",{children:l.formatBytes(d)}),y||N?N?e.jsx(r.SuccessIcon,{variant:"small","aria-label":"Filen ble lastet opp uten feil","aria-hidden":!1}):null:e.jsx(s.SupportLabel,{className:"jkl-file__support-label jkl-body",id:C,label:f,labelType:b})]}),f&&y&&e.jsx(s.SupportLabel,{className:"jkl-file__support-label",id:C,label:f,labelType:b})]})]}),_&&e.jsx(n.IconButton,{className:"jkl-file__delete",onClick:_,title:`Fjern ${p}`,children:e.jsx(o.TrashCanIcon,{})})]});return v?e.jsx("li",{children:T}):T};
 //# sourceMappingURL=File.cjs.map

package/build/cjs/components/file-input/File.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"File.cjs","sources":["../../../../src/components/file-input/File.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    type ComponentProps,\n    type FC,\n    type MouseEvent,\n    useId,\n} from \"react\";\nimport { TrashCanIcon, SuccessIcon } from \"../../components/icon/index.js\";\nimport { IconButton } from \"../../components/icon-button/IconButton.js\";\nimport { SupportLabel } from \"../../components/input-group/SupportLabel.js\";\nimport { formatBytes } from \"../../utilities/formatters/bytes/formatBytes.js\";\nimport { useFileInputContext } from \"./internal/fileInputContext.js\";\nimport { Thumbnail } from \"./internal/Thumbnail.js\";\nimport type { FileInputFileState } from \"./types.js\";\n\nexport type FileProps = {\n    fileName: string;\n    fileType: string;\n    fileSize: number;\n    path?: string;\n    file?: File;\n    supportLabel?: string;\n    supportLabelType?: \"help\" | \"error\" | \"warning\" | \"success\";\n    state?: FileInputFileState;\n    onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const File: FC<FileProps & ComponentProps<\"div\">> = (props) => {\n    const {\n        children,\n        className,\n        fileName,\n        fileType,\n        fileSize,\n        path,\n        file,\n        supportLabel,\n        supportLabelType,\n        state,\n        onRemove,\n        ...rest\n    } = props;\n\n    const id = `jkl-file-preview-${useId()}`;\n    const supportId = id + \"-support\";\n\n    const context = useFileInputContext();\n\n    const Component = path ? \"a\" : \"div\";\n\n    const hasErrorOrWarning =\n        supportLabelType === \"error\" || supportLabelType === \"warning\";\n    const hasSuccess = supportLabelType === \"success\";\n\n    const renderFeedbackElement = () => {\n        if (!hasErrorOrWarning && !hasSuccess) {\n            return (\n                <SupportLabel\n                    className=\"jkl-file__support-label jkl-body\"\n                    id={supportId}\n                    label={supportLabel}\n                    labelType={supportLabelType}\n                />\n            );\n        }\n\n        if (hasSuccess)\n            return (\n                <SuccessIcon\n                    variant=\"small\"\n                    aria-label=\"Filen ble lastet opp uten feil\"\n                    aria-hidden={false}\n                />\n            );\n\n        return null;\n    };\n\n    const fileComponent = (\n        <div id={id} className={clsx(className, \"jkl-file\")} {...rest}>\n            <Component\n                className={clsx(\"jkl-file__content\", {\n                    \"jkl-file__content--error\": supportLabelType === \"error\",\n                    \"jkl-file__content--warning\":\n                        supportLabelType === \"warning\",\n                })}\n                href={path}\n                target={path ? \"_blank\" : undefined}\n            >\n                <Thumbnail\n                    fileName={fileName}\n                    fileType={fileType}\n                    file={file}\n                    path={path}\n                    state={state}\n                >\n                    {children}\n                </Thumbnail>\n                <div>\n                    <p className=\"jkl-file__name\">{fileName}</p>\n                    <p className=\"jkl-file__description\">\n                        <span>{formatBytes(fileSize)}</span>\n                        {renderFeedbackElement()}\n                    </p>\n                    {supportLabel && hasErrorOrWarning && (\n                        <SupportLabel\n                            className=\"jkl-file__support-label\"\n                            id={supportId}\n                            label={supportLabel}\n                            labelType={supportLabelType}\n                        />\n                    )}\n                </div>\n            </Component>\n            {onRemove && (\n                <IconButton\n                    className=\"jkl-file__delete\"\n                    onClick={onRemove}\n                    title={`Fjern ${fileName}`}\n                >\n                    <TrashCanIcon />\n                </IconButton>\n            )}\n        </div>\n    );\n\n    return context ? <li>{fileComponent}</li> : fileComponent;\n};\n"],"names":["props","children","className","fileName","fileType","fileSize","path","file","supportLabel","supportLabelType","state","onRemove","rest","id","useId","supportId","context","useFileInputContext","Component","hasErrorOrWarning","hasSuccess","fileComponent","jsxs","clsx","href","target","jsx","Thumbnail","formatBytes","SuccessIcon","variant","SupportLabel","label","labelType","IconButton","onClick","title","TrashCanIcon"],"mappings":"s7DA2B4DA,IAClD,MACFC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,KAAAA,EACAC,aAAAA,EACAC,iBAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHZ,EAEEa,EAAK,oBAAoBC,EAAAA,UACzBC,EAAYF,EAAK,WAEjBG,EAAUC,EAAAA,sBAEVC,EAAYZ,EAAO,IAAM,MAEzBa,EACmB,UAArBV,GAAqD,YAArBA,EAC9BW,EAAkC,YAArBX,EA0BbY,EACDC,EAAAA,KAAA,MAAA,CAAIT,GAAAA,EAAQX,UAAWqB,OAAKrB,EAAW,eAAiBU,EACrDX,SAAA,CAAAqB,EAAAA,KAACJ,EAAA,CACGhB,UAAWqB,OAAK,oBAAqB,CACjC,2BAAiD,UAArBd,EAC5B,6BACyB,YAArBA,IAERe,KAAMlB,EACNmB,OAAQnB,EAAO,cAAW,EAE1BL,SAAA,CAAAyB,EAAAA,IAACC,EAAAA,UAAA,CACGxB,SAAAA,EACAC,SAAAA,EACAG,KAAAA,EACAD,KAAAA,EACAI,MAAAA,EAECT,SAAAA,WAEJ,MACG,CAAAA,SAAA,CAACyB,EAAAA,IAAA,IAAA,CAAExB,UAAU,iBAAkBD,SAASE,IACxCmB,EAAAA,KAAC,IAAE,CAAApB,UAAU,wBACTD,SAAA,CAACyB,EAAAA,IAAA,OAAA,CAAMzB,SAAY2B,EAAAA,YAAAvB,KA9C9Bc,GAAsBC,EAWvBA,EAEIM,EAAAA,IAACG,EAAAA,YAAA,CACGC,QAAQ,QACR,aAAW,iCACX,eAAa,IAIlB,KAlBCJ,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,mCACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,OA2CVD,GAAgBW,GACbO,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,0BACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,UAK1BE,GACGe,EAAAA,IAACQ,EAAAA,WAAA,CACGhC,UAAU,mBACViC,QAASxB,EACTyB,MAAO,SAASjC,IAEhBF,eAACoC,EAAaA,aAAA,SAM9B,OAAOrB,EAAUU,EAAAA,IAAC,KAAI,CAAAzB,SAAAoB,IAAsBA"}
+{"version":3,"file":"File.cjs","sources":["../../../../src/components/file-input/File.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    type ComponentProps,\n    type FC,\n    type MouseEvent,\n    useId,\n} from \"react\";\nimport { IconButton } from \"../../components/icon-button/IconButton.js\";\nimport { SuccessIcon, TrashCanIcon } from \"../../components/icon/index.js\";\nimport { SupportLabel } from \"../../components/input-group/SupportLabel.js\";\nimport { formatBytes } from \"../../utilities/formatters/bytes/formatBytes.js\";\nimport { Thumbnail } from \"./internal/Thumbnail.js\";\nimport { useFileInputContext } from \"./internal/fileInputContext.js\";\nimport type { FileInputFileState } from \"./types.js\";\n\nexport type FileProps = {\n    fileName: string;\n    fileType: string;\n    fileSize: number;\n    path?: string;\n    file?: File;\n    supportLabel?: string;\n    supportLabelType?: \"help\" | \"error\" | \"warning\" | \"success\";\n    state?: FileInputFileState;\n    onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const File: FC<FileProps & ComponentProps<\"div\">> = (props) => {\n    const {\n        children,\n        className,\n        fileName,\n        fileType,\n        fileSize,\n        path,\n        file,\n        supportLabel,\n        supportLabelType,\n        state,\n        onRemove,\n        ...rest\n    } = props;\n\n    const id = `jkl-file-preview-${useId()}`;\n    const supportId = `${id}-support`;\n\n    const context = useFileInputContext();\n\n    const Component = path ? \"a\" : \"div\";\n\n    const hasErrorOrWarning =\n        supportLabelType === \"error\" || supportLabelType === \"warning\";\n    const hasSuccess = supportLabelType === \"success\";\n\n    const renderFeedbackElement = () => {\n        if (!hasErrorOrWarning && !hasSuccess) {\n            return (\n                <SupportLabel\n                    className=\"jkl-file__support-label jkl-body\"\n                    id={supportId}\n                    label={supportLabel}\n                    labelType={supportLabelType}\n                />\n            );\n        }\n\n        if (hasSuccess)\n            return (\n                <SuccessIcon\n                    variant=\"small\"\n                    aria-label=\"Filen ble lastet opp uten feil\"\n                    aria-hidden={false}\n                />\n            );\n\n        return null;\n    };\n\n    const fileComponent = (\n        <div id={id} className={clsx(className, \"jkl-file\")} {...rest}>\n            <Component\n                className={clsx(\"jkl-file__content\", {\n                    \"jkl-file__content--error\": supportLabelType === \"error\",\n                    \"jkl-file__content--warning\":\n                        supportLabelType === \"warning\",\n                })}\n                href={path}\n                target={path ? \"_blank\" : undefined}\n            >\n                <Thumbnail\n                    fileName={fileName}\n                    fileType={fileType}\n                    file={file}\n                    path={path}\n                    state={state}\n                >\n                    {children}\n                </Thumbnail>\n                <div>\n                    <p className=\"jkl-file__name\">{fileName}</p>\n                    <p className=\"jkl-file__description\">\n                        <span>{formatBytes(fileSize)}</span>\n                        {renderFeedbackElement()}\n                    </p>\n                    {supportLabel && hasErrorOrWarning && (\n                        <SupportLabel\n                            className=\"jkl-file__support-label\"\n                            id={supportId}\n                            label={supportLabel}\n                            labelType={supportLabelType}\n                        />\n                    )}\n                </div>\n            </Component>\n            {onRemove && (\n                <IconButton\n                    className=\"jkl-file__delete\"\n                    onClick={onRemove}\n                    title={`Fjern ${fileName}`}\n                >\n                    <TrashCanIcon />\n                </IconButton>\n            )}\n        </div>\n    );\n\n    return context ? <li>{fileComponent}</li> : fileComponent;\n};\n"],"names":["props","children","className","fileName","fileType","fileSize","path","file","supportLabel","supportLabelType","state","onRemove","rest","id","useId","supportId","context","useFileInputContext","Component","hasErrorOrWarning","hasSuccess","fileComponent","jsxs","clsx","href","target","jsx","Thumbnail","formatBytes","SuccessIcon","variant","SupportLabel","label","labelType","IconButton","onClick","title","TrashCanIcon"],"mappings":"s7DA2B4DA,IAClD,MACFC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,KAAAA,EACAC,aAAAA,EACAC,iBAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHZ,EAEEa,EAAK,oBAAoBC,EAAAA,UACzBC,EAAY,GAAGF,YAEfG,EAAUC,EAAAA,sBAEVC,EAAYZ,EAAO,IAAM,MAEzBa,EACmB,UAArBV,GAAqD,YAArBA,EAC9BW,EAAkC,YAArBX,EA0BbY,EACDC,EAAAA,KAAA,MAAA,CAAIT,GAAAA,EAAQX,UAAWqB,OAAKrB,EAAW,eAAiBU,EACrDX,SAAA,CAAAqB,EAAAA,KAACJ,EAAA,CACGhB,UAAWqB,OAAK,oBAAqB,CACjC,2BAAiD,UAArBd,EAC5B,6BACyB,YAArBA,IAERe,KAAMlB,EACNmB,OAAQnB,EAAO,cAAW,EAE1BL,SAAA,CAAAyB,EAAAA,IAACC,EAAAA,UAAA,CACGxB,SAAAA,EACAC,SAAAA,EACAG,KAAAA,EACAD,KAAAA,EACAI,MAAAA,EAECT,SAAAA,WAEJ,MACG,CAAAA,SAAA,CAACyB,EAAAA,IAAA,IAAA,CAAExB,UAAU,iBAAkBD,SAASE,IACxCmB,EAAAA,KAAC,IAAE,CAAApB,UAAU,wBACTD,SAAA,CAACyB,EAAAA,IAAA,OAAA,CAAMzB,SAAY2B,EAAAA,YAAAvB,KA9C9Bc,GAAsBC,EAWvBA,EAEIM,EAAAA,IAACG,EAAAA,YAAA,CACGC,QAAQ,QACR,aAAW,iCACX,eAAa,IAIlB,KAlBCJ,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,mCACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,OA2CVD,GAAgBW,GACbO,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,0BACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,UAK1BE,GACGe,EAAAA,IAACQ,EAAAA,WAAA,CACGhC,UAAU,mBACViC,QAASxB,EACTyB,MAAO,SAASjC,IAEhBF,eAACoC,EAAaA,aAAA,SAM9B,OAAOrB,EAAUU,EAAAA,IAAC,KAAI,CAAAzB,SAAAoB,IAAsBA"}

package/build/cjs/components/file-input/FileInput.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),l=require("react"),t=require("../input-group/FieldGroup.cjs"),s=require("./internal/Dropzone.cjs"),n=require("./internal/fileInputContext.cjs"),r=require("./internal/Input.cjs"),a=require("./internal/MaxSize.cjs"),c=l.forwardRef(((c,u)=>{const{accept:d,className:o,children:p,id:j,value:x,density:f,multiple:h=!0,maxSizeBytes:m,onChange:g,variant:y,...k}=c,z=x.length>0,I=l.useId();return"small"===y?e.jsx(n.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsxs(t.FieldGroup,{className:i.clsx("jkl-file-input","jkl-file-input--small",o,{"jkl-file-input--has-files":z}),"data-layout-density":f||"compact",...k,children:[e.jsx(s.Dropzone,{children:e.jsx("div",{className:"jkl-file-input__call-to-action",children:e.jsx(r.Input,{id:j,label:"Legg til fil",multiple:h,ref:u,"aria-describedby":I})})}),e.jsx(a.MaxSize,{id:I}),x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p})]})}):e.jsx(n.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsx(t.FieldGroup,{className:i.clsx("jkl-file-input",o,{"jkl-file-input--has-files":z}),"data-layout-density":f,...k,children:e.jsxs(s.Dropzone,{children:[x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p}),e.jsxs("div",{className:"jkl-file-input__call-to-action",children:[e.jsx(r.Input,{id:j,label:h&&z?"Legg til flere filer":"Legg til fil",multiple:h,ref:u,"aria-describedby":I}),e.jsx(a.MaxSize,{id:I})]})]})})})}));c.displayName="FileInput",exports.FileInput=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),l=require("react"),t=require("../input-group/FieldGroup.cjs"),s=require("./internal/Dropzone.cjs"),n=require("./internal/Input.cjs"),r=require("./internal/MaxSize.cjs"),a=require("./internal/fileInputContext.cjs"),c=l.forwardRef(((c,u)=>{const{accept:d,className:o,children:p,id:j,value:x,density:f,multiple:h=!0,maxSizeBytes:m,onChange:g,variant:y,...k}=c,z=x.length>0,I=l.useId();return"small"===y?e.jsx(a.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsxs(t.FieldGroup,{className:i.clsx("jkl-file-input","jkl-file-input--small",o,{"jkl-file-input--has-files":z}),"data-layout-density":f||"compact",...k,children:[e.jsx(s.Dropzone,{children:e.jsx("div",{className:"jkl-file-input__call-to-action",children:e.jsx(n.Input,{id:j,label:"Legg til fil",multiple:h,ref:u,"aria-describedby":I})})}),e.jsx(r.MaxSize,{id:I}),x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p})]})}):e.jsx(a.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsx(t.FieldGroup,{className:i.clsx("jkl-file-input",o,{"jkl-file-input--has-files":z}),"data-layout-density":f,...k,children:e.jsxs(s.Dropzone,{children:[x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p}),e.jsxs("div",{className:"jkl-file-input__call-to-action",children:[e.jsx(n.Input,{id:j,label:h&&z?"Legg til flere filer":"Legg til fil",multiple:h,ref:u,"aria-describedby":I}),e.jsx(r.MaxSize,{id:I})]})]})})})}));c.displayName="FileInput",exports.FileInput=c;
 //# sourceMappingURL=FileInput.cjs.map

package/build/cjs/components/file-input/FileInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.cjs","sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useId } from \"react\";\nimport { FieldGroup } from \"../../components/input-group/FieldGroup.js\";\nimport { type Density } from \"../../core/types.js\";\nimport { FieldGroupProps } from \"../input-group/types.js\";\nimport { Dropzone } from \"./internal/Dropzone.js\";\nimport { FileInputContextProvider } from \"./internal/fileInputContext.js\";\nimport { Input } from \"./internal/Input.js\";\nimport { MaxSize } from \"./internal/MaxSize.js\";\nimport { FileInputFile } from \"./types.js\";\n\nexport interface FileInputProps extends Omit<FieldGroupProps, \"onChange\"> {\n    className?: string;\n    id?: string;\n    density?: Density;\n    /**\n     * En string som begrenser hvilke filtyper som kan velges.\n     *\n     * Flere filtyper kan defineres som en kommaseparert liste.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n     */\n    accept?: \"image/*\" | \".pdf\" | \"image/*,.pdf\" | HTMLInputElement[\"accept\"];\n    maxSizeBytes?: number;\n    /**\n     * @default true\n     */\n    multiple?: boolean;\n    value: FileInputFile[];\n    variant?: \"flexible\" | \"small\";\n    onChange: (\n        e:\n            | React.ChangeEvent<HTMLInputElement>\n            | React.DragEvent<HTMLDivElement>,\n        files: FileInputFile[],\n    ) => void;\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n    (props, ref) => {\n        const {\n            accept,\n            className,\n            children,\n            id,\n            value,\n            density,\n            multiple = true,\n            maxSizeBytes,\n            onChange,\n            variant,\n            ...rest\n        } = props;\n\n        const hasFiles = value.length > 0;\n\n        const maxSizeDescriptionId = useId();\n\n        if (variant === \"small\") {\n            return (\n                <FileInputContextProvider\n                    context={{ accept, onChange, maxSizeBytes, files: value }}\n                >\n                    <FieldGroup\n                        className={clsx(\n                            \"jkl-file-input\",\n                            \"jkl-file-input--small\",\n                            className,\n                            {\n                                \"jkl-file-input--has-files\": hasFiles,\n                            },\n                        )}\n                        data-layout-density={density ? density : \"compact\"}\n                        {...rest}\n                    >\n                        <Dropzone>\n                            <div className=\"jkl-file-input__call-to-action\">\n                                <Input\n                                    id={id}\n                                    label=\"Legg til fil\"\n                                    multiple={multiple}\n                                    ref={ref}\n                                    aria-describedby={maxSizeDescriptionId}\n                                />\n                            </div>\n                        </Dropzone>\n                        <MaxSize id={maxSizeDescriptionId} />\n                        {value.length > 0 && (\n                            <ul className=\"jkl-file-input__files\">\n                                {children}\n                            </ul>\n                        )}\n                    </FieldGroup>\n                </FileInputContextProvider>\n            );\n        }\n\n        return (\n            <FileInputContextProvider\n                context={{ accept, onChange, maxSizeBytes, files: value }}\n            >\n                <FieldGroup\n                    className={clsx(\"jkl-file-input\", className, {\n                        \"jkl-file-input--has-files\": hasFiles,\n                    })}\n                    data-layout-density={density}\n                    {...rest}\n                >\n                    <Dropzone>\n                        {value.length > 0 && (\n                            <ul className=\"jkl-file-input__files\">\n                                {children}\n                            </ul>\n                        )}\n                        <div className=\"jkl-file-input__call-to-action\">\n                            <Input\n                                id={id}\n                                label={\n                                    multiple && hasFiles\n                                        ? \"Legg til flere filer\"\n                                        : \"Legg til fil\"\n                                }\n                                multiple={multiple}\n                                ref={ref}\n                                aria-describedby={maxSizeDescriptionId}\n                            />\n                            <MaxSize id={maxSizeDescriptionId} />\n                        </div>\n                    </Dropzone>\n                </FieldGroup>\n            </FileInputContextProvider>\n        );\n    },\n);\n\nFileInput.displayName = \"FileInput\";\n"],"names":["FileInput","forwardRef","props","ref","accept","className","children","id","value","density","multiple","maxSizeBytes","onChange","variant","rest","hasFiles","length","maxSizeDescriptionId","useId","jsx","FileInputContextProvider","context","files","jsxs","FieldGroup","clsx","Dropzone","Input","label","MaxSize","displayName"],"mappings":"mXAsCaA,EAAYC,EAAAA,YACrB,CAACC,EAAOC,KACE,MACFC,OAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,SAAAA,GAAW,EACXC,aAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,GACHZ,EAEEa,EAAWP,EAAMQ,OAAS,EAE1BC,EAAuBC,EAAAA,QAE7B,MAAgB,UAAZL,EAEIM,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAiB,EAAAA,KAACC,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KACP,iBACA,wBACApB,EACA,CACI,4BAA6BU,IAGrC,sBAAqBN,GAAoB,aACrCK,EAEJR,SAAA,CAAAa,MAACO,EAAAA,SACG,CAAApB,SAAAa,EAAAA,IAAC,MAAI,CAAAd,UAAU,iCACXC,SAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MAAM,eACNlB,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,QAI9BE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,IACZT,EAAMQ,OAAS,SACX,KAAG,CAAAX,UAAU,wBACTC,SAAAA,SASrBa,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAa,EAAAA,IAACK,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KAAK,iBAAkBpB,EAAW,CACzC,4BAA6BU,IAEjC,sBAAqBN,KACjBK,EAEJR,gBAACoB,WACI,CAAApB,SAAA,CAAAE,EAAMQ,OAAS,GACZG,EAAAA,IAAC,KAAG,CAAAd,UAAU,wBACTC,SAAAA,IAGTiB,EAAAA,KAAC,MAAI,CAAAlB,UAAU,iCACXC,SAAA,CAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MACIlB,GAAYK,EACN,uBACA,eAEVL,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,IAEtBE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,aAGzB,IAMhBjB,EAAU8B,YAAc"}
+{"version":3,"file":"FileInput.cjs","sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useId } from \"react\";\nimport { FieldGroup } from \"../../components/input-group/FieldGroup.js\";\nimport type { Density } from \"../../core/types.js\";\nimport type { FieldGroupProps } from \"../input-group/types.js\";\nimport { Dropzone } from \"./internal/Dropzone.js\";\nimport { Input } from \"./internal/Input.js\";\nimport { MaxSize } from \"./internal/MaxSize.js\";\nimport { FileInputContextProvider } from \"./internal/fileInputContext.js\";\nimport type { FileInputFile } from \"./types.js\";\n\nexport interface FileInputProps extends Omit<FieldGroupProps, \"onChange\"> {\n    className?: string;\n    id?: string;\n    density?: Density;\n    /**\n     * En string som begrenser hvilke filtyper som kan velges.\n     *\n     * Flere filtyper kan defineres som en kommaseparert liste.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n     */\n    accept?: \"image/*\" | \".pdf\" | \"image/*,.pdf\" | HTMLInputElement[\"accept\"];\n    maxSizeBytes?: number;\n    /**\n     * @default true\n     */\n    multiple?: boolean;\n    value: FileInputFile[];\n    variant?: \"flexible\" | \"small\";\n    onChange: (\n        e:\n            | React.ChangeEvent<HTMLInputElement>\n            | React.DragEvent<HTMLDivElement>,\n        files: FileInputFile[],\n    ) => void;\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n    (props, ref) => {\n        const {\n            accept,\n            className,\n            children,\n            id,\n            value,\n            density,\n            multiple = true,\n            maxSizeBytes,\n            onChange,\n            variant,\n            ...rest\n        } = props;\n\n        const hasFiles = value.length > 0;\n\n        const maxSizeDescriptionId = useId();\n\n        if (variant === \"small\") {\n            return (\n                <FileInputContextProvider\n                    context={{ accept, onChange, maxSizeBytes, files: value }}\n                >\n                    <FieldGroup\n                        className={clsx(\n                            \"jkl-file-input\",\n                            \"jkl-file-input--small\",\n                            className,\n                            {\n                                \"jkl-file-input--has-files\": hasFiles,\n                            },\n                        )}\n                        data-layout-density={density ? density : \"compact\"}\n                        {...rest}\n                    >\n                        <Dropzone>\n                            <div className=\"jkl-file-input__call-to-action\">\n                                <Input\n                                    id={id}\n                                    label=\"Legg til fil\"\n                                    multiple={multiple}\n                                    ref={ref}\n                                    aria-describedby={maxSizeDescriptionId}\n                                />\n                            </div>\n                        </Dropzone>\n                        <MaxSize id={maxSizeDescriptionId} />\n                        {value.length > 0 && (\n                            <ul className=\"jkl-file-input__files\">\n                                {children}\n                            </ul>\n                        )}\n                    </FieldGroup>\n                </FileInputContextProvider>\n            );\n        }\n\n        return (\n            <FileInputContextProvider\n                context={{ accept, onChange, maxSizeBytes, files: value }}\n            >\n                <FieldGroup\n                    className={clsx(\"jkl-file-input\", className, {\n                        \"jkl-file-input--has-files\": hasFiles,\n                    })}\n                    data-layout-density={density}\n                    {...rest}\n                >\n                    <Dropzone>\n                        {value.length > 0 && (\n                            <ul className=\"jkl-file-input__files\">\n                                {children}\n                            </ul>\n                        )}\n                        <div className=\"jkl-file-input__call-to-action\">\n                            <Input\n                                id={id}\n                                label={\n                                    multiple && hasFiles\n                                        ? \"Legg til flere filer\"\n                                        : \"Legg til fil\"\n                                }\n                                multiple={multiple}\n                                ref={ref}\n                                aria-describedby={maxSizeDescriptionId}\n                            />\n                            <MaxSize id={maxSizeDescriptionId} />\n                        </div>\n                    </Dropzone>\n                </FieldGroup>\n            </FileInputContextProvider>\n        );\n    },\n);\n\nFileInput.displayName = \"FileInput\";\n"],"names":["FileInput","forwardRef","props","ref","accept","className","children","id","value","density","multiple","maxSizeBytes","onChange","variant","rest","hasFiles","length","maxSizeDescriptionId","useId","jsx","FileInputContextProvider","context","files","jsxs","FieldGroup","clsx","Dropzone","Input","label","MaxSize","displayName"],"mappings":"mXAsCaA,EAAYC,EAAAA,YACrB,CAACC,EAAOC,KACE,MACFC,OAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,SAAAA,GAAW,EACXC,aAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,GACHZ,EAEEa,EAAWP,EAAMQ,OAAS,EAE1BC,EAAuBC,EAAAA,QAE7B,MAAgB,UAAZL,EAEIM,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAiB,EAAAA,KAACC,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KACP,iBACA,wBACApB,EACA,CACI,4BAA6BU,IAGrC,sBAAqBN,GAAoB,aACrCK,EAEJR,SAAA,CAAAa,MAACO,EAAAA,SACG,CAAApB,SAAAa,EAAAA,IAAC,MAAI,CAAAd,UAAU,iCACXC,SAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MAAM,eACNlB,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,QAI9BE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,IACZT,EAAMQ,OAAS,SACX,KAAG,CAAAX,UAAU,wBACTC,SAAAA,SASrBa,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAa,EAAAA,IAACK,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KAAK,iBAAkBpB,EAAW,CACzC,4BAA6BU,IAEjC,sBAAqBN,KACjBK,EAEJR,gBAACoB,WACI,CAAApB,SAAA,CAAAE,EAAMQ,OAAS,GACZG,EAAAA,IAAC,KAAG,CAAAd,UAAU,wBACTC,SAAAA,IAGTiB,EAAAA,KAAC,MAAI,CAAAlB,UAAU,iCACXC,SAAA,CAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MACIlB,GAAYK,EACN,uBACA,eAEVL,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,IAEtBE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,aAGzB,IAMhBjB,EAAU8B,YAAc"}

package/build/cjs/components/file-input/internal/Dropzone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.cjs","sources":["../../../../../src/components/file-input/internal/Dropzone.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useState } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface DropzoneProps extends WithChildren {}\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>(\n    (props, ref) => {\n        const { children, ...rest } = props;\n        const [onDragClassName, setOnDragClassName] = useState<string>(\"\");\n\n        const context = useFileInputContext();\n        if (!context) {\n            return (\n                <p>\n                    Dropzone must be placed inside a FileInputContextProvider.\n                </p>\n            );\n        }\n        const { maxSizeBytes, accept, onChange } = context;\n\n        return (\n            <div\n                {...rest}\n                ref={ref}\n                className={clsx(\"jkl-file-input__dropzone\", onDragClassName)}\n                onDragEnter={(e) => {\n                    setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n                    e.preventDefault();\n                }}\n                onDragOver={(e) => {\n                    /* Prevent browser from opening file in a new tab */\n                    setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n                    e.preventDefault();\n                }}\n                onDrop={(e) => {\n                    e.preventDefault();\n                    setOnDragClassName(\"\");\n\n                    if (e.dataTransfer.files) {\n                        onChange(\n                            e,\n                            [...e.dataTransfer.files].map<FileInputFile>(\n                                (file) => ({\n                                    file,\n                                    state: \"SELECTED\",\n                                    validation: validateFile(\n                                        file,\n                                        accept,\n                                        maxSizeBytes,\n                                    ),\n                                    uploadProgress: 0,\n                                }),\n                            ),\n                        );\n                    }\n                }}\n                onDragLeave={(e) => {\n                    setOnDragClassName(\"\");\n                    e.preventDefault();\n                }}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nDropzone.displayName = \"Dropzone\";\n"],"names":["Dropzone","forwardRef","props","ref","children","rest","onDragClassName","setOnDragClassName","useState","context","useFileInputContext","jsx","maxSizeBytes","accept","onChange","className","clsx","onDragEnter","e","preventDefault","onDragOver","onDrop","dataTransfer","files","map","file","state","validation","validateFile","uploadProgress","onDragLeave","displayName"],"mappings":"uPASaA,EAAWC,EAAAA,YACpB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,KAAaC,GAASH,GACvBI,EAAiBC,GAAsBC,WAAiB,IAEzDC,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEP,SAEH,+DAGR,MAAQQ,aAAAA,EAAcC,OAAAA,EAAQC,SAAAA,GAAaL,EAGvC,OAAAE,EAAAA,IAAC,MAAA,IACON,EACJF,IAAAA,EACAY,UAAWC,EAAAA,KAAK,2BAA4BV,GAC5CW,YAAcC,IACVX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBC,WAAaF,IAETX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBE,OAASH,IACLA,EAAEC,iBACFZ,EAAmB,IAEfW,EAAEI,aAAaC,OACfT,EACII,EACA,IAAIA,EAAEI,aAAaC,OAAOC,KACrBC,IAAAA,CACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAZ,EACAD,GAEJiB,eAAgB,MAExB,EAIZC,YAAcZ,IACVX,EAAmB,IACnBW,EAAEC,gBAAe,EAGpBf,SAAAA,GAAA,IAMjBJ,EAAS+B,YAAc"}
+{"version":3,"file":"Dropzone.cjs","sources":["../../../../../src/components/file-input/internal/Dropzone.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useState } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface DropzoneProps extends WithChildren {}\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>(\n    (props, ref) => {\n        const { children, ...rest } = props;\n        const [onDragClassName, setOnDragClassName] = useState<string>(\"\");\n\n        const context = useFileInputContext();\n        if (!context) {\n            return (\n                <p>\n                    Dropzone must be placed inside a FileInputContextProvider.\n                </p>\n            );\n        }\n        const { maxSizeBytes, accept, onChange } = context;\n\n        return (\n            <div\n                {...rest}\n                ref={ref}\n                className={clsx(\"jkl-file-input__dropzone\", onDragClassName)}\n                onDragEnter={(e) => {\n                    setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n                    e.preventDefault();\n                }}\n                onDragOver={(e) => {\n                    /* Prevent browser from opening file in a new tab */\n                    setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n                    e.preventDefault();\n                }}\n                onDrop={(e) => {\n                    e.preventDefault();\n                    setOnDragClassName(\"\");\n\n                    if (e.dataTransfer.files) {\n                        onChange(\n                            e,\n                            [...e.dataTransfer.files].map<FileInputFile>(\n                                (file) => ({\n                                    file,\n                                    state: \"SELECTED\",\n                                    validation: validateFile(\n                                        file,\n                                        accept,\n                                        maxSizeBytes,\n                                    ),\n                                    uploadProgress: 0,\n                                }),\n                            ),\n                        );\n                    }\n                }}\n                onDragLeave={(e) => {\n                    setOnDragClassName(\"\");\n                    e.preventDefault();\n                }}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nDropzone.displayName = \"Dropzone\";\n"],"names":["Dropzone","forwardRef","props","ref","children","rest","onDragClassName","setOnDragClassName","useState","context","useFileInputContext","jsx","maxSizeBytes","accept","onChange","className","clsx","onDragEnter","e","preventDefault","onDragOver","onDrop","dataTransfer","files","map","file","state","validation","validateFile","uploadProgress","onDragLeave","displayName"],"mappings":"uPASaA,EAAWC,EAAAA,YACpB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,KAAaC,GAASH,GACvBI,EAAiBC,GAAsBC,WAAiB,IAEzDC,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEP,SAEH,+DAGR,MAAQQ,aAAAA,EAAcC,OAAAA,EAAQC,SAAAA,GAAaL,EAGvC,OAAAE,EAAAA,IAAC,MAAA,IACON,EACJF,IAAAA,EACAY,UAAWC,EAAAA,KAAK,2BAA4BV,GAC5CW,YAAcC,IACVX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBC,WAAaF,IAETX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBE,OAASH,IACLA,EAAEC,iBACFZ,EAAmB,IAEfW,EAAEI,aAAaC,OACfT,EACII,EACA,IAAIA,EAAEI,aAAaC,OAAOC,KACrBC,IAAAA,CACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAZ,EACAD,GAEJiB,eAAgB,MAExB,EAIZC,YAAcZ,IACVX,EAAmB,IACnBW,EAAEC,gBAAe,EAGpBf,SAAAA,GAAA,IAMjBJ,EAAS+B,YAAc"}

package/build/cjs/components/file-input/internal/Input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./fileInputContext.cjs"),l=require("./validateFile.cjs"),r=t.forwardRef(((r,a)=>{const{multiple:s,id:n,label:o,...d}=r,u=t.useId(),p=n+"-description",c=s?"filer":"fil",f=i.useFileInputContext();if(!f)return e.jsx("p",{children:"Input must be placed inside a FileInputContextProvider."});const{accept:j,maxSizeBytes:m,onChange:x}=f,b=n||u;return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"jkl-button jkl-button--secondary",htmlFor:b,id:`${b}__add-btn`,children:o}),e.jsx("input",{...d,ref:a,id:b,accept:j,"aria-describedby":m?p:void 0,className:"jkl-sr-only",type:"file",multiple:s,value:"",onChange:e=>{e.target.files&&x(e,[...e.target.files].map((e=>({file:e,state:"SELECTED",validation:l.validateFile(e,j,m),uploadProgress:0}))))}}),e.jsxs("p",{className:"jkl-file-input__dropzone-hint",children:["eller slipp ",c," her"]})," "]})}));r.displayName="Input",exports.Input=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./fileInputContext.cjs"),l=require("./validateFile.cjs"),r=t.forwardRef(((r,a)=>{const{multiple:s,id:n,label:o,...d}=r,u=t.useId(),p=`${n}-description`,c=s?"filer":"fil",f=i.useFileInputContext();if(!f)return e.jsx("p",{children:"Input must be placed inside a FileInputContextProvider."});const{accept:j,maxSizeBytes:m,onChange:x}=f,b=n||u;return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"jkl-button jkl-button--secondary",htmlFor:b,id:`${b}__add-btn`,children:o}),e.jsx("input",{...d,ref:a,id:b,accept:j,"aria-describedby":m?p:void 0,className:"jkl-sr-only",type:"file",multiple:s,value:"",onChange:e=>{e.target.files&&x(e,[...e.target.files].map((e=>({file:e,state:"SELECTED",validation:l.validateFile(e,j,m),uploadProgress:0}))))}}),e.jsxs("p",{className:"jkl-file-input__dropzone-hint",children:["eller slipp ",c," her"]})," "]})}));r.displayName="Input",exports.Input=r;
 //# sourceMappingURL=Input.cjs.map

package/build/cjs/components/file-input/internal/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../../../src/components/file-input/internal/Input.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface FileInputProps {\n    id?: string;\n    label: string;\n    multiple: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, FileInputProps>(\n    (props, ref) => {\n        const { multiple, id, label, ...rest } = props;\n\n        const defaultId = useId();\n\n        const maxSizeDescriptionId = id + \"-description\";\n        const descriptor = multiple ? \"filer\" : \"fil\";\n\n        const context = useFileInputContext();\n        if (!context) {\n            return (\n                <p>Input must be placed inside a FileInputContextProvider.</p>\n            );\n        }\n        const { accept, maxSizeBytes, onChange } = context;\n\n        const elementId = id || defaultId;\n\n        return (\n            <>\n                <label\n                    className=\"jkl-button jkl-button--secondary\"\n                    htmlFor={elementId}\n                    id={`${elementId}__add-btn`}\n                >\n                    {label}\n                </label>\n                <input\n                    {...rest}\n                    ref={ref}\n                    id={elementId}\n                    accept={accept}\n                    aria-describedby={\n                        maxSizeBytes ? maxSizeDescriptionId : undefined\n                    }\n                    className=\"jkl-sr-only\"\n                    type=\"file\"\n                    multiple={multiple}\n                    value=\"\"\n                    onChange={(e) => {\n                        if (e.target.files) {\n                            onChange(\n                                e,\n                                [...e.target.files].map<FileInputFile>(\n                                    (file) => ({\n                                        file,\n                                        state: \"SELECTED\",\n                                        validation: validateFile(\n                                            file,\n                                            accept,\n                                            maxSizeBytes,\n                                        ),\n                                        uploadProgress: 0,\n                                    }),\n                                ),\n                            );\n                        }\n                    }}\n                />\n                <p className=\"jkl-file-input__dropzone-hint\">\n                    eller slipp {descriptor} her\n                </p>{\" \"}\n            </>\n        );\n    },\n);\n\nInput.displayName = \"Input\";\n"],"names":["Input","forwardRef","props","ref","multiple","id","label","rest","defaultId","useId","maxSizeDescriptionId","descriptor","context","useFileInputContext","jsx","children","accept","maxSizeBytes","onChange","elementId","jsxs","Fragment","className","htmlFor","type","value","e","target","files","map","file","state","validation","validateFile","uploadProgress","displayName"],"mappings":"4MAWaA,EAAQC,EAAAA,YACjB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,EAAUC,GAAAA,EAAIC,MAAAA,KAAUC,GAASL,EAEnCM,EAAYC,EAAAA,QAEZC,EAAuBL,EAAK,eAC5BM,EAAaP,EAAW,QAAU,MAElCQ,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEC,SAAuD,4DAGlE,MAAQC,OAAAA,EAAQC,aAAAA,EAAcC,SAAAA,GAAaN,EAErCO,EAAYd,GAAMG,EAExB,OAEQY,EAAAA,KAAAC,WAAA,CAAAN,SAAA,CAAAD,EAAAA,IAAC,QAAA,CACGQ,UAAU,mCACVC,QAASJ,EACTd,GAAI,GAAGc,aAENJ,SAAAT,IAELQ,EAAAA,IAAC,QAAA,IACOP,EACJJ,IAAAA,EACAE,GAAIc,EACJH,OAAAA,EACA,mBACIC,EAAeP,OAAuB,EAE1CY,UAAU,cACVE,KAAK,OACLpB,SAAAA,EACAqB,MAAM,GACNP,SAAWQ,IACHA,EAAEC,OAAOC,OACTV,EACIQ,EACA,IAAIA,EAAEC,OAAOC,OAAOC,KACfC,KACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAd,EACAC,GAEJiB,eAAgB,MAExB,IAKhBd,EAAAA,KAAC,IAAE,CAAAE,UAAU,gCAAgCP,SAAA,CAAA,eAC5BJ,EAAW,UACvB,MACT,IAKZX,EAAMmC,YAAc"}
+{"version":3,"file":"Input.cjs","sources":["../../../../../src/components/file-input/internal/Input.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface FileInputProps {\n    id?: string;\n    label: string;\n    multiple: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, FileInputProps>(\n    (props, ref) => {\n        const { multiple, id, label, ...rest } = props;\n\n        const defaultId = useId();\n\n        const maxSizeDescriptionId = `${id}-description`;\n        const descriptor = multiple ? \"filer\" : \"fil\";\n\n        const context = useFileInputContext();\n        if (!context) {\n            return (\n                <p>Input must be placed inside a FileInputContextProvider.</p>\n            );\n        }\n        const { accept, maxSizeBytes, onChange } = context;\n\n        const elementId = id || defaultId;\n\n        return (\n            <>\n                <label\n                    className=\"jkl-button jkl-button--secondary\"\n                    htmlFor={elementId}\n                    id={`${elementId}__add-btn`}\n                >\n                    {label}\n                </label>\n                <input\n                    {...rest}\n                    ref={ref}\n                    id={elementId}\n                    accept={accept}\n                    aria-describedby={\n                        maxSizeBytes ? maxSizeDescriptionId : undefined\n                    }\n                    className=\"jkl-sr-only\"\n                    type=\"file\"\n                    multiple={multiple}\n                    value=\"\"\n                    onChange={(e) => {\n                        if (e.target.files) {\n                            onChange(\n                                e,\n                                [...e.target.files].map<FileInputFile>(\n                                    (file) => ({\n                                        file,\n                                        state: \"SELECTED\",\n                                        validation: validateFile(\n                                            file,\n                                            accept,\n                                            maxSizeBytes,\n                                        ),\n                                        uploadProgress: 0,\n                                    }),\n                                ),\n                            );\n                        }\n                    }}\n                />\n                <p className=\"jkl-file-input__dropzone-hint\">\n                    eller slipp {descriptor} her\n                </p>{\" \"}\n            </>\n        );\n    },\n);\n\nInput.displayName = \"Input\";\n"],"names":["Input","forwardRef","props","ref","multiple","id","label","rest","defaultId","useId","maxSizeDescriptionId","descriptor","context","useFileInputContext","jsx","children","accept","maxSizeBytes","onChange","elementId","jsxs","Fragment","className","htmlFor","type","value","e","target","files","map","file","state","validation","validateFile","uploadProgress","displayName"],"mappings":"4MAWaA,EAAQC,EAAAA,YACjB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,EAAUC,GAAAA,EAAIC,MAAAA,KAAUC,GAASL,EAEnCM,EAAYC,EAAAA,QAEZC,EAAuB,GAAGL,gBAC1BM,EAAaP,EAAW,QAAU,MAElCQ,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEC,SAAuD,4DAGlE,MAAQC,OAAAA,EAAQC,aAAAA,EAAcC,SAAAA,GAAaN,EAErCO,EAAYd,GAAMG,EAExB,OAEQY,EAAAA,KAAAC,WAAA,CAAAN,SAAA,CAAAD,EAAAA,IAAC,QAAA,CACGQ,UAAU,mCACVC,QAASJ,EACTd,GAAI,GAAGc,aAENJ,SAAAT,IAELQ,EAAAA,IAAC,QAAA,IACOP,EACJJ,IAAAA,EACAE,GAAIc,EACJH,OAAAA,EACA,mBACIC,EAAeP,OAAuB,EAE1CY,UAAU,cACVE,KAAK,OACLpB,SAAAA,EACAqB,MAAM,GACNP,SAAWQ,IACHA,EAAEC,OAAOC,OACTV,EACIQ,EACA,IAAIA,EAAEC,OAAOC,OAAOC,KACfC,KACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAd,EACAC,GAEJiB,eAAgB,MAExB,IAKhBd,EAAAA,KAAC,IAAE,CAAAE,UAAU,gCAAgCP,SAAA,CAAA,eAC5BJ,EAAW,UACvB,MACT,IAKZX,EAAMmC,YAAc"}

package/build/cjs/components/file-input/internal/MaxSize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MaxSize.cjs","sources":["../../../../../src/components/file-input/internal/MaxSize.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, FC } from \"react\";\nimport { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\n\ntype Props = Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> & {\n    id: string;\n};\n\nexport const MaxSize: FC<Props> = ({ id }) => {\n    const context = useFileInputContext();\n    if (!context) {\n        return <p>MaxSize must be placed inside a FileInputContextProvider.</p>;\n    }\n    const { maxSizeBytes } = context;\n\n    if (typeof maxSizeBytes === \"undefined\") {\n        return false;\n    }\n\n    return (\n        <div id={id} className=\"jkl-file-input__max-size-text\">\n            Maks {formatBytes(maxSizeBytes)} per fil\n        </div>\n    );\n};\n"],"names":["id","context","useFileInputContext","jsx","children","maxSizeBytes","jsxs","className","formatBytes"],"mappings":"0OAQkC,EAAGA,GAAAA,MACjC,MAAMC,EAAUC,EAAAA,sBAChB,IAAKD,EACM,OAAAE,EAAAA,IAAC,KAAEC,SAAyD,8DAEjE,MAAEC,aAAAA,GAAiBJ,EAErB,eAAOI,EAAiB,MAKvBC,EAAAA,KAAA,MAAA,CAAIN,GAAAA,EAAQO,UAAU,gCAAgCH,SAAA,CAAA,QAC7CI,EAAAA,YAAYH,GAAc,aACpC"}
+{"version":3,"file":"MaxSize.cjs","sources":["../../../../../src/components/file-input/internal/MaxSize.tsx"],"sourcesContent":["import React, { type ComponentPropsWithoutRef, type FC } from \"react\";\nimport { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\n\ntype Props = Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> & {\n    id: string;\n};\n\nexport const MaxSize: FC<Props> = ({ id }) => {\n    const context = useFileInputContext();\n    if (!context) {\n        return <p>MaxSize must be placed inside a FileInputContextProvider.</p>;\n    }\n    const { maxSizeBytes } = context;\n\n    if (typeof maxSizeBytes === \"undefined\") {\n        return false;\n    }\n\n    return (\n        <div id={id} className=\"jkl-file-input__max-size-text\">\n            Maks {formatBytes(maxSizeBytes)} per fil\n        </div>\n    );\n};\n"],"names":["id","context","useFileInputContext","jsx","children","maxSizeBytes","jsxs","className","formatBytes"],"mappings":"0OAQkC,EAAGA,GAAAA,MACjC,MAAMC,EAAUC,EAAAA,sBAChB,IAAKD,EACM,OAAAE,EAAAA,IAAC,KAAEC,SAAyD,8DAEjE,MAAEC,aAAAA,GAAiBJ,EAErB,eAAOI,EAAiB,MAKvBC,EAAAA,KAAA,MAAA,CAAIN,GAAAA,EAAQO,UAAU,gCAAgCH,SAAA,CAAA,QAC7CI,EAAAA,YAAYH,GAAc,aACpC"}

package/build/cjs/components/file-input/internal/Thumbnail.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.cjs","sources":["../../../../../src/components/file-input/internal/Thumbnail.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport type { WithOptionalChildren } from \"../../../core/types.js\";\nimport { FileInputFileState } from \"../types.js\";\n\nexport interface ThumbnailProps extends WithOptionalChildren {\n    fileName: string;\n    fileType: string;\n    path?: string;\n    file?: File;\n    state?: FileInputFileState;\n}\n\nexport const Thumbnail: FC<ThumbnailProps> = (props) => {\n    const { fileName, fileType, path, file, state, children } = props;\n\n    const classNames = clsx(\"jkl-file__thumbnail\", {\n        \"jkl-file__thumbnail--selected\": state === \"SELECTED\",\n        \"jkl-file__thumbnail--uploading\": state === \"UPLOADING\",\n    });\n\n    if (fileType.startsWith(\"image/\")) {\n        return (\n            <div className=\"jkl-file__thumbnail-wrapper\">\n                <img\n                    className={classNames}\n                    src={file ? URL.createObjectURL(file) : path}\n                    alt=\"\"\n                />\n                {children}\n            </div>\n        );\n    }\n\n    return (\n        <div className={classNames}>\n            <p>{fileName.split(\".\").at(-1)}</p>\n        </div>\n    );\n};\n"],"names":["props","fileName","fileType","path","file","state","children","classNames","clsx","startsWith","jsxs","className","jsx","src","URL","createObjectURL","alt","split","at"],"mappings":"kLAa8CA,IAC1C,MAAQC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,GAAaN,EAEtDO,EAAaC,OAAK,sBAAuB,CAC3C,gCAA2C,aAAVH,EACjC,iCAA4C,cAAVA,IAGlC,OAAAH,EAASO,WAAW,UAEhBC,EAAAA,KAAC,MAAI,CAAAC,UAAU,8BACXL,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACGD,UAAWJ,EACXM,IAAKT,EAAOU,IAAIC,gBAAgBX,GAAQD,EACxCa,IAAI,KAEPV,KAMRM,EAAAA,IAAA,MAAA,CAAID,UAAWJ,EACZD,SAACM,EAAAA,IAAA,IAAA,CAAGN,SAASL,EAAAgB,MAAM,KAAKC,IAAK,MACjC"}
+{"version":3,"file":"Thumbnail.cjs","sources":["../../../../../src/components/file-input/internal/Thumbnail.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { WithOptionalChildren } from \"../../../core/types.js\";\nimport type { FileInputFileState } from \"../types.js\";\n\nexport interface ThumbnailProps extends WithOptionalChildren {\n    fileName: string;\n    fileType: string;\n    path?: string;\n    file?: File;\n    state?: FileInputFileState;\n}\n\nexport const Thumbnail: FC<ThumbnailProps> = (props) => {\n    const { fileName, fileType, path, file, state, children } = props;\n\n    const classNames = clsx(\"jkl-file__thumbnail\", {\n        \"jkl-file__thumbnail--selected\": state === \"SELECTED\",\n        \"jkl-file__thumbnail--uploading\": state === \"UPLOADING\",\n    });\n\n    if (fileType.startsWith(\"image/\")) {\n        return (\n            <div className=\"jkl-file__thumbnail-wrapper\">\n                <img\n                    className={classNames}\n                    src={file ? URL.createObjectURL(file) : path}\n                    alt=\"\"\n                />\n                {children}\n            </div>\n        );\n    }\n\n    return (\n        <div className={classNames}>\n            <p>{fileName.split(\".\").at(-1)}</p>\n        </div>\n    );\n};\n"],"names":["props","fileName","fileType","path","file","state","children","classNames","clsx","startsWith","jsxs","className","jsx","src","URL","createObjectURL","alt","split","at"],"mappings":"kLAa8CA,IAC1C,MAAQC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,GAAaN,EAEtDO,EAAaC,OAAK,sBAAuB,CAC3C,gCAA2C,aAAVH,EACjC,iCAA4C,cAAVA,IAGlC,OAAAH,EAASO,WAAW,UAEhBC,EAAAA,KAAC,MAAI,CAAAC,UAAU,8BACXL,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACGD,UAAWJ,EACXM,IAAKT,EAAOU,IAAIC,gBAAgBX,GAAQD,EACxCa,IAAI,KAEPV,KAMRM,EAAAA,IAAA,MAAA,CAAID,UAAWJ,EACZD,SAACM,EAAAA,IAAA,IAAA,CAAGN,SAASL,EAAAgB,MAAM,KAAKC,IAAK,MACjC"}

package/build/cjs/components/file-input/internal/fileInputContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fileInputContext.cjs","sources":["../../../../../src/components/file-input/internal/fileInputContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FileInputFile } from \"../types.js\";\n\ntype FileInputContext = {\n    accept?: \"image/*\" | \".pdf\" | \"image/*,.pdf\" | HTMLInputElement[\"accept\"];\n    maxSizeBytes?: number;\n    files: FileInputFile[];\n    onChange: (\n        e:\n            | React.ChangeEvent<HTMLInputElement>\n            | React.DragEvent<HTMLDivElement>,\n        files: FileInputFile[],\n    ) => void;\n};\n\nconst fileInputContext = createContext<FileInputContext | null>(null);\n\nexport const useFileInputContext = (): FileInputContext | null =>\n    useContext(fileInputContext);\n\nexport interface FileInputContextProviderProps extends WithChildren {\n    context: FileInputContext;\n}\n\nexport const FileInputContextProvider: React.FC<\n    FileInputContextProviderProps\n> = ({ context, children }) => (\n    <fileInputContext.Provider value={context}>\n        {children}\n    </fileInputContext.Provider>\n);\n"],"names":["fileInputContext","createContext","context","children","jsx","Provider","value","useContext"],"mappings":"wIAgBMA,EAAmBC,EAAAA,cAAuC,uCAW5D,EAAGC,QAAAA,EAASC,SAAAA,KACXC,EAAAA,IAAAJ,EAAiBK,SAAjB,CAA0BC,MAAOJ,EAC7BC,SAAAA,gCAX0B,IAC/BI,EAAAA,WAAWP"}
+{"version":3,"file":"fileInputContext.cjs","sources":["../../../../../src/components/file-input/internal/fileInputContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { FileInputFile } from \"../types.js\";\n\ntype FileInputContext = {\n    accept?: \"image/*\" | \".pdf\" | \"image/*,.pdf\" | HTMLInputElement[\"accept\"];\n    maxSizeBytes?: number;\n    files: FileInputFile[];\n    onChange: (\n        e:\n            | React.ChangeEvent<HTMLInputElement>\n            | React.DragEvent<HTMLDivElement>,\n        files: FileInputFile[],\n    ) => void;\n};\n\nconst fileInputContext = createContext<FileInputContext | null>(null);\n\nexport const useFileInputContext = (): FileInputContext | null =>\n    useContext(fileInputContext);\n\nexport interface FileInputContextProviderProps extends WithChildren {\n    context: FileInputContext;\n}\n\nexport const FileInputContextProvider: React.FC<\n    FileInputContextProviderProps\n> = ({ context, children }) => (\n    <fileInputContext.Provider value={context}>\n        {children}\n    </fileInputContext.Provider>\n);\n"],"names":["fileInputContext","createContext","context","children","jsx","Provider","value","useContext"],"mappings":"wIAgBMA,EAAmBC,EAAAA,cAAuC,uCAW5D,EAAGC,QAAAA,EAASC,SAAAA,KACXC,EAAAA,IAAAJ,EAAiBK,SAAjB,CAA0BC,MAAOJ,EAC7BC,SAAAA,gCAX0B,IAC/BI,EAAAA,WAAWP"}

package/build/cjs/components/file-input/internal/validateFile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"validateFile.cjs","sources":["../../../../../src/components/file-input/internal/validateFile.ts"],"sourcesContent":["import { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport type { FileInputFileValidation } from \"../types.js\";\n\nexport function validateFile(\n    file: File,\n    accept = \"\",\n    maxSizeBytes?: number,\n): FileInputFileValidation | undefined {\n    const acceptStrings = accept\n        .split(\",\")\n        .map((s) => s.toLowerCase())\n        .map((s) => s.replaceAll(\"*\", \"\"))\n        .map((s) => s.trim());\n\n    let isValidFormat = acceptStrings.length === 0;\n\n    isValidFormat = acceptStrings.some(\n        (acceptString) =>\n            file.type.toLowerCase().includes(acceptString) ||\n            file.name.toLowerCase().endsWith(acceptString),\n    );\n\n    if (!isValidFormat) {\n        return {\n            type: \"WRONG_TYPE\",\n            message: `Filtypen ${file.name?.split(\".\")[1] || \"\"} støttes ikke`,\n        };\n    }\n\n    if (typeof maxSizeBytes != \"undefined\" && file.size > maxSizeBytes) {\n        return {\n            type: \"TOO_LARGE\",\n            message: `Filen er ${formatBytes(\n                file.size,\n            )}, men kan maksimalt være ${formatBytes(maxSizeBytes)}`,\n        };\n    }\n\n    return undefined;\n}\n"],"names":["file","accept","maxSizeBytes","acceptStrings","split","map","s","toLowerCase","replaceAll","trim","isValidFormat","length","some","acceptString","type","includes","name","endsWith","size","message","formatBytes","_a"],"mappings":"4KAGO,SACHA,EACAC,EAAS,GACTC,SAEM,MAAAC,EAAgBF,EACjBG,MAAM,KACNC,KAAKC,GAAMA,EAAEC,gBACbF,KAAKC,GAAMA,EAAEE,WAAW,IAAK,MAC7BH,KAAKC,GAAMA,EAAEG,SAEd,IAAAC,EAAyC,IAAzBP,EAAcQ,OAQlC,OANAD,EAAgBP,EAAcS,MACzBC,GACGb,EAAKc,KAAKP,cAAcQ,SAASF,IACjCb,EAAKgB,KAAKT,cAAcU,SAASJ,KAGpCH,SAOMR,EAAgB,KAAeF,EAAKkB,KAAOhB,EAC3C,CACHY,KAAM,YACNK,QAAS,YAAYC,EAAAA,YACjBpB,EAAKkB,iCACoBE,EAAAA,YAAYlB,WALjD,EANW,CACHY,KAAM,aACNK,QAAS,aAAY,OAAAE,EAAArB,EAAKgB,WAALK,EAAAA,EAAWjB,MAAM,KAAK,KAAM,kBAc7D"}
+{"version":3,"file":"validateFile.cjs","sources":["../../../../../src/components/file-input/internal/validateFile.ts"],"sourcesContent":["import { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport type { FileInputFileValidation } from \"../types.js\";\n\nexport function validateFile(\n    file: File,\n    accept = \"\",\n    maxSizeBytes?: number,\n): FileInputFileValidation | undefined {\n    const acceptStrings = accept\n        .split(\",\")\n        .map((s) => s.toLowerCase())\n        .map((s) => s.replaceAll(\"*\", \"\"))\n        .map((s) => s.trim());\n\n    let isValidFormat = acceptStrings.length === 0;\n\n    isValidFormat = acceptStrings.some(\n        (acceptString) =>\n            file.type.toLowerCase().includes(acceptString) ||\n            file.name.toLowerCase().endsWith(acceptString),\n    );\n\n    if (!isValidFormat) {\n        return {\n            type: \"WRONG_TYPE\",\n            message: `Filtypen ${file.name?.split(\".\")[1] || \"\"} støttes ikke`,\n        };\n    }\n\n    if (typeof maxSizeBytes !== \"undefined\" && file.size > maxSizeBytes) {\n        return {\n            type: \"TOO_LARGE\",\n            message: `Filen er ${formatBytes(\n                file.size,\n            )}, men kan maksimalt være ${formatBytes(maxSizeBytes)}`,\n        };\n    }\n\n    return undefined;\n}\n"],"names":["file","accept","maxSizeBytes","acceptStrings","split","map","s","toLowerCase","replaceAll","trim","isValidFormat","length","some","acceptString","type","includes","name","endsWith","size","message","formatBytes","_a"],"mappings":"4KAGO,SACHA,EACAC,EAAS,GACTC,SAEM,MAAAC,EAAgBF,EACjBG,MAAM,KACNC,KAAKC,GAAMA,EAAEC,gBACbF,KAAKC,GAAMA,EAAEE,WAAW,IAAK,MAC7BH,KAAKC,GAAMA,EAAEG,SAEd,IAAAC,EAAyC,IAAzBP,EAAcQ,OAQlC,OANAD,EAAgBP,EAAcS,MACzBC,GACGb,EAAKc,KAAKP,cAAcQ,SAASF,IACjCb,EAAKgB,KAAKT,cAAcU,SAASJ,KAGpCH,SAOMR,EAAiB,KAAeF,EAAKkB,KAAOhB,EAC5C,CACHY,KAAM,YACNK,QAAS,YAAYC,EAAAA,YACjBpB,EAAKkB,iCACoBE,EAAAA,YAAYlB,WALjD,EANW,CACHY,KAAM,aACNK,QAAS,aAAY,OAAAE,EAAArB,EAAKgB,WAALK,EAAAA,EAAWjB,MAAM,KAAK,KAAM,kBAc7D"}

package/build/cjs/components/file-input/utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.upload=async function(e,t,r,s){const n=new XMLHttpRequest;return new Promise(((o,a)=>{n.upload.addEventListener("progress",(e=>{e.lengthComputable&&r&&r(e.loaded/e.total*100)})),n.addEventListener("load",(e=>{n.status>=400&&a(e),o(e)})),n.addEventListener("error",(e=>{a(e)})),n.addEventListener("abort",(e=>{a(e)})),n.open("POST",e),Object.entries(s||{}).forEach((([e,t])=>{n.setRequestHeader(e,t)})),n.send(t)})).then((e=>JSON.parse(n.responseText)),(()=>{throw new Error(n.statusText)}))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.upload=async function(e,t,r,s){const n=new XMLHttpRequest;return new Promise(((o,a)=>{n.upload.addEventListener("progress",(e=>{e.lengthComputable&&r&&r(e.loaded/e.total*100)})),n.addEventListener("load",(e=>{n.status>=400&&a(e),o(e)})),n.addEventListener("error",(e=>{a(e)})),n.addEventListener("abort",(e=>{a(e)})),n.open("POST",e);for(const[e,t]of Object.entries(s||{}))n.setRequestHeader(e,t);n.send(t)})).then((e=>JSON.parse(n.responseText)),(()=>{throw new Error(n.statusText)}))};
 //# sourceMappingURL=utils.cjs.map

package/build/cjs/components/file-input/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/file-input/utils.ts"],"sourcesContent":["/**\n * Hjelpefunksjon for å laste opp filer med progress-bar\n *\n * @param {string} url Endepunktet som skal lastes opp til\n * @param {FormData} data FormData med filen som skal lastes opp\n * @param progress Callback som blir kalt med oppdatert progresjon\n * @param {Record<string, string>} headers Eventuelle headers som skal sendes\n * med opplasingen. Her kan du f.eks. sende med CSRF-verdier.\n * @returns {T} Svaret fra endepunktet\n */\nexport async function upload<T>(\n    url: string,\n    data: FormData,\n    progress: (progress: number) => void,\n    headers?: Record<string, string>,\n): Promise<T> {\n    // I skrivende stund er det ikke mulig å hente progress med fetch. Derfor bruker vi XMLHttpRequest.\n    const xhr = new XMLHttpRequest();\n    const request = new Promise<ProgressEvent<XMLHttpRequestEventTarget>>(\n        (resolve, reject) => {\n            xhr.upload.addEventListener(\"progress\", (e) => {\n                if (e.lengthComputable && progress) {\n                    progress((e.loaded / e.total) * 100);\n                }\n            });\n\n            xhr.addEventListener(\"load\", (e) => {\n                if (xhr.status >= 400) {\n                    reject(e);\n                }\n                resolve(e);\n            });\n\n            xhr.addEventListener(\"error\", (e) => {\n                reject(e);\n            });\n\n            xhr.addEventListener(\"abort\", (e) => {\n                reject(e);\n            });\n\n            xhr.open(\"POST\", url);\n\n            Object.entries(headers || {}).forEach(([header, value]) => {\n                xhr.setRequestHeader(header, value);\n            });\n\n            xhr.send(data);\n        },\n    ).then(\n        (e) => {\n            const response: T = JSON.parse(xhr.responseText);\n            return response;\n        },\n        () => {\n            throw new Error(xhr.statusText);\n        },\n    );\n\n    return request;\n}\n"],"names":["async","url","data","progress","headers","xhr","XMLHttpRequest","Promise","resolve","reject","upload","addEventListener","e","lengthComputable","loaded","total","status","open","Object","entries","forEach","header","value","setRequestHeader","send","then","JSON","parse","responseText","Error","statusText"],"mappings":"+FAUAA,eACIC,EACAC,EACAC,EACAC,GAGM,MAAAC,EAAM,IAAIC,eA0CT,OAzCS,IAAIC,SAChB,CAACC,EAASC,KACNJ,EAAIK,OAAOC,iBAAiB,YAAaC,IACjCA,EAAEC,kBAAoBV,GACtBA,EAAUS,EAAEE,OAASF,EAAEG,MAAS,IAAG,IAIvCV,EAAAM,iBAAiB,QAASC,IACtBP,EAAIW,QAAU,KACdP,EAAOG,GAEXJ,EAAQI,EAAC,IAGTP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAY,KAAK,OAAQhB,GAEViB,OAAAC,QAAQf,GAAW,CAAE,GAAEgB,SAAQ,EAAEC,EAAQC,MACxCjB,EAAAkB,iBAAiBF,EAAQC,EAAK,IAGtCjB,EAAImB,KAAKtB,EAAI,IAEnBuB,MACGb,GACuBc,KAAKC,MAAMtB,EAAIuB,gBAGvC,KACU,MAAA,IAAIC,MAAMxB,EAAIyB,WAAU,GAK1C"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/file-input/utils.ts"],"sourcesContent":["/**\n * Hjelpefunksjon for å laste opp filer med progress-bar\n *\n * @param {string} url Endepunktet som skal lastes opp til\n * @param {FormData} data FormData med filen som skal lastes opp\n * @param progress Callback som blir kalt med oppdatert progresjon\n * @param {Record<string, string>} headers Eventuelle headers som skal sendes\n * med opplasingen. Her kan du f.eks. sende med CSRF-verdier.\n * @returns {T} Svaret fra endepunktet\n */\nexport async function upload<T>(\n    url: string,\n    data: FormData,\n    progress: (progress: number) => void,\n    headers?: Record<string, string>,\n): Promise<T> {\n    // I skrivende stund er det ikke mulig å hente progress med fetch. Derfor bruker vi XMLHttpRequest.\n    const xhr = new XMLHttpRequest();\n    const request = new Promise<ProgressEvent<XMLHttpRequestEventTarget>>(\n        (resolve, reject) => {\n            xhr.upload.addEventListener(\"progress\", (e) => {\n                if (e.lengthComputable && progress) {\n                    progress((e.loaded / e.total) * 100);\n                }\n            });\n\n            xhr.addEventListener(\"load\", (e) => {\n                if (xhr.status >= 400) {\n                    reject(e);\n                }\n                resolve(e);\n            });\n\n            xhr.addEventListener(\"error\", (e) => {\n                reject(e);\n            });\n\n            xhr.addEventListener(\"abort\", (e) => {\n                reject(e);\n            });\n\n            xhr.open(\"POST\", url);\n\n            for (const [header, value] of Object.entries(headers || {})) {\n                xhr.setRequestHeader(header, value);\n            }\n\n            xhr.send(data);\n        },\n    ).then(\n        (e) => {\n            const response: T = JSON.parse(xhr.responseText);\n            return response;\n        },\n        () => {\n            throw new Error(xhr.statusText);\n        },\n    );\n\n    return request;\n}\n"],"names":["async","url","data","progress","headers","xhr","XMLHttpRequest","Promise","resolve","reject","upload","addEventListener","e","lengthComputable","loaded","total","status","open","header","value","Object","entries","setRequestHeader","send","then","JSON","parse","responseText","Error","statusText"],"mappings":"+FAUAA,eACIC,EACAC,EACAC,EACAC,GAGM,MAAAC,EAAM,IAAIC,eA0CT,OAzCS,IAAIC,SAChB,CAACC,EAASC,KACNJ,EAAIK,OAAOC,iBAAiB,YAAaC,IACjCA,EAAEC,kBAAoBV,GACtBA,EAAUS,EAAEE,OAASF,EAAEG,MAAS,IAAG,IAIvCV,EAAAM,iBAAiB,QAASC,IACtBP,EAAIW,QAAU,KACdP,EAAOG,GAEXJ,EAAQI,EAAC,IAGTP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAY,KAAK,OAAQhB,GAEN,IAAA,MAACiB,EAAQC,KAAUC,OAAOC,QAAQjB,GAAW,CAAA,GAChDC,EAAAiB,iBAAiBJ,EAAQC,GAGjCd,EAAIkB,KAAKrB,EAAI,IAEnBsB,MACGZ,GACuBa,KAAKC,MAAMrB,EAAIsB,gBAGvC,KACU,MAAA,IAAIC,MAAMvB,EAAIwB,WAAU,GAK1C"}

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 { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport { FlexComponent, FlexProps } from \"./types.js\";\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":"uOAMaA,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"}
+{"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 { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { FlexComponent, FlexProps } from \"./types.js\";\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":"uOAMaA,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/flex/stories/Flex.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.stories.cjs","sources":["../../../../../src/components/flex/stories/Flex.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { CSSProperties } from \"react\";\nimport tokens from \"../../../core/tokens.js\";\nimport { Flex } from \"../Flex.js\";\n\nconst meta: Meta<typeof Flex> = {\n    title: \"Layout/Flex\",\n    component: Flex,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        direction: {\n            control: \"select\",\n            options: [\n                \"row\",\n                \"row-reverse\",\n                \"column\",\n                \"column-reverse\",\n            ] satisfies CSSProperties[\"flexDirection\"][],\n        },\n        alignItems: {\n            control: \"select\",\n            options: [\n                \"flex-start\",\n                \"flex-end\",\n                \"center\",\n                \"baseline\",\n                \"stretch\",\n            ] satisfies CSSProperties[\"alignItems\"][],\n        },\n        justifyContent: {\n            control: \"select\",\n            options: [\n                \"flex-start\",\n                \"flex-end\",\n                \"center\",\n                \"space-between\",\n                \"space-around\",\n                \"space-evenly\",\n            ] satisfies CSSProperties[\"justifyContent\"][],\n        },\n        wrap: {\n            control: \"boolean\",\n        },\n        gap: {\n            control: \"select\",\n            options: Object.keys(tokens.spacing),\n        },\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Flex>;\n\nconst Box = ({ label }: { label: string }) => (\n    <div\n        style={{\n            padding: \"var(--jkl-spacing-24)\",\n            backgroundColor: \"var(--jkl-background-color)\",\n            border: \"1px solid var(--jkl-color)\",\n            textAlign: \"center\",\n        }}\n    >\n        {label}\n    </div>\n);\n\nexport const FlexStory: Story = {\n    name: \"Flex\",\n    args: {\n        style: {\n            border: \"3px dashed var(--jkl-color)\",\n            padding: \"var(--jkl-spacing-24)\",\n            height: \"50vh\",\n            width: \"50vw\",\n        },\n        direction: \"row\",\n        wrap: true,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        gap: 8,\n        children: Array.from({ length: 5 }, (_, i) => (\n            <Box key={i} label={`Box ${i + 1}`} />\n        )),\n    },\n    render: (args) => <Flex {...args} />,\n};\n"],"names":["meta","title","component","Flex","parameters","layout","tags","argTypes","direction","control","options","alignItems","justifyContent","wrap","gap","Object","keys","tokens","spacing","Box","label","jsx","style","padding","backgroundColor","border","textAlign","children","FlexStory","name","args","height","width","Array","from","length","_","i","render"],"mappings":"gNAKMA,EAA0B,CAC5BC,MAAO,cACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,UAAW,CACPC,QAAS,SACTC,QAAS,CACL,MACA,cACA,SACA,mBAGRC,WAAY,CACRF,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,WACA,YAGRE,eAAgB,CACZH,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,gBACA,eACA,iBAGRG,KAAM,CACFJ,QAAS,WAEbK,IAAK,CACDL,QAAS,SACTC,QAASK,OAAOC,KAAKC,EAAOC,YASlCC,EAAM,EAAGC,MAAAA,KACXC,EAAAA,IAAC,MAAA,CACGC,MAAO,CACHC,QAAS,wBACTC,gBAAiB,8BACjBC,OAAQ,6BACRC,UAAW,UAGdC,SAAAP,IAIIQ,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFR,MAAO,CACHG,OAAQ,8BACRF,QAAS,wBACTQ,OAAQ,OACRC,MAAO,QAEXxB,UAAW,MACXK,MAAM,EACND,eAAgB,SAChBD,WAAY,SACZG,IAAK,EACLa,SAAUM,MAAMC,KAAK,CAAEC,OAAQ,IAAK,CAACC,EAAGC,IACpChB,EAAAA,IAACF,GAAYC,MAAO,OAAOiB,EAAI,KAArBA,MAGlBC,OAASR,GAAUT,EAAAA,IAAAlB,EAAAA,KAAA,IAAS2B"}
+{"version":3,"file":"Flex.stories.cjs","sources":["../../../../../src/components/flex/stories/Flex.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { type CSSProperties } from \"react\";\nimport tokens from \"../../../core/tokens.js\";\nimport { Flex } from \"../Flex.js\";\n\nconst meta: Meta<typeof Flex> = {\n    title: \"Layout/Flex\",\n    component: Flex,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        direction: {\n            control: \"select\",\n            options: [\n                \"row\",\n                \"row-reverse\",\n                \"column\",\n                \"column-reverse\",\n            ] satisfies CSSProperties[\"flexDirection\"][],\n        },\n        alignItems: {\n            control: \"select\",\n            options: [\n                \"flex-start\",\n                \"flex-end\",\n                \"center\",\n                \"baseline\",\n                \"stretch\",\n            ] satisfies CSSProperties[\"alignItems\"][],\n        },\n        justifyContent: {\n            control: \"select\",\n            options: [\n                \"flex-start\",\n                \"flex-end\",\n                \"center\",\n                \"space-between\",\n                \"space-around\",\n                \"space-evenly\",\n            ] satisfies CSSProperties[\"justifyContent\"][],\n        },\n        wrap: {\n            control: \"boolean\",\n        },\n        gap: {\n            control: \"select\",\n            options: Object.keys(tokens.spacing),\n        },\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Flex>;\n\nconst Box = ({ label }: { label: string }) => (\n    <div\n        style={{\n            padding: \"var(--jkl-spacing-24)\",\n            backgroundColor: \"var(--jkl-background-color)\",\n            border: \"1px solid var(--jkl-color)\",\n            textAlign: \"center\",\n        }}\n    >\n        {label}\n    </div>\n);\n\nexport const FlexStory: Story = {\n    name: \"Flex\",\n    args: {\n        style: {\n            border: \"3px dashed var(--jkl-color)\",\n            padding: \"var(--jkl-spacing-24)\",\n            height: \"50vh\",\n            width: \"50vw\",\n        },\n        direction: \"row\",\n        wrap: true,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        gap: 8,\n        children: Array.from({ length: 5 }, (_, i) => (\n            <Box key={i} label={`Box ${i + 1}`} />\n        )),\n    },\n    render: (args) => <Flex {...args} />,\n};\n"],"names":["meta","title","component","Flex","parameters","layout","tags","argTypes","direction","control","options","alignItems","justifyContent","wrap","gap","Object","keys","tokens","spacing","Box","label","jsx","style","padding","backgroundColor","border","textAlign","children","FlexStory","name","args","height","width","Array","from","length","_","i","render"],"mappings":"gNAKMA,EAA0B,CAC5BC,MAAO,cACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,UAAW,CACPC,QAAS,SACTC,QAAS,CACL,MACA,cACA,SACA,mBAGRC,WAAY,CACRF,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,WACA,YAGRE,eAAgB,CACZH,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,gBACA,eACA,iBAGRG,KAAM,CACFJ,QAAS,WAEbK,IAAK,CACDL,QAAS,SACTC,QAASK,OAAOC,KAAKC,EAAOC,YASlCC,EAAM,EAAGC,MAAAA,KACXC,EAAAA,IAAC,MAAA,CACGC,MAAO,CACHC,QAAS,wBACTC,gBAAiB,8BACjBC,OAAQ,6BACRC,UAAW,UAGdC,SAAAP,IAIIQ,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFR,MAAO,CACHG,OAAQ,8BACRF,QAAS,wBACTQ,OAAQ,OACRC,MAAO,QAEXxB,UAAW,MACXK,MAAM,EACND,eAAgB,SAChBD,WAAY,SACZG,IAAK,EACLa,SAAUM,MAAMC,KAAK,CAAEC,OAAQ,IAAK,CAACC,EAAGC,IACpChB,EAAAA,IAACF,GAAYC,MAAO,OAAOiB,EAAI,KAArBA,MAGlBC,OAASR,GAAUT,EAAAA,IAAAlB,EAAAA,KAAA,IAAS2B"}

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 {\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"}
+{"version":3,"file":"Icon.cjs","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { 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) => (\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"}
+{"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) => (\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"}
+{"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) => (\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"}
+{"version":3,"file":"ArrowNorthEastIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type 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) => (\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"}
+{"version":3,"file":"ArrowRightIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type 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) => (\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"}
+{"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"}