@fremtind/jokul 3.0.0 → 3.2.0

package/build/es/components/flex/Flex.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import{forwardRef as n}from"react";import{SlotComponent as i}from"../../utilities/polymorphism/SlotComponent.js";import{isResponsive as r}from"./types.js";const o=n((function(n,r){const{asChild:o,alignItems:l,alignContent:a,as:m="div",center:c=!1,className:p,direction:f="row",fill:$,gap:x="m",inline:u,justifyContent:g,layout:j={},textAlign:w,wrap:d="nowrap",...y}=n,C=o?i:m,h=s(x).flatMap((([t,e])=>{const[n,i=n]=e.trim().split(" ");return[`screen-${t}-row-gap-${n}`,`screen-${t}-col-gap-${i}`]})),v=s(j).map((([t,e])=>`screen-${t}-${e}`));return t(C,{...y,className:e("jkl-flex",!l||`align-items-${l}`,!a||`align-content-${a}`,!c||`center-${!0===c?"2xl":c}`,!$||"fill",!u||"inline-flex",!g||`justify-content-${g}`,!w||`text-align-${w}`,!d||`flex-wrap-${d}`,!f||`flex-direction-${f}`,...h,...v,p),ref:r})}));function s(t){return r(t)?Object.entries(t):[["small",t]]}export{o as Flex};
+import{jsx as t}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import{forwardRef as n}from"react";import{SlotComponent as i}from"../../utilities/polymorphism/SlotComponent.js";import{isResponsive as r}from"./types.js";const o=n(function(n,r){const{asChild:o,alignItems:l,alignContent:a,as:m="div",center:c=!1,className:p,direction:f="row",fill:$,gap:x="m",inline:u,justifyContent:g,layout:j={},textAlign:w,wrap:d="nowrap",...y}=n,C=o?i:m,h=s(x).flatMap(([t,e])=>{const[n,i=n]=e.trim().split(" ");return[`screen-${t}-row-gap-${n}`,`screen-${t}-col-gap-${i}`]}),v=s(j).map(([t,e])=>`screen-${t}-${e}`);return t(C,{...y,className:e("jkl-flex",!l||`align-items-${l}`,!a||`align-content-${a}`,!c||`center-${!0===c?"2xl":c}`,!$||"fill",!u||"inline-flex",!g||`justify-content-${g}`,!w||`text-align-${w}`,!d||`flex-wrap-${d}`,!f||`flex-direction-${f}`,...h,...v,p),ref:r})});function s(t){return r(t)?Object.entries(t):[["small",t]]}export{o as Flex};
 //# sourceMappingURL=Flex.js.map

package/build/es/components/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { SlotComponent } from \"../../utilities/index.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport {\n    type Breakpoint,\n    type FlexComponent,\n    type FlexProps,\n    type Responsive,\n    isResponsive,\n} from \"./types.js\";\n\nexport const Flex = forwardRef(function Flex<\n    ElementType extends React.ElementType = \"div\",\n>(props: FlexProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        asChild,\n        alignItems,\n        alignContent,\n        as = \"div\",\n        center = false,\n        className,\n        direction = \"row\",\n        fill,\n        gap = \"m\",\n        inline,\n        justifyContent,\n        layout = {},\n        textAlign,\n        wrap = \"nowrap\",\n        ...rest\n    } = props;\n\n    const Tag = asChild ? SlotComponent : as;\n    const gaps = toObjectEntries(gap).flatMap(([breakpoint, gap]) => {\n        const [row, col = row] = gap.trim().split(\" \");\n        return [\n            `screen-${breakpoint}-row-gap-${row}`,\n            `screen-${breakpoint}-col-gap-${col}`,\n        ];\n    });\n    const layouts = toObjectEntries(layout).map(\n        ([breakpoint, layout]) => `screen-${breakpoint}-${layout}`, // Convert to number to convert 2.10 to 2.1 and false to 0\n    );\n\n    return (\n        <Tag\n            {...rest}\n            className={clsx(\n                \"jkl-flex\",\n                !alignItems || `align-items-${alignItems}`,\n                !alignContent || `align-content-${alignContent}`,\n                !center || `center-${center === true ? \"2xl\" : center}`,\n                !fill || \"fill\",\n                !inline || \"inline-flex\",\n                !justifyContent || `justify-content-${justifyContent}`,\n                !textAlign || `text-align-${textAlign}`,\n                !wrap || `flex-wrap-${wrap}`,\n                !direction || `flex-direction-${direction}`,\n                ...gaps,\n                ...layouts,\n                className,\n            )}\n            ref={ref}\n        />\n    );\n}) as FlexComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Gjør en enkeltstående eller responsiv verdi om til et nøstet array,\n * der hvert indre array inneholder et breakpoint med tilhørende verdi.\n * @example `{ small: \"12\", large: \"64\" }` -> `[[\"small\", \"12\"], [\"large\", \"64\"]]`\n * @example `\"24\"` -> `[[\"small\", \"24\"]]`\n * @param value enkeltstående eller responsiv verdi\n * @returns nøstet array med breakpoints og verdier\n */\nfunction toObjectEntries<T>(value: T | Responsive<T>): [Breakpoint, T][] {\n    if (isResponsive(value)) {\n        return Object.entries(value) as [Breakpoint, T][];\n    }\n\n    return [[\"small\", value]];\n}\n"],"names":["Flex","forwardRef","props","ref","asChild","alignItems","alignContent","as","center","className","direction","fill","gap","inline","justifyContent","layout","textAlign","wrap","rest","Tag","SlotComponent","gaps","toObjectEntries","flatMap","breakpoint","row","col","trim","split","layouts","map","jsx","clsx","value","isResponsive","Object","entries"],"mappings":"iPAYO,MAAMA,EAAOC,GAAW,SAE7BC,EAA+BC,GACvB,MACFC,QAAAA,EACAC,WAAAA,EACAC,aAAAA,EACAC,GAAAA,EAAK,MACLC,OAAAA,GAAS,EACTC,UAAAA,EACAC,UAAAA,EAAY,MACZC,KAAAA,EACAC,IAAAA,EAAM,IACNC,OAAAA,EACAC,eAAAA,EACAC,OAAAA,EAAS,CAAC,EACVC,UAAAA,EACAC,KAAAA,EAAO,YACJC,GACHhB,EAEEiB,EAAMf,EAAUgB,EAAgBb,EAChCc,EAAOC,EAAgBV,GAAKW,SAAQ,EAAEC,EAAYZ,MAC9C,MAACa,EAAKC,EAAMD,GAAOb,EAAIe,OAAOC,MAAM,KACnC,MAAA,CACH,UAAUJ,aAAsBC,IAChC,UAAUD,aAAsBE,IACpC,IAEEG,EAAUP,EAAgBP,GAAQe,KACpC,EAAEN,EAAYT,KAAY,UAAUS,KAAcT,MAIlD,OAAAgB,EAACZ,EAAA,IACOD,EACJT,UAAWuB,EACP,YACC3B,GAAc,eAAeA,KAC7BC,GAAgB,iBAAiBA,KACjCE,GAAU,WAAqB,IAAXA,EAAkB,MAAQA,KAC9CG,GAAQ,QACRE,GAAU,eACVC,GAAkB,mBAAmBA,KACrCE,GAAa,cAAcA,KAC3BC,GAAQ,aAAaA,KACrBP,GAAa,kBAAkBA,OAC7BW,KACAQ,EACHpB,GAEJN,IAAAA,GAGZ,IAUA,SAASmB,EAAmBW,GACpBC,OAAAA,EAAaD,GACNE,OAAOC,QAAQH,GAGnB,CAAC,CAAC,QAASA,GACtB"}
+{"version":3,"file":"Flex.js","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { SlotComponent } from \"../../utilities/index.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport {\n    type Breakpoint,\n    type FlexComponent,\n    type FlexProps,\n    type Responsive,\n    isResponsive,\n} from \"./types.js\";\n\nexport const Flex = forwardRef(function Flex<\n    ElementType extends React.ElementType = \"div\",\n>(props: FlexProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        asChild,\n        alignItems,\n        alignContent,\n        as = \"div\",\n        center = false,\n        className,\n        direction = \"row\",\n        fill,\n        gap = \"m\",\n        inline,\n        justifyContent,\n        layout = {},\n        textAlign,\n        wrap = \"nowrap\",\n        ...rest\n    } = props;\n\n    const Tag = asChild ? SlotComponent : as;\n    const gaps = toObjectEntries(gap).flatMap(([breakpoint, gap]) => {\n        const [row, col = row] = gap.trim().split(\" \");\n        return [\n            `screen-${breakpoint}-row-gap-${row}`,\n            `screen-${breakpoint}-col-gap-${col}`,\n        ];\n    });\n    const layouts = toObjectEntries(layout).map(\n        ([breakpoint, layout]) => `screen-${breakpoint}-${layout}`, // Convert to number to convert 2.10 to 2.1 and false to 0\n    );\n\n    return (\n        <Tag\n            {...rest}\n            className={clsx(\n                \"jkl-flex\",\n                !alignItems || `align-items-${alignItems}`,\n                !alignContent || `align-content-${alignContent}`,\n                !center || `center-${center === true ? \"2xl\" : center}`,\n                !fill || \"fill\",\n                !inline || \"inline-flex\",\n                !justifyContent || `justify-content-${justifyContent}`,\n                !textAlign || `text-align-${textAlign}`,\n                !wrap || `flex-wrap-${wrap}`,\n                !direction || `flex-direction-${direction}`,\n                ...gaps,\n                ...layouts,\n                className,\n            )}\n            ref={ref}\n        />\n    );\n}) as FlexComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Gjør en enkeltstående eller responsiv verdi om til et nøstet array,\n * der hvert indre array inneholder et breakpoint med tilhørende verdi.\n * @example `{ small: \"12\", large: \"64\" }` -> `[[\"small\", \"12\"], [\"large\", \"64\"]]`\n * @example `\"24\"` -> `[[\"small\", \"24\"]]`\n * @param value enkeltstående eller responsiv verdi\n * @returns nøstet array med breakpoints og verdier\n */\nfunction toObjectEntries<T>(value: T | Responsive<T>): [Breakpoint, T][] {\n    if (isResponsive(value)) {\n        return Object.entries(value) as [Breakpoint, T][];\n    }\n\n    return [[\"small\", value]];\n}\n"],"names":["Flex","forwardRef","props","ref","asChild","alignItems","alignContent","as","center","className","direction","fill","gap","inline","justifyContent","layout","textAlign","wrap","rest","Tag","SlotComponent","gaps","toObjectEntries","flatMap","breakpoint","row","col","trim","split","layouts","map","jsx","clsx","value","isResponsive","Object","entries"],"mappings":"iPAYO,MAAMA,EAAOC,EAAW,SAE7BC,EAA+BC,GAC7B,MACIC,QAAAA,EACAC,WAAAA,EACAC,aAAAA,EACAC,GAAAA,EAAK,MACLC,OAAAA,GAAS,EACTC,UAAAA,EACAC,UAAAA,EAAY,MACZC,KAAAA,EACAC,IAAAA,EAAM,IACNC,OAAAA,EACAC,eAAAA,EACAC,OAAAA,EAAS,CAAA,EACTC,UAAAA,EACAC,KAAAA,EAAO,YACJC,GACHhB,EAEEiB,EAAMf,EAAUgB,EAAgBb,EAChCc,EAAOC,EAAgBV,GAAKW,QAAQ,EAAEC,EAAYZ,MACpD,MAAOa,EAAKC,EAAMD,GAAOb,EAAIe,OAAOC,MAAM,KAC1C,MAAO,CACH,UAAUJ,aAAsBC,IAChC,UAAUD,aAAsBE,OAGlCG,EAAUP,EAAgBP,GAAQe,IACpC,EAAEN,EAAYT,KAAY,UAAUS,KAAcT,KAGtD,OACIgB,EAACZ,EAAA,IACOD,EACJT,UAAWuB,EACP,YACC3B,GAAc,eAAeA,KAC7BC,GAAgB,iBAAiBA,KACjCE,GAAU,WAAqB,IAAXA,EAAkB,MAAQA,KAC9CG,GAAQ,QACRE,GAAU,eACVC,GAAkB,mBAAmBA,KACrCE,GAAa,cAAcA,KAC3BC,GAAQ,aAAaA,KACrBP,GAAa,kBAAkBA,OAC7BW,KACAQ,EACHpB,GAEJN,IAAAA,GAGZ,GAUA,SAASmB,EAAmBW,GACxB,OAAIC,EAAaD,GACNE,OAAOC,QAAQH,GAGnB,CAAC,CAAC,QAASA,GACtB"}

