@fremtind/jokul 0.64.2 → 0.66.1

package/build/es/components/icon/icons/ChevronUpIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const n=n=>o(r,{...n,children:""});n.displayName="ChevronUpIcon";export{n as ChevronUpIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const n=n=>o(r,{...n,children:""});n.displayName="ChevronUpIcon";export{n as ChevronUpIcon};
 //# sourceMappingURL=ChevronUpIcon.js.map

package/build/es/components/icon/icons/ChevronUpIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/icon/icons/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronUpIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue316\"}</Icon>\n);\nChevronUpIcon.displayName = \"ChevronUpIcon\";\n"],"names":["ChevronUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}
+{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/icon/icons/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronUpIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue316\"}</Icon>\n);\nChevronUpIcon.displayName = \"ChevronUpIcon\";\n"],"names":["ChevronUpIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/es/components/icon/icons/CloseIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const r=r=>o(s,{...r,children:""});r.displayName="CloseIcon";export{r as CloseIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="CloseIcon";export{s as CloseIcon};
 //# sourceMappingURL=CloseIcon.js.map

package/build/es/components/icon/icons/CloseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/icon/icons/CloseIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CloseIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5cd\"}</Icon>\n);\nCloseIcon.displayName = \"CloseIcon\";\n"],"names":["CloseIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KACpCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}
+{"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/icon/icons/CloseIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const CloseIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5cd\"}</Icon>\n);\nCloseIcon.displayName = \"CloseIcon\";\n"],"names":["CloseIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA4BC,KACpCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}

package/build/es/components/icon/icons/CopyIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="CopyIcon";export{s as CopyIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const c=c=>o(r,{...c,children:""});c.displayName="CopyIcon";export{c as CopyIcon};
 //# sourceMappingURL=CopyIcon.js.map

package/build/es/components/icon/icons/CopyIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyIcon.js","sources":["../../../../../src/components/icon/icons/CopyIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CopyIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue14d\"}</Icon>\n);\nCopyIcon.displayName = \"CopyIcon\";\n"],"names":["CopyIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}
+{"version":3,"file":"CopyIcon.js","sources":["../../../../../src/components/icon/icons/CopyIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const CopyIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue14d\"}</Icon>\n);\nCopyIcon.displayName = \"CopyIcon\";\n"],"names":["CopyIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/es/components/icon/icons/DotsIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const r=r=>o(s,{...r,children:""});r.displayName="DotsIcon";export{r as DotsIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="DotsIcon";export{s as DotsIcon};
 //# sourceMappingURL=DotsIcon.js.map

package/build/es/components/icon/icons/DotsIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsIcon.js","sources":["../../../../../src/components/icon/icons/DotsIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const DotsIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5d3\"}</Icon>\n);\nDotsIcon.displayName = \"DotsIcon\";\n"],"names":["DotsIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}
+{"version":3,"file":"DotsIcon.js","sources":["../../../../../src/components/icon/icons/DotsIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const DotsIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5d3\"}</Icon>\n);\nDotsIcon.displayName = \"DotsIcon\";\n"],"names":["DotsIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/es/components/icon/icons/DragIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const a=a=>o(r,{...a,children:""});a.displayName="DragIcon";export{a as DragIcon};
+import{jsx as r}from"react/jsx-runtime";import"react";import{Icon as o}from"../Icon.js";const a=a=>r(o,{...a,children:""});a.displayName="DragIcon";export{a as DragIcon};
 //# sourceMappingURL=DragIcon.js.map

package/build/es/components/icon/icons/DragIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragIcon.js","sources":["../../../../../src/components/icon/icons/DragIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const DragIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue945\"}</Icon>\n);\nDragIcon.displayName = \"DragIcon\";\n"],"names":["DragIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}
+{"version":3,"file":"DragIcon.js","sources":["../../../../../src/components/icon/icons/DragIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const DragIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue945\"}</Icon>\n);\nDragIcon.displayName = \"DragIcon\";\n"],"names":["DragIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/es/components/icon/icons/ErrorIcon.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const s=s=>r(o,{bold:!0,filled:!0,...s,children:""});s.displayName="ErrorIcon";export{s as ErrorIcon};
+import{jsx as r}from"react/jsx-runtime";import"react";import{Icon as o}from"../Icon.js";const c=c=>r(o,{bold:!0,filled:!0,...c,children:""});c.displayName="ErrorIcon";export{c as ErrorIcon};
 //# sourceMappingURL=ErrorIcon.js.map

package/build/es/components/icon/icons/ErrorIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorIcon.js","sources":["../../../../../src/components/icon/icons/ErrorIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ErrorIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf8b6\"}\n    </Icon>\n);\nErrorIcon.displayName = \"ErrorIcon\";\n"],"names":["ErrorIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA4BC,GACpCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAUO,YAAc"}
+{"version":3,"file":"ErrorIcon.js","sources":["../../../../../src/components/icon/icons/ErrorIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ErrorIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf8b6\"}\n    </Icon>\n);\nErrorIcon.displayName = \"ErrorIcon\";\n"],"names":["ErrorIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"wFAIa,MAAAA,EAA4BC,GACpCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAUO,YAAc"}

package/build/es/components/icon/icons/GreenCheckIcon.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";const c=({as:c="div",bold:l=!1,className:t,variant:a="inherit","data-testid":n,style:r,...d})=>e(c,{className:s(t,"jkl-icon","jkl-icon-green-check",`jkl-icon--${a}`,{"jkl-icon--bold":l}),"aria-hidden":"true",style:r,"data-testid":n,...d,children:i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[e("circle",{cx:"12",cy:"12",r:"10"}),e("path",{fillRule:"evenodd",d:"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z",clipRule:"evenodd"})]})});c.displayName="GreenCheckIcon";export{c as GreenCheckIcon};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{c}from"../../../../clsx-BeLtu-UY.js";import"react";const s=({as:s="div",bold:t=!1,className:a,variant:l="inherit","data-testid":r,style:n,...o})=>e(s,{className:c(a,"jkl-icon","jkl-icon-green-check",`jkl-icon--${l}`,{"jkl-icon--bold":t}),"aria-hidden":"true",style:n,"data-testid":r,...o,children:i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[e("circle",{cx:"12",cy:"12",r:"10"}),e("path",{fillRule:"evenodd",d:"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z",clipRule:"evenodd"})]})});s.displayName="GreenCheckIcon";export{s as GreenCheckIcon};
 //# sourceMappingURL=GreenCheckIcon.js.map

package/build/es/components/icon/icons/GreenCheckIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"GreenCheckIcon.js","sources":["../../../../../src/components/icon/icons/GreenCheckIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const GreenCheckIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(\n                className,\n                \"jkl-icon\",\n                \"jkl-icon-green-check\",\n                `jkl-icon--${variant}`,\n                {\n                    \"jkl-icon--bold\": bold,\n                },\n            )}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24px\"\n                height=\"24px\"\n            >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path\n                    fillRule=\"evenodd\"\n                    d=\"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z\"\n                    clipRule=\"evenodd\"\n                />\n            </svg>\n        </El>\n    );\n};\nGreenCheckIcon.displayName = \"GreenCheckIcon\";\n"],"names":["GreenCheckIcon","as","bold","className","variant","testId","style","rest","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","fillRule","d","clipRule","displayName"],"mappings":"mGASO,MAAMA,EAAgC,EACzCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,KAKCC,EAHOP,EAGN,CACGE,UAAWM,EACPN,EACA,WACA,uBACA,aAAaC,IACb,CACI,iBAAkBF,IAG1B,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJG,SAAAC,EAAC,MAAA,CACGC,MAAM,6BACNC,QAAQ,YACRC,MAAM,OACNC,OAAO,OAEPL,SAAA,CAAAF,EAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAC,OAAA,CACGW,SAAS,UACTC,EAAE,2EACFC,SAAS,iBAM7BrB,EAAesB,YAAc"}
+{"version":3,"file":"GreenCheckIcon.js","sources":["../../../../../src/components/icon/icons/GreenCheckIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const GreenCheckIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(\n                className,\n                \"jkl-icon\",\n                \"jkl-icon-green-check\",\n                `jkl-icon--${variant}`,\n                {\n                    \"jkl-icon--bold\": bold,\n                },\n            )}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24px\"\n                height=\"24px\"\n            >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path\n                    fillRule=\"evenodd\"\n                    d=\"M17.52 9.54 10.7 16.2l-4.21-4.1 1.04-1.08 3.17 3.09 5.79-5.65 1.04 1.08Z\"\n                    clipRule=\"evenodd\"\n                />\n            </svg>\n        </El>\n    );\n};\nGreenCheckIcon.displayName = \"GreenCheckIcon\";\n"],"names":["GreenCheckIcon","as","bold","className","variant","testId","style","rest","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","fillRule","d","clipRule","displayName"],"mappings":"4GASO,MAAMA,EAAgC,EACzCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,KAKCC,EAHOP,EAGN,CACGE,UAAWM,EACPN,EACA,WACA,uBACA,aAAaC,IACb,CACI,iBAAkBF,IAG1B,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJG,SAAAC,EAAC,MAAA,CACGC,MAAM,6BACNC,QAAQ,YACRC,MAAM,OACNC,OAAO,OAEPL,SAAA,CAAAF,EAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAC,OAAA,CACGW,SAAS,UACTC,EAAE,2EACFC,SAAS,iBAM7BrB,EAAesB,YAAc"}

package/build/es/components/icon/icons/HamburgerIcon.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const a=a=>r(o,{...a,children:""});a.displayName="HamburgerIcon";export{a as HamburgerIcon};
+import{jsx as r}from"react/jsx-runtime";import"react";import{Icon as o}from"../Icon.js";const a=a=>r(o,{...a,children:""});a.displayName="HamburgerIcon";export{a as HamburgerIcon};
 //# sourceMappingURL=HamburgerIcon.js.map

package/build/es/components/icon/icons/HamburgerIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"HamburgerIcon.js","sources":["../../../../../src/components/icon/icons/HamburgerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const HamburgerIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5d2\"}</Icon>\n);\nHamburgerIcon.displayName = \"HamburgerIcon\";\n"],"names":["HamburgerIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}
+{"version":3,"file":"HamburgerIcon.js","sources":["../../../../../src/components/icon/icons/HamburgerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const HamburgerIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5d2\"}</Icon>\n);\nHamburgerIcon.displayName = \"HamburgerIcon\";\n"],"names":["HamburgerIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/es/components/icon/icons/InfoIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const r=r=>o(n,{bold:!0,filled:!0,...r,children:""});r.displayName="InfoIcon";export{r as InfoIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const n=n=>o(r,{bold:!0,filled:!0,...n,children:""});n.displayName="InfoIcon";export{n as InfoIcon};
 //# sourceMappingURL=InfoIcon.js.map

package/build/es/components/icon/icons/InfoIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.js","sources":["../../../../../src/components/icon/icons/InfoIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const InfoIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\ue88e\"}\n    </Icon>\n);\nInfoIcon.displayName = \"InfoIcon\";\n"],"names":["InfoIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA2BC,GACnCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAASO,YAAc"}
+{"version":3,"file":"InfoIcon.js","sources":["../../../../../src/components/icon/icons/InfoIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const InfoIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\ue88e\"}\n    </Icon>\n);\nInfoIcon.displayName = \"InfoIcon\";\n"],"names":["InfoIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"wFAIa,MAAAA,EAA2BC,GACnCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAASO,YAAc"}

package/build/es/components/icon/icons/LinkIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const r=r=>o(n,{...r,children:""});r.displayName="LinkIcon";export{r as LinkIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const n=n=>o(r,{...n,children:""});n.displayName="LinkIcon";export{n as LinkIcon};
 //# sourceMappingURL=LinkIcon.js.map

package/build/es/components/icon/icons/LinkIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkIcon.js","sources":["../../../../../src/components/icon/icons/LinkIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const LinkIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue250\"}</Icon>\n);\nLinkIcon.displayName = \"LinkIcon\";\n"],"names":["LinkIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}
+{"version":3,"file":"LinkIcon.js","sources":["../../../../../src/components/icon/icons/LinkIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const LinkIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue250\"}</Icon>\n);\nLinkIcon.displayName = \"LinkIcon\";\n"],"names":["LinkIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/es/components/icon/icons/MinusIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const n=n=>o(s,{...n,children:""});n.displayName="MinusIcon";export{n as MinusIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="MinusIcon";export{s as MinusIcon};
 //# sourceMappingURL=MinusIcon.js.map

package/build/es/components/icon/icons/MinusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinusIcon.js","sources":["../../../../../src/components/icon/icons/MinusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const MinusIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue15b\"}</Icon>\n);\nMinusIcon.displayName = \"MinusIcon\";\n"],"names":["MinusIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KACpCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}
+{"version":3,"file":"MinusIcon.js","sources":["../../../../../src/components/icon/icons/MinusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const MinusIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue15b\"}</Icon>\n);\nMinusIcon.displayName = \"MinusIcon\";\n"],"names":["MinusIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA4BC,KACpCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}

package/build/es/components/icon/icons/OpenInNewIcon.js

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const e=e=>n(o,{...e,children:""});e.displayName="OpenInNewIcon";export{e as OpenInNewIcon};
+import{jsx as n}from"react/jsx-runtime";import"react";import{Icon as o}from"../Icon.js";const e=e=>n(o,{...e,children:""});e.displayName="OpenInNewIcon";export{e as OpenInNewIcon};
 //# sourceMappingURL=OpenInNewIcon.js.map

package/build/es/components/icon/icons/OpenInNewIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenInNewIcon.js","sources":["../../../../../src/components/icon/icons/OpenInNewIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const OpenInNewIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue89e\"}</Icon>\n);\nOpenInNewIcon.displayName = \"OpenInNewIcon\";\n"],"names":["OpenInNewIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}
+{"version":3,"file":"OpenInNewIcon.js","sources":["../../../../../src/components/icon/icons/OpenInNewIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const OpenInNewIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue89e\"}</Icon>\n);\nOpenInNewIcon.displayName = \"OpenInNewIcon\";\n"],"names":["OpenInNewIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/es/components/icon/icons/PenIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const r=r=>o(n,{...r,children:""});r.displayName="PenIcon";export{r as PenIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const n=n=>o(r,{...n,children:""});n.displayName="PenIcon";export{n as PenIcon};
 //# sourceMappingURL=PenIcon.js.map

package/build/es/components/icon/icons/PenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PenIcon.js","sources":["../../../../../src/components/icon/icons/PenIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const PenIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\uf097\"}</Icon>\n);\nPenIcon.displayName = \"PenIcon\";\n"],"names":["PenIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA0BC,KAClCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAQI,YAAc"}
+{"version":3,"file":"PenIcon.js","sources":["../../../../../src/components/icon/icons/PenIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const PenIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\uf097\"}</Icon>\n);\nPenIcon.displayName = \"PenIcon\";\n"],"names":["PenIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA0BC,KAClCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAQI,YAAc"}

package/build/es/components/icon/icons/PlusIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const r=r=>o(s,{...r,children:""});r.displayName="PlusIcon";export{r as PlusIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="PlusIcon";export{s as PlusIcon};
 //# sourceMappingURL=PlusIcon.js.map

package/build/es/components/icon/icons/PlusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlusIcon.js","sources":["../../../../../src/components/icon/icons/PlusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const PlusIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue145\"}</Icon>\n);\nPlusIcon.displayName = \"PlusIcon\";\n"],"names":["PlusIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}
+{"version":3,"file":"PlusIcon.js","sources":["../../../../../src/components/icon/icons/PlusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const PlusIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue145\"}</Icon>\n);\nPlusIcon.displayName = \"PlusIcon\";\n"],"names":["PlusIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA2BC,KACnCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAASI,YAAc"}

package/build/es/components/icon/icons/QuestionIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as s}from"../Icon.js";const n=n=>o(s,{...n,children:""});n.displayName="QuestionIcon";export{n as QuestionIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const s=s=>o(r,{...s,children:""});s.displayName="QuestionIcon";export{s as QuestionIcon};
 //# sourceMappingURL=QuestionIcon.js.map

package/build/es/components/icon/icons/QuestionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionIcon.js","sources":["../../../../../src/components/icon/icons/QuestionIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const QuestionIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8fd\"}</Icon>\n);\nQuestionIcon.displayName = \"QuestionIcon\";\n"],"names":["QuestionIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA+BC,KACvCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}
+{"version":3,"file":"QuestionIcon.js","sources":["../../../../../src/components/icon/icons/QuestionIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const QuestionIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8fd\"}</Icon>\n);\nQuestionIcon.displayName = \"QuestionIcon\";\n"],"names":["QuestionIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA+BC,KACvCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}

package/build/es/components/icon/icons/RedCrossIcon.js

@@ -1,2 +1,2 @@
-import{jsx as s,jsxs as t}from"react/jsx-runtime";import{c as a}from"../../../../clsx-BeLtu-UY.js";const i=({as:i="div",bold:e=!1,className:r,variant:c="inherit","data-testid":o,style:d,...l})=>s(i,{className:a(r,"jkl-icon","jkl-icon-red-cross",`jkl-icon--${c}`,{"jkl-icon--bold":e}),"aria-hidden":"true",style:d,"data-testid":o,...l,children:t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[s("circle",{cx:"12",cy:"12",r:"10"}),s("path",{d:"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z"}),s("path",{d:"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z"})]})});i.displayName="RedCrossIcon";export{i as RedCrossIcon};
+import{jsx as s,jsxs as t}from"react/jsx-runtime";import{c as a}from"../../../../clsx-BeLtu-UY.js";import"react";const i=({as:i="div",bold:e=!1,className:r,variant:c="inherit","data-testid":o,style:d,...l})=>s(i,{className:a(r,"jkl-icon","jkl-icon-red-cross",`jkl-icon--${c}`,{"jkl-icon--bold":e}),"aria-hidden":"true",style:d,"data-testid":o,...l,children:t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[s("circle",{cx:"12",cy:"12",r:"10"}),s("path",{d:"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z"}),s("path",{d:"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z"})]})});i.displayName="RedCrossIcon";export{i as RedCrossIcon};
 //# sourceMappingURL=RedCrossIcon.js.map

package/build/es/components/icon/icons/RedCrossIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RedCrossIcon.js","sources":["../../../../../src/components/icon/icons/RedCrossIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const RedCrossIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(\n                className,\n                \"jkl-icon\",\n                \"jkl-icon-red-cross\",\n                `jkl-icon--${variant}`,\n                {\n                    \"jkl-icon--bold\": bold,\n                },\n            )}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24px\"\n                height=\"24px\"\n            >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path d=\"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z\" />\n                <path d=\"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z\" />\n            </svg>\n        </El>\n    );\n};\nRedCrossIcon.displayName = \"RedCrossIcon\";\n"],"names":["RedCrossIcon","as","bold","className","variant","testId","style","rest","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"mGASO,MAAMA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,KAKCC,EAHOP,EAGN,CACGE,UAAWM,EACPN,EACA,WACA,qBACA,aAAaC,IACb,CACI,iBAAkBF,IAG1B,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJG,SAAAC,EAAC,MAAA,CACGC,MAAM,6BACNC,QAAQ,YACRC,MAAM,OACNC,OAAO,OAEPL,SAAA,CAAAF,EAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAC,OAAK,CAAAW,EAAE,yDACRX,EAAC,OAAK,CAAAW,EAAE,4DAKxBnB,EAAaoB,YAAc"}
+{"version":3,"file":"RedCrossIcon.js","sources":["../../../../../src/components/icon/icons/RedCrossIcon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { IconProps } from \"../types.js\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n *       If you're here to change them, consider changing them there as well, or\n *       finding a technical solution to sharing the SVG markup\n */\nexport const RedCrossIcon: FC<IconProps> = ({\n    as = \"div\",\n    bold = false,\n    className,\n    variant = \"inherit\",\n    \"data-testid\": testId,\n    style,\n    ...rest\n}) => {\n    const El = as;\n\n    return (\n        <El\n            className={clsx(\n                className,\n                \"jkl-icon\",\n                \"jkl-icon-red-cross\",\n                `jkl-icon--${variant}`,\n                {\n                    \"jkl-icon--bold\": bold,\n                },\n            )}\n            aria-hidden=\"true\"\n            style={style}\n            data-testid={testId}\n            {...rest}\n        >\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24px\"\n                height=\"24px\"\n            >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                <path d=\"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z\" />\n                <path d=\"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z\" />\n            </svg>\n        </El>\n    );\n};\nRedCrossIcon.displayName = \"RedCrossIcon\";\n"],"names":["RedCrossIcon","as","bold","className","variant","testId","style","rest","jsx","clsx","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"iHASO,MAAMA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,KAKCC,EAHOP,EAGN,CACGE,UAAWM,EACPN,EACA,WACA,qBACA,aAAaC,IACb,CACI,iBAAkBF,IAG1B,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJG,SAAAC,EAAC,MAAA,CACGC,MAAM,6BACNC,QAAQ,YACRC,MAAM,OACNC,OAAO,OAEPL,SAAA,CAAAF,EAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAC,OAAK,CAAAW,EAAE,yDACRX,EAAC,OAAK,CAAAW,EAAE,4DAKxBnB,EAAaoB,YAAc"}

package/build/es/components/icon/icons/SearchIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon.js";const c=c=>o(r,{...c,children:""});c.displayName="SearchIcon";export{c as SearchIcon};
+import{jsx as r}from"react/jsx-runtime";import"react";import{Icon as o}from"../Icon.js";const c=c=>r(o,{...c,children:""});c.displayName="SearchIcon";export{c as SearchIcon};
 //# sourceMappingURL=SearchIcon.js.map

package/build/es/components/icon/icons/SearchIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchIcon.js","sources":["../../../../../src/components/icon/icons/SearchIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const SearchIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8b6\"}</Icon>\n);\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":["SearchIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA6BC,KACrCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAWI,YAAc"}
+{"version":3,"file":"SearchIcon.js","sources":["../../../../../src/components/icon/icons/SearchIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const SearchIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8b6\"}</Icon>\n);\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":["SearchIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA6BC,KACrCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAWI,YAAc"}

package/build/es/components/icon/icons/SuccessIcon.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{Icon as c}from"../Icon.js";const o=o=>s(c,{bold:!0,filled:!0,...o,children:""});o.displayName="SuccessIcon";export{o as SuccessIcon};
+import{jsx as c}from"react/jsx-runtime";import"react";import{Icon as o}from"../Icon.js";const s=s=>c(o,{bold:!0,filled:!0,...s,children:""});s.displayName="SuccessIcon";export{s as SuccessIcon};
 //# sourceMappingURL=SuccessIcon.js.map

package/build/es/components/icon/icons/SuccessIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessIcon.js","sources":["../../../../../src/components/icon/icons/SuccessIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const SuccessIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf0be\"}\n    </Icon>\n);\nSuccessIcon.displayName = \"SuccessIcon\";\n"],"names":["SuccessIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA8BC,GACtCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}
+{"version":3,"file":"SuccessIcon.js","sources":["../../../../../src/components/icon/icons/SuccessIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const SuccessIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf0be\"}\n    </Icon>\n);\nSuccessIcon.displayName = \"SuccessIcon\";\n"],"names":["SuccessIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"wFAIa,MAAAA,EAA8BC,GACtCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}

package/build/es/components/icon/icons/ThumbDownIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../Icon.js";const m=m=>o(n,{...m,children:""});m.displayName="ThumbDownIcon";export{m as ThumbDownIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const m=m=>o(r,{...m,children:""});m.displayName="ThumbDownIcon";export{m as ThumbDownIcon};
 //# sourceMappingURL=ThumbDownIcon.js.map

package/build/es/components/icon/icons/ThumbDownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbDownIcon.js","sources":["../../../../../src/components/icon/icons/ThumbDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ThumbDownIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8db\"}</Icon>\n);\nThumbDownIcon.displayName = \"ThumbDownIcon\";\n"],"names":["ThumbDownIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}
+{"version":3,"file":"ThumbDownIcon.js","sources":["../../../../../src/components/icon/icons/ThumbDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ThumbDownIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8db\"}</Icon>\n);\nThumbDownIcon.displayName = \"ThumbDownIcon\";\n"],"names":["ThumbDownIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAgCC,KACxCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/es/components/icon/icons/ThumbUpIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Icon as m}from"../Icon.js";const r=r=>o(m,{...r,children:""});r.displayName="ThumbUpIcon";export{r as ThumbUpIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const m=m=>o(r,{...m,children:""});m.displayName="ThumbUpIcon";export{m as ThumbUpIcon};
 //# sourceMappingURL=ThumbUpIcon.js.map

package/build/es/components/icon/icons/ThumbUpIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbUpIcon.js","sources":["../../../../../src/components/icon/icons/ThumbUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ThumbUpIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8dc\"}</Icon>\n);\nThumbUpIcon.displayName = \"ThumbUpIcon\";\n"],"names":["ThumbUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA8BC,KACtCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAYI,YAAc"}
+{"version":3,"file":"ThumbUpIcon.js","sources":["../../../../../src/components/icon/icons/ThumbUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ThumbUpIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue8dc\"}</Icon>\n);\nThumbUpIcon.displayName = \"ThumbUpIcon\";\n"],"names":["ThumbUpIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA8BC,KACtCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAYI,YAAc"}

package/build/es/components/icon/icons/TrashCanIcon.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const r=r=>a(o,{...r,children:""});r.displayName="TrashCanIcon";export{r as TrashCanIcon};
+import{jsx as r}from"react/jsx-runtime";import"react";import{Icon as a}from"../Icon.js";const o=o=>r(a,{...o,children:""});o.displayName="TrashCanIcon";export{o as TrashCanIcon};
 //# sourceMappingURL=TrashCanIcon.js.map

package/build/es/components/icon/icons/TrashCanIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrashCanIcon.js","sources":["../../../../../src/components/icon/icons/TrashCanIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const TrashCanIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue92e\"}</Icon>\n);\nTrashCanIcon.displayName = \"TrashCanIcon\";\n"],"names":["TrashCanIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA+BC,KACvCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}
+{"version":3,"file":"TrashCanIcon.js","sources":["../../../../../src/components/icon/icons/TrashCanIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const TrashCanIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue92e\"}</Icon>\n);\nTrashCanIcon.displayName = \"TrashCanIcon\";\n"],"names":["TrashCanIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA+BC,KACvCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}

package/build/es/components/icon/icons/WarningIcon.js

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{Icon as o}from"../Icon.js";const r=r=>n(o,{bold:!0,filled:!0,...r,children:""});r.displayName="WarningIcon";export{r as WarningIcon};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Icon as r}from"../Icon.js";const n=n=>o(r,{bold:!0,filled:!0,...n,children:""});n.displayName="WarningIcon";export{n as WarningIcon};
 //# sourceMappingURL=WarningIcon.js.map

package/build/es/components/icon/icons/WarningIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningIcon.js","sources":["../../../../../src/components/icon/icons/WarningIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const WarningIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf083\"}\n    </Icon>\n);\nWarningIcon.displayName = \"WarningIcon\";\n"],"names":["WarningIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"0EAIa,MAAAA,EAA8BC,GACtCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}
+{"version":3,"file":"WarningIcon.js","sources":["../../../../../src/components/icon/icons/WarningIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const WarningIcon: IconComponent = (props: IconProps) => (\n    <Icon bold filled {...props}>\n        {\"\\uf083\"}\n    </Icon>\n);\nWarningIcon.displayName = \"WarningIcon\";\n"],"names":["WarningIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"wFAIa,MAAAA,EAA8BC,GACtCC,EAAAC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}

package/build/es/components/icon/icons/animated/ArrowHorizontalAnimated.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as o}from"react/jsx-runtime";import{c as r}from"../../../../../clsx-BeLtu-UY.js";import{ArrowLeftIcon as i}from"../ArrowLeftIcon.js";import{ArrowRightIcon as t}from"../ArrowRightIcon.js";const s=({className:s,pointingRight:n,variant:l,bold:e=!1,...m})=>a("div",{...m,className:r("jkl-icon","jkl-icon--animated",{"jkl-icon--bold":e,[`jkl-icon--${l}`]:!!l},"jkl-animated-horizontal-arrows",s),children:o("div",{className:"jkl-animated-horizontal-arrows__slider","data-show":n?"right":"left",children:[a(i,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:e}),a(t,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:e})]})});s.displayName="ArrowHorizontalAnimated";export{s as ArrowHorizontalAnimated};
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import{c as o}from"../../../../../clsx-BeLtu-UY.js";import"react";import{ArrowLeftIcon as i}from"../ArrowLeftIcon.js";import{ArrowRightIcon as t}from"../ArrowRightIcon.js";const s=({className:s,pointingRight:n,variant:l,bold:e=!1,...m})=>a("div",{...m,className:o("jkl-icon","jkl-icon--animated",{"jkl-icon--bold":e,[`jkl-icon--${l}`]:!!l},"jkl-animated-horizontal-arrows",s),children:r("div",{className:"jkl-animated-horizontal-arrows__slider","data-show":n?"right":"left",children:[a(i,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:e}),a(t,{className:"jkl-animated-horizontal-arrows__arrow",variant:l,bold:e})]})});s.displayName="ArrowHorizontalAnimated";export{s as ArrowHorizontalAnimated};
 //# sourceMappingURL=ArrowHorizontalAnimated.js.map

package/build/es/components/icon/icons/animated/ArrowHorizontalAnimated.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowHorizontalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowHorizontalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { ArrowLeftIcon } from \"../ArrowLeftIcon.js\";\nimport { ArrowRightIcon } from \"../ArrowRightIcon.js\";\n\nexport interface ArrowHorizontalAnimatedProps {\n    className?: string;\n    pointingRight: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps> = ({\n    className,\n    pointingRight,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            { \"jkl-icon--bold\": bold, [`jkl-icon--${variant}`]: !!variant },\n            \"jkl-animated-horizontal-arrows\",\n            className,\n        )}\n    >\n        <div\n            className=\"jkl-animated-horizontal-arrows__slider\"\n            data-show={pointingRight ? \"right\" : \"left\"}\n        >\n            <ArrowLeftIcon\n                className=\"jkl-animated-horizontal-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n            <ArrowRightIcon\n                className=\"jkl-animated-horizontal-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n        </div>\n    </div>\n);\n\nArrowHorizontalAnimated.displayName = \"ArrowHorizontalAnimated\";\n"],"names":["ArrowHorizontalAnimated","className","pointingRight","variant","bold","rest","jsx","clsx","children","jsxs","ArrowLeftIcon","ArrowRightIcon","displayName"],"mappings":"gNAaO,MAAMA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,CAAE,iBAAkBH,EAAM,CAAC,aAAaD,OAAcA,GACtD,iCACAF,GAGJO,SAAAC,EAAC,MAAA,CACGR,UAAU,yCACV,YAAWC,EAAgB,QAAU,OAErCM,SAAA,CAAAF,EAACI,EAAA,CACGT,UAAU,wCACVE,QAAAA,EACAC,KAAAA,IAEJE,EAACK,EAAA,CACGV,UAAU,wCACVE,QAAAA,EACAC,KAAAA,SAMhBJ,EAAwBY,YAAc"}
+{"version":3,"file":"ArrowHorizontalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowHorizontalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { IconVariant } from \"../../types.js\";\nimport { ArrowLeftIcon } from \"../ArrowLeftIcon.js\";\nimport { ArrowRightIcon } from \"../ArrowRightIcon.js\";\n\nexport interface ArrowHorizontalAnimatedProps {\n    className?: string;\n    pointingRight: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps> = ({\n    className,\n    pointingRight,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            { \"jkl-icon--bold\": bold, [`jkl-icon--${variant}`]: !!variant },\n            \"jkl-animated-horizontal-arrows\",\n            className,\n        )}\n    >\n        <div\n            className=\"jkl-animated-horizontal-arrows__slider\"\n            data-show={pointingRight ? \"right\" : \"left\"}\n        >\n            <ArrowLeftIcon\n                className=\"jkl-animated-horizontal-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n            <ArrowRightIcon\n                className=\"jkl-animated-horizontal-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n        </div>\n    </div>\n);\n\nArrowHorizontalAnimated.displayName = \"ArrowHorizontalAnimated\";\n"],"names":["ArrowHorizontalAnimated","className","pointingRight","variant","bold","rest","jsx","clsx","children","jsxs","ArrowLeftIcon","ArrowRightIcon","displayName"],"mappings":"8NAaO,MAAMA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,CAAE,iBAAkBH,EAAM,CAAC,aAAaD,OAAcA,GACtD,iCACAF,GAGJO,SAAAC,EAAC,MAAA,CACGR,UAAU,yCACV,YAAWC,EAAgB,QAAU,OAErCM,SAAA,CAAAF,EAACI,EAAA,CACGT,UAAU,wCACVE,QAAAA,EACAC,KAAAA,IAEJE,EAACK,EAAA,CACGV,UAAU,wCACVE,QAAAA,EACAC,KAAAA,SAMhBJ,EAAwBY,YAAc"}

package/build/es/components/icon/icons/animated/ArrowVerticalAnimated.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as r}from"react/jsx-runtime";import{c as o}from"../../../../../clsx-BeLtu-UY.js";import{ArrowDownIcon as i}from"../ArrowDownIcon.js";import{ArrowUpIcon as s}from"../ArrowUpIcon.js";const l=({className:l,pointingDown:n,variant:t,bold:e=!1,...c})=>a("div",{...c,className:o("jkl-icon","jkl-icon--animated",{"jkl-icon--bold":e,[`jkl-icon--${t}`]:!!t},"jkl-animated-vertical-arrows",l),children:r("div",{className:"jkl-animated-vertical-arrows__slider","data-show":n?"down":"up",children:[a(s,{className:"jkl-animated-vertical-arrows__arrow",variant:t,bold:e}),a(i,{className:"jkl-animated-vertical-arrows__arrow",variant:t,bold:e})]})});l.displayName="ArrowVerticalAnimated";export{l as ArrowVerticalAnimated};
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import{c as o}from"../../../../../clsx-BeLtu-UY.js";import"react";import{ArrowDownIcon as i}from"../ArrowDownIcon.js";import{ArrowUpIcon as s}from"../ArrowUpIcon.js";const l=({className:l,pointingDown:n,variant:t,bold:e=!1,...c})=>a("div",{...c,className:o("jkl-icon","jkl-icon--animated",{"jkl-icon--bold":e,[`jkl-icon--${t}`]:!!t},"jkl-animated-vertical-arrows",l),children:r("div",{className:"jkl-animated-vertical-arrows__slider","data-show":n?"down":"up",children:[a(s,{className:"jkl-animated-vertical-arrows__arrow",variant:t,bold:e}),a(i,{className:"jkl-animated-vertical-arrows__arrow",variant:t,bold:e})]})});l.displayName="ArrowVerticalAnimated";export{l as ArrowVerticalAnimated};
 //# sourceMappingURL=ArrowVerticalAnimated.js.map

package/build/es/components/icon/icons/animated/ArrowVerticalAnimated.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowVerticalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowVerticalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { ArrowDownIcon } from \"../ArrowDownIcon.js\";\nimport { ArrowUpIcon } from \"../ArrowUpIcon.js\";\n\nexport interface ArrowVerticalAnimatedProps {\n    className?: string;\n    pointingDown: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps> = ({\n    className,\n    pointingDown,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            \"jkl-animated-vertical-arrows\",\n            className,\n        )}\n    >\n        <div\n            className=\"jkl-animated-vertical-arrows__slider\"\n            data-show={pointingDown ? \"down\" : \"up\"}\n        >\n            <ArrowUpIcon\n                className=\"jkl-animated-vertical-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n            <ArrowDownIcon\n                className=\"jkl-animated-vertical-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n        </div>\n    </div>\n);\n\nArrowVerticalAnimated.displayName = \"ArrowVerticalAnimated\";\n"],"names":["ArrowVerticalAnimated","className","pointingDown","variant","bold","rest","jsx","clsx","children","jsxs","ArrowUpIcon","ArrowDownIcon","displayName"],"mappings":"0MAaO,MAAMA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhC,+BACAF,GAGJO,SAAAC,EAAC,MAAA,CACGR,UAAU,uCACV,YAAWC,EAAe,OAAS,KAEnCM,SAAA,CAAAF,EAACI,EAAA,CACGT,UAAU,sCACVE,QAAAA,EACAC,KAAAA,IAEJE,EAACK,EAAA,CACGV,UAAU,sCACVE,QAAAA,EACAC,KAAAA,SAMhBJ,EAAsBY,YAAc"}
+{"version":3,"file":"ArrowVerticalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowVerticalAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { IconVariant } from \"../../types.js\";\nimport { ArrowDownIcon } from \"../ArrowDownIcon.js\";\nimport { ArrowUpIcon } from \"../ArrowUpIcon.js\";\n\nexport interface ArrowVerticalAnimatedProps {\n    className?: string;\n    pointingDown: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps> = ({\n    className,\n    pointingDown,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            \"jkl-animated-vertical-arrows\",\n            className,\n        )}\n    >\n        <div\n            className=\"jkl-animated-vertical-arrows__slider\"\n            data-show={pointingDown ? \"down\" : \"up\"}\n        >\n            <ArrowUpIcon\n                className=\"jkl-animated-vertical-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n            <ArrowDownIcon\n                className=\"jkl-animated-vertical-arrows__arrow\"\n                variant={variant}\n                bold={bold}\n            />\n        </div>\n    </div>\n);\n\nArrowVerticalAnimated.displayName = \"ArrowVerticalAnimated\";\n"],"names":["ArrowVerticalAnimated","className","pointingDown","variant","bold","rest","jsx","clsx","children","jsxs","ArrowUpIcon","ArrowDownIcon","displayName"],"mappings":"wNAaO,MAAMA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhC,+BACAF,GAGJO,SAAAC,EAAC,MAAA,CACGR,UAAU,uCACV,YAAWC,EAAe,OAAS,KAEnCM,SAAA,CAAAF,EAACI,EAAA,CACGT,UAAU,sCACVE,QAAAA,EACAC,KAAAA,IAEJE,EAACK,EAAA,CACGV,UAAU,sCACVE,QAAAA,EACAC,KAAAA,SAMhBJ,EAAsBY,YAAc"}

package/build/es/components/icon/icons/animated/PlusRemoveAnimated.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{c as a}from"../../../../../clsx-BeLtu-UY.js";import{PlusIcon as l}from"../PlusIcon.js";const o=({className:o,isPlus:i,variant:e,bold:m=!1,...n})=>s("div",{...n,className:a("jkl-icon","jkl-icon--animated",{"jkl-icon--bold":m,[`jkl-icon--${e}`]:!!e},o),children:s(l,{variant:e,bold:m,className:a("jkl-icons-animated__plus","jkl-icons-animated__plus--"+(i?"plus":"close"))})});o.displayName="PlusRemoveAnimated";export{o as PlusRemoveAnimated};
+import{jsx as s}from"react/jsx-runtime";import{c as a}from"../../../../../clsx-BeLtu-UY.js";import"react";import{PlusIcon as l}from"../PlusIcon.js";const o=({className:o,isPlus:i,variant:e,bold:m=!1,...c})=>s("div",{...c,className:a("jkl-icon","jkl-icon--animated",{"jkl-icon--bold":m,[`jkl-icon--${e}`]:!!e},o),children:s(l,{variant:e,bold:m,className:a("jkl-icons-animated__plus","jkl-icons-animated__plus--"+(i?"plus":"close"))})});o.displayName="PlusRemoveAnimated";export{o as PlusRemoveAnimated};
 //# sourceMappingURL=PlusRemoveAnimated.js.map

package/build/es/components/icon/icons/animated/PlusRemoveAnimated.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlusRemoveAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/PlusRemoveAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { IconVariant } from \"../../types.js\";\nimport { PlusIcon } from \"../PlusIcon.js\";\n\nexport interface PlusRemoveAnimatedProps {\n    className?: string;\n    isPlus: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps> = ({\n    className,\n    isPlus,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            className,\n        )}\n    >\n        <PlusIcon\n            variant={variant}\n            bold={bold}\n            className={clsx(\n                \"jkl-icons-animated__plus\",\n                `jkl-icons-animated__plus--${isPlus ? \"plus\" : \"close\"}`,\n            )}\n        />\n    </div>\n);\n\nPlusRemoveAnimated.displayName = \"PlusRemoveAnimated\";\n"],"names":["PlusRemoveAnimated","className","isPlus","variant","bold","rest","jsx","clsx","children","PlusIcon","displayName"],"mappings":"sIAYO,MAAMA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhCF,GAGJO,SAAAF,EAACG,EAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EACP,2BACA,8BAA6BL,EAAS,OAAS,cAM/DF,EAAmBU,YAAc"}
+{"version":3,"file":"PlusRemoveAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/PlusRemoveAnimated.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { IconVariant } from \"../../types.js\";\nimport { PlusIcon } from \"../PlusIcon.js\";\n\nexport interface PlusRemoveAnimatedProps {\n    className?: string;\n    isPlus: boolean;\n    variant?: IconVariant;\n    bold?: boolean;\n}\n\nexport const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps> = ({\n    className,\n    isPlus,\n    variant,\n    bold = false,\n    ...rest\n}) => (\n    <div\n        {...rest}\n        className={clsx(\n            \"jkl-icon\",\n            \"jkl-icon--animated\",\n            {\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            },\n            className,\n        )}\n    >\n        <PlusIcon\n            variant={variant}\n            bold={bold}\n            className={clsx(\n                \"jkl-icons-animated__plus\",\n                `jkl-icons-animated__plus--${isPlus ? \"plus\" : \"close\"}`,\n            )}\n        />\n    </div>\n);\n\nPlusRemoveAnimated.displayName = \"PlusRemoveAnimated\";\n"],"names":["PlusRemoveAnimated","className","isPlus","variant","bold","rest","jsx","clsx","children","PlusIcon","displayName"],"mappings":"oJAYO,MAAMA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,GAAO,KACJC,KAEHC,EAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,CACI,iBAAkBH,EAClB,CAAC,aAAaD,OAAcA,GAEhCF,GAGJO,SAAAF,EAACG,EAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EACP,2BACA,8BAA6BL,EAAS,OAAS,cAM/DF,EAAmBU,YAAc"}

package/build/es/components/icon/stories/Icons.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.stories.js","sources":["../../../../../src/components/icon/development/internal/IconExample.tsx","../../../../../src/components/icon/development/internal/IconsExampleGrid.tsx","../../../../../src/components/icon/stories/Icons.stories.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\n    name?: string;\n    renderIcon: () => ReactNode;\n}\n\nexport const IconExample: React.FC<Props> = ({\n    name,\n    renderIcon,\n    ...restProps\n}) => (\n    <div title={name || renderIcon.name} {...restProps}>\n        {renderIcon()}\n    </div>\n);\n","import React, { CSSProperties } from \"react\";\nimport \"./icons-example-grid.scss\";\nimport { WithChildren } from \"../../../../core/types.js\";\n\ninterface IconsExampleGridProps extends WithChildren {\n    columns: \"two\" | \"four\";\n    style?: CSSProperties;\n}\n\nexport const IconsExampleGrid: React.FC<IconsExampleGridProps> = ({\n    columns,\n    children,\n    ...rest\n}) => (\n    <div\n        className={`jkl-example-grid jkl-example-grid--${columns}-columns`}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n","import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { IconExample } from \"../development/internal/IconExample.js\";\nimport { IconsExampleGrid } from \"../development/internal/IconsExampleGrid.js\";\nimport { Icon } from \"../Icon.js\";\nimport {\n    ArrowDownIcon,\n    ArrowLeftIcon,\n    ArrowNorthEastIcon,\n    ArrowRightIcon,\n    ArrowUpIcon,\n    CalendarIcon,\n    CheckIcon,\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n    CloseIcon,\n    CopyIcon,\n    DotsIcon,\n    DragIcon,\n    ErrorIcon,\n    GreenCheckIcon,\n    HamburgerIcon,\n    InfoIcon,\n    LinkIcon,\n    MinusIcon,\n    OpenInNewIcon,\n    PenIcon,\n    PlusIcon,\n    QuestionIcon,\n    RedCrossIcon,\n    SearchIcon,\n    SuccessIcon,\n    ThumbDownIcon,\n    ThumbUpIcon,\n    TrashCanIcon,\n    WarningIcon,\n} from \"../index.js\";\nimport \"../styles/_index.scss\";\nimport \"../../text-input/styles/text-input.scss\";\nimport \"../../input-group/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Ikoner\",\n    component: Icon,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: {\n            control: \"radio\",\n            options: [\"inherit\", \"medium\", \"small\"],\n        },\n    },\n} satisfies Meta<typeof Icon>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Icon>;\n\nconst allIcons = [\n    ArrowDownIcon,\n    ArrowLeftIcon,\n    ArrowNorthEastIcon,\n    ArrowRightIcon,\n    ArrowUpIcon,\n    CalendarIcon,\n    CheckIcon,\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n    CloseIcon,\n    CopyIcon,\n    DotsIcon,\n    DragIcon,\n    ErrorIcon,\n    GreenCheckIcon,\n    HamburgerIcon,\n    InfoIcon,\n    LinkIcon,\n    MinusIcon,\n    OpenInNewIcon,\n    PenIcon,\n    PlusIcon,\n    QuestionIcon,\n    RedCrossIcon,\n    SearchIcon,\n    SuccessIcon,\n    ThumbDownIcon,\n    ThumbUpIcon,\n    TrashCanIcon,\n    WarningIcon,\n];\n\nexport const Ikoner: Story = {\n    args: {\n        variant: \"small\",\n        bold: false,\n    },\n    render: ({ variant, bold }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const [fontSize, setFontSize] = useState(\"1rem\");\n\n        return (\n            <div style={{ width: \"50vw\" }}>\n                {variant === \"inherit\" && (\n                    <TextInput\n                        label=\"Fontstørrelse\"\n                        className=\"jkl-spacing-24--bottom\"\n                        value={fontSize}\n                        onChange={(e) => setFontSize(e.target.value)}\n                        width=\"10ch\"\n                    />\n                )}\n                <IconsExampleGrid style={{ fontSize }} columns=\"four\">\n                    {allIcons.map((Ico) => (\n                        <IconExample\n                            style={{ justifySelf: \"center\" }}\n                            key={Ico.displayName}\n                            renderIcon={() => (\n                                <Ico bold={bold} variant={variant} />\n                            )}\n                            name={Ico.displayName}\n                        />\n                    ))}\n                </IconsExampleGrid>\n            </div>\n        );\n    },\n};\n"],"names":["IconExample","name","renderIcon","restProps","jsx","title","children","IconsExampleGrid","columns","rest","className","meta","component","Icon","parameters","layout","tags","argTypes","variant","control","options","allIcons","ArrowDownIcon","ArrowLeftIcon","ArrowNorthEastIcon","ArrowRightIcon","ArrowUpIcon","CalendarIcon","CheckIcon","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","ChevronUpIcon","CloseIcon","CopyIcon","DotsIcon","DragIcon","ErrorIcon","GreenCheckIcon","HamburgerIcon","InfoIcon","LinkIcon","MinusIcon","OpenInNewIcon","PenIcon","PlusIcon","QuestionIcon","RedCrossIcon","SearchIcon","SuccessIcon","ThumbDownIcon","ThumbUpIcon","TrashCanIcon","WarningIcon","Ikoner","args","bold","render","fontSize","setFontSize","useState","style","width","TextInput","label","value","onChange","e","target","map","Ico","justifySelf","displayName"],"mappings":"okEAOO,MAAMA,EAA+B,EACxCC,KAAAA,EACAC,WAAAA,KACGC,KAEHC,EAAC,OAAIC,MAAOJ,GAAQC,EAAWD,QAAUE,EACpCG,SAAAJ,MCJIK,EAAoD,EAC7DC,QAAAA,EACAF,SAAAA,KACGG,KAEHL,EAAC,MAAA,CACGM,UAAW,sCAAsCF,eAC7CC,EAEHH,SAAAA,IC0BHK,EAAa,CACfN,MAAO,qBACPO,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,SAAU,YASrCC,EAAW,CACbC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGSC,EAAgB,CACzBC,KAAM,CACFrC,QAAS,QACTsC,MAAM,GAEVC,OAAQ,EAAGvC,QAAAA,EAASsC,KAAAA,MAEhB,MAAOE,EAAUC,GAAeC,EAAS,iBAGpC,MAAI,CAAAC,MAAO,CAAEC,MAAO,QAChBxD,SAAA,CAAY,YAAZY,GACGd,EAAC2D,EAAA,CACGC,MAAM,gBACNtD,UAAU,yBACVuD,MAAOP,EACPQ,SAAWC,GAAMR,EAAYQ,EAAEC,OAAOH,OACtCH,MAAM,SAGd1D,EAACG,EAAiB,CAAAsD,MAAO,CAAEH,SAAAA,GAAYlD,QAAQ,OAC1CF,SAAAe,EAASgD,KAAKC,GACXlE,EAACJ,EAAA,CACG6D,MAAO,CAAEU,YAAa,UAEtBrE,WAAY,IACPE,EAAAkE,EAAA,CAAId,KAAAA,EAAYtC,QAAAA,IAErBjB,KAAMqE,EAAIE,aAJLF,EAAIE,mBAQzB"}
+{"version":3,"file":"Icons.stories.js","sources":["../../../../../src/components/icon/development/internal/IconExample.tsx","../../../../../src/components/icon/development/internal/IconsExampleGrid.tsx","../../../../../src/components/icon/stories/Icons.stories.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\n\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\n    name?: string;\n    renderIcon: () => ReactNode;\n}\n\nexport const IconExample: React.FC<Props> = ({\n    name,\n    renderIcon,\n    ...restProps\n}) => (\n    <div title={name || renderIcon.name} {...restProps}>\n        {renderIcon()}\n    </div>\n);\n","import React, { type CSSProperties } from \"react\";\nimport \"./icons-example-grid.scss\";\nimport type { WithChildren } from \"../../../../core/types.js\";\n\ninterface IconsExampleGridProps extends WithChildren {\n    columns: \"two\" | \"four\";\n    style?: CSSProperties;\n}\n\nexport const IconsExampleGrid: React.FC<IconsExampleGridProps> = ({\n    columns,\n    children,\n    ...rest\n}) => (\n    <div\n        className={`jkl-example-grid jkl-example-grid--${columns}-columns`}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n","import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { Icon } from \"../Icon.js\";\nimport { IconExample } from \"../development/internal/IconExample.js\";\nimport { IconsExampleGrid } from \"../development/internal/IconsExampleGrid.js\";\nimport {\n    ArrowDownIcon,\n    ArrowLeftIcon,\n    ArrowNorthEastIcon,\n    ArrowRightIcon,\n    ArrowUpIcon,\n    CalendarIcon,\n    CheckIcon,\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n    CloseIcon,\n    CopyIcon,\n    DotsIcon,\n    DragIcon,\n    ErrorIcon,\n    GreenCheckIcon,\n    HamburgerIcon,\n    InfoIcon,\n    LinkIcon,\n    MinusIcon,\n    OpenInNewIcon,\n    PenIcon,\n    PlusIcon,\n    QuestionIcon,\n    RedCrossIcon,\n    SearchIcon,\n    SuccessIcon,\n    ThumbDownIcon,\n    ThumbUpIcon,\n    TrashCanIcon,\n    WarningIcon,\n} from \"../index.js\";\nimport \"../styles/_index.scss\";\nimport \"../../text-input/styles/text-input.scss\";\nimport \"../../input-group/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Ikoner\",\n    component: Icon,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: {\n            control: \"radio\",\n            options: [\"inherit\", \"medium\", \"small\"],\n        },\n    },\n} satisfies Meta<typeof Icon>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Icon>;\n\nconst allIcons = [\n    ArrowDownIcon,\n    ArrowLeftIcon,\n    ArrowNorthEastIcon,\n    ArrowRightIcon,\n    ArrowUpIcon,\n    CalendarIcon,\n    CheckIcon,\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n    CloseIcon,\n    CopyIcon,\n    DotsIcon,\n    DragIcon,\n    ErrorIcon,\n    GreenCheckIcon,\n    HamburgerIcon,\n    InfoIcon,\n    LinkIcon,\n    MinusIcon,\n    OpenInNewIcon,\n    PenIcon,\n    PlusIcon,\n    QuestionIcon,\n    RedCrossIcon,\n    SearchIcon,\n    SuccessIcon,\n    ThumbDownIcon,\n    ThumbUpIcon,\n    TrashCanIcon,\n    WarningIcon,\n];\n\nexport const Ikoner: Story = {\n    args: {\n        variant: \"small\",\n        bold: false,\n    },\n    render: ({ variant, bold }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const [fontSize, setFontSize] = useState(\"1rem\");\n\n        return (\n            <div style={{ width: \"50vw\" }}>\n                {variant === \"inherit\" && (\n                    <TextInput\n                        label=\"Fontstørrelse\"\n                        className=\"jkl-spacing-24--bottom\"\n                        value={fontSize}\n                        onChange={(e) => setFontSize(e.target.value)}\n                        width=\"10ch\"\n                    />\n                )}\n                <IconsExampleGrid style={{ fontSize }} columns=\"four\">\n                    {allIcons.map((Ico) => (\n                        <IconExample\n                            style={{ justifySelf: \"center\" }}\n                            key={Ico.displayName}\n                            renderIcon={() => (\n                                <Ico bold={bold} variant={variant} />\n                            )}\n                            name={Ico.displayName}\n                        />\n                    ))}\n                </IconsExampleGrid>\n            </div>\n        );\n    },\n};\n"],"names":["IconExample","name","renderIcon","restProps","jsx","title","children","IconsExampleGrid","columns","rest","className","meta","component","Icon","parameters","layout","tags","argTypes","variant","control","options","allIcons","ArrowDownIcon","ArrowLeftIcon","ArrowNorthEastIcon","ArrowRightIcon","ArrowUpIcon","CalendarIcon","CheckIcon","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","ChevronUpIcon","CloseIcon","CopyIcon","DotsIcon","DragIcon","ErrorIcon","GreenCheckIcon","HamburgerIcon","InfoIcon","LinkIcon","MinusIcon","OpenInNewIcon","PenIcon","PlusIcon","QuestionIcon","RedCrossIcon","SearchIcon","SuccessIcon","ThumbDownIcon","ThumbUpIcon","TrashCanIcon","WarningIcon","Ikoner","args","bold","render","fontSize","setFontSize","useState","style","width","TextInput","label","value","onChange","e","target","map","Ico","justifySelf","displayName"],"mappings":"okEAOO,MAAMA,EAA+B,EACxCC,KAAAA,EACAC,WAAAA,KACGC,KAEHC,EAAC,OAAIC,MAAOJ,GAAQC,EAAWD,QAAUE,EACpCG,SAAAJ,MCJIK,EAAoD,EAC7DC,QAAAA,EACAF,SAAAA,KACGG,KAEHL,EAAC,MAAA,CACGM,UAAW,sCAAsCF,eAC7CC,EAEHH,SAAAA,IC0BHK,EAAa,CACfN,MAAO,qBACPO,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,SAAU,YASrCC,EAAW,CACbC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGSC,EAAgB,CACzBC,KAAM,CACFrC,QAAS,QACTsC,MAAM,GAEVC,OAAQ,EAAGvC,QAAAA,EAASsC,KAAAA,MAEhB,MAAOE,EAAUC,GAAeC,EAAS,iBAGpC,MAAI,CAAAC,MAAO,CAAEC,MAAO,QAChBxD,SAAA,CAAY,YAAZY,GACGd,EAAC2D,EAAA,CACGC,MAAM,gBACNtD,UAAU,yBACVuD,MAAOP,EACPQ,SAAWC,GAAMR,EAAYQ,EAAEC,OAAOH,OACtCH,MAAM,SAGd1D,EAACG,EAAiB,CAAAsD,MAAO,CAAEH,SAAAA,GAAYlD,QAAQ,OAC1CF,SAAAe,EAASgD,KAAKC,GACXlE,EAACJ,EAAA,CACG6D,MAAO,CAAEU,YAAa,UAEtBrE,WAAY,IACPE,EAAAkE,EAAA,CAAId,KAAAA,EAAYtC,QAAAA,IAErBjB,KAAMqE,EAAIE,aAJLF,EAAIE,mBAQzB"}

package/build/es/components/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { IconButtonProps } from \"./types.js\";\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n    (props, ref) => {\n        const { className, children, density, ...rest } = props;\n        return (\n            <button\n                ref={ref}\n                type=\"button\"\n                className={clsx(\"jkl-icon-button\", className)}\n                data-testid=\"jkl-icon-button\"\n                data-density={density}\n                {...rest}\n            >\n                {children}\n            </button>\n        );\n    },\n);\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","forwardRef","props","ref","className","children","density","rest","jsx","type","clsx","displayName"],"mappings":"yHAIO,MAAMA,EAAaC,GACtB,CAACC,EAAOC,KACE,MAAEC,UAAAA,EAAWC,SAAAA,EAAUC,QAAAA,KAAYC,GAASL,EAE9C,OAAAM,EAAC,SAAA,CACGL,IAAAA,EACAM,KAAK,SACLL,UAAWM,EAAK,kBAAmBN,GACnC,cAAY,kBACZ,eAAcE,KACVC,EAEHF,SAAAA,GAAA,IAMjBL,EAAWW,YAAc"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport type { IconButtonProps } from \"./types.js\";\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n    (props, ref) => {\n        const { className, children, density, ...rest } = props;\n        return (\n            <button\n                ref={ref}\n                type=\"button\"\n                className={clsx(\"jkl-icon-button\", className)}\n                data-testid=\"jkl-icon-button\"\n                data-density={density}\n                {...rest}\n            >\n                {children}\n            </button>\n        );\n    },\n);\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","forwardRef","props","ref","className","children","density","rest","jsx","type","clsx","displayName"],"mappings":"yHAIO,MAAMA,EAAaC,GACtB,CAACC,EAAOC,KACE,MAAEC,UAAAA,EAAWC,SAAAA,EAAUC,QAAAA,KAAYC,GAASL,EAE9C,OAAAM,EAAC,SAAA,CACGL,IAAAA,EACAM,KAAK,SACLL,UAAWM,EAAK,kBAAmBN,GACnC,cAAY,kBACZ,eAAcE,KACVC,EAEHF,SAAAA,GAAA,IAMjBL,EAAWW,YAAc"}

package/build/es/components/icon-button/stories/IconButton.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{PenIcon as t}from"../../icon/icons/PenIcon.js";import{IconButton as n}from"../IconButton.js";const e={title:"Komponenter/IconButton",component:n,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"IconButton",args:{children:o(t,{})},render:t=>o(n,{...t})};export{r as IconButtonStory,e as default};
+import{jsx as o}from"react/jsx-runtime";import"react";import{PenIcon as t}from"../../icon/icons/PenIcon.js";import{IconButton as n}from"../IconButton.js";const e={title:"Komponenter/IconButton",component:n,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"IconButton",args:{children:o(t,{})},render:t=>o(n,{...t})};export{r as IconButtonStory,e as default};
 //# sourceMappingURL=IconButton.stories.js.map

package/build/es/components/icon-button/stories/IconButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.js","sources":["../../../../../src/components/icon-button/stories/IconButton.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { PenIcon } from \"../../icon/icons/PenIcon.js\";\nimport { IconButton } from \"../IconButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/IconButton\",\n    component: IconButton,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof IconButton>;\n\nexport const IconButtonStory: Story = {\n    name: \"IconButton\",\n    args: {\n        children: <PenIcon />,\n    },\n    render: (props) => <IconButton {...props} />,\n};\n"],"names":["meta","title","component","IconButton","parameters","layout","tags","IconButtonStory","name","args","children","PenIcon","render","props","jsx"],"mappings":"4IAMA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFC,WAAWC,EAAQ,KAEvBC,OAASC,GAAWC,EAAAX,EAAA,IAAeU"}
+{"version":3,"file":"IconButton.stories.js","sources":["../../../../../src/components/icon-button/stories/IconButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { PenIcon } from \"../../icon/icons/PenIcon.js\";\nimport { IconButton } from \"../IconButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/IconButton\",\n    component: IconButton,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof IconButton>;\n\nexport const IconButtonStory: Story = {\n    name: \"IconButton\",\n    args: {\n        children: <PenIcon />,\n    },\n    render: (props) => <IconButton {...props} />,\n};\n"],"names":["meta","title","component","IconButton","parameters","layout","tags","IconButtonStory","name","args","children","PenIcon","render","props","jsx"],"mappings":"0JAMA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFC,WAAWC,EAAQ,KAEvBC,OAASC,GAAWC,EAAAX,EAAA,IAAeU"}

package/build/es/components/image/Image.js

@@ -1,2 +1,2 @@
-import{jsxs as s,jsx as e}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{useElementDimensions as m}from"../../hooks/useElementDimensions/useElementDimensions.js";import{useImageLoadingStatus as i}from"./useImageLoadingStatus.js";const l=({className:l,placeholder:t,alt:o,...n})=>{const[r,g]=i(),[c,d]=m(400);return s("div",{ref:c,className:a("jkl-image",l,{"jkl-image--loading":!g}),children:[e("img",{className:"jkl-image__placeholder",alt:o,src:t||n.src}),e("img",{alt:o,className:"jkl-image__image","data-testid":"jkl-image__image",ref:r,sizes:`${d.width}px`,loading:"lazy",decoding:"async",...n})]})};export{l as Image};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import"react";import{useElementDimensions as m}from"../../hooks/useElementDimensions/useElementDimensions.js";import{useImageLoadingStatus as i}from"./useImageLoadingStatus.js";const t=({className:t,placeholder:l,alt:o,...r})=>{const[n,g]=i(),[c,d]=m(400);return e("div",{ref:c,className:a("jkl-image",t,{"jkl-image--loading":!g}),children:[s("img",{className:"jkl-image__placeholder",alt:o,src:l||r.src}),s("img",{alt:o,className:"jkl-image__image","data-testid":"jkl-image__image",ref:n,sizes:`${d.width}px`,loading:"lazy",decoding:"async",...r})]})};export{t as Image};
 //# sourceMappingURL=Image.js.map

package/build/es/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../../src/components/image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { useElementDimensions } from \"../../hooks/useElementDimensions/useElementDimensions.js\";\nimport { ImageProps } from \"./types.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\n\nexport const Image: FC<ImageProps> = ({\n    className,\n    placeholder,\n    alt,\n    ...imageProperties\n}) => {\n    const [imageRef, imageLoaded] = useImageLoadingStatus();\n    const [containerRef, dimensions] =\n        useElementDimensions<HTMLDivElement>(400);\n\n    return (\n        <div\n            ref={containerRef}\n            className={clsx(\"jkl-image\", className, {\n                \"jkl-image--loading\": !imageLoaded,\n            })}\n        >\n            {/* Placeholder er bevisst uten loading og decoding for å vises umiddelbart */}\n            <img\n                className=\"jkl-image__placeholder\"\n                alt={alt}\n                src={placeholder || imageProperties.src}\n            />\n            <img\n                alt={alt}\n                className=\"jkl-image__image\"\n                data-testid=\"jkl-image__image\"\n                ref={imageRef}\n                sizes={`${dimensions.width}px`}\n                loading=\"lazy\"\n                decoding=\"async\"\n                {...imageProperties}\n            />\n        </div>\n    );\n};\n"],"names":["Image","className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"mQAMO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,YAAAA,EACAC,IAAAA,KACGC,MAEG,MAACC,EAAUC,GAAeC,KACzBC,EAAcC,GACjBC,EAAqC,KAGrC,OAAAC,EAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,EAAC,MAAA,CACGd,UAAU,yBACVE,IAAAA,EACAa,IAAKd,GAAeE,EAAgBY,MAExCD,EAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}
+{"version":3,"file":"Image.js","sources":["../../../../src/components/image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { useElementDimensions } from \"../../hooks/useElementDimensions/useElementDimensions.js\";\nimport type { ImageProps } from \"./types.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\n\nexport const Image: FC<ImageProps> = ({\n    className,\n    placeholder,\n    alt,\n    ...imageProperties\n}) => {\n    const [imageRef, imageLoaded] = useImageLoadingStatus();\n    const [containerRef, dimensions] =\n        useElementDimensions<HTMLDivElement>(400);\n\n    return (\n        <div\n            ref={containerRef}\n            className={clsx(\"jkl-image\", className, {\n                \"jkl-image--loading\": !imageLoaded,\n            })}\n        >\n            {/* Placeholder er bevisst uten loading og decoding for å vises umiddelbart */}\n            <img\n                className=\"jkl-image__placeholder\"\n                alt={alt}\n                src={placeholder || imageProperties.src}\n            />\n            {/* biome-ignore lint/a11y/useAltText: Den har da vitterlig en alt-attributt? */}\n            <img\n                alt={alt}\n                className=\"jkl-image__image\"\n                data-testid=\"jkl-image__image\"\n                ref={imageRef}\n                sizes={`${dimensions.width}px`}\n                loading=\"lazy\"\n                decoding=\"async\"\n                {...imageProperties}\n            />\n        </div>\n    );\n};\n"],"names":["Image","className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"iRAMO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,YAAAA,EACAC,IAAAA,KACGC,MAEG,MAACC,EAAUC,GAAeC,KACzBC,EAAcC,GACjBC,EAAqC,KAGrC,OAAAC,EAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,EAAC,MAAA,CACGd,UAAU,yBACVE,IAAAA,EACAa,IAAKd,GAAeE,EAAgBY,MAGxCD,EAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}

package/build/es/components/image/stories/Image.stories.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{Image as e}from"../Image.js";const s="/images/dog-400.jpg",t={title:"Komponenter/Image",component:e,parameters:{layout:"centered"},tags:["autodocs"],args:{src:s,srcSet:`${s} 400w, /images/dog-800.jpg 800w, /images/dog-1200.jpg 1200w, /images/dog-1920.jpg 1920w`,placeholder:"/images/thumbnail.jpg"},argTypes:{className:{control:"radio",options:["fluid","static"]}}},i={args:{className:"fluid"},render:s=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...s})})},r={args:{className:"static"},render:s=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...s})})};export{i as Fluid,r as Static,t as default};
+import{jsx as a}from"react/jsx-runtime";import"react";import{Image as e}from"../Image.js";const t="/images/dog-400.jpg",s={title:"Komponenter/Image",component:e,parameters:{layout:"centered"},tags:["autodocs"],args:{src:t,srcSet:`${t} 400w, /images/dog-800.jpg 800w, /images/dog-1200.jpg 1200w, /images/dog-1920.jpg 1920w`,placeholder:"/images/thumbnail.jpg"},argTypes:{className:{control:"radio",options:["fluid","static"]}}},r={args:{className:"fluid"},render:t=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...t})})},i={args:{className:"static"},render:t=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...t})})};export{r as Fluid,i as Static,s as default};
 //# sourceMappingURL=Image.stories.js.map

