@fremtind/jokul 0.10.1 → 0.12.0

package/build/cjs/components/feedback/questions/AddonQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonQuestion.js","sources":["../../../../../src/components/feedback/questions/AddonQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useState } from \"react\";\nimport { TextArea } from \"../../text-input\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext\";\n\ninterface Props {\n    label?: string;\n    helpLabel?: string;\n}\n\nexport const AddonQuestion: React.FC<Props> = ({\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    label,\n}) => {\n    const { counter } = useFeedbackContext();\n    const context = useMainQuestionContext();\n    const [dynamicLabel, setDynamicLabel] = useState<string>();\n\n    useEffect(() => {\n        const labelFromValue = Array.isArray(context?.currentValue)\n            ? context?.currentValue[0].textAreaLabel?.toString()\n            : context?.currentValue?.textAreaLabel?.toString();\n        setDynamicLabel(labelFromValue || label);\n    }, [context?.currentValue, label]);\n\n    if (!context) {\n        console.error(\"Addon question must be used inside a MainQuestion context provider\");\n        return null;\n    }\n\n    const { message, setMessage } = context;\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => setMessage(e.target.value);\n\n    return (\n        <>\n            {context.currentValue !== undefined && (\n                <div className=\"jkl-sr-only\" aria-live=\"polite\">\n                    {dynamicLabel} {helpLabel}\n                </div>\n            )}\n            <TextArea\n                startOpen\n                rows={4}\n                data-testid=\"jkl-feedback__open-question\"\n                className=\"jkl-spacing-xl--bottom jkl-spacing-xl--top\"\n                label={dynamicLabel}\n                labelProps={{ srOnly: true }}\n                placeholder={dynamicLabel}\n                helpLabel={helpLabel}\n                value={message || \"\"}\n                onChange={handleChange}\n                counter={counter}\n            />\n        </>\n    );\n};\n"],"names":["helpLabel","label","counter","useFeedbackContext","context","useMainQuestionContext","dynamicLabel","setDynamicLabel","useState","useEffect","labelFromValue","Array","isArray","currentValue","_a","textAreaLabel","toString","_c","_b","console","error","message","setMessage","jsxs","Fragment","children","className","jsx","TextArea","startOpen","rows","labelProps","srOnly","placeholder","value","onChange","e","target"],"mappings":"8aAU8C,EAC1CA,UAAAA,EAAY,uJACZC,MAAAA,MAEM,MAAEC,QAAAA,GAAYC,EAAAA,qBACdC,EAAUC,EAAAA,0BACTC,EAAcC,GAAmBC,EAAiBA,WASzD,GAPAC,EAAAA,WAAU,eACN,MAAMC,EAAiBC,MAAMC,QAAQ,MAAAR,SAAAA,EAASS,cACxC,OAAAC,EAAA,MAAAV,OAAA,EAAAA,EAASS,aAAa,GAAGE,oBAAzB,EAAAD,EAAwCE,WACxC,OAAAC,EAAA,OAAAC,EAAA,MAAAd,OAAAA,EAAAA,EAASS,mBAAT,EAAAK,EAAuBH,oBAAvB,EAAAE,EAAsCD,WAC5CT,EAAgBG,GAAkBT,EAAK,GACxC,CAAC,MAAAG,OAAA,EAAAA,EAASS,aAAcZ,KAEtBG,EACD,OAAQe,QAAAC,MAAM,sEACP,KAGL,MAAEC,QAAAA,EAASC,WAAAA,GAAelB,EAGhC,OAESmB,EAAAA,KAAAC,WAAA,CAAAC,SAAA,MAAyB,IAAzBrB,EAAQS,cACLU,OAAC,OAAIG,UAAU,cAAc,YAAU,SAClCD,SAAA,CAAAnB,EAAa,IAAEN,KAGxB2B,EAAAA,IAACC,EAAAA,SAAA,CACGC,WAAS,EACTC,KAAM,EACN,cAAY,8BACZJ,UAAU,6CACVzB,MAAOK,EACPyB,WAAY,CAAEC,QAAQ,GACtBC,YAAa3B,EACbN,UAAAA,EACAkC,MAAOb,GAAW,GAClBc,SAnBmDC,GAAMd,EAAWc,EAAEC,OAAOH,OAoB7EhC,QAAAA,MAER"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("../../checkbox/Checkbox.js"),r=require("../../input-group/FieldGroup.js");require("../../input-group/InputGroup.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js");const i=require("../followup/followupContext.js"),c=require("../main-question/mainQuestionContext.js");exports.CheckboxQuestion=({label:s,name:u,options:t,helpLabel:l,autoFocus:a=!1})=>{const j=i.useFollowUpContext(),q=c.useMainQuestionContext(),I=j||q,d=o.useRef(null);o.useEffect((()=>{a&&d.current&&d.current.focus()}),[a,d]);const p=e=>{const{value:o}=e.target,n=null==t?void 0:t.find((e=>e.value.toString()===o));if(n){if(null==I||!I.currentValue)return void(null==I||I.setCurrentValue([n]));if(Array.isArray(null==I?void 0:I.currentValue)){const e=I.currentValue.find((e=>e===n));e?I.setCurrentValue((o=>o.filter((o=>o!==e)))):I.setCurrentValue((e=>[...e,n]))}}};return I?e.jsx(r.FieldGroup,{labelProps:{variant:"large"},legend:s,helpLabel:l,children:null==t?void 0:t.map(((o,r)=>e.jsx(n.Checkbox,{name:u||s,value:o.value.toString(),onChange:p,ref:0===r?d:void 0,children:o.label},`${s}-${o.value}`)))}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+//# sourceMappingURL=CheckboxQuestion.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react");require("../../../utilities/polymorphism/SlotComponent.js");const r=require("../../../utilities/validators/isValidEpost/isValidEpost.js"),n=require("../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js"),s=require("../../button/Button.js");require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js");const i=require("../../text-input/TextInput.js"),a=require("../feedbackContext.js"),l=require("../FeedbackSuccess.js"),o={title:"Takk for tiden din!",children:"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."};exports.ContactQuestion=({label:u="Kan vi kontakte deg for flere innspill?",sendButtonLabel:d="Sett meg på lista!",withPhone:m=!1,onSubmit:p,successMessage:c=o,children:g})=>{const[j,k]=t.useState(""),[x,f]=t.useState(""),[v,b]=t.useState({}),h=t.useRef(null),S=t.useRef(null),[T,q]=t.useState(!1),[E,y]=t.useState(!1),{contactSubmitted:C,setContactSubmitted:N}=a.useFeedbackContext(),B="string"==typeof g?"p":"div",V=(e,t)=>{const s=(e=>e&&""!==e?r.isValidEpost(e)?void 0:"Skriv inn en gyldig e-postadresse":"Du må oppgi e-postadresse for at vi kan kontakte deg")(e),i=(e=>e&&""!==e?n.isValidTelefonnummer(e)?void 0:"Skriv inn et gyldig telefonnummer":"Du må oppgi telefonnummer for at vi kan kontakte deg")(t);return b({email:s,phone:i}),{emailError:s,phoneError:i}};t.useEffect((()=>{if(T){const{emailError:e,phoneError:t}=V(j,x);!e&&(!m||!t)&&q(!1)}}),[j,x,T,m]);const P=e=>t=>e(t.target.value);return E?null:C?e.jsx(l.FeedbackSuccess,{...c}):e.jsxs("form",{className:"jkl-spacing-xl--top",onSubmit:e=>{var t,r;e.preventDefault();const{emailError:n,phoneError:s}=V(j,x);return n?(q(!0),void(null==(t=h.current)||t.focus())):m&&s?(q(!0),void(null==(r=S.current)||r.focus())):(p({email:j,phone:m?x:void 0}),void N(!0))},children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-xs--bottom",children:u}),g&&e.jsx(B,{className:"jkl-body",children:g}),e.jsx(i.TextInput,{ref:h,className:"jkl-spacing-l--top",label:"E-post",labelProps:{variant:"small"},autoComplete:"email",name:"email",value:j,onChange:P(k),errorLabel:v.email}),m&&e.jsx(i.TextInput,{ref:S,className:"jkl-spacing-l--top",label:"Telefonnummer",labelProps:{variant:"small"},autoComplete:"tel",name:"phone",value:x,onChange:P(f),errorLabel:v.phone}),e.jsxs("div",{className:"jkl-spacing-xl--top",children:[e.jsx(s.PrimaryButton,{type:"submit",className:"jkl-spacing-xl--right",children:d}),e.jsx(s.TertiaryButton,{onClick:()=>y(!0),children:"Nei takk"})]})]})};
+//# sourceMappingURL=ContactQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactQuestion.js","sources":["../../../../../src/components/feedback/questions/ContactQuestion.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { isValidEpost, isValidTelefonnummer } from \"../../../utilities\";\nimport { PrimaryButton, TertiaryButton } from \"../../button\";\nimport { TextInput } from \"../../text-input\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\n\nconst validateEmail = (email?: string) => {\n    if (!email || email === \"\") {\n        return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n    }\n    if (!isValidEpost(email)) {\n        return \"Skriv inn en gyldig e-postadresse\";\n    }\n    return;\n};\n\nconst validatePhone = (phone?: string) => {\n    if (!phone || phone === \"\") {\n        return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n    }\n    if (!isValidTelefonnummer(phone)) {\n        return \"Skriv inn et gyldig telefonnummer\";\n    }\n    return;\n};\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tiden din!\",\n    children:\n        \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /**\n     * Lar deg tilpasse spørsmålsteksten.\n     * @default \"Kan vi kontakte deg for flere innspill?\"\n     * */\n    label?: string;\n    /**\n     * Lar deg tilpasse teksten på knappen for innsending.\n     * @default \"Sett meg på lista!\"\n     * */\n    sendButtonLabel?: string;\n    /** Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost */\n    withPhone?: boolean;\n    /** Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling */\n    children?: ReactNode;\n    onSubmit: (values: { email: string; phone?: string }) => void;\n    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n}\n\nexport const ContactQuestion: FC<Props> = ({\n    label = \"Kan vi kontakte deg for flere innspill?\",\n    sendButtonLabel = \"Sett meg på lista!\",\n    withPhone = false,\n    onSubmit,\n    successMessage = defaultSuccessMessage,\n    children,\n}) => {\n    const [email, setEmail] = useState(\"\");\n    const [phone, setPhone] = useState(\"\");\n    const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n    const emailRef = useRef<HTMLInputElement>(null);\n    const phoneRef = useRef<HTMLInputElement>(null);\n    const [shouldValidate, setShouldValidate] = useState(false);\n\n    const [noThanks, setNoThanks] = useState(false);\n    const { contactSubmitted, setContactSubmitted } = useFeedbackContext();\n\n    const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n    const validate = (email: string, phone: string) => {\n        const emailError = validateEmail(email);\n        const phoneError = validatePhone(phone);\n        setErrors({ email: emailError, phone: phoneError });\n        return { emailError, phoneError };\n    };\n\n    useEffect(() => {\n        if (shouldValidate) {\n            const { emailError, phoneError } = validate(email, phone);\n\n            if (!emailError && (!withPhone || !phoneError)) {\n                setShouldValidate(false);\n            }\n        }\n    }, [email, phone, shouldValidate, withPhone]);\n\n    const handleChange = (consumer: (value: string) => void) => (e: ChangeEvent<HTMLInputElement>) =>\n        consumer(e.target.value);\n\n    const handleSubmit: React.FormEventHandler = (e) => {\n        e.preventDefault();\n\n        const { emailError, phoneError } = validate(email, phone);\n        if (emailError) {\n            setShouldValidate(true);\n            emailRef.current?.focus();\n            return;\n        }\n        if (withPhone && phoneError) {\n            setShouldValidate(true);\n            phoneRef.current?.focus();\n            return;\n        }\n\n        onSubmit({ email, phone: withPhone ? phone : undefined });\n        setContactSubmitted(true);\n    };\n\n    if (noThanks) {\n        return null;\n    }\n\n    if (contactSubmitted) {\n        return <FeedbackSuccess {...successMessage} />;\n    }\n\n    return (\n        <form className=\"jkl-spacing-xl--top\" onSubmit={handleSubmit}>\n            <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n            {children && <ChildrenWrapper className=\"jkl-body\">{children}</ChildrenWrapper>}\n\n            <TextInput\n                ref={emailRef}\n                className=\"jkl-spacing-l--top\"\n                label=\"E-post\"\n                labelProps={{ variant: \"small\" }}\n                autoComplete=\"email\"\n                name=\"email\"\n                value={email}\n                onChange={handleChange(setEmail)}\n                errorLabel={errors.email}\n            />\n            {withPhone && (\n                <TextInput\n                    ref={phoneRef}\n                    className=\"jkl-spacing-l--top\"\n                    label=\"Telefonnummer\"\n                    labelProps={{ variant: \"small\" }}\n                    autoComplete=\"tel\"\n                    name=\"phone\"\n                    value={phone}\n                    onChange={handleChange(setPhone)}\n                    errorLabel={errors.phone}\n                />\n            )}\n\n            <div className=\"jkl-spacing-xl--top\">\n                <PrimaryButton type=\"submit\" className=\"jkl-spacing-xl--right\">\n                    {sendButtonLabel}\n                </PrimaryButton>\n                <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n            </div>\n        </form>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","sendButtonLabel","withPhone","onSubmit","successMessage","email","setEmail","useState","phone","setPhone","errors","setErrors","emailRef","useRef","phoneRef","shouldValidate","setShouldValidate","noThanks","setNoThanks","contactSubmitted","setContactSubmitted","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":"soBA2BMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,8MA0BkC,EACtCC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBP,EACjBE,SAAAA,MAEA,MAAOM,EAAOC,GAAYC,WAAS,KAC5BC,EAAOC,GAAYF,WAAS,KAC5BG,EAAQC,GAAaJ,EAAAA,SAA6C,CAAE,GACrEK,EAAWC,SAAyB,MACpCC,EAAWD,SAAyB,OACnCE,EAAgBC,GAAqBT,YAAS,IAE9CU,EAAUC,GAAeX,YAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,GAAwBC,EAAmBA,qBAE/DC,EAAsC,iBAAbvB,EAAwB,IAAM,MAEvDwB,EAAW,CAAClB,EAAeG,KACvB,MAAAgB,EAtESnB,IACdA,GAAmB,KAAVA,EAGToB,EAAAA,aAAapB,QAAd,EACO,oCAHA,uDAoEYqB,CAAcrB,GAC3BsB,EA7DSnB,IACdA,GAAmB,KAAVA,EAGToB,EAAAA,qBAAqBpB,QAAtB,EACO,oCAHA,uDA2DYqB,CAAcrB,GACjC,OAAAG,EAAU,CAAEN,MAAOmB,EAAYhB,MAAOmB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,IAGzBG,EAAAA,WAAU,KACN,GAAIf,EAAgB,CAChB,MAAQS,WAAAA,EAAYG,WAAAA,GAAeJ,EAASlB,EAAOG,IAE9CgB,KAAgBtB,IAAcyB,IAC/BX,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,IAE5B,MAAA6B,EAAgBC,GAAuCC,GACzDD,EAASC,EAAEC,OAAOC,OAqBtB,OAAIlB,EACO,KAGPE,EACOiB,EAAAA,IAACC,EAAiBA,gBAAA,IAAGjC,IAI3BkC,EAAAA,KAAA,OAAA,CAAKC,UAAU,sBAAsBpC,SA5BI8B,YAC1CA,EAAEO,iBAEF,MAAQhB,WAAAA,EAAYG,WAAAA,GAAeJ,EAASlB,EAAOG,GACnD,OAAIgB,GACAR,GAAkB,QAClB,OAAAyB,EAAA7B,EAAS8B,UAATD,EAAkBE,UAGlBzC,GAAayB,GACbX,GAAkB,QAClB,OAAA4B,EAAA9B,EAAS4B,UAATE,EAAkBD,WAItBxC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAapBrB,SAAA,CAACqC,EAAAA,IAAA,IAAA,CAAEG,UAAU,uCAAwCxC,SAAMC,IAC1DD,GAAYqC,EAAAA,IAACd,EAAgB,CAAAiB,UAAU,WAAYxC,SAAAA,IAEpDqC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKlC,EACL2B,UAAU,qBACVvC,MAAM,SACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLf,MAAO9B,EACP8C,SAAUpB,EAAazB,GACvB8C,WAAY1C,EAAOL,QAEtBH,GACGkC,EAAAA,IAACS,EAAAA,UAAA,CACGC,IAAKhC,EACLyB,UAAU,qBACVvC,MAAM,gBACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLf,MAAO3B,EACP2C,SAAUpB,EAAatB,GACvB2C,WAAY1C,EAAOF,QAI3B8B,EAAAA,KAAC,MAAI,CAAAC,UAAU,sBACXxC,SAAA,CAAAqC,MAACiB,EAAAA,cAAc,CAAAC,KAAK,SAASf,UAAU,wBAClCxC,SACLE,UACCsD,EAAAA,eAAe,CAAAC,QAAS,IAAMtC,GAAY,GAAOnB,SAAQ,kBAElE"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("../../input-group/FieldGroup.js");require("../../input-group/InputGroup.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js");const r=require("../followup/followupContext.js"),i=require("../main-question/mainQuestionContext.js"),s=require("./smileyUtils.js"),c=e=>"number"!=typeof e.value||![1,2,3,4,5].includes(e.value);exports.SmileyQuestion=({label:u,name:l="smiley",helpLabel:a,options:t=s.defaultOptions})=>{const j=r.useFollowUpContext(),q=i.useMainQuestionContext(),d=j||q,m=n.useId(),I=e=>{console.log(e.target.value);const n=null==t?void 0:t.find((n=>n.value.toString()===e.target.value));null==d||d.setCurrentValue(n)},v=n.useMemo((()=>{var e;return Array.isArray(null==d?void 0:d.currentValue)?null==d?void 0:d.currentValue[0].value:null==(e=null==d?void 0:d.currentValue)?void 0:e.value}),[null==d?void 0:d.currentValue]);return t.some(c)?(console.error("SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine"),null):d&&t?e.jsx(o.FieldGroup,{labelProps:{variant:"large"},legend:u,helpLabel:a,children:e.jsx("div",{className:"jkl-feedback-smileys",children:t.map((o=>e.jsxs(n.Fragment,{children:[e.jsx("input",{className:"jkl-sr-only",id:`${m}-${l}-${o.value}`,name:`${m}-${l}`,type:"radio",value:o.value,onChange:I,checked:v===o.value}),e.jsxs("label",{className:"jkl-feedback-smiley-option",htmlFor:`${m}-${l}-${o.value}`,children:[e.jsx("span",{className:"jkl-sr-only",children:o.label}),s.getSmiley(Number(o.value))]})]},o.value)))})}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+//# sourceMappingURL=SmileyQuestion.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react");require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js");const r=require("../../text-input/TextArea.js");require("../../text-input/TextInput.js");const n=require("../feedbackContext.js"),u=require("../followup/followupContext.js"),o=require("../main-question/mainQuestionContext.js");exports.TextQuestion=({label:l,name:s,helpLabel:a="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(),p=u.useFollowUpContext(),x=o.useMainQuestionContext(),b=p||x,d=t.useRef(null);t.useEffect((()=>{i&&d.current&&d.current.focus()}),[i,d]);const v=t.useMemo((()=>{var e;return Array.isArray(null==b?void 0:b.currentValue)?null==b?void 0:b.currentValue[0].value.toString():null==(e=null==b?void 0:b.currentValue)?void 0:e.value.toString()}),[null==b?void 0:b.currentValue]);return b?e.jsx(r.TextArea,{ref:d,label:l,labelProps:{variant:"large"},name:s||l,startOpen:!0,rows:5,value:v,onChange:e=>{const t={label:l,name:s||l,type:"text",value:e.target.value};null==b||b.setCurrentValue(t)},helpLabel:a,counter:c}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+//# sourceMappingURL=TextQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextQuestion.js","sources":["../../../../../src/components/feedback/questions/TextQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useMemo, useRef } from \"react\";\nimport { TextArea } from \"../../text-input\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { useFollowUpContext } from \"../followup/followupContext\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext\";\nimport { QuestionProps, FeedbackAnswer } from \"../types\";\n\nexport const TextQuestion: React.FC<QuestionProps> = ({\n    label,\n    name,\n    helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n    autoFocus = false,\n}) => {\n    const { counter } = useFeedbackContext();\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const ref = useRef<HTMLTextAreaElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n        const value: FeedbackAnswer = {\n            label,\n            name: name || label,\n            type: \"text\",\n            value: e.target.value,\n        };\n        context?.setCurrentValue(value);\n    };\n\n    const currentValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value.toString()\n                : context?.currentValue?.value.toString(),\n        [context?.currentValue],\n    );\n\n    if (!context) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <TextArea\n            ref={ref}\n            label={label}\n            labelProps={{ variant: \"large\" }}\n            name={name || label}\n            startOpen\n            rows={5}\n            value={currentValue}\n            onChange={handleChange}\n            helpLabel={helpLabel}\n            counter={counter}\n        />\n    );\n};\n"],"names":["label","name","helpLabel","autoFocus","counter","useFeedbackContext","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","currentValue","useMemo","isArray","value","toString","_a","jsx","TextArea","labelProps","variant","startOpen","rows","onChange","e","type","target","setCurrentValue","console","error"],"mappings":"ydAOqD,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,aAAMC,QAAQ,MAAAR,OAAAA,EAAAA,EAASM,cACjB,MAAAN,OAAAA,EAAAA,EAASM,aAAa,GAAGG,MAAMC,WAC/B,OAAAC,EAAA,MAAAX,OAAAA,EAAAA,EAASM,mBAAT,EAAAK,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAV,OAAA,EAAAA,EAASM,eAGd,OAAKN,EAMDY,EAAAA,IAACC,EAAAA,SAAA,CACGZ,IAAAA,EACAX,MAAAA,EACAwB,WAAY,CAAEC,QAAS,SACvBxB,KAAMA,GAAQD,EACd0B,WAAS,EACTC,KAAM,EACNR,MAAOH,EACPY,SAhCuDC,IAC3D,MAAMV,EAAwB,CAC1BnB,MAAAA,EACAC,KAAMA,GAAQD,EACd8B,KAAM,OACNX,MAAOU,EAAEE,OAAOZ,OAEpB,MAAAT,GAAAA,EAASsB,gBAAgBb,EAAAA,EA0BrBjB,UAAAA,EACAE,QAAAA,KAfJ6B,QAAQC,MAAM,yEACP,KAAA"}

package/build/cjs/components/feedback/questions/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxQuestion.js"),o=require("./RadioQuestion.js"),t=require("./TextQuestion.js"),s=require("./SmileyQuestion.js"),i=require("./AddonQuestion.js"),n=require("./ContactQuestion.js");exports.CheckboxQuestion=e.CheckboxQuestion,exports.RadioQuestion=o.RadioQuestion,exports.TextQuestion=t.TextQuestion,exports.SmileyQuestion=s.SmileyQuestion,exports.AddonQuestion=i.AddonQuestion,exports.ContactQuestion=n.ContactQuestion;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/feedback/questions/index.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=({children:r})=>e.jsxs("svg",{className:"jkl-feedback-smiley-option__icon","aria-hidden":!0,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"20",cy:"20",r:"19",stroke:"currentColor",strokeWidth:"2"}),r]}),t=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M10 13.9865H16.6667",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M23.3333 13.9865H29.9999",stroke:"currentColor",strokeWidth:"2"})]}),l=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M10 28.75C10 28.75 13.75 23.3334 20 23.3334C26.25 23.3334 30 28.75 30 28.75",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"}),e.jsx("circle",{cx:"27.5",cy:"14.5",r:"1.5",fill:"currentColor"})]}),s=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M9.15283 25.6986H30.8477",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"}),e.jsx("circle",{cx:"27.5",cy:"14.5",r:"1.5",fill:"currentColor"})]}),o=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M10 23.3334C10 23.3334 12.9167 30 20 30C27.0833 30 30 23.3334 30 23.3334",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"}),e.jsx("circle",{cx:"27.5",cy:"14.5",r:"1.5",fill:"currentColor"})]}),c=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M30 21C30 26.5228 25.5228 31 20 31C14.4772 31 10 26.5228 10 21",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M24 14.5H29",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"})]});exports.defaultOptions=[{label:"Veldig misfornøyd",value:1,textAreaLabel:"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."},{label:"Litt misfornøyd",value:2,textAreaLabel:"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."},{label:"Midt på treet",value:3,textAreaLabel:"Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."},{label:"Ganske fornøyd",value:4,textAreaLabel:"Så bra! Har du noen tilbakemeldinger kan du skrive dem her."},{label:"Veldig fornøyd",value:5,textAreaLabel:"Så bra! Har du noen tilbakemeldinger kan du skrive dem her."}],exports.getSmiley=r=>{switch(r){case 1:return e.jsx(t,{});case 2:return e.jsx(l,{});case 3:default:return e.jsx(s,{});case 4:return e.jsx(o,{});case 5:return e.jsx(c,{})}};
+//# sourceMappingURL=smileyUtils.js.map

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

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

