@fremtind/jokul 0.44.6 → 0.45.0

package/styles/styles.scss

@@ -4,9 +4,11 @@
 @use "components/button";
 @use "components/card";
 @use "components/checkbox";
+@use "components/checkbox-panel";
 @use "components/chip";
 @use "components/combobox";
 @use "components/cookie-consent";
+@use "components/countdown";
 @use "components/datepicker";
 @use "components/description-list";
 @use "components/expander";
@@ -14,7 +16,6 @@
 @use "components/icon";
 @use "components/icon-button";
 @use "components/image";
-@use "components/input-panel";
 @use "components/input-group";
 @use "components/link";
 @use "components/link-list";
@@ -24,10 +25,12 @@
 @use "components/menu";
 @use "components/message";
 @use "components/modal";
+@use "components/nav-link";
 @use "components/pagination";
 @use "components/popover";
 @use "components/progress-bar";
 @use "components/radio-button";
+@use "components/radio-panel";
 @use "components/select";
 @use "components/summary-table";
 @use "components/system-message";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/cjs/components/link/NavLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavLink.cjs","sources":["../../../../src/components/link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport { ArrowLeftIcon } from \"../icon/index.js\";\n\nexport type NavLinkProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<\n        ElementType,\n        {\n            active?: boolean;\n            back?: boolean;\n        }\n    >;\n\nexport type LinkComponent = <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        active = false,\n        back = false,\n        className,\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\n                \"jkl-nav-link\",\n                {\n                    \"jkl-nav-link--active\": active,\n                    \"jkl-nav-link--back\": back,\n                },\n                className,\n            )}\n            {...rest}\n        >\n            {back && (\n                <ArrowLeftIcon variant=\"small\" className=\"jkl-nav-link__icon\" />\n            )}\n            {children}\n            {!back && (\n                <ArrowRightIcon\n                    variant=\"small\"\n                    className=\"jkl-nav-link__icon\"\n                />\n            )}\n        </Component>\n    );\n});\n"],"names":["NavLink","React","forwardRef","props","ref","active","back","className","children","as","rest","Component","jsxs","clsx","jsx","ArrowLeftIcon","variant","ArrowRightIcon"],"mappings":"orDAsBO,MAAMA,EAAUC,EAAMC,YAAW,SAEtCC,EAAkCC,GAC1B,MACFC,OAAAA,GAAS,EACTC,KAAAA,GAAO,EACPC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EACEQ,EAAYF,EAGd,OAAAG,EAAAA,KAACD,EAAA,CACGP,IAAAA,EACAG,UAAWM,EAAAA,KACP,eACA,CACI,uBAAwBR,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAA,CAAAF,GACIQ,EAAAA,IAAAC,gBAAA,CAAcC,QAAQ,QAAQT,UAAU,uBAE5CC,GACCF,GACEQ,EAAAA,IAACG,EAAAA,eAAA,CACGD,QAAQ,QACRT,UAAU,yBAK9B"}

package/build/cjs/components/link/NavLink.d.cts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
-export type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
-    active?: boolean;
-    back?: boolean;
-}>;
-export type LinkComponent = <ElementType extends React.ElementType = "a">(props: NavLinkProps<ElementType>) => React.ReactElement | null;
-export declare const NavLink: React.ForwardRefExoticComponent<Omit<NavLinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;

