@fremtind/jokul 5.0.0-next.0 → 5.0.0-next.2

package/build/cjs/components/beta/description-list/DescriptionList.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs");require("react");const r=require("./DescriptionListItem.cjs"),s=({className:r,alignment:s="horizontal",showSeparators:i=!1,children:a,...c})=>e.jsx("dl",{...c,className:t.clsx("jkl-description-list--beta",r),"data-alignment":s,"data-separators":i,children:a});s.Item=r.DescriptionListItem,exports.DescriptionList=s;
+//# sourceMappingURL=DescriptionList.cjs.map

package/build/cjs/components/beta/description-list/DescriptionList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.cjs","sources":["../../../../../src/components/beta/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { DescriptionListItem } from \"./DescriptionListItem.jsx\";\nimport type { DescriptionListProps } from \"./types.js\";\n\n/**\n * @deprecated Bruk heller den stabile komponenten. All funksjonalitet fra Beta-komponenten er tilgjengelige der.\n */\nexport const DescriptionList = ({\n    className,\n    alignment = \"horizontal\",\n    showSeparators = false,\n    children,\n    ...rest\n}: DescriptionListProps): React.JSX.Element => {\n    return (\n        <dl\n            {...rest}\n            className={clsx(\"jkl-description-list--beta\", className)}\n            data-alignment={alignment}\n            data-separators={showSeparators}\n        >\n            {children}\n        </dl>\n    );\n};\n\nDescriptionList.Item = DescriptionListItem;\n"],"names":["DescriptionList","className","alignment","showSeparators","children","rest","jsx","clsx","Item","DescriptionListItem"],"mappings":"8NAQaA,EAAkB,EAC3BC,UAAAA,EACAC,UAAAA,EAAY,aACZC,eAAAA,GAAiB,EACjBC,SAAAA,KACGC,KAGCC,EAAAA,IAAC,KAAA,IACOD,EACJJ,UAAWM,EAAAA,KAAK,6BAA8BN,GAC9C,iBAAgBC,EAChB,kBAAiBC,EAEhBC,SAAAA,IAKbJ,EAAgBQ,KAAOC,EAAAA"}

package/build/cjs/components/beta/description-list/DescriptionListItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../clsx-E3yX_9sL.cjs");require("react");exports.DescriptionListItem=({title:t,value:r,supportText:i,className:l,...c})=>e.jsxs("div",{...c,className:s.clsx("jkl-description-list-item--beta",l),children:[e.jsx("dt",{className:"title",children:t}),e.jsx("dd",{className:"value",children:r}),i&&e.jsx("dd",{className:"support-text",children:i})]});
+//# sourceMappingURL=DescriptionListItem.cjs.map

package/build/cjs/components/beta/description-list/DescriptionListItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionListItem.cjs","sources":["../../../../../src/components/beta/description-list/DescriptionListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { DescriptionListItemProps } from \"./types.js\";\n\n/**\n * @deprecated Bruk heller den stabile komponenten for DescriptionList sammen med Terms og Details. All funksjonalitet fra Beta-komponenten er tilgjengelige der.\n */\nexport const DescriptionListItem: FC<DescriptionListItemProps> = ({\n    title,\n    value,\n    supportText,\n    className,\n    ...rest\n}) => {\n    return (\n        <div\n            {...rest}\n            className={clsx(\"jkl-description-list-item--beta\", className)}\n        >\n            <dt className=\"title\">{title}</dt>\n            <dd className=\"value\">{value}</dd>\n            {supportText && <dd className=\"support-text\">{supportText}</dd>}\n        </div>\n    );\n};\n"],"names":["title","value","supportText","className","rest","jsxs","clsx","children","jsx"],"mappings":"6MAOiE,EAC7DA,MAAAA,EACAC,MAAAA,EACAC,YAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,KAAC,MAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,kCAAmCH,GAEnDI,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAGL,UAAU,QAASI,SAAAP,IACvBQ,EAAAA,IAAC,KAAA,CAAGL,UAAU,QAASI,SAAAN,IACtBC,GAAeM,EAAAA,IAAC,KAAA,CAAGL,UAAU,eAAgBI,SAAAL"}

package/build/cjs/{components-beta → components/beta}/description-list/index.d.cts

@@ -1,3 +1,3 @@
-export { DescriptionList as BETA_DescriptionList } from './DescriptionList.cjs';
-export { DescriptionListItem as BETA_DescriptionListItem } from './DescriptionListItem.cjs';
+export { DescriptionList as BETA_DescriptionList } from './DescriptionList.jsx';
+export { DescriptionListItem as BETA_DescriptionListItem } from './DescriptionListItem.jsx';
 export type { DescriptionListProps as BETA_DescriptionListProps, DescriptionListItemProps as BETA_DescriptionListItemProps, } from './types.cjs';

package/build/cjs/components/beta/nav-link/NavLink.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../../clsx-E3yX_9sL.cjs"),r=require("react"),s=r.forwardRef(function(s,t){const{title:a,description:c,className:l,children:n,as:d="a",...o}=s,u=d,p=r.useId();return e.jsxs(u,{...o,ref:t,"aria-labelledby":`${p}-title`,"aria-describedby":`${p}-description`,className:i.clsx("jkl-navlink--beta",l),children:[e.jsx("p",{className:"title",id:`${p}-title`,children:a}),c&&e.jsx("p",{className:"description",id:`${p}-description`,children:c})]})});exports.NavLink=s;
+//# sourceMappingURL=NavLink.cjs.map

package/build/cjs/components/beta/nav-link/NavLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.cjs","sources":["../../../../../src/components/beta/nav-link/NavLink.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useId } from \"react\";\nimport type { PolymorphicRef } from \"../../../utilities/index.js\";\nimport type { NavLinkProps } from \"./types.js\";\n\ntype NavLinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const NavLink = React.forwardRef(function NavLink<\n    ElementType extends React.ElementType = \"a\",\n>(props: NavLinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        title,\n        description,\n        className,\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n    const id = useId();\n\n    return (\n        <Component\n            {...rest}\n            ref={ref}\n            aria-labelledby={`${id}-title`}\n            aria-describedby={`${id}-description`}\n            className={clsx(\"jkl-navlink--beta\", className)}\n        >\n            <p className=\"title\" id={`${id}-title`}>\n                {title}\n            </p>\n            {description && (\n                <p className=\"description\" id={`${id}-description`}>\n                    {description}\n                </p>\n            )}\n        </Component>\n    );\n}) as NavLinkComponent;\n"],"names":["NavLink","React","forwardRef","props","ref","title","description","className","children","as","rest","Component","id","useId","jsxs","clsx","jsx"],"mappings":"mLASaA,EAAUC,EAAMC,WAAW,SAEtCC,EAAkCC,GAChC,MACIC,MAAAA,EACAC,YAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EACEQ,EAAYF,EACZG,EAAKC,EAAAA,QAEX,OACIC,EAAAA,KAACH,EAAA,IACOD,EACJN,IAAAA,EACA,kBAAiB,GAAGQ,UACpB,mBAAkB,GAAGA,gBACrBL,UAAWQ,EAAAA,KAAK,oBAAqBR,GAErCC,SAAA,CAAAQ,EAAAA,IAAC,KAAET,UAAU,QAAQK,GAAI,GAAGA,UACvBJ,SAAAH,IAEJC,SACI,IAAA,CAAEC,UAAU,cAAcK,GAAI,GAAGA,gBAC7BJ,SAAAF,MAKrB"}

package/build/cjs/components/beta/nav-link/index.d.cts

@@ -0,0 +1 @@
+export { NavLink as BETA_NavLink } from './NavLink.jsx';

package/build/cjs/{components-beta → components/beta}/nav-link/types.d.cts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../utilities/index.cjs';
+import { PolymorphicPropsWithRef } from '../../../utilities/index.cjs';
 export type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
     title: string;
     description?: string;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../clsx-E3yX_9sL.cjs"),o=require("react");require("../../icon/Icon.cjs"),require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../icon/icons/animated/PlusRemoveAnimated.cjs");const r=require("../../icon/icons/ArrowDownIcon.cjs");require("../../icon/icons/ArrowLeftIcon.cjs"),require("../../icon/icons/ArrowNorthEastIcon.cjs"),require("../../icon/icons/ArrowRightIcon.cjs"),require("../../icon/icons/ArrowUpIcon.cjs"),require("../../icon/icons/CalendarIcon.cjs"),require("../../icon/icons/CheckIcon.cjs"),require("../../icon/icons/ChevronDownIcon.cjs"),require("../../icon/icons/ChevronLeftIcon.cjs"),require("../../icon/icons/ChevronRightIcon.cjs"),require("../../icon/icons/ChevronUpIcon.cjs"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs"),require("../../icon/icons/ErrorIcon.cjs"),require("../../icon/icons/GreenCheckIcon.cjs"),require("../../icon/icons/HamburgerIcon.cjs"),require("../../icon/icons/InfoIcon.cjs"),require("../../icon/icons/LinkIcon.cjs"),require("../../icon/icons/MinusIcon.cjs"),require("../../icon/icons/OpenInNewIcon.cjs"),require("../../icon/icons/PenIcon.cjs"),require("../../icon/icons/PlusIcon.cjs"),require("../../icon/icons/QuestionIcon.cjs"),require("../../icon/icons/RedCrossIcon.cjs"),require("../../icon/icons/SearchIcon.cjs"),require("../../icon/icons/SuccessIcon.cjs"),require("../../icon/icons/ThumbDownIcon.cjs"),require("../../icon/icons/ThumbUpIcon.cjs"),require("../../icon/icons/TrashCanIcon.cjs"),require("../../icon/icons/WarningIcon.cjs");const n=require("../../input-group/InputGroup.cjs"),i=o.forwardRef((o,i)=>{const{label:s,className:u,errorLabel:t,helpLabel:a,labelProps:l,placeholder:j="Velg",supportLabelProps:q,tooltip:I,value:p,description:d,...h}=o,b={label:s,errorLabel:t,helpLabel:a,labelProps:l,supportLabelProps:q,tooltip:I,description:d};return e.jsx(n.InputGroup,{...b,"data-testid":"jkl-select--beta",className:c.clsx("jkl-select--beta",u),render:c=>e.jsxs("div",{className:"jkl-select--beta-wrapper",children:[e.jsxs("select",{ref:i,defaultValue:p?void 0:"",value:p,...c,...h,children:[j&&e.jsx("option",{disabled:!0,selected:!0,value:"",children:j}),o.children]}),e.jsx(r.ArrowDownIcon,{})]})})});exports.Select=i;
+//# sourceMappingURL=Select.cjs.map

package/build/cjs/components/beta/select/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../../../src/components/beta/select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { ArrowDownIcon } from \"../../icon/index.js\";\nimport { InputGroup } from \"../../input-group/InputGroup.jsx\";\nimport type { SelectProps } from \"./types.js\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n    (props, ref) => {\n        const {\n            label,\n            className,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            placeholder = \"Velg\",\n            supportLabelProps,\n            tooltip,\n            value,\n            description,\n            ...rest\n        } = props;\n\n        const inputGroupProps = {\n            label,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            supportLabelProps,\n            tooltip,\n            description,\n        };\n\n        return (\n            <InputGroup\n                {...inputGroupProps}\n                data-testid=\"jkl-select--beta\"\n                className={clsx(\"jkl-select--beta\", className)}\n                render={(inputProps) => (\n                    <div className=\"jkl-select--beta-wrapper\">\n                        <select\n                            ref={ref}\n                            defaultValue={value ? undefined : \"\"}\n                            value={value}\n                            {...inputProps}\n                            {...rest}\n                        >\n                            {placeholder && (\n                                <option disabled selected value=\"\">\n                                    {placeholder}\n                                </option>\n                            )}\n                            {props.children}\n                        </select>\n                        <ArrowDownIcon />\n                    </div>\n                )}\n            />\n        );\n    },\n);\n"],"names":["Select","forwardRef","props","ref","label","className","errorLabel","helpLabel","labelProps","placeholder","supportLabelProps","tooltip","value","description","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","children","defaultValue","disabled","selected","ArrowDownIcon"],"mappings":"q1DAMaA,EAASC,EAAAA,WAClB,CAACC,EAAOC,KACJ,MACIC,MAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHZ,EAEEa,EAAkB,CACpBX,MAAAA,EACAE,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAE,kBAAAA,EACAC,QAAAA,EACAE,YAAAA,GAGJ,OACIG,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,mBACZV,UAAWa,EAAAA,KAAK,mBAAoBb,GACpCc,OAASC,GACLC,EAAAA,KAAC,MAAA,CAAIhB,UAAU,2BACXiB,SAAA,CAAAD,EAAAA,KAAC,SAAA,CACGlB,IAAAA,EACAoB,aAAcX,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAN,EAEHQ,SAAA,CAAAb,GACGO,EAAAA,IAAC,UAAOQ,UAAQ,EAACC,UAAQ,EAACb,MAAM,GAC3BU,SAAAb,IAGRP,EAAMoB,kBAEVI,EAAAA,cAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+export { Select as BETA_Select } from './Select.jsx';
+export type { SelectProps } from './types.cjs';

package/build/cjs/{components-beta → components/beta}/select/types.d.cts

@@ -1,5 +1,5 @@
 import { ReactNode, SelectHTMLAttributes } from 'react';