package/build/cjs/components/feedback/types.js

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

package/build/cjs/components/feedback/types.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./questions/CheckboxQuestion.js"),r=require("./questions/RadioQuestion.js"),s=require("./questions/TextQuestion.js"),i=require("./questions/SmileyQuestion.js");require("react/jsx-runtime"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("./feedbackContext.js"),require("./main-question/mainQuestionContext.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../button/Button.js"),require("../message/Message.js"),require("../message/FormErrorMessage.js");exports.getChildrenOfType=function(...t){return r=>e.Children.map(r,(r=>{if(e.isValidElement(r)&&t.includes(r.type))return r}))},exports.getQuestionFromType=e=>{switch(e){case"radio":default:return r.RadioQuestion;case"checkbox":return t.CheckboxQuestion;case"text":return s.TextQuestion;case"smiley":return i.SmileyQuestion}};
+//# sourceMappingURL=utils.js.map

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

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

package/build/cjs/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/AccordionItem.js"),o=require("./accordion/Accordion.js"),r=require("./breadcrumb/Breadcrumb.js"),t=require("./breadcrumb/BreadcrumbItem.js"),n=require("./button/Button.js"),s=require("./card/Card.js"),i=require("./card/CardImage.js"),c=require("./card/NavCard.js"),a=require("./card/TaskCard.js"),u=require("./card/InfoCard.js"),p=require("./checkbox/Checkbox.js"),x=require("./combobox/Combobox.js"),l=require("./cookie-consent/CookieConsent.js"),I=require("./cookie-consent/CookieConsentContext.js"),d=require("./datepicker/validation.js"),j=require("./datepicker/utils.js"),C=require("./datepicker/DatePicker.js"),q=require("./icon/Icon.js"),k=require("./icon/icons/animated/ArrowVerticalAnimated.js"),m=require("./icon/icons/animated/ArrowHorizontalAnimated.js"),T=require("./icon/icons/animated/PlusRemoveAnimated.js"),b=require("./icon/icons/ArrowDownIcon.js"),g=require("./icon/icons/ArrowLeftIcon.js"),h=require("./icon/icons/ArrowNorthEastIcon.js"),B=require("./icon/icons/ArrowRightIcon.js"),S=require("./icon/icons/ArrowUpIcon.js"),A=require("./icon/icons/CalendarIcon.js"),L=require("./icon/icons/CheckIcon.js"),w=require("./icon/icons/ChevronDownIcon.js"),R=require("./icon/icons/ChevronLeftIcon.js"),v=require("./icon/icons/ChevronRightIcon.js"),M=require("./icon/icons/ChevronUpIcon.js"),P=require("./icon/icons/CloseIcon.js"),y=require("./icon/icons/CopyIcon.js"),D=require("./icon/icons/DotsIcon.js"),f=require("./icon/icons/DragIcon.js"),G=require("./icon/icons/ErrorIcon.js"),U=require("./icon/icons/GreenCheckIcon.js"),N=require("./icon/icons/HamburgerIcon.js"),E=require("./icon/icons/InfoIcon.js"),H=require("./icon/icons/LinkIcon.js"),O=require("./icon/icons/PlusIcon.js"),W=require("./icon/icons/QuestionIcon.js"),F=require("./icon/icons/RedCrossIcon.js"),V=require("./icon/icons/SearchIcon.js"),z=require("./icon/icons/SuccessIcon.js"),Q=require("./icon/icons/WarningIcon.js"),Y=require("./icon/icons/MinusIcon.js"),J=require("./icon/icons/ThumbDownIcon.js"),K=require("./icon/icons/ThumbUpIcon.js"),X=require("./icon/icons/TrashCanIcon.js"),Z=require("./icon/icons/PenIcon.js"),$=require("./icon-button/IconButton.js"),_=require("./image/Image.js"),ee=require("./input-group/FieldGroup.js"),oe=require("./input-group/InputGroup.js"),re=require("./input-group/Label.js"),te=require("./input-group/SupportLabel.js"),ne=require("./link/Link.js"),se=require("./link/NavLink.js"),ie=require("./link-list/LinkList.js"),ce=require("./list/List.js"),ae=require("./list/ListItem.js"),ue=require("./loader/Loader.js"),pe=require("./loader/skeletons/SkeletonAnimation.js"),xe=require("./loader/skeletons/SkeletonButton.js"),le=require("./loader/skeletons/SkeletonCheckboxGroup.js"),Ie=require("./loader/skeletons/SkeletonElement.js"),de=require("./loader/skeletons/SkeletonInput.js"),je=require("./loader/skeletons/SkeletonRadioButtonGroup.js"),Ce=require("./loader/skeletons/SkeletonTable.js"),qe=require("./loader/skeletons/SkeletonTextArea.js"),ke=require("./modal/Modal.js"),me=require("./modal/useModal.js"),Te=require("./radio-button/RadioButton.js"),be=require("./radio-button/RadioButtonGroup.js"),ge=require("./radio-button/BaseRadioButton.js"),he=require("../../NativeSelect-DSmX3GZo.cjs"),Be=require("./tag/Tag.js"),Se=require("./text-input/BaseTextArea.js"),Ae=require("./text-input/BaseTextInput.js"),Le=require("./text-input/TextArea.js"),we=require("./text-input/TextInput.js"),Re=require("./tooltip/Tooltip.js"),ve=require("./tooltip/TooltipContent.js"),Me=require("./tooltip/TooltipTrigger.js"),Pe=require("./tooltip/PopupTip.js"),ye=require("./ScreenReaderOnly.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=n.Button,exports.PrimaryButton=n.PrimaryButton,exports.SecondaryButton=n.SecondaryButton,exports.TertiaryButton=n.TertiaryButton,exports.Card=s.Card,exports.CardImage=i.CardImage,exports.InfoBlock=c.InfoBlock,exports.NavCard=c.NavCard,exports.TaskCard=a.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=x.Combobox,exports.getComboboxValuePair=x.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=I.CookieConsentProvider,exports.useCookieConsent=I.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=j.dayMonthYearRegex,exports.formatInput=j.formatInput,exports.isBlurTargetOutside=j.isBlurTargetOutside,exports.parseDateString=j.parseDateString,exports.DatePicker=C.DatePicker,exports.Icon=q.Icon,exports.ArrowVerticalAnimated=k.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=m.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=T.PlusRemoveAnimated,exports.ArrowDownIcon=b.ArrowDownIcon,exports.ArrowLeftIcon=g.ArrowLeftIcon,exports.ArrowNorthEastIcon=h.ArrowNorthEastIcon,exports.ArrowRightIcon=B.ArrowRightIcon,exports.ArrowUpIcon=S.ArrowUpIcon,exports.CalendarIcon=A.CalendarIcon,exports.CheckIcon=L.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=R.ChevronLeftIcon,exports.ChevronRightIcon=v.ChevronRightIcon,exports.ChevronUpIcon=M.ChevronUpIcon,exports.CloseIcon=P.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=D.DotsIcon,exports.DragIcon=f.DragIcon,exports.ErrorIcon=G.ErrorIcon,exports.GreenCheckIcon=U.GreenCheckIcon,exports.HamburgerIcon=N.HamburgerIcon,exports.InfoIcon=E.InfoIcon,exports.LinkIcon=H.LinkIcon,exports.PlusIcon=O.PlusIcon,exports.QuestionIcon=W.QuestionIcon,exports.RedCrossIcon=F.RedCrossIcon,exports.SearchIcon=V.SearchIcon,exports.SuccessIcon=z.SuccessIcon,exports.WarningIcon=Q.WarningIcon,exports.MinusIcon=Y.MinusIcon,exports.ThumbDownIcon=J.ThumbDownIcon,exports.ThumbUpIcon=K.ThumbUpIcon,exports.TrashCanIcon=X.TrashCanIcon,exports.PenIcon=Z.PenIcon,exports.IconButton=$.IconButton,exports.Image=_.Image,exports.FieldGroup=ee.FieldGroup,exports.InputGroup=oe.InputGroup,exports.Label=re.Label,exports.SupportLabel=te.SupportLabel,exports.Link=ne.Link,exports.NavLink=se.NavLink,exports.LinkList=ie.LinkList,exports.List=ce.List,exports.OrderedList=ce.OrderedList,exports.UnorderedList=ce.UnorderedList,exports.CheckListItem=ae.CheckListItem,exports.CrossListItem=ae.CrossListItem,exports.ListItem=ae.ListItem,exports.Loader=ue.Loader,exports.SkeletonAnimation=pe.SkeletonAnimation,exports.SkeletonButton=xe.SkeletonButton,exports.SkeletonCheckboxGroup=le.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=de.SkeletonInput,exports.SkeletonRadioButtonGroup=je.SkeletonRadioButtonGroup,exports.SkeletonTable=Ce.SkeletonTable,exports.SkeletonTableHeader=Ce.SkeletonTableHeader,exports.SkeletonTableRow=Ce.SkeletonTableRow,exports.SkeletonTextArea=qe.SkeletonTextArea,exports.Modal=ke.Modal,exports.ModalActions=ke.ModalActions,exports.ModalBody=ke.ModalBody,exports.ModalCloseButton=ke.ModalCloseButton,exports.ModalContainer=ke.ModalContainer,exports.ModalHeader=ke.ModalHeader,exports.ModalOverlay=ke.ModalOverlay,exports.ModalTitle=ke.ModalTitle,exports.useModal=me.useModal,exports.RadioButton=Te.RadioButton,exports.RadioButtonGroup=be.RadioButtonGroup,exports.BaseRadioButton=ge.BaseRadioButton,exports.NativeSelect=he.NativeSelect,exports.Select=he.Select,exports.ErrorTag=Be.ErrorTag,exports.InfoTag=Be.InfoTag,exports.SuccessTag=Be.SuccessTag,exports.Tag=Be.Tag,exports.WarningTag=Be.WarningTag,exports.BaseTextArea=Se.BaseTextArea,exports.BaseTextInput=Ae.BaseTextInput,exports.TextArea=Le.TextArea,exports.TextInput=we.TextInput,exports.Tooltip=Re.Tooltip,exports.TooltipContent=ve.TooltipContent,exports.TooltipTrigger=Me.TooltipTrigger,exports.PopupTip=Pe.PopupTip,exports.ScreenReaderOnly=ye.ScreenReaderOnly;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/AccordionItem.js"),o=require("./accordion/Accordion.js"),r=require("./breadcrumb/Breadcrumb.js"),t=require("./breadcrumb/BreadcrumbItem.js"),n=require("./button/Button.js"),s=require("./card/Card.js"),i=require("./card/CardImage.js"),c=require("./card/NavCard.js"),a=require("./card/TaskCard.js"),u=require("./card/InfoCard.js"),p=require("./checkbox/Checkbox.js"),x=require("./combobox/Combobox.js"),l=require("./cookie-consent/CookieConsent.js"),d=require("./cookie-consent/CookieConsentContext.js"),I=require("./datepicker/validation.js"),j=require("./datepicker/utils.js"),q=require("./datepicker/DatePicker.js"),k=require("./feedback/Feedback.js"),C=require("./feedback/presets.js"),m=require("./icon/Icon.js"),g=require("./icon/icons/animated/ArrowVerticalAnimated.js"),T=require("./icon/icons/animated/ArrowHorizontalAnimated.js"),b=require("./icon/icons/animated/PlusRemoveAnimated.js"),S=require("./icon/icons/ArrowDownIcon.js"),h=require("./icon/icons/ArrowLeftIcon.js"),B=require("./icon/icons/ArrowNorthEastIcon.js"),A=require("./icon/icons/ArrowRightIcon.js"),L=require("./icon/icons/ArrowUpIcon.js"),M=require("./icon/icons/CalendarIcon.js"),w=require("./icon/icons/CheckIcon.js"),v=require("./icon/icons/ChevronDownIcon.js"),R=require("./icon/icons/ChevronLeftIcon.js"),P=require("./icon/icons/ChevronRightIcon.js"),f=require("./icon/icons/ChevronUpIcon.js"),y=require("./icon/icons/CloseIcon.js"),D=require("./icon/icons/CopyIcon.js"),E=require("./icon/icons/DotsIcon.js"),G=require("./icon/icons/DragIcon.js"),U=require("./icon/icons/ErrorIcon.js"),N=require("./icon/icons/GreenCheckIcon.js"),F=require("./icon/icons/HamburgerIcon.js"),W=require("./icon/icons/InfoIcon.js"),H=require("./icon/icons/LinkIcon.js"),O=require("./icon/icons/PlusIcon.js"),V=require("./icon/icons/QuestionIcon.js"),z=require("./icon/icons/RedCrossIcon.js"),Q=require("./icon/icons/SearchIcon.js"),Y=require("./icon/icons/SuccessIcon.js"),J=require("./icon/icons/WarningIcon.js"),K=require("./icon/icons/MinusIcon.js"),X=require("./icon/icons/ThumbDownIcon.js"),Z=require("./icon/icons/ThumbUpIcon.js"),$=require("./icon/icons/TrashCanIcon.js"),_=require("./icon/icons/PenIcon.js"),ee=require("./icon-button/IconButton.js"),oe=require("./image/Image.js"),re=require("./input-group/FieldGroup.js"),te=require("./input-group/InputGroup.js"),ne=require("./input-group/Label.js"),se=require("./input-group/SupportLabel.js"),ie=require("./link/Link.js"),ce=require("./link/NavLink.js"),ae=require("./link-list/LinkList.js"),ue=require("./list/List.js"),pe=require("./list/ListItem.js"),xe=require("./loader/Loader.js"),le=require("./loader/skeletons/SkeletonAnimation.js"),de=require("./loader/skeletons/SkeletonButton.js"),Ie=require("./loader/skeletons/SkeletonCheckboxGroup.js"),je=require("./loader/skeletons/SkeletonElement.js"),qe=require("./loader/skeletons/SkeletonInput.js"),ke=require("./loader/skeletons/SkeletonRadioButtonGroup.js"),Ce=require("./loader/skeletons/SkeletonTable.js"),me=require("./loader/skeletons/SkeletonTextArea.js"),ge=require("./message/Message.js"),Te=require("./message/FormErrorMessage.js"),be=require("./modal/Modal.js"),Se=require("./modal/useModal.js"),he=require("./popover/Popover.js"),Be=require("./radio-button/RadioButton.js"),Ae=require("./radio-button/RadioButtonGroup.js"),Le=require("./radio-button/BaseRadioButton.js"),Me=require("../../NativeSelect-CNcZmpDZ.cjs"),we=require("./tag/Tag.js"),ve=require("./text-input/BaseTextArea.js"),Re=require("./text-input/BaseTextInput.js"),Pe=require("./text-input/TextArea.js"),fe=require("./text-input/TextInput.js"),ye=require("./tooltip/Tooltip.js"),De=require("./tooltip/TooltipContent.js"),Ee=require("./tooltip/TooltipTrigger.js"),Ge=require("./tooltip/PopupTip.js"),Ue=require("./ScreenReaderOnly.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=n.Button,exports.PrimaryButton=n.PrimaryButton,exports.SecondaryButton=n.SecondaryButton,exports.TertiaryButton=n.TertiaryButton,exports.Card=s.Card,exports.CardImage=i.CardImage,exports.InfoBlock=c.InfoBlock,exports.NavCard=c.NavCard,exports.TaskCard=a.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=x.Combobox,exports.getComboboxValuePair=x.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=d.CookieConsentProvider,exports.useCookieConsent=d.useCookieConsent,exports.isCorrectFormat=I.isCorrectFormat,exports.isWithinLowerBound=I.isWithinLowerBound,exports.isWithinUpperBound=I.isWithinUpperBound,exports.dayMonthYearRegex=j.dayMonthYearRegex,exports.formatInput=j.formatInput,exports.isBlurTargetOutside=j.isBlurTargetOutside,exports.parseDateString=j.parseDateString,exports.DatePicker=q.DatePicker,exports.Feedback=k.Feedback,exports.PRESETS=C.PRESETS,exports.Icon=m.Icon,exports.ArrowVerticalAnimated=g.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=T.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=b.PlusRemoveAnimated,exports.ArrowDownIcon=S.ArrowDownIcon,exports.ArrowLeftIcon=h.ArrowLeftIcon,exports.ArrowNorthEastIcon=B.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=L.ArrowUpIcon,exports.CalendarIcon=M.CalendarIcon,exports.CheckIcon=w.CheckIcon,exports.ChevronDownIcon=v.ChevronDownIcon,exports.ChevronLeftIcon=R.ChevronLeftIcon,exports.ChevronRightIcon=P.ChevronRightIcon,exports.ChevronUpIcon=f.ChevronUpIcon,exports.CloseIcon=y.CloseIcon,exports.CopyIcon=D.CopyIcon,exports.DotsIcon=E.DotsIcon,exports.DragIcon=G.DragIcon,exports.ErrorIcon=U.ErrorIcon,exports.GreenCheckIcon=N.GreenCheckIcon,exports.HamburgerIcon=F.HamburgerIcon,exports.InfoIcon=W.InfoIcon,exports.LinkIcon=H.LinkIcon,exports.PlusIcon=O.PlusIcon,exports.QuestionIcon=V.QuestionIcon,exports.RedCrossIcon=z.RedCrossIcon,exports.SearchIcon=Q.SearchIcon,exports.SuccessIcon=Y.SuccessIcon,exports.WarningIcon=J.WarningIcon,exports.MinusIcon=K.MinusIcon,exports.ThumbDownIcon=X.ThumbDownIcon,exports.ThumbUpIcon=Z.ThumbUpIcon,exports.TrashCanIcon=$.TrashCanIcon,exports.PenIcon=_.PenIcon,exports.IconButton=ee.IconButton,exports.Image=oe.Image,exports.FieldGroup=re.FieldGroup,exports.InputGroup=te.InputGroup,exports.Label=ne.Label,exports.SupportLabel=se.SupportLabel,exports.Link=ie.Link,exports.NavLink=ce.NavLink,exports.LinkList=ae.LinkList,exports.List=ue.List,exports.OrderedList=ue.OrderedList,exports.UnorderedList=ue.UnorderedList,exports.CheckListItem=pe.CheckListItem,exports.CrossListItem=pe.CrossListItem,exports.ListItem=pe.ListItem,exports.Loader=xe.Loader,exports.SkeletonAnimation=le.SkeletonAnimation,exports.SkeletonButton=de.SkeletonButton,exports.SkeletonCheckboxGroup=Ie.SkeletonCheckboxGroup,exports.SkeletonElement=je.SkeletonElement,exports.SkeletonInput=qe.SkeletonInput,exports.SkeletonRadioButtonGroup=ke.SkeletonRadioButtonGroup,exports.SkeletonTable=Ce.SkeletonTable,exports.SkeletonTableHeader=Ce.SkeletonTableHeader,exports.SkeletonTableRow=Ce.SkeletonTableRow,exports.SkeletonTextArea=me.SkeletonTextArea,exports.ErrorMessage=ge.ErrorMessage,exports.InfoMessage=ge.InfoMessage,exports.SuccessMessage=ge.SuccessMessage,exports.WarningMessage=ge.WarningMessage,exports.FormErrorMessage=Te.FormErrorMessage,exports.Modal=be.Modal,exports.ModalActions=be.ModalActions,exports.ModalBody=be.ModalBody,exports.ModalCloseButton=be.ModalCloseButton,exports.ModalContainer=be.ModalContainer,exports.ModalHeader=be.ModalHeader,exports.ModalOverlay=be.ModalOverlay,exports.ModalTitle=be.ModalTitle,exports.useModal=Se.useModal,exports.Popover=he,exports.RadioButton=Be.RadioButton,exports.RadioButtonGroup=Ae.RadioButtonGroup,exports.BaseRadioButton=Le.BaseRadioButton,exports.NativeSelect=Me.NativeSelect,exports.Select=Me.Select,exports.ErrorTag=we.ErrorTag,exports.InfoTag=we.InfoTag,exports.SuccessTag=we.SuccessTag,exports.Tag=we.Tag,exports.WarningTag=we.WarningTag,exports.BaseTextArea=ve.BaseTextArea,exports.BaseTextInput=Re.BaseTextInput,exports.TextArea=Pe.TextArea,exports.TextInput=fe.TextInput,exports.Tooltip=ye.Tooltip,exports.TooltipContent=De.TooltipContent,exports.TooltipTrigger=Ee.TooltipTrigger,exports.PopupTip=Ge.PopupTip,exports.ScreenReaderOnly=Ue.ScreenReaderOnly;
 //# sourceMappingURL=index.js.map

