npm - @fremtind/jokul - Versions diffs - 0.28.1 → 0.29.0 - Mend

@fremtind/jokul 0.28.1 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (264) hide show

package/build/cjs/components/summary-table/index.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { SummaryTable } from './SummaryTable.cjs';
-export { SummaryTableRow } from './SummaryTableRow.cjs';
+export { SummaryTable, type SummaryTableProps } from './SummaryTable.cjs';
+export { SummaryTableRow, type SummaryTableRowProps, } from './SummaryTableRow.cjs';

package/build/cjs/components/system-message/SystemMessage.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SystemMessage.cjs","sources":["../../../../src/components/system-message/SystemMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { DismissButton } from \"../message/DismissButton.js\";\nimport { MessageIcon } from \"./common/MessageIcon.js\";\n\ntype messageTypes = \"info\" \| \"error\" \| \"success\" \| \"warning\";\n\~~ninterface~~ ~~Props~~ extends WithChildren {\n id?: string;\n className?: string;\n density?: Density;\n maxContentWidth?: string;\n paddingLeft?: string;\n /** Overstyr standardrollen til meldingen. Om du ønsker å \"skru av\" rollen kan du bruke verdien `none presentation`. */\n role?: string;\n dismissed?: boolean;\n dismissAction?: {\n handleDismiss: () => void;\n buttonTitle?: string;\n };\n}\n\nfunction systemFactory(messageType: messageTypes): React.FC<~~Props~~> {\n const SystemMessage: React.FC<~~Props~~> = ({\n id,\n className,\n density,\n maxContentWidth,\n paddingLeft,\n role = \"status\",\n dismissed,\n dismissAction,\n children,\n ...rest\n }) => {\n const systemId = useId(id \|\| \"jkl-system-message\", {\n generateSuffix: !id,\n });\n\n return (\n <div\n role={role}\n {...rest}\n id={systemId}\n className={clsx(\n \"jkl-system-message\",\n \"jkl-system-message--\" + messageType,\n className,\n {\n \"jkl-system-message--dismissed\": dismissed,\n },\n )}\n data-density={density}\n >\n <div\n className=\"jkl-system-message__content\"\n data-testid=\"system-message-content\"\n data-theme=\"light\"\n style={{\n maxWidth: maxContentWidth,\n paddingLeft,\n }}\n >\n <MessageIcon messageType={messageType} />\n <span className=\"jkl-system-message__message\">\n {children}\n </span>\n {dismissAction?.handleDismiss && (\n <DismissButton\n aria-controls={systemId}\n className=\"jkl-system-message__dismiss-button\"\n label={dismissAction.buttonTitle \|\| \"Lukk\"}\n onClick={dismissAction.handleDismiss}\n />\n )}\n </div>\n </div>\n );\n };\n return SystemMessage;\n}\n\nexport const InfoSystemMessage = systemFactory(\"info\");\nInfoSystemMessage.displayName = \"InfoSystemMessage\";\nexport const ErrorSystemMessage = systemFactory(\"error\");\nErrorSystemMessage.displayName = \"ErrorSystemMessage\";\nexport const WarningSystemMessage = systemFactory(\"warning\");\nWarningSystemMessage.displayName = \"WarningSystemMessage\";\nexport const SuccessSystemMessage = systemFactory(\"success\");\nSuccessSystemMessage.displayName = \"SuccessSystemMessage\";\n"],"names":["systemFactory","messageType","id","className","density","maxContentWidth","paddingLeft","role","dismissed","dismissAction","children","rest","systemId","useId","generateSuffix","jsx","clsx","jsxs","style","maxWidth","MessageIcon","handleDismiss","DismissButton","label","buttonTitle","onClick","InfoSystemMessage","displayName","ErrorSystemMessage","WarningSystemMessage","SuccessSystemMessage"],"mappings":"sRAwBA,SAASA,~~EAAcC~~,~~GAyDZ~~,~~MAxDgC~~,~~EACnCC~~,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEG,MAAAC,EAAWC,EAAAA,MAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAAA,IAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EAAAA,KACP,qBACA,uBAAyBf,EACzBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAAA,KAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,MAACK,EAAAA,aAAYnB,YAAAA,IACZc,EAAAA,IAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAAAA,IAACO,EAAAA,cAAA,CACG,gBAAeV,EACfT,UAAU,qCACVoB,MAAOd,EAAce,aAAe,OACpCC,QAAShB,EAAcY,oBAGnC,CAKhB,CAEa,MAAAK,EAAoB1B,EAAc,QAC/C0B,EAAkBC,YAAc,oBACnB,MAAAC,EAAqB5B,EAAc,SAChD4B,EAAmBD,YAAc,qBACpB,MAAAE,EAAuB7B,EAAc,WAClD6B,EAAqBF,YAAc,uBACtB,MAAAG,EAAuB9B,EAAc,WAClD8B,EAAqBH,YAAc"}
1	+ {"version":3,"file":"SystemMessage.cjs","sources":["../../../../src/components/system-message/SystemMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { DismissButton } from \"../message/DismissButton.js\";\nimport { MessageIcon } from \"./common/MessageIcon.js\";\n\ntype messageTypes = \"info\" \| \"error\" \| \"success\" \| \"warning\";\n\nexport interface SystemMessageProps extends WithChildren {\n id?: string;\n className?: string;\n density?: Density;\n maxContentWidth?: string;\n paddingLeft?: string;\n /** Overstyr standardrollen til meldingen. Om du ønsker å \"skru av\" rollen kan du bruke verdien `none presentation`. */\n role?: string;\n dismissed?: boolean;\n dismissAction?: {\n handleDismiss: () => void;\n buttonTitle?: string;\n };\n}\n\nfunction systemFactory(\n messageType: messageTypes,\n): React.FC<SystemMessageProps> {\n const SystemMessage: React.FC<SystemMessageProps> = ({\n id,\n className,\n density,\n maxContentWidth,\n paddingLeft,\n role = \"status\",\n dismissed,\n dismissAction,\n children,\n ...rest\n }) => {\n const systemId = useId(id \|\| \"jkl-system-message\", {\n generateSuffix: !id,\n });\n\n return (\n <div\n role={role}\n {...rest}\n id={systemId}\n className={clsx(\n \"jkl-system-message\",\n \"jkl-system-message--\" + messageType,\n className,\n {\n \"jkl-system-message--dismissed\": dismissed,\n },\n )}\n data-density={density}\n >\n <div\n className=\"jkl-system-message__content\"\n data-testid=\"system-message-content\"\n data-theme=\"light\"\n style={{\n maxWidth: maxContentWidth,\n paddingLeft,\n }}\n >\n <MessageIcon messageType={messageType} />\n <span className=\"jkl-system-message__message\">\n {children}\n </span>\n {dismissAction?.handleDismiss && (\n <DismissButton\n aria-controls={systemId}\n className=\"jkl-system-message__dismiss-button\"\n label={dismissAction.buttonTitle \|\| \"Lukk\"}\n onClick={dismissAction.handleDismiss}\n />\n )}\n </div>\n </div>\n );\n };\n return SystemMessage;\n}\n\nexport const InfoSystemMessage = systemFactory(\"info\");\nInfoSystemMessage.displayName = \"InfoSystemMessage\";\nexport const ErrorSystemMessage = systemFactory(\"error\");\nErrorSystemMessage.displayName = \"ErrorSystemMessage\";\nexport const WarningSystemMessage = systemFactory(\"warning\");\nWarningSystemMessage.displayName = \"WarningSystemMessage\";\nexport const SuccessSystemMessage = systemFactory(\"success\");\nSuccessSystemMessage.displayName = \"SuccessSystemMessage\";\n"],"names":["systemFactory","messageType","id","className","density","maxContentWidth","paddingLeft","role","dismissed","dismissAction","children","rest","systemId","useId","generateSuffix","jsx","clsx","jsxs","style","maxWidth","MessageIcon","handleDismiss","DismissButton","label","buttonTitle","onClick","InfoSystemMessage","displayName","ErrorSystemMessage","WarningSystemMessage","SuccessSystemMessage"],"mappings":"sRAwBA,SAASA,EACLC,GA0DO,MAxD6C,EAChDC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEG,MAAAC,EAAWC,EAAAA,MAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAAA,IAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EAAAA,KACP,qBACA,uBAAyBf,EACzBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAAA,KAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,MAACK,EAAAA,aAAYnB,YAAAA,IACZc,EAAAA,IAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAAAA,IAACO,EAAAA,cAAA,CACG,gBAAeV,EACfT,UAAU,qCACVoB,MAAOd,EAAce,aAAe,OACpCC,QAAShB,EAAcY,oBAGnC,CAKhB,CAEa,MAAAK,EAAoB1B,EAAc,QAC/C0B,EAAkBC,YAAc,oBACnB,MAAAC,EAAqB5B,EAAc,SAChD4B,EAAmBD,YAAc,qBACpB,MAAAE,EAAuB7B,EAAc,WAClD6B,EAAqBF,YAAc,uBACtB,MAAAG,EAAuB9B,EAAc,WAClD8B,EAAqBH,YAAc"}