package/build/es/components/image/stories/Image.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.stories.js","sources":["../../../../../src/components/image/stories/Image.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Image } from \"../Image.js\";\nimport { ImageProps } from \"../types.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst dog400 = \"/images/dog-400.jpg\";\nconst dog800 = \"/images/dog-800.jpg\";\nconst dog1200 = \"/images/dog-1200.jpg\";\nconst dog1920 = \"/images/dog-1920.jpg\";\nconst thumbnail = \"/images/thumbnail.jpg\";\n\nexport default {\n    title: \"Komponenter/Image\",\n    component: Image,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        src: dog400,\n        srcSet: `${dog400} 400w, ${dog800} 800w, ${dog1200} 1200w, ${dog1920} 1920w`,\n        placeholder: thumbnail,\n    },\n    argTypes: {\n        className: {\n            control: \"radio\",\n            options: [\"fluid\", \"static\"],\n        },\n    },\n} satisfies Meta<typeof Image>;\n\nexport const Fluid: StoryObj<ImageProps> = {\n    args: {\n        className: \"fluid\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n\nexport const Static: StoryObj<ImageProps> = {\n    args: {\n        className: \"static\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n"],"names":["dog400","Image_stories","title","component","Image","parameters","layout","tags","args","src","srcSet","placeholder","argTypes","className","control","options","Fluid","render","props","jsx","style","width","height","children","Static"],"mappings":"4EAOA,MAAMA,EAAS,sBAMAC,EAAA,CACXC,MAAO,oBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,KAAM,CACFC,IAAKT,EACLU,OAAQ,GAAGV,2FACXW,YAZU,yBAcdC,SAAU,CACNC,UAAW,CACPC,QAAS,QACTC,QAAS,CAAC,QAAS,aAKlBC,EAA8B,CACvCR,KAAM,CACFK,UAAW,SAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc,OAMdM,EAA+B,CACxChB,KAAM,CACFK,UAAW,UAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc"}
+{"version":3,"file":"Image.stories.js","sources":["../../../../../src/components/image/stories/Image.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Image } from \"../Image.js\";\nimport type { ImageProps } from \"../types.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst dog400 = \"/images/dog-400.jpg\";\nconst dog800 = \"/images/dog-800.jpg\";\nconst dog1200 = \"/images/dog-1200.jpg\";\nconst dog1920 = \"/images/dog-1920.jpg\";\nconst thumbnail = \"/images/thumbnail.jpg\";\n\nexport default {\n    title: \"Komponenter/Image\",\n    component: Image,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        src: dog400,\n        srcSet: `${dog400} 400w, ${dog800} 800w, ${dog1200} 1200w, ${dog1920} 1920w`,\n        placeholder: thumbnail,\n    },\n    argTypes: {\n        className: {\n            control: \"radio\",\n            options: [\"fluid\", \"static\"],\n        },\n    },\n} satisfies Meta<typeof Image>;\n\nexport const Fluid: StoryObj<ImageProps> = {\n    args: {\n        className: \"fluid\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n\nexport const Static: StoryObj<ImageProps> = {\n    args: {\n        className: \"static\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n"],"names":["dog400","Image_stories","title","component","Image","parameters","layout","tags","args","src","srcSet","placeholder","argTypes","className","control","options","Fluid","render","props","jsx","style","width","height","children","Static"],"mappings":"0FAOA,MAAMA,EAAS,sBAMAC,EAAA,CACXC,MAAO,oBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,KAAM,CACFC,IAAKT,EACLU,OAAQ,GAAGV,2FACXW,YAZU,yBAcdC,SAAU,CACNC,UAAW,CACPC,QAAS,QACTC,QAAS,CAAC,QAAS,aAKlBC,EAA8B,CACvCR,KAAM,CACFK,UAAW,SAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc,OAMdM,EAA+B,CACxChB,KAAM,CACFK,UAAW,UAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc"}