package/build/cjs/components/message/DismissButton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const i=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const e=n.forwardRef((({label:n="Lukk",...e},r)=>o.jsxs("button",{ref:r,type:"button",title:n,...e,children:[o.jsx(i.CloseIcon,{variant:"small",bold:!0}),o.jsx("span",{className:"jkl-sr-only",children:n})]})));e.displayName="DismissButton",exports.DismissButton=e;
+//# sourceMappingURL=DismissButton.js.map

package/build/cjs/components/message/DismissButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissButton.js","sources":["../../../../src/components/message/DismissButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { CloseIcon } from \"../icon\";\n\nexport interface DismissButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    label?: string;\n}\n\nexport const DismissButton = forwardRef<HTMLButtonElement, DismissButtonProps>(({ label = \"Lukk\", ...rest }, ref) => {\n    return (\n        <button ref={ref} type=\"button\" title={label} {...rest}>\n            <CloseIcon variant=\"small\" bold />\n            <span className=\"jkl-sr-only\">{label}</span>\n        </button>\n    );\n});\n\nDismissButton.displayName = \"DismissButton\";\n"],"names":["DismissButton","forwardRef","label","rest","ref","jsxs","type","title","children","jsx","CloseIcon","variant","bold","className","displayName"],"mappings":"4jDAOa,MAAAA,EAAgBC,cAAkD,EAAGC,MAAAA,EAAQ,UAAWC,GAAQC,IAErGC,OAAC,UAAOD,IAAAA,EAAUE,KAAK,SAASC,MAAOL,KAAWC,EAC9CK,SAAA,CAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,QAAQ,QAAQC,MAAI,IAC9BH,EAAAA,IAAA,OAAA,CAAKI,UAAU,cAAeL,SAAMN,SAKjDF,EAAcc,YAAc"}