package/build/cjs/components/system-message/SystemMessage.d.cts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Density, WithChildren } from '../../core/types.cjs';
-interface Props extends WithChildren {
+export interface SystemMessageProps extends WithChildren {
     id?: string;
     className?: string;
     density?: Density;
@@ -14,8 +14,7 @@ interface Props extends WithChildren {
         buttonTitle?: string;
     };
 }
-export declare const InfoSystemMessage: React.FC<Props>;
-export declare const ErrorSystemMessage: React.FC<Props>;
-export declare const WarningSystemMessage: React.FC<Props>;
-export declare const SuccessSystemMessage: React.FC<Props>;
-export {};
+export declare const InfoSystemMessage: React.FC<SystemMessageProps>;
+export declare const ErrorSystemMessage: React.FC<SystemMessageProps>;
+export declare const WarningSystemMessage: React.FC<SystemMessageProps>;
+export declare const SuccessSystemMessage: React.FC<SystemMessageProps>;

package/build/cjs/components/system-message/index.d.cts CHANGED Viewed

	@@ -1 +1 @@
1	- export { InfoSystemMessage, WarningSystemMessage, ErrorSystemMessage, SuccessSystemMessage, } from './SystemMessage.cjs';
1	+ export { InfoSystemMessage, WarningSystemMessage, ErrorSystemMessage, SuccessSystemMessage, type SystemMessageProps, } from './SystemMessage.cjs';

package/build/cjs/components/tabs/index.d.cts CHANGED Viewed

@@ -1,6 +1,6 @@
-export * from './NavTab.cjs';
-export * from './NavTabs.cjs';
-export * from './Tabs.cjs';
-export * from './TabList.cjs';
-export * from './Tab.cjs';
-export * from './TabPanel.cjs';
+export { NavTab, type NavTabProps } from './NavTab.cjs';
+export { NavTabs, type NavTabsProps } from './NavTabs.cjs';
+export { Tabs, type TabsProps } from './Tabs.cjs';
+export { TabList, type TabListProps } from './TabList.cjs';
+export { Tab, type TabProps } from './Tab.cjs';
+export { TabPanel, type TabPanelProps } from './TabPanel.cjs';

package/build/cjs/components/tag/index.d.cts CHANGED Viewed

@@ -1,3 +1 @@
-import { Tag, InfoTag, ErrorTag, WarningTag, SuccessTag } from './Tag.cjs';
-export type { TagProps } from './Tag.cjs';
-export { Tag, InfoTag, ErrorTag, WarningTag, SuccessTag };
+export { Tag, InfoTag, ErrorTag, WarningTag, SuccessTag, type TagProps, type DismissAction, } from './Tag.cjs';

package/build/cjs/components/text-input/BaseTextArea.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTextArea.cjs","sources":["../../../../src/components/text-input/BaseTextArea.tsx"],"sourcesContent":["import React, {\n type FocusEvent,\n forwardRef,\n type RefObject,\n type TextareaHTMLAttributes,\n useRef,\n useState,\n useEffect,\n ChangeEvent,\n} from \"react\";\n\~~ntype~~ Counter = {\n /** Antall tegn før telleren når maksimum og vi viser en feilmelding /\n maxLength: number;\n /\n Med teller vises en progress-bar i bunnen av tekstfeltet som krymper\n * ned fra 100% (null tegn skrevet) til 0% (maks antall tegn skrevet).\n * Om du vil skjule den, sett denne propen til true.\n \n @default false\n /\n hideProgress?: boolean;\n};\n\nexport interface BaseTextAreaProps\n extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"children\"> {\n /\n Viser en teller i tekstfeltet når det har fokus.\n /\n counter?: Counter;\n /* Sett antall rader skjemafeltet ekspanderes til ved focus. Innholdet scroller om feltet fylles med mer innhold enn det er plass til. /\n rows?: number;\n inline?: boolean;\n startOpen?: boolean;\n /* Gjør så skjemafeltet ekspanderer seg til å vise alt innhold i stedet for å scrolle /\n autoExpand?: boolean;\n}\n\nexport const BaseTextArea = forwardRef<HTMLTextAreaElement, BaseTextAreaProps>(\n (props, ref) => {\n const {\n autoExpand,\n counter,\n onBlur,\n onFocus,\n rows = 7,\n placeholder = \" \", // This space intentionally left blank. Denne + rows trengs for å få den ekspanderende effekten.\n startOpen,\n style,\n value,\n \"aria-invalid\": ariaInvalid,\n onChange,\n ...rest\n } = props;\n\n const [counterCurrent, setCounterCurrent] = useState(() => {\n if (typeof value === \"undefined\") {\n return 0;\n } else if (typeof value === \"number\") {\n return String(value).length;\n } else {\n return value.length;\n }\n });\n const [textAreaFocused, setTextAreaFocused] = useState(false);\n const internalRef = useRef<HTMLTextAreaElement>(null);\n const textAreaRef =\n (ref as RefObject<HTMLTextAreaElement>) \|\| internalRef;\n\n useEffect(() => {\n const textAreaElement = textAreaRef.current;\n if (textAreaElement) {\n if (!autoExpand) {\n textAreaElement.style.height = \"\";\n return;\n }\n\n if (textAreaFocused \|\| value) {\n textAreaElement.style.height = \"auto\"; // Sett til auto før scrollhøyden leses, sånn at redusering av høyde ved sletting av tekst fungerer\n textAreaElement.style.height = `${textAreaElement.scrollHeight}px`;\n } else {\n textAreaElement.style.height = \"\";\n }\n }\n }, [autoExpand, textAreaRef, value, textAreaFocused]);\n\n function handleOnFocus(e: FocusEvent<HTMLTextAreaElement>) {\n setTextAreaFocused(true);\n if (onFocus) {\n onFocus(e);\n }\n }\n\n function handleOnBlur(e: FocusEvent<HTMLTextAreaElement>) {\n setTextAreaFocused(false);\n if (onBlur) {\n onBlur(e);\n }\n }\n\n function handleOnChange(e: ChangeEvent<HTMLTextAreaElement>) {\n setCounterCurrent(e.target.value.length);\n if (onChange) {\n onChange(e);\n }\n }\n\n const counterTotal: number = counter?.maxLength \|\| 0;\n const progressCurrent: number = counterTotal - counterCurrent;\n function calculatePercentage(current: number, total: number): number {\n if (current <= 0) {\n return 0;\n }\n return total === 0 ? 0 : (current 100) / total;\n }\n const counterLabel =\n counter && counterCurrent > counterTotal\n ? `Du har skrevet ${counterCurrent - counterTotal} tegn for mye`\n : undefined;\n\n const invalid = Boolean(ariaInvalid \|\| counterLabel);\n\n const overflowStyle = {\n overflowX: autoExpand ? \"hidden\" : undefined, // Must set overflowX hidden for Firefox https://stackoverflow.com/a/22700700\n } as React.CSSProperties;\n\n return (\n <div\n className=\"jkl-text-input-wrapper\"\n data-invalid={invalid}\n data-has-content={counterCurrent > 0}\n >\n <textarea\n aria-invalid={invalid}\n className={`jkl-text-area__text-area jkl-text-area__text-area--${rows}-rows`}\n onBlur={handleOnBlur}\n onFocus={handleOnFocus}\n onChange={handleOnChange}\n ref={textAreaRef}\n style={{ ...style, ...overflowStyle }}\n placeholder={placeholder}\n value={value}\n {...rest}\n />\n {counter && (\n <div className=\"jkl-text-area__counter\" aria-hidden=\"true\">\n <div className=\"jkl-text-area__counter-count\">\n {counterCurrent} / {counterTotal}\n </div>\n {!counter.hideProgress && (\n <div\n className=\"jkl-text-area__counter-progress\"\n style={{\n [\"--progress-width\" as string]: `${calculatePercentage(\n progressCurrent,\n counterTotal,\n )}%`,\n }}\n />\n )}\n </div>\n )}\n </div>\n );\n },\n);\nBaseTextArea.displayName = \"BaseTextArea\";\n"],"names":["BaseTextArea","forwardRef","props","ref","autoExpand","counter","onBlur","onFocus","rows","placeholder","startOpen","style","value","ariaInvalid","onChange","rest","counterCurrent","setCounterCurrent","useState","String","length","textAreaFocused","setTextAreaFocused","internalRef","useRef","textAreaRef","useEffect","textAreaElement","current","height","scrollHeight","counterTotal","maxLength","progressCurrent","invalid","overflowStyle","overflowX","jsxs","className","children","jsx","e","target","hideProgress","total","displayName"],"mappings":"wIAsCaA,EAAeC,EAAAA,YACxB,CAACC,EAAOC,KACE,MACFC,WAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,EACPC,YAAAA,EAAc,IACdC,UAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,eAAgBC,EAChBC,SAAAA,KACGC,GACHb,GAEGc,EAAgBC,GAAqBC,YAAS,WACtCN,EAAU,IACV,EACiB,iBAAVA,EACPO,OAAOP,GAAOQ,OAEdR,EAAMQ,UAGdC,EAAiBC,GAAsBJ,YAAS,GACjDK,EAAcC,SAA4B,MAC1CC,EACDtB,GAA0CoB,EAE/CG,EAAAA,WAAU,KACN,MAAMC,EAAkBF,EAAYG,QACpC,GAAID,EAAiB,CACjB,IAAKvB,EAED,YADAuB,EAAgBhB,MAAMkB,OAAS,IAI/BR,GAAmBT,GACnBe,EAAgBhB,MAAMkB,OAAS,OAC/BF,EAAgBhB,MAAMkB,OAAS,GAAGF,EAAgBG,kBAElDH,EAAgBhB,MAAMkB,OAAS,EAEvC,IACD,CAACzB,EAAYqB,EAAab,EAAOS,IAuB9B,MAAAU,GAAuB,MAAA1B,SAAAA,EAAS2B,YAAa,EAC7CC,EAA0BF,EAAef,EAO/C,MAKMkB,KAAkBrB,KAJpBR,GAAWW,EAAiBe,EACtB,kBAAkBf,EAAiBe,sBACnC,IAIJI,EAAgB,CAClBC,UAAWhC,EAAa,cAAW,GAInC,OAAAiC,EAAAA,KAAC,MAAA,CACGC,UAAU,yBACV,eAAcJ,EACd,mBAAkBlB,EAAiB,EAEnCuB,SAAA,CAAAC,EAAAA,IAAC,WAAA,CACG,eAAcN,EACdI,UAAW,sDAAsD9B,SACjEF,OA1CZ,SAAsBmC,GAClBnB,GAAmB,GACfhB,GACAA,EAAOmC,EAEf,EAsCYlC,QAlDZ,SAAuBkC,GACnBnB,GAAmB,GACff,GACAA,EAAQkC,EAEhB,EA8CY3B,SArCZ,SAAwB2B,GACFxB,EAAAwB,EAAEC,OAAO9B,MAAMQ,QAC7BN,GACAA,EAAS2B,EAEjB,EAiCYtC,IAAKsB,EACLd,MAAO,IAAKA,KAAUwB,GACtB1B,YAAAA,EACAG,MAAAA,KACIG,IAEPV,GACIgC,EAAAA,KAAA,MAAA,CAAIC,UAAU,yBAAyB,cAAY,OAChDC,SAAA,CAACF,EAAAA,KAAA,MAAA,CAAIC,UAAU,+BACVC,SAAA,CAAAvB,EAAe,MAAce,MAEhC1B,EAAQsC,cACNH,EAAAA,IAAC,MAAA,CACGF,UAAU,kCACV3B,MAAO,CACF,oBA5CAiB,EA6CGK,EA7CcW,EA8Cdb,EA7CxBH,GAAW,GAGE,IAAVgB,EAFI,EAEyB,IAAVhB,EAAiBgB,GAwCa,aA5CnD,IAAoBhB,EAAiBgB,CAmDlC,IAMpB5C,EAAa6C,YAAc"}
1	+ {"version":3,"file":"BaseTextArea.cjs","sources":["../../../../src/components/text-input/BaseTextArea.tsx"],"sourcesContent":["import React, {\n type FocusEvent,\n forwardRef,\n type RefObject,\n type TextareaHTMLAttributes,\n useRef,\n useState,\n useEffect,\n ChangeEvent,\n} from \"react\";\n\nexport type Counter = {\n /** Antall tegn før telleren når maksimum og vi viser en feilmelding /\n maxLength: number;\n /\n Med teller vises en progress-bar i bunnen av tekstfeltet som krymper\n * ned fra 100% (null tegn skrevet) til 0% (maks antall tegn skrevet).\n * Om du vil skjule den, sett denne propen til true.\n \n @default false\n /\n hideProgress?: boolean;\n};\n\nexport interface BaseTextAreaProps\n extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"children\"> {\n /\n Viser en teller i tekstfeltet når det har fokus.\n /\n counter?: Counter;\n /* Sett antall rader skjemafeltet ekspanderes til ved focus. Innholdet scroller om feltet fylles med mer innhold enn det er plass til. /\n rows?: number;\n inline?: boolean;\n startOpen?: boolean;\n /* Gjør så skjemafeltet ekspanderer seg til å vise alt innhold i stedet for å scrolle /\n autoExpand?: boolean;\n}\n\nexport const BaseTextArea = forwardRef<HTMLTextAreaElement, BaseTextAreaProps>(\n (props, ref) => {\n const {\n autoExpand,\n counter,\n onBlur,\n onFocus,\n rows = 7,\n placeholder = \" \", // This space intentionally left blank. Denne + rows trengs for å få den ekspanderende effekten.\n startOpen,\n style,\n value,\n \"aria-invalid\": ariaInvalid,\n onChange,\n ...rest\n } = props;\n\n const [counterCurrent, setCounterCurrent] = useState(() => {\n if (typeof value === \"undefined\") {\n return 0;\n } else if (typeof value === \"number\") {\n return String(value).length;\n } else {\n return value.length;\n }\n });\n const [textAreaFocused, setTextAreaFocused] = useState(false);\n const internalRef = useRef<HTMLTextAreaElement>(null);\n const textAreaRef =\n (ref as RefObject<HTMLTextAreaElement>) \|\| internalRef;\n\n useEffect(() => {\n const textAreaElement = textAreaRef.current;\n if (textAreaElement) {\n if (!autoExpand) {\n textAreaElement.style.height = \"\";\n return;\n }\n\n if (textAreaFocused \|\| value) {\n textAreaElement.style.height = \"auto\"; // Sett til auto før scrollhøyden leses, sånn at redusering av høyde ved sletting av tekst fungerer\n textAreaElement.style.height = `${textAreaElement.scrollHeight}px`;\n } else {\n textAreaElement.style.height = \"\";\n }\n }\n }, [autoExpand, textAreaRef, value, textAreaFocused]);\n\n function handleOnFocus(e: FocusEvent<HTMLTextAreaElement>) {\n setTextAreaFocused(true);\n if (onFocus) {\n onFocus(e);\n }\n }\n\n function handleOnBlur(e: FocusEvent<HTMLTextAreaElement>) {\n setTextAreaFocused(false);\n if (onBlur) {\n onBlur(e);\n }\n }\n\n function handleOnChange(e: ChangeEvent<HTMLTextAreaElement>) {\n setCounterCurrent(e.target.value.length);\n if (onChange) {\n onChange(e);\n }\n }\n\n const counterTotal: number = counter?.maxLength \|\| 0;\n const progressCurrent: number = counterTotal - counterCurrent;\n function calculatePercentage(current: number, total: number): number {\n if (current <= 0) {\n return 0;\n }\n return total === 0 ? 0 : (current 100) / total;\n }\n const counterLabel =\n counter && counterCurrent > counterTotal\n ? `Du har skrevet ${counterCurrent - counterTotal} tegn for mye`\n : undefined;\n\n const invalid = Boolean(ariaInvalid \|\| counterLabel);\n\n const overflowStyle = {\n overflowX: autoExpand ? \"hidden\" : undefined, // Must set overflowX hidden for Firefox https://stackoverflow.com/a/22700700\n } as React.CSSProperties;\n\n return (\n <div\n className=\"jkl-text-input-wrapper\"\n data-invalid={invalid}\n data-has-content={counterCurrent > 0}\n >\n <textarea\n aria-invalid={invalid}\n className={`jkl-text-area__text-area jkl-text-area__text-area--${rows}-rows`}\n onBlur={handleOnBlur}\n onFocus={handleOnFocus}\n onChange={handleOnChange}\n ref={textAreaRef}\n style={{ ...style, ...overflowStyle }}\n placeholder={placeholder}\n value={value}\n {...rest}\n />\n {counter && (\n <div className=\"jkl-text-area__counter\" aria-hidden=\"true\">\n <div className=\"jkl-text-area__counter-count\">\n {counterCurrent} / {counterTotal}\n </div>\n {!counter.hideProgress && (\n <div\n className=\"jkl-text-area__counter-progress\"\n style={{\n [\"--progress-width\" as string]: `${calculatePercentage(\n progressCurrent,\n counterTotal,\n )}%`,\n }}\n />\n )}\n </div>\n )}\n </div>\n );\n },\n);\nBaseTextArea.displayName = \"BaseTextArea\";\n"],"names":["BaseTextArea","forwardRef","props","ref","autoExpand","counter","onBlur","onFocus","rows","placeholder","startOpen","style","value","ariaInvalid","onChange","rest","counterCurrent","setCounterCurrent","useState","String","length","textAreaFocused","setTextAreaFocused","internalRef","useRef","textAreaRef","useEffect","textAreaElement","current","height","scrollHeight","counterTotal","maxLength","progressCurrent","invalid","overflowStyle","overflowX","jsxs","className","children","jsx","e","target","hideProgress","total","displayName"],"mappings":"wIAsCaA,EAAeC,EAAAA,YACxB,CAACC,EAAOC,KACE,MACFC,WAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,EACPC,YAAAA,EAAc,IACdC,UAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,eAAgBC,EAChBC,SAAAA,KACGC,GACHb,GAEGc,EAAgBC,GAAqBC,YAAS,WACtCN,EAAU,IACV,EACiB,iBAAVA,EACPO,OAAOP,GAAOQ,OAEdR,EAAMQ,UAGdC,EAAiBC,GAAsBJ,YAAS,GACjDK,EAAcC,SAA4B,MAC1CC,EACDtB,GAA0CoB,EAE/CG,EAAAA,WAAU,KACN,MAAMC,EAAkBF,EAAYG,QACpC,GAAID,EAAiB,CACjB,IAAKvB,EAED,YADAuB,EAAgBhB,MAAMkB,OAAS,IAI/BR,GAAmBT,GACnBe,EAAgBhB,MAAMkB,OAAS,OAC/BF,EAAgBhB,MAAMkB,OAAS,GAAGF,EAAgBG,kBAElDH,EAAgBhB,MAAMkB,OAAS,EAEvC,IACD,CAACzB,EAAYqB,EAAab,EAAOS,IAuB9B,MAAAU,GAAuB,MAAA1B,SAAAA,EAAS2B,YAAa,EAC7CC,EAA0BF,EAAef,EAO/C,MAKMkB,KAAkBrB,KAJpBR,GAAWW,EAAiBe,EACtB,kBAAkBf,EAAiBe,sBACnC,IAIJI,EAAgB,CAClBC,UAAWhC,EAAa,cAAW,GAInC,OAAAiC,EAAAA,KAAC,MAAA,CACGC,UAAU,yBACV,eAAcJ,EACd,mBAAkBlB,EAAiB,EAEnCuB,SAAA,CAAAC,EAAAA,IAAC,WAAA,CACG,eAAcN,EACdI,UAAW,sDAAsD9B,SACjEF,OA1CZ,SAAsBmC,GAClBnB,GAAmB,GACfhB,GACAA,EAAOmC,EAEf,EAsCYlC,QAlDZ,SAAuBkC,GACnBnB,GAAmB,GACff,GACAA,EAAQkC,EAEhB,EA8CY3B,SArCZ,SAAwB2B,GACFxB,EAAAwB,EAAEC,OAAO9B,MAAMQ,QAC7BN,GACAA,EAAS2B,EAEjB,EAiCYtC,IAAKsB,EACLd,MAAO,IAAKA,KAAUwB,GACtB1B,YAAAA,EACAG,MAAAA,KACIG,IAEPV,GACIgC,EAAAA,KAAA,MAAA,CAAIC,UAAU,yBAAyB,cAAY,OAChDC,SAAA,CAACF,EAAAA,KAAA,MAAA,CAAIC,UAAU,+BACVC,SAAA,CAAAvB,EAAe,MAAce,MAEhC1B,EAAQsC,cACNH,EAAAA,IAAC,MAAA,CACGF,UAAU,kCACV3B,MAAO,CACF,oBA5CAiB,EA6CGK,EA7CcW,EA8Cdb,EA7CxBH,GAAW,GAGE,IAAVgB,EAFI,EAEyB,IAAVhB,EAAiBgB,GAwCa,aA5CnD,IAAoBhB,EAAiBgB,CAmDlC,IAMpB5C,EAAa6C,YAAc"}