package/build/es/components/help/Help.js.map

@@ -1 +1 @@
-{"version":3,"file":"Help.js","sources":["../../../../src/components/help/Help.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Button } from \"../button/index.js\";\nimport { Icon } from \"../icon/Icon.js\";\nimport type { HelpProps } from \"./types.js\";\n\nexport const BETA_Help = ({\n    position = \"top\",\n    buttonText = \"Hjelp\",\n    showButtonText = false,\n    iconPosition = \"left\",\n    children,\n    ...rest\n}: HelpProps) => {\n    return (\n        <>\n            <Button\n                {...rest}\n                title={buttonText || rest.title}\n                iconPosition={iconPosition}\n                variant=\"ghost\"\n                className={clsx(\"jkl-help-trigger\", rest.className)}\n                icon={<Icon aria-hidden=\"true\">help</Icon>}\n                data-testid=\"jkl-help-trigger\"\n                // @ts-ignore\n                popovertarget={`${buttonText}-popover`}\n                // @ts-ignore\n                style={{ anchorName: `${buttonText}-popover` }}\n            >\n                {showButtonText && buttonText}\n            </Button>\n\n            <output aria-live=\"assertive\">\n                <div\n                    data-position={position}\n                    popover=\"auto\"\n                    id={`${buttonText}-popover`}\n                    className=\"jkl-help-popover\"\n                    // @ts-ignore\n                    style={{ positionAnchor: `${buttonText}-popover` }}\n                >\n                    {children}\n                </div>\n            </output>\n        </>\n    );\n};\n"],"names":["BETA_Help","position","buttonText","showButtonText","iconPosition","children","rest","jsxs","Fragment","jsx","Button","title","variant","className","clsx","icon","Icon","popovertarget","style","anchorName","popover","id","positionAnchor"],"mappings":"gNAMO,MAAMA,EAAY,EACrBC,SAAAA,EAAW,MACXC,WAAAA,EAAa,QACbC,eAAAA,GAAiB,EACjBC,aAAAA,EAAe,OACfC,SAAAA,KACGC,KAIKC,EAAAC,EAAA,CAAAH,SAAA,CAAAI,EAACC,EAAA,IACOJ,EACJK,MAAOT,GAAcI,EAAKK,MAC1BP,aAAAA,EACAQ,QAAQ,QACRC,UAAWC,EAAK,mBAAoBR,EAAKO,WACzCE,KAAMN,EAACO,EAAK,CAAA,cAAY,OAAOX,SAAI,SACnC,cAAY,mBAEZY,cAAe,GAAGf,YAElBgB,MAAO,CAAEC,WAAY,GAAGjB,aAEvBG,SAAkBF,GAAAD,IAGvBO,EAAC,SAAO,CAAA,YAAU,YACdJ,SAAAI,EAAC,MAAA,CACG,gBAAeR,EACfmB,QAAQ,OACRC,GAAI,GAAGnB,YACPW,UAAU,mBAEVK,MAAO,CAAEI,eAAgB,GAAGpB,aAE3BG,SAAAA"}
+{"version":3,"file":"Help.js","sources":["../../../../src/components/help/Help.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Button } from \"../button/index.js\";\nimport { Icon } from \"../icon/Icon.js\";\nimport type { HelpProps } from \"./types.js\";\n\nexport const BETA_Help = ({\n    position = \"top\",\n    buttonText = \"Hjelp\",\n    showButtonText = false,\n    iconPosition = \"left\",\n    children,\n    ...rest\n}: HelpProps) => {\n    return (\n        <>\n            <Button\n                {...rest}\n                title={buttonText || rest.title}\n                iconPosition={iconPosition}\n                variant=\"ghost\"\n                className={clsx(\"jkl-help-trigger\", rest.className)}\n                icon={<Icon aria-hidden=\"true\">help</Icon>}\n                data-testid=\"jkl-help-trigger\"\n                // @ts-ignore\n                popovertarget={`${buttonText}-popover`}\n                // @ts-ignore\n                style={{ anchorName: `${buttonText}-popover` }}\n            >\n                {showButtonText && buttonText}\n            </Button>\n\n            <output aria-live=\"assertive\">\n                <div\n                    data-position={position}\n                    popover=\"auto\"\n                    id={`${buttonText}-popover`}\n                    className=\"jkl-help-popover\"\n                    // @ts-ignore\n                    style={{ positionAnchor: `${buttonText}-popover` }}\n                >\n                    {children}\n                </div>\n            </output>\n        </>\n    );\n};\n"],"names":["BETA_Help","position","buttonText","showButtonText","iconPosition","children","rest","jsxs","Fragment","jsx","Button","title","variant","className","clsx","icon","Icon","popovertarget","style","anchorName","popover","id","positionAnchor"],"mappings":"gNAMO,MAAMA,EAAY,EACrBC,SAAAA,EAAW,MACXC,WAAAA,EAAa,QACbC,eAAAA,GAAiB,EACjBC,aAAAA,EAAe,OACfC,SAAAA,KACGC,KAGCC,EAAAC,EAAA,CACIH,SAAA,CAAAI,EAACC,EAAA,IACOJ,EACJK,MAAOT,GAAcI,EAAKK,MAC1BP,aAAAA,EACAQ,QAAQ,QACRC,UAAWC,EAAK,mBAAoBR,EAAKO,WACzCE,KAAMN,EAACO,EAAA,CAAK,cAAY,OAAOX,SAAA,SAC/B,cAAY,mBAEZY,cAAe,GAAGf,YAElBgB,MAAO,CAAEC,WAAY,GAAGjB,aAEvBG,SAAAF,GAAkBD,IAGvBO,EAAC,SAAA,CAAO,YAAU,YACdJ,SAAAI,EAAC,MAAA,CACG,gBAAeR,EACfmB,QAAQ,OACRC,GAAI,GAAGnB,YACPW,UAAU,mBAEVK,MAAO,CAAEI,eAAgB,GAAGpB,aAE3BG,SAAAA"}