package/build/cjs/components/message/FormErrorMessage.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),s=require("react"),t=require("../../hooks/useAnimatedHeight/useAnimatedHeight.js");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js");const i=require("./Message.js"),a={title:"Feil og mangler i skjemaet"},l=s.forwardRef(((l,o)=>{const{className:u,errors:c,isSubmitted:n,isValid:m,messageProps:d,...g}=l,j=n&&!m,[h]=t.useAnimatedHeight(j,{display:"grid"}),f=s.useRef(c);s.useEffect((()=>{f.current=c}),[c]);const p=c.length>f.current.length;return e.jsx("div",{ref:o,className:r.clsx("jkl-form-error-message",u),...g,children:e.jsx(i.ErrorMessage,{...a,...d,ref:h,role:p?"alert":"presentation",children:e.jsx("ul",{className:"jkl-list",children:c.filter((e=>typeof e<"u")).map((r=>e.jsx("li",{className:"jkl-list__item",children:r},r)))})})})}));l.displayName="FormErrorMessage",exports.FormErrorMessage=l;
+//# sourceMappingURL=FormErrorMessage.js.map

package/build/cjs/components/message/FormErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrorMessage.js","sources":["../../../../src/components/message/FormErrorMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useEffect, useRef } from \"react\";\nimport { useAnimatedHeight } from \"../../hooks\";\nimport { MessageProps, ErrorMessage } from \"./Message\";\n\nexport interface FormErrorMessageProps {\n    className?: string;\n    id?: string;\n    /**\n     * @default { title: \"Feil og mangler i skjemaet\" }\n     */\n    messageProps?: Partial<MessageProps>;\n    errors: (string | undefined)[];\n    isSubmitted: boolean;\n    isValid: boolean;\n}\n\nconst defaultMessageProps = {\n    title: \"Feil og mangler i skjemaet\",\n};\n\nexport const FormErrorMessage = forwardRef<HTMLDivElement, FormErrorMessageProps>(\n    (props, forwardedRef): JSX.Element | null => {\n        const { className, errors, isSubmitted, isValid, messageProps, ...rest } = props;\n\n        const showSummary = isSubmitted && !isValid;\n\n        const [messageRef] = useAnimatedHeight<HTMLDivElement>(showSummary, { display: \"grid\" });\n\n        const previousErrors = useRef<Array<string | undefined>>(errors);\n        useEffect(() => {\n            previousErrors.current = errors;\n        }, [errors]);\n        const hasNewErrors = errors.length > previousErrors.current.length;\n\n        return (\n            <div ref={forwardedRef} className={clsx(\"jkl-form-error-message\", className)} {...rest}>\n                <ErrorMessage\n                    {...defaultMessageProps}\n                    {...messageProps}\n                    ref={messageRef}\n                    role={hasNewErrors ? \"alert\" : \"presentation\"} // Unngå å repetere hele oppsummeringen etter hvert som feilene rettes\n                >\n                    <ul className=\"jkl-list\">\n                        {errors\n                            .filter((error) => typeof error !== \"undefined\")\n                            .map((error) => (\n                                <li className=\"jkl-list__item\" key={error}>\n                                    {error}\n                                </li>\n                            ))}\n                    </ul>\n                </ErrorMessage>\n            </div>\n        );\n    },\n);\n\nFormErrorMessage.displayName = \"FormErrorMessage\";\n"],"names":["defaultMessageProps","title","FormErrorMessage","forwardRef","props","forwardedRef","className","errors","isSubmitted","isValid","messageProps","rest","showSummary","messageRef","useAnimatedHeight","display","previousErrors","useRef","useEffect","current","hasNewErrors","length","jsx","ref","clsx","children","ErrorMessage","role","filter","error","map","displayName"],"mappings":"oWAiBMA,EAAsB,CACxBC,MAAO,8BAGEC,EAAmBC,EAAAA,YAC5B,CAACC,EAAOC,KACE,MAAEC,UAAAA,EAAWC,OAAAA,EAAQC,YAAAA,EAAaC,QAAAA,EAASC,aAAAA,KAAiBC,GAASP,EAErEQ,EAAcJ,IAAgBC,GAE7BI,GAAcC,EAAAA,kBAAkCF,EAAa,CAAEG,QAAS,SAEzEC,EAAiBC,SAAkCV,GACzDW,EAAAA,WAAU,KACNF,EAAeG,QAAUZ,IAC1B,CAACA,IACJ,MAAMa,EAAeb,EAAOc,OAASL,EAAeG,QAAQE,OAGxD,OAAAC,EAAAA,IAAC,MAAI,CAAAC,IAAKlB,EAAcC,UAAWkB,OAAK,yBAA0BlB,MAAgBK,EAC9Ec,SAAAH,EAAAA,IAACI,EAAAA,aAAA,IACO1B,KACAU,EACJa,IAAKV,EACLc,KAAMP,EAAe,QAAU,eAE/BK,SAAAH,EAAAA,IAAC,MAAGhB,UAAU,WACTmB,WACIG,QAAQC,UAAiBA,EAAU,MACnCC,KAAKD,GACDP,EAAAA,IAAA,KAAA,CAAGhB,UAAU,iBACTmB,SAAAI,GAD+BA,UAMxD,IAKZ3B,EAAiB6B,YAAc"}