package/build/cjs/components/progress-bar/Countdown.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Countdown.cjs","sources":["../../../../src/components/progress-bar/Countdown.tsx"],"sourcesContent":["import React, { useState, type CSSProperties, type FC, useEffect } from \"react\";\n\nexport interface CountdownProps\n    extends Pick<\n        React.HTMLAttributes<HTMLDivElement>,\n        \"onAnimationEnd\" | \"onAnimationStart\"\n    > {\n    id?: string;\n    className?: string;\n    /**\n     * Millisekunder å telle ned fra\n     */\n    from: number;\n    isPaused?: boolean;\n    style?: CSSProperties;\n}\n\nexport const Countdown: FC<CountdownProps> = ({\n    className,\n    from,\n    isPaused,\n    ...rest\n}) => {\n    const [remainingSeconds, setRemainingSeconds] = useState(\n        Math.floor(from / 1000),\n    );\n\n    useEffect(() => {\n        if (remainingSeconds <= 0) {\n            return;\n        }\n\n        setTimeout(() => {\n            if (!isPaused) {\n                setRemainingSeconds((sec) => sec - 1);\n            }\n        }, 1000);\n    }, [isPaused, from, remainingSeconds, setRemainingSeconds]);\n\n    return (\n        <div\n            className={`jkl-countdown ${className ?? \"\"}`}\n            role=\"timer\"\n            data-testid=\"jkl-countdown\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-countdown__tracker\"\n                role=\"presentation\"\n                style={\n                    {\n                        \"--duration\": `${from}ms`,\n                        \"--play-state\": isPaused ? \"paused\" : \"running\",\n                    } as CSSProperties\n                }\n                data-testid=\"jkl-countdown__tracker\"\n            />\n            <span className=\"jkl-sr-only\">{remainingSeconds}</span>\n        </div>\n    );\n};\n"],"names":["className","from","isPaused","rest","remainingSeconds","setRemainingSeconds","useState","Math","floor","useEffect","setTimeout","sec","jsxs","role","children","jsx","style"],"mappings":"0JAiB6C,EACzCA,UAAAA,EACAC,KAAAA,EACAC,SAAAA,KACGC,MAEG,MAACC,EAAkBC,GAAuBC,EAAAA,SAC5CC,KAAKC,MAAMP,EAAO,MAGtBQ,OAAAA,EAAAA,WAAU,KACFL,GAAoB,GAIxBM,YAAW,KACFR,GACmBG,GAACM,GAAQA,EAAM,GAAC,GAEzC,IAAI,GACR,CAACT,EAAUD,EAAMG,EAAkBC,IAGlCO,EAAAA,KAAC,MAAA,CACGZ,UAAW,iBAAiBA,GAAa,KACzCa,KAAK,QACL,cAAY,mBACRV,EAEJW,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACGf,UAAU,yBACVa,KAAK,eACLG,MACI,CACI,aAAc,GAAGf,MACjB,eAAgBC,EAAW,SAAW,WAG9C,cAAY,2BAEfa,EAAAA,IAAA,OAAA,CAAKf,UAAU,cAAec,SAAiBV,MAAA"}

package/build/es/components/input-panel/BasePanel.js

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

package/build/es/components/input-panel/BasePanel.js.map

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

package/build/es/components/input-panel/CheckboxPanel.d.ts

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

package/build/es/components/input-panel/CheckboxPanel.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as t,useCallback as c}from"react";import{BasePanel as r}from"./BasePanel.js";const s=a((function({label:a,extraLabel:s,alwaysOpen:l=!1,checked:o,defaultChecked:n,onChange:d,...f},h){const[k,u]=t(n||!1),p=c((e=>{null==d||d(e),u(e.target.checked)}),[d,u]),b=typeof o<"u";return e(r,{ref:h,type:"checkbox",isChecked:b?o:k,defaultChecked:n,checked:b?o:void 0,onChange:p,alwaysOpen:l,label:a,extraLabel:s,...f})}));export{s as CheckboxPanel};
-//# sourceMappingURL=CheckboxPanel.js.map