package/build/es/components/icon/Icon.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import c from"react";const i=c.forwardRef((function(c,i){const{bold:n,children:a,className:l,filled:e,variant:s,...t}=c;return r("span",{"aria-hidden":!0,ref:i,className:o("jkl-icon",l,{"jkl-icon--filled":e,"jkl-icon--bold":n,[`jkl-icon--${s}`]:!!s}),...t,children:a})}));export{i as Icon};
+import{jsx as r}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import c from"react";const i=c.forwardRef(function(c,i){const{bold:n,children:a,className:l,filled:e,variant:s,...t}=c;return r("span",{"aria-hidden":!0,ref:i,className:o("jkl-icon",l,{"jkl-icon--filled":e,"jkl-icon--bold":n,[`jkl-icon--${s}`]:!!s}),...t,children:a})});export{i as Icon};
 //# sourceMappingURL=Icon.js.map

package/build/es/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\">,\n> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        \"data-testid\"?: string;\n        /**\n         * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n         * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n         */\n        variant?: IconVariant;\n        /**\n         * Angir om ikonet skal vises i fet versjon\n         * @default false\n         */\n        bold?: boolean;\n        filled?: boolean;\n        className?: string;\n        style?: React.CSSProperties;\n    }\n>;\n\nexport type IconComponent = (<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(\n    props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const { bold, children, className, filled, variant, ...iconProps } = props;\n\n    return (\n        <span\n            aria-hidden\n            ref={ref}\n            className={clsx(\"jkl-icon\", className, {\n                \"jkl-icon--filled\": filled,\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            })}\n            {...iconProps}\n        >\n            {children}\n        </span>\n    );\n}) as IconComponent;\n"],"names":["Icon","React","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"2GAoCO,MAAMA,EAAsBC,EAAMC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\">,\n> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        \"data-testid\"?: string;\n        /**\n         * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n         * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n         */\n        variant?: IconVariant;\n        /**\n         * Angir om ikonet skal vises i fet versjon\n         * @default false\n         */\n        bold?: boolean;\n        filled?: boolean;\n        className?: string;\n        style?: React.CSSProperties;\n    }\n>;\n\nexport type IconComponent = (<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(\n    props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const { bold, children, className, filled, variant, ...iconProps } = props;\n\n    return (\n        <span\n            aria-hidden\n            ref={ref}\n            className={clsx(\"jkl-icon\", className, {\n                \"jkl-icon--filled\": filled,\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            })}\n            {...iconProps}\n        >\n            {children}\n        </span>\n    );\n}) as IconComponent;\n"],"names":["Icon","React","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"2GAoCO,MAAMA,EAAsBC,EAAMC,WAAW,SAElDC,EAAwCC,GACtC,MAAQC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAErE,OACIQ,EAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowNorthEastIcon.js","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\uf1e1\"}</Icon>\n);\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAqCC,KAC7CC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAmBI,YAAc"}
+{"version":3,"file":"ArrowNorthEastIcon.js","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\uf1e1\"}</Icon>\n);\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAqCC,KAC7CC,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAmBI,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowRightIcon.js","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5c8\"}</Icon>\n);\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAiCC,KACzCC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAeI,YAAc"}
+{"version":3,"file":"ArrowRightIcon.js","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue5c8\"}</Icon>\n);\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAiCC,KACzCC,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAeI,YAAc"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue313\"}</Icon>\n);\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAkCC,KAC1CC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAgBI,YAAc"}
+{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue313\"}</Icon>\n);\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAkCC,KAC1CC,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAgBI,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../../src/components/icon/icons/ChevronLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronLeftIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue314\"}</Icon>\n);\nChevronLeftIcon.displayName = \"ChevronLeftIcon\";\n"],"names":["ChevronLeftIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAkCC,KAC1CC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAgBI,YAAc"}
+{"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../../src/components/icon/icons/ChevronLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronLeftIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue314\"}</Icon>\n);\nChevronLeftIcon.displayName = \"ChevronLeftIcon\";\n"],"names":["ChevronLeftIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAkCC,KAC1CC,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAgBI,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronRightIcon.js","sources":["../../../../../src/components/icon/icons/ChevronRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronRightIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue315\"}</Icon>\n);\nChevronRightIcon.displayName = \"ChevronRightIcon\";\n"],"names":["ChevronRightIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAmCC,KAC3CC,EAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAiBI,YAAc"}
+{"version":3,"file":"ChevronRightIcon.js","sources":["../../../../../src/components/icon/icons/ChevronRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronRightIcon: IconComponent = (props: IconProps) => (\n    <Icon {...props}>{\"\\ue315\"}</Icon>\n);\nChevronRightIcon.displayName = \"ChevronRightIcon\";\n"],"names":["ChevronRightIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAAmCC,KAC3CC,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAiBI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAcI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAUI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAASI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAASI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAASI,YAAc"}

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":"wFAIa,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":"wFAIO,MAAMA,EAA4BC,GACrCC,EAACC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SAAA,MAGTN,EAAUO,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAcI,YAAc"}

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":"wFAIa,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":"wFAIO,MAAMA,EAA2BC,GACpCC,EAACC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SAAA,MAGTN,EAASO,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAASI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAUI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAcI,YAAc"}

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}>{\"\\uf604\"}</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"}
+{"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}>{\"\\uf604\"}</Icon>\n);\nPenIcon.displayName = \"PenIcon\";\n"],"names":["PenIcon","props","Icon","children","displayName"],"mappings":"wFAIO,MAAMA,EAA0BC,KAClCC,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAQI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAASI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAaI,YAAc"}

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, { 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"}
+{"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,OAAA,CAAKW,EAAE,yDACRX,EAAC,OAAA,CAAKW,EAAE,4DAKxBnB,EAAaoB,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAWI,YAAc"}

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":"wFAIa,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":"wFAIO,MAAMA,EAA8BC,GACvCC,EAACC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SAAA,MAGTN,EAAYO,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAcI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAYI,YAAc"}

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":"wFAIO,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,EAAA,IAASD,EAAQE,SAAA,MAEtBH,EAAaI,YAAc"}

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":"wFAIa,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":"wFAIO,MAAMA,EAA8BC,GACvCC,EAACC,EAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SAAA,MAGTN,EAAYO,YAAc"}

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

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import{forwardRef as n}from"react";const r=n(((n,r)=>{const{className:s,children:a,density:e,...c}=n;return t("button",{ref:r,type:"button",className:o("jkl-icon-button",s),"data-testid":"jkl-icon-button","data-density":e,...c,children:a})}));r.displayName="IconButton";export{r as IconButton};
+import{jsx as t}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import{forwardRef as n}from"react";const r=n((n,r)=>{const{className:s,children:a,density:e,...c}=n;return t("button",{ref:r,type:"button",className:o("jkl-icon-button",s),"data-testid":"jkl-icon-button","data-density":e,...c,children:a})});r.displayName="IconButton";export{r as IconButton};
 //# sourceMappingURL=IconButton.js.map

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 type { IconButtonProps } from \"./types.js\";\n\n/**\n * @deprecated bruk heller {@link Button} med ghost-varianten\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":"yHAOO,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,GACL,IAKZL,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\n/**\n * @deprecated bruk heller {@link Button} med ghost-varianten\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":"yHAOO,MAAMA,EAAaC,EACtB,CAACC,EAAOC,KACJ,MAAQC,UAAAA,EAAWC,SAAAA,EAAUC,QAAAA,KAAYC,GAASL,EAClD,OACIM,EAAC,SAAA,CACGL,IAAAA,EACAM,KAAK,SACLL,UAAWM,EAAK,kBAAmBN,GACnC,cAAY,kBACZ,eAAcE,KACVC,EAEHF,SAAAA,MAMjBL,EAAWW,YAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{forwardRef as m}from"react";import{useElementDimensions as i}from"../../hooks/useElementDimensions/useElementDimensions.js";import{useImageLoadingStatus as o}from"./useImageLoadingStatus.js";import{mergeRefs as t}from"../../utilities/polymorphism/mergeRefs.js";import"../../utilities/polymorphism/SlotComponent.js";const r=m((({className:m,placeholder:r,alt:l,...n},g)=>{const[p,c]=o(),[d,j]=i(400),f=t(g,p);return e("div",{ref:d,className:a("jkl-image",m,{"jkl-image--loading":!c}),children:[s("img",{className:"jkl-image__placeholder",alt:c?"":l,src:r||n.src}),s("img",{alt:l,className:"jkl-image__image","data-testid":"jkl-image__image",ref:f,sizes:`${j.width}px`,decoding:"async",loading:"lazy",...n})]})}));r.displayName="Image";export{r as Image};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{forwardRef as m}from"react";import{useElementDimensions as i}from"../../hooks/useElementDimensions/useElementDimensions.js";import{useImageLoadingStatus as o}from"./useImageLoadingStatus.js";import{mergeRefs as t}from"../../utilities/polymorphism/mergeRefs.js";import"../../utilities/polymorphism/SlotComponent.js";const r=m(({className:m,placeholder:r,alt:l,...n},g)=>{const[p,c]=o(),[d,j]=i(400),f=t(g,p);return e("div",{ref:d,className:a("jkl-image",m,{"jkl-image--loading":!c}),children:[s("img",{className:"jkl-image__placeholder",alt:c?"":l,src:r||n.src}),s("img",{alt:l,className:"jkl-image__image","data-testid":"jkl-image__image",ref:f,sizes:`${j.width}px`,decoding:"async",loading:"lazy",...n})]})});r.displayName="Image";export{r 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 { forwardRef } from \"react\";\nimport { useElementDimensions } from \"../../hooks/useElementDimensions/useElementDimensions.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\nimport { mergeRefs } from \"../../utilities/index.js\";\nimport type { ImageProps } from \"./types.js\";\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n    ({ className, placeholder, alt, ...imageProperties }, ref) => {\n        const [imageRef, imageLoaded] = useImageLoadingStatus();\n        const [containerRef, dimensions] =\n            useElementDimensions<HTMLDivElement>(400);\n\n        const mergedImageRef = mergeRefs(ref, imageRef);\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={imageLoaded ? \"\" : 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={mergedImageRef}\n                    sizes={`${dimensions.width}px`}\n                    decoding=\"async\"\n                    loading=\"lazy\"\n                    {...imageProperties}\n                />\n            </div>\n        );\n    },\n);\n\nImage.displayName = \"Image\";\n"],"names":["Image","forwardRef","className","placeholder","alt","imageProperties","ref","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","mergedImageRef","mergeRefs","jsxs","clsx","children","jsx","src","sizes","width","decoding","loading","displayName"],"mappings":"kaAOO,MAAMA,EAAQC,GACjB,EAAGC,UAAAA,EAAWC,YAAAA,EAAaC,IAAAA,KAAQC,GAAmBC,KAClD,MAAOC,EAAUC,GAAeC,KACzBC,EAAcC,GACjBC,EAAqC,KAEnCC,EAAiBC,EAAUR,EAAKC,GAGlC,OAAAQ,EAAC,MAAA,CACGT,IAAKI,EACLR,UAAWc,EAAK,YAAad,EAAW,CACpC,sBAAuBM,IAI3BS,SAAA,CAAAC,EAAC,MAAA,CACGhB,UAAU,yBACVE,IAAKI,EAAc,GAAKJ,EACxBe,IAAKhB,GAAeE,EAAgBc,MAGxCD,EAAC,MAAA,CACGd,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZI,IAAKO,EACLO,MAAO,GAAGT,EAAWU,UACrBC,SAAS,QACTC,QAAQ,UACJlB,MAEZ,IAKZL,EAAMwB,YAAc"}
+{"version":3,"file":"Image.js","sources":["../../../../src/components/image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { useElementDimensions } from \"../../hooks/useElementDimensions/useElementDimensions.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\nimport { mergeRefs } from \"../../utilities/index.js\";\nimport type { ImageProps } from \"./types.js\";\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n    ({ className, placeholder, alt, ...imageProperties }, ref) => {\n        const [imageRef, imageLoaded] = useImageLoadingStatus();\n        const [containerRef, dimensions] =\n            useElementDimensions<HTMLDivElement>(400);\n\n        const mergedImageRef = mergeRefs(ref, imageRef);\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={imageLoaded ? \"\" : 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={mergedImageRef}\n                    sizes={`${dimensions.width}px`}\n                    decoding=\"async\"\n                    loading=\"lazy\"\n                    {...imageProperties}\n                />\n            </div>\n        );\n    },\n);\n\nImage.displayName = \"Image\";\n"],"names":["Image","forwardRef","className","placeholder","alt","imageProperties","ref","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","mergedImageRef","mergeRefs","jsxs","clsx","children","jsx","src","sizes","width","decoding","loading","displayName"],"mappings":"kaAOO,MAAMA,EAAQC,EACjB,EAAGC,UAAAA,EAAWC,YAAAA,EAAaC,IAAAA,KAAQC,GAAmBC,KAClD,MAAOC,EAAUC,GAAeC,KACzBC,EAAcC,GACjBC,EAAqC,KAEnCC,EAAiBC,EAAUR,EAAKC,GAEtC,OACIQ,EAAC,MAAA,CACGT,IAAKI,EACLR,UAAWc,EAAK,YAAad,EAAW,CACpC,sBAAuBM,IAI3BS,SAAA,CAAAC,EAAC,MAAA,CACGhB,UAAU,yBACVE,IAAKI,EAAc,GAAKJ,EACxBe,IAAKhB,GAAeE,EAAgBc,MAGxCD,EAAC,MAAA,CACGd,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZI,IAAKO,EACLO,MAAO,GAAGT,EAAWU,UACrBC,SAAS,QACTC,QAAQ,UACJlB,SAOxBL,EAAMwB,YAAc"}

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