package/build/cjs/components/message/Message.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),n=require("react");require("../../hooks/useScreen/useScreen.js");const i=require("../../hooks/useId/useId.js");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js");const o=require("../icon/icons/ErrorIcon.js");require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js");const r=require("../icon/icons/InfoIcon.js");require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js");const c=require("../icon/icons/SuccessIcon.js"),a=require("../icon/icons/WarningIcon.js");require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const u=require("./DismissButton.js"),t=e=>{switch(e){case"error":return s.jsx(o.ErrorIcon,{className:"jkl-message__icon"});case"info":return s.jsx(r.InfoIcon,{className:"jkl-message__icon"});case"success":return s.jsx(c.SuccessIcon,{className:"jkl-message__icon"});case"warning":return s.jsx(a.WarningIcon,{className:"jkl-message__icon"});default:return null}};function l(o){const r=n.forwardRef(((r,c)=>{const{id:a,title:l,fullWidth:j,density:m,className:d="",dismissed:I,dismissAction:q,children:g,role:h,...k}=r,f=i.useId(a||"jkl-message",{generateSuffix:!a}),p=n.Children.map(g,(s=>"string"==typeof s)),x=null!=p&&p[0]?s.jsx("p",{children:g}):g;return s.jsxs("div",{...k,id:a,ref:c,className:e.clsx("jkl-message","jkl-message--"+o,d,{"jkl-message--full":j,"jkl-message--dismissed":I}),role:h,"data-density":m,children:[t(o),s.jsxs("div",{className:"jkl-message__content","data-theme":"light",children:[l&&s.jsx("p",{className:"jkl-message__title",children:l}),s.jsx("div",{className:"jkl-message__message",children:x})]}),(null==q?void 0:q.handleDismiss)&&s.jsx(u.DismissButton,{"aria-controls":f,className:"jkl-message__dismiss-button",label:q.buttonTitle||"Lukk",onClick:q.handleDismiss})]})}));return r.displayName="Message",r}const j=l("info");j.displayName="InfoMessage";const m=l("error");m.displayName="ErrorMessage";const d=l("warning");d.displayName="WarningMessage";const I=l("success");I.displayName="SuccessMessage",exports.ErrorMessage=m,exports.InfoMessage=j,exports.SuccessMessage=I,exports.WarningMessage=d;
+//# sourceMappingURL=Message.js.map

package/build/cjs/components/message/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../../../src/components/message/Message.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { AriaRole, forwardRef } from \"react\";\nimport { Density, WithChildren } from \"../..\";\nimport { useId } from \"../../hooks\";\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from \"../icon\";\nimport { DismissButton } from \"./DismissButton\";\n\nexport interface MessageProps extends WithChildren {\n    id?: string;\n    title?: string;\n    fullWidth?: boolean;\n    density?: Density;\n    className?: string;\n    dismissed?: boolean;\n    dismissAction?: {\n        handleDismiss: () => void;\n        buttonTitle?: string;\n    };\n    role?: AriaRole;\n}\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\nconst getIcon = (messageType: messageTypes) => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-message__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-message__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-message__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-message__icon\" />;\n        default:\n            return null;\n    }\n};\n\nfunction messageFactory(messageType: messageTypes) {\n    const Message = forwardRef<HTMLDivElement, MessageProps>((props, ref) => {\n        const {\n            id,\n            title,\n            fullWidth,\n            density,\n            className = \"\",\n            dismissed,\n            dismissAction,\n            children,\n            role,\n            ...rest\n        } = props;\n\n        const boxId = useId(id || \"jkl-message\", { generateSuffix: !id });\n\n        const hasStringChild = React.Children.map(children, (child) => typeof child === \"string\");\n        const newChildren = hasStringChild?.[0] ? <p>{children}</p> : children;\n\n        return (\n            <div\n                {...rest}\n                id={id}\n                ref={ref}\n                className={clsx(\"jkl-message\", \"jkl-message--\" + messageType, className, {\n                    \"jkl-message--full\": fullWidth,\n                    \"jkl-message--dismissed\": dismissed,\n                })}\n                role={role}\n                data-density={density}\n            >\n                {getIcon(messageType)}\n                <div className=\"jkl-message__content\" data-theme=\"light\">\n                    {title && <p className=\"jkl-message__title\">{title}</p>}\n                    <div className=\"jkl-message__message\">{newChildren}</div>\n                </div>\n                {dismissAction?.handleDismiss && (\n                    <DismissButton\n                        aria-controls={boxId}\n                        className=\"jkl-message__dismiss-button\"\n                        label={dismissAction.buttonTitle || \"Lukk\"}\n                        onClick={dismissAction.handleDismiss}\n                    />\n                )}\n            </div>\n        );\n    });\n\n    Message.displayName = \"Message\";\n\n    return Message;\n}\n\nexport const InfoMessage = messageFactory(\"info\");\nInfoMessage.displayName = \"InfoMessage\";\nexport const ErrorMessage = messageFactory(\"error\");\nErrorMessage.displayName = \"ErrorMessage\";\nexport const WarningMessage = messageFactory(\"warning\");\nWarningMessage.displayName = \"WarningMessage\";\nexport const SuccessMessage = messageFactory(\"success\");\nSuccessMessage.displayName = \"SuccessMessage\";\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","messageFactory","Message","forwardRef","props","ref","id","title","fullWidth","density","dismissed","dismissAction","children","role","rest","boxId","useId","generateSuffix","hasStringChild","React","Children","map","child","newChildren","jsxs","clsx","handleDismiss","DismissButton","label","buttonTitle","onClick","displayName","InfoMessage","ErrorMessage","WarningMessage","SuccessMessage"],"mappings":"wvDAuBMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,UAAU,sBAChC,IAAK,OACM,OAAAF,EAAAA,IAACG,EAASA,SAAA,CAAAD,UAAU,sBAC/B,IAAK,UACM,OAAAF,EAAAA,IAACI,EAAYA,YAAA,CAAAF,UAAU,sBAClC,IAAK,UACM,OAAAF,EAAAA,IAACK,EAAYA,YAAA,CAAAH,UAAU,sBAClC,QACW,OAAA,KACf,EAGJ,SAASI,EAAeP,GACpB,MAAMQ,EAAUC,EAAAA,YAAyC,CAACC,EAAOC,KACvD,MACFC,GAAAA,EACAC,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAZ,UAAAA,EAAY,GACZa,UAAAA,EACAC,cAAAA,EACAC,SAAAA,EACAC,KAAAA,KACGC,GACHV,EAEEW,EAAQC,QAAMV,GAAM,cAAe,CAAEW,gBAAiBX,IAEtDY,EAAiBC,EAAMC,SAASC,IAAIT,GAAWU,GAA2B,iBAAVA,IAChEC,EAAc,MAAAL,GAAAA,EAAiB,GAAMvB,EAAAA,IAAA,IAAA,CAAGiB,SAAAA,IAAgBA,EAG1D,OAAAY,EAAAA,KAAC,MAAA,IACOV,EACJR,GAAAA,EACAD,IAAAA,EACAR,UAAW4B,EAAAA,KAAK,cAAe,gBAAkB/B,EAAaG,EAAW,CACrE,oBAAqBW,EACrB,yBAA0BE,IAE9BG,KAAAA,EACA,eAAcJ,EAEbG,SAAA,CAAAnB,EAAQC,GACR8B,EAAAA,KAAA,MAAA,CAAI3B,UAAU,uBAAuB,aAAW,QAC5Ce,SAAA,CAAAL,GAAUZ,EAAAA,IAAA,IAAA,CAAEE,UAAU,qBAAsBe,SAAML,IAClDZ,EAAAA,IAAA,MAAA,CAAIE,UAAU,uBAAwBe,SAAYW,QAEtD,MAAAZ,OAAA,EAAAA,EAAee,gBACZ/B,EAAAA,IAACgC,EAAAA,cAAA,CACG,gBAAeZ,EACflB,UAAU,8BACV+B,MAAOjB,EAAckB,aAAe,OACpCC,QAASnB,EAAce,kBAC3B,IAMhB,OAAAxB,EAAQ6B,YAAc,UAEf7B,CACX,CAEa,MAAA8B,EAAc/B,EAAe,QAC1C+B,EAAYD,YAAc,cACb,MAAAE,EAAehC,EAAe,SAC3CgC,EAAaF,YAAc,eACd,MAAAG,EAAiBjC,EAAe,WAC7CiC,EAAeH,YAAc,iBAChB,MAAAI,EAAiBlC,EAAe,WAC7CkC,EAAeJ,YAAc"}

package/build/cjs/components/message/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Message.js"),s=require("./FormErrorMessage.js");exports.ErrorMessage=e.ErrorMessage,exports.InfoMessage=e.InfoMessage,exports.SuccessMessage=e.SuccessMessage,exports.WarningMessage=e.WarningMessage,exports.FormErrorMessage=s.FormErrorMessage;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/message/index.js.map

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