-import { InputGroupProps } from '../../components/input-group/types.cjs';
+import { InputGroupProps } from '../../input-group/types.cjs';
 export interface SelectProps extends Omit<InputGroupProps, "children" | "inline">, SelectHTMLAttributes<HTMLSelectElement> {
     /**
      * Setter inn et placeholderelement som vises når ingenting er valgt i nedtrekkslisten.

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

@@ -1,4 +1,4 @@
-import { WithChildren } from '../../core/types.cjs';
+import { WithChildren } from '../../utilities/types.cjs';
 export interface BreadcrumbProps extends WithChildren {
     className?: string;
 }

package/build/cjs/components/card/Card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),t=require("../../utilities/polymorphism/SlotComponent.cjs"),i=a.forwardRef(function(a,i){const{className:s,clickable:c=!1,padding:l="s",variant:o="high",asChild:d,as:n="div",...u}=a,p=d?t.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":c,"data-padding":l,className:r.clsx("jkl-card",`jkl-card--${o}`,s),...u,ref:i})});exports.Card=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),t=require("../../utilities/polymorphism/SlotComponent.cjs"),i=a.forwardRef(function(a,i){const{className:s,clickable:l=!1,padding:c="s",variant:d="filled",asChild:o,as:n="div",...u}=a,p=o?t.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":l,"data-padding":c,className:r.clsx("jkl-card",`jkl-card--${d}`,s),...u,ref:i})});exports.Card=i;
 //# sourceMappingURL=Card.cjs.map

package/build/cjs/components/card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"high\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiBaA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAAA,cAAgBH,EAE5C,OACII,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAAA,KAAK,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"filled\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiBaA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,SACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAAA,cAAgBH,EAE5C,OACII,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAAA,KAAK,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}

package/build/cjs/components/card/types.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.CARD_PADDINGS=["s","m","l","xl"],exports.CARD_VARIANTS=["outlined","high","low"];
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.CARD_PADDINGS=["s","m","l","xl"],exports.CARD_VARIANTS=["outlined","filled"];
 //# sourceMappingURL=types.cjs.map

package/build/cjs/components/card/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["import type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"high\", \"low\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\ntype Props = {\n    className?: string;\n    /**\n     * Setter padding på kortet. Tilsvarer samme property i Figma.\n     * @default \"s\"\n     */\n    padding?: CardPadding;\n    /**\n     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n     * @default \"high\"\n     */\n    variant?: CardVariant;\n    /**\n     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n     * skal lese alt innholdet i kortet.\n     */\n    clickable?: boolean;\n};\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n"],"names":[],"mappings":"sGAE6B,CAAC,IAAK,IAAK,IAAK,4BAEhB,CAAC,WAAY,OAAQ"}
+{"version":3,"file":"types.cjs","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["import type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"filled\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\ntype Props = {\n    className?: string;\n    /**\n     * Setter padding på kortet. Tilsvarer samme property i Figma.\n     * @default \"s\"\n     */\n    padding?: CardPadding;\n    /**\n     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n     * @default \"filled\"\n     */\n    variant?: CardVariant;\n    /**\n     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n     * skal lese alt innholdet i kortet.\n     */\n    clickable?: boolean;\n};\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n"],"names":[],"mappings":"sGAE6B,CAAC,IAAK,IAAK,IAAK,4BAEhB,CAAC,WAAY"}

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

@@ -1,7 +1,7 @@
 import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
 export declare const CARD_PADDINGS: readonly ["s", "m", "l", "xl"];
 export type CardPadding = (typeof CARD_PADDINGS)[number];