package/build/cjs/components/text-input/BaseTextArea.d.cts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, TextareaHTMLAttributes } from 'react';
-type Counter = {
+export type Counter = {
     /** Antall tegn før telleren når maksimum og vi viser en feilmelding */
     maxLength: number;
     /**
@@ -24,4 +24,3 @@ export interface BaseTextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextA
     autoExpand?: boolean;
 }
 export declare const BaseTextArea: React.ForwardRefExoticComponent<BaseTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export {};

package/build/cjs/components/text-input/index.d.cts CHANGED Viewed

@@ -1,4 +1,4 @@
-export { BaseTextArea, type BaseTextAreaProps } from './BaseTextArea.cjs';
-export { BaseTextInput, type BaseTextInputProps } from './BaseTextInput.cjs';
+export { BaseTextArea, type BaseTextAreaProps, type Counter, } from './BaseTextArea.cjs';
+export { BaseTextInput, type BaseTextInputProps, type Action, } from './BaseTextInput.cjs';
 export { TextArea, type TextAreaProps } from './TextArea.cjs';
 export { TextInput, type TextInputProps } from './TextInput.cjs';

package/build/cjs/components/toast/index.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
 export { ToastProvider, useToast } from './toastContext.cjs';
-export { type ToastContent } from './types.cjs';
+export { type ToastContent, type ToastOptions, type ToastContext, } from './types.cjs';

package/build/cjs/components/toast/toastContext.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toastContext.cjs","sources":["../../../../src/components/toast/toastContext.tsx"],"sourcesContent":["import { ToastQueue } from \"@react-stately/toast\";\nimport React, { createContext, useContext, useState, type FC } from \"react\";\nimport { ~~type WithChildren } from \"../../core/types.js\";\nimport {~~ ToastRegion } from \"./ToastRegion.js\";\nimport { ToastContent, ToastOptions } from \"./types.js\";\n\ninterface ToastContextProviderProps extends WithChildren {\n maxVisibleToasts?: number;\n /*\n @default \"center\"\n */\n placement?: \"center\" \| \"left\";\n}\n\ntype ToastContext = {\n add: (toast: ToastContent, options?: ToastOptions) => string;\n};\n\nconst context = createContext<ToastContext>({\n add: () => {\n return \"missing-provider\";\n },\n});\n\nexport const useToast = (): ToastContext => useContext(context);\n\nexport const ToastProvider: FC<ToastContextProviderProps> = ({\n children,\n maxVisibleToasts = 5,\n placement = \"center\",\n}) => {\n const [queue] = useState(\n new ToastQueue<ToastContent>({\n maxVisibleToasts,\n hasExitAnimation: true,\n }),\n );\n\n return (\n <context.Provider\n value={{\n add: (toast: ToastContent, options?: ToastOptions) => {\n let timeout: number \| undefined = 5000;\n\n if (typeof options?.timeout === \"number\") {\n timeout = options.timeout as number;\n } else if (\n options?.timeout === null \|\|\n options?.timeout === \"off\"\n ) {\n timeout = undefined;\n }\n\n return queue.add(toast, {\n ...options,\n timeout,\n });\n },\n }}\n >\n {children}\n <ToastRegion queue={queue} placement={placement} />\n </context.Provider>\n );\n};\n"],"names":["context","createContext","add","children","maxVisibleToasts","placement","queue","useState","ToastQueue","hasExitAnimation","jsxs","Provider","value","toast","options","timeout","jsx","ToastRegion","useContext"],"mappings":"~~yMAkBMA~~,EAAUC,EAAAA,cAA4B,CACxCC,IAAK,IACM,2CAM6C,EACxDC,SAAAA,EACAC,iBAAAA,EAAmB,EACnBC,UAAAA,EAAY,aAEN,MAACC,GAASC,EAAAA,SACZ,IAAIC,aAAyB,CACzBJ,iBAAAA,EACAK,kBAAkB,KAKtB,OAAAC,EAAAA,KAACV,EAAQW,SAAR,CACGC,MAAO,CACHV,IAAK,CAACW,EAAqBC,KACvB,IAAIC,EAA8B,IAE9B,MAA4B,iBAArB,MAAAD,OAAA,EAAAA,EAASC,SAChBA,EAAUD,EAAQC,SAEG,QAArB,MAAAD,OAAAA,EAAAA,EAASC,UACY,SAArB,MAAAD,OAAAA,EAAAA,EAASC,YAECA,OAAA,GAGPT,EAAMJ,IAAIW,EAAO,IACjBC,EACHC,QAAAA,GACH,GAIRZ,SAAA,CAAAA,EACDa,EAAAA,IAACC,EAAYA,YAAA,CAAAX,MAAAA,EAAcD,UAAAA,MAAsB,mBArCrC,IAAoBa,EAAAA,WAAWlB"}
1	+ {"version":3,"file":"toastContext.cjs","sources":["../../../../src/components/toast/toastContext.tsx"],"sourcesContent":["import { ToastQueue } from \"@react-stately/toast\";\nimport React, { createContext, useContext, useState, type FC } from \"react\";\nimport { ToastRegion } from \"./ToastRegion.js\";\nimport {\n ToastContent,\n ToastContext,\n ToastContextProviderProps,\n ToastOptions,\n} from \"./types.js\";\n\nconst context = createContext<ToastContext>({\n add: () => {\n return \"missing-provider\";\n },\n});\n\nexport const useToast = (): ToastContext => useContext(context);\n\nexport const ToastProvider: FC<ToastContextProviderProps> = ({\n children,\n maxVisibleToasts = 5,\n placement = \"center\",\n}) => {\n const [queue] = useState(\n new ToastQueue<ToastContent>({\n maxVisibleToasts,\n hasExitAnimation: true,\n }),\n );\n\n return (\n <context.Provider\n value={{\n add: (toast: ToastContent, options?: ToastOptions) => {\n let timeout: number \| undefined = 5000;\n\n if (typeof options?.timeout === \"number\") {\n timeout = options.timeout as number;\n } else if (\n options?.timeout === null \|\|\n options?.timeout === \"off\"\n ) {\n timeout = undefined;\n }\n\n return queue.add(toast, {\n ...options,\n timeout,\n });\n },\n }}\n >\n {children}\n <ToastRegion queue={queue} placement={placement} />\n </context.Provider>\n );\n};\n"],"names":["context","createContext","add","children","maxVisibleToasts","placement","queue","useState","ToastQueue","hasExitAnimation","jsxs","Provider","value","toast","options","timeout","jsx","ToastRegion","useContext"],"mappings":"yMAUMA,EAAUC,EAAAA,cAA4B,CACxCC,IAAK,IACM,2CAM6C,EACxDC,SAAAA,EACAC,iBAAAA,EAAmB,EACnBC,UAAAA,EAAY,aAEN,MAACC,GAASC,EAAAA,SACZ,IAAIC,aAAyB,CACzBJ,iBAAAA,EACAK,kBAAkB,KAKtB,OAAAC,EAAAA,KAACV,EAAQW,SAAR,CACGC,MAAO,CACHV,IAAK,CAACW,EAAqBC,KACvB,IAAIC,EAA8B,IAE9B,MAA4B,iBAArB,MAAAD,OAAA,EAAAA,EAASC,SAChBA,EAAUD,EAAQC,SAEG,QAArB,MAAAD,OAAAA,EAAAA,EAASC,UACY,SAArB,MAAAD,OAAAA,EAAAA,EAASC,YAECA,OAAA,GAGPT,EAAMJ,IAAIW,EAAO,IACjBC,EACHC,QAAAA,GACH,GAIRZ,SAAA,CAAAA,EACDa,EAAAA,IAACC,EAAYA,YAAA,CAAAX,MAAAA,EAAcD,UAAAA,MAAsB,mBArCrC,IAAoBa,EAAAA,WAAWlB"}

package/build/cjs/components/toast/toastContext.d.cts CHANGED Viewed

@@ -1,16 +1,4 @@
 import { FC } from 'react';
-import { WithChildren } from '../../core/types.cjs';
-import { ToastContent, ToastOptions } from './types.cjs';
-interface ToastContextProviderProps extends WithChildren {
-    maxVisibleToasts?: number;
-    /**
-     * @default "center"
-     */
-    placement?: "center" | "left";
-}
-type ToastContext = {
-    add: (toast: ToastContent, options?: ToastOptions) => string;
-};
+import { ToastContext, ToastContextProviderProps } from './types.cjs';
 export declare const useToast: () => ToastContext;
 export declare const ToastProvider: FC<ToastContextProviderProps>;
-export {};

package/build/cjs/components/toast/types.d.cts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { ToastOptions as StatelyToastOptions } from '@react-stately/toast';
 import { ReactNode } from 'react';
+import { WithChildren } from '../../core/types.cjs';
 export type ToastContent = {
     content: ReactNode;
     title?: string;
@@ -8,3 +9,13 @@ export type ToastOptions = Omit<StatelyToastOptions, "timeout"> & {
     variant?: "info" | "success" | "warning" | "error";
     timeout?: number | null | "off";
 };
+export type ToastContext = {
+    add: (toast: ToastContent, options?: ToastOptions) => string;
+};
+export type ToastContextProviderProps = WithChildren & {
+    maxVisibleToasts?: number;
+    /**
+     * @default "center"
+     */
+    placement?: "center" | "left";
+};

package/build/cjs/components/toggle-switch/ToggleSlider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleSlider.cjs","sources":["../../../../src/components/toggle-switch/ToggleSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n FC,\n Fragment,\n MouseEventHandler,\n useRef,\n useState,\n} from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { useSwipeGesture } from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { ToggleChangeHandler } from \"./ToggleSwitch.js\";\nimport { usePillStyles } from \"./usePillStyles.js\";\n\~~ninterface~~ ~~Props~~ extends WithChildren {\n labels: [string, string];\n onToggle: (value: string) => void;\n defaultValue?: string;\n className?: string;\n hideLegend?: boolean;\n density?: Density;\n}\n\nexport const ToggleSlider: FC<~~Props~~> = ({\n children,\n labels,\n className = \"\",\n onToggle,\n defaultValue,\n hideLegend = false,\n density,\n ...rest\n}) => {\n const [currentLabel, setCurrentLabel] = useState(defaultValue \|\| labels[0]);\n const id = useId(\"jkl-toggle-slider\");\n const legendId = useId(\"jkl-toggle-slider-legend\");\n const activeRef = useRef<HTMLLabelElement>(null);\n\n const shouldTransform = currentLabel === labels[1];\n const pillStyles = usePillStyles(activeRef, shouldTransform, [density]);\n\n const handleChange: ToggleChangeHandler<HTMLElement> = (_, pressed) => {\n setCurrentLabel(pressed ? labels[1] : labels[0]);\n onToggle(pressed ? labels[1] : labels[0]);\n };\n\n const handleClick: MouseEventHandler<HTMLInputElement> = (event) => {\n const { value } = event.currentTarget;\n setCurrentLabel(value);\n onToggle(value);\n };\n\n const { gestureHandlers } = useSwipeGesture<HTMLDivElement>({\n onClick: handleClick,\n onChange: handleChange,\n });\n const { onClick, ...swipeHandlers } = gestureHandlers;\n\n if (process.env.NODE_ENV !== \"production\") {\n console.error(\n \"WARNING: ToggleSlider component has been deprecated and will be removed in some future version of the library\",\n );\n }\n\n return (\n <fieldset\n {...rest}\n className={clsx(\"jkl-toggle-slider\", className)}\n aria-labelledby={legendId}\n data-testid=\"jkl-toggle-slider\"\n data-density={density}\n >\n <div\n id={legendId}\n className={clsx(\"jkl-toggle-slider__legend\", {\n \"jkl-toggle-slider__legend--sr-only\": hideLegend,\n })}\n >\n {children}\n </div>\n <div className=\"jkl-toggle-slider__inputs\" {...swipeHandlers}>\n {labels.map((label) => (\n <Fragment key={label}>\n <input\n className=\"jkl-toggle-slider__input\"\n type=\"radio\"\n value={label}\n checked={label === currentLabel}\n name={id}\n id={`${label}-${id}`}\n onClick={onClick}\n onChange={() => {}}\n />\n <label\n className={clsx(\"jkl-toggle-slider__label\", {\n \"jkl-toggle-slider__label--selected\":\n label === currentLabel,\n })}\n ref={label === currentLabel ? activeRef : undefined}\n htmlFor={`${label}-${id}`}\n >\n {label}\n </label>\n </Fragment>\n ))}\n <span\n className=\"jkl-toggle-slider__pill\"\n style={pillStyles}\n aria-hidden\n />\n </div>\n </fieldset>\n );\n};\n"],"names":["children","labels","className","onToggle","defaultValue","hideLegend","density","rest","currentLabel","setCurrentLabel","useState","id","useId","legendId","activeRef","useRef","shouldTransform","pillStyles","usePillStyles","gestureHandlers","useSwipeGesture","onClick","event","value","currentTarget","onChange","_","pressed","swipeHandlers","process","env","NODE_ENV","console","error","jsxs","clsx","jsx","map","label","Fragment","type","checked","name","ref","htmlFor","style"],"mappings":"~~4UAuBuC~~,~~EACnCA~~,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EAAY,GACZC,SAAAA,EACAC,aAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,KACGC,MAEG,MAACC,EAAcC,GAAmBC,EAAAA,SAASN,GAAgBH,EAAO,IAClEU,EAAKC,QAAM,qBACXC,EAAWD,QAAM,4BACjBE,EAAYC,SAAyB,MAErCC,EAAkBR,IAAiBP,EAAO,GAC1CgB,EAAaC,EAAAA,cAAcJ,EAAWE,EAAiB,CAACV,KAatDa,gBAAAA,GAAoBC,kBAAgC,CACxDC,QAPsDC,IAChD,MAAEC,MAAAA,GAAUD,EAAME,cACxBf,EAAgBc,GAChBpB,EAASoB,EAAK,EAKdE,SAbmD,CAACC,EAAGC,KACvDlB,EAAgBkB,EAAU1B,EAAO,GAAKA,EAAO,IAC7CE,EAASwB,EAAU1B,EAAO,GAAKA,EAAO,GAAE,KAapCoB,QAAAA,KAAYO,GAAkBT,EAElC,MAAyB,eAAzBU,QAAQC,IAAIC,UACJC,QAAAC,MACJ,iHAKJC,EAAAA,KAAC,WAAA,IACO3B,EACJL,UAAWiC,EAAAA,KAAK,oBAAqBjC,GACrC,kBAAiBW,EACjB,cAAY,oBACZ,eAAcP,EAEdN,SAAA,CAAAoC,EAAAA,IAAC,MAAA,CACGzB,GAAIE,EACJX,UAAWiC,OAAK,4BAA6B,CACzC,qCAAsC9B,IAGzCL,SAAAA,IAEJkC,EAAAA,KAAA,MAAA,CAAIhC,UAAU,+BAAgC0B,EAC1C5B,SAAA,CAAAC,EAAOoC,KAAKC,GACTJ,EAAAA,KAACK,EAAAA,SACG,CAAAvC,SAAA,CAAAoC,EAAAA,IAAC,QAAA,CACGlC,UAAU,2BACVsC,KAAK,QACLjB,MAAOe,EACPG,QAASH,IAAU9B,EACnBkC,KAAM/B,EACNA,GAAI,GAAG2B,KAAS3B,IAChBU,QAAAA,EACAI,SAAU,SAEdW,EAAAA,IAAC,QAAA,CACGlC,UAAWiC,OAAK,2BAA4B,CACxC,qCACIG,IAAU9B,IAElBmC,IAAKL,IAAU9B,EAAeM,OAAY,EAC1C8B,QAAS,GAAGN,KAAS3B,IAEpBX,SAAAsC,MAnBMA,KAuBnBF,EAAAA,IAAC,OAAA,CACGlC,UAAU,0BACV2C,MAAO5B,EACP,eAAW,SAEnB"}
1	+ {"version":3,"file":"ToggleSlider.cjs","sources":["../../../../src/components/toggle-switch/ToggleSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n FC,\n Fragment,\n MouseEventHandler,\n useRef,\n useState,\n} from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { useSwipeGesture } from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { ToggleChangeHandler } from \"./ToggleSwitch.js\";\nimport { usePillStyles } from \"./usePillStyles.js\";\n\nexport interface ToggleSliderProps extends WithChildren {\n labels: [string, string];\n onToggle: (value: string) => void;\n defaultValue?: string;\n className?: string;\n hideLegend?: boolean;\n density?: Density;\n}\n\nexport const ToggleSlider: FC<ToggleSliderProps> = ({\n children,\n labels,\n className = \"\",\n onToggle,\n defaultValue,\n hideLegend = false,\n density,\n ...rest\n}) => {\n const [currentLabel, setCurrentLabel] = useState(defaultValue \|\| labels[0]);\n const id = useId(\"jkl-toggle-slider\");\n const legendId = useId(\"jkl-toggle-slider-legend\");\n const activeRef = useRef<HTMLLabelElement>(null);\n\n const shouldTransform = currentLabel === labels[1];\n const pillStyles = usePillStyles(activeRef, shouldTransform, [density]);\n\n const handleChange: ToggleChangeHandler<HTMLElement> = (_, pressed) => {\n setCurrentLabel(pressed ? labels[1] : labels[0]);\n onToggle(pressed ? labels[1] : labels[0]);\n };\n\n const handleClick: MouseEventHandler<HTMLInputElement> = (event) => {\n const { value } = event.currentTarget;\n setCurrentLabel(value);\n onToggle(value);\n };\n\n const { gestureHandlers } = useSwipeGesture<HTMLDivElement>({\n onClick: handleClick,\n onChange: handleChange,\n });\n const { onClick, ...swipeHandlers } = gestureHandlers;\n\n if (process.env.NODE_ENV !== \"production\") {\n console.error(\n \"WARNING: ToggleSlider component has been deprecated and will be removed in some future version of the library\",\n );\n }\n\n return (\n <fieldset\n {...rest}\n className={clsx(\"jkl-toggle-slider\", className)}\n aria-labelledby={legendId}\n data-testid=\"jkl-toggle-slider\"\n data-density={density}\n >\n <div\n id={legendId}\n className={clsx(\"jkl-toggle-slider__legend\", {\n \"jkl-toggle-slider__legend--sr-only\": hideLegend,\n })}\n >\n {children}\n </div>\n <div className=\"jkl-toggle-slider__inputs\" {...swipeHandlers}>\n {labels.map((label) => (\n <Fragment key={label}>\n <input\n className=\"jkl-toggle-slider__input\"\n type=\"radio\"\n value={label}\n checked={label === currentLabel}\n name={id}\n id={`${label}-${id}`}\n onClick={onClick}\n onChange={() => {}}\n />\n <label\n className={clsx(\"jkl-toggle-slider__label\", {\n \"jkl-toggle-slider__label--selected\":\n label === currentLabel,\n })}\n ref={label === currentLabel ? activeRef : undefined}\n htmlFor={`${label}-${id}`}\n >\n {label}\n </label>\n </Fragment>\n ))}\n <span\n className=\"jkl-toggle-slider__pill\"\n style={pillStyles}\n aria-hidden\n />\n </div>\n </fieldset>\n );\n};\n"],"names":["children","labels","className","onToggle","defaultValue","hideLegend","density","rest","currentLabel","setCurrentLabel","useState","id","useId","legendId","activeRef","useRef","shouldTransform","pillStyles","usePillStyles","gestureHandlers","useSwipeGesture","onClick","event","value","currentTarget","onChange","_","pressed","swipeHandlers","process","env","NODE_ENV","console","error","jsxs","clsx","jsx","map","label","Fragment","type","checked","name","ref","htmlFor","style"],"mappings":"4UAuBmD,EAC/CA,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EAAY,GACZC,SAAAA,EACAC,aAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,KACGC,MAEG,MAACC,EAAcC,GAAmBC,EAAAA,SAASN,GAAgBH,EAAO,IAClEU,EAAKC,QAAM,qBACXC,EAAWD,QAAM,4BACjBE,EAAYC,SAAyB,MAErCC,EAAkBR,IAAiBP,EAAO,GAC1CgB,EAAaC,EAAAA,cAAcJ,EAAWE,EAAiB,CAACV,KAatDa,gBAAAA,GAAoBC,kBAAgC,CACxDC,QAPsDC,IAChD,MAAEC,MAAAA,GAAUD,EAAME,cACxBf,EAAgBc,GAChBpB,EAASoB,EAAK,EAKdE,SAbmD,CAACC,EAAGC,KACvDlB,EAAgBkB,EAAU1B,EAAO,GAAKA,EAAO,IAC7CE,EAASwB,EAAU1B,EAAO,GAAKA,EAAO,GAAE,KAapCoB,QAAAA,KAAYO,GAAkBT,EAElC,MAAyB,eAAzBU,QAAQC,IAAIC,UACJC,QAAAC,MACJ,iHAKJC,EAAAA,KAAC,WAAA,IACO3B,EACJL,UAAWiC,EAAAA,KAAK,oBAAqBjC,GACrC,kBAAiBW,EACjB,cAAY,oBACZ,eAAcP,EAEdN,SAAA,CAAAoC,EAAAA,IAAC,MAAA,CACGzB,GAAIE,EACJX,UAAWiC,OAAK,4BAA6B,CACzC,qCAAsC9B,IAGzCL,SAAAA,IAEJkC,EAAAA,KAAA,MAAA,CAAIhC,UAAU,+BAAgC0B,EAC1C5B,SAAA,CAAAC,EAAOoC,KAAKC,GACTJ,EAAAA,KAACK,EAAAA,SACG,CAAAvC,SAAA,CAAAoC,EAAAA,IAAC,QAAA,CACGlC,UAAU,2BACVsC,KAAK,QACLjB,MAAOe,EACPG,QAASH,IAAU9B,EACnBkC,KAAM/B,EACNA,GAAI,GAAG2B,KAAS3B,IAChBU,QAAAA,EACAI,SAAU,SAEdW,EAAAA,IAAC,QAAA,CACGlC,UAAWiC,OAAK,2BAA4B,CACxC,qCACIG,IAAU9B,IAElBmC,IAAKL,IAAU9B,EAAeM,OAAY,EAC1C8B,QAAS,GAAGN,KAAS3B,IAEpBX,SAAAsC,MAnBMA,KAuBnBF,EAAAA,IAAC,OAAA,CACGlC,UAAU,0BACV2C,MAAO5B,EACP,eAAW,SAEnB"}