@@ -1,2 +1,2 @@
-import{useRef as e,useState as t,useEffect as r}from"react";const u=u=>{const o=e(null),[s,n]=t(!1);return r((()=>{o.current&&((e,t)=>{let r;!function u(){if(e.complete)return clearTimeout(r),void t?.();r=window.setTimeout(u,50)}()})(o.current,(()=>{n(!0),u?.()}))}),[u]),[o,s]};export{u as useImageLoadingStatus};
+import{useRef as e,useState as t,useEffect as r}from"react";const u=u=>{const o=e(null),[s,n]=t(!1);return r(()=>{o.current&&((e,t)=>{let r;!function u(){if(e.complete)return clearTimeout(r),void t?.();r=window.setTimeout(u,50)}()})(o.current,()=>{n(!0),u?.()})},[u]),[o,s]};export{u as useImageLoadingStatus};
 //# sourceMappingURL=useImageLoadingStatus.js.map

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

@@ -1 +1 @@
-{"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,QACFT,MAGLS,EAAAG,OAAOC,WAAWH,EAAa,GAAE,CAGnCA,EAAA,EAWJI,CAAkBb,EAASM,SAAS,KAChCH,GAAe,GACJJ,KAAA,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","clearTimeout","window","setTimeout","doWhenImageLoaded"],"mappings":"4DAEA,MAeaA,EACTC,IAEA,MAAMC,EAAWC,EAAyB,OACnCC,EAAaC,GAAkBC,GAAS,GAE/C,OAAAC,EAAU,KACNL,EAASM,SAtBS,EAACC,EAAyBR,KAChD,IAAIS,GAEJ,SAASC,IACL,GAAIF,EAAMG,SAGN,OAFAC,aAAaH,QACbT,MAGJS,EAAUI,OAAOC,WAAWJ,EAAa,GAC7C,CAEAA,IAWQK,CAAkBd,EAASM,QAAS,KAChCH,GAAe,GACfJ,SAET,CAACA,IAEG,CAACC,EAAUE"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/input-group/FieldGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport type { FieldGroupProps } from \"./types.js\";\n\nexport const FieldGroup: FC<FieldGroupProps> = (props) => {\n    const {\n        id,\n        legend,\n        labelProps,\n        supportLabelProps,\n        tooltip,\n        className,\n        children,\n        helpLabel,\n        errorLabel,\n        density,\n        description,\n        \"data-testautoid\": testAutoId,\n        ...rest\n    } = props;\n\n    const uid = useId(id || \"jkl-field-group\", { generateSuffix: !id });\n    const supportId = `${uid}_support-label`;\n\n    const supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel\n        ? \"error\"\n        : helpLabel\n          ? \"help\"\n          : undefined;\n\n    const describedBy = supportText ? supportId : undefined;\n\n    return (\n        <fieldset\n            id={uid}\n            className={clsx(\"jkl-field-group\", className)}\n            data-testautoid={testAutoId}\n            {...rest}\n            aria-describedby={describedBy}\n            data-density={density}\n        >\n            <legend className=\"jkl-field-group__legend\">\n                <Label {...labelProps} density={density}>\n                    {tooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {legend}\n                            </span>\n                            {\"\\u00A0\"}\n                            {tooltip}\n                        </>\n                    ) : (\n                        legend\n                    )}\n                </Label>\n            </legend>\n            {description && (\n                <p className=\"jkl-input-group-description\">{description}</p>\n            )}\n            {children}\n            {(helpLabel || errorLabel) && (\n                <SupportLabel\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            )}\n        </fieldset>\n    );\n};\n"],"names":["FieldGroup","props","id","legend","labelProps","supportLabelProps","tooltip","className","children","helpLabel","errorLabel","density","description","testAutoId","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","describedBy","jsxs","clsx","jsx","Label","Fragment","style","whiteSpace","SupportLabel","label","labelType"],"mappings":"mQAOa,MAAAA,EAAmCC,IACtC,MACFC,GAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,YAAAA,EACA,kBAAmBC,KAChBC,GACHb,EAEEc,EAAMC,EAAMd,GAAM,kBAAmB,CAAEe,gBAAiBf,IACxDgB,EAAY,GAAGH,kBAEfI,EAAcT,GAAcD,EAC5BW,EAAkBV,EAClB,QACAD,EACE,YACA,EAEFY,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAC,WAAA,CACGpB,GAAIa,EACJR,UAAWgB,EAAK,kBAAmBhB,GACnC,kBAAiBM,KACbC,EACJ,mBAAkBO,EAClB,eAAcV,EAEdH,SAAA,CAACgB,EAAA,SAAA,CAAOjB,UAAU,0BACdC,SAAAgB,EAACC,MAAUrB,EAAYO,QAAAA,EAClBH,SAAAF,EAEOgB,EAAAI,EAAA,CAAAlB,SAAA,CAAAgB,EAAC,QAAKG,MAAO,CAAEC,WAAY,UACtBpB,SACLL,IACC,IACAG,KAGLH,MAIXS,GACGY,EAAC,IAAE,CAAAjB,UAAU,8BAA+BC,SAAYI,IAE3DJ,GACCC,GAAaC,IACXc,EAACK,EAAA,IACOxB,EACJyB,MAAOX,EACPY,UAAWX,EACXlB,GAAIgB,EACJP,QAAAA,MAGZ"}
+{"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/input-group/FieldGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport type { FieldGroupProps } from \"./types.js\";\n\nexport const FieldGroup: FC<FieldGroupProps> = (props) => {\n    const {\n        id,\n        legend,\n        labelProps,\n        supportLabelProps,\n        tooltip,\n        className,\n        children,\n        helpLabel,\n        errorLabel,\n        density,\n        description,\n        \"data-testautoid\": testAutoId,\n        ...rest\n    } = props;\n\n    const uid = useId(id || \"jkl-field-group\", { generateSuffix: !id });\n    const supportId = `${uid}_support-label`;\n\n    const supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel\n        ? \"error\"\n        : helpLabel\n          ? \"help\"\n          : undefined;\n\n    const describedBy = supportText ? supportId : undefined;\n\n    return (\n        <fieldset\n            id={uid}\n            className={clsx(\"jkl-field-group\", className)}\n            data-testautoid={testAutoId}\n            {...rest}\n            aria-describedby={describedBy}\n            data-density={density}\n        >\n            <legend className=\"jkl-field-group__legend\">\n                <Label {...labelProps} density={density}>\n                    {tooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {legend}\n                            </span>\n                            {\"\\u00A0\"}\n                            {tooltip}\n                        </>\n                    ) : (\n                        legend\n                    )}\n                </Label>\n            </legend>\n            {description && (\n                <p className=\"jkl-input-group-description\">{description}</p>\n            )}\n            {children}\n            {(helpLabel || errorLabel) && (\n                <SupportLabel\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            )}\n        </fieldset>\n    );\n};\n"],"names":["FieldGroup","props","id","legend","labelProps","supportLabelProps","tooltip","className","children","helpLabel","errorLabel","density","description","testAutoId","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","describedBy","jsxs","clsx","jsx","Label","Fragment","style","whiteSpace","SupportLabel","label","labelType"],"mappings":"mQAOO,MAAMA,EAAmCC,IAC5C,MACIC,GAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,YAAAA,EACA,kBAAmBC,KAChBC,GACHb,EAEEc,EAAMC,EAAMd,GAAM,kBAAmB,CAAEe,gBAAiBf,IACxDgB,EAAY,GAAGH,kBAEfI,EAAcT,GAAcD,EAC5BW,EAAkBV,EAClB,QACAD,EACE,YACA,EAEFY,EAAcF,EAAcD,OAAY,EAE9C,OACII,EAAC,WAAA,CACGpB,GAAIa,EACJR,UAAWgB,EAAK,kBAAmBhB,GACnC,kBAAiBM,KACbC,EACJ,mBAAkBO,EAClB,eAAcV,EAEdH,SAAA,CAAAgB,EAAC,SAAA,CAAOjB,UAAU,0BACdC,SAAAgB,EAACC,MAAUrB,EAAYO,QAAAA,EAClBH,SAAAF,EACGgB,EAAAI,EAAA,CACIlB,SAAA,CAAAgB,EAAC,QAAKG,MAAO,CAAEC,WAAY,UACtBpB,SAAAL,IAEJ,IACAG,KAGLH,MAIXS,GACGY,EAAC,IAAA,CAAEjB,UAAU,8BAA+BC,SAAAI,IAE/CJ,GACCC,GAAaC,IACXc,EAACK,EAAA,IACOxB,EACJyB,MAAOX,EACPY,UAAWX,EACXlB,GAAIgB,EACJP,QAAAA"}

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import s,{forwardRef as a}from"react";import{useId as o}from"../../hooks/useId/useId.js";import{Label as t}from"./Label.js";import{SupportLabel as n}from"./SupportLabel.js";const p=a(((a,p)=>{const{className:d,children:c,density:m,errorLabel:u,helpLabel:b,inline:h,label:y,labelProps:f,render:j,supportLabelProps:L,description:k,tooltip:v,id:x,...g}=a,I=o(x||"jkl-input",{generateSuffix:!x}),S=o("jkl-support-label"),w=!!v,N=u||b,A=u?"error":b?"help":void 0,E={"aria-describedby":N?S:void 0,"aria-invalid":!!u||void 0,id:I},F=j?()=>j(E):()=>{const e=s.Children.toArray(a.children)[0];if(s.isValidElement(e))return s.cloneElement(e,{...E,...e.props})};return e("div",{ref:p,className:i(d,"jkl-input-group",{"jkl-input-group--inline":h}),"data-density":m,...g,children:[r(t,{standAlone:!0,htmlFor:I,srOnly:h,...f,style:{whiteSpace:w?"nowrap":void 0,...f?.style},density:m,children:w?e(l,{children:[r("span",{style:{whiteSpace:"normal"},children:y})," ",v]}):y}),k&&r("p",{className:"jkl-input-group-description",children:k}),F(),r(n,{srOnly:h,...L,label:N,labelType:A,id:S,density:m})]})}));p.displayName="InputGroup";export{p as InputGroup};
+import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import s,{forwardRef as a}from"react";import{useId as o}from"../../hooks/useId/useId.js";import{Label as t}from"./Label.js";import{SupportLabel as n}from"./SupportLabel.js";const p=a((a,p)=>{const{className:d,children:c,density:m,errorLabel:u,helpLabel:b,inline:h,label:y,labelProps:f,render:j,supportLabelProps:L,description:k,tooltip:v,id:x,...g}=a,I=o(x||"jkl-input",{generateSuffix:!x}),S=o("jkl-support-label"),w=!!v,N=u||b,A=u?"error":b?"help":void 0,E={"aria-describedby":N?S:void 0,"aria-invalid":!!u||void 0,id:I},F=j?()=>j(E):()=>{const e=s.Children.toArray(a.children)[0];if(s.isValidElement(e))return s.cloneElement(e,{...E,...e.props})};return e("div",{ref:p,className:i(d,"jkl-input-group",{"jkl-input-group--inline":h}),"data-density":m,...g,children:[r(t,{standAlone:!0,htmlFor:I,srOnly:h,...f,style:{whiteSpace:w?"nowrap":void 0,...f?.style},density:m,children:w?e(l,{children:[r("span",{style:{whiteSpace:"normal"},children:y})," ",v]}):y}),k&&r("p",{className:"jkl-input-group-description",children:k}),F(),r(n,{srOnly:h,...L,label:N,labelType:A,id:S,density:m})]})});p.displayName="InputGroup";export{p as InputGroup};
 //# sourceMappingURL=InputGroup.js.map

