npm - @fremtind/jokul - Versions diffs - 0.12.0 → 0.13.0 - Mend

@fremtind/jokul 0.12.0 → 0.13.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 (399) hide show

package/build/es/components/table/TableHeader.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as c}from"react";import"../icon/Icon.js";import{ArrowVerticalAnimated as r}from"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{useTableContext as s}from"./tableContext.js";const e=c(((c,e)=>{const{bold:t=!0,density:a,sortable:m,className:l,scope:p="col",srOnly:j,align:d="left",children:I,onClick:h,...b}=c,{density:C}=s();return o("th",{className:i("jkl-table-header",l,{"jkl-table-header--bold":t,"jkl-table-header--align-right":"right"===d,"jkl-table-header--align-center":"center"===d,"jkl-table-header--sr-only":j,"jkl-table-header--sortable":typeof m<"u"}),scope:p,onClick:o=>{null==h\|\|h(o),null==m\|\|m.onClick()},...b,"data-density":a\|\|C,ref:e,children:[I,m&&n("div",{className:i("jkl-table-header__arrows",{"jkl-table-header__arrows--active":!!m.direction}),children:m.direction&&n(r,{pointingDown:"desc"===m.direction,bold:!0})})]})}));e.displayName="TableHeader";export{e as TableHeader};
2	+ //# sourceMappingURL=TableHeader.js.map

package/build/es/components/table/TableHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableHeader.js","sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, MouseEventHandler, ThHTMLAttributes } from \"react\";\nimport { Density } from \"../..\";\nimport { ArrowVerticalAnimated } from \"../icon\";\nimport { useTableContext } from \"./tableContext\";\nimport { TableSortProps } from \"./utils\";\n\nexport type TableSortDirection = \"asc\" | \"desc\";\n\nexport interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {\n bold?: boolean;\n density?: Density;\n /**\n * Velg mellom venstrejustering og høyrejustering av innholdet. Typisk skal header følge innholdet i radene.\n * @default \"left\"\n */\n align?: \"left\" | \"center\" | \"right\";\n /**\n * Si om headeren gjelder for en kolonne eller en rad\n * @default \"col\"\n */\n scope?: \"col\" | \"row\";\n srOnly?: boolean;\n sortable?: TableSortProps;\n}\n\nconst TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>((props, ref) => {\n const {\n bold = true,\n density,\n sortable,\n className,\n scope = \"col\",\n srOnly,\n align = \"left\",\n children,\n onClick,\n ...rest\n } = props;\n const { density: contextDensity } = useTableContext();\n\n const handleClick: MouseEventHandler<HTMLTableCellElement> = (e) => {\n onClick?.(e);\n sortable?.onClick();\n };\n\n return (\n <th\n className={clsx(\"jkl-table-header\", className, {\n [\"jkl-table-header--bold\"]: bold,\n [\"jkl-table-header--align-right\"]: align === \"right\",\n [\"jkl-table-header--align-center\"]: align === \"center\",\n [\"jkl-table-header--sr-only\"]: srOnly,\n [\"jkl-table-header--sortable\"]: typeof sortable !== \"undefined\",\n })}\n scope={scope}\n onClick={handleClick}\n {...rest}\n data-density={density || contextDensity}\n ref={ref}\n >\n {children}\n {sortable && (\n <div\n className={clsx(\"jkl-table-header__arrows\", {\n \"jkl-table-header__arrows--active\": Boolean(sortable.direction),\n })}\n >\n {sortable.direction && <ArrowVerticalAnimated pointingDown={sortable.direction === \"desc\"} bold />}\n </div>\n )}\n </th>\n );\n});\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"names":["TableHeader","forwardRef","props","ref","bold","density","sortable","className","scope","srOnly","align","children","onClick","rest","contextDensity","useTableContext","jsxs","clsx","e","jsx","direction","ArrowVerticalAnimated","pointingDown","displayName"],"mappings":"0hDA0BA,MAAMA,EAAcC,GAAmD,CAACC,EAAOC,KACrE,MACFC,KAAAA,GAAO,EACPC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EAAQ,MACRC,OAAAA,EACAC,MAAAA,EAAQ,OACRC,SAAAA,EACAC,QAAAA,KACGC,GACHX,GACIG,QAASS,GAAmBC,IAQhC,OAAAC,EAAC,KAAA,CACGT,UAAWU,EAAK,mBAAoBV,EAAW,CAC1C,yBAA2BH,EAC3B,gCAA4C,UAAVM,EAClC,iCAA6C,WAAVA,EACnC,4BAA8BD,EAC9B,oCAAsCH,EAAa,MAExDE,MAAAA,EACAI,QAfsDM,IAC1D,MAAAN,GAAAA,EAAUM,GACV,MAAAZ,GAAAA,EAAUM,SAAA,KAcFC,EACJ,eAAcR,GAAWS,EACzBX,IAAAA,EAECQ,SAAA,CAAAA,EACAL,GACGa,EAAC,MAAA,CACGZ,UAAWU,EAAK,2BAA4B,CACxC,qCAA4CX,EAASc,YAGxDT,SAAAL,EAASc,WAAcD,EAAAE,EAAA,CAAsBC,aAAqC,SAAvBhB,EAASc,UAAsBhB,MAAI,QACnG,IAMhBJ,EAAYuB,YAAc"}

package/build/es/components/table/TablePagination.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../icon-button/IconButton.js";import{T as o}from"../../../ExpandableTableRow-BJSqC_Jo.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"./tableContext.js";export{o as TablePagination};
2	+ //# sourceMappingURL=TablePagination.js.map

package/build/es/components/table/TablePagination.js.map ADDED Viewed

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

package/build/es/components/table/TableRow.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{c as l}from"../../../clsx-BeLtu-UY.js";import{forwardRef as a,useState as t,useEffect as i}from"react";import{useTableContext as s}from"./tableContext.js";import{useTableSectionContext as o}from"./tableSectionContext.js";const r=a((({className:a,clickable:r,children:c,...n},d)=>{const{density:k}=s(),{isTableBody:b}=o(),[m,f]=t((null==r?void 0:r.isClicked)\|\|!1);return i((()=>{f((e=>void 0!==(null==r?void 0:r.isClicked)?r.isClicked:e))}),[null==r?void 0:r.isClicked]),e("tr",b&&r?{onClick:function(e){f(!m),r.onClick(e)},onKeyPress:function(e){(" "===e.key\|\|"Enter"===e.key)&&(e.preventDefault(),f(!m),r.onClick(e))},"data-testid":"jkl-clickable-table-row",className:l("jkl-table-row","jkl-table-row--clickable",a,{"jkl-table-row--clicked":(null==r?void 0:r.markClickedRows)&&m}),"aria-label":"Klikkbar rad","aria-pressed":null!=r&&r.markClickedRows?m?"true":"false":void 0,tabIndex:0,...n,"data-density":k,ref:d,children:c}:{className:l("jkl-table-row",a),...n,ref:d,"data-density":k,children:c})}));r.displayName="TableRow";export{r as TableRow};
2	+ //# sourceMappingURL=TableRow.js.map

package/build/es/components/table/TableRow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableRow.js","sources":["../../../../src/components/table/TableRow.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, HTMLAttributes, useEffect, useState } from \"react\";\nimport { useTableContext } from \"./tableContext\";\nimport { useTableSectionContext } from \"./tableSectionContext\";\n\nexport interface ClickableRowProps {\n markClickedRows?: boolean;\n /** Lar deg kontrollere radens tilstand untenfra */\n isClicked?: boolean;\n onClick: (e: React.MouseEvent<HTMLTableRowElement, MouseEvent> | React.KeyboardEvent<HTMLTableRowElement>) => void;\n}\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n /**\n * Gir raden interaktivitet og en click-handler.\n */\n clickable?: ClickableRowProps;\n}\n\nconst TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(({ className, clickable, children, ...rest }, ref) => {\n const { density } = useTableContext();\n const { isTableBody } = useTableSectionContext();\n\n const [clicked, setClicked] = useState(clickable?.isClicked || false);\n\n useEffect(() => {\n setClicked((prev) => (clickable?.isClicked !== undefined ? clickable.isClicked : prev));\n }, [clickable?.isClicked]);\n\n if (isTableBody && clickable) {\n return (\n <tr\n onClick={function handleOnClick(e) {\n setClicked(!clicked);\n clickable.onClick(e);\n }}\n onKeyPress={function handleKeyPress(e) {\n if (e.key === \" \" || e.key === \"Enter\") {\n e.preventDefault();\n setClicked(!clicked);\n clickable.onClick(e);\n }\n }}\n data-testid=\"jkl-clickable-table-row\"\n className={clsx(\"jkl-table-row\", \"jkl-table-row--clickable\", className, {\n [\"jkl-table-row--clicked\"]: clickable?.markClickedRows && clicked,\n })}\n aria-label=\"Klikkbar rad\"\n aria-pressed={clickable?.markClickedRows ? (clicked ? \"true\" : \"false\") : undefined}\n tabIndex={0}\n {...rest}\n data-density={density}\n ref={ref}\n >\n {children}\n </tr>\n );\n }\n\n return (\n <tr className={clsx(\"jkl-table-row\", className)} {...rest} ref={ref} data-density={density}>\n {children}\n </tr>\n );\n});\n\nTableRow.displayName = \"TableRow\";\n\nexport { TableRow };\n"],"names":["TableRow","forwardRef","className","clickable","children","rest","ref","density","useTableContext","isTableBody","useTableSectionContext","clicked","setClicked","useState","isClicked","useEffect","prev","jsx","onClick","e","onKeyPress","key","preventDefault","clsx","markClickedRows","tabIndex","displayName"],"mappings":"4QAmBM,MAAAA,EAAWC,GAA+C,EAAGC,UAAAA,EAAWC,UAAAA,EAAWC,SAAAA,KAAaC,GAAQC,KACpG,MAAEC,QAAAA,GAAYC,KACZC,YAAAA,GAAgBC,KAEjBC,EAASC,GAAcC,GAAS,MAAAV,OAAA,EAAAA,EAAWW,aAAa,GAM/D,OAJAC,GAAU,KACNH,GAAYI,QAAmC,KAAzB,MAAAb,OAAA,EAAAA,EAAWW,WAA0BX,EAAUW,UAAYE,GAAK,GACvF,CAAC,MAAAb,OAAAA,EAAAA,EAAWW,YAIPG,EAAC,KAFLR,GAAeN,EAEV,CACGe,QAAS,SAAuBC,GAC5BP,GAAYD,GACZR,EAAUe,QAAQC,EACtB,EACAC,WAAY,SAAwBD,IAClB,MAAVA,EAAEE,KAAyB,UAAVF,EAAEE,OACnBF,EAAEG,iBACFV,GAAYD,GACZR,EAAUe,QAAQC,GAE1B,EACA,cAAY,0BACZjB,UAAWqB,EAAK,gBAAiB,2BAA4BrB,EAAW,CACnE,0BAA2B,MAAAC,OAAAA,EAAAA,EAAWqB,kBAAmBb,IAE9D,aAAW,eACX,eAAc,MAAAR,GAAAA,EAAWqB,gBAAmBb,EAAU,OAAS,aAAW,EAC1Ec,SAAU,KACNpB,EACJ,eAAcE,EACdD,IAAAA,EAECF,SAAAA,GAMR,CAAGF,UAAWqB,EAAK,gBAAiBrB,MAAgBG,EAAMC,IAAAA,EAAU,eAAcC,EAC9EH,SAAAA,GACL,IAIRJ,EAAS0B,YAAc"}

package/build/es/components/table/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{DataTable as a}from"./DataTable.js";import{Table as e}from"./Table.js";import{TableBody as o}from"./TableBody.js";import{TableCaption as l}from"./TableCaption.js";import{TableCell as s}from"./TableCell.js";import{TableColumn as t}from"./TableColumn.js";import{TableColumnGroup as b}from"./TableColumnGroup.js";import{TableContextProvider as r,useTableContext as T}from"./tableContext.js";import{TableSectionContextProvider as m,useTableSectionContext as i}from"./tableSectionContext.js";import{TableFooter as n}from"./TableFooter.js";import{TableHead as p}from"./TableHead.js";import{TableHeader as C}from"./TableHeader.js";import{a as d,b as u,T as f}from"../../../ExpandableTableRow-BJSqC_Jo.js";import{TableRow as j}from"./TableRow.js";import{useSortableTableHeader as x}from"./utils.js";export{a as DataTable,d as ExpandableTableRow,u as ExpandableTableRowController,e as Table,o as TableBody,l as TableCaption,s as TableCell,t as TableColumn,b as TableColumnGroup,r as TableContextProvider,n as TableFooter,p as TableHead,C as TableHeader,f as TablePagination,j as TableRow,m as TableSectionContextProvider,x as useSortableTableHeader,T as useTableContext,i as useTableSectionContext};
2	+ //# sourceMappingURL=index.js.map

package/build/es/components/table/index.js.map ADDED Viewed

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

package/build/es/components/table/tableContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as o}from"react";const r=t({density:void 0,collapseToList:!1}),s=()=>o(r),a=({state:t,children:o})=>e(r.Provider,{value:t,children:o});export{a as TableContextProvider,s as useTableContext};
2	+ //# sourceMappingURL=tableContext.js.map