package/build/cjs/components/popover/Popover.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),r=require("./utils.js");const s=function(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}(o),l=s.createContext(null),a=()=>{const e=s.useContext(l);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},i=({children:n,...o})=>{const r=(({open:e,onOpenChange:n,placement:o="bottom-start",strategy:r="absolute",modal:l=!0,offset:a=4,hoverOptions:i,focusOptions:c,clickOptions:u,roleOptions:d,dismissOptions:p})=>{const[f,g]=s.useState(e),m=e??f,h=n??g,b=t.useFloating({open:m,onOpenChange:h,placement:o,strategy:r,middleware:[t.offset(a),t.flip({padding:5,fallbackPlacements:["bottom","top"]}),t.shift({padding:12})],whileElementsMounted:t.autoUpdate}),j=b.context,x=t.useClick(j,{enabled:!1,...u}),O=t.useHover(j,{enabled:!1,...i}),v=t.useFocus(j,{enabled:!1,...c}),y=t.useDismiss(j,p),k=t.useRole(j,d),C=t.useInteractions([x,y,v,O,k]);return s.useMemo((()=>({open:m,onOpenChange:h,modal:l,...C,...b})),[m,h,l,C,b])})({...o});return e.jsx(l.Provider,{value:r,children:n})},c=s.forwardRef((function({children:n,asChild:o=!1,...r},l){const{refs:i,getReferenceProps:c,open:u,onOpenChange:d}=a(),p=n.ref,f=t.useMergeRefs([i.setReference,l,p]);return o&&s.isValidElement(n)?s.cloneElement(n,c({ref:f,...r,...n.props})):e.jsx("button",{ref:f,onClick:()=>null==d?void 0:d(!u),"aria-expanded":u,...c(r),children:n})})),u=s.forwardRef((function({style:o,className:s,padding:l,...i},c){const{context:u,modal:d,refs:p,open:f,floatingStyles:g,getFloatingProps:m}=a(),h=t.useMergeRefs([p.setFloating,c]),{theme:b,density:j}=r.getThemeAndDensity(p.reference.current);return f?e.jsx(t.FloatingPortal,{children:e.jsx(t.FloatingFocusManager,{context:u,modal:d,children:e.jsx("div",{"data-theme":b,"data-layout-density":j,className:n.clsx("jkl jkl-popover",s),ref:h,style:{...o,...g,"--popover-padding":`var(--jkl-spacing-${l})`},...m(i),children:i.children})})}):null}));i.Trigger=c,i.Content=u,module.exports=i;
+//# sourceMappingURL=Popover.js.map

package/build/cjs/components/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n    useFloating,\n    useFocus,\n    useHover,\n    useClick,\n    useDismiss,\n    autoUpdate,\n    useRole,\n    useMergeRefs,\n    offset,\n    flip,\n    shift,\n    useInteractions,\n    FloatingPortal,\n    FloatingFocusManager,\n    UseFloatingOptions,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"./utils\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n    /**\n     * Angir om popoveren er åpen eller lukket.\n     * @see https://floating-ui.com/docs/useFloating#open\n     */\n    open?: boolean;\n    /**\n     * Callback som trigges når popoveren åpnes eller lukkes.\n     * @see https://floating-ui.com/docs/useFloating#onOpenChange\n     */\n    onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n    /**\n     * Bestemmer plasseringen av popoveren.\n     * @default \"bottom-start\"\n     * @see https://floating-ui.com/docs/useFloating#placement\n     */\n    placement?: UseFloatingOptions[\"placement\"];\n    /**\n     * Definerer strategien for posisjonering av popoveren.\n     * @default \"absolute\"\n     * @see https://floating-ui.com/docs/useFloating#strategy\n     */\n    strategy?: UseFloatingOptions[\"strategy\"];\n    /**\n     * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n     * og innhold utenfor ikke kan interageres med.\n     * @default true\n     * @see https://floating-ui.com/docs/useFloating#modal\n     */\n    modal?: boolean;\n    /**\n     * Offset til det flytende elementet.\n     * @see https://floating-ui.com/docs/offset\n     * @default 4\n     * */\n    /**\n     * Justerer avstanden mellom referanse-elementet og popoveren.\n     * @see https://floating-ui.com/docs/offset\n     * @default 4\n     */\n    offset?: number;\n    /**\n     * Options for hover-interaksjoner.\n     * @see https://floating-ui.com/docs/useHover\n     * @default { enabled: false }\n     */\n    hoverOptions?: HoverOptions;\n    /**\n     * Options for fokus-interaksjoner.\n     * @see https://floating-ui.com/docs/useFocus\n     * @default { enabled: false }\n     */\n    focusOptions?: FocusOptions;\n    /**\n     * Options for klikk-interaksjoner.\n     * @see https://floating-ui.com/docs/useClick\n     * @default { enabled: false }\n     */\n    clickOptions?: ClickOptions;\n    /**\n     * Konfigurerer rollen for popoveren.\n     * @see https://floating-ui.com/docs/useRole\n     * @default { enabled: true, role: \"dialog\" }\n     */\n    roleOptions?: RoleOptions;\n    /**\n     * Options for å lukke popoveren når en dismissal skjer,\n     * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n     * @see https://floating-ui.com/docs/useDismiss\n     * @default { enabled: true }\n     */\n    dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n    open: _open,\n    onOpenChange: _onOpenChange,\n    placement = \"bottom-start\",\n    strategy = \"absolute\",\n    modal = true,\n    offset: _offset = 4,\n    hoverOptions,\n    focusOptions,\n    clickOptions,\n    roleOptions,\n    dismissOptions,\n}: PopoverOptions) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n    const open = _open ?? uncontrolledOpen;\n    const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n    const data = useFloating({\n        open,\n        onOpenChange,\n        placement,\n        strategy,\n        middleware: [\n            offset(_offset),\n            flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n            shift({ padding: 12 }),\n        ],\n        whileElementsMounted: autoUpdate,\n    });\n\n    const context = data.context;\n\n    const click = useClick(context, {\n        enabled: false,\n        ...clickOptions,\n    });\n    const hover = useHover(context, { enabled: false, ...hoverOptions });\n    const focus = useFocus(context, { enabled: false, ...focusOptions });\n    const dismiss = useDismiss(context, dismissOptions);\n    const role = useRole(context, roleOptions);\n\n    const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n    return React.useMemo(\n        () => ({\n            open,\n            onOpenChange,\n            modal,\n            ...interactions,\n            ...data,\n        }),\n        [open, onOpenChange, modal, interactions, data],\n    );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n    const context = React.useContext(PopoverContext);\n\n    if (context == null) {\n        throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n    }\n\n    return context;\n};\n\nconst Popover = ({\n    children,\n    ...restOptions\n}: {\n    children: React.ReactNode;\n} & PopoverOptions) => {\n    const popover = usePopover({ ...restOptions });\n    return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n    children: React.ReactNode;\n    /**\n     * Rendrer komponenten som child-elementet sitt, og slår\n     * sammen egenskaper og props.\n     * @example\n     * ```tsx\n     * <Component asChild foo=\"bar\">\n     *    <Child baz=\"qux\" />\n     * </Component>\n     *\n     * // Rendrer følgende:\n     * <Child foo=\"bar\" baz=\"qux\" />\n     * ```\n     *\n     * @default false\n     */\n    asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n    function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n        const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n        const childrenRef = (children as any).ref;\n        const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n        if (asChild && React.isValidElement(children)) {\n            return React.cloneElement(\n                children,\n                getReferenceProps({\n                    ref,\n                    ...props,\n                    ...children.props,\n                }),\n            );\n        }\n\n        return (\n            <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n                {children}\n            </button>\n        );\n    },\n);\n\ninterface PopoverContentProps {\n    /**\n     * Padding rundt innholdet i popoveren.\n     * @default 0\n     */\n    padding?: 0 | 8 | 16 | 24;\n}\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n    function PopoverContent({ style, className, padding, ...props }, propRef) {\n        const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n        const ref = useMergeRefs([refs.setFloating, propRef]);\n\n        const { theme, density } = getThemeAndDensity(refs.reference.current as HTMLElement);\n\n        if (!open) return null;\n\n        return (\n            <FloatingPortal>\n                <FloatingFocusManager context={context} modal={modal}>\n                    <div\n                        data-theme={theme}\n                        data-layout-density={density}\n                        className={clsx(\"jkl jkl-popover\", className)}\n                        ref={ref}\n                        style={\n                            {\n                                ...style,\n                                ...floatingStyles,\n                                \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n                            } as React.CSSProperties\n                        }\n                        {...getFloatingProps(props)}\n                    >\n                        {props.children}\n                    </div>\n                </FloatingFocusManager>\n            </FloatingPortal>\n        );\n    },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","refs","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","floatingStyles","getFloatingProps","setFloating","theme","density","getThemeAndDensity","reference","current","FloatingPortal","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"0bA+JMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChB,MAAAC,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGb,OAAAF,GAGLG,EAAU,EACZC,SAAAA,KACGC,MAIH,MAAMC,EA5ES,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuBzB,EAAM0B,SAASf,GAEzDD,EAAOC,GAASa,EAChBZ,EAAeC,GAAiBY,EAEhCE,EAAOC,EAAAA,YAAY,CACrBlB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAc,WAAY,CACRZ,EAAAA,OAAOC,GACPY,EAAAA,KAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,QAAM,CAAEF,QAAS,MAErBG,qBAAsBC,EAAAA,aAGpBhC,EAAUwB,EAAKxB,QAEfiC,EAAQC,WAASlC,EAAS,CAC5BmC,SAAS,KACNjB,IAEDkB,EAAQC,WAASrC,EAAS,CAAEmC,SAAS,KAAUnB,IAC/CsB,EAAQC,WAASvC,EAAS,CAAEmC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAAA,WAAWzC,EAASoB,GAC9BsB,EAAOC,EAAAA,QAAQ3C,EAASmB,GAExByB,EAAeC,kBAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE,OAAO7C,EAAMiD,SACT,KAAO,CACHvC,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACG+B,KACApB,KAEP,CAACjB,EAAME,EAAcI,EAAO+B,EAAcpB,GAAI,EAwBlCuB,CAAW,IAAK1C,IAChC,aAAQT,EAAeoD,SAAf,CAAwBC,MAAO3C,EAAUF,SAAAA,GAAS,EAuBxD8C,EAAiBrD,EAAMsD,YACzB,UAA0B/C,SAAAA,EAAUgD,QAAAA,GAAU,KAAUC,GAASC,GAC7D,MAAQC,KAAAA,EAAMC,kBAAAA,EAAmBjD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD0D,EAAerD,EAAiBsD,IAChCA,EAAMC,EAAAA,aAAa,CAACJ,EAAKK,aAAcN,EAASG,IAEtD,OAAIL,GAAWvD,EAAMgE,eAAezD,GACzBP,EAAMiE,aACT1D,EACAoD,EAAkB,CACdE,IAAAA,KACGL,KACAjD,EAASiD,SAMnBU,EAAAA,IAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAAvD,OAAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUiD,EAAkBH,GAC9FjD,SAAAA,GAGb,IAWE6D,EAAiBpE,EAAMsD,YACzB,UAA0Be,MAAAA,EAAOC,UAAAA,EAAWvC,QAAAA,KAAYyB,GAASC,GACvD,MAAEtD,QAAAA,EAASa,MAAAA,EAAO0C,KAAAA,EAAMhD,KAAAA,EAAM6D,eAAAA,EAAgBC,iBAAAA,GAAqBtE,IACnE2D,EAAMC,EAAAA,aAAa,CAACJ,EAAKe,YAAahB,KAEpCiB,MAAAA,EAAOC,QAAAA,GAAYC,EAAmBA,mBAAAlB,EAAKmB,UAAUC,SAEzD,OAACpE,EAGAwD,EAAAA,IAAAa,iBAAA,CACGxE,SAAC2D,EAAAA,IAAAc,EAAAA,qBAAA,CAAqB7E,QAAAA,EAAkBa,MAAAA,EACpCT,SAAA2D,EAAAA,IAAC,MAAA,CACG,aAAYQ,EACZ,sBAAqBC,EACrBL,UAAWW,EAAAA,KAAK,kBAAmBX,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAE,EACH,oBAAqB,qBAAqBxC,SAG9CyC,EAAiBhB,GAEpBjD,SAAMiD,EAAAjD,eAnBL,IAwBtB,IAGJD,EAAQ4E,QAAU7B,EAClB/C,EAAQ6E,QAAUf"}

package/build/cjs/components/popover/index.js

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

package/build/cjs/components/popover/index.js.map

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