package/build/es/components/image/useImageLoadingStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useImageLoadingStatus.js","sources":["../../../../src/components/image/useImageLoadingStatus.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from \"react\";\n\nconst doWhenImageLoaded = (image: HTMLImageElement, callback?: () => void) => {\n    let timeout: number | undefined;\n\n    function checkLoaded() {\n        if (image.complete) {\n            clearTimeout(timeout);\n            callback?.();\n            return;\n        }\n        timeout = window.setTimeout(checkLoaded, 50);\n    }\n\n    checkLoaded();\n};\n\nexport const useImageLoadingStatus = (\n    callback?: () => void,\n): [RefObject<HTMLImageElement>, boolean] => {\n    const imageRef = useRef<HTMLImageElement>(null);\n    const [imageLoaded, setImageLoaded] = useState(false);\n\n    useEffect(() => {\n        imageRef.current &&\n            doWhenImageLoaded(imageRef.current, () => {\n                setImageLoaded(true);\n                callback?.();\n            });\n    }, [callback]);\n\n    return [imageRef, imageLoaded];\n};\n"],"names":["useImageLoadingStatus","callback","imageRef","useRef","imageLoaded","setImageLoaded","useState","useEffect","current","image","timeout","checkLoaded","complete","window","setTimeout","doWhenImageLoaded"],"mappings":"4DAEA,MAeaA,EACTC,IAEMC,MAAAA,EAAWC,EAAyB,OACnCC,EAAaC,GAAkBC,GAAS,GAE/C,OAAAC,GAAU,KACNL,EAASM,SAtBS,EAACC,EAAyBR,KAC5CS,IAAAA,GAEJ,SAASC,IACL,GAAIF,EAAMG,SAGN,OAFaF,aAAAA,QACF,MAAAT,GAAAA,KAGLS,EAAAG,OAAOC,WAAWH,EAAa,GAC7C,CAEYA,IAWJI,CAAkBb,EAASM,SAAS,KAChCH,GAAe,GACJ,MAAAJ,GAAAA,GAAAA,GACd,GACN,CAACA,IAEG,CAACC,EAAUE,EAAW"}
+{"version":3,"file":"useImageLoadingStatus.js","sources":["../../../../src/components/image/useImageLoadingStatus.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef, useState } from \"react\";\n\nconst doWhenImageLoaded = (image: HTMLImageElement, callback?: () => void) => {\n    let timeout: number | undefined;\n\n    function checkLoaded() {\n        if (image.complete) {\n            clearTimeout(timeout);\n            callback?.();\n            return;\n        }\n        timeout = window.setTimeout(checkLoaded, 50);\n    }\n\n    checkLoaded();\n};\n\nexport const useImageLoadingStatus = (\n    callback?: () => void,\n): [RefObject<HTMLImageElement>, boolean] => {\n    const imageRef = useRef<HTMLImageElement>(null);\n    const [imageLoaded, setImageLoaded] = useState(false);\n\n    useEffect(() => {\n        imageRef.current &&\n            doWhenImageLoaded(imageRef.current, () => {\n                setImageLoaded(true);\n                callback?.();\n            });\n    }, [callback]);\n\n    return [imageRef, imageLoaded];\n};\n"],"names":["useImageLoadingStatus","callback","imageRef","useRef","imageLoaded","setImageLoaded","useState","useEffect","current","image","timeout","checkLoaded","complete","window","setTimeout","doWhenImageLoaded"],"mappings":"4DAEA,MAeaA,EACTC,IAEMC,MAAAA,EAAWC,EAAyB,OACnCC,EAAaC,GAAkBC,GAAS,GAE/C,OAAAC,GAAU,KACNL,EAASM,SAtBS,EAACC,EAAyBR,KAC5CS,IAAAA,GAEJ,SAASC,IACL,GAAIF,EAAMG,SAGN,OAFaF,aAAAA,QACF,MAAAT,GAAAA,KAGLS,EAAAG,OAAOC,WAAWH,EAAa,GAC7C,CAEYA,IAWJI,CAAkBb,EAASM,SAAS,KAChCH,GAAe,GACJ,MAAAJ,GAAAA,GAAAA,GACd,GACN,CAACA,IAEG,CAACC,EAAUE,EAAW"}