package/build/es/components/input-panel/CheckboxPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxPanel.js","sources":["../../../../src/components/input-panel/CheckboxPanel.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ComponentPropsWithRef,\n    ForwardedRef,\n    forwardRef,\n    useCallback,\n    useState,\n} from \"react\";\nimport { BasePanel } from \"./BasePanel.js\";\n\nexport type CheckboxPanelProps = Omit<\n    ComponentPropsWithRef<\"input\">,\n    \"type\"\n> & {\n    label: string;\n    extraLabel?: React.ReactNode;\n    alwaysOpen?: boolean;\n};\n\nexport const CheckboxPanel = forwardRef(function CheckboxPanel(\n    {\n        label,\n        extraLabel,\n        alwaysOpen = false,\n        checked,\n        defaultChecked,\n        onChange,\n        ...rest\n    }: CheckboxPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    const [_isChecked, setIsChecked] = useState(defaultChecked || false);\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            onChange?.(e);\n            setIsChecked(e.target.checked);\n        },\n        [onChange, setIsChecked],\n    );\n\n    const isControlled = typeof checked !== \"undefined\";\n    const isChecked = isControlled ? checked : _isChecked;\n\n    return (\n        <BasePanel\n            ref={ref}\n            type=\"checkbox\"\n            isChecked={isChecked}\n            defaultChecked={defaultChecked}\n            checked={isControlled ? checked : undefined}\n            onChange={handleChange}\n            alwaysOpen={alwaysOpen}\n            label={label}\n            extraLabel={extraLabel}\n            {...rest}\n        />\n    );\n});\n"],"names":["CheckboxPanel","forwardRef","label","extraLabel","alwaysOpen","checked","defaultChecked","onChange","rest","ref","_isChecked","setIsChecked","useState","handleChange","useCallback","e","target","isControlled","jsx","BasePanel","type","isChecked"],"mappings":"qJAmBa,MAAAA,EAAgBC,GAAW,UAEhCC,MAAAA,EACAC,WAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,eAAAA,EACAC,SAAAA,KACGC,GAEPC,GAEM,MAACC,EAAYC,GAAgBC,EAASN,IAAkB,GAExDO,EAAeC,GAChBC,IACG,MAAAR,GAAAA,EAAWQ,GACEJ,EAAAI,EAAEC,OAAOX,QAAO,GAEjC,CAACE,EAAUI,IAGTM,SAAsBZ,EAAY,IAIpC,OAAAa,EAACC,EAAA,CACGV,IAAAA,EACAW,KAAK,WACLC,UANUJ,EAAeZ,EAAUK,EAOnCJ,eAAAA,EACAD,QAASY,EAAeZ,OAAU,EAClCE,SAAUM,EACVT,WAAAA,EACAF,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}

package/build/es/components/input-panel/RadioPanel.d.ts

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

package/build/es/components/input-panel/RadioPanel.js

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

package/build/es/components/input-panel/RadioPanel.js.map

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

package/build/es/components/input-panel/RadioPanelGroup.d.ts

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

package/build/es/components/input-panel/RadioPanelGroup.js.map

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

package/build/es/components/input-panel/development/checkbox-panel/ControlledExample.d.ts

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

package/build/es/components/input-panel/development/checkbox-panel/UncontrolledExample.d.ts

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

package/build/es/components/input-panel/development/radio-panel/ControlledExample.d.ts

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

package/build/es/components/input-panel/development/radio-panel/UncontrolledExample.d.ts

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

package/build/es/components/input-panel/index.d.ts

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

package/build/es/components/input-panel/index.js

@@ -1,2 +0,0 @@
-import{CheckboxPanel as a}from"./CheckboxPanel.js";import{RadioPanel as o}from"./RadioPanel.js";import{RadioPanelGroup as e}from"./RadioPanelGroup.js";export{a as CheckboxPanel,o as RadioPanel,e as RadioPanelGroup};
-//# sourceMappingURL=index.js.map

package/build/es/components/link/NavLink.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.js';
-export type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
-    active?: boolean;
-    back?: boolean;
-}>;
-export type LinkComponent = <ElementType extends React.ElementType = "a">(props: NavLinkProps<ElementType>) => React.ReactElement | null;
-export declare const NavLink: React.ForwardRefExoticComponent<Omit<NavLinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;