-export declare const CARD_VARIANTS: readonly ["outlined", "high", "low"];
+export declare const CARD_VARIANTS: readonly ["outlined", "filled"];
 export type CardVariant = (typeof CARD_VARIANTS)[number];
 type Props = {
     className?: string;
@@ -13,7 +13,7 @@ type Props = {
     /**
      * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast
      * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.
-     * @default "high"
+     * @default "filled"
      */
     variant?: CardVariant;
     /**

package/build/cjs/components/checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),r=require("../../hooks/useId/useId.cjs"),a=t.forwardRef((a,i)=>{const{id:n,children:s,invalid:l,className:o,inline:d=!1,"data-testautoid":u,checked:k,indeterminate:h,...x}=a,b=t.useRef(null);t.useImperativeHandle(i,()=>b.current,[]);const j=r.useId(n||"jkl-checkbox",{generateSuffix:!n});return t.useEffect(()=>{!0===k&&!0===h&&"production"!==process.env.NODE_ENV&&console.warn("A Checkbox can not be both checked and indeterminate, and will be treated as checked"),b.current&&(b.current.indeterminate=!k&&!!h)},[k,h]),e.jsxs("div",{className:c.clsx("jkl-checkbox",o,{"jkl-checkbox--inline":d,"jkl-checkbox--error":l}),children:[e.jsx("label",{htmlFor:j,className:"jkl-checkbox__label",children:s}),e.jsx("input",{id:j,ref:b,className:"jkl-checkbox__input","data-testid":"jkl-checkbox-input","aria-invalid":l,type:"checkbox","data-testautoid":u,checked:k,...x})]})});a.displayName="Checkbox",exports.Checkbox=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),r=require("../../hooks/useId/useId.cjs"),a=t.forwardRef((a,i)=>{const{id:n,children:s,invalid:l,className:o,inline:d=!1,"data-testautoid":u,checked:k,indeterminate:h,...x}=a,b=t.useRef(null);t.useImperativeHandle(i,()=>b.current,[]);const j=r.useId(n||"jkl-checkbox",{generateSuffix:!n});return t.useEffect(()=>{!0===k&&!0===h&&"production"!==process.env.NODE_ENV&&console.warn("A Checkbox can not be both checked and indeterminate, and will be treated as checked"),b.current&&(b.current.indeterminate=!k&&!!h)},[k,h]),e.jsxs("div",{className:c.clsx("jkl-checkbox",o,{"jkl-checkbox--inline":d,"jkl-checkbox--error":l}),children:[e.jsx("input",{id:j,ref:b,className:"jkl-checkbox__input","data-testid":"jkl-checkbox-input","aria-invalid":l,type:"checkbox","data-testautoid":u,checked:k,...x}),e.jsx("label",{htmlFor:j,className:"jkl-checkbox__label",children:s})]})});a.displayName="Checkbox",exports.Checkbox=a;
 //# sourceMappingURL=Checkbox.cjs.map

package/build/cjs/components/checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { CheckboxProps } from \"./types.js\";\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n    (props, ref) => {\n        const {\n            id,\n            children,\n            invalid,\n            className,\n            inline = false,\n            \"data-testautoid\": testAutoId,\n            checked,\n            indeterminate,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        useImperativeHandle(\n            ref,\n            () => inputRef.current as HTMLInputElement,\n            [],\n        );\n\n        const inputId = useId(id || \"jkl-checkbox\", { generateSuffix: !id });\n\n        useEffect(() => {\n            if (\n                checked === true &&\n                indeterminate === true &&\n                process.env.NODE_ENV !== \"production\"\n            ) {\n                console.warn(\n                    \"A Checkbox can not be both checked and indeterminate, and will be treated as checked\",\n                );\n            }\n            if (inputRef.current) {\n                inputRef.current.indeterminate = !checked && !!indeterminate;\n            }\n        }, [checked, indeterminate]);\n\n        return (\n            <div\n                className={clsx(\"jkl-checkbox\", className, {\n                    \"jkl-checkbox--inline\": inline,\n                    \"jkl-checkbox--error\": invalid,\n                })}\n            >\n                <label htmlFor={inputId} className=\"jkl-checkbox__label\">\n                    {children}\n                </label>\n                <input\n                    id={inputId}\n                    ref={inputRef}\n                    className=\"jkl-checkbox__input\"\n                    data-testid=\"jkl-checkbox-input\"\n                    aria-invalid={invalid}\n                    type=\"checkbox\"\n                    data-testautoid={testAutoId}\n                    checked={checked}\n                    {...rest}\n                />\n            </div>\n        );\n    },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["Checkbox","forwardRef","props","ref","id","children","invalid","className","inline","testAutoId","checked","indeterminate","rest","inputRef","useRef","useImperativeHandle","current","inputId","useId","generateSuffix","useEffect","process","env","NODE_ENV","console","warn","jsxs","clsx","jsx","htmlFor","type","displayName"],"mappings":"yNAKaA,EAAWC,EAAAA,WACpB,CAACC,EAAOC,KACJ,MACIC,GAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,GAAS,EACT,kBAAmBC,EACnBC,QAAAA,EACAC,cAAAA,KACGC,GACHV,EAEEW,EAAWC,EAAAA,OAAyB,MAC1CC,EAAAA,oBACIZ,EACA,IAAMU,EAASG,QACf,IAGJ,MAAMC,EAAUC,EAAAA,MAAMd,GAAM,eAAgB,CAAEe,gBAAiBf,IAE/DgB,OAAAA,EAAAA,UAAU,MAEU,IAAZV,IACkB,IAAlBC,GACyB,eAAzBU,QAAQC,IAAIC,UAEZC,QAAQC,KACJ,wFAGJZ,EAASG,UACTH,EAASG,QAAQL,eAAiBD,KAAaC,IAEpD,CAACD,EAASC,IAGTe,EAAAA,KAAC,MAAA,CACGnB,UAAWoB,EAAAA,KAAK,eAAgBpB,EAAW,CACvC,uBAAwBC,EACxB,sBAAuBF,IAG3BD,SAAA,CAAAuB,EAAAA,IAAC,QAAA,CAAMC,QAASZ,EAASV,UAAU,sBAC9BF,SAAAA,IAELuB,EAAAA,IAAC,QAAA,CACGxB,GAAIa,EACJd,IAAKU,EACLN,UAAU,sBACV,cAAY,qBACZ,eAAcD,EACdwB,KAAK,WACL,kBAAiBrB,EACjBC,QAAAA,KACIE,SAOxBZ,EAAS+B,YAAc"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { CheckboxProps } from \"./types.js\";\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n    (props, ref) => {\n        const {\n            id,\n            children,\n            invalid,\n            className,\n            inline = false,\n            \"data-testautoid\": testAutoId,\n            checked,\n            indeterminate,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        useImperativeHandle(\n            ref,\n            () => inputRef.current as HTMLInputElement,\n            [],\n        );\n\n        const inputId = useId(id || \"jkl-checkbox\", { generateSuffix: !id });\n\n        useEffect(() => {\n            if (\n                checked === true &&\n                indeterminate === true &&\n                process.env.NODE_ENV !== \"production\"\n            ) {\n                console.warn(\n                    \"A Checkbox can not be both checked and indeterminate, and will be treated as checked\",\n                );\n            }\n            if (inputRef.current) {\n                inputRef.current.indeterminate = !checked && !!indeterminate;\n            }\n        }, [checked, indeterminate]);\n\n        return (\n            <div\n                className={clsx(\"jkl-checkbox\", className, {\n                    \"jkl-checkbox--inline\": inline,\n                    \"jkl-checkbox--error\": invalid,\n                })}\n            >\n                <input\n                    id={inputId}\n                    ref={inputRef}\n                    className=\"jkl-checkbox__input\"\n                    data-testid=\"jkl-checkbox-input\"\n                    aria-invalid={invalid}\n                    type=\"checkbox\"\n                    data-testautoid={testAutoId}\n                    checked={checked}\n                    {...rest}\n                />\n                <label htmlFor={inputId} className=\"jkl-checkbox__label\">\n                    {children}\n                </label>\n            </div>\n        );\n    },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["Checkbox","forwardRef","props","ref","id","children","invalid","className","inline","testAutoId","checked","indeterminate","rest","inputRef","useRef","useImperativeHandle","current","inputId","useId","generateSuffix","useEffect","process","env","NODE_ENV","console","warn","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"yNAKaA,EAAWC,EAAAA,WACpB,CAACC,EAAOC,KACJ,MACIC,GAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,GAAS,EACT,kBAAmBC,EACnBC,QAAAA,EACAC,cAAAA,KACGC,GACHV,EAEEW,EAAWC,EAAAA,OAAyB,MAC1CC,EAAAA,oBACIZ,EACA,IAAMU,EAASG,QACf,IAGJ,MAAMC,EAAUC,EAAAA,MAAMd,GAAM,eAAgB,CAAEe,gBAAiBf,IAE/DgB,OAAAA,EAAAA,UAAU,MAEU,IAAZV,IACkB,IAAlBC,GACyB,eAAzBU,QAAQC,IAAIC,UAEZC,QAAQC,KACJ,wFAGJZ,EAASG,UACTH,EAASG,QAAQL,eAAiBD,KAAaC,IAEpD,CAACD,EAASC,IAGTe,EAAAA,KAAC,MAAA,CACGnB,UAAWoB,EAAAA,KAAK,eAAgBpB,EAAW,CACvC,uBAAwBC,EACxB,sBAAuBF,IAG3BD,SAAA,CAAAuB,EAAAA,IAAC,QAAA,CACGxB,GAAIa,EACJd,IAAKU,EACLN,UAAU,sBACV,cAAY,qBACZ,eAAcD,EACduB,KAAK,WACL,kBAAiBpB,EACjBC,QAAAA,KACIE,UAEP,QAAA,CAAMkB,QAASb,EAASV,UAAU,sBAC9BF,SAAAA,SAOrBL,EAAS+B,YAAc"}

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

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactNode } from 'react';
-import { DataTestAutoId } from '../../core/types.cjs';
+import { DataTestAutoId } from '../../utilities/types.cjs';
 export interface CheckboxProps extends DataTestAutoId, InputHTMLAttributes<HTMLInputElement> {
     children: ReactNode;
     name: string;

package/build/cjs/components/cookie-consent/CookieConsent.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("react-dom"),t=require("../button/Button.cjs"),r=require("../flex/Flex.cjs"),i=require("../link/Link.cjs"),s=require("../modal/Modal.cjs"),a=require("../modal/useModal.cjs"),l=require("./CookieConsentContext.cjs"),d=require("./cookieConsentUtils.cjs");exports.CookieConsent=({blocking:c,onAccept:u,aboutPage:k="https://www.fremtind.no/informasjonskapsler",...j})=>{const{currentConsent:m,cookieName:h,cookieDomain:f,cookiePath:p,isOpen:g,setIsOpen:x,updateCurrentConsents:b}=l.useInternalState(),[v,C]=a.useModal({id:`jkl-cookie-modal-${n.useId()}`,role:c?"alertdialog":"dialog",title:"Informasjonskapsler"});if(n.useEffect(()=>{g?v?.show():v?.hide()},[v,g]),n.useEffect(()=>{const e=()=>x(!1);return v?.on("hide",e),()=>{v?.off("hide",e)}},[v,x]),typeof document>"u")return null;if(typeof navigator<"u"&&!navigator.cookieEnabled)return u?.({functional:"denied",statistics:"denied",marketing:"denied"}),null;const y=e=>{const n={...m,functional:e,statistics:e,marketing:"denied"};d.setConsentCookie({consent:n,name:h,domain:f,path:p}),u?.(n),b(),v?.hide()};return o.createPortal(e.jsxs(s.ModalContainer,{...C.container,...j,"data-cookie-consent-open":g,children:[e.jsx(s.ModalOverlay,{...C.overlay}),e.jsxs(s.Modal,{...C.modal,children:[e.jsx(s.ModalHeader,{children:e.jsx(s.ModalTitle,{...C.title,children:"Får vi bruke valgfrie informasjonskapsler?"})}),e.jsx(s.ModalBody,{children:e.jsxs(r.Flex,{direction:"column",gap:"m",children:[e.jsx("p",{children:"Vi ønsker å samle anonym statistikk for å forstå hvordan nettsidene våre brukes. Det hjelper oss til å gjøre innhold og løsninger bedre og mer brukervennlige."}),e.jsxs("p",{children:[e.jsx(i.Link,{href:k,target:"_blank",children:"Les mer om hvilke informasjonskapsler vi lagrer her"}),"."]})]})}),e.jsxs(s.ModalActions,{children:[e.jsx(t.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-godta",type:"button",onClick:()=>y("accepted"),children:"Ja, det er greit"}),e.jsx(t.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-nekt",type:"button",onClick:()=>y("denied"),children:"Nei takk"})]})]})]}),document.body)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("react-dom"),o=require("../button/Button.cjs"),r=require("../flex/Flex.cjs"),i=require("../link/Link.cjs"),s=require("../modal/Modal.cjs"),a=require("../modal/useModal.cjs"),l=require("./CookieConsentContext.cjs"),d=require("./cookieConsentUtils.cjs");exports.CookieConsent=({blocking:c,onAccept:u,aboutPage:k="https://www.fremtind.no/informasjonskapsler",aboutPageLinkText:j="Les mer om hvilke informasjons­kapsler vi lagrer her",...m})=>{const{currentConsent:h,cookieName:f,cookieDomain:p,cookiePath:g,isOpen:x,setIsOpen:b,updateCurrentConsents:v}=l.useInternalState(),[C,y]=a.useModal({id:`jkl-cookie-modal-${n.useId()}`,role:c?"alertdialog":"dialog",title:"Informasjonskapsler"});if(n.useEffect(()=>{x?C?.show():C?.hide()},[C,x]),n.useEffect(()=>{const e=()=>b(!1);return C?.on("hide",e),()=>{C?.off("hide",e)}},[C,b]),typeof document>"u")return null;if(typeof navigator<"u"&&!navigator.cookieEnabled)return u?.({functional:"denied",statistics:"denied",marketing:"denied"}),null;const M=e=>{const n={...h,functional:e,statistics:e,marketing:"denied"};d.setConsentCookie({consent:n,name:f,domain:p,path:g}),u?.(n),v(),C?.hide()};return t.createPortal(e.jsxs(s.ModalContainer,{...y.container,...m,"data-cookie-consent-open":x,children:[e.jsx(s.ModalOverlay,{...y.overlay}),e.jsxs(s.Modal,{...y.modal,children:[e.jsx(s.ModalHeader,{children:e.jsx(s.ModalTitle,{...y.title,children:"Får vi bruke valgfrie informasjons­kapsler?"})}),e.jsx(s.ModalBody,{children:e.jsxs(r.Flex,{direction:"column",gap:"m",children:[e.jsx("p",{children:"Fremtind ønsker å samle anonym statistikk for å forstå hvordan nettsidene våre brukes. Det hjelper oss til å gjøre innhold og løsninger bedre og mer brukervennlige."}),e.jsxs("p",{children:[e.jsx(i.Link,{href:k,target:"_blank",children:j}),"."]})]})}),e.jsxs(s.ModalActions,{children:[e.jsx(o.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-godta",type:"button",onClick:()=>M("accepted"),children:"Ja, det er greit"}),e.jsx(o.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-nekt",type:"button",onClick:()=>M("denied"),children:"Nei takk"})]})]})]}),document.body)};
 //# sourceMappingURL=CookieConsent.cjs.map

package/build/cjs/components/cookie-consent/CookieConsent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsent.cjs","sources":["../../../../src/components/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React, { useEffect, useId } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Button } from \"../button/Button.js\";\nimport { Flex } from \"../flex/index.js\";\nimport { Link } from \"../link/index.js\";\nimport {\n    Modal,\n    ModalActions,\n    ModalBody,\n    ModalContainer,\n    ModalHeader,\n    ModalOverlay,\n    ModalTitle,\n} from \"../modal/Modal.js\";\nimport { useModal } from \"../modal/useModal.js\";\nimport { useInternalState } from \"./CookieConsentContext.js\";\nimport { setConsentCookie } from \"./cookieConsentUtils.js\";\nimport type { Consent, ConsentState, CookieConsentProps } from \"./types.js\";\n\nexport const CookieConsent = ({\n    blocking,\n    onAccept,\n    aboutPage = \"https://www.fremtind.no/informasjonskapsler\",\n    ...rest\n}: CookieConsentProps): JSX.Element | null => {\n    const {\n        currentConsent,\n        cookieName,\n        cookieDomain,\n        cookiePath,\n        isOpen,\n        setIsOpen,\n        updateCurrentConsents,\n    } = useInternalState();\n\n    const [instance, modalConfig] = useModal({\n        id: `jkl-cookie-modal-${useId()}`,\n        // The optional `role` attribute of the dialog element, either `dialog`\n        // (default) or `alertdialog` to make it a modal (preventing closing on\n        // click outside of ESC key).\n        role: blocking ? \"alertdialog\" : \"dialog\",\n        // The required dialog title, mandatory in the document\n        // to provide context to assistive technology.\n        title: \"Informasjonskapsler\",\n    });\n    useEffect(() => {\n        if (isOpen) {\n            instance?.show();\n        } else {\n            instance?.hide();\n        }\n    }, [instance, isOpen]);\n\n    useEffect(() => {\n        const onHide = () => setIsOpen(false);\n        instance?.on(\"hide\", onHide);\n        return () => {\n            instance?.off(\"hide\", onHide);\n        };\n    }, [instance, setIsOpen]);\n\n    if (typeof document === \"undefined\") {\n        return null;\n    }\n\n    // Cookies are disabled in the browser\n    if (typeof navigator !== \"undefined\" && !navigator.cookieEnabled) {\n        onAccept?.({\n            functional: \"denied\",\n            statistics: \"denied\",\n            marketing: \"denied\",\n        });\n\n        return null;\n    }\n\n    const updateCookies = (state: ConsentState) => {\n        const updatedConsent: Consent = {\n            ...currentConsent,\n            functional: state,\n            statistics: state,\n            marketing: \"denied\",\n        };\n\n        setConsentCookie({\n            consent: updatedConsent,\n            name: cookieName,\n            domain: cookieDomain,\n            path: cookiePath,\n        });\n\n        onAccept?.(updatedConsent);\n\n        updateCurrentConsents();\n\n        instance?.hide();\n    };\n\n    return ReactDOM.createPortal(\n        <ModalContainer\n            {...modalConfig.container}\n            {...rest}\n            data-cookie-consent-open={isOpen}\n        >\n            <ModalOverlay {...modalConfig.overlay} />\n            <Modal {...modalConfig.modal}>\n                <ModalHeader>\n                    <ModalTitle {...modalConfig.title}>\n                        Får vi bruke valgfrie informasjonskapsler?\n                    </ModalTitle>\n                </ModalHeader>\n                <ModalBody>\n                    <Flex direction=\"column\" gap=\"m\">\n                        <p>\n                            Vi ønsker å samle anonym statistikk for å forstå\n                            hvordan nettsidene våre brukes. Det hjelper oss til\n                            å gjøre innhold og løsninger bedre og mer\n                            brukervennlige.\n                        </p>\n                        <p>\n                            <Link href={aboutPage} target=\"_blank\">\n                                Les mer om hvilke informasjonskapsler vi lagrer\n                                her\n                            </Link>\n                            .\n                        </p>\n                    </Flex>\n                </ModalBody>\n                <ModalActions>\n                    <Button\n                        variant=\"secondary\"\n                        data-testid=\"jkl-cookie-consent-godta\"\n                        type=\"button\"\n                        onClick={() => updateCookies(\"accepted\")}\n                    >\n                        Ja, det er greit\n                    </Button>\n                    <Button\n                        variant=\"secondary\"\n                        data-testid=\"jkl-cookie-consent-nekt\"\n                        type=\"button\"\n                        onClick={() => updateCookies(\"denied\")}\n                    >\n                        Nei takk\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalContainer>,\n        document.body,\n    );\n};\n"],"names":["blocking","onAccept","aboutPage","rest","currentConsent","cookieName","cookieDomain","cookiePath","isOpen","setIsOpen","updateCurrentConsents","useInternalState","instance","modalConfig","useModal","id","useId","role","title","useEffect","show","hide","onHide","on","off","document","navigator","cookieEnabled","functional","statistics","marketing","updateCookies","state","updatedConsent","setConsentCookie","consent","name","domain","path","ReactDOM","createPortal","jsxs","ModalContainer","container","children","jsx","ModalOverlay","overlay","Modal","modal","ModalHeader","ModalTitle","ModalBody","Flex","direction","gap","Link","href","target","ModalActions","Button","variant","type","onClick","body"],"mappings":"oaAmB6B,EACzBA,SAAAA,EACAC,SAAAA,EACAC,UAAAA,EAAY,iDACTC,MAEH,MACIC,eAAAA,EACAC,WAAAA,EACAC,aAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,sBAAAA,GACAC,sBAEGC,EAAUC,GAAeC,WAAS,CACrCC,GAAI,oBAAoBC,EAAAA,UAIxBC,KAAMjB,EAAW,cAAgB,SAGjCkB,MAAO,wBAkBX,GAhBAC,EAAAA,UAAU,KACFX,EACAI,GAAUQ,OAEVR,GAAUS,QAEf,CAACT,EAAUJ,IAEdW,EAAAA,UAAU,KACN,MAAMG,EAAS,IAAMb,GAAU,GAC/B,OAAAG,GAAUW,GAAG,OAAQD,GACd,KACHV,GAAUY,IAAI,OAAQF,KAE3B,CAACV,EAAUH,WAEHgB,SAAa,IACpB,OAAO,KAIX,UAAWC,UAAc,MAAgBA,UAAUC,cAC/C,OAAA1B,IAAW,CACP2B,WAAY,SACZC,WAAY,SACZC,UAAW,WAGR,KAGX,MAAMC,EAAiBC,IACnB,MAAMC,EAA0B,IACzB7B,EACHwB,WAAYI,EACZH,WAAYG,EACZF,UAAW,UAGfI,mBAAiB,CACbC,QAASF,EACTG,KAAM/B,EACNgC,OAAQ/B,EACRgC,KAAM/B,IAGVN,IAAWgC,GAEXvB,IAEAE,GAAUS,QAGd,OAAOkB,EAASC,aACZC,EAAAA,KAACC,EAAAA,eAAA,IACO7B,EAAY8B,aACZxC,EACJ,2BAA0BK,EAE1BoC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,aAAA,IAAiBjC,EAAYkC,UAC9BN,EAAAA,KAACO,EAAAA,MAAA,IAAUnC,EAAYoC,MACnBL,SAAA,CAAAC,EAAAA,IAACK,EAAAA,aACGN,SAAAC,EAAAA,IAACM,EAAAA,WAAA,IAAetC,EAAYK,MAAO0B,gEAItCQ,EAAAA,UAAA,CACGR,SAAAH,OAACY,EAAAA,MAAKC,UAAU,SAASC,IAAI,IACzBX,SAAA,CAAAC,EAAAA,IAAC,KAAED,SAAA,0KAMF,IAAA,CACGA,SAAA,CAAAC,MAACW,EAAAA,KAAA,CAAKC,KAAMvD,EAAWwD,OAAO,SAASd,SAAA,wDAGhC,mBAKlBe,EAAAA,aAAA,CACGf,SAAA,CAAAC,EAAAA,IAACe,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,2BACZC,KAAK,SACLC,QAAS,IAAMhC,EAAc,YAChCa,SAAA,qBAGDC,EAAAA,IAACe,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,0BACZC,KAAK,SACLC,QAAS,IAAMhC,EAAc,UAChCa,SAAA,sBAMbnB,SAASuC"}
+{"version":3,"file":"CookieConsent.cjs","sources":["../../../../src/components/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React, { useEffect, useId } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Button } from \"../button/Button.js\";\nimport { Flex } from \"../flex/index.js\";\nimport { Link } from \"../link/index.js\";\nimport {\n    Modal,\n    ModalActions,\n    ModalBody,\n    ModalContainer,\n    ModalHeader,\n    ModalOverlay,\n    ModalTitle,\n} from \"../modal/Modal.js\";\nimport { useModal } from \"../modal/useModal.js\";\nimport { useInternalState } from \"./CookieConsentContext.js\";\nimport { setConsentCookie } from \"./cookieConsentUtils.js\";\nimport type { Consent, ConsentState, CookieConsentProps } from \"./types.js\";\n\nexport const CookieConsent = ({\n    blocking,\n    onAccept,\n    aboutPage = \"https://www.fremtind.no/informasjonskapsler\",\n    aboutPageLinkText = \"Les mer om hvilke informasjons­kapsler vi lagrer her\",\n    ...rest\n}: CookieConsentProps): JSX.Element | null => {\n    const {\n        currentConsent,\n        cookieName,\n        cookieDomain,\n        cookiePath,\n        isOpen,\n        setIsOpen,\n        updateCurrentConsents,\n    } = useInternalState();\n\n    const [instance, modalConfig] = useModal({\n        id: `jkl-cookie-modal-${useId()}`,\n        // The optional `role` attribute of the dialog element, either `dialog`\n        // (default) or `alertdialog` to make it a modal (preventing closing on\n        // click outside of ESC key).\n        role: blocking ? \"alertdialog\" : \"dialog\",\n        // The required dialog title, mandatory in the document\n        // to provide context to assistive technology.\n        title: \"Informasjonskapsler\",\n    });\n    useEffect(() => {\n        if (isOpen) {\n            instance?.show();\n        } else {\n            instance?.hide();\n        }\n    }, [instance, isOpen]);\n\n    useEffect(() => {\n        const onHide = () => setIsOpen(false);\n        instance?.on(\"hide\", onHide);\n        return () => {\n            instance?.off(\"hide\", onHide);\n        };\n    }, [instance, setIsOpen]);\n\n    if (typeof document === \"undefined\") {\n        return null;\n    }\n\n    // Cookies are disabled in the browser\n    if (typeof navigator !== \"undefined\" && !navigator.cookieEnabled) {\n        onAccept?.({\n            functional: \"denied\",\n            statistics: \"denied\",\n            marketing: \"denied\",\n        });\n\n        return null;\n    }\n\n    const updateCookies = (state: ConsentState) => {\n        const updatedConsent: Consent = {\n            ...currentConsent,\n            functional: state,\n            statistics: state,\n            marketing: \"denied\",\n        };\n\n        setConsentCookie({\n            consent: updatedConsent,\n            name: cookieName,\n            domain: cookieDomain,\n            path: cookiePath,\n        });\n\n        onAccept?.(updatedConsent);\n\n        updateCurrentConsents();\n\n        instance?.hide();\n    };\n\n    return ReactDOM.createPortal(\n        <ModalContainer\n            {...modalConfig.container}\n            {...rest}\n            data-cookie-consent-open={isOpen}\n        >\n            <ModalOverlay {...modalConfig.overlay} />\n            <Modal {...modalConfig.modal}>\n                <ModalHeader>\n                    <ModalTitle {...modalConfig.title}>\n                        Får vi bruke valgfrie informasjons&shy;kapsler?\n                    </ModalTitle>\n                </ModalHeader>\n                <ModalBody>\n                    <Flex direction=\"column\" gap=\"m\">\n                        <p>\n                            Fremtind ønsker å samle anonym statistikk for å\n                            forstå hvordan nettsidene våre brukes. Det hjelper\n                            oss til å gjøre innhold og løsninger bedre og mer\n                            brukervennlige.\n                        </p>\n                        <p>\n                            <Link href={aboutPage} target=\"_blank\">\n                                {aboutPageLinkText}\n                            </Link>\n                            .\n                        </p>\n                    </Flex>\n                </ModalBody>\n                <ModalActions>\n                    <Button\n                        variant=\"secondary\"\n                        data-testid=\"jkl-cookie-consent-godta\"\n                        type=\"button\"\n                        onClick={() => updateCookies(\"accepted\")}\n                    >\n                        Ja, det er greit\n                    </Button>\n                    <Button\n                        variant=\"secondary\"\n                        data-testid=\"jkl-cookie-consent-nekt\"\n                        type=\"button\"\n                        onClick={() => updateCookies(\"denied\")}\n                    >\n                        Nei takk\n                    </Button>\n                </ModalActions>\n            </Modal>\n        </ModalContainer>,\n        document.body,\n    );\n};\n"],"names":["blocking","onAccept","aboutPage","aboutPageLinkText","rest","currentConsent","cookieName","cookieDomain","cookiePath","isOpen","setIsOpen","updateCurrentConsents","useInternalState","instance","modalConfig","useModal","id","useId","role","title","useEffect","show","hide","onHide","on","off","document","navigator","cookieEnabled","functional","statistics","marketing","updateCookies","state","updatedConsent","setConsentCookie","consent","name","domain","path","ReactDOM","createPortal","jsxs","ModalContainer","container","children","jsx","ModalOverlay","overlay","Modal","modal","ModalHeader","ModalTitle","ModalBody","Flex","direction","gap","Link","href","target","ModalActions","Button","variant","type","onClick","body"],"mappings":"oaAmB6B,EACzBA,SAAAA,EACAC,SAAAA,EACAC,UAAAA,EAAY,8CACZC,kBAAAA,EAAoB,0DACjBC,MAEH,MACIC,eAAAA,EACAC,WAAAA,EACAC,aAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,sBAAAA,GACAC,sBAEGC,EAAUC,GAAeC,WAAS,CACrCC,GAAI,oBAAoBC,EAAAA,UAIxBC,KAAMlB,EAAW,cAAgB,SAGjCmB,MAAO,wBAkBX,GAhBAC,EAAAA,UAAU,KACFX,EACAI,GAAUQ,OAEVR,GAAUS,QAEf,CAACT,EAAUJ,IAEdW,EAAAA,UAAU,KACN,MAAMG,EAAS,IAAMb,GAAU,GAC/B,OAAAG,GAAUW,GAAG,OAAQD,GACd,KACHV,GAAUY,IAAI,OAAQF,KAE3B,CAACV,EAAUH,WAEHgB,SAAa,IACpB,OAAO,KAIX,UAAWC,UAAc,MAAgBA,UAAUC,cAC/C,OAAA3B,IAAW,CACP4B,WAAY,SACZC,WAAY,SACZC,UAAW,WAGR,KAGX,MAAMC,EAAiBC,IACnB,MAAMC,EAA0B,IACzB7B,EACHwB,WAAYI,EACZH,WAAYG,EACZF,UAAW,UAGfI,mBAAiB,CACbC,QAASF,EACTG,KAAM/B,EACNgC,OAAQ/B,EACRgC,KAAM/B,IAGVP,IAAWiC,GAEXvB,IAEAE,GAAUS,QAGd,OAAOkB,EAASC,aACZC,EAAAA,KAACC,EAAAA,eAAA,IACO7B,EAAY8B,aACZxC,EACJ,2BAA0BK,EAE1BoC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,aAAA,IAAiBjC,EAAYkC,UAC9BN,EAAAA,KAACO,EAAAA,MAAA,IAAUnC,EAAYoC,MACnBL,SAAA,CAAAC,EAAAA,IAACK,EAAAA,aACGN,SAAAC,EAAAA,IAACM,EAAAA,WAAA,IAAetC,EAAYK,MAAO0B,iEAItCQ,EAAAA,UAAA,CACGR,SAAAH,OAACY,EAAAA,MAAKC,UAAU,SAASC,IAAI,IACzBX,SAAA,CAAAC,EAAAA,IAAC,KAAED,SAAA,gLAMF,IAAA,CACGA,SAAA,CAAAC,MAACW,EAAAA,KAAA,CAAKC,KAAMxD,EAAWyD,OAAO,SACzBd,SAAA1C,IACE,mBAKlByD,EAAAA,aAAA,CACGf,SAAA,CAAAC,EAAAA,IAACe,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,2BACZC,KAAK,SACLC,QAAS,IAAMhC,EAAc,YAChCa,SAAA,qBAGDC,EAAAA,IAACe,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,0BACZC,KAAK,SACLC,QAAS,IAAMhC,EAAc,UAChCa,SAAA,sBAMbnB,SAASuC"}

package/build/cjs/components/cookie-consent/CookieConsent.d.cts

@@ -1,2 +1,2 @@
 import { CookieConsentProps } from './types.cjs';
-export declare const CookieConsent: ({ blocking, onAccept, aboutPage, ...rest }: CookieConsentProps) => JSX.Element | null;
+export declare const CookieConsent: ({ blocking, onAccept, aboutPage, aboutPageLinkText, ...rest }: CookieConsentProps) => JSX.Element | null;

package/build/cjs/components/cookie-consent/types.d.cts

@@ -1,4 +1,4 @@
-import { WithChildren } from '../../core/types.cjs';
+import { WithChildren } from '../../utilities/types.cjs';
 export type ConsentState = null | "denied" | "accepted";
 export type ConsentRequirement = Partial<Record<keyof Consent, boolean>>;
 export type Consent = {
@@ -13,6 +13,10 @@ export interface CookieConsentProps {
      * Lenke til informasjonssiden til cookiene i løsningen din.
      */
     aboutPage: string;
+    /**
+     * Tekst for lenken til informasjonssiden.
+     */
+    aboutPageLinkText?: string;
 }
 export type AcceptConsentCallback = (consent: Consent) => void;
 export type ConsentComponentBaseProps = {

package/build/cjs/components/datepicker/DatePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),a=require("../../../utils-DxmZDrR9.cjs"),r=require("react"),n=require("react-dom"),l=require("../icon-button/IconButton.cjs"),o=require("../icon/icons/CalendarIcon.cjs"),u=require("../input-group/InputGroup.cjs"),s=require("../popover/Popover.cjs"),i=require("../text-input/BaseTextInput.cjs"),c=require("./internal/Calendar.cjs"),d=require("./utils.cjs"),p=require("./validation.cjs"),v=r.forwardRef((v,b)=>{const{"data-testautoid":f,id:k,className:h="",label:j="Velg dato",labelProps:m,defaultValue:g,defaultShow:D=!1,value:y,disableBeforeDate:C,disableAfterDate:x,yearsToShow:L,name:P,helpLabel:S,errorLabel:q,invalid:w,days:I,months:O,monthLabel:B,yearLabel:T,placeholder:_="dd.mm.åååå",width:E="11.25rem",onChange:N,onBlur:R,onFocus:U,onKeyDown:V,action:F,showCalendarLabel:K="Åpne kalender",hideCalendarLabel:W="Lukk kalender",supportLabelProps:A,tooltip:G,textInputProps:M,description:H,...z}=v;"production"!==process.env.NODE_ENV&&y&&g&&console.warn("DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.");const J=d.parseDateString(C),Q=J?a.dayjs(J).startOf("day").toDate():void 0,X=d.parseDateString(x),Y=X?a.dayjs(X).startOf("day").toDate():void 0,[Z,$]=r.useState(a.getInitialDate(y,g,Q,Y)),[ee,te]=r.useState(null),[ae,re]=r.useState(D),ne=r.useRef(null),le=r.useRef(null),oe=r.useRef(null),ue=r.useRef(null),se=r.useCallback(e=>{ue.current=e,b&&("function"==typeof b?b(e):b.current=e)},[b]),ie=r.useCallback(e=>{U&&le.current&&(le.current.contains(e.relatedTarget)||U(e,Z,{error:ee,value:e.target.value}))},[U,Z,ee]),ce=r.useCallback(e=>{R&&R(e,Z,{error:ee,value:e.target.value})},[R,Z,ee]),de=r.useCallback(e=>{"Escape"===e.key&&(re(!1),e.preventDefault(),e.stopPropagation()),F?.onKeyDown&&F.onKeyDown(e)},[F]),pe=r.useCallback(e=>{let t=null,a=null;if(e.target.value){const r=d.parseDateString(e.target.value);r?Q&&!p.isWithinLowerBound(r,Q)?a="OUTSIDE_LOWER_BOUND":Y&&!p.isWithinUpperBound(r,Y)?a="OUTSIDE_UPPER_BOUND":re(!1):a="WRONG_FORMAT",t=r||null}te(a),$(t),N&&N(e,t,{error:a,value:e.target.value})},[N,Q,Y]),ve=r.useCallback(e=>{n.flushSync(()=>{re(!ae)});const t=ne.current,a=t&&t.querySelector('[aria-pressed="true"]');window.requestAnimationFrame(()=>a?.focus()),F?.onClick&&F.onClick(e)},[ae,F]),be=r.useCallback(({date:e})=>{if(re(!1),$(e),ue.current){const t=ue.current;t.value=d.formatInput(e);const a=document.createEvent("HTMLEvents");a.initEvent("input",!0,!1),t.dispatchEvent(a),t.focus(),N&&N(a,e,{error:null,value:t.value})}},[N]),fe=r.useCallback(e=>{e.preventDefault(),re(!1),oe.current?.focus()},[]);return e.jsx(u.InputGroup,{id:k,className:t.clsx("jkl-datepicker",h),...z,ref:le,label:j,labelProps:m,helpLabel:S,errorLabel:q,supportLabelProps:A,tooltip:G,description:H,render:t=>e.jsx(i.BaseTextInput,{"data-focused":ae?"true":void 0,ref:se,"data-testid":"jkl-datepicker__input","data-testautoid":f,className:"jkl-datepicker__input",name:P,defaultValue:g,value:y,type:"text",placeholder:_,width:E,onFocus:ie,onBlur:ce,onChange:pe,actionButton:e.jsxs(s.Popover,{positionReference:ue,open:ae,onOpenChange:()=>re(!ae),offset:8,children:[e.jsx(s.Popover.Trigger,{...F,"data-testid":"jkl-datepicker__trigger",className:"jkl-text-input-action-button",title:ae?W:K,tabIndex:0,onClick:ve,onKeyDown:de,asChild:!0,children:e.jsx(l.IconButton,{children:e.jsx(o.CalendarIcon,{})})}),e.jsx(s.Popover.Content,{initialFocus:-1,padding:24,children:e.jsx(c.Calendar,{ref:ne,date:Z,minDate:Q,maxDate:Y,days:I,months:O,monthLabel:B,yearLabel:T,yearsToShow:L,onDateSelected:be,onTabOutside:fe})})]}),...M,...t,"aria-invalid":w||!!q})})});v.displayName="DatePicker",exports.DatePicker=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),r=require("../../../utils-DxmZDrR9.cjs"),a=require("react"),n=require("react-dom"),o=require("../../utilities/formatters/date/formatDate.cjs"),l=require("../icon-button/IconButton.cjs"),u=require("../icon/icons/CalendarIcon.cjs"),s=require("../input-group/InputGroup.cjs"),i=require("../popover/Popover.cjs"),c=require("../text-input/BaseTextInput.cjs"),d=require("./internal/Calendar.cjs"),p=require("./utils.cjs"),f=require("./validation.cjs"),v=a.forwardRef((v,D)=>{const{"data-testautoid":m,id:b,className:g="",label:j="Velg dato",labelProps:k,defaultValue:h,defaultShow:y=!1,value:x,disableBeforeDate:C,disableAfterDate:S,yearsToShow:L,name:P,helpLabel:q,errorLabel:w,invalid:I,days:O,months:T,monthLabel:B,yearLabel:E,placeholder:_="dd.mm.åååå",width:R="11.25rem",onChange:N,onBlur:U,onFocus:V,onKeyDown:F,action:K,showCalendarLabel:M="Åpne kalender",hideCalendarLabel:W="Lukk kalender",supportLabelProps:A,tooltip:G,textInputProps:H,description:$,...z}=v;"production"!==process.env.NODE_ENV&&x&&h&&console.warn("DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.");const J=p.parseDateString(C),Q=J?r.dayjs(J).startOf("day").toDate():void 0,X=p.parseDateString(S),Y=X?r.dayjs(X).startOf("day").toDate():void 0,[Z,ee]=a.useState(r.getInitialDate(x,h,Q,Y)),[te,re]=a.useState(null),[ae,ne]=a.useState(y),oe=a.useRef(null),le=a.useRef(null),ue=a.useRef(null),se=a.useRef(null),ie=a.useRef(!1),ce=a.useCallback(e=>{se.current=e,D&&("function"==typeof D?D(e):D.current=e)},[D]),de=a.useCallback(e=>{V&&le.current&&(le.current.contains(e.relatedTarget)||V(e,Z,{error:te,value:e.target.value}))},[V,Z,te]),pe=a.useCallback(e=>{U&&U(e,Z,{error:te,value:e.target.value})},[U,Z,te]),fe=a.useCallback(e=>{"Escape"===e.key&&(ne(!1),e.preventDefault(),e.stopPropagation()),K?.onKeyDown&&K.onKeyDown(e)},[K]),ve=a.useCallback(e=>{const t=e.currentTarget.value,r=((e,t)=>{const r=e.replace(/\D/g,""),a=o.formatDateString(r,{partial:!0}),n=e.replace(/\D+$/,""),l=8===r.length?o.formatDateString(r):e,u=p.parseDateString(l)?l:null,s=t&&e!==r&&n===a&&void 0===p.parseDateString(e)&&null===u;return u??(s?r:e)})(t,ie.current);r!==t&&((e,t)=>{const r=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value")?.set;r?r.call(e,t):e.value=t})(e.currentTarget,r);const a=t.replace(/\D/g,"");ie.current=t===a&&r===o.formatDateString(a)&&r!==t&&void 0!==p.parseDateString(r);const{date:n,error:l}=(({value:e,minDate:t,maxDate:r})=>{if(!e)return{date:null,error:null};const a=p.parseDateString(e);return a?t&&!f.isWithinLowerBound(a,t)?{date:a,error:"OUTSIDE_LOWER_BOUND"}:r&&!f.isWithinUpperBound(a,r)?{date:a,error:"OUTSIDE_UPPER_BOUND"}:{date:a,error:null}:{date:null,error:"WRONG_FORMAT"}})({value:r,minDate:Q,maxDate:Y});n&&!l&&ne(!1),re(l),ee(n),N&&N(e,n,{error:l,value:r})},[N,Q,Y]),De=a.useCallback(e=>{n.flushSync(()=>{ne(!ae)});const t=oe.current,r=t&&t.querySelector('[aria-pressed="true"]');window.requestAnimationFrame(()=>r?.focus()),K?.onClick&&K.onClick(e)},[ae,K]),me=a.useCallback(({date:e})=>{if(ne(!1),ee(e),se.current){const t=se.current;ie.current=!1,t.value=p.formatInput(e);const r=document.createEvent("HTMLEvents");r.initEvent("input",!0,!1),t.dispatchEvent(r),t.focus(),N&&N(r,e,{error:null,value:t.value})}},[N]),be=a.useCallback(e=>{e.preventDefault(),ne(!1),ue.current?.focus()},[]);return e.jsx(s.InputGroup,{id:b,className:t.clsx("jkl-datepicker",g),...z,ref:le,label:j,labelProps:k,helpLabel:q,errorLabel:w,supportLabelProps:A,tooltip:G,description:$,render:t=>e.jsx(c.BaseTextInput,{"data-focused":ae?"true":void 0,ref:ce,"data-testid":"jkl-datepicker__input","data-testautoid":m,className:"jkl-datepicker__input",name:P,defaultValue:h,value:x,type:"text",placeholder:_,width:R,onFocus:de,onBlur:pe,onChange:ve,actionButton:e.jsxs(i.Popover,{positionReference:se,open:ae,onOpenChange:()=>ne(!ae),offset:8,children:[e.jsx(i.Popover.Trigger,{...K,"data-testid":"jkl-datepicker__trigger",className:"jkl-text-input-action-button",title:ae?W:M,tabIndex:0,onClick:De,onKeyDown:fe,asChild:!0,children:e.jsx(l.IconButton,{children:e.jsx(u.CalendarIcon,{})})}),e.jsx(i.Popover.Content,{initialFocus:-1,padding:24,children:e.jsx(d.Calendar,{ref:oe,date:Z,minDate:Q,maxDate:Y,days:O,months:T,monthLabel:B,yearLabel:E,yearsToShow:L,onDateSelected:me,onTabOutside:be})})]}),...H,...t,"aria-invalid":I||!!w})})});v.displayName="DatePicker",exports.DatePicker=v;
 //# sourceMappingURL=DatePicker.cjs.map

package/build/cjs/components/datepicker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport React, {\n    type ChangeEvent,\n    type FocusEvent,\n    type KeyboardEvent,\n    type MouseEvent,\n    forwardRef,\n    useCallback,\n    useRef,\n    useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CalendarIcon } from \"../icon/icons/CalendarIcon.js\";\nimport { InputGroup } from \"../input-group/InputGroup.js\";\nimport Popover from \"../popover/Popover.js\";\nimport { BaseTextInput } from \"../text-input/BaseTextInput.js\";\nimport { Calendar } from \"./internal/Calendar.js\";\nimport { type DateInfo, getInitialDate } from \"./internal/utils.js\";\nimport type { DatePickerProps, DateValidationError } from \"./types.js\";\nimport { formatInput, parseDateString } from \"./utils.js\";\nimport { isWithinLowerBound, isWithinUpperBound } from \"./validation.js\";\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n    (props, forwardedInputRef) => {\n        const {\n            \"data-testautoid\": testAutoId,\n            id,\n            className = \"\",\n            label = \"Velg dato\",\n            labelProps,\n            defaultValue,\n            defaultShow = false,\n            value,\n            disableBeforeDate: disableBefore,\n            disableAfterDate: disableAfter,\n            yearsToShow,\n            name,\n            helpLabel,\n            errorLabel,\n            invalid,\n            days,\n            months,\n            monthLabel,\n            yearLabel,\n            placeholder = \"dd.mm.åååå\",\n            width = \"11.25rem\",\n            onChange,\n            onBlur,\n            onFocus,\n            onKeyDown,\n            action,\n            showCalendarLabel = \"Åpne kalender\",\n            hideCalendarLabel = \"Lukk kalender\",\n            supportLabelProps,\n            tooltip,\n            textInputProps,\n            description,\n            ...rest\n        } = props;\n\n        if (process.env.NODE_ENV !== \"production\" && value && defaultValue) {\n            console.warn(\n                \"DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.\",\n            );\n        }\n        /// Input state\n\n        const disableBeforeDate = parseDateString(disableBefore);\n        const minDate = disableBeforeDate\n            ? dayjs(disableBeforeDate).startOf(\"day\").toDate()\n            : undefined;\n        const disableAfterDate = parseDateString(disableAfter);\n        const maxDate = disableAfterDate\n            ? dayjs(disableAfterDate).startOf(\"day\").toDate()\n            : undefined;\n\n        const [date, setDate] = useState(\n            getInitialDate(value, defaultValue, minDate, maxDate),\n        );\n        const [error, setError] = useState<DateValidationError | null>(null);\n\n        /// Calendar state\n\n        const [showCalendar, setShowCalendar] = useState(defaultShow);\n\n        const calendarRef = useRef<HTMLDivElement>(null);\n        const datepickerRef = useRef<HTMLDivElement>(null);\n\n        /// Input events\n\n        const iconButtonRef = useRef<HTMLButtonElement | null>(null);\n        const inputRef = useRef<HTMLInputElement | null>(null);\n\n        // Hjelper for å gjøre det enklere å både forwarde refen men også bruke den selv internt\n        const unifiedInputRef = useCallback(\n            (instance: HTMLInputElement | null) => {\n                inputRef.current = instance;\n                if (forwardedInputRef) {\n                    if (typeof forwardedInputRef === \"function\") {\n                        forwardedInputRef(instance);\n                    } else {\n                        forwardedInputRef.current = instance;\n                    }\n                }\n            },\n            [forwardedInputRef],\n        );\n\n        const handleFocus = useCallback(\n            (e: FocusEvent<HTMLInputElement>) => {\n                if (!onFocus || !datepickerRef.current) {\n                    return;\n                }\n\n                const nextFocusIsInside = datepickerRef.current.contains(\n                    e.relatedTarget as Node,\n                );\n                if (!nextFocusIsInside) {\n                    onFocus(e, date, { error, value: e.target.value });\n                }\n            },\n            [onFocus, date, error],\n        );\n\n        const handleBlur = useCallback(\n            (e: FocusEvent<HTMLInputElement>) => {\n                if (onBlur) {\n                    onBlur(e, date, { error, value: e.target.value });\n                }\n            },\n            [onBlur, date, error],\n        );\n\n        const handleKeyDownAction = useCallback(\n            (e: React.KeyboardEvent<HTMLButtonElement>) => {\n                if (e.key === \"Escape\") {\n                    setShowCalendar(false);\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n\n                if (action?.onKeyDown) {\n                    action.onKeyDown(e);\n                }\n            },\n            [action],\n        );\n\n        const handleChange = useCallback(\n            (e: ChangeEvent<HTMLInputElement>) => {\n                let nextDate: Date | null = null;\n                let nextError: DateValidationError | null = null;\n\n                if (e.target.value) {\n                    const val = parseDateString(e.target.value);\n                    if (!val) {\n                        nextError = \"WRONG_FORMAT\";\n                    } else if (minDate && !isWithinLowerBound(val, minDate)) {\n                        nextError = \"OUTSIDE_LOWER_BOUND\";\n                    } else if (maxDate && !isWithinUpperBound(val, maxDate)) {\n                        nextError = \"OUTSIDE_UPPER_BOUND\";\n                    } else {\n                        setShowCalendar(false);\n                    }\n                    nextDate = val || null;\n                }\n\n                setError(nextError);\n                setDate(nextDate);\n\n                if (onChange) {\n                    onChange(e, nextDate, {\n                        error: nextError,\n                        value: e.target.value,\n                    });\n                }\n            },\n            [onChange, minDate, maxDate],\n        );\n\n        /// Calendar events\n\n        const clickCalendar = useCallback(\n            (e: MouseEvent<HTMLButtonElement>) => {\n                flushSync(() => {\n                    setShowCalendar(!showCalendar);\n                });\n\n                const calendarEl = calendarRef.current;\n                const button =\n                    calendarEl &&\n                    (calendarEl.querySelector(\n                        '[aria-pressed=\"true\"]',\n                    ) as HTMLButtonElement);\n                // Make sure the popover-modal is correctly positioned before focusing a button\n                // so we avoid accidentally scrolling to the top of the page\n                window.requestAnimationFrame(() => button?.focus());\n\n                if (action?.onClick) {\n                    action.onClick(e);\n                }\n            },\n            [showCalendar, action],\n        );\n\n        const handleClickCalendarDay = useCallback(\n            ({ date }: DateInfo) => {\n                setShowCalendar(false);\n                setDate(date);\n\n                if (inputRef.current) {\n                    const node = inputRef.current;\n\n                    node.value = formatInput(date);\n\n                    // Simulér et change-event så APIet blir så likt som mulig en endring av inputfeltet\n                    const event = document.createEvent(\"HTMLEvents\");\n                    event.initEvent(\"input\", true, false);\n                    node.dispatchEvent(event);\n\n                    node.focus();\n\n                    if (onChange) {\n                        // Det er ikke helt sant at dette er et React.SyntheticEvent, men it's fine – probably?\n                        // Den har tingene man kan forvente, men hvis du gjør serdeles fancy ting med events\n                        // så kan det hende du må utvide denne for å dekke behovet ditt.\n                        onChange(\n                            event as unknown as ChangeEvent<HTMLInputElement>,\n                            date,\n                            {\n                                error: null,\n                                value: node.value,\n                            },\n                        );\n                    }\n                }\n            },\n            [onChange],\n        );\n\n        const handleTabOutsideCalendar = useCallback((e: KeyboardEvent) => {\n            e.preventDefault();\n            setShowCalendar(false);\n            iconButtonRef.current?.focus();\n        }, []);\n\n        return (\n            <InputGroup\n                id={id}\n                className={clsx(\"jkl-datepicker\", className)}\n                {...rest}\n                ref={datepickerRef}\n                label={label}\n                labelProps={labelProps}\n                helpLabel={helpLabel}\n                errorLabel={errorLabel}\n                supportLabelProps={supportLabelProps}\n                tooltip={tooltip}\n                description={description}\n                render={(inputProps) => (\n                    <BaseTextInput\n                        data-focused={showCalendar ? \"true\" : undefined}\n                        ref={unifiedInputRef}\n                        data-testid=\"jkl-datepicker__input\"\n                        data-testautoid={testAutoId}\n                        className=\"jkl-datepicker__input\"\n                        name={name}\n                        defaultValue={defaultValue}\n                        value={value}\n                        type=\"text\"\n                        placeholder={placeholder}\n                        width={width}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        onChange={handleChange}\n                        actionButton={\n                            <Popover\n                                positionReference={inputRef}\n                                open={showCalendar}\n                                onOpenChange={() =>\n                                    setShowCalendar(!showCalendar)\n                                }\n                                offset={8}\n                            >\n                                <Popover.Trigger\n                                    {...action}\n                                    data-testid=\"jkl-datepicker__trigger\"\n                                    className=\"jkl-text-input-action-button\"\n                                    title={\n                                        showCalendar\n                                            ? hideCalendarLabel\n                                            : showCalendarLabel\n                                    }\n                                    tabIndex={0}\n                                    onClick={clickCalendar}\n                                    onKeyDown={handleKeyDownAction}\n                                    asChild\n                                >\n                                    <IconButton>\n                                        <CalendarIcon />\n                                    </IconButton>\n                                </Popover.Trigger>\n                                <Popover.Content initialFocus={-1} padding={24}>\n                                    <Calendar\n                                        ref={calendarRef}\n                                        date={date}\n                                        minDate={minDate}\n                                        maxDate={maxDate}\n                                        days={days}\n                                        months={months}\n                                        monthLabel={monthLabel}\n                                        yearLabel={yearLabel}\n                                        yearsToShow={yearsToShow}\n                                        onDateSelected={handleClickCalendarDay}\n                                        onTabOutside={handleTabOutsideCalendar}\n                                    />\n                                </Popover.Content>\n                            </Popover>\n                        }\n                        {...textInputProps}\n                        {...inputProps}\n                        aria-invalid={invalid || !!errorLabel}\n                    />\n                )}\n            />\n        );\n    },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["DatePicker","forwardRef","props","forwardedInputRef","testAutoId","id","className","label","labelProps","defaultValue","defaultShow","value","disableBeforeDate","disableBefore","disableAfterDate","disableAfter","yearsToShow","name","helpLabel","errorLabel","invalid","days","months","monthLabel","yearLabel","placeholder","width","onChange","onBlur","onFocus","onKeyDown","action","showCalendarLabel","hideCalendarLabel","supportLabelProps","tooltip","textInputProps","description","rest","process","env","NODE_ENV","console","warn","parseDateString","minDate","dayjs","startOf","toDate","maxDate","date","setDate","useState","getInitialDate","error","setError","showCalendar","setShowCalendar","calendarRef","useRef","datepickerRef","iconButtonRef","inputRef","unifiedInputRef","useCallback","instance","current","handleFocus","e","contains","relatedTarget","target","handleBlur","handleKeyDownAction","key","preventDefault","stopPropagation","handleChange","nextDate","nextError","val","isWithinLowerBound","isWithinUpperBound","clickCalendar","flushSync","calendarEl","button","querySelector","window","requestAnimationFrame","focus","onClick","handleClickCalendarDay","node","formatInput","event","document","createEvent","initEvent","dispatchEvent","handleTabOutsideCalendar","jsx","InputGroup","clsx","ref","render","inputProps","BaseTextInput","type","actionButton","jsxs","Popover","positionReference","open","onOpenChange","offset","children","Trigger","title","tabIndex","asChild","IconButton","CalendarIcon","Content","initialFocus","padding","Calendar","onDateSelected","onTabOutside","displayName"],"mappings":"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"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport React, {\n    type ChangeEvent,\n    type FocusEvent,\n    type KeyboardEvent,\n    type MouseEvent,\n    forwardRef,\n    useCallback,\n    useRef,\n    useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { formatDateString } from \"../../utilities/formatters/date/formatDate.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CalendarIcon } from \"../icon/icons/CalendarIcon.js\";\nimport { InputGroup } from \"../input-group/InputGroup.js\";\nimport Popover from \"../popover/Popover.js\";\nimport { BaseTextInput } from \"../text-input/BaseTextInput.js\";\nimport { Calendar } from \"./internal/Calendar.js\";\nimport { type DateInfo, getInitialDate } from \"./internal/utils.js\";\nimport type { DatePickerProps, DateValidationError } from \"./types.js\";\nimport { formatInput, parseDateString } from \"./utils.js\";\nimport { isWithinLowerBound, isWithinUpperBound } from \"./validation.js\";\n\nconst setInputValue = (input: HTMLInputElement, value: string) => {\n    const nativeSetter = Object.getOwnPropertyDescriptor(\n        HTMLInputElement.prototype,\n        \"value\",\n    )?.set;\n\n    if (nativeSetter) {\n        nativeSetter.call(input, value);\n    } else {\n        input.value = value;\n    }\n};\n\nconst normalizeInputValue = (\n    rawValue: string,\n    shouldStripAutoFormatting: boolean,\n) => {\n    const digits = rawValue.replace(/\\D/g, \"\");\n    const partialCompactDate = formatDateString(digits, {\n        partial: true,\n    });\n    const rawValueWithoutTrailingPunctuation = rawValue.replace(/\\D+$/, \"\");\n    const compactDateCandidate =\n        digits.length === 8 ? formatDateString(digits) : rawValue;\n    const validCompactDate = parseDateString(compactDateCandidate)\n        ? compactDateCandidate\n        : null;\n    const shouldRemoveFormatting =\n        shouldStripAutoFormatting &&\n        rawValue !== digits &&\n        rawValueWithoutTrailingPunctuation === partialCompactDate &&\n        parseDateString(rawValue) === undefined &&\n        validCompactDate === null;\n\n    return validCompactDate ?? (shouldRemoveFormatting ? digits : rawValue);\n};\n\nconst getInputValidationState = ({\n    value,\n    minDate,\n    maxDate,\n}: {\n    value: string;\n    minDate?: Date;\n    maxDate?: Date;\n}): { date: Date | null; error: DateValidationError | null } => {\n    if (!value) {\n        return { date: null, error: null };\n    }\n\n    const parsedDate = parseDateString(value);\n\n    if (!parsedDate) {\n        return { date: null, error: \"WRONG_FORMAT\" };\n    }\n\n    if (minDate && !isWithinLowerBound(parsedDate, minDate)) {\n        return { date: parsedDate, error: \"OUTSIDE_LOWER_BOUND\" };\n    }\n\n    if (maxDate && !isWithinUpperBound(parsedDate, maxDate)) {\n        return { date: parsedDate, error: \"OUTSIDE_UPPER_BOUND\" };\n    }\n\n    return { date: parsedDate, error: null };\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n    (props, forwardedInputRef) => {\n        const {\n            \"data-testautoid\": testAutoId,\n            id,\n            className = \"\",\n            label = \"Velg dato\",\n            labelProps,\n            defaultValue,\n            defaultShow = false,\n            value,\n            disableBeforeDate: disableBefore,\n            disableAfterDate: disableAfter,\n            yearsToShow,\n            name,\n            helpLabel,\n            errorLabel,\n            invalid,\n            days,\n            months,\n            monthLabel,\n            yearLabel,\n            placeholder = \"dd.mm.åååå\",\n            width = \"11.25rem\",\n            onChange,\n            onBlur,\n            onFocus,\n            onKeyDown,\n            action,\n            showCalendarLabel = \"Åpne kalender\",\n            hideCalendarLabel = \"Lukk kalender\",\n            supportLabelProps,\n            tooltip,\n            textInputProps,\n            description,\n            ...rest\n        } = props;\n\n        if (process.env.NODE_ENV !== \"production\" && value && defaultValue) {\n            console.warn(\n                \"DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.\",\n            );\n        }\n        /// Input state\n\n        const disableBeforeDate = parseDateString(disableBefore);\n        const minDate = disableBeforeDate\n            ? dayjs(disableBeforeDate).startOf(\"day\").toDate()\n            : undefined;\n        const disableAfterDate = parseDateString(disableAfter);\n        const maxDate = disableAfterDate\n            ? dayjs(disableAfterDate).startOf(\"day\").toDate()\n            : undefined;\n\n        const [date, setDate] = useState(\n            getInitialDate(value, defaultValue, minDate, maxDate),\n        );\n        const [error, setError] = useState<DateValidationError | null>(null);\n\n        /// Calendar state\n\n        const [showCalendar, setShowCalendar] = useState(defaultShow);\n\n        const calendarRef = useRef<HTMLDivElement>(null);\n        const datepickerRef = useRef<HTMLDivElement>(null);\n\n        /// Input events\n\n        const iconButtonRef = useRef<HTMLButtonElement | null>(null);\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const didAutoFormatCompactInputRef = useRef(false);\n\n        // Hjelper for å gjøre det enklere å både forwarde refen men også bruke den selv internt\n        const unifiedInputRef = useCallback(\n            (instance: HTMLInputElement | null) => {\n                inputRef.current = instance;\n                if (forwardedInputRef) {\n                    if (typeof forwardedInputRef === \"function\") {\n                        forwardedInputRef(instance);\n                    } else {\n                        forwardedInputRef.current = instance;\n                    }\n                }\n            },\n            [forwardedInputRef],\n        );\n\n        const handleFocus = useCallback(\n            (e: FocusEvent<HTMLInputElement>) => {\n                if (!onFocus || !datepickerRef.current) {\n                    return;\n                }\n\n                const nextFocusIsInside = datepickerRef.current.contains(\n                    e.relatedTarget as Node,\n                );\n                if (!nextFocusIsInside) {\n                    onFocus(e, date, { error, value: e.target.value });\n                }\n            },\n            [onFocus, date, error],\n        );\n\n        const handleBlur = useCallback(\n            (e: FocusEvent<HTMLInputElement>) => {\n                if (onBlur) {\n                    onBlur(e, date, { error, value: e.target.value });\n                }\n            },\n            [onBlur, date, error],\n        );\n\n        const handleKeyDownAction = useCallback(\n            (e: React.KeyboardEvent<HTMLButtonElement>) => {\n                if (e.key === \"Escape\") {\n                    setShowCalendar(false);\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n\n                if (action?.onKeyDown) {\n                    action.onKeyDown(e);\n                }\n            },\n            [action],\n        );\n\n        const handleChange = useCallback(\n            (e: ChangeEvent<HTMLInputElement>) => {\n                const rawValue = e.currentTarget.value;\n                const formattedValue = normalizeInputValue(\n                    rawValue,\n                    didAutoFormatCompactInputRef.current,\n                );\n\n                if (formattedValue !== rawValue) {\n                    setInputValue(e.currentTarget, formattedValue);\n                }\n\n                const digits = rawValue.replace(/\\D/g, \"\");\n                didAutoFormatCompactInputRef.current =\n                    rawValue === digits &&\n                    formattedValue === formatDateString(digits) &&\n                    formattedValue !== rawValue &&\n                    parseDateString(formattedValue) !== undefined;\n\n                const { date: nextDate, error: nextError } =\n                    getInputValidationState({\n                        value: formattedValue,\n                        minDate,\n                        maxDate,\n                    });\n\n                if (nextDate && !nextError) {\n                    setShowCalendar(false);\n                }\n\n                setError(nextError);\n                setDate(nextDate);\n\n                if (onChange) {\n                    onChange(e, nextDate, {\n                        error: nextError,\n                        value: formattedValue,\n                    });\n                }\n            },\n            [onChange, minDate, maxDate],\n        );\n\n        /// Calendar events\n\n        const clickCalendar = useCallback(\n            (e: MouseEvent<HTMLButtonElement>) => {\n                flushSync(() => {\n                    setShowCalendar(!showCalendar);\n                });\n\n                const calendarEl = calendarRef.current;\n                const button =\n                    calendarEl &&\n                    (calendarEl.querySelector(\n                        '[aria-pressed=\"true\"]',\n                    ) as HTMLButtonElement);\n                // Make sure the popover-modal is correctly positioned before focusing a button\n                // so we avoid accidentally scrolling to the top of the page\n                window.requestAnimationFrame(() => button?.focus());\n\n                if (action?.onClick) {\n                    action.onClick(e);\n                }\n            },\n            [showCalendar, action],\n        );\n\n        const handleClickCalendarDay = useCallback(\n            ({ date }: DateInfo) => {\n                setShowCalendar(false);\n                setDate(date);\n\n                if (inputRef.current) {\n                    const node = inputRef.current;\n\n                    didAutoFormatCompactInputRef.current = false;\n                    node.value = formatInput(date);\n\n                    // Simulér et change-event så APIet blir så likt som mulig en endring av inputfeltet\n                    const event = document.createEvent(\"HTMLEvents\");\n                    event.initEvent(\"input\", true, false);\n                    node.dispatchEvent(event);\n\n                    node.focus();\n\n                    if (onChange) {\n                        // Det er ikke helt sant at dette er et React.SyntheticEvent, men it's fine – probably?\n                        // Den har tingene man kan forvente, men hvis du gjør serdeles fancy ting med events\n                        // så kan det hende du må utvide denne for å dekke behovet ditt.\n                        onChange(\n                            event as unknown as ChangeEvent<HTMLInputElement>,\n                            date,\n                            {\n                                error: null,\n                                value: node.value,\n                            },\n                        );\n                    }\n                }\n            },\n            [onChange],\n        );\n\n        const handleTabOutsideCalendar = useCallback((e: KeyboardEvent) => {\n            e.preventDefault();\n            setShowCalendar(false);\n            iconButtonRef.current?.focus();\n        }, []);\n\n        return (\n            <InputGroup\n                id={id}\n                className={clsx(\"jkl-datepicker\", className)}\n                {...rest}\n                ref={datepickerRef}\n                label={label}\n                labelProps={labelProps}\n                helpLabel={helpLabel}\n                errorLabel={errorLabel}\n                supportLabelProps={supportLabelProps}\n                tooltip={tooltip}\n                description={description}\n                render={(inputProps) => (\n                    <BaseTextInput\n                        data-focused={showCalendar ? \"true\" : undefined}\n                        ref={unifiedInputRef}\n                        data-testid=\"jkl-datepicker__input\"\n                        data-testautoid={testAutoId}\n                        className=\"jkl-datepicker__input\"\n                        name={name}\n                        defaultValue={defaultValue}\n                        value={value}\n                        type=\"text\"\n                        placeholder={placeholder}\n                        width={width}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        onChange={handleChange}\n                        actionButton={\n                            <Popover\n                                positionReference={inputRef}\n                                open={showCalendar}\n                                onOpenChange={() =>\n                                    setShowCalendar(!showCalendar)\n                                }\n                                offset={8}\n                            >\n                                <Popover.Trigger\n                                    {...action}\n                                    data-testid=\"jkl-datepicker__trigger\"\n                                    className=\"jkl-text-input-action-button\"\n                                    title={\n                                        showCalendar\n                                            ? hideCalendarLabel\n                                            : showCalendarLabel\n                                    }\n                                    tabIndex={0}\n                                    onClick={clickCalendar}\n                                    onKeyDown={handleKeyDownAction}\n                                    asChild\n                                >\n                                    <IconButton>\n                                        <CalendarIcon />\n                                    </IconButton>\n                                </Popover.Trigger>\n                                <Popover.Content initialFocus={-1} padding={24}>\n                                    <Calendar\n                                        ref={calendarRef}\n                                        date={date}\n                                        minDate={minDate}\n                                        maxDate={maxDate}\n                                        days={days}\n                                        months={months}\n                                        monthLabel={monthLabel}\n                                        yearLabel={yearLabel}\n                                        yearsToShow={yearsToShow}\n                                        onDateSelected={handleClickCalendarDay}\n                                        onTabOutside={handleTabOutsideCalendar}\n                                    />\n                                </Popover.Content>\n                            </Popover>\n                        }\n                        {...textInputProps}\n                        {...inputProps}\n                        aria-invalid={invalid || !!errorLabel}\n                    />\n                )}\n            />\n        );\n    },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["DatePicker","forwardRef","props","forwardedInputRef","testAutoId","id","className","label","labelProps","defaultValue","defaultShow","value","disableBeforeDate","disableBefore","disableAfterDate","disableAfter","yearsToShow","name","helpLabel","errorLabel","invalid","days","months","monthLabel","yearLabel","placeholder","width","onChange","onBlur","onFocus","onKeyDown","action","showCalendarLabel","hideCalendarLabel","supportLabelProps","tooltip","textInputProps","description","rest","process","env","NODE_ENV","console","warn","parseDateString","minDate","dayjs","startOf","toDate","maxDate","date","setDate","useState","getInitialDate","error","setError","showCalendar","setShowCalendar","calendarRef","useRef","datepickerRef","iconButtonRef","inputRef","didAutoFormatCompactInputRef","unifiedInputRef","useCallback","instance","current","handleFocus","e","contains","relatedTarget","target","handleBlur","handleKeyDownAction","key","preventDefault","stopPropagation","handleChange","rawValue","currentTarget","formattedValue","shouldStripAutoFormatting","digits","replace","partialCompactDate","formatDateString","partial","rawValueWithoutTrailingPunctuation","compactDateCandidate","length","validCompactDate","shouldRemoveFormatting","normalizeInputValue","input","nativeSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","setInputValue","nextDate","nextError","parsedDate","isWithinLowerBound","isWithinUpperBound","getInputValidationState","clickCalendar","flushSync","calendarEl","button","querySelector","window","requestAnimationFrame","focus","onClick","handleClickCalendarDay","node","formatInput","event","document","createEvent","initEvent","dispatchEvent","handleTabOutsideCalendar","jsx","InputGroup","clsx","ref","render","inputProps","BaseTextInput","type","actionButton","jsxs","Popover","positionReference","open","onOpenChange","offset","children","Trigger","title","tabIndex","asChild","IconButton","CalendarIcon","Content","initialFocus","padding","Calendar","onDateSelected","onTabOutside","displayName"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, ChangeEvent, ComponentProps, FocusEvent, KeyboardEvent } from 'react';
-import { DataTestAutoId } from '../../core/types.cjs';
+import { DataTestAutoId } from '../../utilities/types.cjs';
 import { InputGroupProps, LabelProps } from '../input-group/types.cjs';
 export type DateValidationError = "WRONG_FORMAT" | "OUTSIDE_LOWER_BOUND" | "OUTSIDE_UPPER_BOUND";
 export type DatePickerChangeEventHandler = (e: ChangeEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;

package/build/cjs/components/description-list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./DescriptionList.cjs"),t=require("../../components-beta/description-list/DescriptionList.cjs"),e=require("../../components-beta/description-list/DescriptionListItem.cjs");exports.DescriptionDetail=i.DescriptionDetail,exports.DescriptionList=i.DescriptionList,exports.DescriptionTerm=i.DescriptionTerm,exports.BETA_DescriptionList=t.DescriptionList,exports.BETA_DescriptionListItem=e.DescriptionListItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./DescriptionList.cjs"),t=require("../beta/description-list/DescriptionList.cjs"),e=require("../beta/description-list/DescriptionListItem.cjs");exports.DescriptionDetail=i.DescriptionDetail,exports.DescriptionList=i.DescriptionList,exports.DescriptionTerm=i.DescriptionTerm,exports.BETA_DescriptionList=t.DescriptionList,exports.BETA_DescriptionListItem=e.DescriptionListItem;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,5 +1,5 @@
 export { DescriptionList, DescriptionTerm, DescriptionDetail, } from './DescriptionList.cjs';
 export type { DescriptionListProps, DescriptionTermProps, DescriptionDetailProps, } from './types.cjs';
-export { DescriptionList as BETA_DescriptionList } from '../../components-beta/description-list/DescriptionList.cjs';
-export { DescriptionListItem as BETA_DescriptionListItem } from '../../components-beta/description-list/DescriptionListItem.cjs';
-export type { DescriptionListProps as BETA_DescriptionListProps } from '../../components-beta/description-list/types.cjs';
+export { DescriptionList as BETA_DescriptionList } from '../beta/description-list/DescriptionList.jsx';
+export { DescriptionListItem as BETA_DescriptionListItem } from '../beta/description-list/DescriptionListItem.jsx';
+export type { DescriptionListProps as BETA_DescriptionListProps } from '../beta/description-list/types.cjs';

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

@@ -1,4 +1,4 @@
-import { WithChildren } from '../../core/types.cjs';
+import { WithChildren } from '../../utilities/types.cjs';
 export interface DescriptionListProps extends WithChildren {
     className?: string;
     separators?: boolean;

package/build/cjs/components/expander/ExpandablePanel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),a=require("./ExpandablePanelContent.cjs"),r=require("./context.cjs"),s=require("./Expander.cjs"),i=Object.assign(n.forwardRef(function(a,s){const{children:i,as:l="details",variant:o="fill",open:d,defaultOpen:c,onOpenChange:u,className:p,...x}=a,[j,f]=n.useState(c||!1),[b,g]=n.useState(!1),[v,E]=n.useState(0),h=n.useRef();n.useImperativeHandle(s,()=>h.current,[]);const m=l,S=typeof d<"u",q=S?d:j;return n.useEffect(()=>{const e=e=>{f("open"===e.newState)},t=h.current;return t?.addEventListener("toggle",e),()=>t?.removeEventListener("toggle",e)},[]),e.jsxs("div",{className:"jkl-expandable__wrapper",children:[e.jsx("div",{ref:e=>e?.setAttribute("inert","true"),className:"jkl-expandable__focus-container",style:{height:v}}),e.jsx(m,{ref:h,"data-testid":"jkl-expand-section",className:t.clsx("jkl-expandable",`jkl-expandable--${o}`,p),open:"details"===l?q||b:void 0,"data-visible-content":q||b,...x,children:e.jsx(r.ExpanderContext.Provider,{value:{open:q,onToggle:()=>{S||f(e=>(u?.(!e),!e))},onTransitionEnd:g,onTransitionStart:e=>{e&&g(!0)},setExpanderHeight:E},children:i})})]})}),{Content:a.ExpandablePanelContent,Header:s.Expander});exports.ExpandablePanel=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),a=require("./ExpandablePanelContent.cjs"),r=require("./Expander.cjs"),s=require("./context.cjs"),i=Object.assign(n.forwardRef(function(a,r){const{children:i,as:l="details",variant:o="fill",open:d,defaultOpen:c,onOpenChange:u,className:p,...x}=a,[j,f]=n.useState(c||!1),[b,g]=n.useState(!1),[v,E]=n.useState(0),h=n.useRef();n.useImperativeHandle(r,()=>h.current,[]);const m=l,S=typeof d<"u",q=S?d:j;return n.useEffect(()=>{const e=e=>{f("open"===e.newState)},t=h.current;return t?.addEventListener("toggle",e),()=>t?.removeEventListener("toggle",e)},[]),e.jsxs("div",{className:"jkl-expandable__wrapper",children:[e.jsx("div",{ref:e=>e?.setAttribute("inert","true"),className:"jkl-expandable__focus-container",style:{height:v}}),e.jsx(m,{ref:h,"data-testid":"jkl-expand-section",className:t.clsx("jkl-expandable",`jkl-expandable--${o}`,p),open:"details"===l?q||b:void 0,"data-visible-content":q||b,...x,children:e.jsx(s.ExpanderContext.Provider,{value:{open:q,onToggle:()=>{S?u?.(!q):f(e=>(u?.(!e),!e))},onTransitionEnd:g,onTransitionStart:e=>{e&&g(!0)},setExpanderHeight:E},children:i})})]})}),{Content:a.ExpandablePanelContent,Header:r.Expander});exports.ExpandablePanel=i;
 //# sourceMappingURL=ExpandablePanel.cjs.map

package/build/cjs/components/expander/ExpandablePanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandablePanel.cjs","sources":["../../../../src/components/expander/ExpandablePanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ExpandablePanelContent } from \"./ExpandablePanelContent.js\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n    ExpandablePanelComponent,\n    ExpandablePanelProps,\n} from \"./types.js\";\nimport { Expander } from \"./Expander.jsx\";\n\nexport const ExpandablePanel = Object.assign(\n    React.forwardRef(function ExpandablePanel<\n        ElementType extends React.ElementType = \"details\",\n    >(\n        props: ExpandablePanelProps<ElementType>,\n        ref?: PolymorphicRef<ElementType>,\n    ) {\n        const {\n            children,\n            as = \"details\",\n            variant = \"fill\",\n            open: controlledOpen,\n            defaultOpen,\n            onOpenChange,\n            className,\n            ...rest\n        } = props;\n\n        const [uncontrolledOpen, setUncontrolledOpen] = useState(\n            defaultOpen || false,\n        );\n        const [contentIsVisible, setContentIsVisible] = useState(false);\n        const [expanderHeight, setExpanderHeight] = useState(0);\n\n        const internalRef = useRef<HTMLDetailsElement>();\n        useImperativeHandle(ref, () => internalRef.current, []);\n\n        const El = as;\n        const isControlled = typeof controlledOpen !== \"undefined\";\n        const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n        const setVisibleIfOpening = (isOpening: boolean) => {\n            if (isOpening) {\n                setContentIsVisible(true);\n            }\n        };\n\n        const syncUncontrolledState = () => {\n            if (isControlled) {\n                return;\n            }\n            setUncontrolledOpen((previousValue) => {\n                onOpenChange?.(!previousValue);\n                return !previousValue;\n            });\n        };\n\n        useEffect(() => {\n            const callback = (e: ToggleEvent & { newState: string }) => {\n                setUncontrolledOpen(e.newState === \"open\");\n            };\n\n            const element = internalRef.current;\n\n            element?.addEventListener(\"toggle\", callback as EventListener);\n\n            return () =>\n                element?.removeEventListener(\n                    \"toggle\",\n                    callback as EventListener,\n                );\n        }, []);\n\n        return (\n            <div className=\"jkl-expandable__wrapper\">\n                <div\n                    /*\n                        Setter `inert` manuelt for å støtte både React 18 og 19.\n\n                        Dette unngår typefeil i React 18 og advarsler i React 19.\n                        Se: https://github.com/WICG/inert/issues/58\n                    */\n                    ref={(node) => node?.setAttribute(\"inert\", \"true\")}\n                    className=\"jkl-expandable__focus-container\"\n                    style={{ height: expanderHeight }}\n                />\n                <El\n                    ref={internalRef}\n                    data-testid={\"jkl-expand-section\"}\n                    className={clsx(\n                        \"jkl-expandable\",\n                        `jkl-expandable--${variant}`,\n                        className,\n                    )}\n                    open={\n                        /* for the animation to work in Safari we must ensure that\n                         * the element is open *before* the transition starts */\n                        as === \"details\"\n                            ? isOpen || contentIsVisible\n                            : undefined\n                    }\n                    /* this attribute is used for styling purposes */\n                    data-visible-content={isOpen || contentIsVisible}\n                    {...rest}\n                >\n                    <ExpanderContext.Provider\n                        value={{\n                            open: isOpen,\n                            onToggle: syncUncontrolledState,\n                            onTransitionEnd: setContentIsVisible,\n                            onTransitionStart: setVisibleIfOpening,\n                            setExpanderHeight,\n                        }}\n                    >\n                        {children}\n                    </ExpanderContext.Provider>\n                </El>\n            </div>\n        );\n    }),\n    { Content: ExpandablePanelContent, Header: Expander },\n) as ExpandablePanelComponent;\n"],"names":["ExpandablePanel","Object","assign","React","forwardRef","props","ref","children","as","variant","open","controlledOpen","defaultOpen","onOpenChange","className","rest","uncontrolledOpen","setUncontrolledOpen","useState","contentIsVisible","setContentIsVisible","expanderHeight","setExpanderHeight","internalRef","useRef","useImperativeHandle","current","El","isControlled","isOpen","useEffect","callback","e","newState","element","addEventListener","removeEventListener","jsxs","jsx","node","setAttribute","style","height","clsx","ExpanderContext","Provider","value","onToggle","previousValue","onTransitionEnd","onTransitionStart","isOpening","Content","ExpandablePanelContent","Header","Expander"],"mappings":"iRAWaA,EAAkBC,OAAOC,OAClCC,EAAMC,WAAW,SAGbC,EACAC,GAEA,MACIC,SAAAA,EACAC,GAAAA,EAAK,UACLC,QAAAA,EAAU,OACVC,KAAMC,EACNC,YAAAA,EACAC,aAAAA,EACAC,UAAAA,KACGC,GACHV,GAEGW,EAAkBC,GAAuBC,EAAAA,SAC5CN,IAAe,IAEZO,EAAkBC,GAAuBF,EAAAA,UAAS,IAClDG,EAAgBC,GAAqBJ,EAAAA,SAAS,GAE/CK,EAAcC,EAAAA,SACpBC,EAAAA,oBAAoBnB,EAAK,IAAMiB,EAAYG,QAAS,IAEpD,MAAMC,EAAKnB,EACLoB,SAAsBjB,EAAmB,IACzCkB,EAASD,EAAejB,EAAiBK,EAkB/Cc,OAAAA,EAAAA,UAAU,KACN,MAAMC,EAAYC,IACdf,EAAmC,SAAfe,EAAEC,WAGpBC,EAAUX,EAAYG,QAE5B,OAAAQ,GAASC,iBAAiB,SAAUJ,GAE7B,IACHG,GAASE,oBACL,SACAL,IAET,IAGCM,EAAAA,KAAC,MAAA,CAAIvB,UAAU,0BACXP,SAAA,CAAA+B,EAAAA,IAAC,MAAA,CAOGhC,IAAMiC,GAASA,GAAMC,aAAa,QAAS,QAC3C1B,UAAU,kCACV2B,MAAO,CAAEC,OAAQrB,KAErBiB,EAAAA,IAACX,EAAA,CACGrB,IAAKiB,EACL,cAAa,qBACbT,UAAW6B,EAAAA,KACP,iBACA,mBAAmBlC,IACnBK,GAEJJ,KAGW,YAAPF,EACMqB,GAAUV,OACV,EAGV,uBAAsBU,GAAUV,KAC5BJ,EAEJR,SAAA+B,EAAAA,IAACM,EAAAA,gBAAgBC,SAAhB,CACGC,MAAO,CACHpC,KAAMmB,EACNkB,SA7DU,KACtBnB,GAGJX,EAAqB+B,IACjBnC,KAAgBmC,IACRA,KAwDIC,gBAAiB7B,EACjB8B,kBArESC,IACrBA,GACA/B,GAAoB,IAoERE,kBAAAA,GAGHf,SAAAA,QAKrB,GACA,CAAE6C,QAASC,yBAAwBC,OAAQC,EAAAA"}
+{"version":3,"file":"ExpandablePanel.cjs","sources":["../../../../src/components/expander/ExpandablePanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ExpandablePanelContent } from \"./ExpandablePanelContent.js\";\nimport { Expander } from \"./Expander.jsx\";\nimport { ExpanderContext } from \"./context.js\";\nimport type {\n    ExpandablePanelComponent,\n    ExpandablePanelProps,\n} from \"./types.js\";\n\nexport const ExpandablePanel = Object.assign(\n    React.forwardRef(function ExpandablePanel<\n        ElementType extends React.ElementType = \"details\",\n    >(\n        props: ExpandablePanelProps<ElementType>,\n        ref?: PolymorphicRef<ElementType>,\n    ) {\n        const {\n            children,\n            as = \"details\",\n            variant = \"fill\",\n            open: controlledOpen,\n            defaultOpen,\n            onOpenChange,\n            className,\n            ...rest\n        } = props;\n\n        const [uncontrolledOpen, setUncontrolledOpen] = useState(\n            defaultOpen || false,\n        );\n        const [contentIsVisible, setContentIsVisible] = useState(false);\n        const [expanderHeight, setExpanderHeight] = useState(0);\n\n        const internalRef = useRef<HTMLDetailsElement>();\n        useImperativeHandle(ref, () => internalRef.current, []);\n\n        const El = as;\n        const isControlled = typeof controlledOpen !== \"undefined\";\n        const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n        const setVisibleIfOpening = (isOpening: boolean) => {\n            if (isOpening) {\n                setContentIsVisible(true);\n            }\n        };\n\n        const syncUncontrolledState = () => {\n            if (isControlled) {\n                onOpenChange?.(!isOpen);\n                return;\n            }\n            setUncontrolledOpen((previousValue) => {\n                onOpenChange?.(!previousValue);\n                return !previousValue;\n            });\n        };\n\n        useEffect(() => {\n            const callback = (e: ToggleEvent & { newState: string }) => {\n                setUncontrolledOpen(e.newState === \"open\");\n            };\n\n            const element = internalRef.current;\n\n            element?.addEventListener(\"toggle\", callback as EventListener);\n\n            return () =>\n                element?.removeEventListener(\n                    \"toggle\",\n                    callback as EventListener,\n                );\n        }, []);\n\n        return (\n            <div className=\"jkl-expandable__wrapper\">\n                <div\n                    /*\n                        Setter `inert` manuelt for å støtte både React 18 og 19.\n\n                        Dette unngår typefeil i React 18 og advarsler i React 19.\n                        Se: https://github.com/WICG/inert/issues/58\n                    */\n                    ref={(node) => node?.setAttribute(\"inert\", \"true\")}\n                    className=\"jkl-expandable__focus-container\"\n                    style={{ height: expanderHeight }}\n                />\n                <El\n                    ref={internalRef}\n                    data-testid={\"jkl-expand-section\"}\n                    className={clsx(\n                        \"jkl-expandable\",\n                        `jkl-expandable--${variant}`,\n                        className,\n                    )}\n                    open={\n                        /* for the animation to work in Safari we must ensure that\n                         * the element is open *before* the transition starts */\n                        as === \"details\"\n                            ? isOpen || contentIsVisible\n                            : undefined\n                    }\n                    /* this attribute is used for styling purposes */\n                    data-visible-content={isOpen || contentIsVisible}\n                    {...rest}\n                >\n                    <ExpanderContext.Provider\n                        value={{\n                            open: isOpen,\n                            onToggle: syncUncontrolledState,\n                            onTransitionEnd: setContentIsVisible,\n                            onTransitionStart: setVisibleIfOpening,\n                            setExpanderHeight,\n                        }}\n                    >\n                        {children}\n                    </ExpanderContext.Provider>\n                </El>\n            </div>\n        );\n    }),\n    { Content: ExpandablePanelContent, Header: Expander },\n) as ExpandablePanelComponent;\n"],"names":["ExpandablePanel","Object","assign","React","forwardRef","props","ref","children","as","variant","open","controlledOpen","defaultOpen","onOpenChange","className","rest","uncontrolledOpen","setUncontrolledOpen","useState","contentIsVisible","setContentIsVisible","expanderHeight","setExpanderHeight","internalRef","useRef","useImperativeHandle","current","El","isControlled","isOpen","useEffect","callback","e","newState","element","addEventListener","removeEventListener","jsxs","jsx","node","setAttribute","style","height","clsx","ExpanderContext","Provider","value","onToggle","previousValue","onTransitionEnd","onTransitionStart","isOpening","Content","ExpandablePanelContent","Header","Expander"],"mappings":"iRAWaA,EAAkBC,OAAOC,OAClCC,EAAMC,WAAW,SAGbC,EACAC,GAEA,MACIC,SAAAA,EACAC,GAAAA,EAAK,UACLC,QAAAA,EAAU,OACVC,KAAMC,EACNC,YAAAA,EACAC,aAAAA,EACAC,UAAAA,KACGC,GACHV,GAEGW,EAAkBC,GAAuBC,EAAAA,SAC5CN,IAAe,IAEZO,EAAkBC,GAAuBF,EAAAA,UAAS,IAClDG,EAAgBC,GAAqBJ,EAAAA,SAAS,GAE/CK,EAAcC,EAAAA,SACpBC,EAAAA,oBAAoBnB,EAAK,IAAMiB,EAAYG,QAAS,IAEpD,MAAMC,EAAKnB,EACLoB,SAAsBjB,EAAmB,IACzCkB,EAASD,EAAejB,EAAiBK,EAmB/Cc,OAAAA,EAAAA,UAAU,KACN,MAAMC,EAAYC,IACdf,EAAmC,SAAfe,EAAEC,WAGpBC,EAAUX,EAAYG,QAE5B,OAAAQ,GAASC,iBAAiB,SAAUJ,GAE7B,IACHG,GAASE,oBACL,SACAL,IAET,IAGCM,EAAAA,KAAC,MAAA,CAAIvB,UAAU,0BACXP,SAAA,CAAA+B,EAAAA,IAAC,MAAA,CAOGhC,IAAMiC,GAASA,GAAMC,aAAa,QAAS,QAC3C1B,UAAU,kCACV2B,MAAO,CAAEC,OAAQrB,KAErBiB,EAAAA,IAACX,EAAA,CACGrB,IAAKiB,EACL,cAAa,qBACbT,UAAW6B,EAAAA,KACP,iBACA,mBAAmBlC,IACnBK,GAEJJ,KAGW,YAAPF,EACMqB,GAAUV,OACV,EAGV,uBAAsBU,GAAUV,KAC5BJ,EAEJR,SAAA+B,EAAAA,IAACM,EAAAA,gBAAgBC,SAAhB,CACGC,MAAO,CACHpC,KAAMmB,EACNkB,SA9DU,KACtBnB,EACAf,KAAgBgB,GAGpBZ,EAAqB+B,IACjBnC,KAAgBmC,IACRA,KAwDIC,gBAAiB7B,EACjB8B,kBAtESC,IACrBA,GACA/B,GAAoB,IAqERE,kBAAAA,GAGHf,SAAAA,QAKrB,GACA,CAAE6C,QAASC,yBAAwBC,OAAQC,EAAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"feedbackContext.cjs","sources":["../../../../src/components/feedback/feedbackContext.tsx"],"sourcesContent":["import React, { createContext, type FC, useContext } from \"react\";\nimport type { WithChildren } from \"../../core/types.js\";\nimport type { BaseTextAreaProps } from \"../text-area/types.js\";\n\ntype FeedbackContext = {\n    feedbackSubmitted: boolean;\n    followupStarted: boolean;\n    followupSubmitted: boolean;\n    contactSubmitted: boolean;\n    landmarkLabel?: string;\n    setFeedbackSubmitted: (state: boolean) => void;\n    setFollowupStarted: (state: boolean) => void;\n    setFollowupSubmitted: (state: boolean) => void;\n    setContactSubmitted: (state: boolean) => void;\n} & Pick<BaseTextAreaProps, \"counter\">;\n\nconst initialState: FeedbackContext = {\n    feedbackSubmitted: false,\n    followupStarted: false,\n    followupSubmitted: false,\n    contactSubmitted: false,\n    setFeedbackSubmitted: () => null,\n    setFollowupStarted: () => null,\n    setFollowupSubmitted: () => null,\n    setContactSubmitted: () => null,\n};\n\nconst feedbackContext = createContext(initialState);\n\nexport const useFeedbackContext = (): FeedbackContext =>\n    useContext(feedbackContext);\n\ninterface FeedbackContextProviderProps extends WithChildren {\n    value: FeedbackContext;\n}\n\nexport const FeedbackContextProvider: FC<FeedbackContextProviderProps> = ({\n    value,\n    children,\n}) => (\n    <feedbackContext.Provider value={value}>\n        {children}\n    </feedbackContext.Provider>\n);\n"],"names":["feedbackContext","createContext","feedbackSubmitted","followupStarted","followupSubmitted","contactSubmitted","setFeedbackSubmitted","setFollowupStarted","setFollowupSubmitted","setContactSubmitted","value","children","jsx","Provider","useContext"],"mappings":"wIA2BMA,EAAkBC,EAAAA,cAXc,CAClCC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,EACnBC,kBAAkB,EAClBC,qBAAsB,IAAM,KAC5BC,mBAAoB,IAAM,KAC1BC,qBAAsB,IAAM,KAC5BC,oBAAqB,IAAM,uCAY0C,EACrEC,MAAAA,EACAC,SAAAA,KAEAC,EAAAA,IAACZ,EAAgBa,SAAhB,CAAyBH,MAAAA,EACrBC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWd"}
+{"version":3,"file":"feedbackContext.cjs","sources":["../../../../src/components/feedback/feedbackContext.tsx"],"sourcesContent":["import React, { createContext, type FC, useContext } from \"react\";\nimport type { WithChildren } from \"../../utilities/types.js\";\nimport type { BaseTextAreaProps } from \"../text-area/types.js\";\n\ntype FeedbackContext = {\n    feedbackSubmitted: boolean;\n    followupStarted: boolean;\n    followupSubmitted: boolean;\n    contactSubmitted: boolean;\n    landmarkLabel?: string;\n    setFeedbackSubmitted: (state: boolean) => void;\n    setFollowupStarted: (state: boolean) => void;\n    setFollowupSubmitted: (state: boolean) => void;\n    setContactSubmitted: (state: boolean) => void;\n} & Pick<BaseTextAreaProps, \"counter\">;\n\nconst initialState: FeedbackContext = {\n    feedbackSubmitted: false,\n    followupStarted: false,\n    followupSubmitted: false,\n    contactSubmitted: false,\n    setFeedbackSubmitted: () => null,\n    setFollowupStarted: () => null,\n    setFollowupSubmitted: () => null,\n    setContactSubmitted: () => null,\n};\n\nconst feedbackContext = createContext(initialState);\n\nexport const useFeedbackContext = (): FeedbackContext =>\n    useContext(feedbackContext);\n\ninterface FeedbackContextProviderProps extends WithChildren {\n    value: FeedbackContext;\n}\n\nexport const FeedbackContextProvider: FC<FeedbackContextProviderProps> = ({\n    value,\n    children,\n}) => (\n    <feedbackContext.Provider value={value}>\n        {children}\n    </feedbackContext.Provider>\n);\n"],"names":["feedbackContext","createContext","feedbackSubmitted","followupStarted","followupSubmitted","contactSubmitted","setFeedbackSubmitted","setFollowupStarted","setFollowupSubmitted","setContactSubmitted","value","children","jsx","Provider","useContext"],"mappings":"wIA2BMA,EAAkBC,EAAAA,cAXc,CAClCC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,EACnBC,kBAAkB,EAClBC,qBAAsB,IAAM,KAC5BC,mBAAoB,IAAM,KAC1BC,qBAAsB,IAAM,KAC5BC,oBAAqB,IAAM,uCAY0C,EACrEC,MAAAA,EACAC,SAAAA,KAEAC,EAAAA,IAACZ,EAAgBa,SAAhB,CAAyBH,MAAAA,EACrBC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWd"}

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { WithChildren } from '../../core/types.cjs';
+import { WithChildren } from '../../utilities/types.cjs';
 import { BaseTextAreaProps } from '../text-area/types.cjs';
 type FeedbackContext = {
     feedbackSubmitted: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"followupContext.cjs","sources":["../../../../../src/components/feedback/followup/followupContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { FollowupState } from \"../types.js\";\n\nconst followUpContext = createContext<FollowupState | undefined>(undefined);\n\nexport const useFollowUpContext = (): FollowupState | undefined =>\n    useContext(followUpContext);\n\ninterface FollowupContextProviderProps extends WithChildren {\n    state: FollowupState;\n}\n\nexport const FollowUpProvider: React.FC<FollowupContextProviderProps> = ({\n    state,\n    children,\n}) => (\n    <followUpContext.Provider value={state}>\n        {children}\n    </followUpContext.Provider>\n);\n"],"names":["followUpContext","createContext","state","children","Provider","value","useContext"],"mappings":"wIAIMA,EAAkBC,EAAAA,mBAAyC,4BASO,EACpEC,MAAAA,EACAC,SAAAA,WAECH,EAAgBI,SAAhB,CAAyBC,MAAOH,EAC5BC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWN"}
+{"version":3,"file":"followupContext.cjs","sources":["../../../../../src/components/feedback/followup/followupContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../utilities/types.js\";\nimport type { FollowupState } from \"../types.js\";\n\nconst followUpContext = createContext<FollowupState | undefined>(undefined);\n\nexport const useFollowUpContext = (): FollowupState | undefined =>\n    useContext(followUpContext);\n\ninterface FollowupContextProviderProps extends WithChildren {\n    state: FollowupState;\n}\n\nexport const FollowUpProvider: React.FC<FollowupContextProviderProps> = ({\n    state,\n    children,\n}) => (\n    <followUpContext.Provider value={state}>\n        {children}\n    </followUpContext.Provider>\n);\n"],"names":["followUpContext","createContext","state","children","Provider","value","useContext"],"mappings":"wIAIMA,EAAkBC,EAAAA,mBAAyC,4BASO,EACpEC,MAAAA,EACAC,SAAAA,WAECH,EAAgBI,SAAhB,CAAyBC,MAAOH,EAC5BC,SAAAA,+BAZyB,IAC9BG,EAAAA,WAAWN"}

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { WithChildren } from '../../../core/types.cjs';
+import { WithChildren } from '../../../utilities/types.cjs';
 import { FollowupState } from '../types.cjs';
 export declare const useFollowUpContext: () => FollowupState | undefined;
 interface FollowupContextProviderProps extends WithChildren {

package/build/cjs/components/feedback/main-question/mainQuestionContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mainQuestionContext.cjs","sources":["../../../../../src/components/feedback/main-question/mainQuestionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { FeedbackState } from \"../types.js\";\n\nconst mainQuestionContext = createContext<FeedbackState | undefined>(undefined);\n\nexport const useMainQuestionContext = (): FeedbackState | undefined =>\n    useContext(mainQuestionContext);\n\ninterface Props extends WithChildren {\n    state: FeedbackState;\n}\n\nexport const MainQuestionContextProvider: React.FC<Props> = ({\n    state,\n    children,\n}) => (\n    <mainQuestionContext.Provider value={state}>\n        {children}\n    </mainQuestionContext.Provider>\n);\n"],"names":["mainQuestionContext","createContext","state","children","Provider","value","useContext"],"mappings":"wIAIMA,EAAsBC,EAAAA,mBAAyC,uCAST,EACxDC,MAAAA,EACAC,SAAAA,WAECH,EAAoBI,SAApB,CAA6BC,MAAOH,EAChCC,SAAAA,mCAZ6B,IAClCG,EAAAA,WAAWN"}
+{"version":3,"file":"mainQuestionContext.cjs","sources":["../../../../../src/components/feedback/main-question/mainQuestionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../utilities/types.js\";\nimport type { FeedbackState } from \"../types.js\";\n\nconst mainQuestionContext = createContext<FeedbackState | undefined>(undefined);\n\nexport const useMainQuestionContext = (): FeedbackState | undefined =>\n    useContext(mainQuestionContext);\n\ninterface Props extends WithChildren {\n    state: FeedbackState;\n}\n\nexport const MainQuestionContextProvider: React.FC<Props> = ({\n    state,\n    children,\n}) => (\n    <mainQuestionContext.Provider value={state}>\n        {children}\n    </mainQuestionContext.Provider>\n);\n"],"names":["mainQuestionContext","createContext","state","children","Provider","value","useContext"],"mappings":"wIAIMA,EAAsBC,EAAAA,mBAAyC,uCAST,EACxDC,MAAAA,EACAC,SAAAA,WAECH,EAAoBI,SAApB,CAA6BC,MAAOH,EAChCC,SAAAA,mCAZ6B,IAClCG,EAAAA,WAAWN"}

package/build/cjs/components/feedback/main-question/mainQuestionContext.d.cts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { WithChildren } from '../../../core/types.cjs';
+import { WithChildren } from '../../../utilities/types.cjs';
 import { FeedbackState } from '../types.cjs';
 export declare const useMainQuestionContext: () => FeedbackState | undefined;
 interface Props extends WithChildren {