package/build/es/components/table/tableContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tableContext.js","sources":["../../../../src/components/table/tableContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { Density, WithChildren } from \"../..\";\n\ntype TableContext = {\n density?: Density;\n collapseToList: boolean;\n};\n\nconst tableContext = createContext<TableContext>({\n density: undefined,\n collapseToList: false,\n});\n\nexport const useTableContext = (): TableContext => useContext(tableContext);\n\nexport interface TableContextProviderProps extends WithChildren {\n state: TableContext;\n}\n\nexport const TableContextProvider: React.FC<TableContextProviderProps> = ({ state, children }) => (\n <tableContext.Provider value={state}>{children}</tableContext.Provider>\n);\n"],"names":["tableContext","createContext","density","collapseToList","useTableContext","useContext","TableContextProvider","state","children","jsx","Provider","value"],"mappings":"8FAQA,MAAMA,EAAeC,EAA4B,CAC7CC,aAAS,EACTC,gBAAgB,IAGPC,EAAkB,IAAoBC,EAAWL,GAMjDM,EAA4D,EAAGC,MAAAA,EAAOC,SAAAA,KAC9EC,EAAAT,EAAaU,SAAb,CAAsBC,MAAOJ,EAAQC,SAAAA"}

package/build/es/components/table/tableSectionContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as o}from"react";const a=t({isTableHead:!1,isTableBody:!1,isTableFooter:!1}),r=()=>o(a),s=({state:t,children:o})=>e(a.Provider,{value:t,children:o});export{s as TableSectionContextProvider,r as useTableSectionContext};
2	+ //# sourceMappingURL=tableSectionContext.js.map

package/build/es/components/table/tableSectionContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tableSectionContext.js","sources":["../../../../src/components/table/tableSectionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../..\";\n\ntype TableSectionContext = {\n isTableHead: boolean;\n isTableBody: boolean;\n isTableFooter: boolean;\n};\n\nconst tableSectionContext = createContext<TableSectionContext>({\n isTableHead: false,\n isTableBody: false,\n isTableFooter: false,\n});\n\nexport const useTableSectionContext = (): TableSectionContext => useContext(tableSectionContext);\n\nexport interface TableSectionContextProviderProps extends WithChildren {\n state: TableSectionContext;\n}\n\nexport const TableSectionContextProvider: React.FC<TableSectionContextProviderProps> = ({ state, children }) => (\n <tableSectionContext.Provider value={state}>{children}</tableSectionContext.Provider>\n);\n"],"names":["tableSectionContext","createContext","isTableHead","isTableBody","isTableFooter","useTableSectionContext","useContext","TableSectionContextProvider","state","children","jsx","Provider","value"],"mappings":"8FASA,MAAMA,EAAsBC,EAAmC,CAC3DC,aAAa,EACbC,aAAa,EACbC,eAAe,IAGNC,EAAyB,IAA2BC,EAAWN,GAM/DO,EAA0E,EAAGC,MAAAA,EAAOC,SAAAA,KAC5FC,EAAAV,EAAoBW,SAApB,CAA6BC,MAAOJ,EAAQC,SAAAA"}

package/build/es/components/table/utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=(e,o,s)=>{const t=t=>{const r=(s=>s===e&&"desc"===o?"asc":"desc")(t);s(t,r)};return{getSortProps:s=>({sortable:{onClick:()=>t(s),direction:e===s?o:void 0}})}};export{e as useSortableTableHeader};
2	+ //# sourceMappingURL=utils.js.map

package/build/es/components/table/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../src/components/table/utils.ts"],"sourcesContent":["import { TableSortDirection } from \"./TableHeader\";\n\nexport type TableSortProps = ReturnType<ReturnType<typeof useSortableTableHeader>[\"getSortProps\"]>[\"sortable\"];\n\nexport const useSortableTableHeader = (\n activeSortKey: string,\n activeSortDirection: TableSortDirection,\n onChange: (newSortKey: string, newSortDirection: TableSortDirection) => void,\n) => {\n const calculateNewSortParameters = (sortKey: string): TableSortDirection => {\n if (sortKey === activeSortKey && activeSortDirection === \"desc\") {\n return \"asc\";\n }\n\n return \"desc\";\n };\n\n const handleClick = (sortKey: string) => {\n const newSortParameters = calculateNewSortParameters(sortKey);\n onChange(sortKey, newSortParameters);\n };\n\n const getSortProps = (sortKey: string) => {\n return {\n sortable: {\n onClick: () => handleClick(sortKey),\n direction: activeSortKey === sortKey ? activeSortDirection : undefined,\n },\n };\n };\n\n return {\n getSortProps,\n };\n};\n"],"names":["useSortableTableHeader","activeSortKey","activeSortDirection","onChange","calculateNewSortParameters","handleClick","sortKey","newSortParameters","getSortProps","sortable","onClick","direction"],"mappings":"AAIO,MAAMA,EAAyB,CAClCC,EACAC,EACAC,KAEMC,MAQAC,EAAeC,IACXC,MAAAA,EATyB,CAACD,GAC5BA,IAAYL,GAAyC,SAAxBC,EACtB,MAGJ,OAImBE,CAA2BE,GACrDH,EAASG,EAASC,EAAiB,EAYhC,MAAA,CACHC,aAVkBF,IACX,CACHG,SAAU,CACNC,QAAS,IAAML,EAAYC,GAC3BK,UAAWV,IAAkBK,EAAUJ,OAAsB,KAMrE"}

package/build/es/components/tabs/NavTab.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import{forwardRef as a,useCallback as t}from"react";const o=a(((a,o)=>{const{component:n="a","aria-selected":i,className:s,componentProps:l={},onBeforeKeyboardNavigation:c,...m}=a,u=n,d=t(((e,r)=>{c&&!1===c(e,r)\|\|(r.focus(),r.click())}),[c]),f=t((e=>{var r,a,t;if("ArrowLeft"===e.key){const t=e.currentTarget,o=e.currentTarget.previousSibling;d(t,o\|\|(null==(a=null==(r=t.parentElement)?void 0:r.lastChild)?void 0:a.previousSibling))}if("ArrowRight"===e.key){const r=e.currentTarget,a=e.currentTarget.nextSibling;a&&"A"===a.nodeName?d(r,a):d(r,null==(t=r.parentElement)?void 0:t.firstChild)}}),[d]);return e(u,{ref:o,...m,...l,role:"tab","aria-selected":i,className:r("jkl-tab",s),onKeyDown:f,tabIndex:i?0:-1})}));o.displayName="NavTab";export{o as NavTab};
2	+ //# sourceMappingURL=NavTab.js.map

package/build/es/components/tabs/NavTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavTab.js","sources":["../../../../src/components/tabs/NavTab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ElementType, forwardRef, useCallback, type AnchorHTMLAttributes } from \"react\";\n\nexport interface NavTabProps<T extends object = Record<string, unknown>>\n extends AnchorHTMLAttributes<HTMLAnchorElement> {\n /** Sett til true for den nåværende fanen. False på resten. */\n \"aria-selected\": boolean;\n className?: string;\n id?: string;\n /**\n * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.\n * @default \"a\"\n */\n component?: ElementType;\n /** Send inn custom props til `component`. Nyttig om routeren din har noe fancy custom greier. */\n componentProps?: T;\n /** Vanlig alternativ til `href` i routere. */\n to?: string;\n href?: string;\n /**\n * Hook for å kunne stoppe default oppførsel ved tastaturnavigasjon.\n *\n * Om default oppførsel ikke fungerer for deg og du mister tastaturfokus etter\n * navigasjon kan du returnere `false` her og sørge for korrekt oppførsel selv.\n */\n onBeforeKeyboardNavigation?: (from: HTMLAnchorElement, to: HTMLAnchorElement) => boolean | void;\n}\n\nexport const NavTab = forwardRef<HTMLAnchorElement, NavTabProps>((props, ref) => {\n const {\n component = \"a\",\n \"aria-selected\": selected,\n className,\n componentProps = {},\n onBeforeKeyboardNavigation: onBeforeNavigate,\n ...rest\n } = props;\n\n const Component = component;\n\n const navigate = useCallback(\n (from: HTMLAnchorElement, to: HTMLAnchorElement) => {\n if (onBeforeNavigate) {\n // Åpne for å stoppe selve navigeringen hvis det skulle være behov for å gjøre noe custom med fokus og navigasjon\n const doNavigate = onBeforeNavigate(from, to);\n if (doNavigate === false) {\n return;\n }\n }\n\n to.focus();\n // Click brukes for å være router-agnostisk\n to.click();\n },\n [onBeforeNavigate],\n );\n\n const handleOnKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n if (event.key === \"ArrowLeft\") {\n const current = event.currentTarget;\n const prev = event.currentTarget.previousSibling;\n\n if (prev) {\n navigate(current, prev as HTMLAnchorElement);\n } else {\n navigate(current, current.parentElement?.lastChild?.previousSibling as HTMLAnchorElement);\n }\n }\n\n if (event.key === \"ArrowRight\") {\n const current = event.currentTarget;\n const next = event.currentTarget.nextSibling;\n\n // skip the focus indicator element\n if (next && next.nodeName === \"A\") {\n navigate(current, next as HTMLAnchorElement);\n } else {\n navigate(current, current.parentElement?.firstChild as HTMLAnchorElement);\n }\n }\n },\n [navigate],\n );\n\n return (\n <Component\n ref={ref}\n {...rest}\n {...componentProps}\n role=\"tab\"\n aria-selected={selected}\n className={clsx(\"jkl-tab\", className)}\n onKeyDown={handleOnKeyDown}\n // En faneliste skal være én fokuserbar gruppe.\n // Piltaster brukes for å veksle mellom faner.\n // Bare den aktive fanen skal være fokuserbar med tastatur.\n tabIndex={selected ? 0 : -1}\n />\n );\n});\n\nNavTab.displayName = \"NavTab\";\n"],"names":["NavTab","forwardRef","props","ref","component","selected","className","componentProps","onBeforeKeyboardNavigation","onBeforeNavigate","rest","Component","navigate","useCallback","from","to","focus","click","handleOnKeyDown","event","key","current","currentTarget","prev","previousSibling","_b","_a","parentElement","lastChild","next","nextSibling","nodeName","_c","firstChild","jsx","role","clsx","onKeyDown","tabIndex","displayName"],"mappings":"0IA4BO,MAAMA,EAASC,GAA2C,CAACC,EAAOC,KAC/D,MACFC,UAAAA,EAAY,IACZ,gBAAiBC,EACjBC,UAAAA,EACAC,eAAAA,EAAiB,CAAC,EAClBC,2BAA4BC,KACzBC,GACHR,EAEES,EAAYP,EAEZQ,EAAWC,GACb,CAACC,EAAyBC,KAClBN,IAGmB,IADAA,EAAiBK,EAAMC,KAM9CA,EAAGC,QAEHD,EAAGE,QAAM,GAEb,CAACR,IAGCS,EAAkBL,GACnBM,cACOA,GAAc,cAAdA,EAAMC,IAAqB,CAC3B,MAAMC,EAAUF,EAAMG,cAChBC,EAAOJ,EAAMG,cAAcE,gBAG7BZ,EAASS,EADTE,IAGkB,OAAAE,EAAA,OAAAC,EAAAL,EAAQM,oBAARD,EAAAA,EAAuBE,gBAAvB,EAAAH,EAAkCD,iBAE5D,CAEIL,GAAc,eAAdA,EAAMC,IAAsB,CAC5B,MAAMC,EAAUF,EAAMG,cAChBO,EAAOV,EAAMG,cAAcQ,YAG7BD,GAA0B,MAAlBA,EAAKE,SACbnB,EAASS,EAASQ,GAETjB,EAAAS,EAAS,OAAAW,EAAAX,EAAQM,oBAAR,EAAAK,EAAuBC,WAEjD,IAEJ,CAACrB,IAID,OAAAsB,EAACvB,EAAA,CACGR,IAAAA,KACIO,KACAH,EACJ4B,KAAK,MACL,gBAAe9B,EACfC,UAAW8B,EAAK,UAAW9B,GAC3B+B,UAAWnB,EAIXoB,SAAUjC,EAAW,GAAI,GAAA,IAKrCL,EAAOuC,YAAc"}

package/build/es/components/tabs/NavTabs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e,jsxs as l}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import a,{useState as r,useRef as s,useEffect as n}from"react";const i=({"aria-label":i,children:c,className:o,density:d="comfortable",...u})=>{var m;const[f,b]=r(),[p,v]=r(),h=s(null),j=s(null),x=s(null),y=a.Children.toArray(c).findIndex((e=>!!a.isValidElement(e)&&!0===e.props["aria-selected"]));return n((()=>{j.current&&b(j.current.getBoundingClientRect()),x.current&&v(x.current.getBoundingClientRect())}),[y,d]),e("div",{...u,"data-layout-density":d,className:t("jkl-tabs",o),ref:h,children:l("div",{role:"tablist","aria-label":i,ref:j,className:"jkl-tablist",children:[a.Children.map(c,((e,l)=>a.isValidElement(e)?a.cloneElement(e,{ref:y===l?x:void 0}):null)),e("span",{className:"jkl-tablist__indicator",style:{left:((null==p?void 0:p.left)\|\|0)-((null==f?void 0:f.left)\|\|0)+((null==(m=h.current)?void 0:m.scrollLeft)\|\|0),bottom:-1,width:((null==p?void 0:p.width)\|\|0)-("compact"===d?32:38)}})]})})};export{i as NavTabs};
2	+ //# sourceMappingURL=NavTabs.js.map