package/build/es/components/input-group/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport type { InputGroupProps, InputProps } from \"./types.js\";\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(\n    (props, ref) => {\n        const {\n            className,\n            children,\n            density,\n            errorLabel,\n            helpLabel,\n            inline,\n            label,\n            labelProps,\n            render,\n            supportLabelProps,\n            description,\n            tooltip,\n            id,\n            ...rest\n        } = props;\n\n        const uid = useId(id || \"jkl-input\", { generateSuffix: !id });\n        const supportId = useId(\"jkl-support-label\");\n\n        const hasTooltip = !!tooltip;\n\n        const supportText = errorLabel || helpLabel;\n        const supportTextType = errorLabel\n            ? \"error\"\n            : helpLabel\n              ? \"help\"\n              : undefined;\n\n        const describedBy = supportText ? supportId : undefined;\n\n        const inputProps: InputProps = {\n            \"aria-describedby\": describedBy,\n            \"aria-invalid\": errorLabel ? true : undefined,\n            id: uid,\n        };\n\n        const renderInput = render\n            ? () => render(inputProps)\n            : () => {\n                  const input = React.Children.toArray(props.children)[0];\n\n                  if (!React.isValidElement<InputProps>(input)) return;\n\n                  return React.cloneElement<InputProps>(input, {\n                      ...inputProps,\n                      ...input.props,\n                  });\n              };\n\n        return (\n            <div\n                ref={ref}\n                className={clsx(className, \"jkl-input-group\", {\n                    \"jkl-input-group--inline\": inline,\n                })}\n                data-density={density}\n                {...rest}\n            >\n                <Label\n                    standAlone\n                    htmlFor={uid}\n                    srOnly={inline}\n                    {...labelProps}\n                    style={{\n                        whiteSpace: hasTooltip ? \"nowrap\" : undefined,\n                        ...labelProps?.style,\n                    }}\n                    density={density}\n                >\n                    {hasTooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {label}\n                            </span>\n                            {\"\\u00A0\"}\n                            {tooltip}\n                        </>\n                    ) : (\n                        label\n                    )}\n                </Label>\n                {description && (\n                    <p className=\"jkl-input-group-description\">{description}</p>\n                )}\n                {renderInput()}\n                <SupportLabel\n                    srOnly={inline}\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            </div>\n        );\n    },\n);\n\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","description","tooltip","id","rest","uid","useId","generateSuffix","supportId","hasTooltip","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","clsx","jsx","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","SupportLabel","labelType","displayName"],"mappings":"2RAOO,MAAMA,EAAaC,GACtB,CAACC,EAAOC,KACE,MACFC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,YAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,GACHf,EAEEgB,EAAMC,EAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,EAAM,qBAElBG,IAAeP,EAEfQ,EAAchB,GAAcC,EAC5BgB,EAAkBjB,EAClB,QACAC,EACE,YACA,EAIFiB,EAAyB,CAC3B,mBAHgBF,EAAcF,OAAY,EAI1C,iBAAgBd,QAAoB,EACpCS,GAAIE,GAGFQ,EAAcd,EACd,IAAMA,EAAOa,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ5B,EAAMG,UAAU,GAEhDuB,GAAAA,EAAMG,eAA2BJ,GAE/BC,OAAAA,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMzB,OACZ,EAIP,OAAA+B,EAAC,MAAA,CACG9B,IAAAA,EACAC,UAAW8B,EAAK9B,EAAW,kBAAmB,CAC1C,0BAA2BK,IAE/B,eAAcH,KACVW,EAEJZ,SAAA,CAAA8B,EAACC,EAAA,CACGC,YAAU,EACVC,QAASpB,EACTqB,OAAQ9B,KACJE,EACJ6B,MAAO,CACHC,WAAYnB,EAAa,cAAW,KACjCX,GAAY6B,OAEnBlC,QAAAA,EAECD,WAEO4B,EAAAS,EAAA,CAAArC,SAAA,CAAA8B,EAAC,QAAKK,MAAO,CAAEC,WAAY,UACtBpC,SACLK,IACC,IACAK,KAGLL,IAGPI,GACGqB,EAAC,IAAE,CAAA/B,UAAU,8BAA+BC,SAAYS,IAE3DY,IACDS,EAACQ,EAAA,CACGJ,OAAQ9B,KACJI,EACJH,MAAOa,EACPqB,UAAWpB,EACXR,GAAIK,EACJf,QAAAA,MAER,IAKZN,EAAW6C,YAAc"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport type { InputGroupProps, InputProps } from \"./types.js\";\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(\n    (props, ref) => {\n        const {\n            className,\n            children,\n            density,\n            errorLabel,\n            helpLabel,\n            inline,\n            label,\n            labelProps,\n            render,\n            supportLabelProps,\n            description,\n            tooltip,\n            id,\n            ...rest\n        } = props;\n\n        const uid = useId(id || \"jkl-input\", { generateSuffix: !id });\n        const supportId = useId(\"jkl-support-label\");\n\n        const hasTooltip = !!tooltip;\n\n        const supportText = errorLabel || helpLabel;\n        const supportTextType = errorLabel\n            ? \"error\"\n            : helpLabel\n              ? \"help\"\n              : undefined;\n\n        const describedBy = supportText ? supportId : undefined;\n\n        const inputProps: InputProps = {\n            \"aria-describedby\": describedBy,\n            \"aria-invalid\": errorLabel ? true : undefined,\n            id: uid,\n        };\n\n        const renderInput = render\n            ? () => render(inputProps)\n            : () => {\n                  const input = React.Children.toArray(props.children)[0];\n\n                  if (!React.isValidElement<InputProps>(input)) return;\n\n                  return React.cloneElement<InputProps>(input, {\n                      ...inputProps,\n                      ...input.props,\n                  });\n              };\n\n        return (\n            <div\n                ref={ref}\n                className={clsx(className, \"jkl-input-group\", {\n                    \"jkl-input-group--inline\": inline,\n                })}\n                data-density={density}\n                {...rest}\n            >\n                <Label\n                    standAlone\n                    htmlFor={uid}\n                    srOnly={inline}\n                    {...labelProps}\n                    style={{\n                        whiteSpace: hasTooltip ? \"nowrap\" : undefined,\n                        ...labelProps?.style,\n                    }}\n                    density={density}\n                >\n                    {hasTooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {label}\n                            </span>\n                            {\"\\u00A0\"}\n                            {tooltip}\n                        </>\n                    ) : (\n                        label\n                    )}\n                </Label>\n                {description && (\n                    <p className=\"jkl-input-group-description\">{description}</p>\n                )}\n                {renderInput()}\n                <SupportLabel\n                    srOnly={inline}\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            </div>\n        );\n    },\n);\n\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","description","tooltip","id","rest","uid","useId","generateSuffix","supportId","hasTooltip","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","clsx","jsx","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","SupportLabel","labelType","displayName"],"mappings":"2RAOO,MAAMA,EAAaC,EACtB,CAACC,EAAOC,KACJ,MACIC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,YAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,GACHf,EAEEgB,EAAMC,EAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,EAAM,qBAElBG,IAAeP,EAEfQ,EAAchB,GAAcC,EAC5BgB,EAAkBjB,EAClB,QACAC,EACE,YACA,EAIFiB,EAAyB,CAC3B,mBAHgBF,EAAcF,OAAY,EAI1C,iBAAgBd,QAAoB,EACpCS,GAAIE,GAGFQ,EAAcd,EACd,IAAMA,EAAOa,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ5B,EAAMG,UAAU,GAErD,GAAKuB,EAAMG,eAA2BJ,GAEtC,OAAOC,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMzB,SAIvB,OACI+B,EAAC,MAAA,CACG9B,IAAAA,EACAC,UAAW8B,EAAK9B,EAAW,kBAAmB,CAC1C,0BAA2BK,IAE/B,eAAcH,KACVW,EAEJZ,SAAA,CAAA8B,EAACC,EAAA,CACGC,YAAU,EACVC,QAASpB,EACTqB,OAAQ9B,KACJE,EACJ6B,MAAO,CACHC,WAAYnB,EAAa,cAAW,KACjCX,GAAY6B,OAEnBlC,QAAAA,EAECD,WACG4B,EAAAS,EAAA,CACIrC,SAAA,CAAA8B,EAAC,QAAKK,MAAO,CAAEC,WAAY,UACtBpC,SAAAK,IAEJ,IACAK,KAGLL,IAGPI,GACGqB,EAAC,IAAA,CAAE/B,UAAU,8BAA+BC,SAAAS,IAE/CY,IACDS,EAACQ,EAAA,CACGJ,OAAQ9B,KACJI,EACJH,MAAOa,EACPqB,UAAWpB,EACXR,GAAIK,EACJf,QAAAA,SAOpBN,EAAW6C,YAAc"}