package/build/cjs/components/toggle-switch/ToggleSlider.d.cts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { Density, WithChildren } from '../../core/types.cjs';
-interface Props extends WithChildren {
+export interface ToggleSliderProps extends WithChildren {
     labels: [string, string];
     onToggle: (value: string) => void;
     defaultValue?: string;
@@ -8,5 +8,4 @@ interface Props extends WithChildren {
     hideLegend?: boolean;
     density?: Density;
 }
-export declare const ToggleSlider: FC<Props>;
-export {};
+export declare const ToggleSlider: FC<ToggleSliderProps>;

package/build/cjs/components/toggle-switch/ToggleSwitch.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleSwitch.cjs","sources":["../../../../src/components/toggle-switch/ToggleSwitch.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n type ButtonHTMLAttributes,\n type MouseEventHandler,\n forwardRef,\n} from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport {\n SwipeChangeHandler,\n useSwipeGesture,\n} from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\n\nexport type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;\n\nexport type ~~ToggleProps~~ = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n \"onChange\"\n> & {\n density?: Density;\n /*\n Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på\n * eller ikke, samt en MouseEvent eller en PointerEvent avhengig av om togglingen skjedde via klikk eller swipe.\n * @example\n * ```js\n * function handleChange(event, pressed) {\n * console.log(`ToggleSwitch er ${pressed ? \"på\" : \"av\"}`);\n * }\n * ```\n */\n onChange?: ToggleChangeHandler<HTMLButtonElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ~~ToggleProps~~>(\n (\n {\n \"aria-pressed\": ariaPressed = false,\n children,\n className,\n density,\n id,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const uid = useId(id \|\| \"jkl-toggle-switch\", { generateSuffix: !id });\n const [pressed, setPressed] = React.useState(ariaPressed);\n React.useEffect(() => {\n setPressed(ariaPressed);\n }, [ariaPressed]);\n\n const {\n onClick,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n ...buttonProps\n } = rest;\n\n const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n setPressed(!pressed);\n onChange?.(event, !pressed);\n onClick?.(event);\n };\n\n const handleChange: ToggleChangeHandler<HTMLButtonElement> = (\n event,\n toggleTo,\n ) => {\n if (toggleTo !== pressed) {\n setPressed(toggleTo);\n onChange?.(event, toggleTo);\n }\n };\n\n const { gestureHandlers } = useSwipeGesture({\n onClick: handleClick,\n onChange: handleChange,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n });\n\n return (\n <button\n className={clsx(\"jkl-toggle-switch\", className)}\n id={uid}\n ref={ref}\n aria-pressed={pressed}\n data-density={density}\n {...buttonProps}\n {...(buttonProps.disabled ? {} : gestureHandlers)}\n >\n {children}\n <div aria-hidden className=\"jkl-toggle-switch-widget\">\n <div className=\"jkl-toggle-switch-widget__slider\">\n <div className=\"jkl-toggle-switch-widget__knob\" />\n <CheckIcon\n variant=\"small\"\n bold\n className=\"jkl-toggle-switch-widget__indicator\"\n />\n </div>\n </div>\n </button>\n );\n },\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n"],"names":["ToggleSwitch","forwardRef","ariaPressed","children","className","density","id","onChange","rest","ref","uid","useId","generateSuffix","pressed","setPressed","React","useState","useEffect","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","buttonProps","gestureHandlers","useSwipeGesture","event","toggleTo","jsxs","clsx","disabled","jsx","CheckIcon","variant","bold","displayName"],"mappings":"+TAkCaA,EAAeC,EAAAA,YACxB,EAEQ,eAAgBC,GAAc,EAC9BC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,GAAAA,EACAC,SAAAA,KACGC,GAEPC,KAEM,MAAAC,EAAMC,QAAML,GAAM,oBAAqB,CAAEM,gBAAiBN,KACzDO,EAASC,GAAcC,EAAMC,SAASd,GAC7Ca,EAAME,WAAU,KACZH,EAAWZ,EAAW,GACvB,CAACA,IAEE,MACFgB,QAAAA,EACAC,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,KACGC,GACHf,GAkBIgB,gBAAAA,GAAoBC,kBAAgB,CACxCP,QAjBuDQ,IACvDZ,GAAYD,GACD,MAAAN,GAAAA,EAAAmB,GAAQb,GACnB,MAAAK,GAAAA,EAAUQ,IAeVnB,SAZyD,CACzDmB,EACAC,KAEIA,IAAad,IACbC,EAAWa,GACX,MAAApB,GAAAA,EAAWmB,EAAOC,GACtB,EAMAR,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAM,EAAAA,KAAC,SAAA,CACGxB,UAAWyB,EAAAA,KAAK,oBAAqBzB,GACrCE,GAAII,EACJD,IAAAA,EACA,eAAcI,EACd,eAAcR,KACVkB,KACCA,EAAYO,SAAW,CAAA,EAAKN,EAEhCrB,SAAA,CAAAA,EACD4B,EAAAA,IAAC,OAAI,eAAW,EAAC3B,UAAU,2BACvBD,SAAAyB,EAAAA,KAAC,MAAI,CAAAxB,UAAU,mCACXD,SAAA,CAAC4B,EAAAA,IAAA,MAAA,CAAI3B,UAAU,mCACf2B,EAAAA,IAACC,EAAAA,UAAA,CACGC,QAAQ,QACRC,MAAI,EACJ9B,UAAU,+CAGtB,IAKhBJ,EAAamC,YAAc"}
1	+ {"version":3,"file":"ToggleSwitch.cjs","sources":["../../../../src/components/toggle-switch/ToggleSwitch.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n type ButtonHTMLAttributes,\n type MouseEventHandler,\n forwardRef,\n} from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport {\n SwipeChangeHandler,\n useSwipeGesture,\n} from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\n\nexport type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;\n\nexport type ToggleSwitchProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n \"onChange\"\n> & {\n density?: Density;\n /*\n Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på\n * eller ikke, samt en MouseEvent eller en PointerEvent avhengig av om togglingen skjedde via klikk eller swipe.\n * @example\n * ```js\n * function handleChange(event, pressed) {\n * console.log(`ToggleSwitch er ${pressed ? \"på\" : \"av\"}`);\n * }\n * ```\n */\n onChange?: ToggleChangeHandler<HTMLButtonElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ToggleSwitchProps>(\n (\n {\n \"aria-pressed\": ariaPressed = false,\n children,\n className,\n density,\n id,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const uid = useId(id \|\| \"jkl-toggle-switch\", { generateSuffix: !id });\n const [pressed, setPressed] = React.useState(ariaPressed);\n React.useEffect(() => {\n setPressed(ariaPressed);\n }, [ariaPressed]);\n\n const {\n onClick,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n ...buttonProps\n } = rest;\n\n const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n setPressed(!pressed);\n onChange?.(event, !pressed);\n onClick?.(event);\n };\n\n const handleChange: ToggleChangeHandler<HTMLButtonElement> = (\n event,\n toggleTo,\n ) => {\n if (toggleTo !== pressed) {\n setPressed(toggleTo);\n onChange?.(event, toggleTo);\n }\n };\n\n const { gestureHandlers } = useSwipeGesture({\n onClick: handleClick,\n onChange: handleChange,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n });\n\n return (\n <button\n className={clsx(\"jkl-toggle-switch\", className)}\n id={uid}\n ref={ref}\n aria-pressed={pressed}\n data-density={density}\n {...buttonProps}\n {...(buttonProps.disabled ? {} : gestureHandlers)}\n >\n {children}\n <div aria-hidden className=\"jkl-toggle-switch-widget\">\n <div className=\"jkl-toggle-switch-widget__slider\">\n <div className=\"jkl-toggle-switch-widget__knob\" />\n <CheckIcon\n variant=\"small\"\n bold\n className=\"jkl-toggle-switch-widget__indicator\"\n />\n </div>\n </div>\n </button>\n );\n },\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n"],"names":["ToggleSwitch","forwardRef","ariaPressed","children","className","density","id","onChange","rest","ref","uid","useId","generateSuffix","pressed","setPressed","React","useState","useEffect","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","buttonProps","gestureHandlers","useSwipeGesture","event","toggleTo","jsxs","clsx","disabled","jsx","CheckIcon","variant","bold","displayName"],"mappings":"+TAkCaA,EAAeC,EAAAA,YACxB,EAEQ,eAAgBC,GAAc,EAC9BC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,GAAAA,EACAC,SAAAA,KACGC,GAEPC,KAEM,MAAAC,EAAMC,QAAML,GAAM,oBAAqB,CAAEM,gBAAiBN,KACzDO,EAASC,GAAcC,EAAMC,SAASd,GAC7Ca,EAAME,WAAU,KACZH,EAAWZ,EAAW,GACvB,CAACA,IAEE,MACFgB,QAAAA,EACAC,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,KACGC,GACHf,GAkBIgB,gBAAAA,GAAoBC,kBAAgB,CACxCP,QAjBuDQ,IACvDZ,GAAYD,GACD,MAAAN,GAAAA,EAAAmB,GAAQb,GACnB,MAAAK,GAAAA,EAAUQ,IAeVnB,SAZyD,CACzDmB,EACAC,KAEIA,IAAad,IACbC,EAAWa,GACX,MAAApB,GAAAA,EAAWmB,EAAOC,GACtB,EAMAR,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAM,EAAAA,KAAC,SAAA,CACGxB,UAAWyB,EAAAA,KAAK,oBAAqBzB,GACrCE,GAAII,EACJD,IAAAA,EACA,eAAcI,EACd,eAAcR,KACVkB,KACCA,EAAYO,SAAW,CAAA,EAAKN,EAEhCrB,SAAA,CAAAA,EACD4B,EAAAA,IAAC,OAAI,eAAW,EAAC3B,UAAU,2BACvBD,SAAAyB,EAAAA,KAAC,MAAI,CAAAxB,UAAU,mCACXD,SAAA,CAAC4B,EAAAA,IAAA,MAAA,CAAI3B,UAAU,mCACf2B,EAAAA,IAACC,EAAAA,UAAA,CACGC,QAAQ,QACRC,MAAI,EACJ9B,UAAU,+CAGtB,IAKhBJ,EAAamC,YAAc"}

package/build/cjs/components/toggle-switch/ToggleSwitch.d.cts CHANGED Viewed

@@ -2,7 +2,7 @@ import { default as React, ButtonHTMLAttributes } from 'react';
 import { Density } from '../../core/types.cjs';
 import { SwipeChangeHandler } from '../../hooks/useSwipeGesture/useSwipeGesture.cjs';
 export type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;