package/build/es/components/tabs/NavTabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavTabs.js","sources":["../../../../src/components/tabs/NavTabs.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport type { Density, WithChildren } from \"../..\";\n\nexport interface NavTabsProps extends WithChildren {\n \"aria-label\"?: string;\n className?: string;\n density?: Density;\n id?: string;\n}\n\nexport const NavTabs = ({\n \"aria-label\": ariaLabel,\n children,\n className,\n density = \"comfortable\",\n ...rest\n}: NavTabsProps) => {\n const [tabsRect, setTabsRect] = useState<DOMRect>();\n const [activeRect, setActiveRect] = useState<DOMRect>();\n\n const scrollRef = useRef<HTMLDivElement>(null);\n const tablistRef = useRef<HTMLDivElement>(null);\n const activeRef = useRef<HTMLElement>(null);\n\n const selectedIndex = React.Children.toArray(children).findIndex((navTab) => {\n if (!React.isValidElement(navTab)) {\n return false;\n }\n return navTab.props[\"aria-selected\"] === true;\n });\n\n useEffect(() => {\n if (tablistRef.current) {\n setTabsRect(tablistRef.current.getBoundingClientRect());\n }\n if (activeRef.current) {\n setActiveRect(activeRef.current.getBoundingClientRect());\n }\n }, [selectedIndex, density]);\n\n return (\n <div {...rest} data-layout-density={density} className={clsx(\"jkl-tabs\", className)} ref={scrollRef}>\n <div role=\"tablist\" aria-label={ariaLabel} ref={tablistRef} className=\"jkl-tablist\">\n {React.Children.map(children, (child, index) => {\n return React.isValidElement(child)\n ? React.cloneElement<any>(child, {\n ref: selectedIndex === index ? activeRef : undefined,\n })\n : null;\n })}\n <span\n className=\"jkl-tablist__indicator\"\n style={{\n left: (activeRect?.left || 0) - (tabsRect?.left || 0) + (scrollRef.current?.scrollLeft || 0),\n bottom: -1,\n width: (activeRect?.width || 0) - (density === \"compact\" ? 32 : 38),\n }}\n />\n </div>\n </div>\n );\n};\n"],"names":["NavTabs","ariaLabel","children","className","density","rest","tabsRect","setTabsRect","useState","activeRect","setActiveRect","scrollRef","useRef","tablistRef","activeRef","selectedIndex","React","Children","toArray","findIndex","navTab","isValidElement","props","useEffect","current","getBoundingClientRect","jsx","clsx","ref","jsxs","role","map","child","index","cloneElement","style","left","_a","scrollLeft","bottom","width"],"mappings":"+JAWO,MAAMA,EAAU,EACnB,aAAcC,EACdC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,iBACPC,YAEH,MAAOC,EAAUC,GAAeC,KACzBC,EAAYC,GAAiBF,IAE9BG,EAAYC,EAAuB,MACnCC,EAAaD,EAAuB,MACpCE,EAAYF,EAAoB,MAEhCG,EAAgBC,EAAMC,SAASC,QAAQhB,GAAUiB,WAAWC,KACzDJ,EAAMK,eAAeD,KAGe,IAAlCA,EAAOE,MAAM,mBAGxB,OAAAC,GAAU,KACFV,EAAWW,SACCjB,EAAAM,EAAWW,QAAQC,yBAE/BX,EAAUU,SACId,EAAAI,EAAUU,QAAQC,wBAAuB,GAE5D,CAACV,EAAeX,IAGfsB,EAAC,UAAQrB,EAAM,sBAAqBD,EAASD,UAAWwB,EAAK,WAAYxB,GAAYyB,IAAKjB,EACtFT,SAAA2B,EAAC,OAAIC,KAAK,UAAU,aAAY7B,EAAW2B,IAAKf,EAAYV,UAAU,cACjED,SAAA,CAAAc,EAAMC,SAASc,IAAI7B,GAAU,CAAC8B,EAAOC,IAC3BjB,EAAMK,eAAeW,GACtBhB,EAAMkB,aAAkBF,EAAO,CAC3BJ,IAAKb,IAAkBkB,EAAQnB,OAAY,IAE/C,OAEVY,EAAC,OAAA,CACGvB,UAAU,yBACVgC,MAAO,CACHC,OAAO,MAAA3B,OAAA,EAAAA,EAAY2B,OAAQ,KAAM,MAAA9B,OAAA,EAAAA,EAAU8B,OAAQ,KAAM,OAAAC,EAAA1B,EAAUa,cAAV,EAAAa,EAAmBC,aAAc,GAC1FC,QAAQ,EACRC,QAAQ,MAAA/B,OAAAA,EAAAA,EAAY+B,QAAS,IAAkB,YAAZpC,EAAwB,GAAK,WAIhF"}

package/build/es/components/tabs/Tab.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as t}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import r from"react";const s=r.forwardRef(((r,s)=>{const o=a("jkl-tab",r.className);return t("button",{role:"tab",type:"button",ref:s,...r,className:o})}));s.displayName="Tab";export{s as Tab};
2	+ //# sourceMappingURL=Tab.js.map