package/build/es/components/input-group/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { LabelProps } from \"./types.js\";\n\nexport const Label: FC<LabelProps> = ({\n    variant = \"small\",\n    density,\n    srOnly,\n    children,\n    standAlone,\n    htmlFor,\n    className = \"\",\n    ...rest\n}) => {\n    const labelClassNames = clsx(\"jkl-label\", className, {\n        [`jkl-label--${variant}`]: variant,\n        \"jkl-label--sr-only\": srOnly,\n    });\n\n    const C = standAlone ? \"label\" : \"span\";\n\n    if (!standAlone && htmlFor) {\n        htmlFor = undefined;\n        if (process.env.NODE_ENV !== \"production\") {\n            console.warn(\n                \"WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.\",\n            );\n        }\n    }\n\n    return (\n        <C\n            {...rest}\n            className={labelClassNames}\n            htmlFor={htmlFor}\n            data-density={density}\n        >\n            {children}\n        </C>\n    );\n};\n"],"names":["Label","variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","clsx","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"oGAIO,MAAMA,EAAwB,EACjCC,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEGC,MAAAA,EAAkBC,EAAK,YAAaH,EAAW,CACjD,CAAC,cAAcN,KAAYA,EAC3B,qBAAsBE,IAGpBQ,EAAIN,EAAa,QAAU,OAE7B,OAACA,GAAcC,IACLA,OAAA,EACmB,eAAzBM,QAAQC,IAAIC,UACJC,QAAAC,KACJ,+UAMRC,EAACN,EAAA,IACOH,EACJD,UAAWE,EACXH,QAAAA,EACA,eAAcJ,EAEbE,SAAAA,GACL"}
+{"version":3,"file":"Label.js","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { LabelProps } from \"./types.js\";\n\nexport const Label: FC<LabelProps> = ({\n    variant = \"small\",\n    density,\n    srOnly,\n    children,\n    standAlone,\n    htmlFor,\n    className = \"\",\n    ...rest\n}) => {\n    const labelClassNames = clsx(\"jkl-label\", className, {\n        [`jkl-label--${variant}`]: variant,\n        \"jkl-label--sr-only\": srOnly,\n    });\n\n    const C = standAlone ? \"label\" : \"span\";\n\n    if (!standAlone && htmlFor) {\n        htmlFor = undefined;\n        if (process.env.NODE_ENV !== \"production\") {\n            console.warn(\n                \"WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.\",\n            );\n        }\n    }\n\n    return (\n        <C\n            {...rest}\n            className={labelClassNames}\n            htmlFor={htmlFor}\n            data-density={density}\n        >\n            {children}\n        </C>\n    );\n};\n"],"names":["Label","variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","clsx","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"oGAIO,MAAMA,EAAwB,EACjCC,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEH,MAAMC,EAAkBC,EAAK,YAAaH,EAAW,CACjD,CAAC,cAAcN,KAAYA,EAC3B,qBAAsBE,IAGpBQ,EAAIN,EAAa,QAAU,OAEjC,OAAKA,GAAcC,IACfA,OAAU,EACmB,eAAzBM,QAAQC,IAAIC,UACZC,QAAQC,KACJ,+UAMRC,EAACN,EAAA,IACOH,EACJD,UAAWE,EACXH,QAAAA,EACA,eAAcJ,EAEbE,SAAAA"}

package/build/es/components/input-group/SupportLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportLabel.js","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { ErrorIcon } from \"../icon/icons/ErrorIcon.js\";\nimport { SuccessIcon } from \"../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../icon/icons/WarningIcon.js\";\nimport type { SupportLabelProps } from \"./types.js\";\n\nexport const SupportLabel: FC<SupportLabelProps> = ({\n    id,\n    helpLabel,\n    errorLabel,\n    label,\n    labelType = \"help\",\n    density,\n    className,\n    srOnly,\n    ...rest\n}) => {\n    const hasLabel = errorLabel || helpLabel || label;\n\n    const isHelp = labelType === \"help\" || (helpLabel && !errorLabel);\n    const isWarning = labelType === \"warning\" || errorLabel;\n    const isError = labelType === \"error\";\n    const isSuccess = labelType === \"success\";\n\n    const componentClassName = hasLabel\n        ? clsx(\"jkl-form-support-label\", className, {\n              \"jkl-form-support-label--sr-only\": srOnly,\n              \"jkl-form-support-label--help\": isHelp,\n              \"jkl-form-support-label--error\": isError,\n              \"jkl-form-support-label--warning\": isWarning,\n              \"jkl-form-support-label--success\": isSuccess,\n          })\n        : \"jkl-dormant-form-support-label\";\n\n    const restProps = hasLabel ? rest : {};\n\n    const Icon = isError ? ErrorIcon : isSuccess ? SuccessIcon : WarningIcon;\n\n    return (\n        <span\n            id={id}\n            className={componentClassName}\n            {...restProps}\n            data-density={density}\n        >\n            <Icon variant=\"small\" className=\"jkl-form-support-label__icon\" />\n            <span>{errorLabel || helpLabel || label}</span>\n        </span>\n    );\n};\n"],"names":["SupportLabel","id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isError","isSuccess","componentClassName","clsx","jsxs","children","jsx","ErrorIcon","SuccessIcon","WarningIcon","variant"],"mappings":"2RAOO,MAAMA,EAAsC,EAC/CC,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEGC,MAAAA,EAAWP,GAAcD,GAAaE,EAItCO,EAAwB,UAAdN,EACVO,EAA0B,YAAdP,EAEZQ,EAAqBH,EACrBI,EAAK,yBAA0BP,EAAW,CACtC,kCAAmCC,EACnC,+BARmB,SAAdH,GAAyBH,IAAcC,EAS5C,gCAAiCQ,EACjC,kCATsB,YAAdN,GAA2BF,EAUnC,kCAAmCS,IAEvC,iCAOF,OAAAG,EAAC,OAAA,CACGd,GAAAA,EACAM,UAAWM,KAPDH,EAAWD,EAAO,CAAC,EAS7B,eAAcH,EAEdU,SAAA,CAAAC,EATKN,EAAUO,EAAYN,EAAYO,EAAcC,EAS/C,CAAAC,QAAQ,QAAQd,UAAU,iCAC/BU,EAAA,OAAA,CAAMD,SAAcb,GAAAD,GAAaE,MACtC"}
+{"version":3,"file":"SupportLabel.js","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { ErrorIcon } from \"../icon/icons/ErrorIcon.js\";\nimport { SuccessIcon } from \"../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../icon/icons/WarningIcon.js\";\nimport type { SupportLabelProps } from \"./types.js\";\n\nexport const SupportLabel: FC<SupportLabelProps> = ({\n    id,\n    helpLabel,\n    errorLabel,\n    label,\n    labelType = \"help\",\n    density,\n    className,\n    srOnly,\n    ...rest\n}) => {\n    const hasLabel = errorLabel || helpLabel || label;\n\n    const isHelp = labelType === \"help\" || (helpLabel && !errorLabel);\n    const isWarning = labelType === \"warning\" || errorLabel;\n    const isError = labelType === \"error\";\n    const isSuccess = labelType === \"success\";\n\n    const componentClassName = hasLabel\n        ? clsx(\"jkl-form-support-label\", className, {\n              \"jkl-form-support-label--sr-only\": srOnly,\n              \"jkl-form-support-label--help\": isHelp,\n              \"jkl-form-support-label--error\": isError,\n              \"jkl-form-support-label--warning\": isWarning,\n              \"jkl-form-support-label--success\": isSuccess,\n          })\n        : \"jkl-dormant-form-support-label\";\n\n    const restProps = hasLabel ? rest : {};\n\n    const Icon = isError ? ErrorIcon : isSuccess ? SuccessIcon : WarningIcon;\n\n    return (\n        <span\n            id={id}\n            className={componentClassName}\n            {...restProps}\n            data-density={density}\n        >\n            <Icon variant=\"small\" className=\"jkl-form-support-label__icon\" />\n            <span>{errorLabel || helpLabel || label}</span>\n        </span>\n    );\n};\n"],"names":["SupportLabel","id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isError","isSuccess","componentClassName","clsx","jsxs","children","jsx","ErrorIcon","SuccessIcon","WarningIcon","variant"],"mappings":"2RAOO,MAAMA,EAAsC,EAC/CC,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEH,MAAMC,EAAWP,GAAcD,GAAaE,EAItCO,EAAwB,UAAdN,EACVO,EAA0B,YAAdP,EAEZQ,EAAqBH,EACrBI,EAAK,yBAA0BP,EAAW,CACtC,kCAAmCC,EACnC,+BARmB,SAAdH,GAAyBH,IAAcC,EAS5C,gCAAiCQ,EACjC,kCATsB,YAAdN,GAA2BF,EAUnC,kCAAmCS,IAEvC,iCAMN,OACIG,EAAC,OAAA,CACGd,GAAAA,EACAM,UAAWM,KAPDH,EAAWD,EAAO,CAAA,EAS5B,eAAcH,EAEdU,SAAA,CAAAC,EATKN,EAAUO,EAAYN,EAAYO,EAAcC,EASpD,CAAKC,QAAQ,QAAQd,UAAU,iCAChCU,EAAC,OAAA,CAAMD,SAAAb,GAAcD,GAAaE"}