package/build/es/components/input-group/FieldGroup.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s,Fragment as r}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{useId as l}from"../../hooks/useId/useId.js";import{Label as t}from"./Label.js";import{SupportLabel as o}from"./SupportLabel.js";const d=d=>{const{id:i,legend:p,labelProps:n,supportLabelProps:c,tooltip:m,className:u,children:b,helpLabel:f,errorLabel:h,density:j,"data-testautoid":g,...y}=d,L=l(i||"jkl-field-group",{generateSuffix:!i}),x=`${L}_support-label`,k=h||f,S=h?"error":f?"help":void 0,I=k?x:void 0;return e("fieldset",{id:L,className:a("jkl-field-group",u),"data-testautoid":g,...y,"aria-describedby":I,"data-density":j,children:[s("legend",{className:"jkl-field-group__legend",children:s(t,{...n,density:j,children:m?e(r,{children:[s("span",{style:{whiteSpace:"normal"},children:p})," ",m]}):p})}),b,(f||h)&&s(o,{...c,label:k,labelType:S,id:x,density:j})]})};export{d as FieldGroup};
+import{jsxs as e,jsx as r,Fragment as s}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import"react";import{useId as l}from"../../hooks/useId/useId.js";import{Label as t}from"./Label.js";import{SupportLabel as o}from"./SupportLabel.js";const i=i=>{const{id:d,legend:p,labelProps:n,supportLabelProps:c,tooltip:m,className:u,children:b,helpLabel:f,errorLabel:h,density:j,"data-testautoid":g,...y}=i,L=l(d||"jkl-field-group",{generateSuffix:!d}),x=`${L}_support-label`,k=h||f,S=h?"error":f?"help":void 0,I=k?x:void 0;return e("fieldset",{id:L,className:a("jkl-field-group",u),"data-testautoid":g,...y,"aria-describedby":I,"data-density":j,children:[r("legend",{className:"jkl-field-group__legend",children:r(t,{...n,density:j,children:m?e(s,{children:[r("span",{style:{whiteSpace:"normal"},children:p})," ",m]}):p})}),b,(f||h)&&r(o,{...c,label:k,labelType:S,id:x,density:j})]})};export{i as FieldGroup};
 //# sourceMappingURL=FieldGroup.js.map