package/build/es/components/link/NavLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavLink.js","sources":["../../../../src/components/link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport { ArrowLeftIcon } from \"../icon/index.js\";\n\nexport type NavLinkProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<\n        ElementType,\n        {\n            active?: boolean;\n            back?: boolean;\n        }\n    >;\n\nexport type LinkComponent = <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        active = false,\n        back = false,\n        className,\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\n                \"jkl-nav-link\",\n                {\n                    \"jkl-nav-link--active\": active,\n                    \"jkl-nav-link--back\": back,\n                },\n                className,\n            )}\n            {...rest}\n        >\n            {back && (\n                <ArrowLeftIcon variant=\"small\" className=\"jkl-nav-link__icon\" />\n            )}\n            {children}\n            {!back && (\n                <ArrowRightIcon\n                    variant=\"small\"\n                    className=\"jkl-nav-link__icon\"\n                />\n            )}\n        </Component>\n    );\n});\n"],"names":["NavLink","React","forwardRef","props","ref","active","back","className","children","as","rest","jsxs","clsx","jsx","ArrowLeftIcon","variant","ArrowRightIcon"],"mappings":"ghDAsBO,MAAMA,EAAUC,EAAMC,YAAW,SAEtCC,EAAkCC,GAC1B,MACFC,OAAAA,GAAS,EACTC,KAAAA,GAAO,EACPC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EAIA,OAAAQ,EAHcF,EAGb,CACGL,IAAAA,EACAG,UAAWK,EACP,eACA,CACI,uBAAwBP,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAA,CAAAF,GACIO,EAAAC,EAAA,CAAcC,QAAQ,QAAQR,UAAU,uBAE5CC,GACCF,GACEO,EAACG,EAAA,CACGD,QAAQ,QACRR,UAAU,yBAK9B"}

package/build/es/components/progress-bar/Countdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Countdown.js","sources":["../../../../src/components/progress-bar/Countdown.tsx"],"sourcesContent":["import React, { useState, type CSSProperties, type FC, useEffect } from \"react\";\n\nexport interface CountdownProps\n    extends Pick<\n        React.HTMLAttributes<HTMLDivElement>,\n        \"onAnimationEnd\" | \"onAnimationStart\"\n    > {\n    id?: string;\n    className?: string;\n    /**\n     * Millisekunder å telle ned fra\n     */\n    from: number;\n    isPaused?: boolean;\n    style?: CSSProperties;\n}\n\nexport const Countdown: FC<CountdownProps> = ({\n    className,\n    from,\n    isPaused,\n    ...rest\n}) => {\n    const [remainingSeconds, setRemainingSeconds] = useState(\n        Math.floor(from / 1000),\n    );\n\n    useEffect(() => {\n        if (remainingSeconds <= 0) {\n            return;\n        }\n\n        setTimeout(() => {\n            if (!isPaused) {\n                setRemainingSeconds((sec) => sec - 1);\n            }\n        }, 1000);\n    }, [isPaused, from, remainingSeconds, setRemainingSeconds]);\n\n    return (\n        <div\n            className={`jkl-countdown ${className ?? \"\"}`}\n            role=\"timer\"\n            data-testid=\"jkl-countdown\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-countdown__tracker\"\n                role=\"presentation\"\n                style={\n                    {\n                        \"--duration\": `${from}ms`,\n                        \"--play-state\": isPaused ? \"paused\" : \"running\",\n                    } as CSSProperties\n                }\n                data-testid=\"jkl-countdown__tracker\"\n            />\n            <span className=\"jkl-sr-only\">{remainingSeconds}</span>\n        </div>\n    );\n};\n"],"names":["Countdown","className","from","isPaused","rest","remainingSeconds","setRemainingSeconds","useState","Math","floor","useEffect","setTimeout","sec","jsxs","role","children","jsx","style"],"mappings":"kGAiBO,MAAMA,EAAgC,EACzCC,UAAAA,EACAC,KAAAA,EACAC,SAAAA,KACGC,MAEG,MAACC,EAAkBC,GAAuBC,EAC5CC,KAAKC,MAAMP,EAAO,MAGtB,OAAAQ,GAAU,KACFL,GAAoB,GAIxBM,YAAW,KACFR,GACmBG,GAACM,GAAQA,EAAM,GAAC,GAEzC,IAAI,GACR,CAACT,EAAUD,EAAMG,EAAkBC,IAGlCO,EAAC,MAAA,CACGZ,UAAW,iBAAiBA,GAAa,KACzCa,KAAK,QACL,cAAY,mBACRV,EAEJW,SAAA,CAAAC,EAAC,OAAA,CACGf,UAAU,yBACVa,KAAK,eACLG,MACI,CACI,aAAc,GAAGf,MACjB,eAAgBC,EAAW,SAAW,WAG9C,cAAY,2BAEfa,EAAA,OAAA,CAAKf,UAAU,cAAec,SAAiBV,MAAA"}