package/build/es/components/link/Link.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import a,{useId as n}from"react";const i=a.forwardRef((function(a,i){const{external:l=!1,className:t="",children:c,as:o="a",...d}=a,k=o,m=n();return e(k,{ref:i,className:s("jkl-link",t,{"jkl-link--external":l}),"aria-describedby":l?m:void 0,...d,children:[r("span",{className:"jkl-link__content",children:c}),(l||"_blank"===d.target)&&r("span",{hidden:!0,id:m,children:"Ekstern lenke"})]})}));export{i as Link};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import a,{useId as n}from"react";const i=a.forwardRef(function(a,i){const{external:l=!1,className:t="",children:c,as:o="a",...d}=a,k=o,m=n();return e(k,{ref:i,className:s("jkl-link",t,{"jkl-link--external":l}),"aria-describedby":l?m:void 0,...d,children:[r("span",{className:"jkl-link__content",children:c}),(l||"_blank"===d.target)&&r("span",{hidden:!0,id:m,children:"Ekstern lenke"})]})});export{i as Link};
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n    ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        external = false,\n        className = \"\",\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n\n    const srId = useId();\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-link\", className, {\n                \"jkl-link--external\": external,\n            })}\n            aria-describedby={external ? srId : undefined}\n            {...rest}\n        >\n            <span className=\"jkl-link__content\">{children}</span>\n            {(external || rest.target === \"_blank\") && (\n                <span hidden={true} id={srId}>\n                    Ekstern lenke\n                </span>\n            )}\n        </Component>\n    );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","hidden","id"],"mappings":"iIASO,MAAMA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,IAGT,OAAAC,EAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAK,WAAYR,EAAW,CACnC,qBAAsBD,IAE1B,mBAAkBA,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAACQ,EAAA,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,SACfD,EAAC,QAAKE,QAAQ,EAAMC,GAAIP,EAAMJ,SAE9B,oBAIhB"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n    ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        external = false,\n        className = \"\",\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n\n    const srId = useId();\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-link\", className, {\n                \"jkl-link--external\": external,\n            })}\n            aria-describedby={external ? srId : undefined}\n            {...rest}\n        >\n            <span className=\"jkl-link__content\">{children}</span>\n            {(external || rest.target === \"_blank\") && (\n                <span hidden={true} id={srId}>\n                    Ekstern lenke\n                </span>\n            )}\n        </Component>\n    );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","hidden","id"],"mappings":"iIASO,MAAMA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,IAEb,OACIC,EAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAK,WAAYR,EAAW,CACnC,qBAAsBD,IAE1B,mBAAkBA,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAAAQ,EAAC,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,SACfD,EAAC,QAAKE,QAAQ,EAAMC,GAAIP,EAAMJ,SAAA,oBAM9C"}