package/build/cjs/components/popover/utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getThemeAndDensity=e=>{if(!e)return{};const t=getComputedStyle(e);return{theme:parseInt(t.getPropertyValue("--jkl-background-color").replace("#",""),16)<8388607.5?"dark":"light",density:'"compact"'===t.getPropertyValue("--jkl-density")?"compact":"comfortable"}};
+//# sourceMappingURL=utils.js.map

package/build/cjs/components/popover/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/popover/utils.ts"],"sourcesContent":["export const getThemeAndDensity = (element: HTMLElement | null): { theme?: string; density?: string } => {\n    if (!element) return {};\n\n    const computedStyles = getComputedStyle(element);\n\n    const theme =\n        parseInt(computedStyles.getPropertyValue(\"--jkl-background-color\").replace(\"#\", \"\"), 16) < 0xffffff / 2\n            ? \"dark\"\n            : \"light\";\n\n    const density = computedStyles.getPropertyValue(\"--jkl-density\") === '\"compact\"' ? \"compact\" : \"comfortable\";\n\n    return { theme, density };\n};\n"],"names":["element","computedStyles","getComputedStyle","theme","parseInt","getPropertyValue","replace","density"],"mappings":"2GAAmCA,IAC3B,IAACA,EAAS,MAAO,GAEf,MAAAC,EAAiBC,iBAAiBF,GASjC,MAAA,CAAEG,MANLC,SAASH,EAAeI,iBAAiB,0BAA0BC,QAAQ,IAAK,IAAK,IAAM,UACrF,OACA,QAIMC,QAFqD,cAArDN,EAAeI,iBAAiB,iBAAmC,UAAY"}

package/build/cjs/components/select/NativeSelect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-DSmX3GZo.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),exports.NativeSelect=e.NativeSelect;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../feedback/feedbackContext.js"),require("../message/Message.js"),require("../message/FormErrorMessage.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../feedback/followup/followupContext.js"),require("../feedback/main-question/mainQuestionContext.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),require("../icon-button/IconButton.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../popover/Popover.js");const e=require("../../../NativeSelect-CNcZmpDZ.cjs");require("../tag/Tag.js"),exports.NativeSelect=e.NativeSelect;
 //# sourceMappingURL=NativeSelect.js.map

package/build/cjs/components/select/Select.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-DSmX3GZo.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),require("./select-utils.js"),exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../feedback/feedbackContext.js"),require("../message/Message.js"),require("../message/FormErrorMessage.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../feedback/followup/followupContext.js"),require("../feedback/main-question/mainQuestionContext.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),require("../icon-button/IconButton.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../popover/Popover.js");const e=require("../../../NativeSelect-CNcZmpDZ.cjs");require("../tag/Tag.js"),require("./select-utils.js"),exports.Select=e.Select;
 //# sourceMappingURL=Select.js.map

package/build/cjs/components/select/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../NativeSelect-DSmX3GZo.cjs");exports.NativeSelect=e.NativeSelect,exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../NativeSelect-CNcZmpDZ.cjs");exports.NativeSelect=e.NativeSelect,exports.Select=e.Select;
 //# sourceMappingURL=index.js.map

package/build/cjs/components/text-input/BaseTextInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("classnames"),n=require("react"),i=require("../icon-button/IconButton.js");function a(t,e){return t?{width:t}:e?{width:`calc(${Math.min(e,40)}ch + 24px)`}:void 0}const s=n.forwardRef(((n,s)=>{const{action:l,align:r="left","aria-invalid":u,className:o="",density:c,maxLength:p,style:d,type:x="text",unit:m,width:h,...j}=n;return t.jsxs("div",{className:"jkl-text-input-wrapper","data-invalid":u,style:{...d,...a(h,p)},children:[t.jsx("input",{"aria-invalid":u,ref:s,className:e("jkl-text-input__input",o,{"jkl-text-input__input--align-right":"right"===r}),maxLength:p,type:x,...j}),m&&t.jsx("span",{className:"jkl-text-input__unit",children:m}),l&&t.jsx(i.IconButton,{density:c,className:e("jkl-text-input-action-button",l.className),title:l.label,onClick:l.onClick,onFocus:l.onFocus,onBlur:l.onBlur,ref:l.buttonRef,type:l.type||"button",children:l.icon})]})}));s.displayName="BaseInputField",exports.BaseTextInput=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),i=require("../icon-button/IconButton.js");function a(t,e){return t?{width:t}:e?{width:`calc(${Math.min(e,40)}ch + 24px)`}:void 0}const s=n.forwardRef(((n,s)=>{const{action:l,align:r="left","aria-invalid":c,className:u="",density:o,maxLength:p,style:x,type:d="text",unit:j,width:h,...m}=n;return t.jsxs("div",{className:"jkl-text-input-wrapper","data-invalid":c,style:{...x,...a(h,p)},children:[t.jsx("input",{"aria-invalid":c,ref:s,className:e.clsx("jkl-text-input__input",u,{"jkl-text-input__input--align-right":"right"===r}),maxLength:p,type:d,...m}),j&&t.jsx("span",{className:"jkl-text-input__unit",children:j}),l&&t.jsx(i.IconButton,{density:o,className:e.clsx("jkl-text-input-action-button",l.className),title:l.label,onClick:l.onClick,onFocus:l.onFocus,onBlur:l.onBlur,ref:l.buttonRef,type:l.type||"button",children:l.icon})]})}));s.displayName="BaseInputField",exports.BaseTextInput=s;
 //# sourceMappingURL=BaseTextInput.js.map

package/build/cjs/components/text-input/BaseTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTextInput.js","sources":["../../../../src/components/text-input/BaseTextInput.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, {\n    type CSSProperties,\n    forwardRef,\n    type MouseEventHandler,\n    type ReactNode,\n    InputHTMLAttributes,\n    HTMLProps,\n} from \"react\";\nimport { Density } from \"../../core\";\nimport { IconProps } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nfunction getWidthAsStyle(width?: string, maxLength?: number): CSSProperties | undefined {\n    if (width) {\n        return { width }; // prioritize width prop\n    }\n\n    if (maxLength) {\n        // adapt to maxLength, but capped at 40ch\n        const length = `${Math.min(maxLength, 40)}ch`;\n        const padding = \"24px\"; // left + right padding\n        return { width: `calc(${length} + ${padding})` };\n    }\n\n    return undefined;\n}\n\ninterface ActionBaseProps extends Exclude<HTMLProps<HTMLButtonElement>, \"disabled\"> {\n    icon: React.ReactElement<IconProps>;\n    label: string;\n    buttonRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport interface ActionButton extends ActionBaseProps {\n    type?: \"button\" | \"reset\";\n    onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ActionSubmit extends ActionBaseProps {\n    type: \"submit\";\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport type Action = ActionButton | ActionSubmit;\n\nexport interface BaseTextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n    /**\n     * Brukes til inputfelter hvor det brukes maskering, for formatering av store tall. Brukes typisk bare til valuta.\n     * @default \"left\"\n     */\n    align?: \"left\" | \"right\";\n    action?: Action;\n    density?: Density;\n    /**\n     * Benevnelse for feltet. Unngå å bruke både benevnelse og handling samtidig\n     * @example \"kr\"\n     * */\n    unit?: ReactNode;\n    width?: string;\n}\n\nexport const BaseTextInput = forwardRef<HTMLInputElement, BaseTextInputProps>((props, ref) => {\n    const {\n        action,\n        align = \"left\",\n        \"aria-invalid\": ariaInvalid,\n        className = \"\",\n        density,\n        maxLength,\n        style,\n        type = \"text\",\n        unit,\n        width,\n        ...rest\n    } = props;\n\n    return (\n        <div\n            className=\"jkl-text-input-wrapper\"\n            data-invalid={ariaInvalid}\n            style={{ ...style, ...getWidthAsStyle(width, maxLength) }}\n        >\n            <input\n                aria-invalid={ariaInvalid}\n                ref={ref}\n                className={cn(\"jkl-text-input__input\", className, {\n                    \"jkl-text-input__input--align-right\": align === \"right\",\n                })}\n                maxLength={maxLength}\n                type={type}\n                {...rest}\n            />\n            {unit && <span className=\"jkl-text-input__unit\">{unit}</span>}\n            {action && (\n                <IconButton\n                    density={density}\n                    className={cn(\"jkl-text-input-action-button\", action.className)}\n                    title={action.label}\n                    onClick={action.onClick}\n                    onFocus={action.onFocus}\n                    onBlur={action.onBlur}\n                    ref={action.buttonRef}\n                    type={action.type || \"button\"}\n                >\n                    {action.icon}\n                </IconButton>\n            )}\n        </div>\n    );\n});\n\nBaseTextInput.displayName = \"BaseInputField\";\n"],"names":["getWidthAsStyle","width","maxLength","Math","min","BaseTextInput","forwardRef","props","ref","action","align","ariaInvalid","className","density","style","type","unit","rest","jsxs","children","jsx","cn","IconButton","title","label","onClick","onFocus","onBlur","buttonRef","icon","displayName"],"mappings":"0MAaA,SAASA,EAAgBC,EAAgBC,GACrC,OAAID,EACO,CAAEA,MAAAA,GAGTC,EAIO,CAAED,MAAO,QAFEE,KAAKC,IAAIF,EAAW,sBAF1C,CAQJ,CAoCO,MAAMG,EAAgBC,EAAAA,YAAiD,CAACC,EAAOC,KAC5E,MACFC,OAAAA,EACAC,MAAAA,EAAQ,OACR,eAAgBC,EAChBC,UAAAA,EAAY,GACZC,QAAAA,EACAX,UAAAA,EACAY,MAAAA,EACAC,KAAAA,EAAO,OACPC,KAAAA,EACAf,MAAAA,KACGgB,GACHV,EAGA,OAAAW,EAAAA,KAAC,MAAA,CACGN,UAAU,yBACV,eAAcD,EACdG,MAAO,IAAKA,KAAUd,EAAgBC,EAAOC,IAE7CiB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACG,eAAcT,EACdH,IAAAA,EACAI,UAAWS,EAAG,wBAAyBT,EAAW,CAC9C,qCAAgD,UAAVF,IAE1CR,UAAAA,EACAa,KAAAA,KACIE,IAEPD,GAAQI,EAAAA,IAAC,OAAK,CAAAR,UAAU,uBAAwBO,SAAKH,IACrDP,GACGW,EAAAA,IAACE,EAAAA,WAAA,CACGT,QAAAA,EACAD,UAAWS,EAAG,+BAAgCZ,EAAOG,WACrDW,MAAOd,EAAOe,MACdC,QAAShB,EAAOgB,QAChBC,QAASjB,EAAOiB,QAChBC,OAAQlB,EAAOkB,OACfnB,IAAKC,EAAOmB,UACZb,KAAMN,EAAOM,MAAQ,SAEpBI,SAAOV,EAAAoB,SACZ,IAMhBxB,EAAcyB,YAAc"}
+{"version":3,"file":"BaseTextInput.js","sources":["../../../../src/components/text-input/BaseTextInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    type CSSProperties,\n    forwardRef,\n    type MouseEventHandler,\n    type ReactNode,\n    InputHTMLAttributes,\n    HTMLProps,\n} from \"react\";\nimport { Density } from \"../../core\";\nimport { IconProps } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nfunction getWidthAsStyle(width?: string, maxLength?: number): CSSProperties | undefined {\n    if (width) {\n        return { width }; // prioritize width prop\n    }\n\n    if (maxLength) {\n        // adapt to maxLength, but capped at 40ch\n        const length = `${Math.min(maxLength, 40)}ch`;\n        const padding = \"24px\"; // left + right padding\n        return { width: `calc(${length} + ${padding})` };\n    }\n\n    return undefined;\n}\n\ninterface ActionBaseProps extends Exclude<HTMLProps<HTMLButtonElement>, \"disabled\"> {\n    icon: React.ReactElement<IconProps>;\n    label: string;\n    buttonRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport interface ActionButton extends ActionBaseProps {\n    type?: \"button\" | \"reset\";\n    onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ActionSubmit extends ActionBaseProps {\n    type: \"submit\";\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport type Action = ActionButton | ActionSubmit;\n\nexport interface BaseTextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n    /**\n     * Brukes til inputfelter hvor det brukes maskering, for formatering av store tall. Brukes typisk bare til valuta.\n     * @default \"left\"\n     */\n    align?: \"left\" | \"right\";\n    action?: Action;\n    density?: Density;\n    /**\n     * Benevnelse for feltet. Unngå å bruke både benevnelse og handling samtidig\n     * @example \"kr\"\n     * */\n    unit?: ReactNode;\n    width?: string;\n}\n\nexport const BaseTextInput = forwardRef<HTMLInputElement, BaseTextInputProps>((props, ref) => {\n    const {\n        action,\n        align = \"left\",\n        \"aria-invalid\": ariaInvalid,\n        className = \"\",\n        density,\n        maxLength,\n        style,\n        type = \"text\",\n        unit,\n        width,\n        ...rest\n    } = props;\n\n    return (\n        <div\n            className=\"jkl-text-input-wrapper\"\n            data-invalid={ariaInvalid}\n            style={{ ...style, ...getWidthAsStyle(width, maxLength) }}\n        >\n            <input\n                aria-invalid={ariaInvalid}\n                ref={ref}\n                className={clsx(\"jkl-text-input__input\", className, {\n                    \"jkl-text-input__input--align-right\": align === \"right\",\n                })}\n                maxLength={maxLength}\n                type={type}\n                {...rest}\n            />\n            {unit && <span className=\"jkl-text-input__unit\">{unit}</span>}\n            {action && (\n                <IconButton\n                    density={density}\n                    className={clsx(\"jkl-text-input-action-button\", action.className)}\n                    title={action.label}\n                    onClick={action.onClick}\n                    onFocus={action.onFocus}\n                    onBlur={action.onBlur}\n                    ref={action.buttonRef}\n                    type={action.type || \"button\"}\n                >\n                    {action.icon}\n                </IconButton>\n            )}\n        </div>\n    );\n});\n\nBaseTextInput.displayName = \"BaseInputField\";\n"],"names":["getWidthAsStyle","width","maxLength","Math","min","BaseTextInput","forwardRef","props","ref","action","align","ariaInvalid","className","density","style","type","unit","rest","jsxs","children","jsx","clsx","IconButton","title","label","onClick","onFocus","onBlur","buttonRef","icon","displayName"],"mappings":"0NAaA,SAASA,EAAgBC,EAAgBC,GACrC,OAAID,EACO,CAAEA,MAAAA,GAGTC,EAIO,CAAED,MAAO,QAFEE,KAAKC,IAAIF,EAAW,sBAF1C,CAQJ,CAoCO,MAAMG,EAAgBC,EAAAA,YAAiD,CAACC,EAAOC,KAC5E,MACFC,OAAAA,EACAC,MAAAA,EAAQ,OACR,eAAgBC,EAChBC,UAAAA,EAAY,GACZC,QAAAA,EACAX,UAAAA,EACAY,MAAAA,EACAC,KAAAA,EAAO,OACPC,KAAAA,EACAf,MAAAA,KACGgB,GACHV,EAGA,OAAAW,EAAAA,KAAC,MAAA,CACGN,UAAU,yBACV,eAAcD,EACdG,MAAO,IAAKA,KAAUd,EAAgBC,EAAOC,IAE7CiB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACG,eAAcT,EACdH,IAAAA,EACAI,UAAWS,EAAAA,KAAK,wBAAyBT,EAAW,CAChD,qCAAgD,UAAVF,IAE1CR,UAAAA,EACAa,KAAAA,KACIE,IAEPD,GAAQI,EAAAA,IAAC,OAAK,CAAAR,UAAU,uBAAwBO,SAAKH,IACrDP,GACGW,EAAAA,IAACE,EAAAA,WAAA,CACGT,QAAAA,EACAD,UAAWS,EAAAA,KAAK,+BAAgCZ,EAAOG,WACvDW,MAAOd,EAAOe,MACdC,QAAShB,EAAOgB,QAChBC,QAASjB,EAAOiB,QAChBC,OAAQlB,EAAOkB,OACfnB,IAAKC,EAAOmB,UACZb,KAAMN,EAAOM,MAAQ,SAEpBI,SAAOV,EAAAoB,SACZ,IAMhBxB,EAAcyB,YAAc"}