-export type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
+export type ToggleSwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
     density?: Density;
     /**
      * Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på

package/build/cjs/components/toggle-switch/index.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { ToggleSwitch, type ToggleChangeHandler } from './ToggleSwitch.cjs';
-export { ToggleSlider } from './ToggleSlider.cjs';
+export { ToggleSwitch, type ToggleChangeHandler, type ToggleSwitchProps, } from './ToggleSwitch.cjs';
+export { ToggleSlider, type ToggleSliderProps } from './ToggleSlider.cjs';

package/build/cjs/components/tooltip/Tooltip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("react"),o=({initialOpen:e=!1,placement:o="top",delay:r=250,triggerOn:i="hover"})=>{const[s,l]=n.useState(e),u=n.useRef(null),c=n.useRef(null),a=t.useFloating({open:s,onOpenChange:l,placement:o,whileElementsMounted:t.autoUpdate,middleware:[t.offset(16),t.flip(),t.shift({padding:16}),t.arrow({element:u,padding:20})]}),p=t.useRole(a.context,{role:"tooltip"}),d=t.useDismiss(a.context,{referencePress:!1}),x=t.useClick(a.context,{enabled:"click"===i&&!s}),f=t.useHover(a.context,{enabled:"hover"===i,delay:s?0:r}),g=t.useFocus(a.context,{enabled:"click"!==i||s}),m=t.useInteractions([d,g,p,x,f]);return{triggerOn:i,isOpen:s,setOpen:l,arrowElement:u,...a,refs:{...a.refs,description:c,setDescription:e=>c.current=e},...m}},r=n.createContext(null),i=r.Provider;exports.Tooltip=({children:t,...n})=>{const r=o(n);return e.jsx(i,{value:r,children:t})},exports.TooltipProvider=i,exports.useTooltip=o,exports.useTooltipContext=()=>{const e=n.useContext(r);if(null===e)throw new Error("Tooltip-komponentene kan kun brukes inne i <Tooltip />");return e};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("react"),r=n.createContext(null),o=r.Provider;exports.Tooltip=({children:r,...i})=>{const s=(({initialOpen:e=!1,placement:r="top",delay:o=250,triggerOn:i="hover"})=>{const[s,l]=n.useState(e),u=n.useRef(null),c=n.useRef(null),a=t.useFloating({open:s,onOpenChange:l,placement:r,whileElementsMounted:t.autoUpdate,middleware:[t.offset(16),t.flip(),t.shift({padding:16}),t.arrow({element:u,padding:20})]}),p=t.useRole(a.context,{role:"tooltip"}),d=t.useDismiss(a.context,{referencePress:!1}),x=t.useClick(a.context,{enabled:"click"===i&&!s}),f=t.useHover(a.context,{enabled:"hover"===i,delay:s?0:o}),g=t.useFocus(a.context,{enabled:"click"!==i||s}),m=t.useInteractions([d,g,p,x,f]);return{triggerOn:i,isOpen:s,setOpen:l,arrowElement:u,...a,refs:{...a.refs,description:c,setDescription:e=>c.current=e},...m}})(i);return e.jsx(o,{value:s,children:r})},exports.TooltipProvider=o,exports.useTooltipContext=()=>{const e=n.useContext(r);if(null===e)throw new Error("Tooltip-komponentene kan kun brukes inne i <Tooltip />");return e};
 //# sourceMappingURL=Tooltip.cjs.map

package/build/cjs/components/tooltip/Tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n type Placement,\n type UseFloatingReturn,\n arrow,\n autoUpdate,\n flip,\n offset,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useRole,\n} from \"@floating-ui/react\";\nimport React, { FC, createContext, useContext, useRef, useState } from \"react\";\nimport { type WithChildren } from \"../../core/types.js\";\n\nexport type TooltipPlacement = Extract<\n Placement,\n \"top-start\" \| \"top-end\" \| \"left\" \| \"right\" \| \"top\"\n>;\n\nexport interface TooltipProps {\n /*\n Sett til true dersom du ønsker at tooltipen skal være åpen som default\n * @default false\n /\n initialOpen?: boolean;\n /\n Plassering av tooltipen i forhold til triggeren. Tooltipen vil automatisk\n * bytte posisjon dersom det ikke er plass.\n * @default \"top\"\n /\n placement?: TooltipPlacement;\n /\n Valgfri forsinkelse før tooltipen åpner. Ignoreres dersom triggerOn er satt til \"click\"\n * @default 250\n /\n delay?: number;\n /\n Angir om tooltipen skal åpnes ved klikk eller hover\n * @default \"hover\"\n */\n triggerOn?: \"click\" \| \"hover\";\n}\n\ntype UseTooltipReturn = {\n triggerOn: NonNullable<TooltipProps[\"triggerOn\"]>;\n isOpen: boolean;\n setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n arrowElement: React.RefObject<HTMLElement>;\n refs: {\n description: React.MutableRefObject<HTMLElement \| null>;\n setDescription: (element: HTMLElement \| null) => void;\n } & UseFloatingReturn[\"refs\"];\n} & UseFloatingReturn &\n ReturnType<typeof useInteractions>;\n\~~nexport~~ ~~const~~ useTooltip = ({\n initialOpen = false,\n placement = \"top\",\n delay = 250,\n triggerOn = \"hover\",\n}: TooltipProps): UseTooltipReturn => {\n const [isOpen, setOpen] = useState(initialOpen);\n const arrowElement = useRef<HTMLElement>(null);\n const description = useRef<HTMLElement \| null>(null);\n const setDescription = (element: HTMLElement \| null) =>\n (description.current = element);\n\n const data = useFloating({\n open: isOpen,\n onOpenChange: setOpen,\n placement,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(16),\n flip(),\n shift({ padding: 16 }),\n arrow({ element: arrowElement, padding: 20 }),\n ],\n });\n\n const role = useRole(data.context, { role: \"tooltip\" });\n const dismiss = useDismiss(data.context, { referencePress: false });\n const click = useClick(data.context, {\n enabled: triggerOn === \"click\" && !isOpen,\n });\n const hover = useHover(data.context, {\n enabled: triggerOn === \"hover\",\n delay: isOpen ? 0 : delay,\n });\n const focus = useFocus(data.context, {\n enabled: triggerOn === \"click\" ? isOpen : true,\n });\n\n const interactions = useInteractions([dismiss, focus, role, click, hover]);\n\n return {\n triggerOn,\n isOpen,\n setOpen,\n arrowElement,\n ...data,\n refs: {\n ...data.refs,\n description,\n setDescription,\n },\n ...interactions,\n };\n};\n\nexport type TooltipContext = ReturnType<typeof useTooltip> \| null;\n\nconst tooltipContext = createContext<TooltipContext>(null);\n\nexport const TooltipProvider = tooltipContext.Provider;\n\nexport const useTooltipContext = () => {\n const context = useContext(tooltipContext);\n\n if (context === null) {\n throw new Error(\n \"Tooltip-komponentene kan kun brukes inne i <Tooltip />\",\n );\n }\n\n return context;\n};\n\nexport const Tooltip: FC<TooltipProps & WithChildren> = ({\n children,\n ...options\n}) => {\n const tooltip = useTooltip(options);\n\n return <TooltipProvider value={tooltip}>{children}</TooltipProvider>;\n};\n"],"names":["~~useTooltip~~","initialOpen","placement","delay","triggerOn","isOpen","setOpen","useState","arrowElement","useRef","description","data","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","shift","padding","arrow","element","role","useRole","context","dismiss","useDismiss","referencePress","click","useClick","enabled","hover","useHover","focus","useFocus","interactions","useInteractions","refs","setDescription","current","~~tooltipContext~~","~~createContext","TooltipProvider","Provider","children","options","tooltip","~~jsx","value","useContext","Error"],"mappings":"~~wKA4DaA~~,~~EAAa~~,~~EACtBC~~,YAAAA,GAAc,EACdC,UAAAA,EAAY,MACZC,MAAAA,EAAQ,IACRC,UAAAA,EAAY,YAEZ,MAAOC,EAAQC,GAAWC,WAASN,GAC7BO,EAAeC,SAAoB,MACnCC,EAAcD,SAA2B,MAIzCE,EAAOC,EAAAA,YAAY,CACrBC,KAAMR,EACNS,aAAcR,EACdJ,UAAAA,EACAa,qBAAsBC,EAAAA,WACtBC,WAAY,CACRC,EAAAA,OAAO,IACPC,SACAC,QAAM,CAAEC,QAAS,KACjBC,EAAAA,MAAM,CAAEC,QAASf,EAAca,QAAS,QAI1CG,EAAOC,EAAAA,QAAQd,EAAKe,QAAS,CAAEF,KAAM,YACrCG,EAAUC,EAAAA,WAAWjB,EAAKe,QAAS,CAAEG,gBAAgB,IACrDC,EAAQC,EAAAA,SAASpB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,IAA0BC,IAEjC4B,EAAQC,EAAAA,SAASvB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,EACTD,MAAOE,EAAS,EAAIF,IAElBgC,EAAQC,EAAAA,SAASzB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,GAAwBC,IAG/BgC,EAAeC,kBAAgB,CAACX,EAASQ,EAAOX,EAAMM,EAAOG,IAE5D,MAAA,CACH7B,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAE,aAAAA,KACGG,EACH4B,KAAM,IACC5B,EAAK4B,KACR7B,YAAAA,EACA8B,eAxCgBjB,GACnBb,EAAY+B,QAAUlB,MAyCpBc,EAAA,~~EAMLK~~,~~EAAiBC~~,~~EAAAA,cAA8B,MAExCC,EAAkBF,EAAeG,yBAcU,EACpDC,SAAAA,KACGC,MAEG,MAAAC,EAAUhD,EAAW+C,~~GAE3B,~~OAAQE~~,EAAAA,~~IAAAL~~,EAAA,~~CAAgBM~~,~~MAAOF~~,EAAUF,SAAAA,GAAS,~~2EAlBrB~~,KACvB,~~MAAApB~~,~~EAAUyB~~,~~aAAWT~~,GAE3B,GAAgB,~~OAAZhB~~,EACA,MAAM,~~IAAI0B~~,MACN,0DAID,~~OAAA1B~~"}
1	+ {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n type Placement,\n type UseFloatingReturn,\n arrow,\n autoUpdate,\n flip,\n offset,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useRole,\n} from \"@floating-ui/react\";\nimport React, { FC, createContext, useContext, useRef, useState } from \"react\";\nimport { type WithChildren } from \"../../core/types.js\";\n\nexport type TooltipPlacement = Extract<\n Placement,\n \"top-start\" \| \"top-end\" \| \"left\" \| \"right\" \| \"top\"\n>;\n\nexport interface TooltipProps {\n /*\n Sett til true dersom du ønsker at tooltipen skal være åpen som default\n * @default false\n /\n initialOpen?: boolean;\n /\n Plassering av tooltipen i forhold til triggeren. Tooltipen vil automatisk\n * bytte posisjon dersom det ikke er plass.\n * @default \"top\"\n /\n placement?: TooltipPlacement;\n /\n Valgfri forsinkelse før tooltipen åpner. Ignoreres dersom triggerOn er satt til \"click\"\n * @default 250\n /\n delay?: number;\n /\n Angir om tooltipen skal åpnes ved klikk eller hover\n * @default \"hover\"\n */\n triggerOn?: \"click\" \| \"hover\";\n}\n\ntype UseTooltipReturn = {\n triggerOn: NonNullable<TooltipProps[\"triggerOn\"]>;\n isOpen: boolean;\n setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n arrowElement: React.RefObject<HTMLElement>;\n refs: {\n description: React.MutableRefObject<HTMLElement \| null>;\n setDescription: (element: HTMLElement \| null) => void;\n } & UseFloatingReturn[\"refs\"];\n} & UseFloatingReturn &\n ReturnType<typeof useInteractions>;\n\nconst useTooltip = ({\n initialOpen = false,\n placement = \"top\",\n delay = 250,\n triggerOn = \"hover\",\n}: TooltipProps): UseTooltipReturn => {\n const [isOpen, setOpen] = useState(initialOpen);\n const arrowElement = useRef<HTMLElement>(null);\n const description = useRef<HTMLElement \| null>(null);\n const setDescription = (element: HTMLElement \| null) =>\n (description.current = element);\n\n const data = useFloating({\n open: isOpen,\n onOpenChange: setOpen,\n placement,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(16),\n flip(),\n shift({ padding: 16 }),\n arrow({ element: arrowElement, padding: 20 }),\n ],\n });\n\n const role = useRole(data.context, { role: \"tooltip\" });\n const dismiss = useDismiss(data.context, { referencePress: false });\n const click = useClick(data.context, {\n enabled: triggerOn === \"click\" && !isOpen,\n });\n const hover = useHover(data.context, {\n enabled: triggerOn === \"hover\",\n delay: isOpen ? 0 : delay,\n });\n const focus = useFocus(data.context, {\n enabled: triggerOn === \"click\" ? isOpen : true,\n });\n\n const interactions = useInteractions([dismiss, focus, role, click, hover]);\n\n return {\n triggerOn,\n isOpen,\n setOpen,\n arrowElement,\n ...data,\n refs: {\n ...data.refs,\n description,\n setDescription,\n },\n ...interactions,\n };\n};\n\nexport type TooltipContext = ReturnType<typeof useTooltip> \| null;\n\nconst tooltipContext = createContext<TooltipContext>(null);\n\nexport const TooltipProvider = tooltipContext.Provider;\n\nexport const useTooltipContext = () => {\n const context = useContext(tooltipContext);\n\n if (context === null) {\n throw new Error(\n \"Tooltip-komponentene kan kun brukes inne i <Tooltip />\",\n );\n }\n\n return context;\n};\n\nexport const Tooltip: FC<TooltipProps & WithChildren> = ({\n children,\n ...options\n}) => {\n const tooltip = useTooltip(options);\n\n return <TooltipProvider value={tooltip}>{children}</TooltipProvider>;\n};\n"],"names":["tooltipContext","createContext","TooltipProvider","Provider","children","options","tooltip","initialOpen","placement","delay","triggerOn","isOpen","setOpen","useState","arrowElement","useRef","description","data","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","shift","padding","arrow","element","role","useRole","context","dismiss","useDismiss","referencePress","click","useClick","enabled","hover","useHover","focus","useFocus","interactions","useInteractions","refs","setDescription","current","useTooltip","jsx","value","useContext","Error"],"mappings":"wKAqHMA,EAAiBC,EAAAA,cAA8B,MAExCC,EAAkBF,EAAeG,yBAcU,EACpDC,SAAAA,KACGC,MAEG,MAAAC,EA7ES,GACfC,YAAAA,GAAc,EACdC,UAAAA,EAAY,MACZC,MAAAA,EAAQ,IACRC,UAAAA,EAAY,YAEZ,MAAOC,EAAQC,GAAWC,WAASN,GAC7BO,EAAeC,SAAoB,MACnCC,EAAcD,SAA2B,MAIzCE,EAAOC,EAAAA,YAAY,CACrBC,KAAMR,EACNS,aAAcR,EACdJ,UAAAA,EACAa,qBAAsBC,EAAAA,WACtBC,WAAY,CACRC,EAAAA,OAAO,IACPC,SACAC,QAAM,CAAEC,QAAS,KACjBC,EAAAA,MAAM,CAAEC,QAASf,EAAca,QAAS,QAI1CG,EAAOC,EAAAA,QAAQd,EAAKe,QAAS,CAAEF,KAAM,YACrCG,EAAUC,EAAAA,WAAWjB,EAAKe,QAAS,CAAEG,gBAAgB,IACrDC,EAAQC,EAAAA,SAASpB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,IAA0BC,IAEjC4B,EAAQC,EAAAA,SAASvB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,EACTD,MAAOE,EAAS,EAAIF,IAElBgC,EAAQC,EAAAA,SAASzB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,GAAwBC,IAG/BgC,EAAeC,kBAAgB,CAACX,EAASQ,EAAOX,EAAMM,EAAOG,IAE5D,MAAA,CACH7B,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAE,aAAAA,KACGG,EACH4B,KAAM,IACC5B,EAAK4B,KACR7B,YAAAA,EACA8B,eAxCgBjB,GACnBb,EAAY+B,QAAUlB,MAyCpBc,EAAA,EA0BSK,CAAW3C,GAE3B,OAAQ4C,EAAAA,IAAA/C,EAAA,CAAgBgD,MAAO5C,EAAUF,SAAAA,GAAS,sDAlBrB,KACvB,MAAA4B,EAAUmB,aAAWnD,GAE3B,GAAgB,OAAZgC,EACA,MAAM,IAAIoB,MACN,0DAID,OAAApB"}

package/build/cjs/components/tooltip/Tooltip.d.cts CHANGED Viewed

@@ -35,7 +35,7 @@ type UseTooltipReturn = {
         setDescription: (element: HTMLElement | null) => void;
     } & UseFloatingReturn["refs"];
 } & UseFloatingReturn & ReturnType<typeof useInteractions>;
-export declare const useTooltip: ({ initialOpen, placement, delay, triggerOn, }: TooltipProps) => UseTooltipReturn;
+declare const useTooltip: ({ initialOpen, placement, delay, triggerOn, }: TooltipProps) => UseTooltipReturn;
 export type TooltipContext = ReturnType<typeof useTooltip> | null;
 export declare const TooltipProvider: React.Provider<TooltipContext>;
 export declare const useTooltipContext: () => UseTooltipReturn;