package/build/es/components/link-list/LinkList.js

@@ -1,2 +1,2 @@
-import{jsxs as s,jsx as r}from"react/jsx-runtime";import{c as l}from"../../../clsx-BeLtu-UY.js";import i from"react";import{ArrowRightIcon as e}from"../icon/icons/ArrowRightIcon.js";const a=i.forwardRef((function(i,a){const{as:o="a",children:n,className:t,...c}=i;return s(o,{className:l("jkl-link-list-link",t),ref:a,...c,children:[n,r(e,{className:"jkl-link-list-link__arrow"})]})})),o=({variant:s,className:i,...e})=>r("ordered"===s?"ol":"ul",{className:l("jkl-link-list",i,{"jkl-link-list--ordered":"ordered"===s,"jkl-link-list--unordered":"unordered"===s}),...e});o.Link=a,o.Item=({className:s,...i})=>r("li",{className:l("jkl-link-list-item",s),...i});export{o as LinkList};
+import{jsxs as s,jsx as r}from"react/jsx-runtime";import{c as l}from"../../../clsx-BeLtu-UY.js";import i from"react";import{ArrowRightIcon as e}from"../icon/icons/ArrowRightIcon.js";const a=i.forwardRef(function(i,a){const{as:o="a",children:n,className:t,...c}=i;return s(o,{className:l("jkl-link-list-link",t),ref:a,...c,children:[n,r(e,{className:"jkl-link-list-link__arrow"})]})}),o=({variant:s,className:i,...e})=>r("ordered"===s?"ol":"ul",{className:l("jkl-link-list",i,{"jkl-link-list--ordered":"ordered"===s,"jkl-link-list--unordered":"unordered"===s}),...e});o.Link=a,o.Item=({className:s,...i})=>r("li",{className:l("jkl-link-list-item",s),...i});export{o as LinkList};
 //# sourceMappingURL=LinkList.js.map

package/build/es/components/link-list/LinkList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.js","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport type { ItemProps, LinkComponent, LinkListProps } from \"./types.js\";\n\nconst Item: ItemProps = ({ className, ...rest }) => {\n    return <li className={clsx(\"jkl-link-list-item\", className)} {...rest} />;\n};\n\nconst Link = React.forwardRef(function LinkListLink<\n    ElementType extends React.ElementType = \"a\",\n>(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list-link\", className)}\n            ref={ref}\n            {...rest}\n        >\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\nexport const LinkList = ({\n    variant,\n    className,\n    ...rest\n}: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"sLASA,MAIMA,EAAOC,EAAMC,YAAW,SAG1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAACJ,EAAA,CACGE,UAAWG,EAAK,qBAAsBH,GACtCJ,IAAAA,KACIK,EAEHF,SAAA,CAAAA,EACDK,EAACC,EAAe,CAAAL,UAAU,gCAGtC,IAEaM,EAAW,EACpBC,QAAAA,EACAP,UAAAA,KACGC,KAKCG,EAH0B,YAAZG,EAAwB,KAAO,KAG5C,CACGP,UAAWG,EAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,IAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA3Ce,EAAGR,UAAAA,KAAcC,KAC9BG,EAAC,MAAGJ,UAAWG,EAAK,qBAAsBH,MAAgBC"}
+{"version":3,"file":"LinkList.js","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport type { ItemProps, LinkComponent, LinkListProps } from \"./types.js\";\n\nconst Item: ItemProps = ({ className, ...rest }) => {\n    return <li className={clsx(\"jkl-link-list-item\", className)} {...rest} />;\n};\n\nconst Link = React.forwardRef(function LinkListLink<\n    ElementType extends React.ElementType = \"a\",\n>(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list-link\", className)}\n            ref={ref}\n            {...rest}\n        >\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\nexport const LinkList = ({\n    variant,\n    className,\n    ...rest\n}: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"sLASA,MAIMA,EAAOC,EAAMC,WAAW,SAG1BC,EACAC,GAEA,MAAQC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAE9D,OACIO,EAACJ,EAAA,CACGE,UAAWG,EAAK,qBAAsBH,GACtCJ,IAAAA,KACIK,EAEHF,SAAA,CAAAA,EACDK,EAACC,EAAA,CAAeL,UAAU,gCAGtC,GAEaM,EAAW,EACpBC,QAAAA,EACAP,UAAAA,KACGC,KAKCG,EAH0B,YAAZG,EAAwB,KAAO,KAG5C,CACGP,UAAWG,EAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,IAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA3Ce,EAAGR,UAAAA,KAAcC,KAC9BG,EAAC,MAAGJ,UAAWG,EAAK,qBAAsBH,MAAgBC"}

package/build/es/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/list/List.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { ListProps } from \"./types.js\";\n\ntype ValidLists = \"unordered\" | \"ordered\";\n\nfunction makeListComponent(listType: ValidLists): FC<ListProps> {\n    const BaseList: FC<ListProps> = ({ children, className, ...rest }) => {\n        const C = listType === \"ordered\" ? \"ol\" : \"ul\";\n\n        return (\n            <C\n                className={clsx(\"jkl-list\", className, {\n                    \"jkl-list--ordered\": listType === \"ordered\",\n                })}\n                data-testid=\"jkl-list\"\n                {...rest}\n            >\n                {children}\n            </C>\n        );\n    };\n    return BaseList;\n}\n\nexport const UnorderedList = makeListComponent(\"unordered\");\nUnorderedList.displayName = \"UnorderedList\";\nexport const OrderedList = makeListComponent(\"ordered\");\nOrderedList.displayName = \"OrderedList\";\nexport const List = UnorderedList;\nList.displayName = \"List\";\n"],"names":["makeListComponent","listType","children","className","rest","jsx","clsx","UnorderedList","displayName","OrderedList","List"],"mappings":"oGAMA,SAASA,EAAkBC,GACS,MAAA,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,KAInDC,EAHmB,YAAbJ,EAAyB,KAAO,KAGrC,CACGE,UAAWG,EAAK,WAAYH,EAAW,CACnC,oBAAkC,YAAbF,IAEzB,cAAY,cACRG,EAEHF,SAAAA,GAKjB,CAEa,MAAAK,EAAgBP,EAAkB,aAC/CO,EAAcC,YAAc,gBACf,MAAAC,EAAcT,EAAkB,WAC7CS,EAAYD,YAAc,cACnB,MAAME,EAAOH,EACpBG,EAAKF,YAAc"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/list/List.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { ListProps } from \"./types.js\";\n\ntype ValidLists = \"unordered\" | \"ordered\";\n\nfunction makeListComponent(listType: ValidLists): FC<ListProps> {\n    const BaseList: FC<ListProps> = ({ children, className, ...rest }) => {\n        const C = listType === \"ordered\" ? \"ol\" : \"ul\";\n\n        return (\n            <C\n                className={clsx(\"jkl-list\", className, {\n                    \"jkl-list--ordered\": listType === \"ordered\",\n                })}\n                data-testid=\"jkl-list\"\n                {...rest}\n            >\n                {children}\n            </C>\n        );\n    };\n    return BaseList;\n}\n\nexport const UnorderedList = makeListComponent(\"unordered\");\nUnorderedList.displayName = \"UnorderedList\";\nexport const OrderedList = makeListComponent(\"ordered\");\nOrderedList.displayName = \"OrderedList\";\nexport const List = UnorderedList;\nList.displayName = \"List\";\n"],"names":["makeListComponent","listType","children","className","rest","jsx","clsx","UnorderedList","displayName","OrderedList","List"],"mappings":"oGAMA,SAASA,EAAkBC,GAgBvB,MAfgC,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,KAInDC,EAHmB,YAAbJ,EAAyB,KAAO,KAGrC,CACGE,UAAWG,EAAK,WAAYH,EAAW,CACnC,oBAAkC,YAAbF,IAEzB,cAAY,cACRG,EAEHF,SAAAA,GAKjB,CAEO,MAAMK,EAAgBP,EAAkB,aAC/CO,EAAcC,YAAc,gBACrB,MAAMC,EAAcT,EAAkB,WAC7CS,EAAYD,YAAc,cACnB,MAAME,EAAOH,EACpBG,EAAKF,YAAc"}