package/build/cjs/components/text-input/TextArea.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("classnames"),r=require("react");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const n=require("../input-group/InputGroup.js"),i=require("./BaseTextArea.js"),s=r.forwardRef(((r,s)=>{const{autoExpand:c,className:t,counter:u,density:a,errorLabel:j,helpLabel:q,inline:l,label:p,labelProps:I,startOpen:d,supportLabelProps:h,tooltipProps:m,...x}=r,b={label:p,density:a,errorLabel:j,helpLabel:q,labelProps:I,inline:l,supportLabelProps:h,tooltipProps:m},A={autoExpand:c,counter:u,startOpen:d};return e.jsx(n.InputGroup,{className:o("jkl-text-area",t,{"jkl-text-area--start-open":d,"jkl-text-area--auto-expand":c}),"data-testid":"jkl-text-area",...b,children:e.jsx(i.BaseTextArea,{ref:s,...x,...A})})}));s.displayName="TextArea",exports.TextArea=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs"),r=require("react");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const n=require("../input-group/InputGroup.js"),i=require("./BaseTextArea.js"),s=r.forwardRef(((r,s)=>{const{autoExpand:c,className:t,counter:u,density:a,errorLabel:j,helpLabel:l,inline:q,label:p,labelProps:I,startOpen:d,supportLabelProps:h,tooltipProps:x,...b}=r,m={label:p,density:a,errorLabel:j,helpLabel:l,labelProps:I,inline:q,supportLabelProps:h,tooltipProps:x},A={autoExpand:c,counter:u,startOpen:d};return e.jsx(n.InputGroup,{className:o.clsx("jkl-text-area",t,{"jkl-text-area--start-open":d,"jkl-text-area--auto-expand":c}),"data-testid":"jkl-text-area",...m,children:e.jsx(i.BaseTextArea,{ref:s,...b,...A})})}));s.displayName="TextArea",exports.TextArea=s;
 //# sourceMappingURL=TextArea.js.map

package/build/cjs/components/text-input/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/text-input/TextArea.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { InputGroup, InputGroupProps } from \"../input-group\";\nimport { BaseTextArea, BaseTextAreaProps } from \"./BaseTextArea\";\n\nexport interface TextAreaProps extends Omit<InputGroupProps, \"children\">, BaseTextAreaProps {}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) => {\n    const {\n        autoExpand,\n        className,\n        counter,\n        density,\n        errorLabel,\n        helpLabel,\n        inline,\n        label,\n        labelProps,\n        startOpen,\n        supportLabelProps,\n        tooltipProps,\n        ...rest\n    } = props;\n    const inputGroupProps = {\n        label,\n        density,\n        errorLabel,\n        helpLabel,\n        labelProps,\n        inline,\n        supportLabelProps,\n        tooltipProps,\n    };\n    const textAreaProps = { autoExpand, counter, startOpen };\n    return (\n        <InputGroup\n            className={cn(\"jkl-text-area\", className, {\n                \"jkl-text-area--start-open\": startOpen,\n                \"jkl-text-area--auto-expand\": autoExpand,\n            })}\n            data-testid=\"jkl-text-area\"\n            {...inputGroupProps}\n        >\n            <BaseTextArea ref={ref} {...rest} {...textAreaProps} />\n        </InputGroup>\n    );\n});\nTextArea.displayName = \"TextArea\";\n"],"names":["TextArea","forwardRef","props","ref","autoExpand","className","counter","density","errorLabel","helpLabel","inline","label","labelProps","startOpen","supportLabelProps","tooltipProps","rest","inputGroupProps","textAreaProps","jsx","InputGroup","cn","children","BaseTextArea","displayName"],"mappings":"g2DAOaA,EAAWC,EAAAA,YAA+C,CAACC,EAAOC,KACrE,MACFC,WAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,aAAAA,KACGC,GACHd,EACEe,EAAkB,CACpBN,MAAAA,EACAJ,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAG,WAAAA,EACAF,OAAAA,EACAI,kBAAAA,EACAC,aAAAA,GAEEG,EAAgB,CAAEd,WAAAA,EAAYE,QAAAA,EAASO,UAAAA,GAEzC,OAAAM,EAAAA,IAACC,EAAAA,WAAA,CACGf,UAAWgB,EAAG,gBAAiBhB,EAAW,CACtC,4BAA6BQ,EAC7B,6BAA8BT,IAElC,cAAY,mBACRa,EAEJK,eAACC,eAAa,CAAApB,IAAAA,KAAca,KAAUE,KAAe,IAIjElB,EAASwB,YAAc"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/text-input/TextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { InputGroup, InputGroupProps } from \"../input-group\";\nimport { BaseTextArea, BaseTextAreaProps } from \"./BaseTextArea\";\n\nexport interface TextAreaProps extends Omit<InputGroupProps, \"children\">, BaseTextAreaProps {}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) => {\n    const {\n        autoExpand,\n        className,\n        counter,\n        density,\n        errorLabel,\n        helpLabel,\n        inline,\n        label,\n        labelProps,\n        startOpen,\n        supportLabelProps,\n        tooltipProps,\n        ...rest\n    } = props;\n    const inputGroupProps = {\n        label,\n        density,\n        errorLabel,\n        helpLabel,\n        labelProps,\n        inline,\n        supportLabelProps,\n        tooltipProps,\n    };\n    const textAreaProps = { autoExpand, counter, startOpen };\n    return (\n        <InputGroup\n            className={clsx(\"jkl-text-area\", className, {\n                \"jkl-text-area--start-open\": startOpen,\n                \"jkl-text-area--auto-expand\": autoExpand,\n            })}\n            data-testid=\"jkl-text-area\"\n            {...inputGroupProps}\n        >\n            <BaseTextArea ref={ref} {...rest} {...textAreaProps} />\n        </InputGroup>\n    );\n});\nTextArea.displayName = \"TextArea\";\n"],"names":["TextArea","forwardRef","props","ref","autoExpand","className","counter","density","errorLabel","helpLabel","inline","label","labelProps","startOpen","supportLabelProps","tooltipProps","rest","inputGroupProps","textAreaProps","jsx","InputGroup","clsx","children","BaseTextArea","displayName"],"mappings":"g3DAOaA,EAAWC,EAAAA,YAA+C,CAACC,EAAOC,KACrE,MACFC,WAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,aAAAA,KACGC,GACHd,EACEe,EAAkB,CACpBN,MAAAA,EACAJ,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAG,WAAAA,EACAF,OAAAA,EACAI,kBAAAA,EACAC,aAAAA,GAEEG,EAAgB,CAAEd,WAAAA,EAAYE,QAAAA,EAASO,UAAAA,GAEzC,OAAAM,EAAAA,IAACC,EAAAA,WAAA,CACGf,UAAWgB,EAAAA,KAAK,gBAAiBhB,EAAW,CACxC,4BAA6BQ,EAC7B,6BAA8BT,IAElC,cAAY,mBACRa,EAEJK,eAACC,eAAa,CAAApB,IAAAA,KAAca,KAAUE,KAAe,IAIjElB,EAASwB,YAAc"}

package/build/cjs/components/text-input/TextInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("classnames"),r=require("react");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../input-group/InputGroup.js"),n=require("./BaseTextInput.js"),s=r.forwardRef(((r,s)=>{const{label:c,className:u,density:t,errorLabel:a,helpLabel:j,inline:l,inputClassName:q,labelProps:p,supportLabelProps:I,tooltipProps:d,...m}=r,h={label:c,density:t,errorLabel:a,helpLabel:j,labelProps:p,inline:l,supportLabelProps:I,tooltipProps:d};return e.jsx(i.InputGroup,{...h,className:o(u,"jkl-text-input",{"jkl-text-input--inline":l}),"data-testid":"jkl-text-input",density:l?"compact":t,children:e.jsx(n.BaseTextInput,{ref:s,...m,className:q})})}));s.displayName="TextInput",exports.TextInput=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs"),r=require("react");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../input-group/InputGroup.js"),n=require("./BaseTextInput.js"),s=r.forwardRef(((r,s)=>{const{label:c,className:u,density:t,errorLabel:a,helpLabel:j,inline:l,inputClassName:q,labelProps:p,supportLabelProps:I,tooltipProps:d,...h}=r,m={label:c,density:t,errorLabel:a,helpLabel:j,labelProps:p,inline:l,supportLabelProps:I,tooltipProps:d};return e.jsx(i.InputGroup,{...m,className:o.clsx(u,"jkl-text-input",{"jkl-text-input--inline":l}),"data-testid":"jkl-text-input",density:l?"compact":t,children:e.jsx(n.BaseTextInput,{ref:s,...h,className:q})})}));s.displayName="TextInput",exports.TextInput=s;
 //# sourceMappingURL=TextInput.js.map