package/build/es/components/tabs/Tab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tab.js","sources":["../../../../src/components/tabs/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface TabProps extends WithChildren {\n className?: string;\n}\n\n/**\n * En Tab til bruk som element i TabList. Ikke funksjonell utenfor et TabList element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const Tab = React.forwardRef<HTMLButtonElement, TabProps>((props, ref) => {\n const classes = clsx(\"jkl-tab\", props.className);\n\n return <button role=\"tab\" type=\"button\" ref={ref} {...props} className={classes} />;\n});\n\nTab.displayName = \"Tab\";\n"],"names":["Tab","React","forwardRef","props","ref","classes","clsx","className","jsx","role","type","displayName"],"mappings":"2GAaO,MAAMA,EAAMC,EAAMC,YAAwC,CAACC,EAAOC,KACrE,MAAMC,EAAUC,EAAK,UAAWH,EAAMI,WAE/B,OAAAC,EAAC,SAAO,CAAAC,KAAK,MAAMC,KAAK,SAASN,IAAAA,KAAcD,EAAOI,UAAWF,GAAS,IAGrFL,EAAIW,YAAc"}

package/build/es/components/tabs/TabList.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import r,{useState as s,useRef as l,useEffect as i,useCallback as a}from"react";import{useTabsContext as o}from"./tabsContext.js";const c=({children:c,className:u,...d})=>{const{activeIndex:f,setActiveIndex:m,tabIDs:b,tabPanelIDs:v,...g}=d,{density:p}=o(),[x,C]=s(),[h,T]=s(),j=l(null),k=l(null);i((()=>{j.current&&C(j.current.getBoundingClientRect()),k.current&&T(k.current.getBoundingClientRect())}),[f,p]);const w=a((t=>{var e,n,r;if("ArrowLeft"===t.key){const r=t.currentTarget,s=t.currentTarget.previousSibling;s?s.focus():(null==(n=null==(e=r.parentElement)?void 0:e.lastChild)?void 0:n.previousSibling).focus()}if("ArrowRight"===t.key){const e=t.currentTarget,n=t.currentTarget.nextSibling;n&&"BUTTON"===n.nodeName?n.focus():(null==(r=e.parentElement)?void 0:r.firstChild).focus()}}),[]);return t("div",{role:"tablist",ref:j,...g,className:n("jkl-tablist",u),children:[r.Children.map(c,((t,e)=>{const n=f===e;return r.isValidElement(t)?r.cloneElement(t,{onKeyDown:w,tabIndex:n?void 0:-1,ref:n?k:void 0,onClick:()=>m(e),"aria-selected":n,"aria-controls":v[e],id:b[e]}):null})),e("span",{className:"jkl-tablist__indicator",style:{left:((null==h?void 0:h.left)\|\|0)-((null==x?void 0:x.left)\|\|0),bottom:-1,width:((null==h?void 0:h.width)\|\|0)-("compact"===p?32:38)}})]})};export{c as TabList};
2	+ //# sourceMappingURL=TabList.js.map

package/build/es/components/tabs/TabList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TabList.js","sources":["../../../../src/components/tabs/TabList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { WithChildren } from \"../..\";\nimport { useTabsContext } from \"./tabsContext\";\n\nexport interface TabListProps extends WithChildren {\n \"aria-label\"?: string;\n className?: string;\n}\n\nexport interface InjectedProps {\n activeIndex: number;\n setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n tabIDs: string[];\n tabPanelIDs: string[];\n}\n\n/**\n * Konteiner for elementer av typen Tab. Ikke funksjonell utenfor et Tabs element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const TabList = ({ children, className, ...injected }: TabListProps) => {\n // props injected by Tabs\n const { activeIndex, setActiveIndex, tabIDs, tabPanelIDs, ...rest } = injected as TabListProps & InjectedProps;\n const { density } = useTabsContext();\n\n const [tabsRect, setTabsRect] = useState<DOMRect>();\n const [activeRect, setActiveRect] = useState<DOMRect>();\n\n const tabsRef = useRef<HTMLDivElement>(null);\n const activeRef = useRef<HTMLButtonElement>(null);\n\n useEffect(() => {\n if (tabsRef.current) {\n setTabsRect(tabsRef.current.getBoundingClientRect());\n }\n if (activeRef.current) {\n setActiveRect(activeRef.current.getBoundingClientRect());\n }\n }, [activeIndex, density]);\n\n const keyDownHandler = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === \"ArrowLeft\") {\n const current = event.currentTarget;\n const prev = event.currentTarget.previousSibling;\n\n if (prev) {\n (prev as HTMLElement).focus();\n } else {\n (current.parentElement?.lastChild?.previousSibling as HTMLElement).focus();\n }\n }\n\n if (event.key === \"ArrowRight\") {\n const current = event.currentTarget;\n const next = event.currentTarget.nextSibling;\n\n // skip the focus indicator element\n if (next && next.nodeName === \"BUTTON\") {\n (next as HTMLElement).focus();\n } else {\n (current.parentElement?.firstChild as HTMLElement).focus();\n }\n }\n }, []);\n\n return (\n <div role=\"tablist\" ref={tabsRef} {...rest} className={clsx(\"jkl-tablist\", className)}>\n {React.Children.map(children, (tab, tabIndex) => {\n const isActive = activeIndex === tabIndex;\n\n return React.isValidElement(tab)\n ? React.cloneElement<any>(tab, {\n onKeyDown: keyDownHandler,\n tabIndex: isActive ? undefined : -1,\n ref: isActive ? activeRef : undefined,\n onClick: () => setActiveIndex(tabIndex),\n \"aria-selected\": isActive,\n \"aria-controls\": tabPanelIDs[tabIndex],\n id: tabIDs[tabIndex],\n })\n : null;\n })}\n\n <span\n className=\"jkl-tablist__indicator\"\n style={{\n left: (activeRect?.left || 0) - (tabsRect?.left || 0),\n bottom: -1,\n width: (activeRect?.width || 0) - (density === \"compact\" ? 32 : 38),\n }}\n />\n </div>\n );\n};\n"],"names":["TabList","children","className","injected","activeIndex","setActiveIndex","tabIDs","tabPanelIDs","rest","density","useTabsContext","tabsRect","setTabsRect","useState","activeRect","setActiveRect","tabsRef","useRef","activeRef","useEffect","current","getBoundingClientRect","keyDownHandler","useCallback","event","key","currentTarget","prev","previousSibling","focus","_b","_a","parentElement","lastChild","next","nextSibling","nodeName","_c","firstChild","jsxs","role","ref","clsx","React","Children","map","tab","tabIndex","isActive","isValidElement","cloneElement","onKeyDown","onClick","id","jsx","style","left","bottom","width"],"mappings":"kOAsBO,MAAMA,EAAU,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,MAE9C,MAAQC,YAAAA,EAAaC,eAAAA,EAAgBC,OAAAA,EAAQC,YAAAA,KAAgBC,GAASL,GAC9DM,QAAAA,GAAYC,KAEbC,EAAUC,GAAeC,KACzBC,EAAYC,GAAiBF,IAE9BG,EAAUC,EAAuB,MACjCC,EAAYD,EAA0B,MAE5CE,GAAU,KACFH,EAAQI,SACIR,EAAAI,EAAQI,QAAQC,yBAE5BH,EAAUE,SACIL,EAAAG,EAAUE,QAAQC,wBAAuB,GAE5D,CAACjB,EAAaK,IAEXa,MAAAA,EAAiBC,GAAaC,cAC5BA,GAAc,cAAdA,EAAMC,IAAqB,CAC3B,MAAML,EAAUI,EAAME,cAChBC,EAAOH,EAAME,cAAcE,gBAE7BD,EACCA,EAAqBE,SAErB,OAAAC,EAAA,OAAAC,EAAAX,EAAQY,oBAAR,EAAAD,EAAuBE,gBAAvBH,EAAAA,EAAkCF,iBAAgCC,OAE3E,CAEIL,GAAc,eAAdA,EAAMC,IAAsB,CAC5B,MAAML,EAAUI,EAAME,cAChBQ,EAAOV,EAAME,cAAcS,YAG7BD,GAA0B,WAAlBA,EAAKE,SACZF,EAAqBL,SAErB,OAAAQ,EAAAjB,EAAQY,oBAARK,EAAAA,EAAuBC,YAA2BT,OAE3D,IACD,IAEH,OACKU,EAAA,MAAA,CAAIC,KAAK,UAAUC,IAAKzB,KAAaR,EAAMN,UAAWwC,EAAK,cAAexC,GACtED,SAAA,CAAA0C,EAAMC,SAASC,IAAI5C,GAAU,CAAC6C,EAAKC,KAChC,MAAMC,EAAW5C,IAAgB2C,EAEjC,OAAOJ,EAAMM,eAAeH,GACtBH,EAAMO,aAAkBJ,EAAK,CACzBK,UAAW7B,EACXyB,SAAUC,OAAW,GAAY,EACjCP,IAAKO,EAAW9B,OAAY,EAC5BkC,QAAS,IAAM/C,EAAe0C,GAC9B,gBAAiBC,EACjB,gBAAiBzC,EAAYwC,GAC7BM,GAAI/C,EAAOyC,KAEf,IAAA,IAGVO,EAAC,OAAA,CACGpD,UAAU,yBACVqD,MAAO,CACHC,OAAO,MAAA1C,OAAAA,EAAAA,EAAY0C,OAAQ,KAAM,MAAA7C,OAAAA,EAAAA,EAAU6C,OAAQ,GACnDC,QAAQ,EACRC,QAAQ,MAAA5C,OAAAA,EAAAA,EAAY4C,QAAS,IAAkB,YAAZjD,EAAwB,GAAK,SAG5E"}

package/build/es/components/tabs/TabPanel.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as a}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";const e=({children:e,...r})=>{const l=s("jkl-tabpanel",r.className);return a("div",{role:"tabpanel",...r,className:l,children:e})};export{e as TabPanel};
2	+ //# sourceMappingURL=TabPanel.js.map

package/build/es/components/tabs/TabPanel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TabPanel.js","sources":["../../../../src/components/tabs/TabPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface TabPanelProps extends WithChildren {\n className?: string;\n}\n\n/**\n * Konteiner for innhold i et tabbet brukergrensesnitt. Ikke funksjonell utenfor et Tabs element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const TabPanel = ({ children, ...props }: TabPanelProps) => {\n const classes = clsx(\"jkl-tabpanel\", props.className);\n\n return (\n <div role=\"tabpanel\" {...props} className={classes}>\n {children}\n </div>\n );\n};\n"],"names":["TabPanel","children","props","classes","clsx","className","jsx","role"],"mappings":"sFAaO,MAAMA,EAAW,EAAGC,SAAAA,KAAaC,MACpC,MAAMC,EAAUC,EAAK,eAAgBF,EAAMG,WAGvC,OAAAC,EAAC,OAAIC,KAAK,cAAeL,EAAOG,UAAWF,EACtCF,SAAAA,GACL"}

package/build/es/components/tabs/Tabs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import r,{useState as a,useEffect as n,useCallback as i}from"react";import{usePreviousValue as l}from"../../hooks/usePreviousValue/usePreviousValue.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{TabsContextProvider as o}from"./tabsContext.js";let d=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce(((e,s)=>e+=(s&=63)<36?s.toString(36):s<62?(s-26).toString(36).toUpperCase():s>62?"-":"_"),"");const c=({onChange:c,defaultTab:u,density:m,...h})=>{const[p,b]=a(u??0),f=l(p);n((()=>{void 0!==f&&f!==p&&c&&c(p)}),[c,f,p]);const[j,x]=a([]),[C,v]=a([]),y=i((()=>{const e=r.Children.toArray(h.children)[0];r.isValidElement(e)&&r.Children.forEach(e.props.children,(e=>{r.isValidElement(e)&&(x((e=>[...e,`jkl-tab-${d(8)}`])),v((e=>[...e,`jkl-tabpanel-${d(8)}`])))}))}),[h.children]);return n((()=>{y()}),[y]),e(o,{state:{density:m},children:s("div",{...h,className:t("jkl-tabs",h.className),"data-density":m,children:[(()=>{const e=r.Children.toArray(h.children)[0];if(r.isValidElement(e))return r.cloneElement(e,{activeIndex:p,setActiveIndex:b,tabIDs:j,tabPanelIDs:C})})(),r.Children.map(h.children,((e,s)=>{if(!r.isValidElement(e)\|\|0===s)return;const t=s-1;return t===p?r.cloneElement(e,{"aria-labelledby":j[t],id:C[t]}):null}))]})})};export{c as Tabs};
2	+ //# sourceMappingURL=Tabs.js.map

package/build/es/components/tabs/Tabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tabs.js","sources":["../../../../../../node_modules/.pnpm/nanoid@3.3.7/node_modules/nanoid/index.browser.js","../../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { urlAlphabet } from './url-alphabet/index.js'\nlet random = bytes => crypto.getRandomValues(new Uint8Array(bytes))\nlet customRandom = (alphabet, defaultSize, getRandom) => {\n let mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1\n let step = -~((1.6 * mask * defaultSize) / alphabet.length)\n return (size = defaultSize) => {\n let id = ''\n while (true) {\n let bytes = getRandom(step)\n let j = step\n while (j--) {\n id += alphabet[bytes[j] & mask] || ''\n if (id.length === size) return id\n }\n }\n }\n}\nlet customAlphabet = (alphabet, size = 21) =>\n customRandom(alphabet, size, random)\nlet nanoid = (size = 21) =>\n crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {\n byte &= 63\n if (byte < 36) {\n id += byte.toString(36)\n } else if (byte < 62) {\n id += (byte - 26).toString(36).toUpperCase()\n } else if (byte > 62) {\n id += '-'\n } else {\n id += '_'\n }\n return id\n }, '')\nexport { nanoid, customAlphabet, customRandom, urlAlphabet, random }\n","import clsx from \"clsx\";\nimport { nanoid } from \"nanoid\";\nimport React, { useState, useCallback, useEffect } from \"react\";\nimport { Density, WithChildren } from \"../..\";\nimport { usePreviousValue } from \"../../hooks\";\nimport { InjectedProps, TabListProps } from \"./TabList\";\nimport { TabPanelProps } from \"./TabPanel\";\nimport { TabsContextProvider } from \"./tabsContext\";\n\nexport interface TabsProps extends WithChildren {\n className?: string;\n density?: Density;\n onChange?: (tabIndex: number) => void;\n defaultTab?: number;\n}\n\n/**\n * Konteiner for et grensesnitt hvor man kan tabbe mellom innhold.\n * Må inneholde en TabList etterfulgt av en eller flere TabPanel.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const Tabs = ({ onChange, defaultTab, density, ...props }: TabsProps) => {\n const [activeIndex, setActiveIndex] = useState(defaultTab ?? 0);\n\n const previousTabIndex = usePreviousValue(activeIndex);\n\n useEffect(() => {\n if (previousTabIndex !== undefined && previousTabIndex !== activeIndex && onChange) {\n onChange(activeIndex);\n }\n }, [onChange, previousTabIndex, activeIndex]);\n\n const [tabIDs, setTabIDs] = useState<string[]>([]);\n const [tabPanelIDs, setTabPanelIds] = useState<string[]>([]);\n\n const resolveIDs = useCallback(() => {\n const tabList = React.Children.toArray(props.children)[0];\n\n if (!React.isValidElement(tabList)) return;\n\n React.Children.forEach(tabList.props.children, (tab) => {\n if (!React.isValidElement(tab)) return;\n\n setTabIDs((prev) => [...prev, `jkl-tab-${nanoid(8)}`]);\n setTabPanelIds((prev) => [...prev, `jkl-tabpanel-${nanoid(8)}`]);\n });\n }, [props.children]);\n\n const renderTabList = () => {\n const tabList = React.Children.toArray(props.children)[0];\n\n if (!React.isValidElement<TabListProps & InjectedProps>(tabList)) return;\n\n return React.cloneElement<TabListProps & InjectedProps>(tabList, {\n activeIndex,\n setActiveIndex,\n tabIDs,\n tabPanelIDs,\n });\n };\n\n const renderTabPanels = () => {\n return React.Children.map(props.children, (child, childIndex) => {\n if (!React.isValidElement<TabPanelProps & React.HTMLAttributes<HTMLDivElement>>(child) || childIndex === 0)\n return;\n\n const tabPanelIndex = childIndex - 1;\n\n return tabPanelIndex === activeIndex\n ? React.cloneElement<TabPanelProps & React.HTMLAttributes<HTMLDivElement>>(child, {\n \"aria-labelledby\": tabIDs[tabPanelIndex],\n id: tabPanelIDs[tabPanelIndex],\n })\n : null;\n });\n };\n\n useEffect(() => {\n resolveIDs();\n }, [resolveIDs]);\n\n return (\n <TabsContextProvider state={{ density }}>\n <div {...props} className={clsx(\"jkl-tabs\", props.className)} data-density={density}>\n {renderTabList()}\n {renderTabPanels()}\n </div>\n </TabsContextProvider>\n );\n};\n"],"names":["nanoid","size","crypto","getRandomValues","Uint8Array","reduce","id","byte","toString","toUpperCase","Tabs","onChange","defaultTab","density","props","activeIndex","setActiveIndex","useState","previousTabIndex","usePreviousValue","useEffect","tabIDs","setTabIDs","tabPanelIDs","setTabPanelIds","resolveIDs","useCallback","tabList","React","Children","toArray","children","isValidElement","forEach","tab","prev","TabsContextProvider","state","jsxs","className","clsx","cloneElement","renderTabList","map","child","childIndex","tabPanelIndex"],"mappings":"6XAmBA,IAAIA,EAAS,CAACC,EAAO,KACnBC,OAAOC,gBAAgB,IAAIC,WAAWH,IAAOI,QAAO,CAACC,EAAIC,IAGrDD,IAFFC,GAAQ,IACG,GACHA,EAAKC,SAAS,IACXD,EAAO,IACTA,EAAO,IAAIC,SAAS,IAAIC,cACtBF,EAAO,GACV,IAEA,KAGP,ICVQ,MAAAG,EAAO,EAAGC,SAAAA,EAAUC,WAAAA,EAAYC,QAAAA,KAAYC,MAC/C,MAACC,EAAaC,GAAkBC,EAASL,GAAc,GAEvDM,EAAmBC,EAAiBJ,GAE1CK,GAAU,UACmB,IAArBF,GAAkCA,IAAqBH,GAAeJ,GACtEA,EAASI,EAAW,GAEzB,CAACJ,EAAUO,EAAkBH,IAEhC,MAAOM,EAAQC,GAAaL,EAAmB,KACxCM,EAAaC,GAAkBP,EAAmB,IAEnDQ,EAAaC,GAAY,KAC3B,MAAMC,EAAUC,EAAMC,SAASC,QAAQhB,EAAMiB,UAAU,GAElDH,EAAMI,eAAeL,IAE1BC,EAAMC,SAASI,QAAQN,EAAQb,MAAMiB,UAAWG,IACvCN,EAAMI,eAAeE,KAEhBZ,GAACa,GAAS,IAAIA,EAAM,WAAWnC,EAAO,QACjCwB,GAACW,GAAS,IAAIA,EAAM,gBAAgBnC,EAAO,QAAK,GAClE,GACF,CAACc,EAAMiB,WA+BV,OAAAX,GAAU,KACKK,MACZ,CAACA,MAGCW,EAAoB,CAAAC,MAAO,CAAExB,QAAAA,GAC1BkB,SAACO,EAAA,MAAA,IAAQxB,EAAOyB,UAAWC,EAAK,WAAY1B,EAAMyB,WAAY,eAAc1B,EACvEkB,SAAA,CApCS,MAClB,MAAMJ,EAAUC,EAAMC,SAASC,QAAQhB,EAAMiB,UAAU,GAElDH,GAAAA,EAAMI,eAA6CL,GAEjDC,OAAAA,EAAMa,aAA2Cd,EAAS,CAC7DZ,YAAAA,EACAC,eAAAA,EACAK,OAAAA,EACAE,YAAAA,GACH,EA0BsBmB,GAtBhBd,EAAMC,SAASc,IAAI7B,EAAMiB,UAAU,CAACa,EAAOC,KAC9C,IAAKjB,EAAMI,eAAqEY,IAAyB,IAAfC,EACtF,OAEJ,MAAMC,EAAgBD,EAAa,EAEnC,OAAOC,IAAkB/B,EACnBa,EAAMa,aAAmEG,EAAO,CAC5E,kBAAmBvB,EAAOyB,GAC1BxC,GAAIiB,EAAYuB,KAEpB,IAAA,QAcV","x_google_ignoreList":[0]}

package/build/es/components/tabs/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{NavTab as a}from"./NavTab.js";import{NavTabs as s}from"./NavTabs.js";import{Tabs as b}from"./Tabs.js";import{TabList as T}from"./TabList.js";import{Tab as o}from"./Tab.js";import{TabPanel as r}from"./TabPanel.js";export{a as NavTab,s as NavTabs,o as Tab,T as TabList,r as TabPanel,b as Tabs};
2	+ //# sourceMappingURL=index.js.map

package/build/es/components/tabs/index.js.map ADDED Viewed

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

package/build/es/components/tabs/tabsContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as r}from"react";const s=t({density:void 0}),o=()=>r(s),a=({state:t,children:r})=>e(s.Provider,{value:t,children:r});export{a as TabsContextProvider,o as useTabsContext};
2	+ //# sourceMappingURL=tabsContext.js.map

package/build/es/components/tabs/tabsContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tabsContext.js","sources":["../../../../src/components/tabs/tabsContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { Density, WithChildren } from \"../..\";\n\ntype TabsContext = {\n density?: Density;\n};\n\nconst tabsContext = createContext<TabsContext>({\n density: undefined,\n});\n\nexport const useTabsContext = (): TabsContext => useContext(tabsContext);\n\ninterface Props extends WithChildren {\n state: TabsContext;\n}\n\nexport const TabsContextProvider: React.FC<Props> = ({ state, children }) => (\n <tabsContext.Provider value={state}>{children}</tabsContext.Provider>\n);\n"],"names":["tabsContext","createContext","density","useTabsContext","useContext","TabsContextProvider","state","children","jsx","Provider","value"],"mappings":"8FAOA,MAAMA,EAAcC,EAA2B,CAC3CC,aAAS,IAGAC,EAAiB,IAAmBC,EAAWJ,GAM/CK,EAAuC,EAAGC,MAAAA,EAAOC,SAAAA,KACzDC,EAAAR,EAAYS,SAAZ,CAAqBC,MAAOJ,EAAQC,SAAAA"}

package/build/es/components/toast/Toast.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as o,jsx as n}from"react/jsx-runtime";import{useToast as s}from"@react-aria/toast";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useRef as i,useEffect as c}from"react";import{useBrowserPreferences as r}from"../../hooks/useBrowserPreferences/useBrowserPreferences.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import{CloseIcon as a}from"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import{ErrorIcon as e}from"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import{InfoIcon as m}from"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import{SuccessIcon as p}from"../icon/icons/SuccessIcon.js";import{WarningIcon as l}from"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{IconButton as j}from"../icon-button/IconButton.js";import{Countdown as u}from"../progress-bar/Countdown.js";const I=o=>{switch(o){case"error":return n(e,{className:"jkl-toast__icon"});case"info":return n(m,{className:"jkl-toast__icon"});case"success":return n(p,{className:"jkl-toast__icon"});case"warning":return n(l,{className:"jkl-toast__icon"});default:return null}};function f({className:e,state:m,...p}){var l;let f=i(null),{toastProps:d,titleProps:k}=s(p,m,f);const h="string"==typeof p.toast.content?p.toast.content:p.toast.content.content,w="string"==typeof p.toast.content?void 0:p.toast.content.title,v=null==(null==(l=p.toast.timer)?void 0:l.timerId),{prefersReducedMotion:_}=r();return c((()=>{_&&"exiting"===p.toast.animation&&m.remove(p.toast.key)}),[_,p.toast.animation,p.toast.key,m]),o("div",{...d,ref:f,className:t("jkl-toast",{"jkl-toast--info":"info"===p.toast.variant,"jkl-toast--error":"error"===p.toast.variant,"jkl-toast--warning":"warning"===p.toast.variant,"jkl-toast--success":"success"===p.toast.variant},e),"data-animation":p.toast.animation,onAnimationEnd:()=>{"exiting"===p.toast.animation&&m.remove(p.toast.key)},children:[n("span",{className:"jkl-toast__progress",children:p.toast.timeout?n(u,{from:p.toast.timeout,isPaused:v,onAnimationEnd:o=>{o.stopPropagation()}}):null}),I(p.toast.variant),o("div",{...k,className:"jkl-toast__content",children:[w&&n("p",{className:"jkl-toast__title",children:w}),n("p",{className:"jkl-toast__message",children:h})]}),n(j,{"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{m.close(p.toast.key)},children:n(a,{})})]})}export{f as Toast};
2	+ //# sourceMappingURL=Toast.js.map

package/build/es/components/toast/Toast.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toast.js","sources":["../../../../src/components/toast/Toast.tsx"],"sourcesContent":["import { type AriaToastProps, useToast } from \"@react-aria/toast\";\nimport { QueuedToast, type ToastState } from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React, { useEffect, useRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks\";\nimport { CloseIcon, ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\nimport { Countdown } from \"../progress-bar\";\nimport { ToastContent, ToastOptions } from \"./types\";\n\ninterface ToastProps<T extends ToastContent> extends AriaToastProps<T> {\n className?: string;\n state: ToastState<T>;\n toast: QueuedToast<T> & ToastOptions;\n}\n\nconst getIcon = (messageType?: \"error\" | \"info\" | \"success\" | \"warning\") => {\n switch (messageType) {\n case \"error\":\n return <ErrorIcon className=\"jkl-toast__icon\" />;\n case \"info\":\n return <InfoIcon className=\"jkl-toast__icon\" />;\n case \"success\":\n return <SuccessIcon className=\"jkl-toast__icon\" />;\n case \"warning\":\n return <WarningIcon className=\"jkl-toast__icon\" />;\n default:\n return null;\n }\n};\n\nexport function Toast<T extends ToastContent>({ className, state, ...props }: ToastProps<T>) {\n let ref = useRef(null);\n let { toastProps, titleProps } = useToast(props, state, ref);\n\n const content = typeof props.toast.content === \"string\" ? props.toast.content : props.toast.content.content;\n const title = typeof props.toast.content === \"string\" ? undefined : props.toast.content.title;\n\n // @ts-ignore Proxy for å sjekke om timeren er pauset: https://github.com/adobe/react-spectrum/blob/b1545c0d225b12672fb6a4e7b787268591d66b90/packages/%40react-stately/toast/src/useToastState.ts#L222\n const isPaused = props.toast.timer?.timerId == null;\n\n const { prefersReducedMotion } = useBrowserPreferences();\n\n useEffect(() => {\n if (prefersReducedMotion && props.toast.animation === \"exiting\") {\n // If user has prefers-reduced-motion the exit animation won't run and our\n // onAnimationEnd callback won't be invoked. In this case, remove the toast\n // manually.\n state.remove(props.toast.key);\n }\n }, [prefersReducedMotion, props.toast.animation, props.toast.key, state]);\n\n return (\n <div\n {...toastProps}\n ref={ref}\n className={clsx(\n \"jkl-toast\",\n {\n \"jkl-toast--info\": props.toast.variant === \"info\",\n \"jkl-toast--error\": props.toast.variant === \"error\",\n \"jkl-toast--warning\": props.toast.variant === \"warning\",\n \"jkl-toast--success\": props.toast.variant === \"success\",\n },\n className,\n )}\n data-animation={props.toast.animation}\n onAnimationEnd={() => {\n // Remove the toast when the exiting animation completes.\n if (props.toast.animation === \"exiting\") {\n state.remove(props.toast.key);\n }\n }}\n >\n <span className=\"jkl-toast__progress\">\n {props.toast.timeout ? (\n <Countdown\n from={props.toast.timeout}\n isPaused={isPaused}\n onAnimationEnd={(e) => {\n // Avoid triggering the toast's onAnimationEnd handler so we still get our exit animation\n e.stopPropagation();\n }}\n />\n ) : null}\n </span>\n {getIcon(props.toast.variant)}\n <div {...titleProps} className=\"jkl-toast__content\">\n {title && <p className=\"jkl-toast__title\">{title}</p>}\n <p className=\"jkl-toast__message\">{content}</p>\n </div>\n <IconButton\n aria-label=\"Lukk varsel\"\n className=\"jkl-toast__dismiss-button\"\n onClick={() => {\n state.close(props.toast.key);\n }}\n >\n <CloseIcon />\n </IconButton>\n </div>\n );\n}\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","Toast","state","props","ref","useRef","toastProps","titleProps","useToast","content","toast","title","isPaused","_a","timer","timerId","prefersReducedMotion","useBrowserPreferences","useEffect","animation","remove","key","jsxs","clsx","variant","onAnimationEnd","children","timeout","Countdown","from","e","stopPropagation","IconButton","onClick","close","CloseIcon"],"mappings":"y4DAgBA,MAAMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAACC,EAAU,CAAAC,UAAU,oBAChC,IAAK,OACM,OAAAF,EAACG,EAAS,CAAAD,UAAU,oBAC/B,IAAK,UACM,OAAAF,EAACI,EAAY,CAAAF,UAAU,oBAClC,IAAK,UACM,OAAAF,EAACK,EAAY,CAAAH,UAAU,oBAClC,QACW,OAAA,KACf,EAGG,SAASI,GAAgCJ,UAAAA,EAAWK,MAAAA,KAAUC,UAC7D,IAAAC,EAAMC,EAAO,OACXC,WAAAA,EAAYC,WAAAA,GAAeC,EAASL,EAAOD,EAAOE,GAElD,MAAAK,EAAyC,iBAAxBN,EAAMO,MAAMD,QAAuBN,EAAMO,MAAMD,QAAUN,EAAMO,MAAMD,QAAQA,QAC9FE,EAAuC,iBAAxBR,EAAMO,MAAMD,aAAuB,EAAYN,EAAMO,MAAMD,QAAQE,MAGlFC,EAAyC,OAA9B,OAAAC,EAAAV,EAAMO,MAAMI,YAAZ,EAAAD,EAAmBE,UAE5BC,qBAAAA,GAAyBC,IAEjC,OAAAC,GAAU,KACFF,GAAkD,YAA1Bb,EAAMO,MAAMS,WAI9BjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,GAEjC,CAACL,EAAsBb,EAAMO,MAAMS,UAAWhB,EAAMO,MAAMW,IAAKnB,IAG9DoB,EAAC,MAAA,IACOhB,EACJF,IAAAA,EACAP,UAAW0B,EACP,YACA,CACI,kBAA2C,SAAxBpB,EAAMO,MAAMc,QAC/B,mBAA4C,UAAxBrB,EAAMO,MAAMc,QAChC,qBAA8C,YAAxBrB,EAAMO,MAAMc,QAClC,qBAA8C,YAAxBrB,EAAMO,MAAMc,SAEtC3B,GAEJ,iBAAgBM,EAAMO,MAAMS,UAC5BM,eAAgB,KAEkB,YAA1BtB,EAAMO,MAAMS,WACNjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,EAIpCK,SAAA,CAAA/B,EAAC,OAAK,CAAAE,UAAU,sBACX6B,SAAAvB,EAAMO,MAAMiB,QACThC,EAACiC,EAAA,CACGC,KAAM1B,EAAMO,MAAMiB,QAClBf,SAAAA,EACAa,eAAiBK,IAEbA,EAAEC,iBAAgB,IAG1B,OAEPtC,EAAQU,EAAMO,MAAMc,SACpBF,EAAA,MAAA,IAAQf,EAAYV,UAAU,qBAC1B6B,SAAA,CAAAf,GAAUhB,EAAA,IAAA,CAAEE,UAAU,mBAAoB6B,SAAMf,IAChDhB,EAAA,IAAA,CAAEE,UAAU,qBAAsB6B,SAAQjB,OAE/Cd,EAACqC,EAAA,CACG,aAAW,cACXnC,UAAU,4BACVoC,QAAS,KACC/B,EAAAgC,MAAM/B,EAAMO,MAAMW,IAAG,EAG/BK,WAACS,EAAU,QAI3B"}

package/build/es/components/toast/ToastRegion.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as t}from"react/jsx-runtime";import{useToastRegion as e}from"@react-aria/toast";import{useToastQueue as s}from"@react-stately/toast";import{c as o}from"../../../clsx-BeLtu-UY.js";import a from"react";import r from"react-dom";import{Toast as i}from"./Toast.js";function l({placement:s,state:r,...l}){let m=a.useRef(null),{regionProps:n}=e(l,r,m);return t("div",{className:o("jkl","jkl-toast-region",{"jkl-toast-region--left":"left"===s}),children:t("div",{...n,ref:m,className:"jkl-toast-region__toasts",children:[...r.visibleToasts].reverse().map((e=>t(i,{toast:e,state:r},e.key)))})})}function m({queue:e,placement:o}){const a=s(e);return a.visibleToasts.length>0?r.createPortal(t(l,{state:a,placement:o}),document.body):null}export{m as ToastRegion};
2	+ //# sourceMappingURL=ToastRegion.js.map

package/build/es/components/toast/ToastRegion.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToastRegion.js","sources":["../../../../src/components/toast/ToastRegion.tsx"],"sourcesContent":["import { type AriaToastRegionProps, useToastRegion } from \"@react-aria/toast\";\nimport { useToastQueue, type ToastState, ToastQueue } from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Toast } from \"./Toast\";\nimport { ToastContent } from \"./types\";\n\ninterface ToastRegionProps<T extends ToastContent = ToastContent> extends AriaToastRegionProps {\n placement: \"center\" | \"left\";\n state: ToastState<T>;\n}\n\nfunction Region<T extends ToastContent>({ placement, state, ...props }: ToastRegionProps<T>) {\n let ref = React.useRef(null);\n let { regionProps } = useToastRegion(props, state, ref);\n\n return (\n <div\n className={clsx(\"jkl\", \"jkl-toast-region\", {\n \"jkl-toast-region--left\": placement === \"left\",\n })}\n >\n <div {...regionProps} ref={ref} className=\"jkl-toast-region__toasts\">\n {[...state.visibleToasts].reverse().map((toast) => (\n <Toast key={toast.key} toast={toast} state={state} />\n ))}\n </div>\n </div>\n );\n}\n\nexport function ToastRegion({ queue, placement }: { queue: ToastQueue<ToastContent>; placement: \"center\" | \"left\" }) {\n const state = useToastQueue<ToastContent>(queue);\n return state.visibleToasts.length > 0\n ? ReactDOM.createPortal(<Region state={state} placement={placement} />, document.body)\n : null;\n}\n"],"names":["Region","placement","state","props","ref","React","useRef","regionProps","useToastRegion","jsx","className","clsx","children","visibleToasts","reverse","map","toast","Toast","key","ToastRegion","queue","useToastQueue","length","ReactDOM","createPortal","document","body"],"mappings":"+QAaA,SAASA,GAAiCC,UAAAA,EAAWC,MAAAA,KAAUC,IACvD,IAAAC,EAAMC,EAAMC,OAAO,OACjBC,YAAAA,GAAgBC,EAAeL,EAAOD,EAAOE,GAG/C,OAAAK,EAAC,MAAA,CACGC,UAAWC,EAAK,MAAO,mBAAoB,CACvC,yBAAwC,SAAdV,IAG9BW,SAAAH,EAAC,MAAK,IAAGF,EAAaH,IAAAA,EAAUM,UAAU,2BACrCE,SAAA,IAAIV,EAAMW,eAAeC,UAAUC,KAAKC,GACpCP,EAAAQ,EAAA,CAAsBD,MAAAA,EAAcd,MAAAA,GAAzBc,EAAME,UAKtC,CAEO,SAASC,GAAcC,MAAAA,EAAOnB,UAAAA,IAC3BC,MAAAA,EAAQmB,EAA4BD,GAC1C,OAAOlB,EAAMW,cAAcS,OAAS,EAC9BC,EAASC,aAAcf,EAAAT,EAAA,CAAOE,MAAAA,EAAcD,UAAAA,IAA0BwB,SAASC,MAC/E,IACV"}

package/build/es/components/toast/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{ToastProvider as s,useToast as o}from"./toastContext.js";export{s as ToastProvider,o as useToast};
2	+ //# sourceMappingURL=index.js.map

package/build/es/components/toast/index.js.map ADDED Viewed

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

package/build/es/components/toast/toastContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{ToastQueue as o}from"@react-stately/toast";import{createContext as s,useContext as a,useState as i}from"react";import{ToastRegion as r}from"./ToastRegion.js";const n=s({add:()=>"missing-provider"}),m=()=>a(n),u=({children:s,maxVisibleToasts:a=5,placement:m="center"})=>{const[u]=i(new o({maxVisibleToasts:a,hasExitAnimation:!0}));return t(n.Provider,{value:{add:(t,e)=>{let o=5e3;return"number"==typeof(null==e?void 0:e.timeout)?o=e.timeout:(null===(null==e?void 0:e.timeout)\|\|"off"===(null==e?void 0:e.timeout))&&(o=void 0),u.add(t,{...e,timeout:o})}},children:[s,e(r,{queue:u,placement:m})]})};export{u as ToastProvider,m as useToast};
2	+ //# sourceMappingURL=toastContext.js.map

package/build/es/components/toast/toastContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"toastContext.js","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 \"../..\";\nimport { ToastRegion } from \"./ToastRegion\";\nimport { ToastContent, ToastOptions } from \"./types\";\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(new ToastQueue<ToastContent>({ maxVisibleToasts, hasExitAnimation: true }));\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 (options?.timeout === null || options?.timeout === \"off\") {\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","useToast","useContext","ToastProvider","children","maxVisibleToasts","placement","queue","useState","ToastQueue","hasExitAnimation","jsxs","Provider","value","toast","options","timeout","jsx","ToastRegion"],"mappings":"uNAkBA,MAAMA,EAAUC,EAA4B,CACxCC,IAAK,IACM,qBAIFC,EAAW,IAAoBC,EAAWJ,GAE1CK,EAA+C,EACxDC,SAAAA,EACAC,iBAAAA,EAAmB,EACnBC,UAAAA,EAAY,aAEN,MAACC,GAASC,EAAS,IAAIC,EAAyB,CAAEJ,iBAAAA,EAAkBK,kBAAkB,KAGxF,OAAAC,EAACb,EAAQc,SAAR,CACGC,MAAO,CACHb,IAAK,CAACc,EAAqBC,KACvB,IAAIC,EAA8B,IAE9B,MAA4B,iBAArB,MAAAD,OAAAA,EAAAA,EAASC,SAChBA,EAAUD,EAAQC,SACU,QAArB,MAAAD,OAAA,EAAAA,EAASC,UAAyC,SAArB,MAAAD,OAAA,EAAAA,EAASC,YACnCA,OAAA,GAGPT,EAAMP,IAAIc,EAAO,IACjBC,EACHC,QAAAA,GACH,GAIRZ,SAAA,CAAAA,EACDa,EAACC,EAAY,CAAAX,MAAAA,EAAcD,UAAAA,MAAsB"}

package/build/es/components/toast/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ //# sourceMappingURL=types.js.map

package/build/es/components/toast/types.js.map ADDED Viewed

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

package/build/es/components/toggle-switch/ToggleSlider.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as e,jsx as l}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import{useState as r,useRef as o,Fragment as i}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as a}from"../../hooks/useId/useId.js";import{useSwipeGesture as t}from"../../hooks/useSwipeGesture/useSwipeGesture.js";import{usePillStyles as d}from"./usePillStyles.js";const n=({children:n,labels:g,className:c="",onToggle:u,defaultValue:m,hideLegend:p=!1,density:j,...k})=>{const[h,_]=r(m\|\|g[0]),f=a("jkl-toggle-slider"),N=a("jkl-toggle-slider-legend"),S=o(null),b=h===g[1],y=d(S,b,[j]),{gestureHandlers:v}=t({onClick:e=>{const{value:l}=e.currentTarget;_(l),u(l)},onChange:(e,l)=>{_(l?g[1]:g[0]),u(l?g[1]:g[0])}}),{onClick:x,...C}=v;return"production"!==process.env.NODE_ENV&&console.error("WARNING: ToggleSlider component has been deprecated and will be removed in some future version of the library"),e("fieldset",{...k,className:s("jkl-toggle-slider",c),"aria-labelledby":N,"data-testid":"jkl-toggle-slider","data-density":j,children:[l("div",{id:N,className:s("jkl-toggle-slider__legend",{"jkl-toggle-slider__legend--sr-only":p}),children:n}),e("div",{className:"jkl-toggle-slider__inputs",...C,children:[g.map((r=>e(i,{children:[l("input",{className:"jkl-toggle-slider__input",type:"radio",value:r,checked:r===h,name:f,id:`${r}-${f}`,onClick:x,onChange:()=>{}}),l("label",{className:s("jkl-toggle-slider__label",{"jkl-toggle-slider__label--selected":r===h}),ref:r===h?S:void 0,htmlFor:`${r}-${f}`,children:r})]},r))),l("span",{className:"jkl-toggle-slider__pill",style:y,"aria-hidden":!0})]})]})};export{n as ToggleSlider};
2	+ //# sourceMappingURL=ToggleSlider.js.map

package/build/es/components/toggle-switch/ToggleSlider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToggleSlider.js","sources":["../../../../src/components/toggle-switch/ToggleSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState, Fragment, useRef, FC, MouseEventHandler } from \"react\";\nimport { Density, WithChildren } from \"../..\";\nimport { useId, useSwipeGesture } from \"../../hooks\";\nimport { type ToggleChangeHandler } from \"./ToggleSwitch\";\nimport { usePillStyles } from \"./usePillStyles\";\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>({ onClick: handleClick, onChange: handleChange });\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\": label === currentLabel,\n })}\n ref={label === currentLabel ? activeRef : undefined}\n htmlFor={`${label}-${id}`}\n >\n {label}\n </label>\n </Fragment>\n ))}\n <span className=\"jkl-toggle-slider__pill\" style={pillStyles} aria-hidden />\n </div>\n </fieldset>\n );\n};\n"],"names":["ToggleSlider","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":"6XAgBO,MAAMA,EAA0B,EACnCC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EAAY,GACZC,SAAAA,EACAC,aAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,KACGC,MAEG,MAACC,EAAcC,GAAmBC,EAASN,GAAgBH,EAAO,IAClEU,EAAKC,EAAM,qBACXC,EAAWD,EAAM,4BACjBE,EAAYC,EAAyB,MAErCC,EAAkBR,IAAiBP,EAAO,GAC1CgB,EAAaC,EAAcJ,EAAWE,EAAiB,CAACV,KAatDa,gBAAAA,GAAoBC,EAAgC,CAAEC,QANJC,IAChD,MAAEC,MAAAA,GAAUD,EAAME,cACxBf,EAAgBc,GAChBpB,EAASoB,EAAK,EAGkEE,SAX7B,CAACC,EAAGC,KACvDlB,EAAgBkB,EAAU1B,EAAO,GAAKA,EAAO,IAC7CE,EAASwB,EAAU1B,EAAO,GAAKA,EAAO,GAAE,KAUpCoB,QAAAA,KAAYO,GAAkBT,EAElC,MAAyB,eAAzBU,QAAQC,IAAIC,UACJC,QAAAC,MACJ,iHAKJC,EAAC,WAAA,IACO3B,EACJL,UAAWiC,EAAK,oBAAqBjC,GACrC,kBAAiBW,EACjB,cAAY,oBACZ,eAAcP,EAEdN,SAAA,CAAAoC,EAAC,MAAA,CACGzB,GAAIE,EACJX,UAAWiC,EAAK,4BAA6B,CACzC,qCAAsC9B,IAGzCL,SAAAA,IAEJkC,EAAA,MAAA,CAAIhC,UAAU,+BAAgC0B,EAC1C5B,SAAA,CAAAC,EAAOoC,KAAKC,GACTJ,EAACK,EACG,CAAAvC,SAAA,CAAAoC,EAAC,QAAA,CACGlC,UAAU,2BACVsC,KAAK,QACLjB,MAAOe,EACPG,QAASH,IAAU9B,EACnBkC,KAAM/B,EACNA,GAAI,GAAG2B,KAAS3B,IAChBU,QAAAA,EACAI,SAAU,SAEdW,EAAC,QAAA,CACGlC,UAAWiC,EAAK,2BAA4B,CACxC,qCAAsCG,IAAU9B,IAEpDmC,IAAKL,IAAU9B,EAAeM,OAAY,EAC1C8B,QAAS,GAAGN,KAAS3B,IAEpBX,SAAAsC,MAlBMA,OAsBlB,OAAK,CAAApC,UAAU,0BAA0B2C,MAAO5B,EAAY,eAAW,SAC5E"}

package/build/es/components/toggle-switch/ToggleSwitch.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import s,{forwardRef as c}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as r}from"../../hooks/useId/useId.js";import{useSwipeGesture as e}from"../../hooks/useSwipeGesture/useSwipeGesture.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import{CheckIcon as t}from"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";const m=c((({"aria-pressed":c=!1,children:m,className:a,density:p,id:j,onChange:l,...d},I)=>{const h=r(j\|\|"jkl-toggle-switch",{generateSuffix:!j}),[g,u]=s.useState(c);s.useEffect((()=>{u(c)}),[c]);const{onClick:w,onPointerCancel:C,onPointerDown:f,onPointerMove:k,onPointerUp:v,...P}=d,{gestureHandlers:S}=e({onClick:o=>{u(!g),null==l\|\|l(o,!g),null==w\|\|w(o)},onChange:(o,n)=>{n!==g&&(u(n),null==l\|\|l(o,n))},onPointerCancel:C,onPointerDown:f,onPointerMove:k,onPointerUp:v});return o("button",{className:i("jkl-toggle-switch",a),id:h,ref:I,"aria-pressed":g,"data-density":p,...P,...P.disabled?{}:S,children:[m,n("div",{"aria-hidden":!0,className:"jkl-toggle-switch-widget",children:o("div",{className:"jkl-toggle-switch-widget__slider",children:[n("div",{className:"jkl-toggle-switch-widget__knob"}),n(t,{variant:"small",bold:!0,className:"jkl-toggle-switch-widget__indicator"})]})})]})}));m.displayName="ToggleSwitch";export{m as ToggleSwitch};
2	+ //# sourceMappingURL=ToggleSwitch.js.map

package/build/es/components/toggle-switch/ToggleSwitch.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToggleSwitch.js","sources":["../../../../src/components/toggle-switch/ToggleSwitch.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ButtonHTMLAttributes, type MouseEventHandler, forwardRef } from \"react\";\nimport { Density } from \"../..\";\nimport { useId, useSwipeGesture, type SwipeChangeHandler } from \"../../hooks\";\nimport { CheckIcon } from \"../icon\";\n\nexport type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;\n\nexport type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> & {\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 ({ \"aria-pressed\": ariaPressed = false, children, className, density, id, onChange, ...rest }, ref) => {\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 { onClick, onPointerCancel, onPointerDown, onPointerMove, onPointerUp, ...buttonProps } = 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> = (event, toggleTo) => {\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 variant=\"small\" bold className=\"jkl-toggle-switch-widget__indicator\" />\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":"4oDAuBO,MAAMA,EAAeC,GACxB,EAAG,eAAgBC,GAAc,EAAOC,SAAAA,EAAUC,UAAAA,EAAWC,QAAAA,EAASC,GAAAA,EAAIC,SAAAA,KAAaC,GAAQC,KACrF,MAAAC,EAAMC,EAAML,GAAM,oBAAqB,CAAEM,gBAAiBN,KACzDO,EAASC,GAAcC,EAAMC,SAASd,GAC7Ca,EAAME,WAAU,KACZH,EAAWZ,EAAW,GACvB,CAACA,IAEE,MAAEgB,QAAAA,EAASC,gBAAAA,EAAiBC,cAAAA,EAAeC,cAAAA,EAAeC,YAAAA,KAAgBC,GAAgBf,GAexFgB,gBAAAA,GAAoBC,EAAgB,CACxCP,QAduDQ,IACvDZ,GAAYD,GACD,MAAAN,GAAAA,EAAAmB,GAAQb,GACnB,MAAAK,GAAAA,EAAUQ,EAAAA,EAYVnB,SATyD,CAACmB,EAAOC,KAC7DA,IAAad,IACbC,EAAWa,GACX,MAAApB,GAAAA,EAAWmB,EAAOC,GAAAA,EAOtBR,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAM,EAAC,SAAA,CACGxB,UAAWyB,EAAK,oBAAqBzB,GACrCE,GAAII,EACJD,IAAAA,EACA,eAAcI,EACd,eAAcR,KACVkB,KACCA,EAAYO,SAAW,CAAA,EAAKN,EAEhCrB,SAAA,CAAAA,EACD4B,EAAC,OAAI,eAAW,EAAC3B,UAAU,2BACvBD,SAAAyB,EAAC,MAAI,CAAAxB,UAAU,mCACXD,SAAA,CAAC4B,EAAA,MAAA,CAAI3B,UAAU,qCACd4B,EAAU,CAAAC,QAAQ,QAAQC,MAAI,EAAC9B,UAAU,+CAElD,IAKhBJ,EAAamC,YAAc"}

package/build/es/components/toggle-switch/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{ToggleSwitch as g}from"./ToggleSwitch.js";import{ToggleSlider as o}from"./ToggleSlider.js";export{o as ToggleSlider,g as ToggleSwitch};
2	+ //# sourceMappingURL=index.js.map

package/build/es/components/toggle-switch/index.js.map ADDED Viewed

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

package/build/es/components/toggle-switch/usePillStyles.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useState as e,useCallback as t,useMemo as n,useEffect as r}from"react";const i=(i,s,o)=>{const[u,c]=e(0),[a,l]=e(0),d=t((()=>{if(i.current&&i.current.parentElement){c(i.current.clientWidth);const e=s?i.current.parentElement.clientWidth-i.current.clientWidth:0;l(e)}}),[i,s,...o]),w=n((()=>function(e){let t=!1;return(...n)=>{if(t)return;const r=e(...n);return t=!0,window.setTimeout((()=>{t=!1}),200),r}}(d)),[d]);return r((()=>(d(),typeof window<"u"&&window.addEventListener("resize",w),()=>{typeof window<"u"&&window.removeEventListener("resize",w)})),[d,w]),{width:u,transform:`translateX(${a}px)`}};export{i as usePillStyles};
2	+ //# sourceMappingURL=usePillStyles.js.map

package/build/es/components/toggle-switch/usePillStyles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"usePillStyles.js","sources":["../../../../src/components/toggle-switch/usePillStyles.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useMemo, useState } from \"react\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction throttle<R, A extends any[]>(fn: (...args: A) => R) {\n let wait = false;\n\n return (...args: A) => {\n if (wait) return undefined;\n\n const result = fn(...args);\n\n wait = true;\n window.setTimeout(() => {\n wait = false;\n }, 200);\n\n return result;\n };\n}\n\nexport const usePillStyles = (ref: RefObject<HTMLLabelElement>, shouldTransform: boolean, dependencies: unknown[]) => {\n const [width, setWidth] = useState(0);\n const [distance, setDistance] = useState(0);\n\n const setStyles = useCallback(() => {\n if (ref.current && ref.current.parentElement) {\n setWidth(ref.current.clientWidth);\n\n const translateDistance = shouldTransform\n ? ref.current.parentElement.clientWidth - ref.current.clientWidth\n : 0;\n\n setDistance(translateDistance);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref, shouldTransform, ...dependencies]);\n\n const throttledSetStyles = useMemo(() => throttle(setStyles), [setStyles]);\n\n useEffect(() => {\n setStyles();\n typeof window !== \"undefined\" && window.addEventListener(\"resize\", throttledSetStyles);\n return () => {\n typeof window !== \"undefined\" && window.removeEventListener(\"resize\", throttledSetStyles);\n };\n }, [setStyles, throttledSetStyles]);\n\n return {\n width,\n transform: `translateX(${distance}px)`,\n };\n};\n"],"names":["usePillStyles","ref","shouldTransform","dependencies","width","setWidth","useState","distance","setDistance","setStyles","useCallback","current","parentElement","clientWidth","translateDistance","throttledSetStyles","useMemo","fn","wait","args","result","window","setTimeout","throttle","useEffect","addEventListener","removeEventListener","transform"],"mappings":"8EAoBO,MAAMA,EAAgB,CAACC,EAAkCC,EAA0BC,KACtF,MAAOC,EAAOC,GAAYC,EAAS,IAC5BC,EAAUC,GAAeF,EAAS,GAEnCG,EAAYC,GAAY,KAC1B,GAAIT,EAAIU,SAAWV,EAAIU,QAAQC,cAAe,CACjCP,EAAAJ,EAAIU,QAAQE,aAEfC,MAAAA,EAAoBZ,EACpBD,EAAIU,QAAQC,cAAcC,YAAcZ,EAAIU,QAAQE,YACpD,EAENL,EAAYM,EAChB,IAED,CAACb,EAAKC,KAAoBC,IAEvBY,EAAqBC,GAAQ,IAlCvC,SAAsCC,GAClC,IAAIC,GAAO,EAEX,MAAO,IAAIC,KACP,GAAID,EAAa,OAEXE,MAAAA,EAASH,KAAME,GAEd,OAAAD,GAAA,EACPG,OAAOC,YAAW,KACPJ,GAAA,CAAA,GACR,KAEIE,CAAAA,CAEf,CAmB6CG,CAASd,IAAY,CAACA,IAE/D,OAAAe,GAAU,KACIf,WACHY,OAAW,KAAeA,OAAOI,iBAAiB,SAAUV,GAC5D,YACIM,OAAW,KAAeA,OAAOK,oBAAoB,SAAUX,EAAkB,IAE7F,CAACN,EAAWM,IAER,CACHX,MAAAA,EACAuB,UAAW,cAAcpB,OAAQ"}

package/build/es/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{AccordionItem as o}from"./components/accordion/AccordionItem.js";import{Accordion as s}from"./components/accordion/Accordion.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as c}from"./components/card/CardImage.js";import{InfoBlock as p,NavCard as u}from"./components/card/NavCard.js";import{TaskCard as l}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as I,getComboboxValuePair as g}from"./components/combobox/Combobox.js";import{CookieConsent as j}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as k,useCookieConsent as h}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as S,isWithinUpperBound as T}from"./components/datepicker/validation.js";import{dayMonthYearRegex as A,formatInput as b,isBlurTargetOutside as M,parseDateString as v}from"./components/datepicker/utils.js";import{DatePicker as L}from"./components/datepicker/DatePicker.js";import{Feedback as E}from"./components/feedback/Feedback.js";import{PRESETS as R}from"./components/feedback/presets.js";import{Icon as B}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as V}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as w}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as N}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as O}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as P}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as x}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as D}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as G}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as y}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as F}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as W}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as U}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as H}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as K}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as X}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as _}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as z}from"./components/icon/icons/DotsIcon.js";import{DragIcon as Q}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as J}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as Y}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as q}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as Z}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as $}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as oo}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as so}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as eo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as ao}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as to}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as ro}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as no}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as io}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as mo}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as co}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as po}from"./components/icon/icons/PenIcon.js";import{IconButton as uo}from"./components/icon-button/IconButton.js";import{Image as lo}from"./components/image/Image.js";import{FieldGroup as fo}from"./components/input-group/FieldGroup.js";import{InputGroup as Io}from"./components/input-group/InputGroup.js";import{Label as go}from"./components/input-group/Label.js";import{SupportLabel as jo}from"./components/input-group/SupportLabel.js";import{Link as ko}from"./components/link/Link.js";import{NavLink as ho}from"./components/link/NavLink.js";import{LinkList as Co}from"./components/link-list/LinkList.js";import{List as So,OrderedList as To,UnorderedList as Ao}from"./components/list/List.js";import{CheckListItem as bo,CrossListItem as Mo,ListItem as vo}from"./components/list/ListItem.js";import{Loader as Lo}from"./components/loader/Loader.js";import{SkeletonAnimation as Eo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Ro}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Bo}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Vo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as wo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as No}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Oo,SkeletonTableHeader as Po,SkeletonTableRow as xo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Do}from"./components/loader/skeletons/SkeletonTextArea.js";import{ErrorMessage as Go,InfoMessage as yo,SuccessMessage as Fo,WarningMessage as Wo}from"./components/message/Message.js";import{FormErrorMessage as Uo}from"./components/message/FormErrorMessage.js";import{Modal as Ho,ModalActions as Ko,ModalBody as Xo,ModalCloseButton as _o,ModalContainer as zo,ModalHeader as Qo,ModalOverlay as Jo,ModalTitle as Yo}from"./components/modal/Modal.js";import{useModal as qo}from"./components/modal/useModal.js";import{default as Zo}from"./components/popover/Popover.js";import{RadioButton as $o}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as os}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as ss}from"./components/radio-button/BaseRadioButton.js";import{N as es,S as as}from"../NativeSelect-CfNZEQF0.js";import{ErrorTag as ts,InfoTag as rs,SuccessTag as ns,Tag as is,WarningTag as ms}from"./components/tag/Tag.js";import{BaseTextArea as cs}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as ps}from"./components/text-input/BaseTextInput.js";import{TextArea as us}from"./components/text-input/TextArea.js";import{TextInput as ls}from"./components/text-input/TextInput.js";import{Tooltip as ds}from"./components/tooltip/Tooltip.js";import{TooltipContent as fs}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Is}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as gs}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as js}from"./components/ScreenReaderOnly.js";import{default as ks}from"./core/tokens.js";import{useAnimatedDetails as hs}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as Cs}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as Ss}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Ts}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as As}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as bs}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Ms}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as vs}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Ls}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Es}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Rs}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Bs}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Vs}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as ws}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ns}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Os}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Ps}from"./hooks/useId/useId.js";import{useKeyListener as xs}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Ds}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Gs}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as ys}from"../index-DfvUcA5T.js";import{formatNumber as Fs}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ws}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Us,registerWithKontonummerMask as Hs,registerWithKortnummerMask as Ks,registerWithMasks as Xs,registerWithTelefonnummerMask as _s}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as zs}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Qs}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Js}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as Ys,formatFodselsnummer as qs}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as Zs,formatOrganisasjonsnummer as $s}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as oe,formatKontonummer as se}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ee,formatKortnummer as ae}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as te,formatTelefonnummer as re}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ne}from"./utilities/formatters/valuta/formatValuta.js";import{mergeProps as ie}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as me}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ce}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as pe}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ue}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as le}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as de}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as fe}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as Ie}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as ge}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as je}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as ke}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as he}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as Ce}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as Se}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Te}from"./utilities/tabListener.js";import{getValuePair as Ae}from"./utilities/valuePair.js";export{s as Accordion,o as AccordionItem,O as ArrowDownIcon,w as ArrowHorizontalAnimated,P as ArrowLeftIcon,x as ArrowNorthEastIcon,D as ArrowRightIcon,G as ArrowUpIcon,V as ArrowVerticalAnimated,ss as BaseRadioButton,cs as BaseTextArea,ps as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,y as CalendarIcon,m as Card,c as CardImage,F as CheckIcon,bo as CheckListItem,f as Checkbox,W as ChevronDownIcon,U as ChevronLeftIcon,H as ChevronRightIcon,K as ChevronUpIcon,X as CloseIcon,I as Combobox,j as CookieConsent,k as CookieConsentProvider,_ as CopyIcon,Mo as CrossListItem,L as DatePicker,z as DotsIcon,Q as DragIcon,J as ErrorIcon,Go as ErrorMessage,ts as ErrorTag,Ys as FODSELSNUMMER_REGEX,E as Feedback,fo as FieldGroup,Uo as FormErrorMessage,Y as GreenCheckIcon,q as HamburgerIcon,B as Icon,uo as IconButton,lo as Image,p as InfoBlock,d as InfoCard,Z as InfoIcon,yo as InfoMessage,rs as InfoTag,Io as InputGroup,oe as KONTONUMMER_REGEX,ee as KORTNUMMER_REGEX,go as Label,ko as Link,$ as LinkIcon,Co as LinkList,So as List,vo as ListItem,Lo as Loader,no as MinusIcon,Ho as Modal,Ko as ModalActions,Xo as ModalBody,_o as ModalCloseButton,zo as ModalContainer,Qo as ModalHeader,Jo as ModalOverlay,Yo as ModalTitle,es as NativeSelect,u as NavCard,ho as NavLink,Zs as ORGANISASJONSNUMMER_REGEX,To as OrderedList,R as PRESETS,po as PenIcon,oo as PlusIcon,N as PlusRemoveAnimated,Zo as Popover,gs as PopupTip,r as PrimaryButton,so as QuestionIcon,$o as RadioButton,os as RadioButtonGroup,eo as RedCrossIcon,js as ScreenReaderOnly,ao as SearchIcon,n as SecondaryButton,as as Select,Eo as SkeletonAnimation,Ro as SkeletonButton,Bo as SkeletonCheckboxGroup,Vo as SkeletonElement,wo as SkeletonInput,No as SkeletonRadioButtonGroup,Oo as SkeletonTable,Po as SkeletonTableHeader,xo as SkeletonTableRow,Do as SkeletonTextArea,ce as SlotComponent,to as SuccessIcon,Fo as SuccessMessage,ns as SuccessTag,jo as SupportLabel,te as TELEFONNUMMER_REGEX,is as Tag,l as TaskCard,i as TertiaryButton,us as TextArea,ls as TextInput,io as ThumbDownIcon,mo as ThumbUpIcon,ds as Tooltip,fs as TooltipContent,Is as TooltipTrigger,co as TrashCanIcon,Ao as UnorderedList,ro as WarningIcon,Wo as WarningMessage,ms as WarningTag,A as dayMonthYearRegex,zs as formatAvstand,Qs as formatBytes,Js as formatDate,qs as formatFodselsnummer,b as formatInput,se as formatKontonummer,ae as formatKortnummer,Fs as formatNumber,$s as formatOrganisasjonsnummer,re as formatTelefonnummer,ne as formatValuta,g as getComboboxValuePair,Ae as getValuePair,Ce as hasMinimumWords,Se as hasNoIllegalCharacters,Te as initTabListener,M as isBlurTargetOutside,C as isCorrectFormat,Ie as isExactLength,ge as isInteger,de as isValidChassisnummer,fe as isValidDogId,pe as isValidEpost,je as isValidFodselsnummer,he as isValidName,ke as isValidOrganisasjonsnummer,le as isValidRegistreringsnummer,ue as isValidTelefonnummer,S as isWithinLowerBound,T as isWithinUpperBound,ie as mergeProps,me as mergeRefs,v as parseDateString,Ws as parseNumber,Us as registerWithFodselsnummerMask,Hs as registerWithKontonummerMask,Ks as registerWithKortnummerMask,Xs as registerWithMasks,_s as registerWithTelefonnummerMask,ks as tokens,ys as unicode,hs as useAnimatedDetails,Cs as useAnimatedHeight,Ss as useAnimatedHeightBetween,Vs as useAriaLiveRegion,Ts as useAutoAnimatedHeight,As as useBrowserPreferences,ws as useClickOutside,h as useCookieConsent,Os as useElementDimensions,Ns as useFocusOutside,Ps as useId,bs as useIntersectionObserver,xs as useKeyListener,Ds as useListNavigation,Ms as useLocalStorage,qo as useModal,vs as useMutationObserver,Ls as usePreviousValue,Es as useProgressiveImg,Rs as useScreen,Bs as useScrollIntoView,Gs as useSwipeGesture};
+import{AccordionItem as o}from"./components/accordion/AccordionItem.js";import{Accordion as s}from"./components/accordion/Accordion.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as k,isWithinLowerBound as h,isWithinUpperBound as C}from"./components/datepicker/validation.js";import{dayMonthYearRegex as S,formatInput as v,isBlurTargetOutside as L,parseDateString as M}from"./components/datepicker/utils.js";import{DatePicker as A}from"./components/datepicker/DatePicker.js";import{Feedback as E}from"./components/feedback/Feedback.js";import{PRESETS as R}from"./components/feedback/presets.js";import{DescriptionDetail as B,DescriptionList as w,DescriptionTerm as x}from"./components/description-list/DescriptionList.js";import{a as F,b as N,E as P,N as V,S as D,T as y}from"../ExpandableTableRow-BJSqC_Jo.js";import{ExpandSection as O}from"./components/expander/ExpandSection.js";import{Icon as G}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as H}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as W}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as U}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as K}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as X}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as _}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as z}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as Q}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as J}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as Y}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as q}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as Z}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as $}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as oo}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as so}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as eo}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as ao}from"./components/icon/icons/DotsIcon.js";import{DragIcon as to}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as ro}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as no}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as io}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as mo}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as po}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as co}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as lo}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as uo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as fo}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as go}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as jo}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as bo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as Io}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as To}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as ko}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as ho}from"./components/icon/icons/PenIcon.js";import{IconButton as Co}from"./components/icon-button/IconButton.js";import{Image as So}from"./components/image/Image.js";import{FieldGroup as vo}from"./components/input-group/FieldGroup.js";import{InputGroup as Lo}from"./components/input-group/InputGroup.js";import{Label as Mo}from"./components/input-group/Label.js";import{SupportLabel as Ao}from"./components/input-group/SupportLabel.js";import{Link as Eo}from"./components/link/Link.js";import{NavLink as Ro}from"./components/link/NavLink.js";import{LinkList as Bo}from"./components/link-list/LinkList.js";import{List as wo,OrderedList as xo,UnorderedList as Fo}from"./components/list/List.js";import{CheckListItem as No,CrossListItem as Po,ListItem as Vo}from"./components/list/ListItem.js";import{Loader as Do}from"./components/loader/Loader.js";import{SkeletonAnimation as yo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Oo}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Go}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Ho}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Wo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Uo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Ko,SkeletonTableHeader as Xo,SkeletonTableRow as _o}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as zo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as Qo}from"./components/logo/Logo.js";import{LogoStamp as Jo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Yo}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as qo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Zo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as $o}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as os}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as ss}from"./components/logo/text-paths/VartForsikringsselskap.js";import{ErrorMessage as es,InfoMessage as as,SuccessMessage as ts,WarningMessage as rs}from"./components/message/Message.js";import{FormErrorMessage as ns}from"./components/message/FormErrorMessage.js";import{Modal as is,ModalActions as ms,ModalBody as ps,ModalCloseButton as cs,ModalContainer as ls,ModalHeader as us,ModalOverlay as ds,ModalTitle as fs}from"./components/modal/Modal.js";import{useModal as gs}from"./components/modal/useModal.js";import{default as js}from"./components/popover/Popover.js";import{Countdown as bs}from"./components/progress-bar/Countdown.js";import{ProgressBar as Is}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Ts}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as ks}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as hs}from"./components/radio-button/BaseRadioButton.js";import{SummaryTable as Cs}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as Ss}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as vs,InfoSystemMessage as Ls,SuccessSystemMessage as Ms,WarningSystemMessage as As}from"./components/system-message/SystemMessage.js";import{DataTable as Es}from"./components/table/DataTable.js";import{Table as Rs}from"./components/table/Table.js";import{TableBody as Bs}from"./components/table/TableBody.js";import{TableCaption as ws}from"./components/table/TableCaption.js";import{TableCell as xs}from"./components/table/TableCell.js";import{TableColumn as Fs}from"./components/table/TableColumn.js";import{TableColumnGroup as Ns}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Ps,useTableContext as Vs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Ds,useTableSectionContext as ys}from"./components/table/tableSectionContext.js";import{TableFooter as Os}from"./components/table/TableFooter.js";import{TableHead as Gs}from"./components/table/TableHead.js";import{TableHeader as Hs}from"./components/table/TableHeader.js";import{TableRow as Ws}from"./components/table/TableRow.js";import{useSortableTableHeader as Us}from"./components/table/utils.js";import{NavTab as Ks}from"./components/tabs/NavTab.js";import{NavTabs as Xs}from"./components/tabs/NavTabs.js";import{Tabs as _s}from"./components/tabs/Tabs.js";import{TabList as zs}from"./components/tabs/TabList.js";import{Tab as Qs}from"./components/tabs/Tab.js";import{TabPanel as Js}from"./components/tabs/TabPanel.js";import{ErrorTag as Ys,InfoTag as qs,SuccessTag as Zs,Tag as $s,WarningTag as oe}from"./components/tag/Tag.js";import{BaseTextArea as se}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as ee}from"./components/text-input/BaseTextInput.js";import{TextArea as ae}from"./components/text-input/TextArea.js";import{TextInput as te}from"./components/text-input/TextInput.js";import{ToastProvider as re,useToast as ne}from"./components/toast/toastContext.js";import{ToggleSwitch as ie}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as me}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as pe}from"./components/tooltip/Tooltip.js";import{TooltipContent as ce}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as le}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as ue}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as de}from"./components/ScreenReaderOnly.js";import{default as fe}from"./core/tokens.js";import{useAnimatedDetails as ge}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as je}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as be}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Ie}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Te}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as ke}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as he}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as Ce}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Se}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as ve}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Le}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Me}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Ae}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as Ee}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Re}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Be}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as we}from"./hooks/useId/useId.js";import{useKeyListener as xe}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Fe}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Ne}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Pe}from"../index-DfvUcA5T.js";import{formatNumber as Ve}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as De}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as ye,registerWithKontonummerMask as Oe,registerWithKortnummerMask as Ge,registerWithMasks as He,registerWithTelefonnummerMask as We}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Ue}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Ke}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Xe}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as _e,formatFodselsnummer as ze}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as Qe,formatOrganisasjonsnummer as Je}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as Ye,formatKontonummer as qe}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as Ze,formatKortnummer as $e}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as oa,formatTelefonnummer as sa}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ea}from"./utilities/formatters/valuta/formatValuta.js";import{mergeProps as aa}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as ta}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ra}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as na}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ia}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as ma}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as pa}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as ca}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as la}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as ua}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as da}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as fa}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as ga}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as ja}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as ba}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Ia}from"./utilities/tabListener.js";import{getValuePair as Ta}from"./utilities/valuePair.js";export{s as Accordion,o as AccordionItem,K as ArrowDownIcon,W as ArrowHorizontalAnimated,X as ArrowLeftIcon,_ as ArrowNorthEastIcon,z as ArrowRightIcon,Q as ArrowUpIcon,H as ArrowVerticalAnimated,hs as BaseRadioButton,se as BaseTextArea,ee as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,J as CalendarIcon,m as Card,p as CardImage,Y as CheckIcon,No as CheckListItem,f as Checkbox,q as ChevronDownIcon,Z as ChevronLeftIcon,$ as ChevronRightIcon,oo as ChevronUpIcon,so as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,eo as CopyIcon,bs as Countdown,Po as CrossListItem,Es as DataTable,A as DatePicker,B as DescriptionDetail,w as DescriptionList,x as DescriptionTerm,ao as DotsIcon,to as DragIcon,ro as ErrorIcon,es as ErrorMessage,vs as ErrorSystemMessage,Ys as ErrorTag,O as ExpandSection,F as ExpandableTableRow,N as ExpandableTableRowController,P as Expander,_e as FODSELSNUMMER_REGEX,E as Feedback,vo as FieldGroup,ns as FormErrorMessage,Yo as ForsikringLevertAvFremtind,qo as FraSB1ogDNB,no as GreenCheckIcon,io as HamburgerIcon,G as Icon,Co as IconButton,So as Image,c as InfoBlock,d as InfoCard,mo as InfoIcon,as as InfoMessage,Ls as InfoSystemMessage,qs as InfoTag,Zo as InnovasjonFraFremtind,Lo as InputGroup,Ye as KONTONUMMER_REGEX,Ze as KORTNUMMER_REGEX,Mo as Label,Eo as Link,po as LinkIcon,Bo as LinkList,wo as List,Vo as ListItem,Do as Loader,Qo as Logo,Jo as LogoStamp,bo as MinusIcon,is as Modal,ms as ModalActions,ps as ModalBody,cs as ModalCloseButton,ls as ModalContainer,us as ModalHeader,ds as ModalOverlay,fs as ModalTitle,V as NativeSelect,l as NavCard,Ro as NavLink,Ks as NavTab,Xs as NavTabs,Qe as ORGANISASJONSNUMMER_REGEX,xo as OrderedList,R as PRESETS,ho as PenIcon,co as PlusIcon,U as PlusRemoveAnimated,js as Popover,ue as PopupTip,r as PrimaryButton,Is as ProgressBar,lo as QuestionIcon,Ts as RadioButton,ks as RadioButtonGroup,uo as RedCrossIcon,de as ScreenReaderOnly,fo as SearchIcon,n as SecondaryButton,D as Select,yo as SkeletonAnimation,Oo as SkeletonButton,Go as SkeletonCheckboxGroup,Ho as SkeletonElement,Wo as SkeletonInput,Uo as SkeletonRadioButtonGroup,Ko as SkeletonTable,Xo as SkeletonTableHeader,_o as SkeletonTableRow,zo as SkeletonTextArea,ra as SlotComponent,go as SuccessIcon,ts as SuccessMessage,Ms as SuccessSystemMessage,Zs as SuccessTag,Cs as SummaryTable,Ss as SummaryTableRow,Ao as SupportLabel,oa as TELEFONNUMMER_REGEX,Qs as Tab,zs as TabList,Js as TabPanel,Rs as Table,Bs as TableBody,ws as TableCaption,xs as TableCell,Fs as TableColumn,Ns as TableColumnGroup,Ps as TableContextProvider,Os as TableFooter,Gs as TableHead,Hs as TableHeader,y as TablePagination,Ws as TableRow,Ds as TableSectionContextProvider,_s as Tabs,$s as Tag,u as TaskCard,$o as TeknologiFraFremtind,i as TertiaryButton,ae as TextArea,te as TextInput,Io as ThumbDownIcon,To as ThumbUpIcon,re as ToastProvider,me as ToggleSlider,ie as ToggleSwitch,pe as Tooltip,ce as TooltipContent,le as TooltipTrigger,ko as TrashCanIcon,Fo as UnorderedList,os as VartEgetForsikringsselskap,ss as VartForsikringsselskap,jo as WarningIcon,rs as WarningMessage,As as WarningSystemMessage,oe as WarningTag,S as dayMonthYearRegex,Ue as formatAvstand,Ke as formatBytes,Xe as formatDate,ze as formatFodselsnummer,v as formatInput,qe as formatKontonummer,$e as formatKortnummer,Ve as formatNumber,Je as formatOrganisasjonsnummer,sa as formatTelefonnummer,ea as formatValuta,j as getComboboxValuePair,Ta as getValuePair,ja as hasMinimumWords,ba as hasNoIllegalCharacters,Ia as initTabListener,L as isBlurTargetOutside,k as isCorrectFormat,la as isExactLength,ua as isInteger,pa as isValidChassisnummer,ca as isValidDogId,na as isValidEpost,da as isValidFodselsnummer,ga as isValidName,fa as isValidOrganisasjonsnummer,ma as isValidRegistreringsnummer,ia as isValidTelefonnummer,h as isWithinLowerBound,C as isWithinUpperBound,aa as mergeProps,ta as mergeRefs,M as parseDateString,De as parseNumber,ye as registerWithFodselsnummerMask,Oe as registerWithKontonummerMask,Ge as registerWithKortnummerMask,He as registerWithMasks,We as registerWithTelefonnummerMask,fe as tokens,Pe as unicode,ge as useAnimatedDetails,je as useAnimatedHeight,be as useAnimatedHeightBetween,Ae as useAriaLiveRegion,Ie as useAutoAnimatedHeight,Te as useBrowserPreferences,Ee as useClickOutside,T as useCookieConsent,Be as useElementDimensions,Re as useFocusOutside,we as useId,ke as useIntersectionObserver,xe as useKeyListener,Fe as useListNavigation,he as useLocalStorage,gs as useModal,Ce as useMutationObserver,Se as usePreviousValue,ve as useProgressiveImg,Le as useScreen,Me as useScrollIntoView,Us as useSortableTableHeader,Ne as useSwipeGesture,Vs as useTableContext,ys as useTableSectionContext,ne as useToast};
 //# sourceMappingURL=index.js.map