package/build/cjs/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/Accordion.cjs"),o=require("./components/accordion/AccordionItem.cjs"),r=require("./components/breadcrumb/Breadcrumb.cjs"),s=require("./components/breadcrumb/BreadcrumbItem.cjs"),t=require("./components/button/Button.cjs"),n=require("./components/card/Card.cjs"),i=require("./components/card/CardImage.cjs"),a=require("./components/card/NavCard.cjs"),c=require("./components/card/TaskCard.cjs"),u=require("./components/card/InfoCard.cjs"),p=require("./components/checkbox/Checkbox.cjs"),m=require("./components/combobox/Combobox.cjs"),l=require("./components/cookie-consent/CookieConsent.cjs"),x=require("./components/cookie-consent/CookieConsentContext.cjs"),d=require("./components/datepicker/validation.cjs"),g=require("./components/datepicker/utils.cjs"),j=require("./components/datepicker/DatePicker.cjs"),b=require("./components/feedback/Feedback.cjs"),q=require("./components/feedback/presets.cjs"),I=require("./components/flex/Flex.cjs"),T=require("./components/description-list/DescriptionList.cjs"),k=require("./components/expander/Expander.cjs"),h=require("./components/expander/ExpandSection.cjs"),C=require("./components/icon/Icon.cjs"),S=require("./components/icon/icons/animated/ArrowVerticalAnimated.cjs"),v=require("./components/icon/icons/animated/ArrowHorizontalAnimated.cjs"),M=require("./components/icon/icons/animated/PlusRemoveAnimated.cjs"),L=require("./components/icon/icons/ArrowDownIcon.cjs"),f=require("./components/icon/icons/ArrowLeftIcon.cjs"),A=require("./components/icon/icons/ArrowNorthEastIcon.cjs"),E=require("./components/icon/icons/ArrowRightIcon.cjs"),R=require("./components/icon/icons/ArrowUpIcon.cjs"),B=require("./components/icon/icons/CalendarIcon.cjs"),w=require("./components/icon/icons/CheckIcon.cjs"),P=require("./components/icon/icons/ChevronDownIcon.cjs"),F=require("./components/icon/icons/ChevronLeftIcon.cjs"),D=require("./components/icon/icons/ChevronRightIcon.cjs"),N=require("./components/icon/icons/ChevronUpIcon.cjs"),V=require("./components/icon/icons/CloseIcon.cjs"),y=require("./components/icon/icons/CopyIcon.cjs"),O=require("./components/icon/icons/DotsIcon.cjs"),G=require("./components/icon/icons/DragIcon.cjs"),H=require("./components/icon/icons/ErrorIcon.cjs"),W=require("./components/icon/icons/GreenCheckIcon.cjs"),U=require("./components/icon/icons/HamburgerIcon.cjs"),K=require("./components/icon/icons/InfoIcon.cjs"),X=require("./components/icon/icons/LinkIcon.cjs"),_=require("./components/icon/icons/PlusIcon.cjs"),z=require("./components/icon/icons/QuestionIcon.cjs"),Q=require("./components/icon/icons/RedCrossIcon.cjs"),J=require("./components/icon/icons/SearchIcon.cjs"),Y=require("./components/icon/icons/SuccessIcon.cjs"),Z=require("./components/icon/icons/WarningIcon.cjs"),$=require("./components/icon/icons/MinusIcon.cjs"),ee=require("./components/icon/icons/ThumbDownIcon.cjs"),oe=require("./components/icon/icons/ThumbUpIcon.cjs"),re=require("./components/icon/icons/TrashCanIcon.cjs"),se=require("./components/icon/icons/PenIcon.cjs"),te=require("./components/icon-button/IconButton.cjs"),ne=require("./components/image/Image.cjs"),ie=require("./components/input-group/FieldGroup.cjs"),ae=require("./components/input-group/InputGroup.cjs"),ce=require("./components/input-group/Label.cjs"),ue=require("./components/input-group/SupportLabel.cjs"),pe=require("./components/link/Link.cjs"),me=require("./components/link/NavLink.cjs"),le=require("./components/link-list/LinkList.cjs"),xe=require("./components/list/List.cjs"),de=require("./components/list/ListItem.cjs"),ge=require("./components/loader/Loader.cjs"),je=require("./components/loader/skeletons/SkeletonAnimation.cjs"),be=require("./components/loader/skeletons/SkeletonButton.cjs"),qe=require("./components/loader/skeletons/SkeletonCheckboxGroup.cjs"),Ie=require("./components/loader/skeletons/SkeletonElement.cjs"),Te=require("./components/loader/skeletons/SkeletonInput.cjs"),ke=require("./components/loader/skeletons/SkeletonRadioButtonGroup.cjs"),he=require("./components/loader/skeletons/SkeletonTable.cjs"),Ce=require("./components/loader/skeletons/SkeletonTextArea.cjs"),Se=require("./components/logo/Logo.cjs"),ve=require("./components/logo/LogoStamp.cjs"),Me=require("./components/logo/text-paths/ForsikringLevertAvFremtind.cjs"),Le=require("./components/logo/text-paths/FraSB1ogDNB.cjs"),fe=require("./components/logo/text-paths/InnovasjonFraFremtind.cjs"),Ae=require("./components/logo/text-paths/TeknologiFraFremtind.cjs"),Ee=require("./components/logo/text-paths/VartEgetForsikringsselskap.cjs"),Re=require("./components/logo/text-paths/VartForsikringsselskap.cjs"),Be=require("./components/menu/Menu.cjs"),we=require("./components/menu/MenuItem.cjs"),Pe=require("./components/menu/MenuItemCheckbox.cjs"),Fe=require("./components/menu/MenuDivider.cjs"),De=require("./components/message/Message.cjs"),Ne=require("./components/message/FormErrorMessage.cjs"),Ve=require("./components/modal/Modal.cjs"),ye=require("./components/modal/useModal.cjs"),Oe=require("./components/pagination/Pagination.cjs"),Ge=require("./components/popover/Popover.cjs"),He=require("./components/progress-bar/Countdown.cjs"),We=require("./components/progress-bar/ProgressBar.cjs"),Ue=require("./components/radio-button/RadioButton.cjs"),Ke=require("./components/radio-button/RadioButtonGroup.cjs"),Xe=require("./components/radio-button/BaseRadioButton.cjs"),_e=require("./components/radio-panel/RadioPanel.cjs"),ze=require("./components/select/Select.cjs"),Qe=require("./components/select/NativeSelect.cjs"),Je=require("./components/summary-table/SummaryTable.cjs"),Ye=require("./components/summary-table/SummaryTableRow.cjs"),Ze=require("./components/system-message/SystemMessage.cjs"),$e=require("./components/table/DataTable.cjs"),eo=require("./components/table/Table.cjs"),oo=require("./components/table/TableBody.cjs"),ro=require("./components/table/TableCaption.cjs"),so=require("./components/table/TableCell.cjs"),to=require("./components/table/TableColumn.cjs"),no=require("./components/table/TableColumnGroup.cjs"),io=require("./components/table/tableContext.cjs"),ao=require("./components/table/tableSectionContext.cjs"),co=require("./components/table/TableFooter.cjs"),uo=require("./components/table/TableHead.cjs"),po=require("./components/table/TableHeader.cjs"),mo=require("./components/table/TablePagination.cjs"),lo=require("./components/table/TableRow.cjs"),xo=require("./components/table/ExpandableTableRow.cjs"),go=require("./components/table/ExpandableTableRowController.cjs"),jo=require("./components/table/utils.cjs"),bo=require("./components/tabs/NavTab.cjs"),qo=require("./components/tabs/NavTabs.cjs"),Io=require("./components/tabs/Tabs.cjs"),To=require("./components/tabs/TabList.cjs"),ko=require("./components/tabs/Tab.cjs"),ho=require("./components/tabs/TabPanel.cjs"),Co=require("./components/tag/Tag.cjs"),So=require("./components/text-input/BaseTextArea.cjs"),vo=require("./components/text-input/BaseTextInput.cjs"),Mo=require("./components/text-input/TextArea.cjs"),Lo=require("./components/text-input/TextInput.cjs"),fo=require("./components/toast/toastContext.cjs"),Ao=require("./components/toggle-switch/ToggleSwitch.cjs"),Eo=require("./components/toggle-switch/ToggleSlider.cjs"),Ro=require("./components/tooltip/Tooltip.cjs"),Bo=require("./components/tooltip/TooltipContent.cjs"),wo=require("./components/tooltip/TooltipTrigger.cjs"),Po=require("./components/tooltip/PopupTip.cjs"),Fo=require("./components/ScreenReaderOnly.cjs"),Do=require("./core/tokens.cjs"),No=require("./hooks/useAnimatedDetails/useAnimatedDetails.cjs"),Vo=require("./hooks/useAnimatedHeight/useAnimatedHeight.cjs"),yo=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),Oo=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),Go=require("./hooks/useBrowserPreferences/useBrowserPreferences.cjs"),Ho=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),Wo=require("./hooks/useLocalStorage/useLocalStorage.cjs"),Uo=require("./hooks/useMutationObserver/useMutationObserver.cjs"),Ko=require("./hooks/usePreviousValue/usePreviousValue.cjs"),Xo=require("./hooks/useProgressiveImg/useProgressiveImg.cjs"),_o=require("./hooks/useScreen/useScreen.cjs"),zo=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),Qo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),Jo=require("./hooks/useClickOutside/useClickOutside.cjs"),Yo=require("./hooks/useFocusOutside/useFocusOutside.cjs"),Zo=require("./hooks/useElementDimensions/useElementDimensions.cjs"),$o=require("./hooks/useId/useId.cjs"),er=require("./hooks/useKeyListener/useKeyListener.cjs"),or=require("./hooks/useListNavigation/useListNavigation.cjs"),rr=require("./hooks/useSwipeGesture/useSwipeGesture.cjs"),sr=require("../index-hKyqa1PH.cjs"),tr=require("./utilities/formatters/util/formatNumber.cjs"),nr=require("./utilities/formatters/util/parseNumber.cjs"),ir=require("./utilities/formatters/util/registerWithMask.cjs"),ar=require("./utilities/formatters/avstand/formatAvstand.cjs"),cr=require("./utilities/formatters/bytes/formatBytes.cjs"),ur=require("./utilities/formatters/date/formatDate.cjs"),pr=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.cjs"),mr=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),lr=require("./utilities/formatters/kontonummer/formatKontonummer.cjs"),xr=require("./utilities/formatters/kortnummer/formatKortnummer.cjs"),dr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.cjs"),gr=require("./utilities/formatters/valuta/formatValuta.cjs"),jr=require("./utilities/getThemeAndDensity.cjs"),br=require("./utilities/polymorphism/mergeProps.cjs"),qr=require("./utilities/polymorphism/mergeRefs.cjs"),Ir=require("./utilities/polymorphism/SlotComponent.cjs"),Tr=require("./utilities/validators/isValidEpost/isValidEpost.cjs"),kr=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),hr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),Cr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.cjs"),Sr=require("./utilities/validators/isValidDogId/isValidDogId.cjs"),vr=require("./utilities/validators/isExactLength/isExactLength.cjs"),Mr=require("./utilities/validators/isInteger/isInteger.cjs"),Lr=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),fr=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),Ar=require("./utilities/validators/isValidName/isValidName.cjs"),Er=require("./utilities/validators/hasMinimumWords/hasMinimumWords.cjs"),Rr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),Br=require("./utilities/tabListener.cjs"),wr=require("./utilities/valuePair.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.Flex=I.Flex,exports.DescriptionDetail=T.DescriptionDetail,exports.DescriptionList=T.DescriptionList,exports.DescriptionTerm=T.DescriptionTerm,exports.Expander=k.Expander,exports.ExpandSection=h.ExpandSection,exports.Icon=C.Icon,exports.ArrowVerticalAnimated=S.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=v.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=M.PlusRemoveAnimated,exports.ArrowDownIcon=L.ArrowDownIcon,exports.ArrowLeftIcon=f.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=E.ArrowRightIcon,exports.ArrowUpIcon=R.ArrowUpIcon,exports.CalendarIcon=B.CalendarIcon,exports.CheckIcon=w.CheckIcon,exports.ChevronDownIcon=P.ChevronDownIcon,exports.ChevronLeftIcon=F.ChevronLeftIcon,exports.ChevronRightIcon=D.ChevronRightIcon,exports.ChevronUpIcon=N.ChevronUpIcon,exports.CloseIcon=V.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=G.DragIcon,exports.ErrorIcon=H.ErrorIcon,exports.GreenCheckIcon=W.GreenCheckIcon,exports.HamburgerIcon=U.HamburgerIcon,exports.InfoIcon=K.InfoIcon,exports.LinkIcon=X.LinkIcon,exports.PlusIcon=_.PlusIcon,exports.QuestionIcon=z.QuestionIcon,exports.RedCrossIcon=Q.RedCrossIcon,exports.SearchIcon=J.SearchIcon,exports.SuccessIcon=Y.SuccessIcon,exports.WarningIcon=Z.WarningIcon,exports.MinusIcon=$.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=se.PenIcon,exports.IconButton=te.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=ue.SupportLabel,exports.Link=pe.Link,exports.NavLink=me.NavLink,exports.LinkList=le.LinkList,exports.List=xe.List,exports.OrderedList=xe.OrderedList,exports.UnorderedList=xe.UnorderedList,exports.CheckListItem=de.CheckListItem,exports.CrossListItem=de.CrossListItem,exports.ListItem=de.ListItem,exports.Loader=ge.Loader,exports.SkeletonAnimation=je.SkeletonAnimation,exports.SkeletonButton=be.SkeletonButton,exports.SkeletonCheckboxGroup=qe.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=Te.SkeletonInput,exports.SkeletonRadioButtonGroup=ke.SkeletonRadioButtonGroup,exports.SkeletonTable=he.SkeletonTable,exports.SkeletonTableHeader=he.SkeletonTableHeader,exports.SkeletonTableRow=he.SkeletonTableRow,exports.SkeletonTextArea=Ce.SkeletonTextArea,exports.Logo=Se.Logo,exports.LogoStamp=ve.LogoStamp,exports.ForsikringLevertAvFremtind=Me.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Le.FraSB1ogDNB,exports.InnovasjonFraFremtind=fe.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Ae.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ee.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Re.VartForsikringsselskap,exports.Menu=Be.Menu,exports.MenuItem=we.MenuItem,exports.MenuItemCheckbox=Pe.MenuItemCheckbox,exports.MenuDivider=Fe.MenuDivider,exports.ErrorMessage=De.ErrorMessage,exports.InfoMessage=De.InfoMessage,exports.SuccessMessage=De.SuccessMessage,exports.WarningMessage=De.WarningMessage,exports.FormErrorMessage=Ne.FormErrorMessage,exports.Modal=Ve.Modal,exports.ModalActions=Ve.ModalActions,exports.ModalBody=Ve.ModalBody,exports.ModalCloseButton=Ve.ModalCloseButton,exports.ModalContainer=Ve.ModalContainer,exports.ModalHeader=Ve.ModalHeader,exports.ModalOverlay=Ve.ModalOverlay,exports.ModalTitle=Ve.ModalTitle,exports.useModal=ye.useModal,exports.Pagination=Oe.Pagination,exports.Popover=Ge.Popover,exports.Countdown=He.Countdown,exports.ProgressBar=We.ProgressBar,exports.RadioButton=Ue.RadioButton,exports.RadioButtonGroup=Ke.RadioButtonGroup,exports.BaseRadioButton=Xe.BaseRadioButton,exports.RadioPanel=_e.RadioPanel,exports.Select=ze.Select,exports.NativeSelect=Qe.NativeSelect,exports.SummaryTable=Je.SummaryTable,exports.SummaryTableRow=Ye.SummaryTableRow,exports.ErrorSystemMessage=Ze.ErrorSystemMessage,exports.InfoSystemMessage=Ze.InfoSystemMessage,exports.SuccessSystemMessage=Ze.SuccessSystemMessage,exports.WarningSystemMessage=Ze.WarningSystemMessage,exports.DataTable=$e.DataTable,exports.Table=eo.Table,exports.TableBody=oo.TableBody,exports.TableCaption=ro.TableCaption,exports.TableCell=so.TableCell,exports.TableColumn=to.TableColumn,exports.TableColumnGroup=no.TableColumnGroup,exports.TableContextProvider=io.TableContextProvider,exports.useTableContext=io.useTableContext,exports.TableSectionContextProvider=ao.TableSectionContextProvider,exports.useTableSectionContext=ao.useTableSectionContext,exports.TableFooter=co.TableFooter,exports.TableHead=uo.TableHead,exports.TableHeader=po.TableHeader,exports.TablePagination=mo.TablePagination,exports.TableRow=lo.TableRow,exports.ExpandableTableRow=xo.ExpandableTableRow,exports.ExpandableTableRowController=go.ExpandableTableRowController,exports.useSortableTableHeader=jo.useSortableTableHeader,exports.NavTab=bo.NavTab,exports.NavTabs=qo.NavTabs,exports.Tabs=Io.Tabs,exports.TabList=To.TabList,exports.Tab=ko.Tab,exports.TabPanel=ho.TabPanel,exports.ErrorTag=Co.ErrorTag,exports.InfoTag=Co.InfoTag,exports.SuccessTag=Co.SuccessTag,exports.Tag=Co.Tag,exports.WarningTag=Co.WarningTag,exports.BaseTextArea=So.BaseTextArea,exports.BaseTextInput=vo.BaseTextInput,exports.TextArea=Mo.TextArea,exports.TextInput=Lo.TextInput,exports.ToastProvider=fo.ToastProvider,exports.useToast=fo.useToast,exports.ToggleSwitch=Ao.ToggleSwitch,exports.ToggleSlider=Eo.ToggleSlider,exports.Tooltip=Ro.Tooltip,exports.TooltipContent=Bo.TooltipContent,exports.TooltipTrigger=wo.TooltipTrigger,exports.PopupTip=Po.PopupTip,exports.ScreenReaderOnly=Fo.ScreenReaderOnly,exports.tokens=Do,exports.useAnimatedDetails=No.useAnimatedDetails,exports.useAnimatedHeight=Vo.useAnimatedHeight,exports.useAnimatedHeightBetween=yo.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Oo.useAutoAnimatedHeight,exports.useBrowserPreferences=Go.useBrowserPreferences,exports.useIntersectionObserver=Ho.useIntersectionObserver,exports.useLocalStorage=Wo.useLocalStorage,exports.useMutationObserver=Uo.useMutationObserver,exports.usePreviousValue=Ko.usePreviousValue,exports.useProgressiveImg=Xo.useProgressiveImg,exports.useScreen=_o.useScreen,exports.useScrollIntoView=zo.useScrollIntoView,exports.useAriaLiveRegion=Qo.useAriaLiveRegion,exports.useClickOutside=Jo.useClickOutside,exports.useFocusOutside=Yo.useFocusOutside,exports.useElementDimensions=Zo.useElementDimensions,exports.useId=$o.useId,exports.useKeyListener=er.useKeyListener,exports.useListNavigation=or.useListNavigation,exports.useSwipeGesture=rr.useSwipeGesture,exports.unicode=sr.unicode,exports.formatNumber=tr.formatNumber,exports.parseNumber=nr.parseNumber,exports.registerWithFodselsnummerMask=ir.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=ir.registerWithKontonummerMask,exports.registerWithKortnummerMask=ir.registerWithKortnummerMask,exports.registerWithMasks=ir.registerWithMasks,exports.registerWithTelefonnummerMask=ir.registerWithTelefonnummerMask,exports.formatAvstand=ar.formatAvstand,exports.formatBytes=cr.formatBytes,exports.formatDate=ur.formatDate,exports.FODSELSNUMMER_REGEX=pr.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=pr.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=mr.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=mr.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=lr.KONTONUMMER_REGEX,exports.formatKontonummer=lr.formatKontonummer,exports.KORTNUMMER_REGEX=xr.KORTNUMMER_REGEX,exports.formatKortnummer=xr.formatKortnummer,exports.TELEFONNUMMER_REGEX=dr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=dr.formatTelefonnummer,exports.formatValuta=gr.formatValuta,exports.getThemeAndDensity=jr.getThemeAndDensity,exports.mergeProps=br.mergeProps,exports.mergeRefs=qr.mergeRefs,exports.SlotComponent=Ir.SlotComponent,exports.isValidEpost=Tr.isValidEpost,exports.isValidTelefonnummer=kr.isValidTelefonnummer,exports.isValidRegistreringsnummer=hr.isValidRegistreringsnummer,exports.isValidChassisnummer=Cr.isValidChassisnummer,exports.isValidDogId=Sr.isValidDogId,exports.isExactLength=vr.isExactLength,exports.isInteger=Mr.isInteger,exports.isValidFodselsnummer=Lr.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=fr.isValidOrganisasjonsnummer,exports.isValidName=Ar.isValidName,exports.hasMinimumWords=Er.hasMinimumWords,exports.hasNoIllegalCharacters=Rr.hasNoIllegalCharacters,exports.initTabListener=Br.initTabListener,exports.getValuePair=wr.getValuePair;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/Accordion.cjs"),o=require("./components/accordion/AccordionItem.cjs"),r=require("./components/breadcrumb/Breadcrumb.cjs"),s=require("./components/breadcrumb/BreadcrumbItem.cjs"),t=require("./components/button/Button.cjs"),n=require("./components/card/Card.cjs"),i=require("./components/card/CardImage.cjs"),a=require("./components/card/NavCard.cjs"),c=require("./components/card/TaskCard.cjs"),u=require("./components/card/InfoCard.cjs"),p=require("./components/checkbox/Checkbox.cjs"),m=require("./components/combobox/Combobox.cjs"),l=require("./components/cookie-consent/CookieConsent.cjs"),x=require("./components/cookie-consent/CookieConsentContext.cjs"),d=require("./components/datepicker/DatePicker.cjs"),g=require("./components/datepicker/validation.cjs"),j=require("./components/datepicker/utils.cjs"),b=require("./components/feedback/Feedback.cjs"),q=require("./components/feedback/presets.cjs"),I=require("./components/flex/Flex.cjs"),T=require("./components/description-list/DescriptionList.cjs"),k=require("./components/expander/Expander.cjs"),C=require("./components/expander/ExpandSection.cjs"),h=require("./components/icon/Icon.cjs"),S=require("./components/icon/icons/animated/ArrowVerticalAnimated.cjs"),v=require("./components/icon/icons/animated/ArrowHorizontalAnimated.cjs"),M=require("./components/icon/icons/animated/PlusRemoveAnimated.cjs"),L=require("./components/icon/icons/ArrowDownIcon.cjs"),f=require("./components/icon/icons/ArrowLeftIcon.cjs"),A=require("./components/icon/icons/ArrowNorthEastIcon.cjs"),E=require("./components/icon/icons/ArrowRightIcon.cjs"),R=require("./components/icon/icons/ArrowUpIcon.cjs"),B=require("./components/icon/icons/CalendarIcon.cjs"),P=require("./components/icon/icons/CheckIcon.cjs"),w=require("./components/icon/icons/ChevronDownIcon.cjs"),F=require("./components/icon/icons/ChevronLeftIcon.cjs"),D=require("./components/icon/icons/ChevronRightIcon.cjs"),N=require("./components/icon/icons/ChevronUpIcon.cjs"),V=require("./components/icon/icons/CloseIcon.cjs"),y=require("./components/icon/icons/CopyIcon.cjs"),O=require("./components/icon/icons/DotsIcon.cjs"),G=require("./components/icon/icons/DragIcon.cjs"),H=require("./components/icon/icons/ErrorIcon.cjs"),W=require("./components/icon/icons/GreenCheckIcon.cjs"),U=require("./components/icon/icons/HamburgerIcon.cjs"),K=require("./components/icon/icons/InfoIcon.cjs"),X=require("./components/icon/icons/LinkIcon.cjs"),_=require("./components/icon/icons/PlusIcon.cjs"),z=require("./components/icon/icons/QuestionIcon.cjs"),Q=require("./components/icon/icons/RedCrossIcon.cjs"),J=require("./components/icon/icons/SearchIcon.cjs"),Y=require("./components/icon/icons/SuccessIcon.cjs"),Z=require("./components/icon/icons/WarningIcon.cjs"),$=require("./components/icon/icons/MinusIcon.cjs"),ee=require("./components/icon/icons/ThumbDownIcon.cjs"),oe=require("./components/icon/icons/ThumbUpIcon.cjs"),re=require("./components/icon/icons/TrashCanIcon.cjs"),se=require("./components/icon/icons/PenIcon.cjs"),te=require("./components/icon-button/IconButton.cjs"),ne=require("./components/image/Image.cjs"),ie=require("./components/input-group/FieldGroup.cjs"),ae=require("./components/input-group/InputGroup.cjs"),ce=require("./components/input-group/Label.cjs"),ue=require("./components/input-group/SupportLabel.cjs"),pe=require("./components/input-panel/CheckboxPanel.cjs"),me=require("./components/input-panel/RadioPanel.cjs"),le=require("./components/input-panel/RadioPanelGroup.cjs"),xe=require("./components/link/Link.cjs"),de=require("./components/link/NavLink.cjs"),ge=require("./components/link-list/LinkList.cjs"),je=require("./components/list/List.cjs"),be=require("./components/list/ListItem.cjs"),qe=require("./components/loader/Loader.cjs"),Ie=require("./components/loader/skeletons/SkeletonAnimation.cjs"),Te=require("./components/loader/skeletons/SkeletonButton.cjs"),ke=require("./components/loader/skeletons/SkeletonCheckboxGroup.cjs"),Ce=require("./components/loader/skeletons/SkeletonElement.cjs"),he=require("./components/loader/skeletons/SkeletonInput.cjs"),Se=require("./components/loader/skeletons/SkeletonRadioButtonGroup.cjs"),ve=require("./components/loader/skeletons/SkeletonTable.cjs"),Me=require("./components/loader/skeletons/SkeletonTextArea.cjs"),Le=require("./components/logo/Logo.cjs"),fe=require("./components/logo/LogoStamp.cjs"),Ae=require("./components/logo/text-paths/ForsikringLevertAvFremtind.cjs"),Ee=require("./components/logo/text-paths/FraSB1ogDNB.cjs"),Re=require("./components/logo/text-paths/InnovasjonFraFremtind.cjs"),Be=require("./components/logo/text-paths/TeknologiFraFremtind.cjs"),Pe=require("./components/logo/text-paths/VartEgetForsikringsselskap.cjs"),we=require("./components/logo/text-paths/VartForsikringsselskap.cjs"),Fe=require("./components/menu/Menu.cjs"),De=require("./components/menu/MenuItem.cjs"),Ne=require("./components/menu/MenuItemCheckbox.cjs"),Ve=require("./components/menu/MenuDivider.cjs"),ye=require("./components/message/Message.cjs"),Oe=require("./components/message/FormErrorMessage.cjs"),Ge=require("./components/modal/Modal.cjs"),He=require("./components/modal/useModal.cjs"),We=require("./components/pagination/Pagination.cjs"),Ue=require("./components/popover/Popover.cjs"),Ke=require("./components/progress-bar/Countdown.cjs"),Xe=require("./components/progress-bar/ProgressBar.cjs"),_e=require("./components/radio-button/RadioButton.cjs"),ze=require("./components/radio-button/RadioButtonGroup.cjs"),Qe=require("./components/radio-button/BaseRadioButton.cjs"),Je=require("./components/select/Select.cjs"),Ye=require("./components/select/NativeSelect.cjs"),Ze=require("./components/summary-table/SummaryTable.cjs"),$e=require("./components/summary-table/SummaryTableRow.cjs"),eo=require("./components/system-message/SystemMessage.cjs"),oo=require("./components/table/DataTable.cjs"),ro=require("./components/table/Table.cjs"),so=require("./components/table/TableBody.cjs"),to=require("./components/table/TableCaption.cjs"),no=require("./components/table/TableCell.cjs"),io=require("./components/table/TableColumn.cjs"),ao=require("./components/table/TableColumnGroup.cjs"),co=require("./components/table/tableContext.cjs"),uo=require("./components/table/tableSectionContext.cjs"),po=require("./components/table/TableFooter.cjs"),mo=require("./components/table/TableHead.cjs"),lo=require("./components/table/TableHeader.cjs"),xo=require("./components/table/TablePagination.cjs"),go=require("./components/table/TableRow.cjs"),jo=require("./components/table/ExpandableTableRow.cjs"),bo=require("./components/table/ExpandableTableRowController.cjs"),qo=require("./components/table/utils.cjs"),Io=require("./components/tabs/NavTab.cjs"),To=require("./components/tabs/NavTabs.cjs"),ko=require("./components/tabs/Tabs.cjs"),Co=require("./components/tabs/TabList.cjs"),ho=require("./components/tabs/Tab.cjs"),So=require("./components/tabs/TabPanel.cjs"),vo=require("./components/tag/Tag.cjs"),Mo=require("./components/text-input/BaseTextArea.cjs"),Lo=require("./components/text-input/BaseTextInput.cjs"),fo=require("./components/text-input/TextArea.cjs"),Ao=require("./components/text-input/TextInput.cjs"),Eo=require("./components/toast/toastContext.cjs"),Ro=require("./components/toggle-switch/ToggleSwitch.cjs"),Bo=require("./components/toggle-switch/ToggleSlider.cjs"),Po=require("./components/tooltip/Tooltip.cjs"),wo=require("./components/tooltip/TooltipContent.cjs"),Fo=require("./components/tooltip/TooltipTrigger.cjs"),Do=require("./components/tooltip/PopupTip.cjs"),No=require("./components/ScreenReaderOnly.cjs"),Vo=require("./core/tokens.cjs"),yo=require("./hooks/useAnimatedDetails/useAnimatedDetails.cjs"),Oo=require("./hooks/useAnimatedHeight/useAnimatedHeight.cjs"),Go=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),Ho=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),Wo=require("./hooks/useBrowserPreferences/useBrowserPreferences.cjs"),Uo=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),Ko=require("./hooks/useLocalStorage/useLocalStorage.cjs"),Xo=require("./hooks/useMutationObserver/useMutationObserver.cjs"),_o=require("./hooks/usePreviousValue/usePreviousValue.cjs"),zo=require("./hooks/useProgressiveImg/useProgressiveImg.cjs"),Qo=require("./hooks/useScreen/useScreen.cjs"),Jo=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),Yo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),Zo=require("./hooks/useClickOutside/useClickOutside.cjs"),$o=require("./hooks/useFocusOutside/useFocusOutside.cjs"),er=require("./hooks/useElementDimensions/useElementDimensions.cjs"),or=require("./hooks/useId/useId.cjs"),rr=require("./hooks/useKeyListener/useKeyListener.cjs"),sr=require("./hooks/useListNavigation/useListNavigation.cjs"),tr=require("./hooks/useSwipeGesture/useSwipeGesture.cjs"),nr=require("../index-hKyqa1PH.cjs"),ir=require("./utilities/formatters/util/formatNumber.cjs"),ar=require("./utilities/formatters/util/parseNumber.cjs"),cr=require("./utilities/formatters/util/registerWithMask.cjs"),ur=require("./utilities/formatters/avstand/formatAvstand.cjs"),pr=require("./utilities/formatters/bytes/formatBytes.cjs"),mr=require("./utilities/formatters/date/formatDate.cjs"),lr=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.cjs"),xr=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),dr=require("./utilities/formatters/kontonummer/formatKontonummer.cjs"),gr=require("./utilities/formatters/kortnummer/formatKortnummer.cjs"),jr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.cjs"),br=require("./utilities/formatters/valuta/formatValuta.cjs"),qr=require("./utilities/getThemeAndDensity.cjs"),Ir=require("./utilities/polymorphism/mergeProps.cjs"),Tr=require("./utilities/polymorphism/mergeRefs.cjs"),kr=require("./utilities/polymorphism/SlotComponent.cjs"),Cr=require("./utilities/validators/isValidEpost/isValidEpost.cjs"),hr=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),Sr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),vr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.cjs"),Mr=require("./utilities/validators/isValidDogId/isValidDogId.cjs"),Lr=require("./utilities/validators/isExactLength/isExactLength.cjs"),fr=require("./utilities/validators/isInteger/isInteger.cjs"),Ar=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),Er=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),Rr=require("./utilities/validators/isValidName/isValidName.cjs"),Br=require("./utilities/validators/hasMinimumWords/hasMinimumWords.cjs"),Pr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),wr=require("./utilities/tabListener.cjs"),Fr=require("./utilities/valuePair.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.DatePicker=d.DatePicker,exports.isCorrectFormat=g.isCorrectFormat,exports.isWithinLowerBound=g.isWithinLowerBound,exports.isWithinUpperBound=g.isWithinUpperBound,exports.formatInput=j.formatInput,exports.isBlurTargetOutside=j.isBlurTargetOutside,exports.parseDateString=j.parseDateString,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.Flex=I.Flex,exports.DescriptionDetail=T.DescriptionDetail,exports.DescriptionList=T.DescriptionList,exports.DescriptionTerm=T.DescriptionTerm,exports.Expander=k.Expander,exports.ExpandSection=C.ExpandSection,exports.Icon=h.Icon,exports.ArrowVerticalAnimated=S.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=v.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=M.PlusRemoveAnimated,exports.ArrowDownIcon=L.ArrowDownIcon,exports.ArrowLeftIcon=f.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=E.ArrowRightIcon,exports.ArrowUpIcon=R.ArrowUpIcon,exports.CalendarIcon=B.CalendarIcon,exports.CheckIcon=P.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=F.ChevronLeftIcon,exports.ChevronRightIcon=D.ChevronRightIcon,exports.ChevronUpIcon=N.ChevronUpIcon,exports.CloseIcon=V.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=G.DragIcon,exports.ErrorIcon=H.ErrorIcon,exports.GreenCheckIcon=W.GreenCheckIcon,exports.HamburgerIcon=U.HamburgerIcon,exports.InfoIcon=K.InfoIcon,exports.LinkIcon=X.LinkIcon,exports.PlusIcon=_.PlusIcon,exports.QuestionIcon=z.QuestionIcon,exports.RedCrossIcon=Q.RedCrossIcon,exports.SearchIcon=J.SearchIcon,exports.SuccessIcon=Y.SuccessIcon,exports.WarningIcon=Z.WarningIcon,exports.MinusIcon=$.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=se.PenIcon,exports.IconButton=te.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=ue.SupportLabel,exports.CheckboxPanel=pe.CheckboxPanel,exports.RadioPanel=me.RadioPanel,exports.RadioPanelGroup=le.RadioPanelGroup,exports.Link=xe.Link,exports.NavLink=de.NavLink,exports.LinkList=ge.LinkList,exports.List=je.List,exports.OrderedList=je.OrderedList,exports.UnorderedList=je.UnorderedList,exports.CheckListItem=be.CheckListItem,exports.CrossListItem=be.CrossListItem,exports.ListItem=be.ListItem,exports.Loader=qe.Loader,exports.SkeletonAnimation=Ie.SkeletonAnimation,exports.SkeletonButton=Te.SkeletonButton,exports.SkeletonCheckboxGroup=ke.SkeletonCheckboxGroup,exports.SkeletonElement=Ce.SkeletonElement,exports.SkeletonInput=he.SkeletonInput,exports.SkeletonRadioButtonGroup=Se.SkeletonRadioButtonGroup,exports.SkeletonTable=ve.SkeletonTable,exports.SkeletonTableHeader=ve.SkeletonTableHeader,exports.SkeletonTableRow=ve.SkeletonTableRow,exports.SkeletonTextArea=Me.SkeletonTextArea,exports.Logo=Le.Logo,exports.LogoStamp=fe.LogoStamp,exports.ForsikringLevertAvFremtind=Ae.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Ee.FraSB1ogDNB,exports.InnovasjonFraFremtind=Re.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Be.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Pe.VartEgetForsikringsselskap,exports.VartForsikringsselskap=we.VartForsikringsselskap,exports.Menu=Fe.Menu,exports.MenuItem=De.MenuItem,exports.MenuItemCheckbox=Ne.MenuItemCheckbox,exports.MenuDivider=Ve.MenuDivider,exports.ErrorMessage=ye.ErrorMessage,exports.InfoMessage=ye.InfoMessage,exports.SuccessMessage=ye.SuccessMessage,exports.WarningMessage=ye.WarningMessage,exports.FormErrorMessage=Oe.FormErrorMessage,exports.Modal=Ge.Modal,exports.ModalActions=Ge.ModalActions,exports.ModalBody=Ge.ModalBody,exports.ModalCloseButton=Ge.ModalCloseButton,exports.ModalContainer=Ge.ModalContainer,exports.ModalHeader=Ge.ModalHeader,exports.ModalOverlay=Ge.ModalOverlay,exports.ModalTitle=Ge.ModalTitle,exports.useModal=He.useModal,exports.Pagination=We.Pagination,exports.Popover=Ue.Popover,exports.Countdown=Ke.Countdown,exports.ProgressBar=Xe.ProgressBar,exports.RadioButton=_e.RadioButton,exports.RadioButtonGroup=ze.RadioButtonGroup,exports.BaseRadioButton=Qe.BaseRadioButton,exports.Select=Je.Select,exports.NativeSelect=Ye.NativeSelect,exports.SummaryTable=Ze.SummaryTable,exports.SummaryTableRow=$e.SummaryTableRow,exports.ErrorSystemMessage=eo.ErrorSystemMessage,exports.InfoSystemMessage=eo.InfoSystemMessage,exports.SuccessSystemMessage=eo.SuccessSystemMessage,exports.WarningSystemMessage=eo.WarningSystemMessage,exports.DataTable=oo.DataTable,exports.Table=ro.Table,exports.TableBody=so.TableBody,exports.TableCaption=to.TableCaption,exports.TableCell=no.TableCell,exports.TableColumn=io.TableColumn,exports.TableColumnGroup=ao.TableColumnGroup,exports.TableContextProvider=co.TableContextProvider,exports.useTableContext=co.useTableContext,exports.TableSectionContextProvider=uo.TableSectionContextProvider,exports.useTableSectionContext=uo.useTableSectionContext,exports.TableFooter=po.TableFooter,exports.TableHead=mo.TableHead,exports.TableHeader=lo.TableHeader,exports.TablePagination=xo.TablePagination,exports.TableRow=go.TableRow,exports.ExpandableTableRow=jo.ExpandableTableRow,exports.ExpandableTableRowController=bo.ExpandableTableRowController,exports.useSortableTableHeader=qo.useSortableTableHeader,exports.NavTab=Io.NavTab,exports.NavTabs=To.NavTabs,exports.Tabs=ko.Tabs,exports.TabList=Co.TabList,exports.Tab=ho.Tab,exports.TabPanel=So.TabPanel,exports.ErrorTag=vo.ErrorTag,exports.InfoTag=vo.InfoTag,exports.SuccessTag=vo.SuccessTag,exports.Tag=vo.Tag,exports.WarningTag=vo.WarningTag,exports.BaseTextArea=Mo.BaseTextArea,exports.BaseTextInput=Lo.BaseTextInput,exports.TextArea=fo.TextArea,exports.TextInput=Ao.TextInput,exports.ToastProvider=Eo.ToastProvider,exports.useToast=Eo.useToast,exports.ToggleSwitch=Ro.ToggleSwitch,exports.ToggleSlider=Bo.ToggleSlider,exports.Tooltip=Po.Tooltip,exports.TooltipContent=wo.TooltipContent,exports.TooltipTrigger=Fo.TooltipTrigger,exports.PopupTip=Do.PopupTip,exports.ScreenReaderOnly=No.ScreenReaderOnly,exports.tokens=Vo,exports.useAnimatedDetails=yo.useAnimatedDetails,exports.useAnimatedHeight=Oo.useAnimatedHeight,exports.useAnimatedHeightBetween=Go.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Ho.useAutoAnimatedHeight,exports.useBrowserPreferences=Wo.useBrowserPreferences,exports.useIntersectionObserver=Uo.useIntersectionObserver,exports.useLocalStorage=Ko.useLocalStorage,exports.useMutationObserver=Xo.useMutationObserver,exports.usePreviousValue=_o.usePreviousValue,exports.useProgressiveImg=zo.useProgressiveImg,exports.useScreen=Qo.useScreen,exports.useScrollIntoView=Jo.useScrollIntoView,exports.useAriaLiveRegion=Yo.useAriaLiveRegion,exports.useClickOutside=Zo.useClickOutside,exports.useFocusOutside=$o.useFocusOutside,exports.useElementDimensions=er.useElementDimensions,exports.useId=or.useId,exports.useKeyListener=rr.useKeyListener,exports.useListNavigation=sr.useListNavigation,exports.useSwipeGesture=tr.useSwipeGesture,exports.unicode=nr.unicode,exports.formatNumber=ir.formatNumber,exports.parseNumber=ar.parseNumber,exports.registerWithFodselsnummerMask=cr.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=cr.registerWithKontonummerMask,exports.registerWithKortnummerMask=cr.registerWithKortnummerMask,exports.registerWithMasks=cr.registerWithMasks,exports.registerWithTelefonnummerMask=cr.registerWithTelefonnummerMask,exports.formatAvstand=ur.formatAvstand,exports.formatBytes=pr.formatBytes,exports.formatDate=mr.formatDate,exports.FODSELSNUMMER_REGEX=lr.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=lr.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=xr.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=xr.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=dr.KONTONUMMER_REGEX,exports.formatKontonummer=dr.formatKontonummer,exports.KORTNUMMER_REGEX=gr.KORTNUMMER_REGEX,exports.formatKortnummer=gr.formatKortnummer,exports.TELEFONNUMMER_REGEX=jr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=jr.formatTelefonnummer,exports.formatValuta=br.formatValuta,exports.getThemeAndDensity=qr.getThemeAndDensity,exports.mergeProps=Ir.mergeProps,exports.mergeRefs=Tr.mergeRefs,exports.SlotComponent=kr.SlotComponent,exports.isValidEpost=Cr.isValidEpost,exports.isValidTelefonnummer=hr.isValidTelefonnummer,exports.isValidRegistreringsnummer=Sr.isValidRegistreringsnummer,exports.isValidChassisnummer=vr.isValidChassisnummer,exports.isValidDogId=Mr.isValidDogId,exports.isExactLength=Lr.isExactLength,exports.isInteger=fr.isInteger,exports.isValidFodselsnummer=Ar.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=Er.isValidOrganisasjonsnummer,exports.isValidName=Rr.isValidName,exports.hasMinimumWords=Br.hasMinimumWords,exports.hasNoIllegalCharacters=Pr.hasNoIllegalCharacters,exports.initTabListener=wr.initTabListener,exports.getValuePair=Fr.getValuePair;
 //# sourceMappingURL=index.cjs.map

package/build/es/components/breadcrumb/index.d.ts CHANGED Viewed

@@ -1,4 +1,2 @@
-export type { BreadcrumbProps } from './Breadcrumb.js';
-export { Breadcrumb } from './Breadcrumb.js';
-export type { BreadcrumbItemProps } from './BreadcrumbItem.js';
-export { BreadcrumbItem } from './BreadcrumbItem.js';
+export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb.js';
+export { BreadcrumbItem, type BreadcrumbItemProps } from './BreadcrumbItem.js';

package/build/es/components/button/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 export { Button, PrimaryButton, SecondaryButton, TertiaryButton, } from './Button.js';
-export type { ButtonProps, ButtonVariant } from './types.js';
+export type { ButtonProps, ButtonVariant, IconOptions, IconPosition, } from './types.js';

package/build/es/components/button/types.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphi
 export declare const buttonVariants: readonly ["primary", "secondary", "tertiary", "ghost"];
 export type ButtonVariant = (typeof buttonVariants)[number];
 export type IconPosition = "left" | "right";
-type IconOptions<T extends React.ElementType> = {
+export type IconOptions<T extends React.ElementType> = {
     iconPosition?: never;
     icon?: never;
     children: React.ComponentPropsWithoutRef<T>["children"];
@@ -40,4 +40,3 @@ export type ButtonProps<ElementType extends React.ElementType> = PolymorphicProp
     iconRight?: React.ReactNode;
 } & IconOptions<ElementType>>;
 export type ButtonComponent = <ElementType extends React.ElementType = "button">(props: ButtonProps<ElementType>) => React.ReactElement | null;
-export {};

package/build/es/components/button/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density } from \"../../core/types.js\";\nimport { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const buttonVariants = [\n \"primary\",\n \"secondary\",\n \"tertiary\",\n \"ghost\",\n] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type IconPosition = \"left\" \| \"right\";\n\~~ntype~~ IconOptions<T extends React.ElementType> =\n // Hvis ikke knappen har ikon, MÅ den ha children:\n \| {\n iconPosition?: never;\n icon?: never;\n children: React.ComponentPropsWithoutRef<T>[\"children\"];\n }\n \| {\n /*\n Plasseringen av ikonet\n * @default \"left\"\n /\n iconPosition?: IconPosition;\n /\n Hvilket ikon som skal vises i knappen\n /\n icon: React.ReactElement;\n };\n\nexport type ButtonProps<ElementType extends React.ElementType> =\n PolymorphicPropsWithRef<\n ElementType,\n {\n density?: Density;\n /\n Hvilken variant av knappen skal vises\n * @default \"secondary\"\n /\n variant?: ButtonVariant;\n className?: string;\n loader?: {\n showLoader: boolean;\n textDescription: string;\n };\n /\n @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"left\"`\n /\n iconLeft?: React.ReactNode;\n /\n @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"right\"`\n */\n iconRight?: React.ReactNode;\n } & IconOptions<ElementType>\n >;\n\nexport type ButtonComponent = <\n ElementType extends React.ElementType = \"button\",\n>(\n props: ButtonProps<ElementType>,\n) => React.ReactElement \| null;\n"],"names":["buttonVariants"],"mappings":"AAGO,MAAMA,EAAiB,CAC1B,UACA,YACA,WACA"}
1	+ {"version":3,"file":"types.js","sources":["../../../../src/components/button/types.ts"],"sourcesContent":["import { Density } from \"../../core/types.js\";\nimport { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const buttonVariants = [\n \"primary\",\n \"secondary\",\n \"tertiary\",\n \"ghost\",\n] as const;\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type IconPosition = \"left\" \| \"right\";\n\nexport type IconOptions<T extends React.ElementType> =\n // Hvis ikke knappen har ikon, MÅ den ha children:\n \| {\n iconPosition?: never;\n icon?: never;\n children: React.ComponentPropsWithoutRef<T>[\"children\"];\n }\n \| {\n /*\n Plasseringen av ikonet\n * @default \"left\"\n /\n iconPosition?: IconPosition;\n /\n Hvilket ikon som skal vises i knappen\n /\n icon: React.ReactElement;\n };\n\nexport type ButtonProps<ElementType extends React.ElementType> =\n PolymorphicPropsWithRef<\n ElementType,\n {\n density?: Density;\n /\n Hvilken variant av knappen skal vises\n * @default \"secondary\"\n /\n variant?: ButtonVariant;\n className?: string;\n loader?: {\n showLoader: boolean;\n textDescription: string;\n };\n /\n @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"left\"`\n /\n iconLeft?: React.ReactNode;\n /\n @deprecated Bruk `icon` i kombinasjon med `iconPosition=\"right\"`\n */\n iconRight?: React.ReactNode;\n } & IconOptions<ElementType>\n >;\n\nexport type ButtonComponent = <\n ElementType extends React.ElementType = \"button\",\n>(\n props: ButtonProps<ElementType>,\n) => React.ReactElement \| null;\n"],"names":["buttonVariants"],"mappings":"AAGO,MAAMA,EAAiB,CAC1B,UACA,YACA,WACA"}

package/build/es/components/card/NavCard.d.ts CHANGED Viewed

@@ -1,20 +1,12 @@
 import { AnchorHTMLAttributes, ElementType, FC } from 'react';
 import { Density, WithChildren } from '../../core/types.js';
 import { ImageProps } from '../image/Image.js';
-import { PaddingOptions } from './types.js';
-export type TagType = "success" | "warning" | "info" | "error";
+import { CardTag, PaddingOptions } from './types.js';
 /**
  * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.
  * Innholdet blir rendret med skillelinje, og tekststil "small"
  */
 export declare const InfoBlock: FC<WithChildren>;
-interface CardTag {
-    /**
-     * @default <none> Rendres som nøytral tag
-     */
-    type?: TagType;
-    text: string;
-}
 export interface NavCardProps extends PaddingOptions, AnchorHTMLAttributes<HTMLAnchorElement> {
     tag?: CardTag | Array<CardTag>;
     title: string;
@@ -32,4 +24,3 @@ export interface NavCardProps extends PaddingOptions, AnchorHTMLAttributes<HTMLA
     density?: Density;
 }
 export declare const NavCard: FC<NavCardProps>;
-export {};